/* pages/kategori.css — kategori listeleme (.page-kategori altında kapsanmış) */

/* ---- Görselli sayfa başlığı bandı (breadcrumb arkası) ---- */

/* ---- Alt kategori çipleri (cilalı) ---- */
.page-kategori .kat-alt{margin:0 0 1.7rem}
.page-kategori .kat-alt__label{display:flex;align-items:center;gap:.55rem;margin:0 0 .75rem;font-family:var(--font-head);font-weight:700;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.page-kategori .kat-alt__label::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--accent)}
.page-kategori .chiprow{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0}
.page-kategori .kat-alt .chip{gap:.55rem;padding:.5rem .55rem .5rem .95rem;min-height:42px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.page-kategori .kat-alt .chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px rgba(254,204,0,.15)}
.page-kategori .kat-alt .chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.page-kategori .kat-alt .chip__n{flex:none;display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .42rem;margin-left:.1rem;font-family:var(--font-head);font-size:.74rem;font-weight:800;line-height:1;color:var(--accent);background:var(--accent-soft);border-radius:999px;transition:background .18s ease,color .18s ease}
.page-kategori .kat-alt .chip:hover .chip__n{background:var(--accent);color:var(--accent-ink)}

.page-kategori .kat-list{margin-top:.4rem}
.page-kategori .kat-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.1rem}
.page-kategori .kat-toolbar h2{margin:0;font-size:1.15rem}
.page-kategori .kat-sort{display:flex;flex-wrap:wrap;gap:.4rem}

.page-kategori .kat-bos{padding:1.5rem 0}
.page-kategori .kat-bos h2{font-size:1.2rem}

.page-kategori .kat-cta{margin:2.6rem 0 .5rem;text-align:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.2rem}
.page-kategori .kat-cta h2{margin:0 0 .4rem}
.page-kategori .kat-cta p{color:var(--muted);margin:0 0 1.1rem}

@media (min-width:768px){
  .page-kategori .kat-cta{padding:2.6rem}
}
@media (min-width:1200px){
}