@import url("fonts.css");

/* Yaka — Kadın & Erkek Giyim | keskin köşeler, dikey moda kadrajı, zümrüt + kiremit */

:root{
  --fd:'Outfit', 'Segoe UI', system-ui, sans-serif;
  --fb:var(--font);
  --golge:0 1px 1px rgba(23,23,26,.03);
  --golge-yuk:0 18px 40px -28px rgba(23,23,26,.45);
  --hap:2px;
  --ic:clamp(18px, 4vw, 26px);
  --etiket:.72rem;
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--fb);font-size:16px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none !important}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fd);font-weight:600;line-height:1.12;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2rem,4.6vw,3.3rem)}
h2{font-size:clamp(1.5rem,3vw,2.25rem)}
h3{font-size:1.05rem;font-weight:600}
p{margin:0 0 1em}
svg{width:1.15em;height:1.15em;flex:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.kapsayici{width:min(1280px,100% - 2.4rem);margin-inline:auto}
.kapsayici.dar{width:min(760px,100% - 2.4rem)}
.atla{position:absolute;left:-9999px}
.atla:focus{left:1rem;top:1rem;z-index:99;background:var(--surface);padding:.6rem 1rem;box-shadow:var(--golge-yuk)}
.bolum{padding-block:clamp(2.6rem,6vw,4.6rem)}
main>.kapsayici{padding-block:1.6rem clamp(2.4rem,5vw,3.6rem)}

/* ---------- düğmeler ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.82rem 1.5rem;border-radius:var(--hap);border:1px solid transparent;
  font-family:var(--fd);font-weight:600;font-size:.94rem;letter-spacing:.01em;cursor:pointer;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.btn--ana{background:var(--brand);color:#fff}
.btn--ana:hover{background:color-mix(in srgb, var(--brand) 82%, #000)}
.btn--hat{background:transparent;border-color:color-mix(in srgb, var(--text) 30%, var(--bg));color:var(--text)}
.btn--hat:hover{border-color:var(--text);background:var(--text);color:var(--bg)}
.btn--sessiz{background:color-mix(in srgb, var(--line) 55%, var(--surface));color:var(--text)}
.btn--sessiz:hover{background:color-mix(in srgb, var(--line) 85%, var(--surface))}
.btn--wa{background:#1f7d51;color:#fff}
.btn--buyuk{padding:1rem 1.9rem;font-size:1rem}
.btn--tam{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}

/* ---------- üst bar ---------- */
.ust{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}
.serit-duyuru{background:var(--text);color:color-mix(in srgb, #fff 82%, var(--text));font-size:.78rem;letter-spacing:.02em}
.duyuru-ic{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:36px}
.duyuru-metin{display:inline-flex;align-items:center;gap:.45rem;font-weight:500}
.duyuru-metin svg{color:color-mix(in srgb, var(--accent) 70%, #fff)}
.duyuru-tel{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;white-space:nowrap}
.duyuru-tel:hover{color:#fff}

.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:74px}
.ust-sol{display:flex;align-items:center;gap:2.4rem;min-width:0}
.logo{display:inline-flex;align-items:center;flex:none}
.logo-metin{display:flex;flex-direction:column;line-height:1}
.logo-metin b{font-family:var(--fd);font-weight:700;font-size:1.62rem;letter-spacing:.14em;text-transform:uppercase}
.logo-metin i{font-style:normal;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:.28rem}

.ust-nav{display:flex;align-items:center;gap:1.5rem;font-size:.9rem;font-weight:600;letter-spacing:.02em}
.ust-nav a{padding-block:.35rem;border-bottom:1.5px solid transparent}
.ust-nav a:hover,.ust-nav a.aktif{border-color:var(--text)}
.ust-nav .nav-indirim{color:var(--accent)}
.ust-nav .nav-indirim:hover{border-color:var(--accent)}

.ust-aksiyon{display:flex;align-items:center;gap:.6rem;flex:none}
.ara-kutu{display:flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--hap);padding:.28rem .28rem .28rem .7rem;width:232px}
.ara-kutu>svg{color:var(--muted)}
.ara-kutu input{flex:1;min-width:0;border:0;background:none;padding:.38rem 0;font-size:.88rem}
.ara-kutu input:focus{outline:none}
.ara-kutu button{border:0;background:var(--text);color:var(--bg);width:32px;height:32px;border-radius:var(--hap);display:grid;place-items:center;cursor:pointer}
.ara-kutu button:hover{background:var(--brand)}

.sepet-buton{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--hap);font-weight:600;font-family:var(--fd)}
.sepet-buton:hover{border-color:var(--text)}
.sb-ikon{position:relative;display:grid;place-items:center}
.sb-ikon svg{width:1.3em;height:1.3em}
.sepet-sayi{position:absolute;top:-8px;right:-11px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--hap);background:var(--accent);color:#fff;font-size:.66rem;font-weight:700;display:grid;place-items:center}
.sb-metin{font-size:.88rem}
.mnu-tik,.mnu-btn{display:none}

.kat-serit{background:var(--surface);border-top:1px solid var(--line)}
.kat-ic{display:flex;align-items:center;gap:1rem;min-height:44px}
.kat-baglar{display:flex;gap:1.35rem;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.kat-baglar::-webkit-scrollbar{display:none}
.kat-baglar a{white-space:nowrap;font-size:.82rem;font-weight:500;color:var(--muted);padding-block:.2rem;border-bottom:1.5px solid transparent}
.kat-baglar a:hover,.kat-baglar a.aktif{color:var(--text);border-color:var(--brand)}
.kat-rehber{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--brand);flex:none;letter-spacing:.04em}

.mnu-panel{display:none;flex-direction:column;gap:.1rem;padding:.8rem 1.2rem 1.4rem;border-top:1px solid var(--line);max-height:78vh;overflow-y:auto}
.mnu-panel a{display:flex;align-items:center;gap:.6rem;padding:.7rem .2rem;border-bottom:1px solid var(--line);font-weight:600}
.mnu-panel a svg{color:var(--brand)}
.mnu-ikili{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem 0}
.mnu-ikili a{justify-content:center;border:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--fd);font-size:1.05rem;padding:.8rem}
.ara-mobil{width:100%;margin-block:.4rem}
.mnu-tik:checked~.mnu-panel,.ust:has(.mnu-tik:checked) .mnu-panel{display:flex}

/* ---------- vitrin (hero) ---------- */
.vitrin{background:var(--surface);border-bottom:1px solid var(--line)}
.vitrin-ic{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:stretch}
.vt-foto{position:relative;min-width:0;background:var(--line)}
.vt-foto img{width:100%;height:100%;min-height:420px;max-height:640px;object-fit:cover}
.vt-rozet{position:absolute;left:0;bottom:2rem;background:var(--accent);color:#fff;font-family:var(--fd);font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.1rem}
.vt-metin{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.2rem) clamp(1.4rem,4vw,3.6rem);min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--etiket);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin-bottom:1rem}
.eyebrow--acik{color:color-mix(in srgb, #fff 78%, var(--brand))}
.vt-metin h1{max-width:14ch}
.vt-alt{margin-top:1.1rem;font-size:1.03rem;color:var(--muted);max-width:46ch}
.vt-butonlar{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.vt-mini{display:flex;gap:2rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line);flex-wrap:wrap}
.vt-mini div{min-width:0}
.vt-mini b{display:block;font-family:var(--fd);font-size:1.5rem;font-weight:600;line-height:1}
.vt-mini i{font-style:normal;font-size:.78rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}

/* ---------- bölüm başlıkları ---------- */
.bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:1.8rem;flex-wrap:wrap}
.bolum-bas--orta{justify-content:center;text-align:center;flex-direction:column;align-items:center}
.etiket{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--etiket);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.etiket--vurgu{color:var(--accent)}
.bolum-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.88rem;letter-spacing:.04em;border-bottom:1.5px solid var(--brand);padding-bottom:.2rem;color:var(--brand)}
.bolum-link:hover{gap:.7rem}

/* ---------- lookbook / kombin ---------- */
.lookbook{background:var(--bg);padding-block:clamp(2.8rem,6vw,4.4rem)}
.lb-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.lb-izgara>*{min-width:0}
.kombin-kart{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line)}
.kk-gorsel{position:relative;display:block;overflow:hidden;background:var(--line)}
.kk-gorsel img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease}
.kombin-kart:hover .kk-gorsel img{transform:scale(1.035)}
.kk-parca{position:absolute;left:0;top:0;background:var(--text);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .75rem}
.kk-govde{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.2rem 1.25rem;flex:1}
.kk-sezon{font-size:var(--etiket);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}
.kk-govde h3{font-size:1.2rem}
.kk-govde p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.55}
.kk-alt{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.9rem}
.kk-fiyat{font-family:var(--fd);font-weight:600;font-size:1.1rem}
.kk-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:600;color:var(--brand)}

/* kombin detay */
.kombin-ust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.6rem,3.6vw,3rem);align-items:start;margin-bottom:2.4rem}
.kombin-ust>*{min-width:0}
.ku-foto{border:1px solid var(--line);background:var(--surface)}
.ku-foto img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ku-bilgi h1{margin:.4rem 0 .8rem}
.ku-bilgi>p{color:var(--muted)}
.ku-ozet{display:flex;gap:1.6rem;flex-wrap:wrap;margin:1.4rem 0;padding:1rem 0;border-block:1px solid var(--line)}
.ku-ozet div b{display:block;font-family:var(--fd);font-size:1.35rem;font-weight:600;line-height:1.1}
.ku-ozet div i{font-style:normal;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kombin-form{display:flex;flex-direction:column;gap:.9rem}
.kf-satir{display:grid;grid-template-columns:84px minmax(0,1fr);gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--line);padding:.8rem}
.kf-satir>*{min-width:0}
.kf-foto img{width:84px;height:110px;object-fit:cover}
.kf-bilgi{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.kf-ad{font-family:var(--fd);font-weight:600;font-size:1rem}
.kf-ad:hover{color:var(--brand)}
.kf-meta{font-size:.8rem;color:var(--muted)}
.kf-fiyat{font-family:var(--fd);font-weight:600}
.kf-bedenler{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}
.kf-beden{position:relative;cursor:pointer}
.kf-beden input{position:absolute;opacity:0;pointer-events:none}
.kf-beden span{display:inline-block;padding:.24rem .6rem;border:1px solid var(--line);font-size:.78rem;font-weight:600;min-width:36px;text-align:center}
.kf-beden:has(input:checked) span{background:var(--text);color:#fff;border-color:var(--text)}
.kf-beden.pasif span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.kf-tek{font-size:.78rem;color:var(--muted)}
.kombin-gonder{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--text);padding:1.1rem 1.2rem;margin-top:.4rem}
.kg-toplam b{font-family:var(--fd);font-size:1.5rem;font-weight:600;display:block;line-height:1.1}
.kg-toplam i{font-style:normal;font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}

/* ---------- kategori mozaiği ---------- */
.mozaik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:1rem}
.mozaik>*{min-width:0}
.mz-kart{position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.mz-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mz-kart:hover img{transform:scale(1.04)}
.mz-govde{position:relative;width:100%;padding:1.1rem 1.2rem;background:linear-gradient(180deg,rgba(20,20,22,0) 0%,rgba(20,20,22,.72) 62%,rgba(20,20,22,.86) 100%);color:#fff}
.mz-govde b{display:block;font-family:var(--fd);font-size:1.18rem;font-weight:600}
.mz-govde i{font-style:normal;font-size:.82rem;color:rgba(255,255,255,.78);line-height:1.45;display:block;margin-top:.15rem}
.mz-govde u{text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:.5rem}
.mz-buyuk{grid-column:span 2;grid-row:span 2}

/* ---------- güven çizgisi ---------- */
.guven-serit{background:var(--text);color:color-mix(in srgb,#fff 84%,var(--text))}
.guven-ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;padding-block:1.5rem}
.gs-oge{display:flex;gap:.75rem;align-items:flex-start;min-width:0}
.gs-oge>span{color:color-mix(in srgb,var(--accent) 65%,#fff);margin-top:.1rem}
.gs-oge>span svg{width:1.4em;height:1.4em}
.gs-oge b{display:block;font-family:var(--fd);font-size:.94rem;color:#fff;font-weight:600}
.gs-oge i{font-style:normal;font-size:.8rem;line-height:1.45;display:block;color:color-mix(in srgb,#fff 66%,var(--text))}

/* ---------- ürün kartı ---------- */
.urun-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.urun-izgara>*{min-width:0}
.urun-kart{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line)}
.urun-kart:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--line))}
.kart-gorsel{position:relative;display:block;overflow:hidden;background:var(--line)}
.kart-gorsel img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease}
.urun-kart:hover .kart-gorsel img{transform:scale(1.035)}
.kart-rozetler{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
.rozet{font-size:.7rem;font-weight:700;padding:.3rem .65rem;font-family:var(--fd);letter-spacing:.06em}
.rozet--indirim{background:var(--accent);color:#fff}
.rozet--one{background:var(--brand);color:#fff}
.rozet--tuk{background:var(--text);color:#fff}
.kart-hover-beden{position:absolute;left:0;right:0;bottom:0;padding:.5rem .6rem;background:color-mix(in srgb,var(--surface) 92%, transparent);border-top:1px solid var(--line);transform:translateY(102%);transition:transform .25s ease}
.urun-kart:hover .kart-hover-beden,.urun-kart:focus-within .kart-hover-beden{transform:translateY(0)}
.kart-beden{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem}
.kart-beden span{font-size:.72rem;font-weight:700;padding:.14rem .45rem;border:1px solid var(--line);font-family:var(--fd)}
.kb-daha{color:var(--muted);border-style:dashed !important}
.kart-govde{display:flex;flex-direction:column;gap:.26rem;padding:.9rem .95rem 1.05rem;flex:1}
.kart-kat{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.kart-baslik{font-size:1rem;font-weight:600;line-height:1.3;min-height:2.6em}
.kart-baslik a:hover{color:var(--brand)}
.kart-kumas{font-size:.79rem;color:var(--muted);min-height:1.4em}
.kart-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.fiyat{font-family:var(--fd);font-weight:600;font-size:1.24rem}
.eski-fiyat{text-decoration:line-through;color:var(--muted);font-size:.88rem}
.kart-kalip{margin-left:auto;font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:.1rem .4rem;white-space:nowrap}
.kart-ek{min-height:1.35em;font-size:.76rem;color:var(--muted);margin-top:auto;padding-top:.25rem}
.kart-ek i{font-style:normal;display:inline-flex;align-items:center;gap:.3rem}
.kart-govde .btn{margin-top:.7rem}
.kart-form{margin-top:.7rem}

/* ---------- zigzag anlatım ---------- */
.zz-satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3.4rem);align-items:center;padding-block:clamp(1.6rem,3vw,2.4rem)}
.zz-satir:nth-child(even) .zz-foto{order:2}
.zz-foto{border:1px solid var(--line);background:var(--surface)}
.zz-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.zz-metin h3{font-size:clamp(1.3rem,2.4vw,1.75rem);margin-bottom:.7rem}
.zz-metin p{color:var(--muted);margin-bottom:.9rem}
.zz-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.zz-liste li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}
.zz-liste svg{color:var(--brand);margin-top:.2rem}
.zz-no{font-family:var(--fd);font-size:.76rem;font-weight:700;letter-spacing:.24em;color:var(--accent);display:block;margin-bottom:.6rem}

/* ---------- ölçü tablosu ---------- */
.olcu-bolum{background:var(--surface);border-block:1px solid var(--line);padding-block:clamp(2.6rem,5vw,4rem)}
.olcu-duzen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.6rem,4vw,3rem);align-items:start}
.olcu-duzen>*{min-width:0}
.olcu-nasil{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.olcu-nasil li{display:flex;gap:.8rem;align-items:flex-start}
.olcu-nasil span{width:26px;height:26px;flex:none;display:grid;place-items:center;border:1px solid var(--text);font-family:var(--fd);font-weight:600;font-size:.8rem}
.olcu-nasil b{display:block;font-family:var(--fd);font-size:.95rem}
.olcu-nasil i{font-style:normal;font-size:.85rem;color:var(--muted)}
.tablo-giris{color:var(--muted);max-width:70ch;margin-top:-.4rem;margin-bottom:1.2rem}
.tablo-sar{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}
.olcu-tablo{width:100%;border-collapse:collapse;min-width:520px}
.olcu-tablo th,.olcu-tablo td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}
.olcu-tablo thead th{font-family:var(--fd);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--bg)}
.olcu-tablo tbody th{font-family:var(--fd);font-weight:600}
.olcu-tablo tr:last-child th,.olcu-tablo tr:last-child td{border-bottom:0}
.tablo-link{font-weight:600;color:var(--brand)}
.tablo-yok{color:var(--muted)}
.tablo-not{font-size:.84rem;color:var(--muted);margin-top:.8rem}

/* ---------- yorumlar ---------- */
.yorumlar{padding-block:clamp(2.6rem,5vw,4rem)}
.yorum-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.yorum-izgara>*{min-width:0}
.yorum-kart{background:var(--surface);border:1px solid var(--line);padding:1.4rem;display:flex;flex-direction:column;gap:.7rem}
.yk-yildiz{display:inline-flex;gap:.12rem;color:var(--accent)}
.yk-yildiz svg{width:.95rem;height:.95rem;fill:currentColor}
.yorum-kart p{margin:0;font-size:.95rem;line-height:1.65}
.yorum-kart footer{display:flex;align-items:baseline;gap:.5rem;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}
.yorum-kart b{font-family:var(--fd);font-weight:600}
.yorum-kart i{font-style:normal;font-size:.8rem;color:var(--muted)}

/* ---------- kapanış ---------- */
.kapanis{background:var(--brand);color:#fff;padding-block:clamp(2.4rem,4.5vw,3.6rem)}
.kapanis-ic{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}
.kapanis h2{color:#fff}
.kapanis p{margin:.5rem 0 0;color:rgba(255,255,255,.76);max-width:58ch}
.kapanis-btn{display:flex;gap:.7rem;flex-wrap:wrap}
.kapanis .btn--ana{background:#fff;color:var(--brand)}
.kapanis .btn--ana:hover{background:rgba(255,255,255,.86)}
.kapanis .btn--hat{border-color:rgba(255,255,255,.5);color:#fff}
.kapanis .btn--hat:hover{background:#fff;color:var(--brand);border-color:#fff}

/* ---------- katalog ---------- */
.ekmek{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.1rem}
.ekmek a:hover{color:var(--brand)}
.kat-baslik{margin-bottom:1.8rem}
.kat-baslik p{color:var(--muted);max-width:70ch;margin-top:.5rem}
.sayfa-h1{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem}
.katalog{display:grid;grid-template-columns:238px minmax(0,1fr);gap:2rem;align-items:start}
.katalog>*{min-width:0}
.katalog-yan{display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:140px}
.katalog-blok{border-top:1.5px solid var(--text);padding-top:.9rem}
.katalog-blok h3{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem;font-weight:700}
.filtre-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.05rem}
.filtre-liste a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.36rem 0;font-size:.9rem;font-weight:500;border-bottom:1px solid transparent}
.filtre-liste a span{font-size:.75rem;color:var(--muted);text-align:right}
.filtre-liste a:hover{color:var(--brand)}
.filtre-liste a.aktif{color:var(--brand);font-weight:700;border-color:var(--brand)}
.filtre-beden{display:flex;flex-wrap:wrap;gap:.35rem}
.filtre-beden a{padding:.3rem .62rem;border:1px solid var(--line);font-size:.78rem;font-weight:600;font-family:var(--fd);min-width:38px;text-align:center}
.filtre-beden a:hover{border-color:var(--text)}
.filtre-beden a.aktif{background:var(--text);border-color:var(--text);color:#fff}
.filtre-bos{font-size:.82rem;color:var(--muted);margin:0}
.katalog-ust{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}
.katalog-say{margin:0;color:var(--muted);font-size:.9rem}
.sirala{display:flex;align-items:center;gap:.5rem;font-size:.86rem}
.sirala select{border:1px solid var(--line);border-radius:var(--hap);padding:.42rem .8rem;background:var(--surface);font-weight:600}
.aktif-filtre{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.aktif-filtre a{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .7rem;background:var(--text);color:var(--bg);font-size:.78rem;font-weight:600}
.sayfalama{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:2.2rem}
.sayfalama a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);font-weight:600;font-family:var(--fd)}
.sayfalama a.aktif,.sayfalama a:hover{border-color:var(--text);background:var(--text);color:#fff}
.bos-durum{text-align:center;padding:3rem 1rem;color:var(--muted)}
.bos-durum svg{width:44px;height:44px;color:var(--line)}
.bos-durum p{margin:.8rem 0 1.2rem}
.bos-buyuk{padding-block:4.5rem}

/* ---------- ürün detay ---------- */
.urun-detay{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.6rem,3.5vw,3rem);align-items:start;margin-bottom:2.6rem}
.urun-galeri{position:sticky;top:140px}
.galeri-ana{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.galeri-ana img{width:100%;aspect-ratio:3/4;object-fit:cover}
.galeri-ana .rozet{position:absolute;top:0;left:0}
.galeri-kucuk{display:flex;gap:.55rem;margin-top:.6rem;flex-wrap:wrap}
.kucuk{padding:0;border:1px solid var(--line);background:none;overflow:hidden;cursor:pointer;width:72px;height:96px}
.kucuk img{width:100%;height:100%;object-fit:cover}
.kucuk.aktif{border-color:var(--text)}
.urun-bilgi>h1{margin:.5rem 0 .4rem;font-size:clamp(1.6rem,3vw,2.3rem)}
.urun-etiketler{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.urun-kat{color:var(--brand);font-weight:700}
.urun-cins{color:var(--muted);font-weight:600}
.urun-sku{margin-left:auto;color:var(--muted)}
.urun-ozet{color:var(--muted);font-size:1rem}
.urun-mini-rozet{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}
.mini-rozet{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;padding:.28rem .7rem;border:1px solid var(--line);color:var(--muted)}
.mini-rozet--vurgu{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.urun-fiyat-kutu{display:flex;align-items:baseline;flex-wrap:wrap;gap:.7rem;margin:.4rem 0 .6rem}
.fiyat-buyuk{font-family:var(--fd);font-weight:600;font-size:2rem}
.fiyat-kazanc{font-size:.8rem;font-weight:700;color:#fff;background:var(--accent);padding:.2rem .6rem}
.urun-stok{margin-bottom:1.1rem;font-size:.88rem;font-weight:600}
.stok-var{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand)}
.stok-yok{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent)}
.kalip-kutu{display:flex;gap:.8rem;background:var(--bg);border-left:2px solid var(--brand);padding:.85rem 1rem;margin-bottom:1.2rem}
.gk-ikon{color:var(--brand)}
.kalip-kutu strong{font-family:var(--fd);font-size:.92rem;display:block}
.kalip-kutu p{margin:.15rem 0 0;font-size:.85rem;color:var(--muted)}
.urun-sepet{background:var(--surface);border:1px solid var(--text);padding:1.2rem}
.beden-sec{border:0;margin:0 0 1.1rem;padding:0}
.beden-sec legend{font-family:var(--fd);font-weight:600;font-size:.96rem;padding:0;margin-bottom:.7rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}
.beden-sec legend span{font-weight:500;color:var(--muted);font-size:.8rem}
.beden-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.45rem}
.beden-kutu{position:relative;display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.55rem .3rem;border:1px solid var(--line);cursor:pointer;text-align:center;background:var(--surface)}
.beden-kutu input{position:absolute;opacity:0;pointer-events:none}
.beden-kutu span{font-family:var(--fd);font-weight:600;font-size:.98rem}
.beden-kutu em{font-style:normal;font-size:.68rem;color:var(--muted)}
.beden-kutu i{font-style:normal;font-size:.66rem;color:var(--accent);font-weight:700}
.beden-kutu:hover{border-color:var(--text)}
.beden-kutu:has(input:checked){border-color:var(--text);background:var(--text);color:#fff}
.beden-kutu:has(input:checked) em{color:rgba(255,255,255,.7)}
.beden-kutu.pasif{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.beden-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.8rem;font-size:.84rem;font-weight:600;color:var(--brand)}
.urun-sepet-alt{display:flex;gap:.7rem;flex-wrap:wrap}
.urun-sepet-alt .btn{flex:1;min-width:180px}
.adet-secici{display:inline-flex;align-items:center;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.adet-secici button{border:0;background:none;width:40px;height:46px;cursor:pointer;color:var(--muted)}
.adet-secici button:hover{color:var(--text)}
.adet-secici input{width:44px;text-align:center;border:0;background:none;font-weight:700}
.adet-secici input:focus{outline:none}
.urun-hediye{display:flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--muted);margin:.9rem 0 0}
.urun-hediye svg{color:var(--accent)}
.kunye-kutu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem;margin:1.6rem 0;padding-top:1.2rem;border-top:1.5px solid var(--text)}
.kunye-kutu>div{display:flex;gap:.6rem;padding:.55rem 0;align-items:flex-start;min-width:0;border-bottom:1px solid var(--line)}
.kk-ikon{color:var(--brand);margin-top:.15rem}
.kunye-kutu dt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kunye-kutu dd{margin:0;font-size:.89rem;font-weight:500;overflow-wrap:anywhere}
.urun-avantaj{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.urun-avantaj li{display:flex;gap:.55rem;align-items:flex-start;font-size:.87rem;color:var(--muted)}
.urun-avantaj svg{color:var(--brand);margin-top:.15rem}
.urun-alt-bilgi{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.4rem,3vw,2.4rem);margin-bottom:2.6rem}
.urun-alt-bilgi>*{min-width:0}
.urun-aciklama h2,.urun-tablo-kutu h2{font-size:1.28rem;margin-bottom:.9rem}
.aciklama-govde{background:var(--surface);border:1px solid var(--line);padding:1.3rem 1.4rem;font-size:.95rem;color:color-mix(in srgb, var(--text) 84%, var(--bg))}
.model-notu{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.model-notu svg{color:var(--brand);margin-top:.2rem}

/* ---------- sepet ---------- */
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.6rem;align-items:start}
.sepet-kalemler{display:flex;flex-direction:column;gap:.7rem}
.sepet-satir{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto;gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--line);padding:.85rem}
.sepet-satir>*{min-width:0}
.ss-gorsel img{width:88px;height:112px;object-fit:cover}
.ss-bilgi{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.ss-ad{font-family:var(--fd);font-weight:600}
.ss-ad:hover{color:var(--brand)}
.ss-beden{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--brand);font-weight:700;letter-spacing:.06em}
.ss-birim{font-size:.8rem;color:var(--muted)}
.ss-toplam{font-family:var(--fd);font-weight:600;font-size:1.05rem;white-space:nowrap}
.sepet-alt-aksiyon{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.5rem}
.link-geri{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--muted)}
.link-geri:hover{color:var(--brand)}
.sepet-ozet,.odeme-ozet{background:var(--surface);border:1px solid var(--text);padding:1.3rem;position:sticky;top:140px}
.sepet-ozet h2,.odeme-ozet h2{font-size:1.1rem;margin-bottom:1rem}
.kupon-form{display:flex;gap:.5rem;margin-bottom:1rem}
.kupon-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--hap);padding:.58rem .9rem;background:var(--bg)}
.ozet-satirlar{margin:0;display:flex;flex-direction:column;gap:.5rem}
.ozet-satirlar>div{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}
.ozet-satirlar dt{color:var(--muted)}
.ozet-satirlar dd{margin:0;font-weight:600}
.indirim-satir dd{color:var(--brand)}
.ucretsiz{color:var(--brand);font-weight:700}
.kargo-ipucu{font-size:.8rem;color:var(--muted);background:var(--bg);padding:.6rem .8rem;margin:.8rem 0 0;display:flex;gap:.4rem;align-items:flex-start}
.ozet-toplam{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:1.1rem 0;padding-top:.9rem;border-top:1.5px solid var(--text)}
.ozet-toplam strong{font-family:var(--fd);font-size:1.42rem;font-weight:600}
.ozet-guven{display:flex;gap:.4rem;align-items:flex-start;font-size:.78rem;color:var(--muted);margin:.8rem 0 0}

/* ---------- ödeme ---------- */
.odeme-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.6rem;align-items:start}
.odeme-sol{display:flex;flex-direction:column;gap:1rem}
.odeme-kart{background:var(--surface);border:1px solid var(--line);padding:1.4rem}
.odeme-kart h2{font-size:1.08rem;display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
.adim-no{width:26px;height:26px;display:grid;place-items:center;background:var(--text);color:#fff;font-size:.84rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.form-alan{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.form-alan label{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.04em}
.form-alan input,.form-alan textarea,.form-alan select{border:1px solid var(--line);border-radius:var(--hap);padding:.66rem .85rem;background:var(--bg);width:100%}
.form-alan textarea{resize:vertical}
.form-genis{grid-column:1 / -1}
.alan-ipucu{font-weight:500;color:var(--muted)}
.odeme-yontem-liste{display:flex;flex-direction:column;gap:.55rem}
.odeme-yontem{cursor:pointer}
.odeme-yontem input{position:absolute;opacity:0;pointer-events:none}
.oy-ic{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);padding:.8rem 1rem}
.oy-ikon{width:36px;height:36px;flex:none;display:grid;place-items:center;background:var(--bg);color:var(--brand)}
.oy-metin{display:flex;flex-direction:column;min-width:0}
.oy-metin strong{font-family:var(--fd);font-weight:600;font-size:.94rem}
.oy-metin small{font-size:.79rem;color:var(--muted)}
.oy-tik{margin-left:auto;color:var(--line)}
.odeme-yontem:has(input:checked) .oy-ic{border-color:var(--text)}
.odeme-yontem:has(input:checked) .oy-tik{color:var(--brand)}
.hediye-onay{cursor:pointer;display:block;margin-bottom:1rem}
.hediye-onay input{position:absolute;opacity:0;pointer-events:none}
.ho-ic{display:flex;align-items:center;gap:.8rem;border:1px dashed var(--line);padding:.85rem 1rem}
.ho-ikon{width:36px;height:36px;flex:none;display:grid;place-items:center;background:var(--bg);color:var(--accent)}
.ho-metin{display:flex;flex-direction:column;min-width:0}
.ho-metin strong{font-family:var(--fd);font-weight:600;font-size:.94rem;display:flex;gap:.4rem;align-items:center}
.ho-metin strong i{font-style:normal;font-size:.78rem;font-weight:700;color:var(--accent)}
.ho-bedava{color:var(--brand) !important}
.ho-metin small{font-size:.79rem;color:var(--muted)}
.hediye-onay:has(input:checked) .ho-ic{border-style:solid;border-color:var(--text)}
.sozlesme-onay{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;cursor:pointer}
.sozlesme-onay a{color:var(--brand);font-weight:600;text-decoration:underline}
.ozet-kalemler{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem;max-height:290px;overflow-y:auto}
.ozet-kalem{display:flex;align-items:center;gap:.65rem;font-size:.84rem}
.ozet-kalem img{width:46px;height:60px;object-fit:cover;flex:none}
.ok-ad{flex:1;min-width:0}
.ok-ad i{font-style:normal;color:var(--brand);font-weight:700}
.ok-fiyat{font-weight:600;white-space:nowrap}
.kapida-not dt,.kapida-not dd{color:var(--muted);font-size:.84rem !important}

/* ---------- teşekkür / içerik / iletişim ---------- */
.tesekkur{text-align:center;padding:2.6rem 0 1.6rem}
.tik-daire{width:60px;height:60px;display:inline-grid;place-items:center;border:1.5px solid var(--brand);color:var(--brand);margin-bottom:1rem}
.tik-daire svg{width:30px;height:30px}
.tesekkur-alt{color:var(--muted);margin-top:1.4rem;text-align:center}
.odeme-bilgi-kart,.siparis-ozet-kart,.hediye-onay-kart,.icerik-govde,.iletisim-form,.iletisim-bilgi{background:var(--surface);border:1px solid var(--line);padding:1.5rem;margin-bottom:1.2rem}
.odeme-bilgi-kart h2,.siparis-ozet-kart h2{font-size:1.12rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}
.banka-bilgi{margin:0;display:flex;flex-direction:column;gap:.5rem}
.banka-bilgi>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--line);padding-bottom:.5rem}
.banka-bilgi dt{color:var(--muted);font-size:.86rem}
.banka-bilgi dd{margin:0;font-weight:600}
.iban{letter-spacing:.04em;overflow-wrap:anywhere}
.hediye-onay-kart{display:flex;gap:1rem;align-items:flex-start;background:var(--bg)}
.hok-ikon{width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--accent)}
.hediye-onay-kart strong{font-family:var(--fd);font-weight:600;font-size:1rem}
.hediye-onay-kart p{margin:.2rem 0 0;font-size:.88rem;color:var(--muted)}
.hok-not{margin:.8rem 0 0;padding:.7rem 1rem;border-left:2px solid var(--accent);background:var(--surface);font-family:var(--fd);font-weight:500;font-size:.95rem}
.icerik-sayfa h1{margin-bottom:1.2rem}
.icerik-govde{font-size:1rem;line-height:1.85}
.iletisim-duzen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.4rem;align-items:start}
.iletisim-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}
.iletisim-liste li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}
.iletisim-liste svg{color:var(--brand);margin-top:.2rem}
.iletisim-form .form-alan{margin-bottom:.9rem}
.bal{position:absolute;left:-9999px}
.hata404{text-align:center;padding:4rem 0}
.hata-kod{font-family:var(--fd);font-size:5.5rem;font-weight:700;color:var(--line);line-height:1}
.hero-btn{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.4rem}
.paytr-sayfa{padding-block:2rem}
.paytr-sar{border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.paytr-no{font-weight:700}

/* ---------- uyarılar ---------- */
.uyari{padding:.8rem 1.1rem;font-size:.9rem;font-weight:600;margin-bottom:1.2rem;border:1px solid transparent;border-left-width:3px}
.uyari--ok{background:color-mix(in srgb, var(--brand) 8%, var(--surface));color:color-mix(in srgb, var(--brand) 85%, #000);border-color:var(--brand)}
.uyari--hata{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:color-mix(in srgb, var(--accent) 80%, #000);border-color:var(--accent)}
.uyari--bilgi{background:var(--bg);color:var(--text);border-color:var(--text)}

/* ---------- footer ---------- */
.dip-serit{background:var(--accent);color:#fff;font-size:.7rem;letter-spacing:.22em;text-align:center;padding:.75rem 0;font-weight:700;text-transform:uppercase}
.dip{background:var(--surface);border-top:1px solid var(--line);padding-top:2.8rem}
.dip-ic{display:grid;grid-template-columns:1.7fr repeat(3,1fr) 1.3fr;gap:1.6rem;padding-bottom:2.4rem}
.dip-ic>*{min-width:0}
.dip-marka p{font-size:.86rem;color:var(--muted);margin:1rem 0 1.1rem}
.dip-sutun h4{font-family:var(--fd);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;font-weight:700}
.dip-sutun ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.dip-sutun a{font-size:.87rem}
.dip-sutun a:hover{color:var(--brand)}
.dip-marka .btn--wa{color:#fff;font-size:.88rem}
.dip-iletisim p{display:flex;gap:.5rem;align-items:flex-start;font-size:.86rem;color:var(--muted);margin:0 0 .55rem;overflow-wrap:anywhere}
.dip-iletisim svg{color:var(--brand);margin-top:.15rem}
.dip-alt{border-top:1px solid var(--line);padding-block:1.1rem}
.dip-alt-ic{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.79rem;color:var(--muted)}
.dip-odeme{display:flex;gap:1.1rem;flex-wrap:wrap}
.dip-odeme i{display:inline-flex;align-items:center;gap:.3rem;font-style:normal}

/* ---------- duyarlı ---------- */
@media (max-width:1120px){
  .ust-sol{gap:1.4rem}
  .ust-nav{gap:1rem;font-size:.85rem}
  .ara-kutu{width:180px}
  .urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dip-ic{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  .ust-nav{display:none}
  .mnu-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);cursor:pointer}
  .ust-ic .ara-kutu{display:none}
  .ust-ic{min-height:64px}
  .sb-metin{display:none}
  .sepet-buton{padding:.5rem .7rem}
  .vitrin-ic,.urun-detay,.urun-alt-bilgi,.iletisim-duzen,.kombin-ust,.olcu-duzen{grid-template-columns:minmax(0,1fr)}
  .vt-foto img{min-height:340px;max-height:440px}
  .zz-satir{grid-template-columns:minmax(0,1fr)}
  .zz-satir:nth-child(even) .zz-foto{order:0}
  .katalog{grid-template-columns:minmax(0,1fr)}
  .katalog-yan{position:static;flex-direction:row;flex-wrap:wrap;gap:1rem}
  .katalog-blok{flex:1;min-width:210px}
  .urun-galeri,.sepet-ozet,.odeme-ozet{position:static}
  .sepet-duzen,.odeme-duzen{grid-template-columns:minmax(0,1fr)}
  .lb-izgara,.yorum-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guven-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mozaik{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mz-buyuk{grid-column:span 2;grid-row:span 1}
}
@media (max-width:720px){
  .urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dip-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .kunye-kutu{grid-template-columns:minmax(0,1fr)}
  .sepet-satir{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"g b" "a t"}
  .ss-gorsel{grid-area:g}
  .ss-gorsel img{width:72px;height:92px}
  .ss-bilgi{grid-area:b}
  .ss-adet{grid-area:a}
  .ss-toplam{grid-area:t;text-align:right}
  .duyuru-tel{display:none}
  .duyuru-ic{justify-content:center;text-align:center}
  .kat-rehber{display:none}
  .lb-izgara{grid-template-columns:minmax(0,1fr)}
  .kombin-gonder{flex-direction:column;align-items:stretch}
  .kombin-gonder .btn{width:100%}
}
@media (max-width:520px){
  .yorum-izgara,.guven-ic,.mozaik{grid-template-columns:minmax(0,1fr)}
  .mz-buyuk{grid-column:span 1}
  .logo-metin b{font-size:1.3rem;letter-spacing:.1em}
  .kapanis-ic,.sepet-alt-aksiyon{flex-direction:column;align-items:stretch}
  .kapanis-btn .btn{width:100%}
  .bolum-bas{flex-direction:column;align-items:flex-start}
  .vt-mini{gap:1.2rem}
  .kf-satir{grid-template-columns:64px minmax(0,1fr);gap:.7rem}
  .kf-foto img{width:64px;height:84px}
}
@media (max-width:400px){
  .urun-izgara{grid-template-columns:minmax(0,1fr)}
  .logo-metin i{display:none}
}

/* ---------- kaydırma çubuğu ---------- */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 35%, var(--line)) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 30%, var(--line));border:3px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--text)}