/* Atina teması — Kategori sayfası stilleri (yalnızca category.php yükler). */
/* ===== kategori sayfası (Atina tasarımı) — header'daki eski sürümü ezer ===== */
main{position:relative}
.cath{padding:1.6rem 0 0}
.cath-band{position:relative;border:0;border-radius:0;overflow:visible;isolation:auto}
.cath-band::after{content:none}
.cath-backdrop{position:absolute;top:0;left:0;right:0;height:min(54vh,500px);z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12%,#000 30%);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12%,#000 30%)}
.cath-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:blur(10px) brightness(.55) saturate(1.1);transform:scale(1.08)}
.cath-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0) 35%,var(--bg) 96%)}
html[data-theme="light"] .cath-backdrop img{filter:blur(10px) brightness(.7) saturate(1.05)}
.cath-inner{position:relative;z-index:1;display:flex;align-items:center;gap:1.1rem;padding:1.2rem 0 .4rem}
.cat-count{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);font-size:.8rem;font-weight:500;margin:.9rem 0 1rem}
/* backdrop üzerinde okunabilirlik */
.cath-inner h1{text-shadow:0 2px 18px rgba(0,0,0,.5)}
.cath-backdrop ~ .breadcrumb a,.cath-backdrop ~ .breadcrumb .bc-sep{color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.cath-backdrop ~ .breadcrumb .bc-cur{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.cath-backdrop ~ .breadcrumb a:hover{color:#fff}
/* mobil taşma düzeltmeleri */
.price-row{flex-wrap:wrap;row-gap:.1rem}
.prod-card,.cat-toolbar,.fchips{min-width:0}
@media (max-width:640px){
  .fchips{flex-wrap:wrap;overflow:visible}
  .fchip{padding:.45rem .7rem;font-size:.75rem}
  .fchip img{width:17px;height:17px}
  .fchip .count{font-size:.6rem}
  .cath-backdrop{height:min(44vh,380px)}
}
@media (max-width:640px){
  .cat-prod-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .cath-inner{padding:.8rem 0 .3rem;gap:.8rem}
  .cath-icon{width:48px;height:48px;border-radius:12px}
  .cath-inner p{font-size:.76rem}
  .cat-toolbar{flex-direction:column;align-items:stretch}
  .sortbox{justify-content:space-between}
}
/* kategori sayfası: cam efektli chipler ve ürün kartları (dock tarzı) */
.fchip{background:var(--header-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:var(--stroke-2)}
.fchip:hover{background:var(--header-bg-solid)}
.fchip .count{background:rgba(255,255,255,.08);backdrop-filter:none}
.sortbox{background:var(--header-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:var(--stroke-2)}
.cat-prod-grid .prod-card{background:var(--header-bg);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-color:var(--stroke-2)}
.cat-prod-grid .prod-card:hover{background:var(--header-bg-solid);border-color:rgba(225,25,49,.5)}
.cat-prod-grid .add-btn{backdrop-filter:none}
html[data-theme="light"] .fchip .count{background:rgba(16,20,30,.06)}
/* sayfalama (tema uyumlu) */
.cat-pager{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.8rem;flex-wrap:wrap}
.cat-pager a,.cat-pager .pg-cur{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .8rem;border-radius:12px;border:1px solid var(--stroke-2);background:var(--header-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);font-size:.85rem;font-weight:600;color:var(--muted);transition:all .2s}
.cat-pager a:hover{background:var(--header-bg-solid);color:var(--text)}
.cat-pager .pg-cur{background:linear-gradient(135deg,var(--red),#b40e23);border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px var(--red-glow)}