/* SF motoru — vitrin stili (SF-B, 11 Eki 2026). wo-tokenlar.css'ten SONRA yüklenir; renk/font/yarıçap kimliği
   sayfadaki <style id="kimlik"> bloğundan gelir (A katmanı token'ları burada yeniden yazılmaz).
   Yalnız açık tema. Sınıf adlarında reklam engelleyici tetikleyen sözcük yok (ad/ads/reklam/banner — 4 Eki tuzağı). */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(manrope-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(manrope-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(manrope-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{color-scheme:light;scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--zemin);color:var(--metin);font-family:var(--font-govde);-webkit-font-smoothing:antialiased}
.kap{width:100%;max-width:var(--kap);margin-inline:auto;padding-inline:var(--kenar-bosluk)}
[hidden]{display:none!important}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ik{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ik--sm{width:16px;height:16px}
.ust-baslik{font-size:var(--tip-sm);font-weight:700;letter-spacing:var(--aralik-etiket);text-transform:uppercase;color:var(--vurgu)}

/* önizleme şeridi (yalnız önizleme üretimi) */
.onizleme-serit{background:var(--uyari-dolgu);color:var(--metin);text-align:center;padding:var(--bosluk-2) var(--bosluk-4);font-size:var(--tip-sm);font-weight:700}

/* duyuru şeridi */
.serit-duyuru{background:var(--metin);color:var(--zemin);font-size:var(--tip-sm);font-weight:600;text-align:center;padding:var(--bosluk-2) var(--bosluk-4)}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:40;background:var(--zemin);border-bottom:1px solid var(--kenar)}
.ust-ic{display:flex;align-items:center;gap:var(--bosluk-4);min-height:64px}
.marka{display:inline-flex;align-items:center;min-height:var(--dokunma-min);font-weight:800;font-size:var(--tip-lg);letter-spacing:-.01em;color:var(--metin);text-decoration:none}
.marka img{height:32px;width:auto}
.ust-nav{display:none;gap:var(--bosluk-1);margin-left:auto}
.ust-nav a{display:inline-flex;align-items:center;min-height:var(--kontrol-nav);padding:0 var(--bosluk-3);color:var(--metin-ikincil);font-weight:600;text-decoration:none;border-radius:var(--yaricap-sm)}
.ust-nav a:hover{color:var(--metin);background:var(--yuzey-2)}
.ust-sag{display:flex;align-items:center;gap:var(--bosluk-2);margin-left:auto}
.ust-nav+.ust-sag{margin-left:0}
.sepet-sayi{min-width:20px;height:20px;padding:0 var(--bosluk-1);border-radius:var(--yaricap-tam);background:var(--vurgu);color:var(--vurgu-uzeri);font-size:var(--tip-xs);font-weight:700;display:grid;place-items:center}
.sepet-sayi[hidden]{display:none}
@media (min-width:960px){.ust-nav{display:flex}}

/* hero */
.kahraman{padding-block:var(--bosluk-8) var(--bolum-y)}
.kahraman-izgara{display:grid;gap:var(--bosluk-8);align-items:center}
.k-gorsel{order:-1}
.k-gorsel a{display:block;border-radius:var(--yaricap-xl);overflow:hidden;box-shadow:var(--golge-xl);background:var(--yuzey-2)}
.k-gorsel img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.kahraman h1{font-family:var(--font-baslik);font-size:var(--tip-4xl);line-height:var(--satir-baslik);letter-spacing:-.02em;max-width:16ch}
.k-alt{font-size:var(--tip-lg);color:var(--metin-ikincil);max-width:52ch;margin-top:var(--bosluk-4)}
.k-fiyat{margin-top:var(--bosluk-6);display:flex;align-items:baseline;gap:var(--bosluk-3);flex-wrap:wrap}
.k-fiyat strong{font-size:var(--tip-2xl);font-weight:800}
.k-fiyat span{color:var(--metin-ikincil);font-weight:600}
.k-eylem{margin-top:var(--bosluk-6);display:flex;gap:var(--bosluk-3);flex-wrap:wrap}
.rozetler{display:flex;flex-wrap:wrap;gap:var(--bosluk-2);margin-top:var(--bosluk-6);padding:0;list-style:none}
.rozetler li{display:inline-flex;align-items:center;gap:var(--bosluk-2);min-height:36px;padding:var(--bosluk-1) var(--bosluk-3);border:1px solid var(--kenar);border-radius:var(--yaricap-tam);background:var(--yuzey-1);font-size:var(--tip-sm);font-weight:600;color:var(--metin-ikincil)}
.rozetler .ik{color:var(--vurgu)}
@media (min-width:960px){.kahraman-izgara{grid-template-columns:1.05fr .95fr}.k-gorsel{order:0}.kahraman{padding-top:var(--bosluk-8)}.k-gorsel img{aspect-ratio:auto;height:min(620px,calc(100vh - 200px));min-height:420px}}

/* bölüm iskeleti */
.bolum{padding-block:var(--bolum-y)}
.bolum--ton{background:var(--yuzey-2)}
.bolum-bas{max-width:720px;margin-bottom:var(--bosluk-8)}
.bolum-bas h2{font-family:var(--font-baslik);font-size:var(--tip-3xl);line-height:var(--satir-baslik);letter-spacing:-.015em;margin-top:var(--bosluk-2)}
.bolum-bas p{color:var(--metin-ikincil);margin-top:var(--bosluk-3);font-size:var(--tip-lg)}

/* görsel akış + faydalar */
.akis-izgara{display:grid;gap:var(--bosluk-8);align-items:center}
.akis-gorsel{display:block;border-radius:var(--yaricap-lg);overflow:hidden;background:var(--yuzey-3)}
.akis-gorsel img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform var(--sure-orta) var(--kolay)}
@media (hover:hover){.akis-gorsel:hover img{transform:scale(1.02)}}
.fayda-liste{list-style:none;padding:0;display:grid;gap:var(--bosluk-4)}
.fayda-liste li{display:grid;grid-template-columns:40px 1fr;gap:var(--bosluk-3);align-items:start;padding:var(--bosluk-4);background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg)}
.fayda-ik{width:40px;height:40px;border-radius:var(--yaricap-tam);display:grid;place-items:center;background:var(--vurgu-yumusak);color:var(--vurgu)}
.fayda-liste p{font-weight:600;padding-top:var(--bosluk-2)}
.akis-genis{margin-top:var(--bosluk-8)}
.akis-serit{display:grid;gap:var(--izgara-bosluk);margin-top:var(--izgara-bosluk);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.akis-serit .akis-gorsel img{aspect-ratio:4/5}
.akis-genis .akis-gorsel img{aspect-ratio:16/9}
.akis-not{margin-top:var(--bosluk-3);color:var(--metin-silik);font-size:var(--tip-sm);display:flex;gap:var(--bosluk-2);align-items:center}
@media (min-width:960px){.akis-izgara{grid-template-columns:1fr 1fr}}

/* sipariş */
.siparis-izgara{display:grid;gap:var(--bosluk-8);align-items:start;grid-template-columns:minmax(0,1fr)}
.siparis-izgara>*,.kahraman-izgara>*,.akis-izgara>*,.alt-izgara>*{min-width:0}
@media (min-width:960px){.siparis-izgara{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.siparis-sag{position:sticky;top:88px}}
.kart{background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg);padding:var(--bosluk-4);box-shadow:var(--golge-sm)}
@media (min-width:640px){.kart{padding:var(--bosluk-6)}}
.kart h3{font-size:var(--tip-lg);font-weight:800;margin-bottom:var(--bosluk-4);display:flex;gap:var(--bosluk-2);align-items:center}
.adim{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--yaricap-tam);background:var(--metin);color:var(--zemin);font-size:var(--tip-sm);font-weight:800}
.paketler{display:grid;gap:var(--bosluk-3)}
.paket{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--bosluk-4);align-items:center;width:100%;min-height:72px;padding:var(--bosluk-4);text-align:left;background:var(--yuzey-1);border:2px solid var(--kenar);border-radius:var(--yaricap-lg);cursor:pointer;font:inherit;color:inherit}
.paket:hover{border-color:var(--vurgu-cizgi)}
.paket[aria-checked="true"]{border-color:var(--vurgu);background:var(--vurgu-yumusak)}
.paket:focus-visible{outline:var(--odak-kalinlik) solid var(--odak-renk);outline-offset:var(--odak-bosluk)}
.p-isaret{width:22px;height:22px;border-radius:var(--yaricap-tam);border:2px solid var(--kenar-guclu);display:grid;place-items:center;background:var(--yuzey-1)}
.paket[aria-checked="true"] .p-isaret{border-color:var(--vurgu);background:var(--vurgu)}
.paket[aria-checked="true"] .p-isaret::after{content:"";width:8px;height:8px;border-radius:var(--yaricap-tam);background:var(--vurgu-uzeri)}
.p-orta{display:grid;gap:var(--bosluk-1)}
.p-baslik{font-weight:800}
.p-meta{font-size:var(--tip-sm);color:var(--metin-ikincil)}
.p-sag{text-align:right;white-space:nowrap}
.p-fiyat{font-size:var(--tip-lg);font-weight:800}
.p-tasarruf{font-size:var(--tip-sm);font-weight:700;color:var(--vurgu)}
.p-etiket{position:absolute;top:-12px;right:var(--bosluk-4);padding:var(--bosluk-1) var(--bosluk-2);border-radius:var(--yaricap-tam);background:var(--enerji);color:var(--metin);font-size:var(--tip-xs);font-weight:800}
.yigin-izgara{display:grid;gap:var(--bosluk-5);grid-template-columns:minmax(0,1fr)}
.yigin-izgara--sik{gap:var(--bosluk-3);margin-top:var(--bosluk-4)}
.urun-ozet{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--bosluk-4);align-items:center}
.urun-ozet img{width:96px;height:96px;object-fit:cover;border-radius:var(--yaricap-lg)}
.urun-ozet .rozetler{margin-top:var(--bosluk-2)}
.adimlar{list-style:none;padding:0;display:grid;gap:var(--bosluk-4)}
.adimlar li{display:grid;grid-template-columns:40px 1fr;gap:var(--bosluk-3);align-items:start;padding:var(--bosluk-4);background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg)}
.adimlar p{padding-top:var(--bosluk-2);font-weight:600}
@media (min-width:960px){.adimlar{grid-template-columns:repeat(3,1fr)}}
.ekler{display:grid;gap:var(--bosluk-3)}
.ek{display:grid;grid-template-columns:auto 56px 1fr auto;gap:var(--bosluk-3);align-items:center;min-height:72px;padding:var(--bosluk-3);border:1px solid var(--kenar);border-radius:var(--yaricap-lg);cursor:pointer}
.ek input{width:22px;height:22px;accent-color:var(--vurgu)}
.ek img{width:56px;height:56px;border-radius:var(--yaricap-sm);object-fit:cover;background:var(--yuzey-2)}
.ek-isim{font-weight:700}
.ek-fiyat{font-weight:800}
.kucuk-not{font-size:var(--tip-sm);color:var(--metin-silik);margin-top:var(--bosluk-3)}
.yontemler{display:grid;gap:var(--bosluk-3)}
.yontem{display:grid;grid-template-columns:auto auto 1fr;gap:var(--bosluk-3);align-items:center;min-height:56px;padding:var(--bosluk-3) var(--bosluk-4);border:2px solid var(--kenar);border-radius:var(--yaricap-lg);cursor:pointer}
.yontem:has(input:checked){border-color:var(--vurgu);background:var(--vurgu-yumusak)}
.yontem input{width:20px;height:20px;accent-color:var(--vurgu)}
.yontem b{display:block}
.yontem small{display:block;color:var(--metin-ikincil);font-size:var(--tip-sm)}
.alanlar{display:grid;gap:var(--bosluk-4)}
.alan label{display:block;font-weight:700;font-size:var(--tip-sm);margin-bottom:var(--bosluk-1)}
.alan input,.alan select{width:100%;min-height:var(--kontrol-girdi);padding:0 var(--bosluk-3);border:1px solid var(--kenar-guclu);border-radius:var(--yaricap-sm);background:var(--yuzey-1);font:inherit;font-size:var(--tip-md);color:var(--metin)}
.alan input:focus-visible,.alan select:focus-visible{outline:var(--odak-kalinlik) solid var(--odak-renk);outline-offset:1px}
.alan[data-hata] input,.alan[data-hata] select{border-color:var(--hata)}
.alan-hata{display:none;color:var(--hata);font-size:var(--tip-sm);font-weight:600;margin-top:var(--bosluk-1)}
.alan[data-hata] .alan-hata{display:block}
.ozet{margin-top:var(--bosluk-6);padding-top:var(--bosluk-4);border-top:1px solid var(--kenar);display:grid;gap:var(--bosluk-2)}
.ozet-satir{display:flex;justify-content:space-between;gap:var(--bosluk-4)}
.ozet-satir span:first-child{color:var(--metin-ikincil)}
.ozet-toplam{font-size:var(--tip-lg);font-weight:800;padding-top:var(--bosluk-2);border-top:1px dashed var(--kenar)}
.ozet-not{font-size:var(--tip-sm);color:var(--metin-silik)}
.son-dugme{margin-top:var(--bosluk-6);width:100%;white-space:normal;height:auto;min-height:var(--kontrol-lg);padding-block:var(--bosluk-2);text-align:center;line-height:var(--satir-sik)}
.yasal-satir{margin-top:var(--bosluk-4);font-size:var(--tip-sm);color:var(--metin-ikincil)}
.yasal-satir a{color:var(--vurgu)}
.durum{margin-top:var(--bosluk-4);padding:var(--bosluk-4);border-radius:var(--yaricap-lg);font-weight:600}
.durum--hata{background:var(--hata-yumusak);color:var(--hata)}
.durum--tamam{background:var(--basari-yumusak);color:var(--metin)}
.durum[hidden]{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* SSS */
.sss{display:grid;gap:var(--bosluk-3);max-width:820px}
.sss details{background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:var(--bosluk-4);min-height:var(--dokunma-min);padding:var(--bosluk-3) var(--bosluk-4);font-weight:700;cursor:pointer;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary .ik{transition:transform var(--sure-hizli) var(--kolay)}
.sss details[open] summary .ik{transform:rotate(180deg)}
.sss details p{padding:0 var(--bosluk-4) var(--bosluk-4);color:var(--metin-ikincil)}

/* katalog / ürün */
.katalog{display:grid;gap:var(--izgara-bosluk);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media (min-width:960px){.katalog .urun-kart img{aspect-ratio:4/3}}
.urun-kart{display:flex;flex-direction:column;background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg);overflow:hidden;box-shadow:var(--golge-sm);transition:box-shadow var(--sure-orta) var(--kolay)}
@media (hover:hover){.urun-kart:hover{box-shadow:var(--golge-md)}}
.urun-kart>a:first-child{display:block;background:var(--yuzey-2)}
.urun-kart img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.urun-kart-govde{padding:var(--bosluk-4);display:grid;gap:var(--bosluk-2);flex:1}
.urun-isim{font-size:var(--tip-lg);font-weight:800;line-height:var(--satir-baslik)}
.urun-isim a{color:inherit;text-decoration:none}
.urun-den{color:var(--metin-ikincil);font-weight:600}
.urun-kart .dugme{margin-top:auto}
.galeri{display:grid;gap:var(--bosluk-3)}
.galeri-ana{display:block;border-radius:var(--yaricap-lg);overflow:hidden;background:var(--yuzey-2)}
.galeri-ana img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.galeri-kucuk{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bosluk-2)}
.galeri-kucuk button{padding:0;border:2px solid transparent;border-radius:var(--yaricap-lg);overflow:hidden;cursor:pointer;background:var(--yuzey-2);min-height:var(--dokunma-min)}
.galeri-kucuk button[aria-pressed="true"]{border-color:var(--vurgu)}
.galeri-kucuk img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.sepet-liste{list-style:none;padding:0;display:grid;gap:var(--bosluk-3)}
.sepet-kalem{display:grid;grid-template-columns:64px 1fr auto;gap:var(--bosluk-3);align-items:center;padding:var(--bosluk-3);border:1px solid var(--kenar);border-radius:var(--yaricap-lg)}
.sepet-kalem img{width:64px;height:64px;border-radius:var(--yaricap-sm);object-fit:cover}
.sepet-kalem b{display:block}
.sepet-kalem small{color:var(--metin-ikincil)}
.bos-durum{padding:var(--bosluk-8);text-align:center;border:1px dashed var(--kenar-guclu);border-radius:var(--yaricap-lg);color:var(--metin-ikincil);display:grid;gap:var(--bosluk-4);justify-items:center}
.bildirim{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:70;background:var(--metin);color:var(--zemin);padding:var(--bosluk-3) var(--bosluk-4);border-radius:var(--yaricap-lg);font-weight:700;box-shadow:var(--golge-lg)}
.bildirim[hidden]{display:none}

/* yasal sayfa */
.yasal{max-width:760px;padding-block:var(--bosluk-10)}
.yasal h1{font-size:var(--tip-3xl);line-height:var(--satir-baslik);margin-bottom:var(--bosluk-6)}
.yasal h2{font-size:var(--tip-xl);margin-top:var(--bosluk-8);margin-bottom:var(--bosluk-3)}
.yasal h3{font-size:var(--tip-lg);margin-top:var(--bosluk-6)}
.yasal p,.yasal li{line-height:var(--satir-genis);color:var(--metin-ikincil)}
.yasal p+p{margin-top:var(--bosluk-3)}
.yasal ul{padding-left:var(--bosluk-6);display:grid;gap:var(--bosluk-2);margin-top:var(--bosluk-3)}
.taslak-uyari{padding:var(--bosluk-3) var(--bosluk-4);border-radius:var(--yaricap-lg);background:var(--uyari-dolgu);color:var(--metin);font-weight:700;margin-bottom:var(--bosluk-6)}

/* alt bilgi */
.alt{background:var(--yuzey-2);border-top:1px solid var(--kenar);padding-block:var(--bosluk-10) var(--bosluk-12)}
.alt-izgara{display:grid;gap:var(--bosluk-8)}
.alt h2{font-size:var(--tip-md);font-weight:800;margin-bottom:var(--bosluk-3)}
.alt ul{list-style:none;padding:0;display:grid;gap:0}
.alt a,.alt button.baglanti{display:inline-flex;align-items:center;min-height:var(--dokunma-min);color:var(--metin-ikincil);text-decoration:none;font:inherit;background:none;border:0;padding:0;cursor:pointer}
.alt a:hover,.alt button.baglanti:hover{color:var(--metin);text-decoration:underline}
.alt-marka{font-size:var(--tip-xl);font-weight:800}
.alt-alt{margin-top:var(--bosluk-8);padding-top:var(--bosluk-4);border-top:1px solid var(--kenar);color:var(--metin-silik);font-size:var(--tip-sm)}
@media (min-width:768px){.alt-izgara{grid-template-columns:1.4fr 1fr 1fr}}

/* yapışkan sipariş çubuğu (mobil) */
.yapiskan{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--yuzey-1);border-top:1px solid var(--kenar);box-shadow:var(--golge-lg);padding:var(--bosluk-3) var(--kenar-bosluk);display:flex;align-items:center;gap:var(--bosluk-3);transform:translateY(110%);transition:transform var(--sure-orta) var(--kolay)}
.yapiskan.acik{transform:none}
.yapiskan-fiyat{display:grid;line-height:1.2}
.yapiskan-fiyat small{color:var(--metin-ikincil);font-size:var(--tip-sm)}
.yapiskan-fiyat b{font-size:var(--tip-lg)}
.yapiskan .dugme{margin-left:auto}
@media (min-width:960px){.yapiskan{display:none}}
body.yapiskanli{padding-bottom:80px}
@media (min-width:960px){body.yapiskanli{padding-bottom:0}}

/* çerez onay penceresi — eşit ağırlıkta Kabul / Ret (EDPB 03/2022), ön işaretli kutu yok */
.onay{position:fixed;left:var(--bosluk-3);right:var(--bosluk-3);bottom:var(--bosluk-3);z-index:80;max-width:560px;margin-inline:auto;background:var(--yuzey-1);border:1px solid var(--kenar);border-radius:var(--yaricap-lg);box-shadow:var(--golge-xl);padding:var(--bosluk-5)}
.onay[hidden]{display:none}
.onay h2{font-size:var(--tip-lg);font-weight:800}
.onay p{margin-top:var(--bosluk-2);color:var(--metin-ikincil);font-size:var(--tip-sm)}
.onay-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:var(--bosluk-2);margin-top:var(--bosluk-4)}
.onay-dugmeler .tam{grid-column:1/-1}
.onay-ayar{margin-top:var(--bosluk-4);display:grid;gap:var(--bosluk-2)}
.onay-ayar[hidden]{display:none}
.onay-ayar label{display:flex;gap:var(--bosluk-3);align-items:center;min-height:var(--dokunma-min);font-weight:600}
.onay-ayar input{width:20px;height:20px;accent-color:var(--vurgu)}
.onay-gpc{margin-top:var(--bosluk-2);font-size:var(--tip-sm);font-weight:600;color:var(--metin)}
.onay-gpc[hidden]{display:none}


/* ---- sipariş formu sadeleştirme (22 Eki 2026 — sahip geri bildirimi: «form çok dolu, kullanışsız»; reklam trafiği çoğunlukla telefondan).
   Önceki kurallara EK: bu blok silinirse eski görünüm döner. ---- */
/* ilk ekranda tek birincil eylem: üst çubuk düğmesi (tek ürün) ve hero ikincil düğmesi yalnız geniş ekranda */
@media (max-width:959.98px){.ust-cta,.k-ikincil{display:none}}
@media (max-width:639.98px){
  .kahraman{padding-block:var(--bosluk-4) var(--bosluk-8)}
  .kahraman-izgara{gap:var(--bosluk-5)}
  .k-gorsel img{aspect-ratio:3/2}
  .k-metin{display:flex;flex-direction:column}
  .k-metin>.k-alt{order:1;margin-top:var(--bosluk-4)}
  .k-metin>.rozetler{order:2}
  .k-fiyat,.k-eylem,.kahraman .rozetler{margin-top:var(--bosluk-4)}
  .k-eylem .dugme{width:100%}
  .bolum-bas{margin-bottom:var(--bosluk-5)}
  .bolum-bas p{font-size:var(--tip-md)}
}
/* sipariş özeti kartı: telefonda hiç yok (ürün hero'da; form hemen paketlerle başlar); tablette küçük görsel + ad */
@media (max-width:639.98px){.urun-ozet{display:none}}
@media (max-width:959.98px){
  .urun-ozet{grid-template-columns:64px minmax(0,1fr);gap:var(--bosluk-3)}
  .urun-ozet img{width:64px;height:64px}
  .urun-ozet .rozetler,.urun-ozet .ust-baslik{display:none}
}
/* paket kartları mobilde biraz sıkı (üç kart ekrana daha çok sığsın) */
@media (max-width:639.98px){
  .paket{gap:var(--bosluk-3);padding:var(--bosluk-3)}
  .ozet .ust-baslik{display:none}
  .ozet{gap:var(--bosluk-1)}
}
/* alanlar: 6 sütun — şehir + posta kodu yan yana (bitişik olduklarında), geri kalanı tam satır */
.alanlar{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--bosluk-3) var(--bosluk-4)}
.alanlar>*{grid-column:1/-1}
.alan[data-alan="city"]:has(+.alan[data-alan="postal"]){grid-column:span 4}
.alan[data-alan="city"]+.alan[data-alan="postal"]{grid-column:span 2}
.alan label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alan-ek summary{display:flex;align-items:center;justify-content:space-between;gap:var(--bosluk-3);min-height:var(--dokunma-min);padding:0 var(--bosluk-3);border:1px dashed var(--kenar-guclu);border-radius:var(--yaricap-sm);color:var(--vurgu);font-size:var(--tip-sm);font-weight:700;cursor:pointer;list-style:none}
.alan-ek summary::-webkit-details-marker{display:none}
.alan-ek summary:focus-visible{outline:var(--odak-kalinlik) solid var(--odak-renk);outline-offset:var(--odak-bosluk)}
.alan-ek summary .ik{transition:transform var(--sure-hizli) var(--kolay)}
.alan-ek[open] summary .ik{transform:rotate(45deg)}
.alanlar-ek{display:grid;gap:var(--bosluk-3);margin-top:var(--bosluk-3)}
/* ödeme yöntemi: tek satırlık seçici + seçili yöntemin açıklaması tek satır */
.odeme{margin-top:var(--bosluk-5)}
.odeme-etiket{font-size:var(--tip-sm);font-weight:700;margin-bottom:var(--bosluk-2)}
.yontemler--seg{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--bosluk-2)}
.yontemler--seg .yontem{grid-template-columns:auto minmax(0,1fr);gap:var(--bosluk-2);min-height:56px;padding:var(--bosluk-2) var(--bosluk-3);line-height:1.25}
.yontemler--seg .yontem .ik{display:none;color:var(--vurgu)}
.yontemler--seg .yontem b{font-size:var(--tip-sm)}
@media (min-width:480px){.yontemler--seg .yontem{grid-template-columns:auto auto minmax(0,1fr)}.yontemler--seg .yontem .ik{display:block}}
.yontem:has(input:focus-visible){outline:var(--odak-kalinlik) solid var(--odak-renk);outline-offset:var(--odak-bosluk)}
.yontem-not{display:none;margin-top:var(--bosluk-2);font-size:var(--tip-sm);color:var(--metin-ikincil)}
.odeme:has(input[value="cod"]:checked) .yontem-not[data-yontem="cod"],.odeme:has(input[value="card"]:checked) .yontem-not[data-yontem="card"]{display:block}
.ozet{margin-top:var(--bosluk-5)}
.son-dugme{margin-top:var(--bosluk-4)}
/* yapışkan sipariş çubuğu AÇIKKEN çerez bandının üstünde durur (sf.js --onay-h yazar); kapalıyken ekran dışında kalır (yazı tipi yüklenince bant boyu değişse de kayma yok) */
.yapiskan.acik{bottom:var(--onay-h,0px)}
/* çerez bandı: mobilde alta yapışık ince şerit (içerik ve seçenekler AYNI; Reddet/Kabul eşit ağırlık) */
@media (max-width:639.98px){
  .onay{left:0;right:0;bottom:0;max-width:none;margin:0;border-width:1px 0 0;border-radius:var(--yaricap-lg) var(--yaricap-lg) 0 0;box-shadow:var(--golge-lg);padding:var(--bosluk-3) var(--kenar-bosluk) calc(var(--bosluk-3) + env(safe-area-inset-bottom,0px))}
  .onay h2{display:inline;font-size:var(--tip-sm);margin-right:var(--bosluk-1)}
  .onay p{display:inline;font-size:var(--tip-sm);line-height:1.4}
  .onay-dugmeler{grid-template-columns:1fr 1fr auto;margin-top:var(--bosluk-3)}
  .onay-dugmeler .tam{grid-column:auto}
  .onay-dugmeler .dugme{--_px:var(--bosluk-2);white-space:normal;padding-block:var(--bosluk-1);line-height:1.2}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}