/* Yerleşim: mobil alt gezinme çubuğu, kenar çubuğu "Hızlı bağlantılar", kategori vitrininin yeri (banner üstü / kompakt şerit) */

/* ---- Mobil alt gezinme çubuğu ---- */
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  .alt-nav{border-top:0;background:color-mix(in srgb,var(--zemin) 95%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);box-shadow:0 -4px 22px -8px rgba(15,23,42,.16);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .alt-nav-oge,body .alt-nav a.alt-nav-oge.kat-tetik{position:relative;min-width:0;gap:3px;padding:.5rem .1rem .4rem;background:none;border-radius:0;color:var(--yazi-2);font-size:.68rem;font-weight:600;line-height:1.15;box-shadow:none;transition:color .18s}
  .alt-nav-ikon{position:relative;display:grid;place-items:center;width:3.1rem;height:1.9rem;border-radius:99px;transition:background .2s,transform .15s}
  .alt-nav-ikon .ik{font-size:1.4rem;vertical-align:0;position:static}
  .alt-nav-ad{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .alt-nav-oge.aktif,body .alt-nav a.alt-nav-oge.kat-tetik.aktif{color:var(--ana);font-weight:700}
  .alt-nav-oge.aktif .alt-nav-ikon{background:var(--ana-ok,var(--ana));box-shadow:0 6px 12px -6px color-mix(in srgb,var(--ana-ok,var(--ana)) 75%,transparent)}
  html body .alt-nav-oge.aktif .alt-nav-ikon .ik{background:#fff;border-color:transparent;color:#fff}
  .alt-nav-oge:active .alt-nav-ikon{transform:scale(.9)}
  .alt-nav-oge:focus-visible{outline:2px solid var(--ana);outline-offset:-3px;border-radius:10px}
  .alt-nav-oge em{position:absolute;top:-3px;right:2px;min-width:1.25rem;height:1.25rem;display:grid;place-items:center;padding:0 .3em;box-sizing:border-box;border:2px solid var(--zemin);border-radius:99px;background:var(--vurgu,var(--ana));color:#fff;font-style:normal;font-size:.62rem;font-weight:700;line-height:1;font-family:var(--font)}
  .alt-nav-oge em[hidden]{display:none}
  .alt-nav-oge.wa .ik{color:#1fa855}
  .alt-nav-oge.wa.aktif .alt-nav-ikon{background:#1fa855;box-shadow:0 6px 12px -6px rgba(31,168,85,.75)}
  html body .alt-nav-oge.wa.aktif .alt-nav-ikon .ik{background:#fff;color:#fff}
  body.alt-nav-var{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.alt-nav-ikon{width:2.6rem}.alt-nav-oge{font-size:.62rem}}

/* ---- Kenar çubuğu: Hızlı bağlantılar ---- */
.yan-hizli{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.yan-hizli-a{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--kenar);border-radius:12px;background:var(--yuzey,var(--zemin));color:var(--yazi);font-weight:600;font-size:.92rem;transition:border-color .15s,box-shadow .15s,transform .15s}
.yan-hizli-a:hover{text-decoration:none;border-color:var(--ana);box-shadow:0 6px 16px -10px rgba(0,0,0,.4);transform:translateY(-1px)}
.yan-hizli-ikon{flex:none;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:10px;background:color-mix(in srgb,var(--ana) 14%,transparent);color:var(--ana)}
.yan-hizli-ikon .ik{font-size:1.15rem;vertical-align:0}
.yan-hizli-a.wa .yan-hizli-ikon{background:color-mix(in srgb,#1fa855 16%,transparent);color:#1fa855}
.yan-hizli-ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yan-hizli-ok{width:1em;height:1em;opacity:.45;font-size:1rem}
.yan-hizli-a.wa:hover{border-color:#1fa855}

/* ---- Kategori vitrininin yeri (Tasarım seçenekleri → Kategori vitrini) ---- */
.ab-ustte{margin-top:0;margin-bottom:22px}
body.kv-ust .ab-kategori .kategori-izgara{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}
body.kv-ust .ab-kategori .kategori-karti{font-size:.88rem}
.ab-serit{margin-bottom:16px}
.ab-serit .bolum-baslik{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.kv-serit .ab-serit .kategori-izgara{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:8px 4px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
body.kv-serit .ab-serit .kategori-karti{flex:0 0 auto;width:76px;scroll-snap-align:start;font-size:.74rem;font-weight:600;line-height:1.2}
body.kv-serit .ab-serit .kategori-karti img{width:60px;height:60px;margin:0 auto 6px;border-width:2px}
body.kv-serit .ab-serit .kategori-karti span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === Para birimi seçici (header) ve gösterim notları === */
.para-sec{display:inline-flex;align-items:center;gap:.25rem;margin:0 .35rem 0 0}
.para-sec select{font:inherit;font-size:.82rem;padding:.3rem .4rem;border:1px solid var(--kenar);border-radius:var(--kose);background:var(--zemin);color:var(--yazi);cursor:pointer;max-width:7.5rem}
.para-sec .para-git{font:inherit;font-size:.78rem;padding:.3rem .5rem;border:1px solid var(--kenar);border-radius:var(--kose);background:var(--yuzey);color:var(--yazi);cursor:pointer}
.para-sec .para-git[hidden]{display:none}
.kaynak-doviz{display:inline-block;margin-left:.4rem;color:var(--yazi-2);font-size:.85rem;font-weight:500}
.kaynak-doviz[hidden]{display:none}
.ozet-liste dt.odenecek,.ozet-liste dd.odenecek{font-weight:700;color:var(--yazi);border-top:1px dashed var(--kenar);padding-top:.5rem;margin-top:.25rem}
.para-not{margin:.5rem 0 0;padding:.55rem .7rem;border-radius:var(--kose);background:var(--yuzey);color:var(--yazi-2);font-size:.82rem;line-height:1.45}
@media(max-width:600px){.para-sec select{max-width:5.6rem;font-size:.78rem;padding:.28rem .3rem}.para-sec{margin-right:.2rem}}
/* === BOLUM-HEADER-ESIT: favori / hesap / sepet düğmeleri aynı yükseklik, şekil ve sayaç biçiminde === */
html body .hesap-menu{--hb:44px;--hc:var(--ana-ok,var(--ana))}
html body.hg-var .hesap-menu{--hc:var(--hd-baslik)}
html body.hd-koyu .hesap-menu{--hc:#fff}
html body.hd-kompakt .hesap-menu{--hb:38px}
html body.hd-cift .hesap-menu{--hb:34px}
html body .hesap-menu .fav-baglanti,html body .hesap-menu .hesap-dugme,html body .hesap-menu .sepet-dugme{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;height:var(--hb);min-height:var(--hb);padding:0 1rem;margin:0;border:0;border-radius:999px;font-size:.9rem;font-weight:600;line-height:1;overflow:visible;transition:background .15s,transform .15s}
html body .hesap-menu .fav-baglanti,html body .hesap-menu .hesap-dugme{background:color-mix(in srgb,var(--hc) 12%,transparent);color:var(--hc)}
html body .hesap-menu .fav-baglanti:hover,html body .hesap-menu .hesap-dugme:hover{background:color-mix(in srgb,var(--hc) 22%,transparent);border-color:transparent}
html body .hesap-menu .sepet-dugme{background:var(--ana);color:var(--ana-yazi)}
html body .hesap-menu .fav-baglanti{width:var(--hb);min-width:var(--hb);padding:0}
html body .hesap-menu .hesap-dugme::before{display:none}
html body .hesap-menu .fav-baglanti .ik,html body .hesap-menu .hesap-dugme .ik,html body .hesap-menu .sepet-dugme .ik{position:static;display:inline-block;width:1.3rem;height:1.3rem;min-width:1.3rem;margin:0;padding:0;border-radius:0;background:currentColor;color:inherit;font-size:1.3rem;transform:none}
html body .hesap-menu .hesap-dugme:hover .ik{background:currentColor;color:inherit;transform:none}
html body .hesap-menu .fav-sayac,html body .hesap-menu .sepet-dugme .sayac{position:absolute;top:-4px;right:-4px;margin:0;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border:2px solid #fff;border-radius:99px;background:#e11d48;color:#fff;font-size:.68rem;font-weight:700;line-height:15px;text-align:center}
html body .hesap-menu .fav-sayac[hidden]{display:none}
html body.hd-koyu .hesap-menu .fav-baglanti,html body.hd-koyu .hesap-menu .hesap-dugme{background:rgba(255,255,255,.14)}
html body.hd-koyu .hesap-menu .fav-baglanti:hover,html body.hd-koyu .hesap-menu .hesap-dugme:hover{background:rgba(255,255,255,.24)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  html body .hesap-menu{--hb:44px}
  html body .hesap-menu .fav-baglanti,html body .hesap-menu .hesap-dugme,html body .hesap-menu .sepet-dugme{width:var(--hb);min-width:var(--hb);padding:0}
  html body .hesap-menu .hesap-dugme .hesap-yazi,html body .hesap-menu .sepet-dugme .hesap-yazi{display:none}
  html body.mh-gradyan:not(.hg-var):not(.hd-koyu) .hesap-menu{--hc:var(--ana-yazi,#fff)}
  html body.mh-gradyan:not(.hg-var):not(.hd-koyu) .hesap-menu .fav-baglanti,html body.mh-gradyan:not(.hg-var):not(.hd-koyu) .hesap-menu .hesap-dugme{background:rgba(255,255,255,.2)}
  html body.mh-gradyan:not(.hg-var):not(.hd-koyu) .hesap-menu .sepet-dugme{background:#fff;color:var(--ana)}
}
@media(max-width:560px){html body .hesap-menu{--hb:40px;gap:4px}}
@media(min-width:861px) and (min-height:521px),(min-width:1001px){html body.hd-cift .hesap-menu .fav-baglanti,html body.hd-cift .hesap-menu .hesap-dugme,html body.hd-cift .hesap-menu .sepet-dugme{font-size:.84rem}html body.hd-cift .hesap-menu .fav-baglanti{padding:0}}

/* === BOLUM-FIYAT-MOBIL: ürün fiyat kartı telefonda masaüstü düzeniyle aynı sırada (KDV rozeti + tasarruf / eski fiyat / büyük fiyat) === */
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  html body .urun-bilgi .fiyat.buyuk{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;column-gap:.6rem;row-gap:.3rem;padding:1rem 1.1rem;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ana) 11%,#fff),#fff 62%);border-color:color-mix(in srgb,var(--ana) 28%,var(--kenar))}
  html body .urun-bilgi .fiyat.buyuk small{grid-column:1;grid-row:1;flex:none;justify-self:start;display:inline-flex;align-items:center;padding:.18rem .65rem;border-radius:99px;background:color-mix(in srgb,var(--ana) 9%,transparent);color:var(--ana-ok,var(--ana));font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  html body .urun-bilgi .fiyat.buyuk .tasarruf{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:auto;min-height:0;margin:0;padding:.3rem .75rem .3rem .6rem;font-size:.74rem;white-space:nowrap}
  html body .urun-bilgi .fiyat.buyuk s{grid-column:1 / -1;grid-row:2;justify-self:start;align-self:end;margin:.25rem 0 0;font-size:.95rem}
  html body .urun-bilgi .fiyat.buyuk b{grid-column:1 / -1;grid-row:3;justify-self:start;width:fit-content;font-size:2.25rem;line-height:1.1;background:linear-gradient(120deg,var(--ana-ok,var(--ana)),color-mix(in srgb,var(--ana) 55%,var(--vurgu,#9333ea)));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  html body .urun-bilgi .fiyat.buyuk .taksit-ac{grid-column:1 / -1;grid-row:4;justify-self:start;margin:.4rem 0 0}
}

/* === BOLUM-MOBIL-MENU: logo kutusu hatası düzeltildi; ürün sayıları kalktı; kompakt, gradyanlı kart menüsü === */
html body .mm-panel a.mm-logo,html body .mm-panel a.mm-logo.menu-aktif{background:none;box-shadow:none;border:0;padding:0;border-radius:0}
html body .mm-liste .mm-say{display:none}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  html body.mm-izgara .mm-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--ana) 9%,#fff) 0,#fff 38%)}
  html body.mm-izgara:not(.hg-var):not(.hd-koyu):not(.mm-tam) .mm-ust{background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 16%,#fff),color-mix(in srgb,var(--ana) 5%,#fff));border-bottom:1px solid color-mix(in srgb,var(--ana) 16%,var(--kenar))}
  html body.mm-izgara .mm-kapat{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:99px;background:#fff;border:1px solid color-mix(in srgb,var(--ana) 22%,var(--kenar));box-shadow:0 6px 14px -10px var(--ana)}
  html body.mm-izgara .mm-ara{margin:12px 14px 6px;border-color:color-mix(in srgb,var(--ana) 24%,var(--kenar));background:#fff;box-shadow:0 8px 18px -14px var(--ana)}
  html body.mm-izgara .mm-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 14px 10px}
  html body.mm-izgara .mm-liste>li>a,html body.mm-izgara .mm-liste>li>details{height:auto;border:1px solid color-mix(in srgb,var(--ana) 16%,var(--kenar));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 9%,#fff),#fff 75%);box-shadow:0 6px 14px -12px color-mix(in srgb,var(--ana) 80%,#000)}
  html body.mm-izgara .mm-liste>li>a,html body.mm-izgara .mm-liste summary{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:6px;min-height:46px;padding:.45rem .8rem}
  html body.mm-izgara .mm-liste .mm-ad{flex:1;min-width:0;font-size:.9rem;font-weight:600;line-height:1.2}
  html body.mm-izgara .mm-ok{position:static;flex:none;margin:0 -.15rem 0 auto;font-size:.85rem;opacity:.55;transition:transform .2s}
  html body.mm-izgara .mm-liste details[open]>summary .mm-ok{position:static;margin-top:0;transform:rotate(180deg)}
  html body.mm-izgara .mm-liste details[open]>summary{min-height:46px;padding:.45rem .8rem}
  html body.mm-izgara .mm-liste a[aria-current=page],html body.mm-izgara .mm-liste a.menu-aktif{border-color:transparent;background:linear-gradient(135deg,var(--ana-ok,var(--ana)),color-mix(in srgb,var(--ana) 60%,#9333ea));color:var(--ana-yazi,#fff);box-shadow:0 10px 18px -12px var(--ana)}
  html body.mm-izgara .mm-liste details ul{gap:6px;padding:2px 10px 12px}
  html body.mm-izgara .mm-liste details ul a{min-height:36px;padding:.3rem .8rem;font-size:.86rem;border-color:color-mix(in srgb,var(--ana) 20%,var(--kenar));background:#fff}
  html body.mm-izgara .mm-alt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--ana) 14%,var(--kenar));background:linear-gradient(180deg,color-mix(in srgb,var(--ana) 7%,#fff),#fff)}
  html body.mm-izgara .mm-alt a{min-height:44px;padding:.4rem .7rem;font-size:.85rem;font-weight:600;border-radius:12px;border-color:color-mix(in srgb,var(--ana) 16%,var(--kenar))}
  html body.mm-izgara .mm-alt a:nth-child(n+3){grid-column:auto}
  html body.mm-izgara .mm-alt a:last-child:nth-child(odd){grid-column:1/-1}
  html body.mm-izgara .mm-alt .ik{font-size:1.15rem;color:var(--ana-ok,var(--ana))}
  html body.mm-izgara .mm-alt .ik-whatsapp{color:#1fa855}
}

/* === BOLUM-YAZI-KOC-ALEV: kategori öne çıkanları: saat yönünde dönen alev yayı, ince çerçeve, dar ışıma === */
@property --koc-don{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes koc-alev-don{to{--koc-don:360deg}}
html body .kat-one-cikan{animation:none;box-shadow:0 10px 26px -20px rgba(255,98,0,.55)}
html body .kat-one-cikan::before{inset:-2px;border-radius:26px;background:conic-gradient(from var(--koc-don),transparent 0 52%,#e11d48 62%,#ff3d00 74%,#ff9100 85%,#ffd600 94%,#fff4b8 99%,transparent 100%),linear-gradient(rgba(255,122,24,.4),rgba(255,122,24,.4));animation:koc-alev-don 3.2s linear infinite}
html body .kat-one-cikan .koc-isik{inset:-3px;z-index:-2;border-radius:27px;background:conic-gradient(from var(--koc-don),transparent 0 55%,rgba(255,61,0,.85) 74%,rgba(255,180,0,.9) 92%,transparent 100%);filter:blur(7px);opacity:.75;animation:koc-alev-don 3.2s linear infinite}
/* Hareketi azalt tercihinde de dönmeye devam eder (kullanıcının istediği imza efekt); yalnız daha yavaş ve yumuşak. */
@media(prefers-reduced-motion:reduce){html body .kat-one-cikan::before,html body .kat-one-cikan .koc-isik{animation:koc-alev-don 10s linear infinite}html body .kat-one-cikan .koc-isik{opacity:.5}}

/* === BOLUM-YAZI: Ana sayfa Yazi Alani (yz-*): satir/sutun yerlesimi, bloklar, Genisletme / Daraltma === */
html body .yz-kart{box-sizing:border-box;position:relative;max-width:var(--yz-max,none);margin:var(--yz-ust,0px) auto var(--yz-alt,0px);padding:var(--yz-ic,28px);background:var(--yz-arka,#fff);color:var(--yz-yazi,inherit);border:var(--yz-kenar-g,1px) solid var(--yz-kenar-r,var(--kenar,#dde1e8));border-radius:var(--yz-kose,16px);box-shadow:var(--yz-golge,none);text-align:var(--yz-hiza,left);font-size:var(--yz-boyut,1rem)}
html body .yz-baslik{margin:0 0 .7em;font-size:1.5em;font-weight:700;line-height:1.25;color:inherit}
html body .yz-govde{position:relative}
html body .yz-icerik{line-height:1.7}
html body .yz-satir{display:grid;grid-template-columns:var(--yz-sutunlar,1fr);gap:var(--yz-bosluk,16px);align-items:var(--yz-dikey,start);padding:var(--yz-sic,0px)}
html body .yz-satir+.yz-satir{margin-top:var(--yz-bosluk,16px)}
html body .yz-sutun{display:flex;flex-direction:column;gap:12px;min-width:0}
html body .yz-sutun:empty{display:none}
html body .yz-metin{overflow-wrap:anywhere}
html body .yz-metin>:first-child{margin-top:0}html body .yz-metin>:last-child{margin-bottom:0}
html body .yz-metin p{margin:0 0 .85em}
html body .yz-metin h2,html body .yz-metin h3,html body .yz-metin h4{margin:1.1em 0 .45em;line-height:1.25;font-weight:700;color:inherit}
html body .yz-metin h2{font-size:2em}html body .yz-metin h3{font-size:1.45em}html body .yz-metin h4{font-size:1.2em}
html body .yz-kart>.yz-govde .yz-metin>:first-child:is(h2,h3,h4){margin-top:0}
html body .yz-metin ul,html body .yz-metin ol{margin:0 0 .85em;padding-left:1.4em}
html body .yz-metin blockquote{margin:0 0 .85em;padding:.2em 0 .2em 1em;border-left:4px solid var(--ana,#1f5fd6);opacity:.9}
html body .yz-metin a{color:var(--ana,#1f5fd6);text-decoration:underline;text-underline-offset:2px}
html body .yz-metin img{max-width:100%;height:auto}
html body .yz-gorsel{margin:0}
html body .yz-gorsel img{display:block;width:100%;height:auto;border-radius:var(--yz-gk,12px)}
html body .yz-gorsel.yz-oranli img{aspect-ratio:var(--yz-oran);object-fit:cover}
html body .yz-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7em 1.5em;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid var(--ana,#1f5fd6);line-height:1.2;transition:filter .15s,transform .12s}
html body .yz-btn:hover{filter:brightness(1.07);text-decoration:none}
html body .yz-btn-dolu{background:var(--ana,#1f5fd6);color:var(--ana-yazi,#fff)}
html body .yz-btn-cerceve{background:transparent;color:var(--ana,#1f5fd6)}
html body .yz-btn-metin{background:transparent;border-color:transparent;color:var(--ana,#1f5fd6);text-decoration:underline;padding-left:.2em;padding-right:.2em}
html body .yz-bosluk{display:block;width:100%}
/* Genislet / Daralt: yalniz betik calistiktan sonra (yz-js) kisaltilir; betik yoksa tam metin gorunur */
html body .yz-js.yz-daralt .yz-govde{overflow:hidden;transition:max-height .35s ease}
html body .yz-js.yz-kapali .yz-govde::after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(5.5em,60%);background:linear-gradient(to bottom,color-mix(in srgb,var(--yz-zemin,#fff) 0%,transparent),var(--yz-zemin,#fff));pointer-events:none}
html body .yz-ac{display:flex;align-items:center;justify-content:center;gap:.4em;margin:.5em auto 0;padding:.45em .9em;background:transparent;border:0;border-radius:999px;color:inherit;font:inherit;font-weight:600;cursor:pointer}
html body .yz-ac[hidden]{display:none}
html body .yz-ac:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
html body .yz-ac:focus-visible{outline:2px solid var(--ana,#1f5fd6);outline-offset:2px}
html body .yz-ok{display:inline-block;width:1.15em;height:1.15em;background:currentColor;-webkit-mask:url("/statik/ikon/chevron-down.svg") center/contain no-repeat;mask:url("/statik/ikon/chevron-down.svg") center/contain no-repeat;transition:transform .25s}
html body .yz-ac[aria-expanded="true"] .yz-ok{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){html body .yz-js.yz-daralt .yz-govde,html body .yz-ok,html body .yz-btn{transition:none}}
@media (max-width:640px){
  html body .yz-kart{padding:min(var(--yz-ic,28px),22px)}
  html body .yz-satir{grid-template-columns:1fr}
  html body .yz-satir.yz-ters{display:flex;flex-direction:column-reverse}
  html body .yz-metin h2{font-size:1.65em}html body .yz-metin h3{font-size:1.3em}
}
/* === /BOLUM-YAZI === */

/* === BOLUM-FOOTER-SON: alt bilgi sütunları marka yanına yaklaşır; boşalan sağ sütuna son incelenen 3 ürün gelir === */
@media(min-width:861px) and (min-height:521px),(min-width:1001px){
  html body:not(.ft-kutu) .alt-izgara{grid-template-columns:minmax(200px,.85fr) repeat(2,minmax(150px,.8fr)) minmax(250px,1.1fr);column-gap:32px;align-items:start}
  html body:not(.ft-kutu) .alt-izgara:has(.alt-sosyal){grid-template-columns:minmax(200px,1.1fr) repeat(3,minmax(140px,.75fr)) minmax(240px,1.1fr)}
  /* Kurumsal ve Yasal: marka sütununun altına (adresin altındaki boşluk); diğer sütunlar iki satıra yayılır */
  html body:not(.ft-kutu) .alt-izgara:has(.alt-yasal){grid-template-rows:auto 1fr}
  html body:not(.ft-kutu) .alt-izgara:has(.alt-yasal)>.alt-marka{grid-column:1;grid-row:1}
  html body:not(.ft-kutu) .alt-izgara:has(.alt-yasal)>.alt-yasal{grid-column:1;grid-row:2}
  html body:not(.ft-kutu) .alt-izgara:has(.alt-yasal)>div:not(.alt-marka):not(.alt-yasal){grid-row:1 / span 2}
  html body:not(.ft-kutu) .alt-izgara>.alt-gezilen{grid-column:-2 / -1}
  html body:not(.ft-kutu) .alt-izgara>.alt-gezilen[hidden]{display:none}
}

html body .alt-gezilen-bos{margin:0;font-size:.88rem;line-height:1.5;opacity:.85}
html body .alt-gezilen-bos a{text-decoration:underline;text-underline-offset:3px}

/* === BOLUM-ILETISIM: modern iletişim sayfası === */
html body .ik-konum{-webkit-mask:url("/statik/ikon/map-pin.svg") center/contain no-repeat;mask:url("/statik/ikon/map-pin.svg") center/contain no-repeat}
html body .ic-sayfa{max-width:1080px;margin:0 auto;padding:.5rem 0 2rem}
html body .ic-hero{position:relative;overflow:hidden;margin:0 0 1.5rem;padding:2.4rem 1.6rem;border-radius:calc(var(--kose,14px) + 10px);text-align:center;color:var(--ana-yazi,#fff);background:linear-gradient(135deg,var(--ana-ok,var(--ana)),color-mix(in srgb,var(--ana) 55%,var(--vurgu,#9333ea)))}
html body .ic-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 120% at 90% -20%,rgba(255,255,255,.28),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 12px,transparent 12px 24px)}
html body .ic-hero>*{position:relative}
html body .ic-ust{display:inline-block;padding:.2rem .8rem;border-radius:99px;background:rgba(255,255,255,.2);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html body .ic-hero h1{margin:.7rem 0 .5rem;color:inherit;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}
html body .ic-hero p{margin:0 auto;max-width:540px;opacity:.92;line-height:1.55}
html body .ic-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:1.5rem}
html body .ic-kart{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;border:1px solid var(--kenar);border-radius:calc(var(--kose,14px) + 6px);background:var(--kart-zemin,#fff);color:var(--yazi);text-decoration:none;box-shadow:0 8px 20px -18px color-mix(in srgb,var(--ana) 70%,#000);transition:transform .2s,box-shadow .2s,border-color .2s}
html body .ic-kart:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ana) 40%,var(--kenar));box-shadow:0 18px 30px -20px color-mix(in srgb,var(--ana) 80%,#000);text-decoration:none}
html body .ic-ik{display:grid;place-items:center;width:46px;height:46px;margin-bottom:.4rem;border-radius:14px;background:color-mix(in srgb,var(--ana) 12%,transparent);color:var(--ana-ok,var(--ana));font-size:1.35rem}
html body .ic-wa .ic-ik{background:#25d366;color:#fff}
html body .ic-kart b{font-size:1.02rem}
html body .ic-deger{min-width:0;overflow-wrap:anywhere;color:var(--yazi-2);font-size:.94rem;line-height:1.45}
html body .ic-eylem{margin-top:auto;padding-top:.6rem;color:var(--ana-ok,var(--ana));font-weight:700;font-size:.86rem}
html body .ic-eylem::after{content:" \2192";transition:margin .2s}
html body .ic-kart:hover .ic-eylem::after{margin-left:4px}
html body .ic-bos{padding:1.2rem;border:1px dashed var(--kenar);border-radius:16px;color:var(--yazi-2);text-align:center}
html body .ic-metin{margin-bottom:1.5rem;padding:1.4rem 1.5rem;border:1px solid var(--kenar);border-radius:calc(var(--kose,14px) + 6px);background:var(--kart-zemin,#fff);line-height:1.7}
html body .ic-metin p{margin:0 0 .8rem}html body .ic-metin p:last-child{margin:0}
html body .ic-alt{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
html body .ic-yardim,html body .ic-sosyal{padding:1.4rem;border-radius:calc(var(--kose,14px) + 6px);border:1px solid var(--kenar);background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 8%,#fff),#fff 70%)}
html body .ic-alt h2{margin:0 0 .35rem;font-size:1.15rem}
html body .ic-alt p{margin:0 0 .9rem;color:var(--yazi-2);line-height:1.5}
html body .ic-cipler{display:flex;flex-wrap:wrap;gap:8px}
html body .ic-cip{padding:.45rem .95rem;border-radius:99px;background:#fff;border:1px solid color-mix(in srgb,var(--ana) 25%,var(--kenar));color:var(--ana-ok,var(--ana));font-weight:600;font-size:.88rem;text-decoration:none;transition:background .15s,color .15s}
html body .ic-cip:hover{background:var(--ana);color:var(--ana-yazi,#fff);text-decoration:none}
@media(max-width:560px){html body .ic-hero{padding:1.8rem 1.1rem}html body .ic-izgara{grid-template-columns:1fr 1fr;gap:10px}html body .ic-kart{padding:1rem}}
@media(max-width:380px){html body .ic-izgara{grid-template-columns:1fr}}

/* === BOLUM-YOL-MOBIL: mobil başlık bandında yazı ortalanır; yol çubuğu tek satır, hap şeklinde, sona kaydırılmış === */
@media(max-width:600px){
  html body .yol-bant-ic:has(.yol-geri){padding-right:calc(var(--kap-ic,16px) + 56px);gap:12px}
  html body .yol-bant-ic .yol-geri{width:40px;height:40px;margin-left:-4px}
  html body.yl-bant .yol-nav{padding-left:12px;padding-right:12px;margin-top:-20px}
  html body.yl-bant .yol-nav .kirinti{display:flex;flex-wrap:nowrap;align-items:center;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-radius:99px;padding:.5rem .85rem;gap:0;font-size:.8rem;box-shadow:0 12px 26px -16px rgba(15,23,42,.45),0 2px 6px -2px rgba(15,23,42,.1)}
  html body.yl-bant .yol-nav .kirinti::-webkit-scrollbar{display:none}
  html body.yl-bant .yol-nav .kirinti>*{flex:none}
  html body.yl-bant .yol-nav .kirinti>*+*::before{margin:0 .5em;opacity:.4}
  html body.yl-bant .yol-nav .kirinti>span[aria-current]{padding:.15rem .65rem;border-radius:99px;background:color-mix(in srgb,var(--ana) 12%,transparent);color:var(--ana-ok,var(--ana));font-weight:700}
}
@media(max-width:600px){html body.yl-bant .yol-nav .kirinti>span[aria-current]::before{display:none}html body.yl-bant .yol-nav .kirinti>a:nth-last-child(2)::after{content:"›";margin:0 .35em 0 .5em;opacity:.4}html body.yl-bant .yol-nav .kirinti>span[aria-current]{margin-left:.1em}}

/* === BOLUM-KUPON-MOBIL: ürün sayfası kupon duyurusu ve fiyat kartı telefonda düzenli hizalama === */
@media(max-width:700px){
  html body .urun-bilgi .kupon-duyuru{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:stretch;padding:.95rem 1rem 1rem}
  html body .urun-bilgi .kupon-duyuru .kupon-bilet{position:absolute;left:1rem;top:.95rem;font-size:1.25rem;line-height:1.3}
  html body .urun-bilgi .kupon-duyuru .kupon-metin{grid-column:1 / -1;min-width:0;padding-left:2.1rem;font-size:.94rem;line-height:1.45}
  html body .urun-bilgi .kupon-duyuru>.dugme,html body .urun-bilgi .kupon-duyuru .kupon-uygula{grid-column:auto;margin:0;min-width:0}
  html body .urun-bilgi .kupon-duyuru .kupon-uygula{display:flex}
  html body .urun-bilgi .kupon-duyuru .dugme{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .8rem;font-size:.9rem;white-space:nowrap}
  html body .urun-bilgi .fiyat.buyuk{row-gap:.15rem;padding:1.05rem 1.15rem 1.1rem}
  html body .urun-bilgi .fiyat.buyuk small,html body .urun-bilgi .fiyat.buyuk .tasarruf{min-height:30px;display:inline-flex;align-items:center;box-sizing:border-box}
  html body .urun-bilgi .fiyat.buyuk s{margin:.55rem 0 0}
  html body .urun-bilgi .fiyat.buyuk b{font-size:2.35rem;margin-top:.05rem}
}
html body .alt-izgara .alt-gezilen-oge{display:flex;align-items:center;gap:.7rem;padding:.35rem 0}

/* === BOLUM-GEZILEN-SIKI: altbilgi son incelenen ürünler arası boşluk azaltıldı === */
html body .alt-izgara .alt-gezilen-liste{display:grid;gap:.2rem;margin:0;padding:0;align-content:start}
html body .alt-izgara .alt-gezilen-liste li{margin:0;min-height:0}
html body .alt-izgara .alt-gezilen-liste .alt-gezilen-oge{display:flex;align-items:center;gap:.65rem;padding:.2rem 0;min-height:0}
html body .alt-izgara .alt-gezilen-oge img{width:40px;height:40px}
html body .alt-izgara .alt-gezilen-oge span{line-height:1.2}

/* === BOLUM-YOL-BANT: yol bandi arka plan (gradyan, duz, kategori gorseli), katmanlar ve duzen secenekleri === */
html body .yol-kap.yb-bant{position:relative;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;top:auto}
html body .yol-kap.yb .yol-bant{border-radius:var(--yb-kose,0)}
html body .yol-kap.yb-bg-gradyan .yol-bant,html body .yol-kap.yb-bg-duz .yol-bant{background:var(--yb-bg);color:var(--yb-yazi,#fff)}
html body .yol-kap.yb-bg-duz .yol-bant::before{display:none}
html body .yol-kap.yb-bg-gorsel .yol-bant{background:#0f172a;color:#fff}
html body .yol-kap.yb-bg-gorsel .yol-bant::before{content:"";position:absolute;inset:calc(var(--yb-bulanik,0px) * -2);background:var(--yb-gorsel) var(--yb-konum,center)/var(--yb-boyut,cover) no-repeat;filter:blur(var(--yb-bulanik,0px))}
html body .yol-kap.yb-bg-gorsel .yol-bant::after,html body .yol-kap.yb-ic-golge .yol-bant::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
html body .yol-kap.yb-bg-gorsel .yol-bant::after{background:var(--yb-perde,none)}
html body .yol-kap.yb-ic-golge .yol-bant::after{box-shadow:var(--yb-ic-golge)}
html body .yol-kap.yb .yol-bant-ic{z-index:2}
html body .yol-kap.yb-golge .yol-bant-ic{text-shadow:var(--yb-golge)}
html body .yol-kap.yb-golge.yb-konum-ic .yol-nav{text-shadow:var(--yb-golge)}
html body .yol-kap.yb-yuk .yol-bant-ic{min-height:var(--yb-yuk)}
html body .yol-kap.yb-yuk .yol-baslik{font-size:clamp(1.2rem,calc(var(--yb-yuk) / 6.5),3rem)}
html body .yol-kap.yb-hiza-sol .yol-bant-ic{justify-content:flex-start}
html body .yol-kap.yb-hiza-sol .yol-baslik{text-align:left}
html body .yol-kap.yb-baslik-gizli .yol-baslik{display:none}
html body .yol-kap.yb-kart{padding:12px 12px 0}
html body .yol-kap.yb-kart .yol-bant{max-width:var(--kap,1240px);width:100%;margin:0 auto}
/* yol cubugunun konumu */
html body .yol-kap.yb-konum-gizli .yol-nav{display:none}
html body .yol-kap.yb-konum-ic .yol-nav{position:absolute;left:0;right:0;bottom:12px;margin:0 auto;padding-top:0;padding-bottom:0;z-index:3;display:flex;justify-content:center}
html body .yol-kap.yb-konum-ic .yol-bant-ic{padding-top:14px;padding-bottom:50px}
html body .yol-kap.yb-konum-ic.yb-hiza-sol .yol-nav{justify-content:flex-start}
html body .yol-kap.yb-konum-ic .kirinti{margin:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
html body .yol-kap.yb-konum-ic .kirinti::-webkit-scrollbar{display:none}
html body .yol-kap.yb-bant.yb-konum-alt .yol-nav{position:relative;z-index:3;margin-top:12px;padding-top:0;padding-bottom:0;display:flex;justify-content:center}
html body .yol-kap.yb-bant.yb-konum-alt.yb-hiza-sol .yol-nav{justify-content:flex-start}
html body .yol-kap.yb-bant.yb-konum-alt.yb-ks-kart .yol-nav{margin-top:-22px}
html body.yl-bant .yol-kap.yb-bant.yb-konum-alt.yb-ks-oto .yol-nav{margin-top:-23px}
/* yol cubugu stilleri (yl-* duzenlerinin ustune biner) */
html body .yol-kap.yb-konum-ic.yb-ks-oto .kirinti,html body .yol-kap.yb-konum-ic.yb-ks-oto .kirinti a,html body .yol-kap.yb-konum-ic.yb-ks-oto .kirinti span[aria-current],html body .yol-kap.yb-konum-ic.yb-ks-duz .kirinti,html body .yol-kap.yb-konum-ic.yb-ks-duz .kirinti>*{color:var(--yb-yazi,var(--ana-yazi,#fff))}
html body .yol-kap.yb-konum-ic.yb-ks-oto .kirinti a{opacity:.88}
html body .yol-kap.yb-ks-duz .kirinti,html body .yol-kap.yb-ks-hap .kirinti,html body .yol-kap.yb-ks-kart .kirinti,html body .yol-kap.yb-ks-cam .kirinti{display:flex;align-items:center;margin:0}
html body .yol-kap.yb-ks-duz .kirinti,html body .yol-kap.yb-ks-hap .kirinti{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
html body .yol-kap.yb-ks-duz .kirinti>*,html body .yol-kap.yb-ks-kart .kirinti>*,html body .yol-kap.yb-ks-cam .kirinti>*{background:none;border:0;box-shadow:none;padding:0;height:auto;margin:0;clip-path:none;border-radius:0;display:inline}
html body .yol-kap.yb-ks-duz .kirinti>*+*::before,html body .yol-kap.yb-ks-kart .kirinti>*+*::before,html body .yol-kap.yb-ks-cam .kirinti>*+*::before{content:"\203A";display:inline;margin:0 .55em;opacity:.55}
html body .yol-kap.yb-ks-duz .kirinti>*::after,html body .yol-kap.yb-ks-kart .kirinti>*::after,html body .yol-kap.yb-ks-cam .kirinti>*::after{content:none}
html body .yol-kap.yb-ks-hap .kirinti{gap:6px}
html body .yol-kap.yb-ks-hap .kirinti>*{display:inline-flex;align-items:center;padding:.3rem .8rem;margin:0;height:auto;clip-path:none;border-radius:99px;background:var(--kart-zemin,#fff);border:1px solid var(--kenar);font-size:.84rem;color:var(--yazi-2);box-shadow:0 1px 0 rgba(0,0,0,.03)}
html body .yol-kap.yb-ks-hap .kirinti>*+*::before{display:none}
html body .yol-kap.yb-ks-hap .kirinti>span[aria-current]{background:var(--ana);border-color:var(--ana);color:var(--ana-yazi)}
html body .yol-kap.yb-ks-kart .kirinti{padding:.5rem 1.15rem;background:var(--kart-zemin,#fff);border:1px solid var(--kenar);border-radius:99px;box-shadow:0 14px 30px -16px rgba(15,23,42,.45),0 2px 6px -2px rgba(15,23,42,.12);font-size:.88rem;width:fit-content;max-width:100%}
html body .yol-kap.yb-ks-kart .kirinti>a{color:var(--yazi-2)}
html body .yol-kap.yb-ks-kart .kirinti>span[aria-current]{color:var(--ana);font-weight:700}
html body .yol-kap.yb-ks-cam .kirinti{padding:.45rem 1.1rem;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.34);border-radius:99px;box-shadow:none;font-size:.88rem;width:fit-content;max-width:100%}
html body .yol-kap.yb-ks-cam .kirinti,html body .yol-kap.yb-ks-cam .kirinti>*{color:var(--yb-yazi,#fff)}
html body .yol-kap.yb-ks-cam.yb-acik .kirinti{background:rgba(255,255,255,.45);border-color:rgba(17,24,39,.15)}
html body .yol-kap.yb-ks-duz .kirinti>span[aria-current],html body .yol-kap.yb-ks-cam .kirinti>span[aria-current]{font-weight:700}
@media(max-width:600px){
  html body .yol-kap.yb-yuk .yol-bant-ic{min-height:var(--yb-yuk-m,var(--yb-yuk))}
  html body .yol-kap.yb-yuk .yol-baslik{font-size:clamp(1.15rem,calc(var(--yb-yuk-m,var(--yb-yuk)) / 7),2.2rem)}
  html body .yol-kap.yb-konum-ic .yol-nav{bottom:8px;justify-content:flex-start}
  html body .yol-kap.yb-konum-ic .yol-bant-ic{padding-bottom:44px}
  html body .yol-kap.yb-kart{padding:8px 8px 0}
  html body .yol-kap.yb-bant.yb-konum-alt .yol-nav{padding-left:12px;padding-right:12px}
}
/* === /BOLUM-YOL-BANT === */



/* === BOLUM-KART-OLCEK: urun karti yazi ve rozet olcegi (site genisligiyle birlikte buyur) === */
@media (min-width:861px) and (min-height:521px),(min-width:1001px){
  html body .urun-karti .kart-icerik,html body .urun-karti .kart-rozetler,html body .urun-karti .etiket.sticker{zoom:var(--kart-olcek,1)}
}
/* === /BOLUM-KART-OLCEK === */
/* === BOLUM-YOL-YERLESIM: yol bandi obek yerlesimi (geri oku + baslik + yol satiri) ve ince ayarlar === */
/* Yerlesim secilince yol satiri bandin icine (.yol-nav-ici) tasinir; hepsi esnek kapta dizilir */
html body .yol-kap.yb-yer .yol-bant-ic{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:flex-start;gap:var(--yb-bosluk,8px) 14px;padding-top:22px;padding-bottom:22px}
html body .yol-kap.yb-yer .yol-baslik{text-align:left;min-width:0;overflow-wrap:anywhere}
html body .yol-kap.yb-yer .yol-nav-ici{flex:0 0 100%;display:flex;min-width:0;max-width:100%;position:relative;z-index:3}
html body .yol-kap.yb-yer .kirinti{margin:0;width:fit-content;max-width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html body .yol-kap.yb-yer .kirinti::-webkit-scrollbar{display:none}
html body .yol-kap.yb-yer .kirinti>*{flex:none}
html body .yol-kap.yb-yer.yb-golge .yol-nav-ici{text-shadow:var(--yb-golge)}
html body .yol-kap.yb-yer.yb-ks-duz .kirinti,html body .yol-kap.yb-yer.yb-ks-duz .kirinti>*{color:var(--yb-yazi,var(--ana-yazi,#fff))}
html body .yol-kap.yb-yer.yb-ks-duz .kirinti>a{opacity:.86}
html body .yol-kap.yb-yer.yb-ks-duz .kirinti>a:hover{opacity:1;text-decoration:underline}
html body .yol-kap.yb-bo-dar{--yb-bosluk:2px}
html body .yol-kap.yb-bo-genis{--yb-bosluk:22px}
/* a) sol hizali yigin */
html body .yol-kap.yb-yer-sol .yol-nav-ici{justify-content:flex-start}
/* b) sag hizali yigin */
html body .yol-kap.yb-yer-sag .yol-bant-ic{justify-content:flex-end}
html body .yol-kap.yb-yer-sag .yol-baslik{text-align:right}
html body .yol-kap.yb-yer-sag .yol-nav-ici{justify-content:flex-end}
/* c) yol ustte: kucuk yol satiri baslik ustunde */
html body .yol-kap.yb-yer-yolust .yol-bant-ic{justify-content:center}
html body .yol-kap.yb-yer-yolust .yol-baslik{text-align:center}
html body .yol-kap.yb-yer-yolust .yol-nav-ici{order:-1;justify-content:center}
html body .yol-kap.yb-yer-yolust .kirinti{font-size:.78rem}
/* d) alt serit: baslik ortada, yol satiri bandin altinda tam genislik yari saydam seritte */
html body .yol-kap.yb-yer-serit .yol-bant-ic{position:static;justify-content:center;padding-top:26px;padding-bottom:72px}
html body .yol-kap.yb-yer-serit .yol-baslik{text-align:center}
html body .yol-kap.yb-yer-serit .yol-baslik,html body .yol-kap.yb-yer-serit .yol-geri{position:relative;z-index:2}
html body .yol-kap.yb-yer-serit .yol-nav-ici{position:absolute;left:0;right:0;bottom:0;flex:none;max-width:none;justify-content:center;padding:.6rem max(16px,calc((100% - var(--kap,1240px)) / 2 + 16px));background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body .yol-kap.yb-yer-serit.yb-acik .yol-nav-ici{background:rgba(15,23,42,.09);box-shadow:inset 0 1px 0 rgba(15,23,42,.1)}
html body .yol-kap.yb-yer-serit .kirinti{font-size:.86rem}
html body .yol-kap.yb-yer-serit.yb-geri-kenar .yol-geri{left:max(16px,calc((100% - var(--kap,1240px)) / 2 + 16px))}
@media(min-width:701px){
  /* e) yan yana: baslik solda, yol satiri sag */
  html body .yol-kap.yb-yer-yan .yol-bant-ic{flex-wrap:nowrap;column-gap:calc(var(--yb-bosluk,8px) * 2)}
  html body .yol-kap.yb-yer-yan .yol-baslik{flex:0 1 auto;max-width:50%}
  html body .yol-kap.yb-yer-yan .yol-nav-ici{flex:1 1 0;justify-content:flex-end}
  /* f) tek satir: geri oku + baslik + ince ayrac + yol satiri */
  html body .yol-kap.yb-yer-tek .yol-bant-ic{flex-wrap:nowrap;column-gap:calc(var(--yb-bosluk,8px) * 2);padding-top:18px;padding-bottom:18px}
  html body .yol-kap.yb-yer-tek .yol-baslik{flex:0 1 auto;max-width:55%}
  html body .yol-kap.yb-yer-tek .yol-nav-ici{flex:1 1 0;align-items:center;padding:.4rem 0 .4rem calc(var(--yb-bosluk,8px) * 2);border-left:1px solid color-mix(in srgb,currentColor 35%,transparent)}
  /* g) kose rozeti: baslik solda buyuk, yol satiri sag altta kucuk hap */
  html body .yol-kap.yb-yer-rozet .yol-bant-ic{flex-wrap:nowrap;padding-bottom:60px}
  html body .yol-kap.yb-yer-rozet .yol-baslik{max-width:64%}
  html body .yol-kap.yb-yer-rozet .yol-nav-ici{position:absolute;right:16px;bottom:14px;flex:none;max-width:62%;justify-content:flex-end}
  html body .yol-kap.yb-yer-rozet .kirinti{font-size:.78rem;padding:.35rem .9rem}
}
@media(max-width:700px){
  html body .yol-kap.yb-yer .yol-bant-ic{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;padding-right:16px}
  html body .yol-kap.yb-yer-serit .yol-bant-ic{padding-bottom:64px}
  html body .yol-kap.yb-yer-yolust .yol-bant-ic{justify-content:center}
  html body .yol-kap.yb-yer .kirinti{font-size:.8rem}
}
/* geri oku: yeri ve stili */
html body .yol-kap.yb-geri-kenar .yol-bant-ic{position:relative;padding-left:calc(16px + 52px)}
html body .yol-kap.yb-geri-kenar .yol-geri{position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0}
html body .yol-kap.yb-geri-kenar .yol-geri:hover{transform:translateY(-50%) translateX(-2px)}
html body .yol-kap.yb-geri-kenar.yb-gs-hap .yol-bant-ic{padding-left:calc(16px + 76px)}
html body .yol-kap.yb-geri-kenar.yb-gs-yalin .yol-bant-ic{padding-left:calc(16px + 44px)}
@media(max-width:700px){html body .yol-kap.yb-geri-kenar .yol-bant-ic{padding-left:calc(12px + 46px);padding-right:16px}html body .yol-kap.yb-geri-kenar.yb-gs-hap .yol-bant-ic{padding-left:calc(8px + 76px)}html body .yol-kap.yb-geri-kenar.yb-gs-yalin .yol-bant-ic{padding-left:calc(8px + 42px)}html body .yol-kap.yb-geri-kenar .yol-geri{left:8px}}
html body .yol-kap.yb-gs-yalin .yol-geri{background:none;width:36px;height:36px}
html body .yol-kap.yb-gs-yalin .yol-geri:hover{background:none;opacity:.75}
html body .yol-kap.yb-gs-yalin .yol-geri .ik{font-size:2.1rem}
html body .yol-kap.yb-gs-daire .yol-geri,html body .yol-kap.yb-gs-hap .yol-geri{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html body .yol-kap.yb-gs-daire.yb-acik .yol-geri,html body .yol-kap.yb-gs-hap.yb-acik .yol-geri{background:rgba(0,0,0,.07);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}
html body .yol-kap.yb-gs-daire .yol-geri:hover,html body .yol-kap.yb-gs-hap .yol-geri:hover{background:rgba(255,255,255,.34)}
html body .yol-kap.yb-gs-daire.yb-acik .yol-geri:hover,html body .yol-kap.yb-gs-hap.yb-acik .yol-geri:hover{background:rgba(0,0,0,.14)}
html body .yol-kap.yb-gs-daire .yol-geri .ik,html body .yol-kap.yb-gs-hap .yol-geri .ik{font-size:1.5rem}
html body .yol-kap.yb-gs-hap .yol-geri{width:64px;height:38px;border-radius:99px}
/* baslik boyutu */
html body .yol-kap.yb.yb-bs-kucuk .yol-baslik{font-size:clamp(1.1rem,2.6vw,1.75rem)}
html body .yol-kap.yb.yb-bs-buyuk .yol-baslik{font-size:clamp(2rem,6vw,4rem)}
@media(max-width:700px){
  html body .yol-kap.yb.yb-bs-kucuk .yol-baslik{font-size:clamp(1rem,5vw,1.3rem)}
  html body .yol-kap.yb.yb-bs-buyuk .yol-baslik{font-size:clamp(1.7rem,8vw,2.4rem)}
}
/* yol satiri ayraci (Duz Yazi, Beyaz Kart, Buzlu Cam stillerinde) */
html body .yol-kap.yb-ay-ok{--yb-ayrac:"\203A"}
html body .yol-kap.yb-ay-egik{--yb-ayrac:"/"}
html body .yol-kap.yb-ay-nokta{--yb-ayrac:"\2022"}
html body .yol-kap.yb-ay-yon{--yb-ayrac:"\2192"}
html body .yol-kap:is(.yb-ay-ok,.yb-ay-egik,.yb-ay-nokta,.yb-ay-yon):is(.yb-ks-duz,.yb-ks-kart,.yb-ks-cam) .kirinti>*+*::before{content:var(--yb-ayrac)}
/* yol satirinin son ogesi (gecerli sayfa) vurgusu */
html body .yol-kap.yb-sv-kalin .kirinti>span[aria-current]{font-weight:800}
html body .yol-kap.yb-sv-hap .kirinti>span[aria-current]{position:relative;margin-left:1.5em;padding:.15rem .7rem;border-radius:99px;background:color-mix(in srgb,currentColor 18%,transparent);font-weight:700}
html body .yol-kap.yb-sv-hap .kirinti>span[aria-current]::before{position:absolute;right:100%;margin:0 .5em 0 0}
html body .yol-kap.yb-sv-cizgi .kirinti>span[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em;font-weight:700}
html body .yol-kap.yb-sv-cizgi .kirinti>span[aria-current]::before{display:inline-block;text-decoration:none}
/* === /BOLUM-YOL-YERLESIM === */

/* === BOLUM-YOL-DESEN: yol bandi desenleri v2 (vitrin; --yb-ds sikligi) === */
html body .yol-kap.yb.yb-acik{--yb-dr:0,0,0}
html body .yol-kap.yb.yb-desen-yok .yol-bant::before{display:none}
html body .yol-kap.yb.yb-desen-cizgi .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-linear-gradient(135deg,rgba(var(--yb-dr,255,255,255),calc(0.045*var(--yb-da,1))) 0 calc(14px*var(--yb-ds,1)),transparent calc(14px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)));background-size:auto,auto;background-position:0 0,0 0;background-repeat:no-repeat,repeat}
html body .yol-kap.yb.yb-desen-nokta .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(rgba(var(--yb-dr,255,255,255),calc(0.3*var(--yb-da,1))) 1.7px,transparent 2.3px);background-size:auto,calc(16px*var(--yb-ds,1)) calc(16px*var(--yb-ds,1));background-position:0 0,0 0;background-repeat:no-repeat,repeat}
html body .yol-kap.yb.yb-desen-izgara .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(rgba(var(--yb-dr,255,255,255),calc(0.13*var(--yb-da,1))) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--yb-dr,255,255,255),calc(0.13*var(--yb-da,1))) 1px,transparent 1px);background-size:auto,calc(26px*var(--yb-ds,1)) calc(26px*var(--yb-ds,1)),calc(26px*var(--yb-ds,1)) calc(26px*var(--yb-ds,1));background-position:0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-elmas .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(45deg,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 25%,transparent 25% 75%,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 75%),linear-gradient(45deg,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 25%,transparent 25% 75%,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 75%);background-size:auto,calc(36px*var(--yb-ds,1)) calc(36px*var(--yb-ds,1)),calc(36px*var(--yb-ds,1)) calc(36px*var(--yb-ds,1));background-position:0 0,0 0,calc(18px*var(--yb-ds,1)) calc(18px*var(--yb-ds,1));background-repeat:no-repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-dama .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),conic-gradient(rgba(var(--yb-dr,255,255,255),calc(0.06*var(--yb-da,1))) 25%,transparent 0 50%,rgba(var(--yb-dr,255,255,255),calc(0.06*var(--yb-da,1))) 0 75%,transparent 0);background-size:auto,calc(40px*var(--yb-ds,1)) calc(40px*var(--yb-ds,1));background-position:0 0,0 0;background-repeat:no-repeat,repeat}
html body .yol-kap.yb.yb-desen-halka .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-radial-gradient(circle at 100% 0,transparent 0 calc(22px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.14*var(--yb-da,1))) calc(22px*var(--yb-ds,1)) calc(24px*var(--yb-ds,1)));background-size:auto,auto;background-position:0 0,0 0;background-repeat:no-repeat,repeat}
html body .yol-kap.yb.yb-desen-zigzag .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(135deg,rgba(var(--yb-dr,255,255,255),calc(0.08*var(--yb-da,1))) 25%,transparent 25%),linear-gradient(225deg,rgba(var(--yb-dr,255,255,255),calc(0.08*var(--yb-da,1))) 25%,transparent 25%),linear-gradient(315deg,rgba(var(--yb-dr,255,255,255),calc(0.08*var(--yb-da,1))) 25%,transparent 25%),linear-gradient(45deg,rgba(var(--yb-dr,255,255,255),calc(0.08*var(--yb-da,1))) 25%,transparent 25%);background-size:auto,calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)),calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)),calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)),calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1));background-position:0 0,calc(-14px*var(--yb-ds,1)) 0,calc(-14px*var(--yb-ds,1)) 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-dalga .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 50% 100%,transparent calc(8px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.17*var(--yb-da,1))) calc(8px*var(--yb-ds,1)) calc(10px*var(--yb-ds,1)),transparent calc(10px*var(--yb-ds,1)));background-size:auto,calc(26px*var(--yb-ds,1)) calc(13px*var(--yb-ds,1));background-position:0 0,0 0;background-repeat:no-repeat,repeat}
html body .yol-kap.yb.yb-desen-capraz .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-linear-gradient(45deg,rgba(var(--yb-dr,255,255,255),calc(0.09*var(--yb-da,1))) 0 1px,transparent 1px calc(18px*var(--yb-ds,1))),repeating-linear-gradient(-45deg,rgba(var(--yb-dr,255,255,255),calc(0.09*var(--yb-da,1))) 0 1px,transparent 1px calc(18px*var(--yb-ds,1)));background-size:auto,auto,auto;background-position:0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-ucgen .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(60deg,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 25%,transparent 25.5%,transparent 75%,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 75.5%),linear-gradient(120deg,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 25%,transparent 25.5%,transparent 75%,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 75.5%);background-size:auto,calc(44px*var(--yb-ds,1)) calc(76px*var(--yb-ds,1)),calc(44px*var(--yb-ds,1)) calc(76px*var(--yb-ds,1));background-position:0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-pul .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 0 100%,transparent calc(13px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.15*var(--yb-da,1))) calc(13px*var(--yb-ds,1)) calc(15px*var(--yb-ds,1)),transparent calc(15px*var(--yb-ds,1))),radial-gradient(circle at 100% 100%,transparent calc(13px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.15*var(--yb-da,1))) calc(13px*var(--yb-ds,1)) calc(15px*var(--yb-ds,1)),transparent calc(15px*var(--yb-ds,1))),radial-gradient(circle at 0 100%,transparent calc(13px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.15*var(--yb-da,1))) calc(13px*var(--yb-ds,1)) calc(15px*var(--yb-ds,1)),transparent calc(15px*var(--yb-ds,1)));background-size:auto,calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)),calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1)),calc(28px*var(--yb-ds,1)) calc(28px*var(--yb-ds,1));background-position:0 0,0 0,0 0,calc(14px*var(--yb-ds,1)) calc(-14px*var(--yb-ds,1));background-repeat:no-repeat,repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-harita .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-radial-gradient(ellipse at 18% 30%,transparent 0 calc(15px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.12*var(--yb-da,1))) calc(15px*var(--yb-ds,1)) calc(16px*var(--yb-ds,1))),repeating-radial-gradient(ellipse at 82% 75%,transparent 0 calc(19px*var(--yb-ds,1)),rgba(var(--yb-dr,255,255,255),calc(0.1*var(--yb-da,1))) calc(19px*var(--yb-ds,1)) calc(20px*var(--yb-ds,1)));background-size:auto,auto,auto;background-position:0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-isik .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 12% 38%,rgba(var(--yb-dr,255,255,255),calc(0.12*var(--yb-da,1))) 0 calc(22px*var(--yb-ds,1)),transparent calc(23px*var(--yb-ds,1))),radial-gradient(circle at 46% 70%,rgba(var(--yb-dr,255,255,255),calc(0.09*var(--yb-da,1))) 0 calc(34px*var(--yb-ds,1)),transparent calc(35px*var(--yb-ds,1))),radial-gradient(circle at 74% 28%,rgba(var(--yb-dr,255,255,255),calc(0.1*var(--yb-da,1))) 0 calc(16px*var(--yb-ds,1)),transparent calc(17px*var(--yb-ds,1))),radial-gradient(circle at 83% 76%,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 0 calc(24px*var(--yb-ds,1)),transparent calc(25px*var(--yb-ds,1)));background-size:auto,calc(260px*var(--yb-ds,1)) calc(130px*var(--yb-ds,1)),calc(260px*var(--yb-ds,1)) calc(130px*var(--yb-ds,1)),calc(260px*var(--yb-ds,1)) calc(130px*var(--yb-ds,1)),calc(260px*var(--yb-ds,1)) calc(130px*var(--yb-ds,1));background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat,repeat}
html body .yol-kap.yb.yb-desen-dikey .yol-bant::before{display:block;background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-linear-gradient(90deg,rgba(var(--yb-dr,255,255,255),calc(0.07*var(--yb-da,1))) 0 calc(2px*var(--yb-ds,1)),transparent calc(2px*var(--yb-ds,1)) calc(14px*var(--yb-ds,1)));background-size:auto,auto;background-position:0 0,0 0;background-repeat:no-repeat,repeat}
/* === /BOLUM-YOL-DESEN === */

/* İletişim: e-posta adresi harf ortasından bölünmesin; harita kartı */
html body .ic-deger.ic-eposta{overflow-wrap:break-word;word-break:normal;font-size:clamp(.74rem,3.6vw,.94rem);letter-spacing:-.01em}
html body .ic-harita{margin-bottom:1.5rem;border:1px solid var(--kenar);border-radius:calc(var(--kose,14px) + 6px);background:var(--kart-zemin,#fff);overflow:hidden;box-shadow:0 12px 28px -22px color-mix(in srgb,var(--ana) 70%,#000)}
html body .ic-harita-ust{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:1.1rem 1.3rem}
html body .ic-harita-ust h2{margin:0 0 .2rem;font-size:1.15rem}html body .ic-harita-ust p{margin:0;color:var(--yazi-2);line-height:1.45;font-size:.93rem}
html body .ic-harita-cerceve{position:relative;height:380px;background:color-mix(in srgb,var(--ana) 6%,#eef1f5);border-top:1px solid var(--kenar)}
html body .ic-harita-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:560px){html body .ic-harita-ust{padding:1rem}html body .ic-harita-dugme,html body .ic-harita-dugme .dugme{width:100%;text-align:center}html body .ic-harita-cerceve{height:300px}}

/* ---- form kontrolleri (mobil kullanım) ---- */
/* Onay kutuları ve radyo düğmeleri site genelinde büyük ve dokunması kolay; :where() sayesinde özel boyutlu/gizli onay kutuları (ör. menü ve çip anahtarları) etkilenmez */
:where(html body) :is(input[type=checkbox],input[type=radio]){width:1.5rem;height:1.5rem;min-width:1.5rem;flex:none;accent-color:var(--ana);cursor:pointer}
/* Odak halkası alanın İÇİNDE çizilir: kart/form kenarından taşmaz (genel halka 3px + 2px dışarıdaydı); uzun yer tutucular "…" ile kısalır */
:where(.alan,.form-kutusu,.hs-kap) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{outline-offset:-2px}
:where(.alan,.form-kutusu,.hs-kap) :is(input,textarea)::placeholder{text-overflow:ellipsis}
.alan input,.form-kutusu input{text-overflow:ellipsis}

/* Ürün kartlarında marka etiketi: Ayarlar > Ürün Kartı > "Kartlarda markayı göster" kapalıysa (body.km-yok) gizlenir; ürün sayfasındaki marka etkilenmez */
html body.km-yok .urun-karti .marka{display:none}

/* ---- İletişim: Şubelerimiz (şube kartları + ortak harita) ---- */
html body .ic-subeler{margin:0 0 1.75rem}
html body .ic-sube-ust{margin:0 0 1rem}
html body .ic-sube-ust h2{margin:0 0 .25rem;font-size:1.35rem}
html body .ic-sube-ust p{margin:0;color:var(--yazi-2)}
html body .ic-sube-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0 0 1.1rem}
html body .ic-sube{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem;border:1px solid var(--kenar);border-radius:calc(var(--kose,14px) + 6px);background:var(--kart-zemin,#fff);box-shadow:0 8px 20px -18px color-mix(in srgb,var(--ana) 70%,#000);transition:border-color .15s,box-shadow .15s}
html body .ic-sube.secili{border-color:var(--ana);box-shadow:0 0 0 2px color-mix(in srgb,var(--ana) 25%,transparent),0 14px 28px -20px color-mix(in srgb,var(--ana) 80%,#000)}
html body .ic-sube-baslik{display:flex;flex-direction:column;gap:.25rem}
html body .ic-sube-baslik h3{margin:0;font-size:1.1rem}
html body .ic-sube-tur{align-self:flex-start;padding:.15rem .6rem;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ana-ok,var(--ana));background:color-mix(in srgb,var(--ana) 12%,transparent)}
html body .ic-sube-adres{display:flex;gap:.5rem;align-items:flex-start;margin:0;line-height:1.45}
html body .ic-sube-adres .ik{flex:none;margin-top:.15rem;color:var(--ana-ok,var(--ana))}
html body .ic-sube-saat,html body .ic-sube-not{margin:0;font-size:.9rem;color:var(--yazi-2)}
html body .ic-sube-liste{display:grid;gap:.15rem;margin:0;padding:0;list-style:none}
html body .ic-sube-liste a{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.45rem .2rem;border-radius:10px;color:var(--yazi);text-decoration:none;min-height:40px}
html body .ic-sube-liste a:hover{background:color-mix(in srgb,var(--ana) 8%,transparent);text-decoration:none}
html body .ic-sube-liste .ik{color:var(--ana-ok,var(--ana))}
html body .ic-sube-liste b{font-size:.88rem}
html body .ic-sube-liste a>span:last-child{justify-self:end;text-align:right;overflow-wrap:anywhere}
html body .ic-sube-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.4rem}
html body .ic-sube-harita{margin:0}
@media(max-width:560px){html body .ic-sube{padding:1rem}html body .ic-sube-dugmeler .dugme{flex:1 1 140px;justify-content:center;text-align:center}}