/* ============================================================
   DAMBILCI — kategori.css  (ÜRÜN/SEO KATEGORİ SAYFALARI)
   ------------------------------------------------------------
   Yalnız kategori sayfalarında (dambil.html, plaka.html, bar.html…)
   styles.css'TEN SONRA yüklenir. styles.css :root token'larını
   (renk/font/ease) kullanır; ana siteye DOKUNMAZ.
   ============================================================ */

/* Hero / giriş */
.kat-hero{padding:clamp(116px,17vh,176px) clamp(20px,5vw,64px) clamp(36px,5vh,60px);max-width:920px}
.kat-breadcrumb{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.kat-breadcrumb a{color:var(--mute);transition:color .3s var(--ease)}
.kat-breadcrumb a:hover{color:var(--bronze-l)}
.kat-breadcrumb span{color:var(--bronze)}
.kat-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,5.6vw,3.6rem);line-height:1.04;letter-spacing:-.01em;margin:18px 0 22px}
.kat-hero h1 em{font-style:italic;color:var(--bronze)}
.kat-hero .lead{color:var(--mute);font-size:clamp(15px,2vw,18px);line-height:1.7;max-width:700px}
.kat-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}

/* Okunur metin blokları (giriş devamı + rehber) */
.kat-prose{max-width:780px;margin:0 auto;padding:clamp(44px,7vh,84px) clamp(20px,5vw,64px);color:var(--mute);line-height:1.8;font-size:15.5px}
.kat-prose .eyebrow{margin-bottom:14px;display:inline-block}
.kat-prose h2{font-family:var(--serif);color:var(--ink);font-weight:500;font-size:clamp(1.55rem,3.6vw,2.25rem);line-height:1.14;margin-bottom:18px;letter-spacing:-.01em}
.kat-prose h2 em{font-style:italic;color:var(--bronze)}
.kat-prose h3{font-family:var(--serif);color:var(--ink);font-weight:500;font-size:1.22rem;margin:30px 0 8px}
.kat-prose p{margin-bottom:16px}
.kat-prose ul{margin:0 0 18px;padding-left:20px}
.kat-prose li{margin-bottom:9px}
.kat-prose li::marker{color:var(--bronze)}
.kat-prose strong{color:var(--bronze-l);font-weight:500}
.kat-prose a{color:var(--bronze-l);text-decoration:underline;text-underline-offset:2px}

/* Diğer kategorilere iç bağlantılar */
.kat-links{max-width:1140px;margin:0 auto;padding:clamp(36px,5vh,64px) clamp(20px,5vw,64px) clamp(72px,10vh,120px)}
.kat-links .eyebrow{margin-bottom:8px;display:block}
.kat-links h2{font-family:var(--serif);color:var(--ink);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.1rem);margin-bottom:26px;letter-spacing:-.01em}
.kat-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.kat-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border:1px solid var(--line);border-radius:5px;background:var(--s1);color:var(--ink);font-family:var(--sans);font-size:15px;letter-spacing:.01em;transition:border-color .35s,transform .4s var(--ease),color .35s}
.kat-link:hover{border-color:rgba(194,138,78,.4);transform:translateY(-4px);color:var(--bronze-l)}
.kat-link::after{content:"→";color:var(--bronze);transition:transform .35s var(--ease)}
.kat-link:hover::after{transform:translateX(5px)}

/* Kategori shop başlığı (anasayfadaki ghost-word olmadan) */
.kat-shop{padding-top:0}
.kat-shop .shop-head{margin-bottom:38px}

@media(max-width:560px){
  .kat-hero{padding-top:clamp(104px,15vh,140px)}
  .kat-cta{flex-direction:column;align-items:stretch}
  .kat-cta .btn{width:100%}
}