/* ===========================
   Katalog v2 (conflict-free)
   Scope: [data-k2]
   =========================== */

[data-k2]{
  /* Genel değişkenler */
  --k2-radius: 16px;
  --k2-shadow: 0 8px 22px rgba(0,0,0,.06);
  --k2-shadow-h: 0 16px 40px rgba(0,0,0,.12);
  --k2-muted: #6b7280;
  --k2-brand: #2563eb;   /* default (değişir: tema sınıfıyla) */
  --k2-accent: #eff6ff;  /* default accent */
  --k2-thumb-ratio: 1 / 1; /* 4 / 3 yapmak istersen bu değeri değiştir */
}

/* Bölüm spacing */
[data-k2].k2-section { padding: 64px 0 72px; }
@media (max-width:575.98px){
  [data-k2].k2-section { padding: 48px 0 56px; }
}

/* Başlık */
[data-k2] .k2-head { text-align:center; margin-bottom: 28px; }
[data-k2] .k2-title { margin:0 0 8px; font-size:32px; font-weight:800; line-height:1.1; }
[data-k2] .k2-sep { width:72px; height:4px; border-radius:999px; background:var(--k2-brand); margin:0 auto; opacity:.3; }

/* Grid (Bootstrap ile uyumlu) */
[data-k2] .k2-grid { row-gap: 28px; }
[data-k2] .k2-grid > [class*="col"] { display:flex; }

/* Kart */
[data-k2] .k2-card{
  background:#fff;
  border-radius:var(--k2-radius);
  height:100%;
  display:flex;
  flex-direction:column;
  box-shadow:var(--k2-shadow);
  transition: transform .2s ease, box-shadow .2s ease;
  overflow:hidden;
}
[data-k2] .k2-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--k2-shadow-h);
}

/* Thumbnail (oran sabit / cover) */
[data-k2] .k2-thumb{
  display:block;
  position:relative;
  background:#f3f5f8;
  aspect-ratio: var(--k2-thumb-ratio);
  overflow:hidden;
}
@supports not (aspect-ratio: 1/1){
  [data-k2] .k2-thumb { height:0; padding-bottom:100%; }
  [data-k2] .k2-thumb img { position:absolute; inset:0; }
}
[data-k2] .k2-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
}
[data-k2] .k2-thumb.k2-img-error{
  background: repeating-linear-gradient(45deg,#f5f6f8,#f5f6f8 10px,#eef2f7 10px,#eef2f7 20px);
}

/* İçerik */
[data-k2] .k2-body{
  padding: 16px 18px 18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
[data-k2] .k2-card-title{
  margin:0;
  font-size:17px;
  line-height:1.35;
}
[data-k2] .k2-card-title a{
  color:inherit;
  text-decoration:none;
}
[data-k2] .k2-card:hover .k2-card-title a{
  color: var(--k2-brand);
}

/* Açıklama (3 satır clamp) */
[data-k2] .k2-desc{
  margin:0;
  color: var(--k2-muted);
  font-size:14px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* CTA butonu */
[data-k2] .k2-cta{
  align-self:flex-start;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius:10px;
  background: var(--k2-accent);
  border: 1px solid var(--k2-brand);
  color: var(--k2-brand);
  text-decoration:none;
  font-size:14px;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
[data-k2] .k2-cta:hover{
  background: var(--k2-brand);
  color:#fff;
  border-color: var(--k2-brand);
  transform: translateY(-1px);
}

/* Pagination alanı */
[data-k2] .k2-pagination{
  margin-top: 20px;
  display:flex;
  justify-content:center;
}

/* Erişilebilirlik */
[data-k2] .k2-cta:focus-visible,
[data-k2] .k2-card a:focus-visible{
  outline: 3px solid color-mix(in oklab, var(--k2-brand), #fff 70%);
  outline-offset: 2px;
  border-radius: 12px;
}


[data-k2].k2-theme-orange{
  --k2-brand: #f97316;   
  --k2-accent: #fff7ed; 
}

[data-k2].k2-theme-green{
  --k2-brand: #10b981;  
  --k2-accent: #ecfdf5;  
}