/* ══════════════════════════════════════════════════════════════════════════════════════════
   CARDEN — tema stil sayfası (W01-Carden design handoff'undan birebir çıkarıldı)
   Tasarımın TEK global CSS'i budur: geri kalan her şey markup'ta inline style olarak durur
   (kaynak prototipin kendi düzeni). Buradaki sınıflar yalnız iki iş yapar:
     1) tema değişkenleri (--bg/--card/--ink/--muted/--line) + .cd-dark koyu mod override'ı
     2) responsive kırılımlar (1000px ana kırılım, 720/620/560 ince ayar)
   Bu yüzden düzenlerken sınıf ADLARINI değiştirmeyin — tema bileşenleri bu adlara bağlıdır.
   ══════════════════════════════════════════════════════════════════════════════════════════ */
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
  html,body{margin:0}
  a{color:var(--ink,#0B0B0C);text-decoration:none}
  a:hover{opacity:.72}
  .cd-wrap{--bg:#E7E9E1;--card:#ffffff;--ink:#14150F;--muted:#6a6d64;--line:rgba(11,11,12,.1)}
  .cd-wrap.cd-dark{--bg:#0e100b;--card:#1a1c15;--ink:#f2f3ec;--muted:#a6a99e;--line:rgba(255,255,255,.12)}
  .cd-drawer{transition:transform .34s cubic-bezier(.22,1,.36,1)}
  @media(max-width:560px){ .cd-modal{padding:14px !important} }
  @keyframes cdbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  @keyframes cdspin{to{transform:rotate(360deg)}}
  @keyframes cdfloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
  @keyframes cdshake{0%,68%,100%{transform:translateX(0)}74%{transform:translateX(-2.5px)}80%{transform:translateX(2.5px)}86%{transform:translateX(-2px)}92%{transform:translateX(1.5px)}}
  .cd-shakeicon{display:inline-flex;animation:cdshake 2.4s ease-in-out infinite}
  .cd-burger{display:flex}
  .cd-ptrigger{display:none}
  @media(max-width:1000px){
    .cd-wrap{padding:20px !important}
    .cd-navlinks{display:none !important}
    .cd-burger{display:inline-flex !important}
    .cd-hero{grid-template-columns:1fr !important}
    .cd-heroart{min-height:340px !important}
    .cd-2col{grid-template-columns:1fr !important}
    .cd-h1{font-size:52px !important}
    .cd-appt{grid-template-columns:1fr !important;padding:22px !important}
    .cd-desk-cta{display:none !important}
    .cd-ptrigger{display:inline-flex !important}
    .cd-paside{position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;z-index:60;width:min(300px,86%);border-radius:0 18px 18px 0 !important;transform:translateX(-106%);transition:transform .32s cubic-bezier(.22,1,.36,1);overflow-y:auto}
    .cd-paside.cd-pon{transform:translateX(0) !important}
    .cd-shopgrid{grid-template-columns:1fr !important}
    .cd-filtbtn{display:inline-flex !important}
    .cd-filteraside{position:fixed !important;left:0;top:0;bottom:0;z-index:56;width:300px;max-width:88%;border-radius:0 24px 24px 0 !important;transform:translateX(-100%);overflow-y:auto;box-shadow:30px 0 60px -30px rgba(0,0,0,.5)}
    .cd-filteraside.cd-filt-open{transform:translateX(0)}
    .cd-prodgrid{grid-template-columns:1fr 1fr !important}
    .cd-pdcol{grid-template-columns:1fr !important}
  }
  @media(max-width:620px){
    .cd-prodgrid{grid-template-columns:1fr !important}
  }
  @media(max-width:720px){
    .cd-grid3{grid-template-columns:1fr !important}
    .cd-grid2{grid-template-columns:1fr !important}
    .cd-h1{font-size:40px !important}
    .cd-statrow{flex-direction:column !important;align-items:stretch !important}
    .cd-ctaband{flex-direction:column !important;align-items:flex-start !important}
    .cd-foot{grid-template-columns:1fr 1fr !important}
  }

/* ── PANEL STİL SIZINTISINA KARŞI YALITIM (prototipte yoktu, burada ZORUNLU) ──────────────
   Public site, yönetim panelinin global SCSS'iyle aynı uygulamada yaşar. O şablonun `footer`
   kuralı `position:fixed` veriyor ve tema footer'ı sayfanın ortasına çakılıyordu (footer,
   içerik bölümlerinin üstüne biniyordu). Aşağıdaki kurallar temanın kendi etiketlerini
   nötrler — yalnız `.cd-wrap` içinde geçerlidir, panele dokunmaz.
   NOT (z-index): panel kuralı footer'a `position:fixed` İLE BİRLİKTE yüksek bir `z-index`
   veriyor. Sadece position'ı relative'e çekmek yetmiyor — relative+yüksek z-index footer'ı
   kendi YIĞIN BAĞLAMINA sokuyor ve drawer/sepet/modal (z-index 44-71) footer yazılarının
   ALTINDA kalıyordu. `z-index:auto` ile bağlamı kaldırıyoruz → tüm sabit katmanlar footer'ın
   üstünde çizilir. */
.cd-wrap footer{position:relative !important;z-index:auto !important;width:auto;left:auto;right:auto;bottom:auto;text-align:left;background:transparent !important;box-shadow:none !important}
.cd-wrap h1,.cd-wrap h2,.cd-wrap h3,.cd-wrap h4,.cd-wrap h5,.cd-wrap h6{margin:0;color:inherit;font-family:inherit}
.cd-wrap p{margin:0}
.cd-wrap button{font-family:inherit}

/* ── CMS İÇERİK GÖVDESİ (.cd-prose) ─────────────────────────────────────────────────────────
   Sayfalar/Page Editor'dan gelen serbest HTML (SEO landing, hukuki metinler) Carden tipografisiyle
   render edilir. Yukarıdaki reset'leri (p/başlık margin:0) daha spesifik seçicilerle geri alır. */
.cd-wrap .cd-prose{font-size:16px;line-height:1.75;color:var(--ink,#14150F)}
.cd-wrap .cd-prose>*:first-child{margin-top:0}
.cd-wrap .cd-prose h2{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:34px 0 12px}
.cd-wrap .cd-prose h3{font-size:20px;font-weight:800;line-height:1.25;margin:26px 0 10px}
.cd-wrap .cd-prose h4{font-size:16.5px;font-weight:700;margin:20px 0 8px}
.cd-wrap .cd-prose p{margin:0 0 16px;color:var(--muted,#4b4e46)}
.cd-wrap .cd-prose ul,.cd-wrap .cd-prose ol{margin:0 0 18px;padding-left:22px;color:var(--muted,#4b4e46)}
.cd-wrap .cd-prose li{margin:0 0 8px;line-height:1.65}
.cd-wrap .cd-prose li::marker{color:var(--ink,#14150F)}
.cd-wrap .cd-prose a{color:#E4572E;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cd-wrap .cd-prose strong{color:var(--ink,#14150F);font-weight:700}
.cd-wrap .cd-prose blockquote{margin:0 0 18px;padding:12px 18px;border-left:3px solid #E4572E;background:var(--bg,#F4F5EF);border-radius:0 12px 12px 0;color:var(--ink,#14150F)}
.cd-wrap .cd-prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
.cd-wrap .cd-prose th,.cd-wrap .cd-prose td{border:1px solid var(--line,rgba(11,11,12,.12));padding:10px 12px;text-align:left}
.cd-wrap .cd-prose th{background:var(--bg,#F4F5EF);font-weight:700;color:var(--ink,#14150F)}
.cd-wrap .cd-prose img{max-width:100%;height:auto;border-radius:14px;margin:8px 0 18px}
.cd-wrap .cd-prose hr{border:none;border-top:1px solid var(--line,rgba(11,11,12,.12));margin:26px 0}