/* ============================================================
   CraftFairİstanbul — Genel stiller (main.css)
   tokens.css'ten SONRA yüklenir.
   ============================================================ */

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
/* overflow-x:hidden sticky header'ı kırar (body kaydırma kapsayıcısı olur);
   clip aynı taşma kesmeyi sticky'yi bozmadan yapar. hidden = eski tarayıcı yedeği. */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul[role='list'],ol[role='list']{list-style:none}
img,picture,svg,video{max-width:100%;height:auto;display:block}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}

/* ---------- Temel ---------- */
body{
  font-family:var(--font-govde);
  font-size:var(--tip-govde);
  font-weight:400;
  color:var(--renk-metin);
  background:var(--renk-arkaplan);
  line-height:var(--satir-govde);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{font-family:var(--font-baslik);font-weight:700;line-height:var(--satir-baslik);
            letter-spacing:-.015em;color:var(--renk-metin)}
h1{font-size:var(--tip-h1)}
h2{font-size:var(--tip-h2)}
h3{font-size:var(--tip-h3);letter-spacing:-.01em}

p{max-width:70ch}

a:hover{color:var(--renk-marka)}

em,.italik{font-family:var(--font-italik);font-style:italic;letter-spacing:0}

::selection{background:color-mix(in srgb,var(--renk-marka) 22%,transparent)}

/* ---------- Yardımcı sınıflar ---------- */
.kap{width:min(100% - 2rem,var(--kap-genislik));margin-inline:auto}
.metin-merkez{text-align:center}

/* Izgara yardımcıları (yeniden kullanılabilir — kategori/ürün/katılımcı kartları) */
.izgara{display:grid;gap:clamp(1rem,3vw,2rem)}
.izgara--2{grid-template-columns:repeat(2,1fr)}
.izgara--3{grid-template-columns:repeat(3,1fr)}
.izgara--4{grid-template-columns:repeat(4,1fr)}
.izgara--oto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media (max-width:880px){.izgara--3,.izgara--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.izgara--2,.izgara--3,.izgara--4{grid-template-columns:1fr}}
.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
        clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Bölüm temaları (iki kapı) */
.tema-elsanatlari{--tema:var(--renk-marka);--tema-degrade:var(--degrade-marka)}
.tema-yoresel    {--tema:var(--renk-turuncu);--tema-degrade:var(--degrade-sicak)} /* = Tadım İstanbul teması (sınıf adı geriye dönük korunur) */

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.72rem 1.5rem;border-radius:999px;
     background:var(--renk-marka);color:#fff;font-family:var(--font-baslik);font-weight:600;
     font-size:.95rem;letter-spacing:.2px;border:0;box-shadow:var(--golge-s);
     transition:transform var(--gecis),box-shadow var(--gecis),background var(--gecis)}
.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--golge);background:var(--renk-koyu-kirmizi)}
.btn-cizgi{background:transparent;color:var(--renk-marka);box-shadow:inset 0 0 0 1.5px var(--renk-cizgi)}
.btn-cizgi:hover{background:var(--renk-zemin-2);color:var(--renk-marka);box-shadow:inset 0 0 0 1.5px var(--renk-marka)}

/* ============================================================
   YERLEŞİM — header / nav / footer
   ============================================================ */

/* İçeriğe atla bağlantısı (erişilebilirlik) */
.atla{position:absolute;left:-999px;top:0;background:var(--renk-marka);color:#fff;
      padding:.5rem 1rem;z-index:1000;border-radius:0 0 var(--radius) 0}
.atla:focus{left:0;color:#fff}

/* Üst aksan şerit (marka degradesi) */
.ust-serit{height:4px;background:var(--degrade-sicak);background-size:200% 100%;
           animation:serit-kay 12s linear infinite}
@keyframes serit-kay{to{background-position:200% 0}}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;
             background:rgba(255,255,255,.88);backdrop-filter:saturate(160%) blur(10px);
             border-bottom:1px solid var(--renk-cizgi);
             transition:box-shadow var(--gecis),background var(--gecis)}
.site-header.scrolled{box-shadow:0 6px 28px rgba(0,0,0,.09);background:rgba(255,255,255,.96)}
/* Header kendi (daha geniş) kabını kullanır: menü + 64px logo + diller 1180px'e
   tam sınırda sığıyordu (İLETİŞİM alta düşüyordu); içerik kabı 1180 kalır. */
.site-header__ic{display:flex;align-items:center;gap:.9rem;padding:.5rem 0;flex-wrap:wrap;
                 width:min(100% - 2rem,1380px)}
/* Masaüstü: 3 sütunlu grid — logo | menü | diller. Diller HEP en sağda kalır;
   yer daralırsa menü kendi içinde sarar, dil seçici alta inmez (Faz R.20 düzeltmesi). */
@media (min-width:881px){
  .site-header__ic{display:grid;grid-template-columns:auto 1fr auto}
  /* Menü sola (logonun yanına) yaslı, dil seçici en sağda.
     Seçici .site-header__ic ile güçlendirildi — aşağıdaki temel
     .nav{margin-left:auto} kuralı (kaynak sırası gereği) ezmesin. */
  .site-header__ic .nav{margin-left:.6rem;justify-self:start;min-width:0}
  .site-header__ic .nav__liste{justify-content:flex-start}
  .site-header__ic .dil-secici{justify-self:end}
}
.site-header__logo{flex:0 0 auto}
/* Logo belirgin (64px); scroll'da header kompaktlaşır → 52px'e iner */
.site-header__logo img{width:auto;height:64px;transition:height .3s ease,transform var(--gecis)}
.site-header.scrolled .site-header__logo img{height:52px}
.site-header__logo:hover img{transform:scale(1.03)}

/* ---------- Nav (tek, birleşik; dropdown destekli — Faz R.5) ---------- */
.nav{margin-left:auto}
.nav__liste{display:flex;align-items:center;gap:.05rem;flex-wrap:wrap}
.nav__oge{position:relative;display:flex;align-items:center}
.nav__link{position:relative;display:inline-block;padding:.5rem .42rem;
           font-family:var(--font-baslik);font-weight:500;font-size:.76rem;letter-spacing:.4px;
           color:var(--renk-metin);transition:color var(--gecis);white-space:nowrap}
/* Ortadan büyüyen altçizgi */
.nav__link::after{content:"";position:absolute;left:50%;right:50%;bottom:.25rem;height:2px;
                  background:var(--renk-marka);border-radius:2px;transition:left var(--gecis),right var(--gecis)}
.nav__link:hover{color:var(--renk-marka)}
.nav__link:hover::after{left:.5rem;right:.5rem}
.nav__link--aktif{color:var(--renk-marka)}
.nav__link--aktif::after{left:.5rem;right:.5rem}

/* YENİ rozeti (Tadım İstanbul) */
.nav__rozet{display:inline-block;margin-left:.28rem;padding:.1rem .38rem;border-radius:999px;
            background:var(--degrade-sicak);color:#fff;font-size:.55rem;font-weight:700;
            letter-spacing:.5px;vertical-align:super;line-height:1.2;
            animation:rozet-nabiz 2.4s ease-in-out infinite}
@keyframes rozet-nabiz{0%,100%{opacity:1}50%{opacity:.6}}

/* Chevron butonu */
.nav__ok{background:none;border:0;padding:.3rem .25rem;margin-left:-.25rem;display:inline-flex;
         align-items:center;color:var(--renk-metin-acik);border-radius:6px;
         transition:color var(--gecis)}
.nav__ok svg{transition:transform var(--gecis)}
.nav__ok:hover,.nav__oge:hover > .nav__ok{color:var(--renk-marka)}
.nav__oge:hover > .nav__ok svg,
.nav__oge:focus-within > .nav__ok svg,
.nav__oge.acik > .nav__ok svg{transform:rotate(180deg)}

/* Açılır panel (masaüstü) */
.nav__alt{position:absolute;top:100%;left:0;min-width:240px;z-index:60;
          background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);
          box-shadow:var(--golge-l);padding:.45rem;margin:0;list-style:none;
          opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;
          transition:opacity var(--gecis),transform var(--gecis),visibility var(--gecis)}
/* Hover köprüsü — link ile panel arasındaki boşlukta menü kapanmasın */
.nav__alt::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
/* Panel üst aksan çizgisi (bölüm temasına uyar) */
.nav__alt::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;
                 background:var(--tema,var(--renk-marka));border-radius:var(--radius) var(--radius) 0 0}
.nav__oge:hover > .nav__alt,
.nav__oge:focus-within > .nav__alt,
.nav__oge.acik > .nav__alt{opacity:1;visibility:visible;transform:translateY(4px);pointer-events:auto}
.nav__alt a{display:block;padding:.55rem .8rem;border-radius:8px;font-size:.86rem;
            color:var(--renk-metin);transition:background var(--gecis),color var(--gecis)}
.nav__alt a:hover{background:#faf3f3;color:var(--tema,var(--renk-marka))}

/* Dil değiştirici (TR | EN | RU) */
.dil-secici{display:flex;align-items:center;gap:.15rem;flex:0 0 auto}
.dil-secici__link{font-family:var(--font-baslik);font-weight:600;font-size:.68rem;letter-spacing:.5px;
                  padding:.28rem .48rem;border-radius:7px;color:var(--renk-metin-acik);
                  transition:color var(--gecis),background var(--gecis)}
.dil-secici__link:hover{color:var(--renk-marka);background:#faf3f3}
.dil-secici__link--aktif{color:#fff;background:var(--renk-marka)}
.dil-secici__link--aktif:hover{color:#fff;background:var(--renk-marka)}

/* Hamburger (mobilde görünür) */
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:.4rem;margin-left:auto}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--renk-metin);border-radius:3px;
                 transition:transform var(--gecis),opacity var(--gecis)}

/* ---------- Footer ---------- */
.site-footer{margin-top:4rem;background:#1a1414;color:#f3eded}
.site-footer__ic{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;
                 padding:3rem 1rem}
.site-footer h3{font-family:var(--font-baslik);font-size:1rem;color:var(--renk-turuncu);
                margin-bottom:.6rem;letter-spacing:.5px}
.site-footer a{color:#f3eded}
.site-footer a:hover{color:var(--renk-turuncu)}
.site-footer__marka img{height:84px;width:auto;filter:brightness(0) invert(1)}
.site-footer__slogan{margin-top:.8rem;color:#cdbdbd;max-width:32ch}
.site-footer__sosyal{display:flex;flex-direction:column;gap:.35rem}
.site-footer__alt{border-top:1px solid rgba(255,255,255,.12);padding:1rem 0;text-align:center;color:#bba}
.site-footer__alt small{display:block}
/* Yasal TOBB ibaresi (5174 sayılı kanun) */
.site-footer__tobb{font-family:var(--font-baslik);font-size:.72rem;letter-spacing:.5px;
                   color:#cdbdbd;margin-bottom:.5rem;line-height:1.5}

/* ---------- Responsive (temel; ayrıntı Faz 1.3) ---------- */
/* Orta genişlik: menü tek satırda kalsın diye kompakt header (Faz R.19) */
@media (max-width:1360px) and (min-width:881px){
  .site-header__logo img{height:54px}
  .site-header.scrolled .site-header__logo img{height:46px}
  .nav__link{font-size:.7rem;padding:.5rem .3rem;letter-spacing:.3px}
  .site-header__ic{gap:.6rem}
}
@media (max-width:880px){
  .site-header__ic{position:relative;padding-right:3rem}
  .nav-toggle{display:flex;position:absolute;right:0;top:1.15rem;margin:0}

  /* Dil değiştirici mobilde logo yanında sağa yaslanır (hamburgerden önce) */
  .dil-secici{margin-left:auto;margin-right:.4rem}

  /* Açılır menü paneli — header altında katman (overlay): sayfa içeriğini itmez,
     yalnızca transform+opacity canlanır. (Eski grid-template-rows 0fr→1fr geçişini
     bazı mobil tarayıcılar canlandıramıyordu → menü "pat" diye açılıp yazılar
     dökülüyormuş gibi görünüyordu.) */
  .nav{position:absolute;top:100%;left:0;right:0;margin-left:0;z-index:95;
       background:#fff;border:1px solid var(--renk-cizgi);border-top:0;
       border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(0,0,0,.14);
       max-height:calc(100vh - 130px);overflow-y:auto;-webkit-overflow-scrolling:touch;
       opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
       transition:opacity .28s ease,transform .28s ease,visibility 0s .28s}
  body.menu-acik .nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
                      transition:opacity .28s ease,transform .28s ease}
  .nav__liste{flex-direction:column;align-items:stretch;gap:0}
  /* Menü öğeleri açılışta hafif basamaklı belirir (kapanış beklemesiz) */
  .nav__oge{opacity:0;transform:translateY(-8px)}
  body.menu-acik .nav__oge{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}
  body.menu-acik .nav__oge:nth-child(2){transition-delay:.03s}
  body.menu-acik .nav__oge:nth-child(3){transition-delay:.06s}
  body.menu-acik .nav__oge:nth-child(4){transition-delay:.09s}
  body.menu-acik .nav__oge:nth-child(5){transition-delay:.12s}
  body.menu-acik .nav__oge:nth-child(6){transition-delay:.15s}
  body.menu-acik .nav__oge:nth-child(7){transition-delay:.18s}
  body.menu-acik .nav__oge:nth-child(8){transition-delay:.21s}
  body.menu-acik .nav__oge:nth-child(9){transition-delay:.24s}
  .nav__oge{flex-wrap:wrap;align-items:stretch}
  .nav__link{flex:1;padding:.95rem .4rem;border-bottom:1px solid var(--renk-cizgi);font-size:.9rem;white-space:normal}
  .nav__link::after{display:none}
  .nav__link:hover,.nav__link--aktif{background:#faf3f3}

  /* Dropdown → mobil akordeon */
  .nav__ok{margin:0;padding:.95rem 1.1rem;border-bottom:1px solid var(--renk-cizgi);border-radius:0}
  .nav__ok svg{width:14px;height:9px}
  .nav__alt{position:static;flex-basis:100%;min-width:0;border:0;box-shadow:none;border-radius:0;
            padding:0;transform:none;transition:none;
            display:none;opacity:1;visibility:visible;pointer-events:auto}
  .nav__alt::before,.nav__alt::after{display:none}
  .nav__oge.acik > .nav__alt{display:block}
  .nav__alt a{padding:.8rem .4rem .8rem 1.6rem;border-bottom:1px solid var(--renk-cizgi);
              border-left:3px solid var(--tema,var(--renk-marka));border-radius:0;font-size:.88rem}
  .nav__rozet{vertical-align:middle}

  /* Hamburger → X animasyonu */
  body.menu-acik .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.menu-acik .nav-toggle span:nth-child(2){opacity:0}
  body.menu-acik .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  .site-footer__ic{grid-template-columns:1fr 1fr}
}
/* Mobil menü: hareket azaltılmışsa anında aç/kapa, kaydırma/basamak yok */
@media (max-width:880px) and (prefers-reduced-motion:reduce){
  .nav{transition:none;transform:none}
  body.menu-acik .nav{transition:none}
  .nav__oge{opacity:1;transform:none}
  body.menu-acik .nav__oge{transition:none;transition-delay:0s}
}
@media (max-width:560px){
  .site-footer__ic{grid-template-columns:1fr}
}
/* Çok dar ekran: header tek satıra sığsın (logo + diller + hamburger) */
@media (max-width:480px){
  .site-header__logo img{height:44px}
  .site-header.scrolled .site-header__logo img{height:40px}
  .site-header__ic{gap:.5rem;padding-right:2.6rem}
  .dil-secici{margin-right:.1rem;gap:.05rem}
  .dil-secici__link{padding:.24rem .4rem;font-size:.64rem}
  .nav-toggle{top:.95rem}
}

/* ---------- Bölüm girişi / kart ızgarası (El Sanatları, Yöresel...) ---------- */
.bolum-giris{max-width:var(--kap-dar);margin:0 auto;text-align:center}
.bolum-giris p{margin:0 auto;color:var(--renk-metin-acik);font-size:1.1rem}
.bolum-not{text-align:center;color:var(--renk-metin-acik);font-size:.9rem;margin-top:var(--bosluk-6)}

.kart{position:relative;background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);
      padding:1.7rem 1.4rem 1.5rem;box-shadow:var(--golge-s);overflow:hidden;
      transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
/* Kart görseli (admin'den yüklenir — Faz R.17). Kart padding'ini taşarak üste tam oturur. */
.kart__gorsel{width:calc(100% + 2.8rem);margin:-1.7rem -1.4rem 1rem;max-width:none;
              aspect-ratio:16/10;object-fit:cover;display:block}
.kart::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;
              background:var(--tema,var(--renk-marka));opacity:.9}
.kart:hover{transform:translateY(-4px);box-shadow:var(--golge-l);border-color:transparent}
.kart__motif::before{content:"\2726";color:var(--tema,var(--renk-marka));font-size:1.05rem}
.kart__baslik{margin:.3rem 0 .35rem;color:var(--renk-metin)}
.kart__metin{margin:0;color:var(--renk-metin-acik);font-size:.96rem;max-width:none}

/* Bölüm başlığı (orta) */
.bolum-baslik{text-align:center;margin:var(--bosluk-7) 0 var(--bosluk-5)}

/* Ürün etiket çipleri (kart içinde) */
.kart__etiketler{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kart__etiketler li{font-size:.82rem;padding:.3rem .7rem;border-radius:999px;
                    background:color-mix(in srgb,var(--tema,var(--renk-marka)) 10%,#fff);
                    color:var(--tema,var(--renk-marka));
                    border:1px solid color-mix(in srgb,var(--tema,var(--renk-marka)) 22%,transparent)}

/* Tıklanabilir kart + kart başlık linki */
.kart--link{display:block;color:inherit}
.kart--link:hover{color:inherit}
.kart__baslik a{color:inherit}
.kart__baslik a:hover{color:var(--tema,var(--renk-marka))}

/* Kurumsal Kimlik indirme kartları (Faz R.41) */
.kurumsal-kart{display:flex;flex-direction:column}
.kurumsal-kart__gorsel{display:grid;place-items:center;height:180px;margin:0 0 1rem;
  border:1px solid var(--renk-cizgi);border-radius:calc(var(--radius) - 4px);overflow:hidden;
  background:
    linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%) 0 0/18px 18px,
    linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%) 9px 9px/18px 18px}
.kurumsal-kart__gorsel img{max-width:84%;max-height:84%;object-fit:contain;display:block}
.kurumsal-kart__gorsel--dosya{background:color-mix(in srgb,var(--renk-marka) 6%,#fff)}
.kurumsal-kart__rozet{font-family:var(--font-baslik);font-weight:700;font-size:1.5rem;letter-spacing:1px;
  color:var(--renk-marka);border:2px solid var(--renk-marka);border-radius:10px;padding:.45rem .9rem}
.kurumsal-kart__indir{margin-top:auto;align-self:flex-start}
.kurumsal-kullanim{color:var(--renk-metin-acik);font-size:.92rem;max-width:70ch;margin-top:1.5rem}

/* KVKK / hukuki metin sayfası (Faz R.44) */
.hukuki-metin{max-width:80ch}
.hukuki-metin h2{font-size:1.2rem;margin-bottom:1rem}
.hukuki-metin h3{margin:1.7rem 0 .5rem;color:var(--renk-marka);font-size:1.02rem}
.hukuki-metin p{margin:0 0 .85rem;line-height:1.75;color:var(--renk-metin);max-width:none}
.hukuki-metin ul{margin:.2rem 0 1rem 1.2rem;line-height:1.7}
.hukuki-metin li{margin-bottom:.45rem}

/* Form KVKK onay kutusu (Faz R.44) */
.form-onay{display:flex;gap:.6rem;align-items:flex-start;margin:.2rem 0;font-weight:400;
           font-size:.92rem;line-height:1.5}
.form-onay input{width:auto;margin-top:.15rem;flex:0 0 auto}
.form-onay.form-alan--hata,.form-onay.form-alan--hata a{color:var(--renk-marka)}
.form-onay em{display:block;color:var(--renk-marka);font-style:normal;margin-top:.2rem}

/* Üst gezinme linki (geri/breadcrumb) */
.ust-link{color:var(--renk-metin-acik);font-size:.92rem;margin-bottom:var(--bosluk-4)}
.ust-link a{color:var(--renk-marka);text-decoration:underline;text-underline-offset:3px}

/* Coğrafi işaret rozeti */
.ci-rozet{display:inline-block;font-family:var(--font-baslik);font-weight:600;font-size:.74rem;
          letter-spacing:.3px;color:#fff;background:var(--tema,var(--renk-turuncu));
          padding:.22rem .6rem;border-radius:999px;margin-bottom:.5rem}
.ci-rozet--buyuk{font-size:.85rem;padding:.35rem .9rem;margin-bottom:.8rem}

/* Filtre çubuğu */
.filtre{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.filtre__btn{padding:.5rem 1.1rem;border-radius:999px;font-family:var(--font-baslik);font-weight:500;
             font-size:.88rem;color:var(--renk-metin);background:#fff;
             box-shadow:inset 0 0 0 1.5px var(--renk-cizgi);transition:all var(--gecis)}
.filtre__btn:hover{color:var(--renk-turuncu);box-shadow:inset 0 0 0 1.5px var(--renk-turuncu)}
.filtre__btn--aktif{color:#fff;background:var(--renk-turuncu);box-shadow:none}
.filtre__btn--aktif:hover{color:#fff;filter:brightness(1.05)}

/* Ürün detay */
.urun-detay__govde{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--bosluk-6);align-items:start}
.urun-detay__gorsel{aspect-ratio:4/3;border-radius:var(--radius-l);display:grid;place-items:center;
                    background:var(--degrade-sicak);color:#fff;box-shadow:var(--golge)}
.urun-detay__gorsel--foto{background:none;object-fit:cover;width:100%}
.urun-detay__motif{font-size:4rem;opacity:.9}
.urun-detay__meta{list-style:none;margin:1.2rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.urun-detay__meta li{display:flex;gap:.8rem;border-bottom:1px solid var(--renk-cizgi);padding-bottom:.5rem}
.urun-detay__meta span{min-width:90px;color:var(--renk-metin-acik);font-size:.9rem}
.urun-detay__aciklama{font-size:1.08rem}
@media (max-width:720px){ .urun-detay__govde{grid-template-columns:1fr} }

/* Vurgu bandı (kooperatifler vb.) */
.vurgu-band{margin-top:var(--bosluk-7);padding:clamp(1.8rem,4vw,3rem);border-radius:var(--radius-l);
            background:var(--tema-degrade,var(--degrade-sicak));color:#fff;text-align:center;
            box-shadow:var(--golge)}
.vurgu-band h2{color:#fff;margin-bottom:.5rem}
.vurgu-band p{color:#fff;opacity:.95;max-width:62ch;margin:0 auto}

/* ---------- İçerik sayfaları (statik) ---------- */
.sayfa-hero{position:relative;text-align:center;padding:clamp(2.5rem,6vw,4.5rem) 1rem;
            background:var(--degrade-sicak);color:#fff;overflow:hidden}
.sayfa-hero h1{color:#fff}
.sayfa-hero__ust{display:inline-block;font-family:var(--font-baslik);letter-spacing:1px;
                 text-transform:uppercase;font-size:.8rem;opacity:.9;margin-bottom:.4rem}
.sayfa-hero p{max-width:60ch;margin:.6rem auto 0;color:#fff;opacity:.95}

.icerik{max-width:820px;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) 0}
.icerik > section + section{margin-top:2.6rem}
.icerik h2{color:var(--renk-marka);margin-bottom:.6rem}
.icerik h3{margin:1.2rem 0 .4rem}
.icerik p{margin-bottom:1rem}
.icerik ul{margin:0 0 1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}
.icerik strong{color:var(--renk-metin)}
/* :not(.btn) — buton bileşenleri bu kuraldan muaf; aksi halde kırmızı zemin
   üstünde kırmızı yazı oluşur (Faz R.16 düzeltmesi) */
.icerik a:not(.btn){color:var(--renk-marka);text-decoration:underline;text-underline-offset:3px}

/* İstatistik kartları (Rakamlarla) */
.istatistik{padding:1.4rem 1rem;border:1px solid var(--renk-cizgi);border-radius:var(--radius);
            text-align:center;background:#fff;box-shadow:var(--golge)}
.istatistik__sayi{font-family:var(--font-baslik);font-size:clamp(1.6rem,4vw,2.3rem);
                  background:var(--degrade-sicak);-webkit-background-clip:text;background-clip:text;color:transparent}
.istatistik__etiket{color:var(--renk-metin-acik);font-size:.92rem}

/* Yöre kartları */
.yore{padding:1.3rem;border:1px solid var(--renk-cizgi);border-radius:var(--radius);background:#fff}
.yore h3{color:var(--renk-turuncu);margin:0 0 .5rem}
.yore ul{margin-left:1.1rem}

/* Bilgi satırları (Ziyaretçi) */
.bilgi-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.bilgi-liste li{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;
                border:1px solid var(--renk-cizgi);border-radius:var(--radius);background:#fff}
.bilgi-liste b{display:block;font-family:var(--font-baslik);color:var(--renk-marka);
               letter-spacing:.4px;margin-bottom:.15rem}
.bilgi-liste__ikon{font-size:1.4rem;line-height:1.4;flex:0 0 auto}

/* ---------- SSS akordeonu (native <details>) ---------- */
.sss{display:flex;flex-direction:column;gap:.7rem}
.sss__oge{border:1px solid var(--renk-cizgi);border-radius:var(--radius);background:#fff;
          box-shadow:var(--golge-s);overflow:hidden;transition:box-shadow var(--gecis)}
.sss__oge[open]{box-shadow:var(--golge)}
.sss__oge summary{cursor:pointer;padding:1rem 1.2rem;font-family:var(--font-baslik);font-weight:600;
                  list-style:none;position:relative;padding-right:2.6rem}
.sss__oge summary::-webkit-details-marker{display:none}
.sss__oge summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);
                         font-size:1.3rem;color:var(--renk-marka);transition:transform var(--gecis)}
.sss__oge[open] summary::after{content:"−"}
.sss__oge > p{padding:0 1.2rem 1.1rem;margin:0;color:var(--renk-metin-acik);max-width:none}

/* ---------- Fuar alanı eksen çubuğu (%60 / %40) ---------- */
.eksen-bar{display:flex;margin-top:1.2rem;border-radius:var(--radius);overflow:hidden;
           box-shadow:var(--golge-s);min-height:64px}
.eksen-bar__parca{display:flex;flex-direction:column;justify-content:center;align-items:center;
                  gap:.15rem;color:#fff;padding:.8rem .5rem;text-align:center}
.eksen-bar__parca strong{font-family:var(--font-baslik);font-size:.92rem;letter-spacing:.4px}
.eksen-bar__parca span{font-size:.78rem;opacity:.92}
.eksen-bar__parca--es{background:var(--degrade-marka,linear-gradient(135deg,#ce2028,#991b2a))}
.eksen-bar__parca--tadim{background:var(--degrade-sicak)}

/* ---------- Hata sayfaları (404 / 500) ---------- */
.hata{padding:clamp(2.5rem,7vw,6rem) 1rem;text-align:center}
.hata__ic{max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.6rem}
.hata__logo{width:96px;height:auto;opacity:.9}
.hata__kod{font-family:var(--font-baslik);font-size:clamp(3.5rem,12vw,6rem);line-height:1;
           background:var(--degrade-sicak);-webkit-background-clip:text;background-clip:text;color:transparent}
.hata__baslik{margin:.2rem 0}
.hata__metin{color:var(--renk-metin-acik)}
.hata__aksiyon{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}
.hata__detay{margin-top:1.5rem;max-width:100%;overflow:auto;text-align:left;background:#f7f4f4;
             border:1px solid var(--renk-cizgi);border-radius:var(--radius);padding:1rem;font-size:.8rem;color:#7a2b2b}

/* ---------- Form (online başvuru — Faz R.13) ---------- */
.form fieldset{border:1px solid var(--renk-cizgi);border-radius:var(--radius);
               padding:1.2rem 1.2rem 1.4rem;margin:0 0 1.4rem;background:#fff}
.form legend{font-family:var(--font-baslik);font-weight:700;color:var(--renk-marka);
             padding:0 .5rem;font-size:.95rem;letter-spacing:.3px}
.form-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.form-alan{display:flex;flex-direction:column;gap:.3rem}
.form-alan--genis{grid-column:1 / -1}
.form-alan span{font-family:var(--font-baslik);font-size:.82rem;letter-spacing:.3px;color:var(--renk-metin)}
.form-alan small{color:var(--renk-metin-acik);font-size:.78rem}
.form-alan input,.form-alan textarea{padding:.65rem .8rem;border:1.5px solid var(--renk-cizgi);
             border-radius:10px;background:#fff;transition:border-color var(--gecis),box-shadow var(--gecis)}
.form-alan input:focus,.form-alan textarea:focus{outline:none;border-color:var(--renk-marka);
             box-shadow:0 0 0 3px color-mix(in srgb,var(--renk-marka) 15%,transparent)}
.form-alan--hata input,.form-alan--hata textarea{border-color:var(--renk-marka)}
.form-alan em{color:var(--renk-marka);font-size:.78rem;font-style:normal}
.form-gonder{margin-top:.4rem}
.form-gizli{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}
.form-mesaj{padding:1rem 1.2rem;border-radius:var(--radius);margin-bottom:1.2rem}
.form-mesaj p{margin:.3rem 0 0;max-width:none}
.form-mesaj--tamam{background:#eefaf0;border:1px solid #bfe8c8;color:#1c6b32}
.form-mesaj--hata{background:#fdf0f0;border:1px solid #f2c4c4;color:#9c1c1c}
@media (max-width:640px){ .form-izgara{grid-template-columns:1fr} }

/* ---------- Katılımcı listesi (çok sütunlu, yıl filtreli) ---------- */
.katilimci-listesi{list-style:none;margin:var(--bosluk-4) 0 0;padding:0;
                   columns:3 260px;column-gap:2rem}
.katilimci-listesi li{break-inside:avoid;padding:.45rem .2rem;font-size:.9rem;
                      border-bottom:1px solid var(--renk-cizgi);color:var(--renk-metin)}

/* ---------- Haberler (Faz R.19) ---------- */
.haber-tarih{display:block;font-family:var(--font-baslik);font-size:.78rem;letter-spacing:.5px;
             color:var(--renk-metin-acik);margin-bottom:.25rem}
.haber-devam{display:inline-block;margin-top:.5rem;font-family:var(--font-baslik);font-weight:600;
             font-size:.85rem;color:var(--renk-marka)}
.haber-gorsel{width:100%;max-height:440px;object-fit:cover;border-radius:var(--radius-l);
              box-shadow:var(--golge);margin-bottom:var(--bosluk-5)}

/* ---------- Galeri (medya albümleri — Faz R.18) ---------- */
.galeri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.galeri-foto{display:block;border-radius:var(--radius-s);overflow:hidden;background:var(--renk-zemin-2)}
.galeri-foto img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;
                 transition:transform var(--gecis)}
.galeri-foto:hover img{transform:scale(1.04)}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(12,8,8,.92);
          display:flex;align-items:center;justify-content:center}
.lightbox[hidden]{display:none} /* hidden özniteliği display:flex'e yenilmesin */
.lightbox__govde{margin:0;max-width:min(92vw,1400px);max-height:92vh;text-align:center}
.lightbox__govde img{max-width:100%;max-height:86vh;width:auto;height:auto;border-radius:6px}
.lightbox__sayac{color:#cdbdbd;font-size:.85rem;margin-top:.5rem}
.lightbox__kapat{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border:0;
                 border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem}
.lightbox__ok{border:0;width:48px;height:48px;border-radius:50%;flex:0 0 auto;
              background:rgba(255,255,255,.12);color:#fff;font-size:1.8rem;line-height:1;margin:0 .6rem}
.lightbox__kapat:hover,.lightbox__ok:hover{background:var(--renk-marka);color:#fff}
@media (max-width:640px){
  .lightbox__ok{position:absolute;bottom:1rem}
  .lightbox__ok--geri{left:1rem} .lightbox__ok--ileri{right:1rem}
}

/* ---------- Danışma Kurulu (Faz R.25) — üye ızgarası ---------- */
.kurul{list-style:none;margin:0;padding:0;display:grid;gap:1rem;
       grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.kurul__uye{background:#fff;border:1px solid var(--renk-cizgi);border-left:4px solid var(--renk-marka);
            border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:var(--golge-s);
            transition:transform var(--gecis),box-shadow var(--gecis)}
.kurul__uye:hover{transform:translateY(-3px);box-shadow:var(--golge-l)}
.kurul__ad{margin:0 0 .35rem;font-size:1.1rem;color:var(--renk-metin);line-height:1.25}
.kurul__unvan{margin:0;color:var(--renk-metin-acik);font-size:.92rem;line-height:1.45}
.bos-durum{color:var(--renk-metin-acik);font-size:1.05rem;padding:2rem 0}

/* ---------- Bilgi kutusu (callout) — Faz R.27 ---------- */
.bilgi-kutu{background:#fff8f2;border:1px solid var(--renk-cizgi);border-left:4px solid var(--renk-turuncu,var(--renk-marka));
            border-radius:var(--radius);padding:1.3rem 1.5rem;box-shadow:var(--golge-s)}
.bilgi-kutu__baslik{display:flex;align-items:center;gap:.5rem;font-family:var(--font-baslik);
                    font-size:1.05rem;color:var(--renk-koyu-turuncu,var(--renk-bordo));margin-bottom:.6rem}
.bilgi-kutu__metin{margin:0;color:var(--renk-metin);line-height:1.6;max-width:none}
.bilgi-kutu__vurgu{margin:.9rem 0 0;font-family:var(--font-baslik);color:var(--renk-marka)}
.bilgi-kutu__iletisim{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.bilgi-kutu__iletisim li{display:flex;align-items:center;gap:.45rem}

/* ---------- Fuar programı (gün gün oturumlar) — Faz R.27 ---------- */
.program{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.program__gun{background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);
              box-shadow:var(--golge-s);overflow:hidden}
.program__tarih{margin:0;background:var(--renk-marka);color:#fff;font-size:1rem;
                padding:.7rem 1.2rem;letter-spacing:.02em}
.program__oturumlar{list-style:none;margin:0;padding:.6rem 1.2rem 1rem}
.program__oturum{display:flex;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--renk-cizgi)}
.program__oturum:last-child{border-bottom:0}
.program__saat{flex:0 0 auto;font-family:var(--font-baslik);color:var(--renk-marka);
               font-size:.92rem;padding-top:.1rem;min-width:3.1em}
.program__icerik{min-width:0}
.program__baslik{margin:0 0 .35rem;font-size:1rem;line-height:1.3;color:var(--renk-metin)}
.program__kisiler{list-style:none;margin:0;padding:0}
.program__kisiler li{color:var(--renk-metin-acik);font-size:.9rem;line-height:1.45}
.program__kisiler li + li{margin-top:.2rem}

/* ---------- Ağaçkakan SVG + gagalama (Faz R.7; R.15'te craftkus.svg'ye geçildi) ---------- */
.agackakan{display:block;width:100%;height:auto}
/* Kafa grubu boyun pivotundan döner (gagalar — kuş sağa baktığı için saat yönü).
   Pivot, 167×454 viewBox'ta boyun noktası ≈ (60,104). */
.agackakan__kafa{transform-origin:36% 23%}
@keyframes kafa-gagala{
  0%,100%{transform:rotate(0)}
  25%{transform:rotate(16deg)}
  42%{transform:rotate(-2deg)}
  62%{transform:rotate(12deg)}
  82%{transform:rotate(0)}
}

/* Tık gagalaması — imleç yanında beliren küçük kuş (agackakan.js havuzu).
   Kuş ince-uzun (167:454) → 22px genişlik ≈ 60px boy. */
.tik-agackakan{position:fixed;width:22px;z-index:9999;pointer-events:none;opacity:0;
               filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}
.tik-agackakan.tik-gagala{animation:tik-belir .55s ease-out forwards}
.tik-agackakan.tik-gagala .agackakan__kafa{animation:kafa-gagala .45s ease-in-out 1}
@keyframes tik-belir{
  0%{opacity:0;transform:scale(.5) rotate(-8deg)}
  20%{opacity:1;transform:scale(1.08) rotate(0)}
  65%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.92) translateY(-6px)}
}

/* Başlık gagalaması — [data-gagala] başlıkların önünde bir kez (18px genişlik ≈ 49px boy) */
.baslik-agackakan{display:inline-block;width:18px;margin-right:.6rem;vertical-align:-12px}
.baslik-agackakan.gagala-bir .agackakan__kafa{animation:kafa-gagala .6s ease-in-out 2}

/* ---------- Açılış ekranı (splash) — fontlar hazır olana dek FOUT'u gizler ---------- */
.acilis{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  background:var(--renk-arkaplan,#fff);
  /* JS gelmezse ~2.6sn sonra kendiliğinden kaybol (no-JS güvenliği) */
  animation:acilis-guvenlik 0s linear 2.6s forwards}
.acilis-atla .acilis{display:none}                 /* oturumda gösterildi / reduced-motion → hiç çizme */
.acilis__kus{width:86px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.14))} /* ince-uzun kuş 167:454 → ~233px boy */
.acilis__kus .agackakan__kafa{animation:kafa-gagala 1s ease-in-out infinite} /* sürekli gagalar */
.acilis--kapan{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s} /* JS kapanışı */
@keyframes acilis-guvenlik{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion: reduce){ .acilis{display:none} }

/* ---------- Erişilebilirlik: hareketi azalt ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* ============================================================
 *  El Sanatları sayfası alt slider'ı (Faz R.22) — saf CSS, build YOK.
 *  Yalnızca transform ile kayar (60fps).
 * ============================================================ */
.es-slider{position:relative;overflow:hidden;border-radius:14px;background:#000}
.es-slider__ray{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.es-slider__slayt{position:relative;flex:0 0 100%;margin:0}
.es-slider__slayt img{display:block;width:100%;height:clamp(240px,52vw,560px);object-fit:cover}
.es-slider__yazi{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.2rem .9rem;color:#fff;
  font-family:var(--font-baslik);font-size:1.05rem;line-height:1.3;
  background:linear-gradient(transparent,rgba(0,0,0,.75))}
.es-slider__ok{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;
  border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.85);color:var(--renk-marka);
  font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s}
.es-slider__ok:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.es-slider__ok--onceki{left:12px}
.es-slider__ok--sonraki{right:12px}
.es-slider__noktalar{position:absolute;left:0;right:0;bottom:.7rem;z-index:2;display:flex;gap:.4rem;justify-content:center}
.es-slider__nokta{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.5);transition:background .2s,transform .2s}
.es-slider__nokta.aktif{background:#fff;transform:scale(1.3)}
@media (prefers-reduced-motion: reduce){ .es-slider__ray{transition:none} }

/* Fuar Alanı — mekân görseli + Google harita (Faz R.36) */
.alan-gorsel{width:100%;height:auto;border-radius:14px;border:1px solid var(--renk-cizgi);
             margin-top:1.2rem;display:block}
.harita-cerceve{position:relative;width:100%;aspect-ratio:16/9;margin-top:.6rem;
                border-radius:14px;overflow:hidden;border:1px solid var(--renk-cizgi);background:#f4f2ee}
.harita-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Haber kaynağı (basında çıkan haberler) */
.haber-kaynak{display:inline-block;margin:.15rem 0 .3rem;padding:.12rem .5rem;border-radius:999px;
              background:color-mix(in srgb,var(--renk-marka) 12%,transparent);
              color:var(--renk-marka);font-size:.72rem;font-weight:600;letter-spacing:.2px}
.haber-kaynak-satir{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--renk-cizgi);
                    color:var(--renk-metin-acik);font-size:.92rem}
.haber-kaynak-satir a{color:var(--renk-marka);text-decoration:underline;text-underline-offset:3px}

/* ---------- Yüzen CTA butonları (sağ alt, admin: /yonetim/yuzen-butonlar) ---------- */
/* Sarmalayıcıyı GSAP canlandırır (transform); iç link hover'ı ayrı → çakışma yok. */
.yuzen-butonlar{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:90;
                display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
.yuzen-buton{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.35rem;
             border-radius:999px;background:var(--renk-marka);color:#fff;
             font-family:var(--font-baslik);font-weight:600;font-size:.95rem;text-decoration:none;
             box-shadow:0 8px 24px rgba(0,0,0,.22);
             transition:background var(--gecis),transform var(--gecis),box-shadow var(--gecis),filter var(--gecis)}
.yuzen-buton:hover{color:#fff;background:var(--renk-koyu-kirmizi);transform:translateY(-2px);
                   box-shadow:0 12px 30px rgba(0,0,0,.28)}
.yuzen-buton__ikon{flex:0 0 auto}
/* Renk varyantları (admin 'renk' alanıyla senkron) */
.yuzen-buton--turuncu{background:var(--renk-turuncu)}
.yuzen-buton--turuncu:hover{background:var(--renk-turuncu-kirmizi)}
.yuzen-buton--degrade{background:var(--degrade-sicak)}
.yuzen-buton--degrade:hover{background:var(--degrade-sicak);filter:brightness(.92)}
@media (max-width:520px){
  /* Dar ekranda yuvarlak yüzen buton (FAB); etiket periyodik "göz atar":
     ~2sn görünür → ~5sn yalnız ikon (7sn döngü). İkonların anlaşılmama
     riskine karşı — etiket ara ara kendini gösterir. */
  /* Buton hiçbir zaman ekrandan taşmasın (çok uzun etiket emniyeti) */
  .yuzen-buton{padding:.85rem;gap:0;max-width:calc(100vw - 2rem)}
  .yuzen-buton__metin{display:inline-block;max-width:0;margin-left:0;opacity:0;
                      overflow:hidden;white-space:nowrap;
                      animation:yuzen-metin-dongu 7s ease-in-out infinite}
}
/* Açık hâl sınırı (18rem) en uzun etiketlere göre; metin gerçek genişliğinde durur,
   sınırdan kısaysa erken açılıp biter (opacity geçişi bunu örter). */
@keyframes yuzen-metin-dongu{
  0%,25%{max-width:18rem;margin-left:.5rem;opacity:1}
  32%,93%{max-width:0;margin-left:0;opacity:0}
  100%{max-width:18rem;margin-left:.5rem;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .yuzen-buton{transition:none}
  .yuzen-buton:hover{transform:none}
}
/* Hareket azaltılmışsa dar ekranda etiket sabit görünür (döngü yok, bilgi kaybı yok) */
@media (max-width:520px) and (prefers-reduced-motion:reduce){
  .yuzen-buton__metin{animation:none;max-width:none;margin-left:.5rem;opacity:1}
}

/* ---------- Çerez onay bandı (alt) ---------- */
.cerez-band{position:fixed;left:0;right:0;bottom:0;z-index:1200;
           background:var(--renk-siyah,#111);color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.28);
           transform:translateY(110%);opacity:0;transition:transform .4s ease,opacity .4s ease;
           will-change:transform,opacity}
.cerez-band--acik{transform:translateY(0);opacity:1}
.cerez-band__ic{display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap;
               padding:1rem clamp(1rem,3vw,2rem)}
.cerez-band__metin{margin:0;flex:1 1 320px;font-size:.9rem;line-height:1.5;color:#eee}
.cerez-band__metin a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cerez-band__metin a:hover{color:var(--renk-marka)}
.cerez-band__aksiyon{display:flex;gap:.6rem;flex:0 0 auto;flex-wrap:wrap}
.cerez-band .btn{padding:.6rem 1.3rem;font-size:.9rem}
.cerez-band .btn-cizgi{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.cerez-band .btn-cizgi:hover{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
@media (max-width:560px){
  .cerez-band__aksiyon{width:100%}
  .cerez-band__aksiyon .btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){ .cerez-band{transition:none} }

/* Band açıkken yüzen butonlar gizlenir (üst üste binmesin) */
body.cerez-acik .yuzen-butonlar{display:none}

/* ---------- Çerez Politikası sayfası tablosu ---------- */
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
.cerez-tablo{width:100%;border-collapse:collapse;min-width:520px;font-size:.92rem}
.cerez-tablo th,.cerez-tablo td{padding:.6rem .7rem;text-align:left;
                                border-bottom:1px solid var(--renk-cizgi);vertical-align:top}
.cerez-tablo thead th{background:color-mix(in srgb,var(--renk-marka) 8%,#fff);
                      color:var(--renk-metin);font-family:var(--font-baslik)}
.cerez-tablo code{background:color-mix(in srgb,var(--renk-marka) 10%,#fff);color:var(--renk-koyu-kirmizi);
                  padding:.1rem .4rem;border-radius:6px;font-size:.86rem}