/* pages/kategoriler.css — Kategori dizini (.page-kategoriler)
   Sayfa başlığı bandı: main.css .page-hero (paylaşılan bileşen) */

.page-kategoriler .kat-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0}

/* ---- Çok kolonlu kategori dizini ---- */
.page-kategoriler .kat-dir{columns:1;column-gap:1.2rem}
.page-kategoriler .kat-group{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 1.2rem;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:0 1rem 1rem;box-shadow:var(--shadow-sm);overflow:hidden;
  transition:box-shadow .25s,transform .18s}
.page-kategoriler .kat-group:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.page-kategoriler .kat-group__media{display:block;margin:0 -1rem .8rem;aspect-ratio:4/3;background:var(--bg-soft);overflow:hidden}
.page-kategoriler .kat-group__media img{width:100%;height:100%;object-fit:contain;padding:.6rem;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.page-kategoriler .kat-group:hover .kat-group__media img{transform:scale(1.05)}
.page-kategoriler .kat-group__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  margin:.9rem 0 .55rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);font-size:1.02rem}
.page-kategoriler .kat-group__media + .kat-group__head{margin-top:0}
.page-kategoriler .kat-group__head a{color:var(--ink)}
.page-kategoriler .kat-group__head a:hover{color:var(--accent-600)}
.page-kategoriler .kat-group__count{flex:none;background:var(--accent);color:#1a1205;font-family:var(--font-body);
  font-size:.72rem;font-weight:800;border-radius:var(--radius-pill);padding:.18rem .55rem;line-height:1}
.page-kategoriler .kat-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.05rem}
.page-kategoriler .kat-group__list a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.42rem .5rem;border-radius:9px;color:var(--ink-2);font-size:.92rem;transition:background .15s,color .15s}
.page-kategoriler .kat-group__list a:hover{background:var(--bg-soft);color:var(--ink)}
.page-kategoriler .kat-group__list .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-kategoriler .kat-group__list .ct{flex:none;color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}
.page-kategoriler .kat-group__all{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--ink)}
.page-kategoriler .kat-group__all:hover{color:var(--accent-600)}

/* ---- CTA bandı ---- */
.page-kategoriler .kat-cta{text-align:center}
.page-kategoriler .kat-cta__inner{max-width:640px;margin:0 auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.2rem}
.page-kategoriler .kat-cta h2{margin:0 0 .5rem}
.page-kategoriler .kat-cta .lead{margin:0 auto 1.2rem;color:var(--muted)}
.page-kategoriler .kat-cta__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}

@media (min-width:768px){
  .page-kategoriler .kat-dir{columns:2}
  .page-kategoriler .kat-cta__inner{padding:2.6rem}
}
@media (min-width:1200px){
  .page-kategoriler .kat-dir{columns:3}
}