/* Kırmızı Fırın — site
   Değerler README "Tasarım değerleri" bölümünden. Kırmızı yalnız aksan (düğme, fiyat, aktif durum). */

:root{
  --krem:#FAF7F2; --kart:#FFFFFF; --zemin2:#F1EADF;
  --murekkep:#1C1A18; --ikincil:#5C5650; --soluk:#8A8177; --koyu-metin:#A89F94; --koyu-acik:#F7F1E7;
  --kenar:#E6DFD4; --kenar-hover:#DCD3C6;
  --kirmizi:#B03027; --kirmizi-hover:#8E2620; --kirmizi-acik:#FBEAE8; --kirmizi-kenar:#EFC3BF;
  --altin:#C9922F; --altin-metin:#8A5E12;
  --serif:'Newsreader', Georgia, serif;
  --sans:'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --golge:0 10px 30px rgba(28,26,24,.07);
  --ust-yukseklik:64px;
}

*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--ust-yukseklik) + 64px)}
body{margin:0;background:var(--krem);color:var(--murekkep);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:var(--kirmizi)}
a:hover{color:var(--kirmizi-hover)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.15;margin:0}
:focus-visible{outline:3px solid var(--altin);outline-offset:2px}
.kap{max-width:1200px;margin:0 auto;padding:0 20px}
.atla{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--murekkep);color:#fff;padding:10px 14px;border-radius:8px}
.atla:focus{left:8px}
.gorsel-yok{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#F6F1EA;color:#C4B7A6;font:400 44px/1 var(--serif)}
@keyframes kdIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Üst ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--kenar)}
.ust-ic{min-height:var(--ust-yukseklik);display:flex;align-items:center;gap:16px}
.ust-logo img{width:193px;height:auto}
.ust-menu{display:flex;gap:4px;margin-left:auto}
.ust-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--murekkep);font-weight:500;text-decoration:none}
.ust-menu a:hover{background:var(--zemin2)}
.ust-menu a[aria-current="page"]{color:var(--kirmizi);box-shadow:inset 0 -2px 0 var(--kirmizi);border-radius:0}
.ust-tel{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:var(--ikincil);text-decoration:none;white-space:nowrap}
.ust-tel:hover{color:var(--kirmizi)}
@media (max-width:640px){
  .ust-logo img{width:150px}
  .ust-tel{display:none}
  .ust-menu a{padding:0 10px}
}

.kapali-serit{background:var(--murekkep);color:var(--koyu-acik);font-size:14px}
.kapali-serit .kap{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}
.kapali-serit .nokta{width:9px;height:9px;border-radius:50%;background:var(--altin);flex:none}

/* ---------- Düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:11px;border:1px solid transparent;font:700 16px/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.dugme-kirmizi{background:var(--kirmizi);color:#fff}
.dugme-kirmizi:hover{background:var(--kirmizi-hover);color:#fff}
.dugme-cam{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;backdrop-filter:blur(6px)}
.dugme-cam:hover{background:rgba(255,255,255,.26);color:#fff}
.dugme-cerceve{background:var(--kart);border-color:var(--kenar-hover);color:var(--murekkep);font-weight:500;min-height:44px;padding:0 18px}
.dugme-cerceve:hover{border-color:var(--murekkep);color:var(--murekkep)}
.dugme svg{flex:none}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--murekkep);color:#fff;overflow:hidden}
.hero-sahne{position:relative;min-height:clamp(460px,64vh,660px);display:flex;align-items:flex-end}
/* Görseller üst üste durur; görünen "aktif", geçişte ikisi birlikte yana kayar (solma yok) */
.hero-pencere{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}
.hero-oge{position:absolute;inset:0;background:var(--murekkep);transform:translate3d(100%,0,0);visibility:hidden;will-change:transform}
.hero-oge:first-child{transform:none}
.hero-oge.aktif,.hero-oge.hareketli{visibility:visible}
.hero-oge.gecis{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.hero.surukleniyor .hero-pencere{cursor:grabbing}
@media (hover:hover){.hero-pencere{cursor:grab}}
/* JS çalışmazsa ilk görsel görünsün */
.hero:not(.hazir) .hero-oge:first-child{visibility:visible}
.hero-oge img,.hero-oge video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.hero-karart{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(to right,rgba(18,15,13,.9) 0%,rgba(18,15,13,.72) 42%,rgba(18,15,13,.3) 72%,rgba(18,15,13,.12) 100%),
  linear-gradient(to top,rgba(18,15,13,.55) 0%,rgba(18,15,13,0) 55%)}
.hero-icerik{position:relative;z-index:2;width:100%;padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(40px,6vw,76px);pointer-events:none;animation:kdIn .5s ease both}
.hero-icerik a,.hero-icerik button{pointer-events:auto}
.hero-etiket{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.42);border-radius:40px;padding:7px 16px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.hero h1{font-weight:300;font-size:clamp(42px,6.2vw,84px);line-height:1;letter-spacing:-.025em;margin-top:22px;max-width:20ch;color:#fff}
.hero h1 em{font-style:italic;font-weight:400}
.hero-alt{font-size:19px;color:rgba(255,255,255,.9);max-width:42ch;margin:20px 0 0;text-wrap:pretty}
.hero-dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-denetim{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}   /* noktalar alt ortada (sahibinin isteği) */
.hero-denetim > *{pointer-events:auto}
.hero-noktalar{display:flex;gap:4px}
.hero-noktalar button{width:28px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hero-noktalar button::before{content:"";width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s,transform .2s}
.hero-noktalar button[aria-current="true"]::before{background:#fff;transform:scale(1.25)}
.hero-dur{position:absolute;right:20px;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(18,15,13,.35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hero-dur:hover{background:rgba(18,15,13,.6)}
@media (max-width:640px){
  .hero-alt{font-size:17px}
  .hero-dugmeler .dugme{flex:1 1 140px}
  .hero-icerik{padding-bottom:88px}
}
@media (prefers-reduced-motion:reduce){.hero-oge.gecis{transition:none}.hero-icerik{animation:none}}

.bilgi-serit{background:var(--krem);border-bottom:1px solid var(--kenar)}
.bilgi-serit .kap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.bilgi-serit .kap > div{padding:20px 24px 20px 0}
.bilgi-serit .kap > div + div{padding-left:24px;border-left:1px solid var(--kenar)}
.bilgi-serit b{display:block;font:400 26px/1 var(--serif)}
.bilgi-serit span{display:block;font-size:14px;color:var(--ikincil);margin-top:6px}
@media (max-width:640px){
  .bilgi-serit .kap > div,.bilgi-serit .kap > div + div{padding:14px 0;border-left:0}
  .bilgi-serit .kap > div + div{border-top:1px solid var(--kenar)}
}

/* ---------- Bölümler ---------- */
.bolum{padding-top:56px;padding-bottom:64px}   /* yalnız dikey: "kap bolum" birlikteyken kap'ın sağ-sol boşluğunu sıfırlamasın (telefonda yazı kenara yapışıyordu) */
.bolum-baslik{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ust-etiket{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-metin);font-weight:700}
.bolum-baslik h2{font-size:clamp(28px,3.4vw,40px);margin-top:8px}
.sayfa-bas{padding:36px 0 8px}
.sayfa-bas h1{font-size:clamp(32px,4.4vw,52px)}
.sayfa-bas p{color:var(--ikincil);margin:10px 0 0;max-width:60ch}

/* ---------- Kategori kutuları ---------- */
.kat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:14px}
.kat-kutu{display:flex;flex-direction:column;background:var(--kart);border:1px solid #E7DFD4;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--murekkep);transition:box-shadow .22s,border-color .22s,transform .22s}
.kat-kutu:hover{border-color:#C9BFB2;box-shadow:0 8px 22px rgba(28,26,24,.09);transform:translateY(-2px);color:var(--murekkep)}
.kat-kutu-gorsel{aspect-ratio:16/10;background:#F6F1EA;overflow:hidden}
.kat-kutu-gorsel img{width:100%;height:100%;object-fit:cover}
.kat-kutu-adi{padding:13px 15px 15px;min-height:74px}
.kat-kutu-adi b{display:block;font-size:15px;line-height:1.3}
.kat-kutu-adi span{display:block;font-size:13px;color:var(--kirmizi);margin-top:5px;font-weight:500}

/* ---------- Ürün kartları ---------- */
.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.urun-kart{background:var(--kart);border:1px solid var(--kenar);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.urun-kart:hover{border-color:var(--kenar-hover);box-shadow:var(--golge)}
.urun-kart-gorsel{display:block;aspect-ratio:4/3;position:relative;overflow:hidden;background:#F6F1EA;text-decoration:none}
.urun-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.urun-kart:hover .urun-kart-gorsel img{transform:scale(1.03)}
.kart-serit{position:absolute;left:0;right:0;bottom:0;background:rgba(28,26,24,.86);color:#fff;font-size:13px;font-weight:700;text-align:center;padding:6px 4px}
.urun-kart-govde{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.urun-kart-adi{font-size:20px;line-height:1.2}
.urun-kart-adi a{color:var(--murekkep);text-decoration:none}
.urun-kart-adi a:hover{color:var(--kirmizi)}
.urun-kart-adi a::after{content:"";position:absolute;inset:0}          /* kartın tamamı tıklanabilir */
.urun-kart{position:relative}
.urun-kart-gorsel{z-index:1}
.urun-kart-aciklama{margin:0;font-size:14px;color:var(--ikincil);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.urun-kart-alt{margin-top:auto;padding-top:4px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fiyat{font-size:18px;font-weight:700;color:var(--kirmizi)}
.fiyat.ustu-cizili{color:var(--soluk);text-decoration:line-through}
.fiyat-bekleniyor{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:8px;background:var(--zemin2);color:var(--ikincil);font-size:13px}
.urun-kart.tukendi .urun-kart-gorsel img{filter:grayscale(.5);opacity:.8}

/* ---------- Adımlar ---------- */
.adimlar-bolum{background:var(--kart);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:32px;margin-top:24px}
.adim{display:flex;gap:18px;align-items:flex-start}
.adim-simge{flex:none;width:54px;height:54px;border-radius:50%;border:1px solid #E7DFD4;background:#FDFBF7;display:flex;align-items:center;justify-content:center;color:var(--kirmizi)}
.adim-no{font:15px var(--serif);color:var(--altin-metin);letter-spacing:.06em}
.adim h3{font-size:24px;margin:6px 0 8px}
.adim p{margin:0;color:var(--ikincil)}

/* ---------- Menü sayfası ---------- */
.kat-sekme{position:sticky;top:var(--ust-yukseklik);z-index:20;margin:22px 0 0;background:var(--kart);border:1px solid var(--kenar);border-radius:12px;box-shadow:0 6px 16px rgba(28,26,24,.06);transition:border-radius .2s ease}
/* Üste yapışınca üst köşeler düz: şerit üst menüye kesintisiz bağlanır */
.kat-sekme.yapisik{border-top-left-radius:0;border-top-right-radius:0;border-top-color:transparent}
/* Telefonda üste yapışınca iki yana da yapışır: sayfanın 20px kenar boşluğunu kapatır, ekranın kenarından kenarına uzanır */
@media (max-width:760px){
  .kat-sekme{transition:border-radius .2s ease,margin .2s ease}
  .kat-sekme.yapisik{margin-left:-20px;margin-right:-20px;border-radius:0;border-left-color:transparent;border-right-color:transparent;box-shadow:0 6px 14px rgba(28,26,24,.08)}
  .kat-sekme.yapisik .kat-sekme-ic{padding-left:12px;padding-right:12px}
  /* Seçili olmayan sekmelerde hafif çerçeve (dokunulacak yer belli olsun); çerçeveler birbirine değmesin diye 6px ara */
  .kat-sekme .kat-sekme-ic{gap:6px;padding-top:9px;padding-bottom:9px}   /* temel kural (gap:0, padding:5px) dosyada sonra geldiği için daha belirgin seçici; dikeyde nefes payı */
  .kat-sekme a{border:1px solid var(--kenar-hover)}
  .kat-sekme a[aria-current="true"]{border-color:var(--kirmizi)}
  /* 30.09 (sahibinin isteği): beyaz kutu kalktı — hap biçimli, fotoğraflı düğmeler doğrudan sayfa zemininde, kenardan kenara kayar.
     Üste yapışınca sayfa renginde zemin + ince gölge (altından geçen ürünler görünmesin).
     Seçiciler ".kat-sekme .kat-sekme-ic a": dosyada SONRA gelen temel ".kat-sekme a" kuralı yoksa bunları ezer. */
  .kat-sekme,.kat-sekme.yapisik{margin-left:-20px;margin-right:-20px;background:var(--krem);border:0;border-radius:0;box-shadow:none}
  .kat-sekme.yapisik{box-shadow:0 6px 12px -6px rgba(28,26,24,.18)}
  .kat-sekme .kat-sekme-ic,.kat-sekme.yapisik .kat-sekme-ic{padding:9px 20px;gap:8px;scroll-padding:0 20px}
  .kat-sekme .kat-sekme-ic a{flex:none;min-height:44px;padding:0 12px 0 14px;border:1px solid var(--kenar-hover);border-radius:999px;background:var(--kart);color:var(--murekkep);font-size:15px}
  .kat-sekme .kat-sekme-ic a.resimli{padding-left:5px;gap:7px}
  .kat-sekme a img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;background:var(--zemin2)}
  .kat-sekme .kat-sekme-ic a[aria-current="true"]{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
  .kat-sekme a[aria-current="true"] img{box-shadow:0 0 0 2px rgba(255,255,255,.85)}
}
.kat-sekme a img{display:none}
@media (max-width:760px){.kat-sekme a img{display:block}}
@media (prefers-reduced-motion:reduce){.kat-sekme{transition:none}}
/* Kaydırma çubuğu gizli: şerit fareyle sürüklenir, kenardaki yarım sekme devamı olduğunu gösterir */
/* Sekmeler arasında boşluk yok, her sekmenin yalnız sağında-solunda az pay; geniş ekranda hepsi sığar ve şeridi eşit doldurur */
.kat-sekme-ic{display:flex;gap:0;overflow-x:auto;padding:5px;scrollbar-width:none;scroll-behavior:smooth}
.kat-sekme-ic::-webkit-scrollbar{display:none}
.kat-sekme a{flex:1 0 auto;justify-content:center;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 9px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ikincil);text-decoration:none;white-space:nowrap}
.kat-sekme a:hover{background:var(--zemin2);color:var(--murekkep)}
.kat-sekme a[aria-current="true"]{background:var(--kirmizi);color:#fff;font-weight:700}
.kat-sekme a small{background:rgba(28,26,24,.08);border-radius:20px;padding:1px 7px;font-size:12px;font-weight:700}
.kat-sekme a[aria-current="true"] small{background:rgba(255,255,255,.24)}
.menu-bolum{padding-top:36px}
.menu-bolum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid var(--kenar);padding-bottom:12px;margin-bottom:18px;flex-wrap:wrap}
.menu-bolum-bas h2{font-size:28px}
.menu-bolum-bas a{font-size:14px;font-weight:500}
.menu-son{padding-bottom:64px}

/* Fareyle sürüklenen yatay alanlar (KURAL: bilgisayarda fareyle de kayar) */
@media (hover:hover){.fare-surukle{cursor:grab}.fare-surukle.suruklerken{cursor:grabbing}}
.fare-surukle.suruklerken,.fare-surukle.suruklerken *{user-select:none;-webkit-user-select:none}
.fare-surukle img{-webkit-user-drag:none}

/* ---------- Kırıntı ---------- */
.kirinti{padding-top:20px;font-size:14px;color:var(--soluk)}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kirinti li + li::before{content:"›";margin-right:6px;color:var(--kenar-hover)}
.kirinti a{color:var(--ikincil);text-decoration:none}
.kirinti a:hover{color:var(--kirmizi)}

/* ---------- Ürün sayfası ---------- */
.urun-detay{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(24px,4vw,48px);align-items:start;padding:20px 0 56px}
.urun-foto{display:block;width:100%;padding:0;border:0;background:#F6F1EA;border-radius:18px;overflow:hidden;aspect-ratio:1/1;cursor:zoom-in;position:relative}
.urun-foto img{width:100%;height:100%;object-fit:cover}
.urun-foto .buyut{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--murekkep);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.urun-foto-yok{border-radius:18px;overflow:hidden;aspect-ratio:1/1}
.urun-foto-yok .gorsel-yok{font-size:96px}
/* Ürün galerisi: büyük fotoğrafın altında küçükler (kaydırma yok, satıra sarar — en fazla 8) */
.urun-galeri{display:grid;gap:10px;min-width:0}
.urun-galeri .urun-foto{touch-action:pan-y}      /* yatay parmak hareketi fotoğraf geçişine, dikey sayfa kaydırmaya */
.urun-galeri .urun-foto img{transition:opacity .18s ease}
.urun-galeri .urun-foto img.geciyor{opacity:.35}
.urun-foto-sayac{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:20px;background:rgba(28,26,24,.72);color:#fff;font:600 13px/1.4 var(--sans)}
.urun-kucukler{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.urun-kucuk{display:block;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#F6F1EA;aspect-ratio:1/1;cursor:pointer;opacity:.78;transition:opacity .15s ease,border-color .15s ease}
.urun-kucuk img{width:100%;height:100%;object-fit:cover;display:block}
.urun-kucuk:hover{opacity:1}
.urun-kucuk[aria-pressed="true"]{border-color:var(--kirmizi);opacity:1}
.urun-kucuk:focus-visible{outline:3px solid var(--altin);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.urun-galeri .urun-foto img,.urun-kucuk{transition:none}}
.urun-bilgi .kat-etiket{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);text-decoration:none}
.urun-bilgi .kat-etiket:hover{color:var(--kirmizi)}
.urun-bilgi h1{font-size:clamp(30px,4vw,44px);margin-top:8px;line-height:1.1}
.urun-fiyat{font-size:28px;font-weight:700;color:var(--kirmizi);margin-top:14px}
.urun-fiyat.ustu-cizili{color:var(--soluk);text-decoration:line-through}
.urun-durum{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:9px;font-size:14px;font-weight:700;margin-top:12px}
.urun-durum.tukendi{background:var(--kirmizi-acik);color:var(--kirmizi-hover)}
.urun-durum.bekleniyor{background:var(--zemin2);color:var(--ikincil);font-weight:500}
.urun-aciklama{color:var(--ikincil);margin:18px 0 0;max-width:52ch;white-space:pre-line}
.urun-ek{margin-top:22px;padding-top:18px;border-top:1px solid var(--kenar);display:grid;gap:14px}
.urun-ek dt{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--soluk)}
.urun-ek dd{margin:4px 0 0}
.urun-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.benzer{padding:8px 0 64px}
.benzer h2{font-size:28px;margin-bottom:18px}

/* ---------- Kategori çipleri ---------- */
.cipler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cipler a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--kenar);border-radius:40px;background:var(--kart);color:var(--murekkep);font-size:14px;text-decoration:none}
.cipler a:hover{border-color:var(--murekkep)}
.cipler a[aria-current="page"]{background:var(--murekkep);border-color:var(--murekkep);color:#fff}

/* ---------- Alt ---------- */
.alt{background:var(--murekkep);color:var(--koyu-metin);margin-top:0}
.alt-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;padding-top:44px;padding-bottom:44px}
.alt img{width:193px;height:auto}
.alt p{margin:14px 0 0;font-size:15px;max-width:34ch}
.alt h2{font:700 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--koyu-acik);margin-bottom:12px}
.alt nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.alt a{color:var(--koyu-metin);text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.alt a:hover{color:var(--koyu-acik)}
.alt address{font-style:normal;font-size:15px;line-height:1.7}
/* Güvenli ödeme bandı + kart logoları (16.10) */
.alt-odeme{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-bottom:26px}
.alt .alt-odeme p{margin:0;max-width:none;display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
.alt-odeme p svg{flex:none;margin-top:1px;color:var(--koyu-acik)}
.alt-kartlar{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.alt-kartlar svg{display:block;width:52px;height:32px}
.alt-son{border-top:1px solid rgba(247,241,231,.12);font-size:13px}
.alt-son .kap{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px}
.alt-son .alt-tasarim{min-height:32px;gap:5px}

/* ============================================================
   3. aşama — sepet ve sipariş
   ============================================================ */
.ust-sepet{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;background:var(--kirmizi);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.ust-sepet:hover{background:var(--kirmizi-hover);color:#fff}
.ust-sepet-sayi{background:rgba(255,255,255,.22);border-radius:20px;min-width:24px;padding:1px 7px;text-align:center;font-size:13px}
@media (max-width:640px){.ust-sepet span:not(.ust-sepet-sayi){display:none}.ust-sepet{padding:0 12px}}

/* Kart üstündeki sepet düğmesi — kartın tamamını kaplayan bağlantının üstünde durur */
.sepet-alani{position:relative;z-index:2;display:flex;align-items:center;min-height:44px}
.sepet-ekle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:9px;background:var(--murekkep);color:#fff;font:700 14px/1 var(--sans);cursor:pointer;white-space:nowrap}
.sepet-ekle:hover{background:var(--kirmizi)}
.sepet-alani.buyuk .sepet-ekle{min-height:52px;padding:0 26px;font-size:16px;background:var(--kirmizi);border-radius:11px}
.sepet-alani.buyuk .sepet-ekle:hover{background:var(--kirmizi-hover)}
.adet-sec{display:inline-flex;align-items:center;border:1px solid var(--kenar-hover);border-radius:10px;background:var(--kart)}
.adet-sec button{width:44px;height:44px;border:0;background:none;font-size:20px;line-height:1;color:var(--ikincil);cursor:pointer;border-radius:10px}
.adet-sec button:hover{color:var(--kirmizi);background:var(--zemin2)}
.adet-sec output{min-width:30px;text-align:center;font-weight:700}
.sepet-alani.buyuk .adet-sec button{width:52px;height:52px}
/* Sipariş alımı kapalıyken (örn. 06:00 öncesi): pasif Sepete at + altında neden */
.sepet-ekle:disabled{background:var(--zemin2);color:var(--soluk);cursor:not-allowed}
.sepet-alani:has(.kapali-not){flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}
.sepet-alani.buyuk:has(.kapali-not){align-items:flex-start}
.urun-kart-alt .sepet-alani:has(.kapali-not){margin-left:auto}   /* dar kartta alt satıra inerse sağda kalsın */
.kapali-not{font-size:12px;line-height:1.3;color:var(--ikincil);text-align:right;max-width:15ch}
.sepet-alani.buyuk .kapali-not{text-align:left;max-width:none}
.pasif-etiket{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:9px;background:var(--zemin2);color:var(--ikincil);font-size:13px;text-align:center}
.fiyat-cift{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fiyat-cift s{font-size:14px;font-weight:500;color:var(--soluk)}
.urun-fiyat .fiyat-cift s{font-size:20px}

/* Tür anahtarı */
.tur-secim{margin-top:18px;max-width:640px}
.kutu .tur-secim{margin-top:0}
.tur-anahtar{display:flex;gap:6px;background:var(--kart);border:1px solid var(--kenar-hover);border-radius:12px;padding:5px}
.tur-anahtar button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:9px;background:none;color:var(--ikincil);font:500 15px var(--sans);cursor:pointer}
.tur-anahtar button:hover{background:var(--zemin2);color:var(--murekkep)}
.tur-anahtar button[aria-checked="true"]{background:var(--kirmizi);color:#fff;font-weight:700}
.tur-anahtar button:disabled{opacity:.45;cursor:not-allowed}
.tur-not{margin:8px 2px 0;font-size:14px;color:var(--kirmizi-hover)}
.bolge-kutu{margin-top:12px;background:var(--kart);border:1px solid var(--kenar);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;align-items:start}
.bolge-sec span{display:block;font-size:13px;font-weight:500;color:var(--ikincil);margin-bottom:6px}
.bolge-sec select,.alan input,.alan textarea{width:100%;min-height:48px;border:1px solid var(--kenar-hover);border-radius:10px;padding:10px 12px;font:16px var(--sans);background:var(--krem);color:var(--murekkep)}
.bolge-sec select:focus,.alan input:focus,.alan textarea:focus{outline:none;border-color:var(--murekkep);background-color:#fff;box-shadow:0 0 0 3px rgba(201,146,47,.25)}
.bolge-kural{font-size:14px;color:var(--ikincil);display:grid;gap:4px}
.bolge-kural b{color:var(--murekkep)}
.kural-satir{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;border-radius:9px;padding:7px 10px;font-size:14px}
.kural-satir.k1{background:var(--kirmizi-acik);color:var(--kirmizi-hover)}
.kural-satir.k2{background:#FDF3E2;color:#7A5A16}
.kural-satir.k3{background:#F1F5EF;color:#2F5B2B}
.kural-satir strong{min-width:110px}
.tur-bildirim{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#FDF3E2;border:1px solid #EBD6AC;border-radius:12px;padding:10px 12px;font-size:14px;color:#7A5A16}
.tur-bildirim span{flex:1 1 220px}
.dugme-kucuk{min-height:40px;padding:0 12px;border-radius:8px;border:0;background:none;color:inherit;font:600 14px var(--sans);cursor:pointer}
.dugme-kucuk.koyu{background:#7A5A16;color:#fff}

/* Alttaki sabit sepet çubuğu */
.sepet-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(28,26,24,.97);color:var(--koyu-acik);box-shadow:0 -8px 24px rgba(0,0,0,.18);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}   /* gizliyken klavyeyle de ulaşılamasın */
.sepet-cubuk.gorunur{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
.sepet-cubuk .kap{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.sepet-cubuk-bilgi{flex:1 1 200px;min-width:0}
.sepet-cubuk-bilgi b{display:block;font-size:16px}
.sepet-cubuk-bilgi span{display:block;font-size:13px;color:var(--koyu-metin)}
.sepet-cubuk-bilgi span.uyari{color:#F2C879}
.sepet-cubuk .dugme{min-height:48px}
body.cubuk-acik{padding-bottom:78px}
/* Sepet sayfası, telefon: alta yapışık ödeme çubuğu (06.10). Geniş ekranda özet yanda sabit durur, çubuk gerekmez. */
.sepet-cubuk-ode{display:none}
.sepet-cubuk .dugme[aria-disabled="true"]{background:#3D3833;color:#A89F94}
.sepet-cubuk-bilgi span.titret{color:#F2C879}
@media (max-width:900px){
  .sepet-cubuk-ode{display:block;padding-bottom:env(safe-area-inset-bottom,0)}
  .sepet-cubuk-ode .kap{flex-wrap:nowrap;gap:12px}
  .sepet-cubuk-ode .sepet-cubuk-bilgi{flex:1 1 0}
  .sepet-cubuk-ode .dugme{flex:none;padding-left:18px;padding-right:18px;white-space:nowrap}
  body.ode-cubuk-acik{padding-bottom:92px}
}
@media (prefers-reduced-motion:reduce){.sepet-cubuk{transition:none}}

/* Sepet sayfası */
.sepet-kap,.odeme-kap{padding-top:28px;padding-bottom:64px}
.geri-bag{display:inline-flex;align-items:center;min-height:40px;color:var(--ikincil);text-decoration:none}
.geri-bag:hover{color:var(--kirmizi)}
.sepet-baslik{font-size:clamp(30px,4vw,46px);margin:6px 0 22px}
.sepet-izgara,.odeme-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px;align-items:start}
@media (max-width:900px){.sepet-izgara,.odeme-izgara{grid-template-columns:1fr}}
.sepet-sol{display:grid;gap:20px;min-width:0}
.kutu{background:var(--kart);border:1px solid var(--kenar);border-radius:16px;padding:20px}
.kutu h2{font-size:22px;margin-bottom:14px}
.gorunmez-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sepet-bos{background:var(--kart);border:1px dashed var(--kenar-hover);border-radius:16px;padding:40px 24px;text-align:center}
.sepet-bos p{color:var(--ikincil);margin:0 0 18px}
.sepet-satirlar{list-style:none;margin:-6px 0;padding:0}
.sepet-satir{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--zemin2)}
.sepet-satir:last-child{border-bottom:0}
.sepet-satir .kucuk-gorsel{width:56px;height:56px;border-radius:9px;overflow:hidden;background:#F6F1EA}
.sepet-satir .kucuk-gorsel img{width:100%;height:100%;object-fit:cover}
.sepet-satir .kucuk-gorsel .gorsel-yok{font-size:24px}
.sepet-satir-adi b{font:500 18px/1.2 var(--serif);display:block}
.sepet-satir-adi small{color:var(--ikincil);font-size:13px}
.sepet-satir-adi .sorun{display:inline-flex;margin-top:6px;background:var(--kirmizi-acik);color:var(--kirmizi-hover);border:1px solid var(--kirmizi-kenar);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}
.sepet-satir-tutar{min-width:86px;text-align:right;font-weight:700}
.sepet-satir-tutar s{display:block;font-size:12px;font-weight:500;color:var(--soluk)}
.sepet-satir .kaldir{grid-column:2;justify-self:start;background:none;border:0;color:var(--soluk);font:14px var(--sans);cursor:pointer;min-height:32px;padding:0}
.sepet-satir .kaldir:hover{color:var(--kirmizi)}
@media (max-width:560px){
  .sepet-satir{grid-template-columns:48px minmax(0,1fr) auto}
  .sepet-satir .kucuk-gorsel{width:48px;height:48px}
  .sepet-satir .adet-sec{grid-column:2}
  .sepet-satir-tutar{grid-column:3;grid-row:2}
}
.alan-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.alan label{display:block;font-size:13px;font-weight:500;color:var(--ikincil);margin-bottom:6px}
.alan small{font-weight:400;color:var(--soluk)}
.alan .hata-yazi{display:block;margin-top:6px;font-size:14px;color:var(--kirmizi);font-weight:500}
.alan.hatali input,.alan.hatali textarea{border-color:var(--kirmizi)}
.alan.hatali .saat-izgara{outline:2px solid var(--kirmizi-kenar);outline-offset:4px;border-radius:10px}
.not{margin:10px 0 0;font-size:13px;color:var(--ikincil)}
.not.soluk{color:var(--soluk)}
.not.buyuk{font-size:15px;margin:-10px 0 20px}
.not.ortala{text-align:center}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.adres-karti{background:var(--krem);border:1px solid var(--kenar);border-radius:12px;padding:14px;margin-bottom:16px;display:grid;gap:2px}
.adres-karti span{font-size:14px;color:var(--ikincil)}
.adres-karti .vurgu{margin-top:8px;color:var(--kirmizi-hover);font-size:15px}
.gun-secim{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.gun-secim button,.saat-izgara button{border:1px solid var(--kenar);background:var(--krem);color:var(--murekkep);border-radius:10px;min-height:44px;padding:0 14px;font:500 14px var(--sans);cursor:pointer}
.gun-secim button:hover,.saat-izgara button:hover:not(:disabled){border-color:var(--murekkep)}
.gun-secim button[aria-checked="true"],.saat-izgara button[aria-checked="true"]{background:var(--murekkep);border-color:var(--murekkep);color:#fff;font-weight:700}
.saat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.saat-izgara button{padding:0;width:100%}
.saat-izgara button:disabled{border-style:dashed;background:#F5F0E8;color:var(--koyu-metin);text-decoration:line-through;cursor:not-allowed}
/* Gelip al: listede olmayan saati dakikasıyla yazma (ör. 08:05) */
.saat-serbest{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--kenar)}
.saat-serbest label{grid-column:1/-1;margin-bottom:0}
.alan .saat-serbest input{width:136px;min-height:44px;padding:8px 10px;font:500 16px var(--sans)}
.alan .saat-serbest input.secili{background:var(--murekkep);border-color:var(--murekkep);color:#fff;font-weight:700}
.alan .saat-serbest input.secili::-webkit-calendar-picker-indicator{filter:invert(1)}
.alan .saat-serbest input.hatali{border-color:var(--kirmizi)}
.saat-serbest-bilgi{font-size:14px;color:var(--ikincil)}
.saat-serbest-bilgi.kirmizi{color:var(--kirmizi);font-weight:500}
.alan .not-sayac{display:block;margin-top:4px;font-size:12px;text-align:right}
.ozet{position:sticky;top:calc(var(--ust-yukseklik) + 16px)}
.tur-rozet{display:inline-flex;align-items:center;background:#F4F0E9;border:1px solid var(--kenar);border-radius:20px;padding:5px 11px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--kirmizi-hover);margin-bottom:12px}
.ozet-satirlar{margin:0}
.ozet-satirlar > div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:15px}
.ozet-satirlar dt{color:var(--ikincil)}
.ozet-satirlar dd{margin:0;font-weight:500;text-align:right}
.ozet-satirlar .indirim{color:var(--kirmizi-hover);font-weight:700}
.ozet-satirlar .toplam{border-top:1px solid var(--kenar);margin-top:6px;padding-top:14px;font-size:20px;font-weight:700}
.ozet-satirlar .toplam dt{color:var(--murekkep)}
.ozet-satirlar .toplam dd{color:var(--kirmizi);font-weight:700}
.ozet-satirlar .kalem{font-size:14px;padding:4px 0}
.bilgi-kutu{margin-top:12px;border-radius:10px;padding:12px 14px;font-size:14px}
.bilgi-kutu.yesil{background:#F1F5EF;border:1px solid #CFDDC9;color:#2F5B2B}
/* Sepet, Eve gelsin: gün/saat yerine tahmini teslim (06.10). Bölge seçilmemişken ya da saat geçmişken nötr, süre belliyken yeşil. */
.eve-teslim{margin:16px 0 0;background:var(--koyu-acik);border:1px solid var(--kenar);color:var(--ikincil);font-size:15px;line-height:1.55}
.eve-teslim b{font-size:16px}
.engel-liste{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.engel-liste li{background:#FDF3E2;border:1px solid #EBD6AC;border-radius:10px;padding:10px 12px;font-size:14px;color:#7A5A16}
.engel-liste li.kirmizi{background:var(--kirmizi-acik);border-color:var(--kirmizi-kenar);color:var(--kirmizi-hover)}
.onay{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--ikincil);cursor:pointer}
.onay input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--kirmizi)}
.onay.hatali span{color:var(--kirmizi)}
.dugme.tam{width:100%;margin-top:14px;min-height:54px}
.titret{animation:titret .35s ease;color:var(--kirmizi-hover);font-weight:600}
@keyframes titret{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.titret{animation:none}}
.dugme[aria-disabled="true"]{background:var(--zemin2);color:var(--soluk);cursor:not-allowed}
.uyari-kutu{background:#FDF3E2;border:1px solid #EBD6AC;border-radius:10px;padding:12px 14px;color:#7A5A16}
.uyari-kutu.kirmizi{background:var(--kirmizi-acik);border-color:var(--kirmizi-kenar);color:var(--kirmizi-hover)}

/* Ödeme ve sonuç */
.deneme-serit{background:#FDF3E2;border:2px dashed #C9922F;border-radius:12px;padding:12px 14px;color:#7A5A16;margin-bottom:16px}
.deneme-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.paytr-ust{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--zemin2);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--altin-metin);font-weight:700}
.paytr-cerceve{width:100%;min-height:620px;border:0;display:block}
.sonuc-kap{padding-top:48px;padding-bottom:72px;max-width:760px}
.sonuc{padding:clamp(24px,4vw,40px);animation:kdIn .4s ease both}
.sonuc-simge{width:56px;height:56px;border-radius:50%;background:var(--kirmizi);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}
.sonuc-simge.hata{background:var(--murekkep)}
.sonuc-simge.bekle{background:none;border:3px solid #EFE7DA;border-top-color:var(--kirmizi);animation:don .9s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.sonuc h1{font-size:clamp(28px,4vw,40px);margin:20px 0 8px;line-height:1.1}
.sonuc p{color:var(--ikincil)}
.siparis-no{color:var(--murekkep);font-size:1.15em;letter-spacing:.02em}
.sonuc-bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:16px;margin:24px 0;padding:18px 0;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.sonuc-bilgi dt{font-size:13px;color:var(--soluk)}
.sonuc-bilgi dd{margin:4px 0 0;font-weight:500}
.sonuc .dugme{margin:6px 8px 0 0}

/* ---------- Platform bandı ---------- */
.platform-bolum{padding:64px 0 72px}
.platform-bant{background:var(--kirmizi);border-radius:20px;padding:clamp(26px,4vw,44px);color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px;align-items:center}
.platform-bant h2{font-size:clamp(26px,3.2vw,36px);color:#fff}
.platform-bant p{margin:12px 0 0;color:#FBEAE8;max-width:46ch}
.platform-bant .platform-not{font-size:14px;color:#F6D4D1}
.platform-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}
.platform-kart{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;background:#fff;border-radius:14px;color:var(--murekkep);font-weight:700;font-size:17px;text-decoration:none}
.platform-kart:hover{color:var(--kirmizi);box-shadow:0 8px 22px rgba(0,0,0,.18)}

/* ---------- 404 ---------- */
.bulunamadi{min-height:60vh;display:flex;align-items:center;padding:56px 0}
.bulunamadi .kap{max-width:640px}
.bulunamadi .kod{font:400 64px/1 var(--serif);color:var(--kirmizi)}
.bulunamadi h1{font-size:clamp(28px,4vw,40px);margin-top:12px}
.bulunamadi p{color:var(--ikincil);margin:14px 0 24px}

/* ============================================================
   QR masa menüsü — beyaz, sade, tek vurgu kırmızı (krem kullanılmaz)
   ============================================================ */
body.qr{background:#fff}
.qr-ust{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #EAEAEA}
.qr-kap{max-width:460px;margin:0 auto;padding:0 16px}
.qr-ust-ic{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.qr-ust-ic img{height:31px;width:auto}
.qr-ust-ic span{font-size:15px;font-weight:500;color:var(--ikincil)}
.qr-cipler{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}
.qr-cipler::-webkit-scrollbar{display:none}
.qr-cipler a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #E0E0E0;border-radius:22px;background:#fff;color:#333;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}
.qr-cipler a.resimli{padding-left:6px;gap:8px}
.qr-cipler a img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;background:#F6F1EA}
.qr-cipler a[aria-current="true"] img{box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.qr-cipler a[aria-current="true"]{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff;font-weight:700}
.qr-bolum{padding-top:20px;scroll-margin-top:124px}
.qr-bolum h2{font-size:25px;margin-bottom:12px}
.qr-liste{display:flex;flex-direction:column;gap:12px}
.qr-urun{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1px solid #EDEDED;border-radius:14px;padding:12px;cursor:pointer;font:inherit;color:inherit}
.qr-urun:hover{border-color:#D5D5D5}
.qr-urun.tukendi{opacity:.6}
.qr-urun-gorsel{flex:none;width:96px;height:96px;border-radius:11px;overflow:hidden;position:relative;background:#F6F1EA}
.qr-urun-gorsel img{width:100%;height:100%;object-fit:cover}
.qr-urun-gorsel .gorsel-yok{font-size:34px}
.qr-urun-gorsel .kart-serit{font-size:12px;padding:4px 2px}
.qr-urun-yazi{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.qr-urun-yazi b{font-size:17px;line-height:1.25}
.qr-urun-yazi .qr-aciklama{font-size:15px;color:#666;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-urun-yazi .fiyat{font-size:17px}
.qr-urun-yazi .fiyat-bekleniyor{align-self:flex-start;min-height:28px}
.qr-son{padding:28px 0 40px;text-align:center;font-size:14px;color:var(--soluk)}
.qr-son p{margin:14px 0 0}
.qr-site{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:1px solid #E0E0E0;border-radius:22px;color:var(--kirmizi);font-size:15px;font-weight:600;text-decoration:none}
.qr-site:hover{border-color:var(--kirmizi)}
/* İki satır: üstte kalın "Online sipariş", altta ince açıklama; ok sağda, ortada (30.09) */
.qr-site{padding:8px 18px 8px 24px;gap:14px;text-align:left;border-radius:999px}
.qr-site-yazi{display:flex;flex-direction:column;line-height:1.25}
.qr-site-yazi b{font-size:16px;font-weight:700}
.qr-site-yazi span{font-size:13.5px;font-weight:500;color:var(--ikincil)}
.qr-site-ok{font-size:18px}

/* Alttan açılan ürün ayrıntısı */
.qr-perde{position:fixed;inset:0;z-index:70;background:rgba(20,18,16,.5)}
.qr-sayfa{position:fixed;left:0;right:0;bottom:0;z-index:71;max-width:460px;margin:0 auto;background:#fff;border-radius:20px 20px 0 0;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -10px 40px rgba(20,18,16,.28);animation:qrYukari .24s ease both}
.qr-sayfa.suruklenen{animation:none;transition:none}
.qr-sayfa.geri-don{transition:transform .2s ease}
@keyframes qrYukari{from{transform:translateY(100%)}to{transform:none}}
.qr-tutamak{position:sticky;top:0;background:#fff;padding:10px 0 6px;display:flex;justify-content:center;border-radius:20px 20px 0 0;touch-action:none;cursor:grab}
.qr-tutamak button{background:none;border:0;padding:8px 20px;min-height:44px;cursor:pointer}
.qr-tutamak button span{display:block;width:44px;height:5px;border-radius:3px;background:#DADADA}
.qr-sayfa-ic{padding:0 18px 26px}
.qr-sayfa-gorsel{aspect-ratio:1/1;border-radius:14px;overflow:hidden;position:relative;background:#F6F1EA}
.qr-sayfa-gorsel img{width:100%;height:100%;object-fit:cover}
.qr-sayfa-gorsel .gorsel-yok{font-size:72px}
.qr-sayfa-gorsel .kart-serit{font-size:15px;padding:9px 4px}
/* Birden çok fotoğraf: yana kaydırılan şerit + noktalar */
.qr-galeri-serit{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.qr-galeri-serit::-webkit-scrollbar{display:none}
.qr-galeri-serit img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;user-select:none}
.qr-galeri-serit:focus-visible{outline:3px solid var(--altin);outline-offset:-3px}
.qr-galeri-nokta{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.qr-galeri-nokta span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.qr-galeri-nokta span.aktif{background:#fff;width:18px;border-radius:4px}
.qr-sayfa .qr-kat{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--soluk);margin-top:16px}
.qr-sayfa h2{font-size:29px;margin-top:5px}
.qr-sayfa .fiyat{display:block;font-size:23px;margin-top:9px}
.qr-sayfa .fiyat-bekleniyor{margin-top:9px}
.qr-sayfa p{margin:14px 0 0;color:#444;white-space:pre-line}
.qr-ek{margin-top:18px;padding-top:16px;border-top:1px solid #EDEDED}
.qr-ek b{display:block;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--soluk);font-weight:500}
.qr-ek span{display:block;margin-top:7px;color:#444}
.qr-kapat{width:100%;margin-top:22px;background:#fff;border:1px solid #DADADA;color:var(--murekkep);border-radius:12px;min-height:52px;font:500 16px var(--sans);cursor:pointer}
.qr-kapat:hover{border-color:var(--murekkep)}
html.qr-acik{overflow:hidden}
@media (prefers-reduced-motion:reduce){.qr-sayfa{animation:none}}

/* ---------- Üst menü: telefon/tablette hamburger (☰) ile açılan menü ---------- */
.ust-menu-dugme{display:none}
.ust-menu-dar{display:none !important}
@media (max-width:1000px){
  .ust-menu-dugme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin-left:-6px;padding:0;border:1px solid var(--kenar-hover);border-radius:10px;background:var(--kart);color:var(--murekkep);cursor:pointer}
  .ust-menu-dugme:hover{border-color:var(--murekkep)}
  /* Üç çizgi; açıkken ✕ */
  .ust-menu-cizgi,.ust-menu-cizgi::before,.ust-menu-cizgi::after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .ust-menu-cizgi{position:relative}
  .ust-menu-cizgi::before,.ust-menu-cizgi::after{content:"";position:absolute;left:0}
  .ust-menu-cizgi::before{top:-6px}
  .ust-menu-cizgi::after{top:6px}
  .ust.menu-acik .ust-menu-cizgi{background:transparent}
  .ust.menu-acik .ust-menu-cizgi::before{transform:translateY(6px) rotate(45deg)}
  .ust.menu-acik .ust-menu-cizgi::after{transform:translateY(-6px) rotate(-45deg)}
  .ust-sepet{margin-left:auto}
  /* Menü: başlığın altında açılan panel */
  .ust-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:6px 20px 18px;background:var(--krem);border-bottom:1px solid var(--kenar);box-shadow:0 18px 30px rgba(28,26,24,.12);max-height:calc(100vh - var(--ust-yukseklik));overflow-y:auto}
  .ust.menu-acik .ust-menu{display:flex;animation:kdIn .2s ease both}
  .ust-menu a,.ust-menu a.ust-menu-dar{display:flex !important;min-height:52px;padding:0 4px;border-radius:0;border-bottom:1px solid var(--kenar);font-size:17px}
  .ust-menu a:hover{background:none;color:var(--kirmizi)}
  .ust-menu a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--kirmizi);padding-left:14px;color:var(--kirmizi)}
  .ust-menu a.ust-menu-tel{border-bottom:0;margin-top:10px;justify-content:space-between;gap:12px;font-size:15px;color:var(--ikincil)}
  .ust-menu a.ust-menu-tel b{color:var(--kirmizi);font-size:17px}
  /* Açıkken sayfa kararır ve kaymaz; dışarı dokununca kapanır */
  html.menu-acik{overflow:hidden}
  .ust.menu-acik{background:var(--krem);-webkit-backdrop-filter:none;backdrop-filter:none}   /* arkadaki şerit logonun arkasından görünmesin */
  html.menu-acik body::after{content:"";position:fixed;inset:0;background:rgba(28,26,24,.35);z-index:40}
}
@media (prefers-reduced-motion:reduce){.ust-menu-cizgi,.ust-menu-cizgi::before,.ust-menu-cizgi::after{transition:none}.ust.menu-acik .ust-menu{animation:none}}

/* ---------- Kurumsal sayfalar (SSS, Hakkımızda, İletişim, Yasal) ---------- */
.kurumsal{padding-bottom:72px}
.kurumsal .kutu{margin-top:20px}
.form-hata{margin:12px 0;padding:12px 14px;border-radius:10px;background:var(--kirmizi-acik);border:1px solid var(--kirmizi-kenar);color:var(--kirmizi-hover);font-weight:500}
.form-tamam{padding:14px 16px;border-radius:10px;background:#EEF6EC;border:1px solid #C7DFC1;color:#2F5A26}
.alan select{width:100%;min-height:48px;border:1px solid var(--kenar-hover);border-radius:10px;padding:10px 12px;font:16px var(--sans);background:var(--krem);color:var(--murekkep)}
/* Açılır kutular: tarayıcının oku kenara yapışıyordu → kendi okumuz, sağdan 16px içeride.
   :focus da listede — odak kuralındaki "background:#fff" kısa yazımı oku silmesin (bu kural ondan sonra gelir) */
.bolge-sec select,.alan select,.bolge-sec select:focus,.alan select:focus{-webkit-appearance:none;appearance:none;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231C1A18%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px;cursor:pointer}
.bolge-sec select::-ms-expand{display:none}
.alan select:focus{outline:none;border-color:var(--murekkep);background-color:#fff;box-shadow:0 0 0 3px rgba(201,146,47,.25)}
.tablo-kap{overflow-x:auto;margin:12px 0}
.sss-tablo{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.sss-tablo th,.sss-tablo td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--kenar)}
.sss-tablo thead th{font-size:13px;color:var(--soluk);font-weight:500}
.sss-tablo td{font-variant-numeric:tabular-nums}
/* Telefonda tablo yana kaydırılmasın: her bölge bir kart, sütun adı solda değer sağda */
@media (max-width:560px){
  .tablo-kap{overflow:visible}
  .sss-tablo{min-width:0;font-size:15px}
  .sss-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sss-tablo,.sss-tablo tbody{display:block}
  .sss-tablo tr{display:block;border:1px solid var(--kenar);border-radius:12px;padding:6px 12px;margin-bottom:10px;background:var(--kart)}
  .sss-tablo th[scope="row"]{display:block;padding:6px 0;border-bottom:1px solid var(--kenar);font-weight:700;color:var(--murekkep)}
  .sss-tablo td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:0}
  .sss-tablo td::before{content:attr(data-etiket);color:var(--soluk)}
}

/* SSS */
.sss-liste{max-width:820px;margin-top:20px;display:grid;gap:10px}
.sss{background:var(--kart);border:1px solid var(--kenar);border-radius:14px}
.sss summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;font:500 19px/1.3 var(--serif);min-height:56px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font:400 24px/1 var(--sans);color:var(--kirmizi);flex:none;transition:transform .2s}
.sss[open] summary::after{transform:rotate(45deg)}
.sss-cevap{padding:0 18px 16px;color:var(--ikincil)}
.sss-cevap p{margin:0 0 10px}
.sss-cevap p:last-child{margin-bottom:0}

/* Hakkımızda: zaman çizgisi (Claude Design düzeni — ortada çizgi, kart ve fotoğraf her adımda yer değiştirir) */
.hikaye-bas{text-align:center;padding:44px 0 8px}
.hikaye-rozet{display:inline-block;padding:6px 14px;border:1px solid var(--kenar);border-radius:999px;background:var(--kart);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ikincil)}
.hikaye-bas h1{font-size:clamp(40px,6vw,64px);margin-top:14px}
.hikaye-bas p{color:var(--ikincil);margin:14px auto 0;max-width:56ch;font-size:17px}
.hikaye{list-style:none;margin:40px auto 0;padding:0;max-width:1100px;position:relative}
.hikaye::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--kenar-hover)}
.hikaye-adim{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:74px;align-items:center;padding-bottom:44px}
.hikaye-isaret{position:absolute;left:50%;top:calc((100% - 44px) / 2);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--kirmizi);background:var(--krem);z-index:1}   /* satırdaki iki kartın dikey ortasında (alttaki 44px boşluk hariç) */
.hikaye-isaret::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:50%;background:var(--kirmizi)}
.hikaye-kart{background:var(--kart);border:1px solid var(--kenar);border-radius:18px;padding:24px 26px}
.hikaye-kart h2{font-size:clamp(22px,2.4vw,28px);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hikaye-yil{font:400 .82em/1 var(--serif);color:var(--kirmizi)}
.hikaye-kart p{margin:12px 0 0;color:var(--ikincil)}
/* Fotoğraf paneli: açık zemin + fırça kenarlı fotoğraf; tıklayınca ışık kutusunda büyür */
.hikaye-foto{display:flex;align-items:center;justify-content:center;width:100%;min-height:260px;padding:14px;border:0;border-radius:18px;background:#EFECE6;cursor:zoom-in}
.hikaye-foto img{width:100%;max-width:520px;height:auto;transition:transform .25s ease;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%)}
.hikaye-foto:hover img{transform:scale(1.02)}
.hikaye-foto:focus-visible{outline:3px solid var(--altin);outline-offset:4px}
/* Tek sıralı adımlar: kart solda, fotoğraf sağda · çift sıralı: tersi */
.hikaye-adim:nth-child(even) .hikaye-kart{order:2}
.hikaye-adim:nth-child(even) .hikaye-foto{order:1}
.hikaye-adim:not(.fotolu) .hikaye-kart{grid-column:1}
.hikaye-adim:not(.fotolu):nth-child(even) .hikaye-kart{grid-column:2}
.hikaye-son{position:relative;text-align:center;padding-top:34px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.hikaye-son::before{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;margin-left:-7px;border-right:2px solid var(--kirmizi);border-bottom:2px solid var(--kirmizi);transform:translateY(4px) rotate(45deg)}
/* Telefon/tablet: çizgi yine ortada; halka her adımın üstünde, kart ve fotoğraf tam genişlik (çizgi aralarda görünür) */
@media (max-width:860px){
  .hikaye-adim{grid-template-columns:minmax(0,1fr);row-gap:14px;padding:48px 0 22px}
  .hikaye-isaret{top:0;margin:0 0 0 -17px}
  .hikaye-adim .hikaye-kart,.hikaye-adim:nth-child(even) .hikaye-kart{order:1;grid-column:1}
  .hikaye-adim .hikaye-foto,.hikaye-adim:nth-child(even) .hikaye-foto{order:2}
  .hikaye-foto{min-height:0;padding:18px}
}
@media (max-width:560px){.hikaye-kart{padding:20px}.hikaye-bas{padding-top:28px}}
@media (prefers-reduced-motion:reduce){.hikaye-foto img{transition:none}.hikaye-foto:hover img{transform:none}}
.kurumsal-cagri{margin-top:20px;background:var(--zemin2);border-radius:18px;padding:clamp(22px,4vw,36px)}
.kurumsal-cagri h2{font-size:clamp(24px,3vw,32px)}
.kurumsal-cagri p{color:var(--ikincil);margin:8px 0 16px}
.kurumsal-cagri .dugme{margin:6px 8px 0 0}

/* İletişim */
.iletisim-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;align-items:stretch}   /* bilgi ve harita kartı aynı boyda */
.iletisim-bilgi dl{margin:0;display:grid;gap:12px}
.iletisim-bilgi dt{font-size:13px;color:var(--soluk)}
.iletisim-bilgi dd{margin:2px 0 0;font-weight:500}
.satici-bilgi{margin-top:20px}   /* İletişim → Satıcı bilgileri (14.10) */
.satici-bilgi dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.satici-bilgi dd{overflow-wrap:anywhere}
.iletisim-dugmeler{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.saat-baslik{font:700 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin:20px 0 8px}
.saat-tablo{border-collapse:collapse;width:100%;font-size:15px}
.saat-tablo th,.saat-tablo td{padding:7px 0;border-bottom:1px solid var(--zemin2);text-align:left;font-weight:400}
.saat-tablo td{text-align:right;font-variant-numeric:tabular-nums}
.saat-tablo tr.bugun th,.saat-tablo tr.bugun td{font-weight:700;color:var(--murekkep)}
.saat-tablo small{color:var(--soluk);font-weight:400}
.harita{min-height:320px;border-radius:12px;background:var(--zemin2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:var(--ikincil);font-size:15px}
.harita p{margin:0;max-width:34ch}
.harita iframe{width:100%;flex:1 1 auto;min-height:320px;border:0;border-radius:12px;display:block}
.harita.yuklendi{padding:0;background:none;align-items:stretch}
/* Harita kartı yanındaki bilgi kartıyla aynı boy: başlık üstte, harita alanı kalan yüksekliği doldurur */
/* Harita resmi (16.10): kutuyu doldurur, işaret hep ortada; düğmeler altta beyaz şeritte; OSM kaynak yazısı zorunlu */
.harita.resimli{position:relative;overflow:hidden;padding:0;justify-content:flex-end;gap:0}
.harita.resimli img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.harita-dugmeler{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin:0 12px 30px;padding:10px 16px;background:rgba(255,255,255,.94);border-radius:12px;box-shadow:0 4px 16px rgba(28,26,24,.16)}
.harita-kaynak{position:absolute;right:6px;bottom:5px;font-size:11px;line-height:1.4;padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.85);color:#4a4540}
.harita-kaynak a{color:inherit}
@media (max-width:640px){.harita.resimli{min-height:400px}}
.harita-kutu{display:flex;flex-direction:column}
.harita-kutu .harita{flex:1 1 auto}

/* Yasal metinler */
.yasal-liste{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;max-width:640px}
.yasal-liste a{display:flex;align-items:center;min-height:56px;padding:0 18px;background:var(--kart);border:1px solid var(--kenar);border-radius:12px;color:var(--murekkep);font-weight:500;text-decoration:none}
.yasal-liste a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.yasal-metin{max-width:760px;margin-top:12px;color:var(--ikincil)}
.yasal-metin h2{font-size:clamp(20px,2.4vw,24px);color:var(--murekkep);margin:28px 0 8px}
.yasal-metin p,.yasal-metin li{margin:0 0 10px}
.yasal-metin ul{padding-left:20px;margin:0 0 10px}
.yasal-satici{margin:8px 0 12px;display:grid;gap:6px;background:var(--kart);border:1px solid var(--kenar);border-radius:12px;padding:14px 16px}
.yasal-satici div{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);gap:10px}
.yasal-satici dt{color:var(--soluk);font-size:14px}
.yasal-satici dd{margin:0;color:var(--murekkep);overflow-wrap:anywhere}
.yasal-eksik{background:#FDF3E2;color:#7A5A16;border-radius:4px;padding:0 4px;font-weight:500}
.yasal-diger{max-width:760px;margin-top:28px;padding-top:16px;border-top:1px solid var(--kenar);display:flex;flex-wrap:wrap;gap:6px 18px}
.yasal-diger a{min-height:40px;display:inline-flex;align-items:center}

/* Sipariş takibi */
.takip-form h1{font-size:clamp(28px,4vw,40px);margin-bottom:8px}
.takip-form > p{color:var(--ikincil)}
.takip-gonder{margin-top:14px}
.takip-cizgi{list-style:none;margin:24px 0 8px;padding:0}
.takip-cizgi li{display:flex;gap:14px;align-items:flex-start;position:relative;padding-bottom:22px;color:var(--soluk)}
.takip-cizgi li:last-child{padding-bottom:0}
.takip-cizgi li:not(:last-child)::after{content:"";position:absolute;left:17px;top:36px;bottom:2px;width:2px;background:var(--kenar)}
.takip-cizgi li.bitti:not(:last-child)::after{background:var(--kirmizi)}
.takip-nokta{width:36px;height:36px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--kenar-hover);background:var(--kart);font-weight:700;font-size:15px}
.takip-cizgi li.bitti .takip-nokta{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.takip-cizgi li.simdi .takip-nokta{border-color:var(--kirmizi);color:var(--kirmizi);box-shadow:0 0 0 4px var(--kirmizi-acik)}
.takip-cizgi li.bitti,.takip-cizgi li.simdi{color:var(--murekkep)}
.takip-cizgi b{display:block;padding-top:6px}
.takip-cizgi small{display:block;color:var(--ikincil);font-size:14px}
.takip-uyari{margin:18px 0;padding:14px 16px;border-radius:10px;background:#FDF3E2;border:1px solid #EAD3A6;color:#5E4210}
.sonuc .takip-alt-baslik{font:700 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin:0 0 8px}
.takip-kalemler{list-style:none;margin:0 0 18px;padding:0}
.takip-kalemler li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--zemin2);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.sss summary::after{transition:none}}

/* ---------- Menüye giriş: önce kategori kartları (telefonda /liste/, her ekranda QR /menu) ----------
   Betik <html>'e "kat-giris-acik" koyar: kartlar görünür, ürün listesi ve şerit gizlenir. Betik yoksa kartlar hiç görünmez. */
.kat-giris{display:none}
.kat-giris-baslik{font-size:22px;margin:22px 0 12px}
.kat-giris-baslik:focus{outline:none}
.kat-giris-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kat-giris .kat-kutu-adi{padding:11px 12px 13px;min-height:0}
@media (max-width:760px){
  /* Alt boşluk: kartlar görünürken boşluğu veren .menu-son gizli → kartlar alt bilgiye yapışmasın */
  html.kat-giris-acik .kat-giris:not([data-her-ekran]){display:block;padding-bottom:48px}
  html.kat-giris-acik .kat-sekme,html.kat-giris-acik .menu-son{display:none}
}
/* QR menüsü: her genişlikte */
html.kat-giris-acik .kat-giris[data-her-ekran]{display:block}
html.kat-giris-acik .qr-cip-satir,html.kat-giris-acik .qr-bolum{display:none}
.qr-cip-satir{display:flex;align-items:flex-start;gap:7px}
.qr-cip-satir .qr-cipler{flex:1 1 auto;min-width:0}

/* Sayfanın başına dön: aşağı inince sağ altta; sepet çubuğu açıksa onun üstünde (site.js) */
.yukari-don{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--murekkep);border:1px solid var(--kenar-hover);box-shadow:0 6px 18px rgba(28,26,24,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.yukari-don.gorunur{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}
.yukari-don:hover{border-color:var(--murekkep)}
.yukari-don:focus-visible{outline:3px solid var(--altin);outline-offset:2px}
@media (min-width:1001px){.yuzen{right:24px;bottom:24px}}
@media (prefers-reduced-motion:reduce){.yukari-don{transition:none}}
@media print{.yuzen{display:none}}

/* ---------- Videolar (anasayfa şeridi + /videolar/) ----------
   Bütün kartlar AYNI YÜKSEKLİKTE (--video-boy); genişlik yöne göre: yatay 16:9, dikey 9:16 → dikeyde tek hizada.
   Yatay kart ekrandan genişse ekran genişliğine sığar (yükseklik aynı kalır, kapak ortadan kırpılır). */
.video-serit,.video-izgara{--video-boy:clamp(280px,28vw,380px)}
.video-serit{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:2px;padding:2px 2px 10px;scrollbar-width:thin}
.video-serit:focus-visible{outline:3px solid var(--altin);outline-offset:4px;border-radius:12px}
.video-izgara{display:flex;flex-wrap:wrap;gap:24px 16px;padding:8px 0 64px;--video-boy:clamp(260px,24vw,340px)}
.video-kart{margin:0;flex:none;display:grid;gap:10px;align-content:start;scroll-snap-align:start}
.video-cerceve{position:relative;height:var(--video-boy);border-radius:16px;overflow:hidden;background:#1C1A18;box-shadow:0 6px 18px rgba(28,26,24,.12)}
.video-kart.yatay .video-cerceve{aspect-ratio:16/9;max-width:calc(100vw - 48px)}
.video-kart.dikey .video-cerceve{aspect-ratio:9/16}
.video-kart figcaption{width:0;min-width:100%;font-size:15px;font-weight:500;line-height:1.35;color:var(--murekkep)}   /* başlık kartı genişletmez, kart kadar yer kaplar */
.video-oynat{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff}
.video-oynat img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.video-oynat:hover img{transform:scale(1.03)}
.video-oynat:focus-visible{outline:3px solid var(--altin);outline-offset:-3px;border-radius:16px}
.video-kapak-yok{position:absolute;inset:0;background:linear-gradient(135deg,#3a332d,#1C1A18)}
.video-ikon{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(176,48,39,.94);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .2s ease}
.video-ikon svg{margin-left:3px}
.video-oynat:hover .video-ikon{transform:scale(1.08)}
.video-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-oklar{display:flex;gap:8px}
.video-ok{width:44px;height:44px;border-radius:50%;border:1px solid var(--kenar-hover);background:var(--kart);color:var(--murekkep);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.video-ok:hover:not(:disabled){border-color:var(--murekkep)}
.video-ok:disabled{opacity:.35;cursor:default}
.video-tumu{margin-top:18px}
.bos-not{color:var(--ikincil);padding:24px 0 64px}
@media (max-width:760px){.video-serit,.video-izgara{--video-boy:280px}.video-oklar{display:none}}
@media (prefers-reduced-motion:reduce){.video-oynat img,.video-ikon{transition:none}}
/* Video penceresi (14.10): fotoğraf penceresinin (isik-kutusu.css) üstüne kurulu; ortadaki karede oynatıcı, yanlarda soluk kapak */
.video-kutusu .vk-cerceve{position:relative;border-radius:10px;overflow:hidden;background:#000}
.video-kutusu .vk-cerceve.yatay{width:min(100%,calc(78vh * 16 / 9));aspect-ratio:16/9}
.video-kutusu .vk-cerceve.dikey{height:min(78vh,calc((100vw - 24px) * 16 / 9));aspect-ratio:9/16}
.video-kutusu .vk-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-kutusu [data-vk-yan]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff}
.video-kutusu [data-vk-yan] img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0;display:block;opacity:.5}
.video-kutusu .ik-kapat,.video-kutusu .ik-ok{z-index:2}   /* oynatıcı (konumlu) düğmelerin üstüne çıkmasın */
/* Telefonda oklar videonun ALTINDA, başlığın iki yanında: oynatıcının kenarını (YouTube düğmelerini) kapatmasın */
@media (max-width:700px){
  .video-kutusu{padding-bottom:84px}
  .video-kutusu .ik-ok{top:auto;bottom:18px;transform:none}
  .video-kutusu .vk-cerceve.dikey{height:min(70vh,calc((100vw - 24px) * 16 / 9))}
}
/* Video bölümü kapalıyken yöneticinin önizleme uyarısı */
.onizleme-serit{margin:0 0 16px;padding:10px 14px;border:1px dashed var(--uyari-kenar, #EBD6AC);border-radius:10px;background:var(--uyari-zemin, #FDF3E2);color:var(--uyari-metin, #7A5A16);font-size:14px;font-weight:600}

/* Sağ alttaki yüzen düğmeler: WhatsApp (altta) + başa dön (üstünde). Kutu, sepet çubuğu/en alt satır görününce kalkar (site.js). */
.yuzen{position:fixed;right:16px;bottom:16px;z-index:39;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}
.yuzen > *{pointer-events:auto}
.whatsapp-dugme{width:56px;height:56px;border-radius:50%;background:#1EA952;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(28,26,24,.22);text-decoration:none;transition:transform .15s ease,background .15s ease}
/* color:#fff şart: genel "a:hover → kırmızı" kuralı simgeyi yeşil zeminde kırmızıya çeviriyordu (06.10) */
.whatsapp-dugme:hover,.whatsapp-dugme:focus,.whatsapp-dugme:active{color:#fff}
.whatsapp-dugme:hover{background:#178A43;transform:scale(1.05)}
.whatsapp-dugme:focus-visible{outline:3px solid var(--altin);outline-offset:3px}
/* Alt bilgide sosyal medya simgeleri */
.alt-sosyal{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.alt .alt-sosyal a{width:44px;height:44px;min-height:44px;border-radius:50%;border:1px solid rgba(247,241,231,.22);display:grid;place-items:center;color:var(--koyu-acik);transition:background .15s ease,color .15s ease}
.alt .alt-sosyal a:hover{background:rgba(247,241,231,.1);color:#fff}
@media (prefers-reduced-motion:reduce){.whatsapp-dugme{transition:none}}

/* Kategori kartları ↔ ürünler yandan geçiş sırasında (site.js "kat-kayiyor", 0,26 sn) yatay kaydırma çubuğu çıkmasın.
   clip: kaydırma kabı oluşturmaz — yapışkan şeritler bozulmaz. */
html.kat-kayiyor body{overflow-x:clip}

/* Tek kategori görünümü (30.09, sahibinin isteği): telefonda Menü ve QR menüde yalnız seçili kategorinin ürünleri görünür,
   aşağı kaydırınca başka kategoriye geçilmez; kategori değiştirmek üstteki düğmelerle (telefonda yandan gelir, bilgisayarda
   yerinde değişir — 07.10'dan beri bilgisayarda Menü de tek kategori). site.js "kat-tek" / "kat-secili". */
html.kat-tek .menu-bolum:not(.kat-secili),html.kat-tek .qr-bolum:not(.kat-secili){display:none}
.kat-sonraki{display:none}
html.kat-tek .kat-sonraki{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;margin:22px 0 6px;padding:0 20px;border:1px solid var(--kenar-hover);border-radius:999px;background:var(--kart);color:var(--murekkep);font-size:15px;text-decoration:none}
html.kat-tek .kat-sonraki b{color:var(--kirmizi)}
html.kat-tek .kat-sonraki:hover{background:var(--zemin2)}

/* ---------- Müşteri değerlendirmeleri (05.10) ----------
   Yıldızlar süs (★ karakteri); değer aria-label'da. Renk tek başına anlam taşımaz: yanında sayı / yazı var. */
.yildizlar{color:#B7791F;font-size:17px;letter-spacing:1px;white-space:nowrap;line-height:1}
.yildiz-bos{color:#DDD3C5}
.urun-puan{display:inline-flex;align-items:center;gap:6px;margin:2px 0 6px;color:var(--murekkep);text-decoration:none;font-size:15px}
.urun-puan > span:last-child{color:var(--ikincil)}
.urun-puan:hover b{text-decoration:underline}
.yorumlar{padding:8px 0 48px;border-top:1px solid var(--kenar)}
.yorumlar-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:28px 0 14px}
.yorumlar-bas h2{margin:0;font-size:clamp(22px,2.6vw,28px)}
.yorumlar-ozet{margin:0;color:var(--ikincil);font-size:15px}
.yorumlar-ozet b{color:var(--murekkep);font-size:17px}
.yorum-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.yorum{background:var(--kart);border:1px solid var(--kenar);border-radius:14px;padding:14px 16px}
.yorum-ust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px}
.yorum-ust time{color:var(--ikincil);margin-left:auto}
.yorum-dogrulanmis{color:#2F5A26;background:#EEF6EC;border:1px solid #C7DFC1;border-radius:20px;padding:1px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.yorum-metin{margin:8px 0 0;line-height:1.55;overflow-wrap:anywhere}
.yorum-cevap{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--kirmizi);background:var(--krem);border-radius:0 10px 10px 0;font-size:15px}
.yorum-cevap p{margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}
.yorum-kurallar{margin-top:14px;font-size:14px;color:var(--ikincil);text-align:left}
.yorum-kurallar summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:600}
.yorum-kurallar ul{margin:6px 0;padding-left:20px}
.yorum-kurallar p{margin:6px 0;line-height:1.5}
/* Takip sayfasında değerlendirme formu */
.yorum-yaz{margin:22px 0 18px;padding-top:6px;border-top:1px solid var(--kenar);text-align:left}
.yorum-urun{padding:12px 0;border-bottom:1px solid var(--kenar)}
.yorum-urun-ad{display:block;margin-bottom:6px;font-size:16px}
.yorum-form{display:grid;gap:8px}
.yorum-form textarea{width:100%;min-height:64px;border:1px solid var(--kenar-hover);border-radius:10px;padding:10px 12px;font:16px/1.4 var(--sans);background:var(--krem);color:var(--murekkep);resize:vertical}
.yorum-form textarea:focus{outline:none;border-color:var(--murekkep);background-color:#fff;box-shadow:0 0 0 3px rgba(201,146,47,.25)}
.yorum-form .dugme{justify-self:start}
/* Yıldız seçimi: 5 radyo düğmesi sağdan sola dizilir (5…1) — seçilen ve SOLUNDAKİLER dolar (CSS ~ kardeş seçicisi), betik gerekmez */
.yildiz-sec{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;border:0;margin:0;padding:0;gap:2px;min-width:0}
.yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.yildiz-sec label{cursor:pointer;font-size:34px;line-height:1;color:#DDD3C5;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:8px}
.yildiz-sec input:checked ~ label,.yildiz-sec label:hover,.yildiz-sec label:hover ~ label{color:#B7791F}
.yildiz-sec input:focus-visible + label{outline:3px solid rgba(201,146,47,.5);outline-offset:1px}
.yorum-verilen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.yorum-verilen p{flex-basis:100%;margin:4px 0 0;color:var(--ikincil);overflow-wrap:anywhere}
.yorum-durum{font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;border:1px solid var(--kenar);background:var(--zemin2);color:var(--ikincil)}
.yorum-durum-yayinda{background:#EEF6EC;border-color:#C7DFC1;color:#2F5A26}
.yorum-durum-reddedildi{background:var(--kirmizi-acik);border-color:var(--kirmizi-kenar);color:var(--kirmizi-hover)}

/* ---------------------------------------------------------------
   Ürün içerik bilgisi (07.10, sahibinin tasarımı): porsiyon, beyan rozetleri, içindekiler, alerjenler, enerji.
   Ürün sayfası (urun.php) ve QR menüdeki ürün penceresi aynı sınıfları kullanır ("ub-").
   --------------------------------------------------------------- */
.urun-fiyat-satir{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px}
.urun-fiyat-satir .urun-fiyat{margin-top:0}
.qr-fiyat-satir{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:8px}
.ub-porsiyon{color:var(--ikincil);font-size:15px}
.ub-kdv{margin:4px 0 0;font-size:13px;color:var(--soluk)}
.ub-gorsel-not{margin:8px 2px 0;text-align:right;font-size:12px;color:var(--soluk)}
.ub-rozetler{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ub-rozet{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:14px;line-height:1.3;border:1px solid transparent}
.ub-rozet svg{flex:none}
.ub-iyi{background:#DCEFD5;color:#1F5A1A}
.ub-uyari{background:var(--kirmizi-acik);color:var(--kirmizi-hover);border-color:var(--kirmizi-kenar);font-weight:600}
.ub-yaprak{background:var(--koyu-acik);color:var(--ikincil);border-color:var(--kenar)}
.ub-bolum{margin-top:20px}
.ub-bolum h2,.ub-bolum h3{font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;margin:0 0 6px;color:var(--murekkep)}
.ub-icindekiler{margin:0;color:var(--ikincil);max-width:60ch}
.ub-icindekiler b{color:var(--murekkep);font-weight:700}
.ub-alerjenler{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ub-alerjenler li{padding:5px 12px;border-radius:999px;background:#F6D9A4;color:#5A3D06;font-size:14px;line-height:1.3}
.ub-alerjen-yok{margin:0;color:var(--ikincil)}
.ub-not{margin:8px 0 0;font-size:14px;color:var(--ikincil);max-width:60ch}
.ub-enerji{margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-width:520px}
.ub-enerji div{background:var(--koyu-acik);border-radius:12px;padding:10px 14px}
.ub-enerji dt{font-size:13px;color:var(--ikincil)}
.ub-enerji dd{margin:2px 0 0;font-size:18px;font-weight:700;color:var(--murekkep)}
.qr-sayfa .ub-gorsel-not{margin-top:6px}
.qr-sayfa .qr-aciklama{margin:12px 0 0}
.qr-sayfa .ub-enerji{max-width:none}