/* 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(var(--red-rgb),.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),var(--red-dark));border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px var(--red-glow)}
/* ===== SEO içerik bloğu: güven şeridi + fiyat tablosu + açıklama metni + SSS (free-account ile aynı dil) ===== */
.cat-seo-wrap{padding:2.4rem 0 1rem}
.cat-seo-wrap .container>*{max-width:860px}
.cat-trust{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.cat-trust li{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:.85rem .9rem;display:flex;flex-direction:column;gap:.15rem}
.cat-trust strong{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--text)}
.cat-trust span{font-size:.76rem;color:var(--muted)}
.cat-price{margin:0 0 1.8rem}
.cat-price h2,.cat-seo h2,.cat-faq>h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--text);margin:1.4rem 0 .7rem;line-height:1.3}
.cat-price h2{margin-top:0}
.cat-price-scroll{overflow-x:auto;border:1px solid var(--stroke);border-radius:14px;background:var(--surface)}
.cat-price table{width:100%;border-collapse:collapse;font-size:.9rem}
.cat-price th{text-align:left;font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:.75rem 1rem;border-bottom:1px solid var(--stroke)}
.cat-price td{padding:.7rem 1rem;border-bottom:1px solid var(--stroke);color:var(--text);vertical-align:middle}
.cat-price tr:last-child td{border-bottom:0}
.cat-price td a{color:var(--text);font-weight:600;text-decoration:none}
.cat-price td a:hover{color:var(--red-2)}
.cat-price-val{white-space:nowrap;text-align:right}
.cat-price th:last-child{text-align:right}
.cat-price-val del{color:var(--muted);font-size:.8rem;margin-right:.35rem}
.cat-price-val strong{color:var(--red-2);font-weight:800}
.cat-seo{color:var(--muted);font-size:.95rem;line-height:1.75}
.cat-seo h2:first-child{margin-top:0}
.cat-seo h3{color:var(--text);font-weight:700;font-size:1.02rem;margin:1.1rem 0 .4rem}
.cat-seo strong{color:var(--text)}
.cat-seo a{color:var(--red-2);font-weight:600}
.cat-seo ul,.cat-seo ol{margin:.2rem 0 .9rem 1.2rem;padding:0}
.cat-seo li{margin-bottom:.35rem}
.cat-faq{margin-top:2.2rem}
.cat-faq-item{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;margin-bottom:.6rem;overflow:hidden;transition:border-color .2s}
.cat-faq-item[open]{border-color:rgba(var(--red-rgb),.35)}
.cat-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;cursor:pointer;list-style:none}
.cat-faq-item summary::-webkit-details-marker{display:none}
.cat-faq-item summary::marker{content:""}
.cat-faq-item summary h3{margin:0;font-size:.98rem;font-weight:700;color:var(--text);line-height:1.4}
.cat-faq-chev{width:20px;height:20px;flex-shrink:0;color:var(--muted);transition:transform .25s}
.cat-faq-item[open] .cat-faq-chev{transform:rotate(180deg);color:var(--red-2)}
.cat-faq-a{padding:0 1.15rem 1.1rem;color:var(--muted);font-size:.92rem;line-height:1.65}
.cat-faq-a a{color:var(--red-2);font-weight:600}
@media (max-width:640px){
  .cat-seo-wrap{padding-top:1.8rem}
  .cat-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-price td,.cat-price th{padding:.6rem .7rem}
  .cat-price table{font-size:.84rem}
}
/* ===== Ücretsiz hediye linkleri şeridi (ince, dikkat dağıtmayan tanıtım) ===== */
.gift-promo{display:flex;align-items:center;gap:.8rem;margin:1rem 0 0;padding:.55rem .9rem .55rem .6rem;border-radius:14px;background:var(--header-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--stroke);color:var(--text);text-decoration:none;transition:border-color .2s,background .2s}
.gift-promo:hover{border-color:rgba(var(--red-rgb),.45);background:var(--header-bg-solid)}
.gift-promo-thumbs{display:flex;flex-shrink:0;padding-left:2px}
.gift-promo-thumbs img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:var(--surface-2);box-shadow:0 0 0 2px var(--header-bg-solid)}
.gift-promo-thumbs img+img{margin-left:-9px}
.gift-promo-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);font-size:1.1rem;flex-shrink:0}
.gift-promo-body{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.gift-promo-body strong{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift-promo-body small{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift-promo-cta{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--red-2);white-space:nowrap}
@media (max-width:640px){
  .gift-promo{gap:.65rem;padding:.5rem .7rem .5rem .5rem}
  .gift-promo-thumbs img{width:30px;height:30px}
  .gift-promo-cta{font-size:0}
  .gift-promo-cta::after{content:"→";font-size:1rem}
}
/* ===== Şans kutusu: kategori başlığının sağında (alt kategori çipi sanılmasın, ek dikey yer kaplamasın).
   Görsel dil ücretsiz hesap duyurusuyla (.fa-announce) aynı: cam zemin, ince çerçeve, kırmızı vurgu ===== */
.cath-cases{margin-left:auto;display:flex;gap:.7rem;flex-shrink:0;min-width:0}
.cath-case{display:flex;align-items:center;gap:.85rem;min-width:0;max-width:440px;padding:.6rem .7rem .6rem .6rem;border-radius:16px;text-decoration:none;color:var(--text);background:var(--header-bg);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid var(--stroke-2);box-shadow:var(--card-shadow);transition:transform .2s,border-color .2s}
.cath-case:hover{transform:translateY(-2px);border-color:rgba(var(--red-rgb),.5)}
.cath-case-art{flex-shrink:0;width:56px;height:56px;display:grid;place-items:center;border-radius:12px;color:var(--red-2);background:rgba(var(--red-rgb),.1);border:1px solid rgba(var(--red-rgb),.25)}
.cath-case-art img{width:100%;height:100%;object-fit:contain;transform:scale(1.22) translateY(-5px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.cath-case-art svg{width:28px;height:28px}
.cath-case-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.cath-case-tag{align-self:flex-start;padding:.1rem .45rem;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.4;color:var(--red-2);background:rgba(var(--red-rgb),.1);border:1px solid rgba(var(--red-rgb),.25)}
.cath-case-body strong{font-family:var(--font-display);font-weight:800;font-size:.95rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cath-case-body small{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cath-case-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.cath-case-price{font-family:var(--font-display);font-weight:800;font-size:.95rem;white-space:nowrap}
.cath-case-price small{font-size:.62rem;font-weight:700;color:var(--muted)}
.cath-case-cta{padding:.42rem .95rem;border-radius:999px;font-weight:700;font-size:.78rem;white-space:nowrap;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 6px 22px -6px var(--red-glow)}
@media (max-width:900px){
  .cath-inner{flex-wrap:wrap}
  .cath-cases{margin-left:0;width:100%;flex-shrink:1}
  .cath-case{flex:1;max-width:none;padding:.45rem .55rem .45rem .45rem;gap:.6rem}
  .cath-case-art{width:42px;height:42px}
  .cath-case-body small{display:none}
  .cath-case-side{flex-direction:row;align-items:center;gap:.5rem}
}