/* Desiber Sepeti — çok satıcılı pazaryeri
   Yapı: zemin rengiyle ayrılan bölümler, saç teli ayraçlar, kenardan kenara
   bento ızgara. Çerçeveli kart yok, köşe yuvarlatma yok, gölge yok. */

:root{
  --bg:#F4F3FF;
  --yzy:#FFFFFF;
  --mrk:#12102B;
  --sus:#5E5B7D;
  --vrg:#4230D8;
  --vrg2:#C6FF3D;
  --cizgi:#E2E0F5;
  --cizgiK:#2A2748;

  --govde:clamp(1rem,.95rem + .25vw,1.0625rem);
  --kucuk:.875rem;
  --minik:.75rem;

  --b1:.25rem; --b2:.5rem; --b3:.75rem; --b4:1rem; --b5:1.5rem;
  --b6:2rem;  --b7:3rem;  --b8:4rem;  --b9:6rem; --b10:8rem;

  --kenar:clamp(1.25rem,5vw,6rem);
  --en:1320px;
  --ustY:58px;
  --egri:cubic-bezier(.22,1,.36,1);
  --sure:.9s;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--mrk);
  font-family:'Inter',system-ui,sans-serif;
  font-size:var(--govde);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
figure,figcaption{margin:0}
h1,h2,h3{font-family:'Plus Jakarta Sans','Inter',sans-serif;margin:0;font-weight:700}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
s{color:var(--sus);text-decoration-thickness:1px}
button{font:inherit;color:inherit}

.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}
.gizli-metin{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.atla{position:fixed;top:-100px;left:var(--b4);z-index:90;background:var(--mrk);color:#fff;
  padding:var(--b3) var(--b5);font-size:var(--kucuk);font-weight:600;text-decoration:none;transition:top .2s}
.atla:focus{top:var(--b3)}

:focus-visible{outline:2px solid var(--vrg);outline-offset:3px}
.firsat :focus-visible,.bulten :focus-visible,.alt :focus-visible{outline-color:var(--vrg2)}

/* ---------- ortak tipografi ---------- */
.etiket{
  font-size:var(--minik);text-transform:uppercase;letter-spacing:.15em;
  font-weight:600;color:var(--sus);line-height:1.4;margin:0;
}
.etiket--lime{color:var(--vrg2)}

.bag{
  background:none;border:0;padding:0;cursor:pointer;
  font-size:var(--kucuk);font-weight:500;color:var(--mrk);
  text-decoration:none;position:relative;line-height:1.5;
}
.bag::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(1);transform-origin:left;
  transition:transform .3s var(--egri);
}
.bag:hover::after,.bag:focus-visible::after{transform:scaleX(0);transform-origin:right}
.bag.bag--lime{color:var(--vrg2);margin-top:var(--b5);display:inline-block}

.dugme{
  background:var(--vrg);color:#fff;border:0;border-radius:0;cursor:pointer;
  padding:0 var(--b6);height:52px;font-size:var(--kucuk);font-weight:600;
  letter-spacing:.02em;line-height:1;transition:background .25s var(--egri);
}
.dugme:hover{background:var(--mrk)}
.dugme--lime{background:var(--vrg2);color:var(--mrk)}
.dugme--lime:hover{background:#fff}

.bolum-bas{max-width:64ch;margin-bottom:var(--b8)}
.bolum-bas h2,.vitrin-bas h2,.firsat-yazi h2,.bulten h2{
  font-size:clamp(1.75rem,3vw,3rem);line-height:1.15;letter-spacing:-.015em;margin-bottom:var(--b4);
}
.bolum-bas p,.vitrin-alt{color:var(--sus);max-width:62ch}

/* ---------- kampanya şeridi ---------- */
.serit{background:var(--mrk);color:#fff;overflow:hidden;padding:var(--b3) 0}
.serit-ray{display:flex;width:max-content;animation:kay 44s linear infinite}
.serit-grup{display:flex;align-items:center;flex:none}
.serit-grup span{font-size:var(--minik);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.serit-grup i{display:block;width:5px;height:5px;background:var(--vrg2);margin:0 var(--b6);flex:none}
@keyframes kay{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.serit:hover .serit-ray{animation-play-state:paused}

/* ---------- üst bar ---------- */
.ust{position:sticky;top:0;z-index:60;background:rgba(244,243,255,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--cizgi)}
.ust-ic{max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar);height:var(--ustY);
  display:flex;align-items:center;gap:var(--b6)}
.marka{display:inline-flex;align-items:center;gap:var(--b3);text-decoration:none;color:var(--mrk);flex:none}
.marka-im{flex:none}
.marka-ad{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:-.01em}
.gez{display:flex;gap:var(--b6);margin-inline:auto}
.gez a{font-size:var(--kucuk);color:var(--sus);text-decoration:none;position:relative;padding:var(--b2) 0}
.gez a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--mrk);
  transform:scaleX(0);transform-origin:right;transition:transform .3s var(--egri)}
.gez a:hover{color:var(--mrk)}
.gez a:hover::after,.gez a:focus-visible::after{transform:scaleX(1);transform-origin:left}

.ust-sag{display:flex;align-items:center;gap:var(--b4);margin-left:auto}
.dil{display:flex;border:1px solid var(--cizgi);height:34px}
.dil-d{background:none;border:0;cursor:pointer;padding:0 var(--b3);font-size:var(--minik);
  font-weight:600;letter-spacing:.06em;color:var(--sus);transition:color .2s,background .2s}
.dil-d[aria-pressed="true"]{background:var(--mrk);color:#fff}
.sepet-d{background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:var(--b2);
  font-size:var(--kucuk);font-weight:500;padding:var(--b2) 0;position:relative}
.sepet-sayi{min-width:22px;height:22px;background:var(--vrg);color:#fff;font-size:var(--minik);
  font-weight:700;display:grid;place-items:center;padding:0 5px;font-variant-numeric:tabular-nums;
  transition:transform .35s var(--egri)}
.sepet-d.carp .sepet-sayi{transform:scale(1.35)}
.menu-d{display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;position:relative}
.menu-cizgi,.menu-cizgi::before,.menu-cizgi::after{position:absolute;left:11px;width:22px;height:1.5px;background:var(--mrk)}
.menu-cizgi{top:21px;transition:background .2s}
.menu-cizgi::before{content:"";left:0;top:-7px;transition:transform .3s var(--egri)}
.menu-cizgi::after{content:"";left:0;top:7px;transition:transform .3s var(--egri)}
.menu-d[aria-expanded="true"] .menu-cizgi{background:transparent}
.menu-d[aria-expanded="true"] .menu-cizgi::before{transform:translateY(7px) rotate(45deg)}
.menu-d[aria-expanded="true"] .menu-cizgi::after{transform:translateY(-7px) rotate(-45deg)}

.gez-mobil{border-top:1px solid var(--cizgi);background:var(--bg);padding:var(--b4) var(--kenar) var(--b6)}
.gez-mobil[hidden]{display:none}
.gez-mobil nav{display:flex;flex-direction:column}
.gez-mobil a{padding:var(--b4) 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--mrk);
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:1.125rem}

/* ---------- sepet paneli ---------- */
.sepet-panel{position:fixed;top:var(--ustY);right:0;z-index:70;width:min(380px,100vw);
  background:var(--yzy);border-left:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  padding:var(--b5) var(--b5) var(--b6);max-height:calc(100svh - var(--ustY));overflow:auto}
.sepet-panel[hidden]{display:none}
.sepet-ust{display:flex;justify-content:space-between;align-items:baseline;gap:var(--b4);
  padding-bottom:var(--b4);border-bottom:1px solid var(--cizgi)}
.sepet-ust h2{font-size:1.0625rem}
.sepet-liste li{display:flex;justify-content:space-between;gap:var(--b4);align-items:baseline;
  padding:var(--b4) 0;border-bottom:1px solid var(--cizgi);font-size:var(--kucuk)}
.sepet-ad{font-weight:600}
.sepet-alt-bilgi{color:var(--sus);font-size:var(--minik);display:block}
.sepet-fiyat{font-variant-numeric:tabular-nums;white-space:nowrap}
.sepet-bos{color:var(--sus);font-size:var(--kucuk);padding:var(--b5) 0}
.sepet-toplam{display:flex;justify-content:space-between;padding:var(--b4) 0;font-weight:600;
  font-variant-numeric:tabular-nums}
.sepet-not{font-size:var(--minik);color:var(--sus);margin-bottom:var(--b4)}

/* ---------- kahraman ---------- */
.giris{padding-top:clamp(var(--b7),6vw,var(--b9));padding-bottom:0;background:var(--bg)}
.giris-ic{display:grid;grid-template-columns:5fr 7fr;gap:var(--b8);align-items:center;
  padding-bottom:clamp(var(--b8),9vw,var(--b10))}
.giris-baslik{font-size:clamp(2.125rem,3.3vw,3.25rem);line-height:1.08;letter-spacing:-.03em;
  margin:var(--b5) 0 var(--b5)}
.satir>span{white-space:nowrap}
.satir{display:block;overflow:hidden}
.satir>span{display:block;padding-bottom:.16em;margin-bottom:-.16em}
.giris-lede{color:var(--sus);max-width:52ch;margin-bottom:var(--b7)}

.ara{display:flex;border-bottom:1.5px solid var(--mrk);transition:border-color .3s}
.ara:focus-within{border-color:var(--vrg)}
.ara input{flex:1;min-width:0;border:0;background:none;font:inherit;color:var(--mrk);
  padding:var(--b3) 0;height:52px;-webkit-appearance:none;appearance:none}
.ara input::placeholder{color:var(--sus)}
.ara input:focus{outline:none}
.ara-populer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4);margin-top:var(--b4)}
.oneri{color:var(--sus)}
.oneri:hover{color:var(--vrg)}

.giris-sag{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--b4);align-items:start}
.giris-kolon{display:flex;flex-direction:column;gap:var(--b4);will-change:transform}
.giris-kolon--uzun{padding-top:var(--b8)}
.cerceve{position:relative;overflow:hidden}
.cerceve img{width:100%;height:auto;transform:scale(1.06);transition:transform 1.4s var(--egri)}
.acik .cerceve img{transform:scale(1)}
.rozet{position:absolute;left:0;bottom:0;background:var(--mrk);color:#fff;
  padding:var(--b3) var(--b5) var(--b4);display:flex;flex-direction:column;gap:2px}
.rozet-ad{font-size:var(--minik);color:#B9B5D8;letter-spacing:.02em}
.rozet-fiyat{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.125rem;
  font-variant-numeric:tabular-nums;line-height:1.2}
.rozet-ind{font-size:var(--minik);color:var(--vrg2);font-weight:600}

.ist{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi);
  padding-bottom:clamp(var(--b8),9vw,var(--b10))}
.ist-o{padding:var(--b6) var(--b5) 0 0;border-right:1px solid var(--cizgi)}
.ist-o:last-child{border-right:0}
.ist dt{font-size:var(--minik);text-transform:uppercase;letter-spacing:.14em;color:var(--sus);
  font-weight:600;order:2;margin-top:var(--b2)}
.ist dd{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;
  line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:1}
.ist-o{display:flex;flex-direction:column}

/* ---------- vitrin ---------- */
.vitrin{background:var(--yzy);padding-top:clamp(var(--b8),9vw,var(--b10))}
.vitrin-bas{margin-bottom:var(--b7)}
.ray{position:sticky;top:var(--ustY);z-index:40;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.ray-ic{display:flex;align-items:center;gap:var(--b5);min-height:56px;
  overflow-x:auto;scrollbar-width:none}
.ray-ic::-webkit-scrollbar{display:none}
.ray-sek{display:flex;gap:var(--b5);flex:none}
.ray-sek button{background:none;border:0;cursor:pointer;padding:var(--b4) 0;font-size:var(--kucuk);
  font-weight:500;color:var(--sus);white-space:nowrap;position:relative;transition:color .25s}
.ray-sek button::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1.5px;
  background:var(--mrk);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--egri)}
.ray-sek button:hover{color:var(--mrk)}
.ray-sek button[aria-selected="true"]{color:var(--mrk);font-weight:600}
.ray-sek button[aria-selected="true"]::after,.ray-sek button:hover::after{transform:scaleX(1)}
.ray-durum{margin-left:auto;font-size:var(--minik);color:var(--sus);white-space:nowrap;
  letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding-left:var(--b5)}

.izgara{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--b2);
  row-gap:var(--b8);background:var(--yzy);grid-auto-flow:row dense;
  padding-bottom:clamp(var(--b8),9vw,var(--b10));margin-top:0}
.izgara[hidden]{display:none}
.hucre{grid-column:span var(--span);background:var(--yzy);display:flex;flex-direction:column;
  transition:transform .45s var(--egri),opacity .45s var(--egri)}
.hucre-g{overflow:hidden;margin-top:calc(var(--kay) * var(--b6));perspective:900px}
.hucre-g img{width:100%;height:auto;transition:transform .6s var(--egri)}
.hucre:hover .hucre-g img{transform:scale(1.035)}
.hucre-y{padding:var(--b4) var(--b5) 0;margin:0 var(--b2);border-top:1px solid var(--cizgi);padding-top:var(--b4)}
.hucre-y h3{font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em;font-weight:600}
.hucre-sat{font-size:var(--minik);color:var(--sus);margin-top:2px}
.hucre-f{margin-top:var(--b3);font-variant-numeric:tabular-nums;font-size:var(--kucuk);
  display:flex;gap:var(--b3);align-items:baseline}
.hucre-f strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem}
.hucre-e{display:flex;gap:var(--b5);margin-top:var(--b4);flex-wrap:wrap}
.ekle{color:var(--vrg)}
.detay{color:var(--sus)}
.hucre-d{margin-top:var(--b4);border-top:1px solid var(--cizgi);padding-top:var(--b3)}
.hucre-d[hidden]{display:none}
.hucre-d>div{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--b3);padding:var(--b2) 0;
  font-size:var(--minik);border-bottom:1px solid var(--cizgi)}
.hucre-d>div:last-child{border-bottom:0}
.hucre-d dt{color:var(--sus)}
.hucre-d dd{font-variant-numeric:tabular-nums}
.hucre[hidden]{display:none}

.izgara-bos{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b3);
  padding:var(--b9) var(--kenar);max-width:var(--en);margin-inline:auto}
.izgara-bos[hidden]{display:none}
.izgara-bos-b{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.015em}
.izgara-bos-a{color:var(--sus);font-size:var(--kucuk)}

/* ---------- günün fırsatı (koyu, kaydırmaya bağlı sahne) ---------- */
.firsat{background:var(--mrk);color:#fff}
.firsat-sahne{height:230svh}
.firsat-yapiskan{position:sticky;top:var(--ustY);height:calc(100svh - var(--ustY));display:flex;align-items:center;overflow:hidden}
.firsat-ic{display:grid;grid-template-columns:5fr 6fr;gap:var(--b9);align-items:center;width:100%}
.firsat-gorsel{overflow:hidden}
.firsat-cerceve{overflow:hidden;max-height:calc(100svh - var(--b10));display:flex}
.firsat-cerceve img{width:100%;height:auto;object-fit:cover;will-change:transform;
  transform:translate3d(0,var(--kaydirma,0),0) scale(var(--olcek,1.04))}
.firsat-yazi h2{margin:var(--b4) 0 var(--b5)}
.firsat-aciklama{color:#B9B5D8;max-width:52ch}
.firsat-fiyat{display:flex;align-items:baseline;gap:var(--b4);margin-top:var(--b6);
  font-variant-numeric:tabular-nums}
.firsat-fiyat strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.75rem,3vw,2.5rem);
  font-weight:700;letter-spacing:-.02em}
.firsat-fiyat s{color:#8C87B0}
.pay{color:var(--vrg2);font-size:var(--kucuk);font-weight:600}

.geri{margin-top:var(--b6);border-top:1px solid var(--cizgiK);padding-top:var(--b4)}
.geri .etiket{color:#8C87B0}
.geri-sayi{display:flex;gap:var(--b6);margin-top:var(--b3)}
.geri-sayi span{display:flex;align-items:baseline;gap:var(--b2)}
.geri-sayi b{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.75rem,3.4vw,2.75rem);
  font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}
.geri-sayi i{font-style:normal;font-size:var(--minik);color:#8C87B0;text-transform:uppercase;letter-spacing:.12em}

.stok{margin-top:var(--b6)}
.stok-ray{height:2px;background:var(--cizgiK);position:relative;overflow:hidden}
.stok-dolu{position:absolute;inset:0;background:var(--vrg2);transform:scaleX(var(--ilerleme,0));
  transform-origin:left;transition:transform 1.2s var(--egri)}
.stok-metin{font-size:var(--minik);color:#8C87B0;margin-top:var(--b3);letter-spacing:.04em}

/* ---------- satıcılar ---------- */
.satici{background:var(--bg);padding-block:clamp(var(--b8),9vw,var(--b10))}
.sat-liste{border-top:1px solid var(--cizgi)}
.sat-o{display:grid;grid-template-columns:auto 4fr 5fr auto;gap:var(--b6);align-items:start;
  padding:var(--b7) 0;border-bottom:1px solid var(--cizgi)}
.sat-no{font-size:var(--minik);color:var(--sus);font-variant-numeric:tabular-nums;letter-spacing:.1em;padding-top:6px}
.sat-govde h3{font-size:clamp(1.25rem,2vw,1.625rem);letter-spacing:-.015em;line-height:1.2}
.sat-govde p{color:var(--sus);font-size:var(--kucuk);margin-top:var(--b3);max-width:46ch}
.sat-veri{display:grid;grid-template-columns:1fr 1fr;gap:var(--b2) var(--b6)}
.sat-veri>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--b3);padding:var(--b2) 0;
  border-bottom:1px solid var(--cizgi);font-size:var(--kucuk)}
.sat-veri dt{color:var(--sus);font-size:var(--minik);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.sat-veri dd{font-variant-numeric:tabular-nums}
.sat-git{color:var(--vrg);white-space:nowrap;padding-top:6px}

/* ---------- güvence ---------- */
.guvence{background:var(--yzy);padding-block:clamp(var(--b8),9vw,var(--b10))}
.guv-liste{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi)}
.guv-liste li{padding:var(--b6) var(--b5) 0 0;border-right:1px solid var(--cizgi)}
.guv-liste li:last-child{border-right:0}
.guv-liste h3{font-size:1.0625rem;letter-spacing:-.01em}
.guv-liste p{color:var(--sus);font-size:var(--kucuk);margin-top:var(--b3);line-height:1.65}

/* ---------- bülten ---------- */
.bulten{background:var(--mrk);color:#fff;padding-block:clamp(var(--b8),9vw,var(--b10))}
.bulten-ic{display:grid;grid-template-columns:5fr 6fr;gap:var(--b9);align-items:end}
.bulten p{color:#B9B5D8;max-width:48ch}
.bul-form label{font-size:var(--minik);text-transform:uppercase;letter-spacing:.14em;
  font-weight:600;color:#8C87B0;display:block;margin-bottom:var(--b3)}
.bul-satir{display:flex;border-bottom:1.5px solid #46426B;transition:border-color .3s}
.bul-satir:focus-within{border-color:var(--vrg2)}
.bul-satir input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;height:52px}
.bul-satir input::placeholder{color:#8C87B0}
.bul-satir input:focus{outline:none}
.bul-durum{font-size:var(--kucuk);margin-top:var(--b3);min-height:1.4em}
.bul-durum.hata{color:#FFB4A2}
.bul-durum.tamam{color:var(--vrg2)}
.bul-kvkk{font-size:var(--minik);color:#9C97BE;margin-top:var(--b3)}

/* ---------- alt ---------- */
.alt{background:var(--mrk);color:#fff;border-top:1px solid var(--cizgiK);
  padding-block:var(--b8) var(--b6)}
.alt-ust{display:flex;align-items:baseline;gap:var(--b5);flex-wrap:wrap;
  padding-bottom:var(--b7);border-bottom:1px solid var(--cizgiK)}
.marka--alt{color:#fff}
.alt-slogan{color:#8C87B0;font-size:var(--kucuk)}
.alt-izgara{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:var(--b7);padding-block:var(--b7)}
.alt-b{font-size:var(--minik);text-transform:uppercase;letter-spacing:.14em;color:#8C87B0;
  font-weight:600;margin-bottom:var(--b4)}
.alt-izgara a{color:#D9D6EC;text-decoration:none;font-size:var(--kucuk);line-height:2.1;
  position:relative}
.alt-izgara a::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--egri)}
.alt-izgara a:hover::after,.alt-izgara a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.alt-adres{font-style:normal;display:flex;flex-direction:column;gap:var(--b2);
  font-size:var(--kucuk);color:#D9D6EC;line-height:1.6}
.alt-son{display:flex;justify-content:space-between;gap:var(--b5);flex-wrap:wrap;
  border-top:1px solid var(--cizgiK);padding-top:var(--b5);font-size:var(--minik);color:#9C97BE}

/* ---------- uçan ürün (sepete ekleme) ---------- */
.ucus{position:fixed;z-index:80;pointer-events:none;object-fit:cover;
  transition:transform .75s cubic-bezier(.5,0,.75,.3),opacity .75s ease-in}

/* ---------- giriş sahnelemesi ---------- */
.giz{opacity:0;transform:translateY(16px);
  transition:opacity var(--sure) var(--egri),transform var(--sure) var(--egri)}
.satir>.giz{opacity:1;transform:translateY(105%)}
.acik .giz,.gorunur .giz,.giz.gorunur{opacity:1;transform:none}
[data-giz="1"]{transition-delay:.05s}
[data-giz="2"]{transition-delay:.12s}
[data-giz="3"]{transition-delay:.2s}
[data-giz="4"]{transition-delay:.28s}
[data-giz="5"]{transition-delay:.36s}
[data-giz="6"]{transition-delay:.44s}
html:not(.js) .giz{opacity:1;transform:none}

.hucre.gir{opacity:0;transform:translateY(24px)}
.hucre.gir.gorunur{opacity:1;transform:none}

/* ---------- duyarlılık ---------- */
@media (max-width:1100px){
  .giris-ic{grid-template-columns:1fr;gap:var(--b8)}
  .giris-kolon--uzun{padding-top:0}
  .giris-baslik{max-width:none}
  .firsat-ic{grid-template-columns:1fr 1fr;gap:var(--b6)}
  .bulten-ic{grid-template-columns:1fr;gap:var(--b7);align-items:start}
}
@media (max-width:1000px){
  .gez{display:none}
  .menu-d{display:block}
  .sat-o{grid-template-columns:auto 1fr;gap:var(--b4) var(--b5)}
  .sat-veri{grid-column:2;margin-top:var(--b4)}
  .sat-git{grid-column:2;justify-self:start}
}
@media (max-width:900px){
  .hucre{grid-column:span 6}
  .hucre-g{margin-top:0}
  .ist{grid-template-columns:1fr 1fr}
  .ist-o{padding-bottom:var(--b6);border-bottom:1px solid var(--cizgi)}
  .ist-o:nth-child(2n){border-right:0}
  .ist-o:nth-child(n+3){border-bottom:0}
  .guv-liste{grid-template-columns:1fr 1fr}
  .guv-liste li{padding-bottom:var(--b6);border-bottom:1px solid var(--cizgi)}
  .guv-liste li:nth-child(2n){border-right:0}
  .guv-liste li:nth-child(n+3){border-bottom:0}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .firsat-sahne{height:auto}
  .firsat-yapiskan{position:static;height:auto;padding-block:clamp(var(--b8),9vw,var(--b10))}
  .firsat-ic{grid-template-columns:1fr;gap:var(--b7)}
  .firsat-cerceve{max-height:none;max-width:420px}
  .firsat-cerceve img{transform:none}
}
@media (max-width:640px){
  .hucre{grid-column:span 12}
  .ist{grid-template-columns:1fr}
  .ist-o{border-right:0;border-bottom:1px solid var(--cizgi)}
  .ist-o:last-child{border-bottom:0}
  .guv-liste{grid-template-columns:1fr}
  .guv-liste li{border-right:0}
  .alt-izgara{grid-template-columns:1fr;gap:var(--b6)}
  .giris-sag{grid-template-columns:1fr 1fr;gap:var(--b2)}
  .ara input{font-size:1rem}
  .geri-sayi{gap:var(--b5)}
  .sepet-panel{width:100vw;border-left:0}
}
/* dokunma hedefleri: küçük ekranda her tıklanabilir öğe en az 44 px */
@media (max-width:900px){
  .bag{padding-block:12px}
  .bag::after{bottom:10px}
  .bag.bag--lime{margin-top:var(--b4)}
  .dil{height:44px}
  .sepet-d{padding-block:12px}
  .alt-izgara a{display:inline-block;padding-block:8px;line-height:1.6}
  .alt-izgara a::after{bottom:8px}
  .alt-adres a{display:inline-block;padding-block:11px}
  .marka{padding-block:11px}
  .ray-sek button{padding-block:14px}
}
@media (max-width:400px){
  .ust-ic{gap:var(--b3)}
  .sepet-d span:first-child{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;transition-delay:0ms !important;
  }
  .serit-ray{animation:none;transform:none}
  .giz,.satir>.giz,.hucre.gir{opacity:1 !important;transform:none !important}
  .cerceve img{transform:none}
  .firsat-cerceve img{transform:none}
}