:root{--fi:#FF5C1F;--fi-1:#FFB224;--fi-2:#FF5C1F;--fi-d:#E85D0C;--fi-yazi:#B8440A;--fi-a:#FFF2E8;--mur:#16171B}
/* 29.10 (patron: «kendi sunucumuzdan yüklensin»): Poppins (400–900) + Archivo (değişken: ağırlık 100–900, genişlik %62–125) — SIL OFL 1.1, Google Fonts'un
   verdiği dosyalar ve @font-face kuralları birebir, yalnız latin + latin-ext (Türkçe ğ ş ı İ); /v/ altından (kendi sunucumuz, dış istek yok). */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(archivolatinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(archivolatin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(poppins400latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(poppins400latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(poppins500latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(poppins500latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(poppins600latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(poppins600latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(poppins700latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(poppins700latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(poppins800latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(poppins800latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(poppins900latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(poppins900latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* FiBazaar — müşteri sitesi (yön D «Canlı Rehber»). Kural: turuncu = fırsat. Telefon önce; ≥1000 px masaüstü (sol menü, harita solda liste sağda).
   Renk değişkenleri --fi* ve --mur kimlikCss()'ten (gorunum.php FB_KIMLIK) önce basılır. */
:root{
  --mur2:#3A3D46;--gri:#61656F;--gri2:#9A9EA8;--cizgi:#ECEDF0;--zemin:#F4F5F7;
  --deniz:#0E6A8F;--yeme:#C8412F;--gece:#1E2035;--firin:#2D6A4F;--spa:#7A3E7E;--gunes:#FFC53D;--yesil:#167A47;--mavi:#2E90FA;--kirmizi:#B42318;
  /* yazı tipi dosyası yüklenmez (dış istek yok): cihazda varsa Poppins/Archivo, yoksa sistem yazısı */
  --dar:'Archivo','Bahnschrift','Arial Narrow','Roboto Condensed','Helvetica Neue Condensed',sans-serif-condensed,'Helvetica Neue',Arial,sans-serif;
  --yazi:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --golge:0 1px 2px rgba(22,23,27,.06),0 10px 28px rgba(22,23,27,.10);
  --tab:68px;--alt:env(safe-area-inset-bottom,0px);--ust:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--mur);font-family:var(--yazi);font-size:15px;line-height:1.45;overflow-x:hidden}
body.tabli main{padding-bottom:calc(var(--tab) + var(--alt) + 8px)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3{margin:0}
:focus-visible{outline:3px solid var(--mavi);outline-offset:2px}
.atla{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;padding:8px 12px;border-radius:8px}
.atla:focus{left:8px}
.ik{flex:none;display:block}
.fi-logo{display:block;flex:none}
.dar{font-family:var(--dar);font-weight:900;font-stretch:66%;letter-spacing:-.005em}
.tabnum,.sure,.sayac{font-variant-numeric:tabular-nums}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yatay{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.yatay::-webkit-scrollbar{display:none}
@keyframes nabiz{0%{transform:scale(.55);opacity:.55}100%{transform:scale(2);opacity:0}}
@keyframes canli{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes don{to{transform:rotate(1turn)}}
@keyframes damga{from{opacity:0;transform:rotate(calc(var(--aci,-4deg) - 9deg)) scale(1.45)}55%{opacity:1}to{opacity:1;transform:rotate(var(--aci,-4deg)) scale(1)}}
@keyframes tostGir{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.nabiz{animation:nabiz 1.9s ease-out infinite}
.canli{animation:canli 1.3s ease-in-out infinite}

/* kilit (logo + ad) */
.kilit{display:flex;align-items:center;gap:11px}
.kilit b{display:block;font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1}
.kilit small{display:block;font-size:8.5px;font-weight:600;letter-spacing:.24em;margin-top:5px;color:var(--gri)}
.kilit.ters b{color:#fff}.kilit.ters small{color:rgba(255,255,255,.72)}

/* düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:16px;border:0;font-weight:600;font-size:15.5px;white-space:nowrap;text-align:center}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.genis,.genis{width:100%}
.btn-koyu{background:var(--mur);color:#fff}
.btn-gri{background:var(--zemin);color:var(--mur)}
.btn-beyaz{background:#fff;color:var(--mur);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.btn-cizgi{background:#fff;color:var(--mur);box-shadow:inset 0 0 0 1.5px var(--mur)}
.btn-tur{background:var(--fi-yazi);color:#fff;font-weight:700}
.btn-kirmizi{background:var(--kirmizi);color:#fff}
.btn.kare{flex:none;width:52px;padding:0}
.metin-dgm{background:none;border:0;padding:8px 0;font-weight:600;color:var(--mur2);text-decoration:underline;text-underline-offset:3px}
.kare-dgm{flex:none;width:52px;height:52px;border-radius:16px;border:0;background:var(--zemin);color:var(--mur);display:flex;align-items:center;justify-content:center}
.kare-dgm.secili,.dgm.secili{color:var(--fi-d)}
.kare-dgm.secili .ik,.dgm.secili .ik{fill:currentColor}
.dgm{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--zemin);color:var(--mur);display:flex;align-items:center;justify-content:center}
.dgm.cam{background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.16)}
.dgm.koyu-cam{background:rgba(0,0,0,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dgm.koyu{background:var(--mur);color:#fff}
.genis-form{flex:1;min-width:0;display:flex}

/* yazı parçaları */
.ust-et{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--gri)}
.ust-et.bosluk{margin:20px 4px 10px}
.kat{font-size:11px;font-weight:700;letter-spacing:.09em}
.canli-et{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--fi-yazi);white-space:nowrap}
.canli-et.gri{color:var(--gri)}
.nokta{flex:none;display:block;width:7px;height:7px;border-radius:50%;background:var(--fi)}
.bolum{margin:0;font-size:17px;font-weight:700;letter-spacing:-.015em}
.buyuk-bas{margin:0;font-family:var(--dar);font-weight:900;font-stretch:68%;font-size:clamp(34px,10vw,46px);line-height:.95;letter-spacing:-.005em}
.ipucu{font-size:12.5px;color:var(--gri);line-height:1.45;margin:6px 0 0}
.kucuk{font-size:12px;color:var(--gri);line-height:1.5}
.kucuk a,.ipucu a{text-decoration:underline}
.ornek-et{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:var(--zemin);color:var(--gri);font-size:10.5px;font-weight:600;letter-spacing:.02em}
.bosluk-ust{margin-top:16px}

/* fiyat, süre, kalan, bar */
.fiyat{display:flex;align-items:baseline;gap:8px;white-space:nowrap;flex-wrap:wrap}
.fiyat b{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}
.fiyat s{font-size:13.5px;color:var(--gri)}
.sure{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 9px;border-radius:999px;background:var(--zemin);color:var(--mur);font-family:var(--dar);font-weight:800;font-stretch:82%;font-size:16px;white-space:nowrap}
.sure .ik{stroke-width:2.2}
.kalan{font-size:12.5px;font-weight:600;color:var(--fi-yazi);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.bar{height:6px;border-radius:3px;background:var(--cizgi);overflow:hidden}
.bar i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--fi-1),var(--fi-2))}

/* indirim levhası (eğik, açılışta bir kez damga) */
.levha{display:inline-block;font-family:var(--dar);font-weight:900;font-stretch:66%;line-height:.86;letter-spacing:-.01em;color:#fff;background:var(--fi-d);padding:.13em .17em .05em;border-radius:.1em;transform:rotate(var(--aci,-4deg));box-shadow:0 12px 26px rgba(96,32,0,.30);white-space:nowrap}
.levha.hareket.gorundu{animation:damga .75s cubic-bezier(.2,1.5,.45,1) .15s both}
.js-damga .levha.hareket:not(.gorundu){opacity:0}
.kucuk-levha{font-size:24px;box-shadow:none;flex:none}

/* işletme halkası (hikâye) */
.halka{position:relative;flex:none;display:block;width:62px;height:62px;border-radius:50%;padding:3px}
.halka::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--fi-1),var(--fi-2),var(--fi-d),var(--fi-2),var(--fi-1));animation:don 9s linear infinite}
.halka.goruldu::before{background:#D5D7DC;animation:none}
.halka.foto-ust.goruldu::before{background:rgba(255,255,255,.55)}
.halka .hi{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2.5px solid #fff;color:#fff;font-family:var(--dar);font-weight:900;font-stretch:80%;letter-spacing:.01em;overflow:hidden}
.halka .hi img{width:100%;height:100%;object-fit:cover}
.hikaye{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;font-weight:600;line-height:1.15;text-align:center;white-space:nowrap;letter-spacing:-.01em}
.hikaye>span:last-child{max-width:66px;overflow:hidden;text-overflow:ellipsis}
.hikaye.foto-ust{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.av{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--dar);font-weight:900;font-stretch:80%;font-size:13px}

/* sekme çubuğu (telefon: altta; masaüstü: solda) */
.sekme{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tab) + var(--alt));padding:6px 0 var(--alt);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid var(--cizgi);z-index:50}
.sekme-logo{display:none!important}
.sekme a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:500;color:var(--gri)}
.sekme .ik{stroke-width:1.8}
.sekme a[aria-current="page"]{color:var(--mur);font-weight:700}
.sekme a[aria-current="page"] .ik{stroke-width:2.2}
.sekme a[aria-current="page"]::before{content:"";position:absolute;top:-7px;left:50%;width:24px;height:3px;margin-left:-12px;border-radius:0 0 3px 3px;background:var(--fi)}
.sekme .rz{position:absolute;top:2px;left:50%;margin-left:5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--fi);color:var(--mur);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.sekme .nokta-rz{min-width:10px;width:10px;height:10px;padding:0;margin-left:8px;top:6px}

/* tost */
.tost{position:fixed;top:calc(var(--ust) + 12px);left:50%;transform:translateX(-50%);z-index:120;width:max-content;max-width:calc(100% - 32px);background:var(--mur);color:#fff;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:tostGir .25s ease-out;transition:opacity .4s}
.tost a{color:var(--fi);font-weight:700;margin-left:6px;text-decoration:underline}
.tost.hata{background:var(--kirmizi)}
.tost.gizle{opacity:0;pointer-events:none}
.tost+.tost{top:calc(var(--ust) + 72px)}

/* boş durum */
.bos{text-align:center;padding:36px 12px;color:var(--gri)}
.bos .ik{margin:0 auto 12px;color:var(--gri2)}
.bos h2{color:var(--mur);font-size:19px;margin-bottom:6px}
.bos p{margin:0 auto 16px;max-width:380px;font-size:14px;line-height:1.5}

/* içerik sayfası */
.icerik{max-width:640px;margin:0 auto;padding:4px 16px 24px}
.dar-icerik{max-width:460px}
.ust-bas{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:calc(var(--ust) + 10px) 16px 10px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:640px;margin:0 auto}
.gri-zemin .ust-bas{background:rgba(244,245,247,.94)}
.ub-metin{flex:1;min-width:0}
.ust-bas h1{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.ub-alt{font-size:12.5px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gri-zemin{background:var(--zemin)}
.kutu{border:1px solid var(--cizgi);border-radius:18px;padding:4px 16px;background:#fff}
.bolum-bas{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 10px}
.bolum-bas a{font-size:12.5px;color:var(--gri)}

/* formlar */
.alan{margin:0 0 14px}
.alan label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.alan input,.alan select,.alan textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--cizgi);background:#fff;font-size:16px}
.alan textarea{min-height:110px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--mur);outline:none}
.onay-satir{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;margin:0 0 14px}
.onay-satir input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--mur)}
.onay-satir a{text-decoration:underline}
.giris-kart{display:flex;flex-direction:column;gap:14px;padding:8px 0}
.giris-kart>p{margin:0;color:var(--mur2);line-height:1.5}
.giris-kart form{display:flex;flex-direction:column}

/* ============ M1 açılış ============ */
.koyu-zemin{background:#0B0C0F}
.acilis{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.acilis-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duz-acilis{background:radial-gradient(120% 80% at 70% 10%,var(--fi-1),var(--fi-2) 40%,#5a1d02 100%)}
.perde-ust{position:absolute;left:0;right:0;top:0;height:230px;background:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,0));pointer-events:none}
.perde-alt{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));pointer-events:none}
.acilis-kart{position:relative;margin:0 12px calc(var(--alt) + 14px);background:#fff;border-radius:26px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 22px 48px rgba(0,0,0,.32);max-width:520px;align-self:center;width:calc(100% - 24px)}
.acilis-kart p{margin:0;color:var(--mur2);line-height:1.5}
.acilis-kart form{display:flex}
.acilis-kart .btn{white-space:normal;line-height:1.25;padding:8px 16px}
.canli-sayi-yazi{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--fi-yazi)!important}

/* ============ M3 akış ============ */
.akis-sayfa{background:#0B0C0F}
.akis-sayfa main{padding-bottom:0!important}
.akis-kap{position:relative;height:100dvh;max-width:480px;margin:0 auto}
.akis{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}
.akis::-webkit-scrollbar{display:none}
.akis-oge{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#0B0C0F}
.tam-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.duz{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:120px 24px 260px}
.duz-ad{font-family:var(--dar);font-weight:900;font-stretch:64%;font-size:clamp(44px,15vw,72px);line-height:.9;letter-spacing:-.005em;opacity:.95;overflow-wrap:anywhere}
.duz .ik{opacity:.5}
.kaynak{position:absolute;z-index:4;right:16px;top:calc(var(--ust) + 196px);font-size:10px;color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.akis-ust{position:absolute;left:16px;right:16px;top:calc(var(--ust) + 8px);height:46px;display:flex;align-items:center;gap:16px;z-index:30;color:#fff}
.akis-sekme{flex:1;display:flex;gap:20px;font-size:15px;font-weight:600;color:rgba(255,255,255,.74)}
.akis-sekme a{position:relative;height:46px;display:flex;align-items:center}
.akis-sekme .akt{color:#fff;font-weight:700}
.akis-sekme .akt::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:3px;border-radius:2px;background:var(--fi)}
.hikayeler{position:absolute;left:0;right:0;top:calc(var(--ust) + 62px);gap:12px;padding:0 16px;z-index:30}
.istek-cip{position:absolute;left:16px;top:calc(var(--ust) + 156px);z-index:30;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#fff;color:var(--mur);font-family:var(--dar);font-weight:900;font-stretch:72%;font-size:16px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.sira{position:absolute;right:16px;top:calc(var(--ust) + 160px);z-index:30;height:24px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.34);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center}
.akis-alt{position:absolute;left:12px;right:12px;bottom:calc(var(--tab) + var(--alt) + 12px);z-index:6;display:flex;flex-direction:column;align-items:flex-start}
.akis-levha{position:relative;z-index:2;font-size:clamp(58px,21vw,88px);margin:0 0 -16px 8px}
.akis-kart{align-self:stretch;background:#fff;border-radius:24px;padding:14px 18px 18px;box-shadow:0 22px 48px rgba(0,0,0,.32)}
.akis-kart .ust{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:20px;flex-wrap:wrap}
.akis-kart .ust .kat{margin-right:auto}
.akis-kart h2{margin:10px 0 0;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.akis-kart .alt{font-size:13px;color:var(--gri);margin-top:3px}
.kart-fiyat{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--cizgi);flex-wrap:wrap}
.kart-dgm{display:flex;gap:8px;margin-top:14px}
.bos-oge .akis-alt{top:calc(var(--ust) + 160px);justify-content:flex-end}
@media (max-height:700px){.akis-levha{font-size:58px}.akis-kart h2{font-size:19px}.kart-fiyat{margin-top:10px;padding-top:10px}.kart-dgm{margin-top:10px}.hikaye{width:56px}.hikayeler .halka{width:52px!important;height:52px!important}}

/* ============ M2 harita ============ */
.harita-sayfa{position:relative}
.harita-ust{position:absolute;left:16px;right:16px;top:calc(var(--ust) + 12px);z-index:8;display:flex;flex-direction:column;gap:10px}
.arama-hap{display:flex;align-items:center;gap:10px;height:52px;padding:0 8px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(22,23,27,.14);font-size:15px;color:var(--gri)}
.ah-metin{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canli-sayi{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:12px;background:var(--zemin);color:var(--mur);font-size:13px;font-weight:600;white-space:nowrap}
.cipler{gap:8px;margin:0 -16px;padding:0 16px 6px}
.cip{flex:none;height:36px;padding:0 15px;border-radius:999px;background:#fff;color:var(--mur);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:0 2px 8px rgba(22,23,27,.10)}
.cip.akt{background:var(--mur);color:#fff}
.harita-alan{position:relative;width:100%;height:58vh;height:58dvh;min-height:360px;overflow:auto;background:#EEF0F2;scrollbar-width:none;overscroll-behavior:contain}
.harita-alan::-webkit-scrollbar{display:none}
.harita-ic{position:relative;width:1440px;height:900px}
.harita-resim{display:block;width:1440px;height:900px;max-width:none;filter:saturate(.38) brightness(1.05) contrast(.92);user-select:none;-webkit-user-drag:none}
.pin{position:absolute;width:0;height:0;z-index:3}
.pin-g{position:absolute;left:0;bottom:7px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 4px;border-radius:999px;background:#fff;color:var(--mur);font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 4px 14px rgba(22,23,27,.20)}
.pin-g::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#fff}
.pin-g i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;background:var(--mur);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pin-g em{font-style:normal;font-family:var(--dar);font-weight:900;font-stretch:72%;font-size:14.5px;color:var(--fi-yazi)}
.pin-g .cd{position:absolute;right:-3px;top:-3px;width:11px;height:11px}
.pin-g .cd::before,.pin-g .cd::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--fi)}
.pin-g .cd::after{box-shadow:0 0 0 2px #fff}
.pin-g .cd::before{animation:nabiz 1.9s ease-out infinite}
.pin-g.sec{background:var(--mur);color:#fff;height:38px;font-size:15px;padding:0 13px 0 6px;gap:8px;box-shadow:0 8px 20px rgba(22,23,27,.32);z-index:2}
.pin-g.sec::after{border-top-color:var(--mur)}
.pin-g.sec i{background:var(--fi);color:var(--mur);width:26px;height:26px;font-size:13px}
.pin-g.sec em{color:var(--fi);font-size:16px}
.pin-g.kume{padding-right:12px}
.nokta-pin{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#8C919B;box-shadow:0 0 0 2.5px #fff,0 2px 5px rgba(0,0,0,.2);z-index:2}
.sen{position:absolute;width:0;height:0;z-index:4}
.sen .nb{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;background:var(--mavi)}
.sen .nk{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--mavi);border:3.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.halka-5dk{position:absolute;border-radius:50%;border:1.5px dashed rgba(46,144,250,.55);background:rgba(46,144,250,.05);pointer-events:none;z-index:1}
.carsaf{position:relative;margin-top:-26px;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -10px 30px rgba(22,23,27,.12);padding:0 20px 12px;z-index:6}
.tutamac{width:40px;height:5px;border-radius:3px;background:#DADCE0;margin:9px auto 10px}
.carsaf-bas{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.carsaf-bas span{font-size:12.5px;color:var(--gri)}

/* liste satırı (harita çarşafı, ara sonuçları, kaydettiklerim) */
.liste{margin-top:4px}
.liste-satir{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--cizgi);min-width:0}
.liste-satir:last-child{border-bottom:0}
.liste-satir.soluk{opacity:.55}
.liste-satir .no{flex:none;width:24px;height:24px;border-radius:50%;background:var(--mur);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.liste-satir .no.sec{background:var(--fi);color:var(--mur)}
.mini{flex:none;position:relative;width:56px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}
.mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mini b{position:relative;font-family:var(--dar);font-weight:900;font-stretch:64%;font-size:22px;line-height:1;letter-spacing:-.01em}
.mini.foto b{align-self:flex-end;margin-bottom:5px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);z-index:1}
.mini.foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55))}
.liste-satir .o{flex:1;min-width:0}
.liste-satir .o b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.liste-satir .o b.cok-satir{white-space:normal;overflow-wrap:anywhere;font-weight:500;font-size:14px;line-height:1.35}
.liste-satir .o span{display:block;font-size:12.5px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.liste-satir .s{flex:none;text-align:right}
.liste-satir .s b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.liste-satir .s span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--fi-yazi);margin-top:2px}
.liste-satir.bildirim.yeni .o b{font-weight:700}
.bd-ik{flex:none;width:40px;height:40px;border-radius:12px;background:var(--zemin);display:flex;align-items:center;justify-content:center;color:var(--mur2)}
.bildirim.yeni .bd-ik{background:var(--fi-a);color:var(--fi-yazi)}

/* ============ M4 ara ============ */
.ara-sayfa{padding-top:calc(var(--ust) + 18px)}
.ara-sayfa .buyuk-bas{margin:0 4px}
.ara-kutu{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:14px;background:var(--zemin);margin-top:14px;color:var(--gri)}
.ara-kutu input{flex:1;min-width:0;border:0;background:none;height:100%;font-size:16px;outline:none;color:var(--mur)}
.ruh-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ruh-izgara>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.ruh{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;border-radius:20px;padding:14px 14px 13px;color:#fff;overflow:hidden}
.ruh b{font-family:var(--dar);font-weight:900;font-stretch:64%;font-size:clamp(30px,9.4vw,38px);line-height:.9;letter-spacing:-.005em;overflow-wrap:anywhere}
.ruh .alt{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;font-size:12px;font-weight:500;line-height:1.35}
.ruh .sayi{flex:none;height:24px;min-width:30px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ruh.acik{color:var(--mur)}
.ruh.acik .sayi{background:rgba(22,23,27,.1)}
.etiket-cip{flex:none;height:36px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--cizgi);font-weight:500;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.koleksiyonlar{gap:10px;margin:0 -16px;padding:0 16px}
.kol-kart{flex:none;width:230px;min-height:120px;border-radius:20px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.kol-kart b{font-family:var(--dar);font-weight:900;font-stretch:66%;font-size:28px;line-height:.95}
.kol-kart span{font-size:12px;opacity:.85;line-height:1.35}
.kat-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kat-satir{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:14px;background:var(--zemin);font-size:13.5px;font-weight:500;min-width:0}
.kat-satir em{margin-left:auto;font-style:normal;font-weight:700;color:var(--gri)}
.kat-nokta{flex:none;width:12px;height:12px;border-radius:50%}
.sonuc-bas{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:20px 4px 6px}
.sonuc-bas a{font-size:13px;color:var(--gri);text-decoration:underline}

/* ============ M5 fırsat ============ */
.detay{background:#fff}
.firsat-sayfa{max-width:640px;margin:0 auto;position:relative}
.firsat-ust{position:relative;height:min(50vh,400px);height:min(50dvh,400px);min-height:280px;background:#0B0C0F;overflow:hidden}
.firsat-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.firsat-ust .duz{padding:80px 24px 60px}
.firsat-ust .kaynak{top:auto;bottom:40px}
.ust-dgm{position:absolute;left:16px;right:16px;top:calc(var(--ust) + 12px);display:flex;justify-content:space-between;z-index:10}
.ust-dgm>div{display:flex;gap:10px}
.ust-dgm.duz-ust{position:static;padding:calc(var(--ust) + 12px) 0 8px}
.yaprak{position:relative;margin-top:-28px;background:#fff;border-radius:26px 26px 0 0;padding:20px 20px calc(110px + var(--alt));z-index:5}
.detay-levha{position:absolute;left:20px;top:-58px;font-size:64px;z-index:6}
.yaprak-ust{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:18px;flex-wrap:wrap}
.yaprak-ust .kat{margin-right:auto}
.firsat-bas{margin:12px 0 0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.isl-satir{display:flex;align-items:center;gap:12px;margin-top:12px;min-width:0}
.isl-satir .ad{flex:1;min-width:0}
.isl-satir .ad b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isl-satir .ad span{display:block;font-size:12.5px;color:var(--gri)}
.isl-satir .halka{width:46px!important;height:46px!important;padding:2.5px}
.isl-satir .halka .hi{border-width:2px}
.takip{height:38px;padding:0 14px;border-radius:12px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--mur);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.takip.takipte{box-shadow:none;background:var(--zemin)}
.fiyat-kutu{border:1px solid var(--cizgi);border-radius:18px;padding:14px 16px;margin-top:16px}
.fiyat-kutu .ust{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.fiyat-kutu .sag{text-align:right}
.fiyat-kutu small{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--gri);margin-bottom:5px}
.sayac{font-family:var(--dar);font-weight:900;font-stretch:70%;font-size:40px;line-height:.9;letter-spacing:0}
.fiyat-kutu .bar{margin-top:14px}
.bar-alt{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;margin-top:7px;color:var(--gri)}
.dahil{list-style:none;margin:12px 0 0;padding:0}
.dahil li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;padding:4px 0;color:var(--mur2)}
.dahil .ik{color:var(--yesil);margin-top:1px;stroke-width:2.4}
.cta-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(var(--alt) + 14px);background:#fff;border-top:1px solid var(--cizgi);display:flex;gap:12px;align-items:center;z-index:40;max-width:640px;margin:0 auto}
.cta-bar.dikey{flex-direction:column;align-items:stretch;gap:6px}
.tabli .cta-bar{bottom:calc(var(--tab) + var(--alt));padding-bottom:12px}
.ctali main{padding-bottom:calc(var(--tab) + var(--alt) + 110px)!important}
.cta-not{text-align:center;font-size:12px;color:var(--gri)}
.adim{flex:none;display:flex;align-items:center;background:var(--zemin);border-radius:16px;height:56px}
.adim button{width:40px;height:56px;border:0;background:transparent;font-size:21px;font-weight:600}
.adim>span{display:flex;flex-direction:column;align-items:center;min-width:34px}
.adim input{width:40px;border:0;background:none;text-align:center;font-weight:700;font-size:18px;padding:0;-moz-appearance:textfield;appearance:textfield}
.adim input::-webkit-outer-spin-button,.adim input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.adim small{display:block;font-size:10px;font-weight:500;color:var(--gri);margin-top:1px}
.cta-bar .btn{min-height:56px}

/* ============ M6 işletme ============ */
.isletme-sayfa .kapak{width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:12px}
.isl-bas{display:flex;align-items:center;gap:16px}
.isl-bas .halka .hi{border-width:3px}
.isl-ad{min-width:0}
.isl-ad h1{font-size:25px;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.isl-ad .alt{font-size:13px;color:var(--gri);margin-top:3px}
.acik-durum{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--yesil)}
.acik-durum span{width:7px;height:7px;border-radius:50%;background:#22C55E}
.acik-durum.kapali{color:var(--gri)}
.acik-durum.kapali span{background:var(--gri2)}
.istat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;border:1px solid var(--cizgi);border-radius:16px;padding:10px 0;margin-top:16px}
.istat>div+div{border-left:1px solid var(--cizgi)}
.istat b{display:block;font-family:var(--dar);font-weight:900;font-stretch:72%;font-size:26px;line-height:1}
.istat span{font-size:11.5px;color:var(--gri)}
.iki-dgm{display:flex;gap:10px;margin-top:12px}
.iki-dgm>*{flex:1;min-width:0}
.iki-dgm form{display:flex}
.iki-dgm .btn{min-height:46px;font-size:14.5px}
.wa{background:#EAF7EE;border-radius:4px 16px 16px 16px;padding:10px 13px;font-size:13.5px;line-height:1.45;margin-top:12px}
.wa small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#256B40;font-weight:600}
.wa.onizleme{background:#EAF7EE;border:1.5px dashed #9BD3AE;font-size:15px}
.p-sekme{display:flex;gap:22px;border-bottom:1px solid var(--cizgi);margin-top:10px;overflow-x:auto;scrollbar-width:none}
.p-sekme a{flex:none;height:42px;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--gri)}
.p-sekme .akt{color:var(--mur);font-weight:700;box-shadow:inset 0 -3px 0 var(--fi)}
.canli-kart{display:flex;align-items:center;gap:14px;padding:12px;border-radius:20px;background:var(--fi-a);margin-top:12px}
.canli-kart .lv{flex:none;width:80px;height:80px;border-radius:16px;background:var(--fi-d);display:flex;align-items:center;justify-content:center;transform:rotate(-4deg);box-shadow:0 8px 18px rgba(96,32,0,.22)}
.canli-kart .lv .dar{font-size:31px;color:#fff;line-height:1}
.ck-o{flex:1;min-width:0}
.ck-o b{display:block;font-size:15px;font-weight:600;margin-top:3px}
.ck-o .fiyat{margin-top:5px}
.ck-o .fiyat b{font-size:18px;margin:0}
.kare3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.kare3>a{border-radius:16px;padding:10px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;background:var(--zemin);color:var(--gri);min-width:0}
.kare3 b{font-family:var(--dar);font-weight:900;font-stretch:64%;font-size:30px;line-height:.9}
.kare3 small{font-size:10.5px;font-weight:700;letter-spacing:.08em}
.kare3 span{font-size:11.5px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}
.urun-liste{margin-top:8px}
.urun-satir{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi);font-size:14px}
.urun-satir small{color:var(--gri)}
.yorum{padding:12px 0;border-bottom:1px solid var(--cizgi)}
.yorum-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.yorum-bas small{margin-left:auto;color:var(--gri);font-size:12px}
.yildizlar{color:var(--fi);letter-spacing:1px}
.yildizlar i{font-style:normal;color:#D5D7DC}
.yorum p{margin:6px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.bilgi{margin-top:12px;padding:8px 16px}
.bilgi p{margin:8px 0;font-size:14px;line-height:1.5}
.saatler{width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0}
.saatler caption{text-align:left;font-weight:600;padding:6px 0}
.saatler th{text-align:left;font-weight:500;color:var(--gri);padding:4px 0}
.saatler td{text-align:right;padding:4px 0}

/* ============ M7 sepet ============ */
.sepet{padding-top:4px}
.tutma{display:flex;align-items:center;gap:10px;background:var(--fi-a);color:var(--mur);border-radius:16px;padding:10px 14px;font-size:13.5px;font-weight:500}
.tutma>span{flex:1}
.tutma .ik{color:var(--fi-yazi)}
.tutma b{font-family:var(--dar);font-weight:900;font-stretch:72%;font-size:24px;line-height:1;color:var(--fi-yazi)}
.grup{border:1px solid var(--cizgi);border-radius:18px;padding:12px 14px;margin-top:10px}
.grup-bas{display:flex;align-items:center;gap:10px}
.gb-o{flex:1;min-width:0}
.grup-bas b{display:block;font-size:14px;font-weight:600}
.grup-bas small{display:block;font-size:12px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urun{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--cizgi)}
.urun .lv{flex:none;width:46px;height:46px;border-radius:12px;color:#fff;background:var(--fi-d);font-family:var(--dar);font-weight:900;font-stretch:64%;font-size:21px;display:flex;align-items:center;justify-content:center}
.urun .ad{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.3}
.urun .ad small{display:block;font-size:12px;color:var(--gri);font-weight:400}
.mini-adim{flex:none;display:flex;align-items:center;background:var(--zemin);border-radius:12px;height:40px}
.mini-adim button{width:34px;height:40px;border:0;background:transparent;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}
.mini-adim span{min-width:14px;text-align:center;font-weight:700;font-size:15px}
.kazanc{display:flex;align-items:center;justify-content:space-between;border-radius:16px;padding:10px 16px;margin-top:10px;background:var(--mur);color:#fff}
.kazanc span{font-size:11px;font-weight:600;letter-spacing:.09em;line-height:1.35;color:rgba(255,255,255,.75)}
.kazanc b{font-family:var(--dar);font-weight:900;font-stretch:66%;font-size:38px;line-height:.9;color:var(--fi)}
.kazanc.dikey{margin:0;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px}
.toplam-satir{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;margin-top:10px;padding:0 4px;flex-wrap:wrap}
.toplam-satir span{color:var(--gri)}
.secenek{display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 14px;box-shadow:inset 0 0 0 2px var(--mur)}
.secenek .r{flex:none;width:20px;height:20px;border-radius:50%;border:6px solid var(--mur)}
.so{flex:1;min-width:0}
.secenek b{display:block;font-size:14px;font-weight:600}
.secenek small{display:block;font-size:12px;color:var(--gri)}
.bilgi-satir{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:12px;color:var(--gri);line-height:1.45;padding:0 4px}

/* ============ M8 bilet ============ */
.biletler{display:flex;flex-direction:column;gap:14px}
.bilet{position:relative;background:#fff;border-radius:24px;box-shadow:0 1px 2px rgba(22,23,27,.05),0 14px 34px rgba(22,23,27,.10)}
.bilet.pasif{opacity:.92}
.bilet-ust{padding:18px 20px 16px}
.bilet-ust .isl-satir{margin-top:0}
.bilet-saat{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:16px}
.bilet-saat .sag{text-align:right}
.saat-buyuk{font-size:52px;line-height:.9;font-stretch:70%}
.bs-alt{font-size:12.5px;color:var(--gri);margin-top:4px}
.bilet-saat .ust-et{margin-bottom:6px}
.bilet-durum{margin-top:12px}
.bilet-kesik{position:relative;height:0;border-top:2px dashed #DFE1E5;margin:0 22px}
.bilet-kesik::before,.bilet-kesik::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--zemin)}
.bilet-kesik::before{left:-34px}.bilet-kesik::after{right:-34px}
.bilet-alt{padding:20px 20px 18px;text-align:center}
.qr-kutu{position:relative;display:inline-block;padding:10px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--cizgi);line-height:0}
.qr-kutu svg{display:block;width:168px;height:168px}
.pasif .qr-kutu svg{opacity:.18}
.damga-yazi{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--dar);font-weight:900;font-stretch:66%;font-size:30px;line-height:1;color:var(--kirmizi);border:3px solid currentColor;border-radius:8px;padding:4px 8px;white-space:nowrap}
.kod{font-family:var(--dar);font-weight:800;font-stretch:90%;font-size:20px;letter-spacing:.18em;margin-top:12px}
.bilet-not{font-size:12.5px;color:var(--gri);margin-top:4px;line-height:1.45}
.bilet-tutar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--cizgi);font-size:13.5px}
.bilet-tutar span{color:var(--gri)}
.bilet-dgm{display:flex;gap:10px;padding:0 16px 16px;flex-wrap:wrap}
.bilet-dgm>*{flex:1 1 110px}
.bilet-dgm>.kare{flex:0 0 52px}
.etk{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.etk.geldi{background:#EAF7EE;color:#256B40}
.etk.bekle{background:var(--mur);color:#fff}
.etk.gri{background:var(--zemin);color:var(--gri)}

/* ============ M13 yorum ============ */
.yorum-form{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.yildiz-sec{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.yildiz-sec legend{font-weight:700;font-size:17px;margin-bottom:10px;float:left;width:100%}
.yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.yildiz-sec label{font-size:44px;line-height:1;color:#D5D7DC;cursor:pointer;padding:0 2px}
.yildiz-sec input:checked~label,.yildiz-sec label:hover,.yildiz-sec label:hover~label{color:var(--fi)}
.yildiz-sec input:focus-visible+label{outline:3px solid var(--mavi);border-radius:6px}

/* ============ M10 profil ============ */
.profil{padding-top:calc(var(--ust) + 16px)}
.profil-bas{display:flex;align-items:center;gap:14px}
.profil-av{flex:none;width:60px;height:60px;border-radius:50%;background:var(--mur);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-stretch:80%}
.pb-o{flex:1;min-width:0}
.pb-ad{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.pb-alt{font-size:12.5px;color:var(--gri);margin-top:2px}
.profil-kutular{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:14px}
.bilet-kutu{display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;padding:12px 14px;background:var(--fi-a)}
.bilet-kutu .ust-et{color:var(--fi-yazi)}
.bk-alt{display:flex;align-items:center;justify-content:space-between}
.bk-alt b{font-size:38px;line-height:.9}
.bk-alt span{font-size:12px;font-weight:600;color:var(--fi-yazi);display:flex;align-items:center;gap:2px}
.hikayeler-acik{gap:10px;margin:0 -16px;padding:0 16px}
.ayar-satir{display:flex;align-items:center;gap:14px;min-height:50px;border-bottom:1px solid var(--cizgi);font-size:14.5px;font-weight:500;margin:0}
.kutu>.ayar-satir:last-child,.kutu>form.ayar-satir:last-child{border-bottom:0}
.ayar-satir>.ik{color:var(--gri);stroke-width:1.8}
.ayar-satir>span{flex:1;min-width:0}
.ayar-satir em{font-style:normal;margin-left:auto;font-size:13px;color:var(--gri);font-weight:400;display:flex;align-items:center;gap:4px}
.ayar-satir em .ik{color:var(--gri2)}
.ayar-satir.kirmizi{color:var(--kirmizi)}
.ayar-satir.kirmizi .ik{color:var(--kirmizi)}
.ayar-satir.soluk{opacity:.5}
.ayar-satir input[type=radio]{width:20px;height:20px;accent-color:var(--mur);margin:0}
.ayar-satir .metin-dgm{text-decoration:none;color:var(--mur);font-weight:500;padding:0;flex:1;text-align:left;min-height:50px}
.rz-satir{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--fi);color:var(--mur);font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.anahtar{flex:none;margin-left:auto;width:46px;height:28px;border-radius:14px;background:#D3D6DB;position:relative;border:0;padding:0}
.anahtar::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(22,23,27,.25);transition:left .15s}
.anahtar.acik{background:var(--yesil)}
.anahtar.acik::after{left:21px}

/* ============ M14 pasaport ============ */
.pasaport{background:var(--mur);color:#fff;border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px}
.pp-ust{display:flex;align-items:center;justify-content:space-between}
.pp-sayi{font-size:54px;line-height:.9;color:var(--fi)}
.pp-sayi small{font-size:24px;color:rgba(255,255,255,.6)}
.pasaport p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.85)}
.acik-bar{background:rgba(255,255,255,.15)}
.damgalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px;margin-top:18px}
.damga{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;font-weight:600}
.damga small{font-size:11px;color:var(--gri);font-weight:400}
.halka-bos{width:64px;height:64px;border-radius:50%;border:2px dashed #D5D7DC;display:flex;align-items:center;justify-content:center;color:#D5D7DC}
.bos-damga{color:var(--gri2)}

/* ============ M15 koleksiyon ============ */
.kol-bas{padding:calc(var(--ust) + 14px) 20px 26px;display:flex;flex-direction:column;gap:10px}
.kol-bas .ust-et{color:inherit;opacity:.8}
.kol-bas p{margin:0;opacity:.85;max-width:520px}
.kol-oge{border-bottom:1px solid var(--cizgi);padding-bottom:6px}
.kol-oge .liste-satir{border-bottom:0}

/* ============ M16 yardım, M17 yasal ============ */
.sss details{border-bottom:1px solid var(--cizgi);padding:12px 0}
.sss details:last-child{border-bottom:0}
.sss summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.sss summary::after{content:"+";font-weight:700;color:var(--gri)}
.sss details[open] summary::after{content:"−"}
.sss p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--mur2)}
.yasal h2{font-size:17px;margin:20px 0 6px}
.yasal p{margin:0;line-height:1.6;color:var(--mur2)}
.taslak-et{display:inline-block;margin:6px 0 0!important;padding:3px 10px;border-radius:6px;background:var(--fi-a);color:var(--fi-yazi)!important;font-weight:700;font-size:12px;letter-spacing:.08em}

/* ============ kurulum (tek seferlik web kurulumu) ============ */
.kur-tablo th{font-weight:500;color:var(--mur);vertical-align:top;padding:6px 8px 6px 0}
.kur-tablo td{text-align:left;padding:6px 0;overflow-wrap:anywhere}
.kur-tablo td small{display:block;color:var(--fi-yazi);font-size:12px;margin-top:2px}
.kd-isaret{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--yesil)}
.kd-uyari .kd-isaret{background:var(--fi-d)}
.kd-hata .kd-isaret{background:var(--kirmizi)}
.kur-uyari{color:var(--kirmizi)!important;font-weight:600}
.kur-adim{background:var(--fi-a);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.55}
.kur-adim ol{margin:8px 0 0;padding-left:20px}
.kur-adim code,.kur-parola code{overflow-wrap:anywhere}
.kur-parola{background:var(--mur);color:#fff;border-radius:18px;padding:16px}
.kur-parola dl{margin:10px 0 0;display:grid;gap:4px}
.kur-parola dt{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.7);text-transform:uppercase;margin-top:8px}
.kur-parola dd{margin:0;font-size:15px}
.kur-parola .parola{font-size:20px;font-weight:700;color:var(--fi);letter-spacing:.04em}
.kur-ozet{margin:0;padding-left:18px;font-size:13.5px;line-height:1.55;color:var(--mur2)}

/* ============ ÇARŞI (V2 pazaryeri) — telefon önce; turuncu yalnız fırsat şeridinde, fiyat ve düğmeler mürekkep ============ */
.sekme{grid-template-columns:repeat(6,minmax(0,1fr))}
.sekme a{font-size:10.5px;letter-spacing:-.01em}
.carsi-icerik{max-width:1100px;margin:0 auto;padding:4px 16px 24px}
.carsi-icerik>.ust-bas{margin:0 -16px;max-width:none}
.carsi-bas{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--ust) + 14px) 0 4px}
.carsi-ara{margin-top:12px}
.kat-tas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;margin-top:18px}
.kat-tas a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;font-weight:600;line-height:1.2;min-width:0}
.kat-tas a>span:last-child{overflow-wrap:anywhere}
.kt-ik{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center}
.firsat-serit{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:16px;background:var(--fi-a);color:var(--mur)}
.firsat-serit>span:nth-child(2){flex:1;min-width:0}
.firsat-serit b{display:block;font-size:14.5px;color:var(--fi-yazi)}
.firsat-serit small{display:block;font-size:12px;color:var(--gri)}
.u-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:8px}
.u-kart{display:flex;flex-direction:column;min-width:0;border-radius:16px}
.u-gorsel{position:relative;display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--zemin)}
.u-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.u-yer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;gap:8px}
.u-yer span{font-family:var(--dar);font-weight:900;font-stretch:66%;font-size:21px;line-height:.95;overflow-wrap:anywhere;opacity:.95}
.u-yer .ik{opacity:.6}
.u-yer.buyuk{position:relative;min-height:280px;height:100%;padding:90px 24px 48px}
.u-yer.buyuk span{font-size:clamp(36px,11vw,58px)}
.u-yer.mini-yer{position:relative;width:46px;height:46px;border-radius:12px;padding:6px}
.u-yer.mini-yer span{display:none}
.u-yer.mini-yer .ik{width:22px;height:22px}
.u-o{display:flex;flex-direction:column;gap:2px;padding:8px 2px 0;min-width:0}
.u-ad{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.u-satici{font-size:12px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-fiyat{display:flex;align-items:baseline;gap:4px;margin-top:3px;flex-wrap:wrap}
.u-fiyat b{font-size:16.5px;font-weight:700;letter-spacing:-.02em}
.u-fiyat small{font-size:11px;color:var(--gri)}
.u-etler{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}
.u-et{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:var(--mur);color:#fff;font-size:10.5px;font-weight:600}
.u-et.gri{background:var(--zemin);color:var(--gri)}
.u-et.yesil{background:#EAF7EE;color:#256B40}
.u-kart.tukendi .u-gorsel{opacity:.55}
.carsi-alt{margin-top:26px;text-align:center}
.iyzico-bant{margin:16px 0 4px;text-align:center}
.iyzico-bant img{display:inline-block;max-width:100%;height:auto}
.kirinti{font-size:12.5px;color:var(--gri);margin:8px 0 2px;line-height:1.6;overflow-wrap:anywhere}
.kirinti a{text-decoration:underline;text-underline-offset:2px}
.suzgec{margin-top:12px;border:1px solid var(--cizgi);border-radius:16px;padding:0 14px}
.suzgec summary{display:flex;align-items:center;gap:8px;min-height:48px;font-weight:600;font-size:14px;cursor:pointer;list-style:none}
.suzgec summary::-webkit-details-marker{display:none}
.suzgec summary em{font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--mur);color:#fff}
.suzgec-form{padding:4px 0 14px}
.iki-alan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}

/* Ç4 ürün sayfası */
.urun-sayfa{max-width:640px;margin:0 auto;position:relative}
.u-ust{position:relative;background:var(--zemin)}
.u-galeri{display:flex;height:min(62vh,440px);scroll-snap-type:x mandatory;background:#fff}
.u-galeri img{flex:none;width:100%;height:100%;object-fit:contain;scroll-snap-align:start;background:#fff}
.u-galeri-say{position:absolute;right:14px;bottom:12px;height:24px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center}
.u-govde{padding:12px 20px calc(110px + var(--alt))}
.urun-bas{margin:8px 0 0;font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.u-fiyat-kutu{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border:1px solid var(--cizgi);border-radius:18px}
.u-buyuk-fiyat{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}
.u-fiyat-kutu small{display:block;font-size:12px;color:var(--gri);margin-top:5px}
.stok{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;white-space:nowrap}
.stok.var{color:var(--yesil)}
.stok.az{color:var(--kirmizi)}
.stok.yok{color:var(--gri)}
.varyant-sec{border:0;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.varyant-sec legend{width:100%;margin-bottom:8px;float:left}
.vs{position:relative}
.vs input{position:absolute;opacity:0;width:1px;height:1px}
.vs span{display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 14px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--cizgi);font-size:14px;font-weight:600;cursor:pointer}
.vs span small{font-weight:500;color:var(--gri)}
.vs input:checked+span{box-shadow:inset 0 0 0 2px var(--mur)}
.vs input:focus-visible+span{outline:3px solid var(--mavi);outline-offset:2px}
.vs.yok span{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.satici-satir{margin-top:16px;padding:10px 12px;border-radius:16px;background:var(--zemin)}
.satici-satir .takip{background:transparent;box-shadow:none;padding:0 4px}
.tes-liste{list-style:none;margin:0;padding:0}
.tes-liste li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--cizgi)}
.tes-liste li:last-child{border-bottom:0}
.tes-liste li.soluk{opacity:.5}
.tes-liste .ik{margin-top:2px;color:var(--mur2)}
.tes-liste b{display:block;font-size:14px;font-weight:600}
.tes-liste small{display:block;font-size:12.5px;color:var(--gri);line-height:1.4}
.u-aciklama p{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--mur2);overflow-wrap:anywhere}
.magaza-sayfa .kapak{width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:12px}

/* sepet: ürün satırı */
.u-satir .u-mini{flex:none;width:46px;height:46px;border-radius:12px;overflow:hidden;background:var(--zemin);display:block}
.u-satir .u-mini img{width:100%;height:100%;object-fit:cover;display:block}
.urun.soluk{opacity:.55}

/* ödeme */
.odeme{padding-top:4px}
.secim{display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 14px;box-shadow:inset 0 0 0 1.5px var(--cizgi);margin-top:8px;cursor:pointer;min-width:0}
.secim input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--mur)}
.secim:has(input:checked){box-shadow:inset 0 0 0 2px var(--mur)}
.secim.pasif{opacity:.5;cursor:not-allowed}
.secim .so b{display:block;font-size:14px;font-weight:600}
.secim .so small{display:block;font-size:12px;color:var(--gri);line-height:1.4;overflow-wrap:anywhere}
.secim>.ik{color:var(--mur2)}
.iyzico-ode{display:block;height:16px;width:auto;margin-top:6px}
.odeme .alan{margin-top:14px}
.adres-sec{padding-bottom:14px}
.adres-ozet{display:flex;align-items:flex-start;gap:12px;padding:12px 14px}
.adres-ozet>span{flex:1;min-width:0}
.adres-ozet b{display:block;font-size:14px}
.adres-ozet small{display:block;font-size:12.5px;color:var(--gri);overflow-wrap:anywhere}
.adres-ozet a{font-size:13px;font-weight:600;text-decoration:underline}
.paket .grup-bas{margin-bottom:6px}
.paket-satir{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:13.5px;border-top:1px dashed var(--cizgi)}
.paket-satir>span,.paket-satir>a{flex:1;min-width:0;overflow-wrap:anywhere}
.paket-satir small{color:var(--gri);white-space:nowrap}
.tes-sec,.odeme-sec{border:0;padding:0;margin:10px 0 0;min-width:0}
.tes-sec legend,.odeme-sec legend{padding:0}
.toplam-kutu{margin-top:12px;border-radius:16px;background:var(--zemin);padding:10px 14px}
.toplam-kutu>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13.5px}
.toplam-kutu span{color:var(--gri)}
.toplam-kutu .genel{border-top:1px solid #E1E3E7;margin-top:4px;padding-top:8px;font-size:16px}
.toplam-kutu .genel span{color:var(--mur);font-weight:600}
.sahte-not{color:var(--mur2)}
.sahte-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sahte-et{display:inline-flex;height:24px;padding:0 9px;border-radius:6px;background:var(--mur);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;align-items:center}
.sahte-odeme form{display:flex}

/* Ç8 siparişler, Ç9 takip */
.siparisler{display:flex;flex-direction:column;gap:10px}
.siparis-kart{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 1px 2px rgba(22,23,27,.05),0 8px 22px rgba(22,23,27,.06)}
.siparis-kart.vurgu{box-shadow:inset 0 0 0 2px var(--mur)}
.sk-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sk-ust b{font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-ad{font-size:13.5px;color:var(--mur2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-alt{font-size:12px;color:var(--gri);overflow-wrap:anywhere}
.sk-toplam{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:700;font-size:15px}
.etk.mavi{background:#E8F1FD;color:#1D4F91}
.tamam-kutu{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#EAF7EE;border-color:#CDEBD6}
.tamam-kutu .ik{color:var(--yesil)}
.tamam-kutu b{display:block;font-size:15px}
.tamam-kutu span{display:block;font-size:13px;color:var(--mur2);line-height:1.45}
.takip-kutu{padding:14px 16px}
.tk-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--gri)}
.tk-iptal{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--mur2)}
.zaman-cizgi{list-style:none;margin:14px 0 0;padding:0}
.zaman-cizgi li{position:relative;display:flex;gap:12px;padding:0 0 14px}
.zaman-cizgi li:last-child{padding-bottom:0}
.zaman-cizgi li::before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:var(--cizgi)}
.zaman-cizgi li:last-child::before{display:none}
.zaman-cizgi li.tamam::before{background:var(--mur)}
.zc-nokta{flex:none;position:relative;width:18px;height:18px;border-radius:50%;border:2px solid var(--cizgi);background:#fff;margin-top:1px}
.tamam .zc-nokta{border-color:var(--mur);background:var(--mur)}
.simdi .zc-nokta{box-shadow:0 0 0 4px rgba(22,23,27,.12)}
.zc-o b{display:block;font-size:14px;font-weight:600;color:var(--gri)}
.tamam .zc-o b{color:var(--mur)}
.zc-o small{display:block;font-size:12px;color:var(--gri);overflow-wrap:anywhere}
.kargo-takip{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border-radius:14px;background:var(--zemin)}
.kargo-takip small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--gri)}
.kargo-takip b{display:block;font-size:15px;letter-spacing:.02em;overflow-wrap:anywhere}
@media (min-width:600px){.u-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}.kat-tas{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1200px){.u-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ============ M18 masaüstü ============ */
@media (min-width:1000px){
  .sekme{top:0;bottom:0;right:auto;width:232px;height:auto;padding:22px 12px;display:flex;flex-direction:column;gap:2px;border-top:0;border-right:1px solid var(--cizgi)}
  .sekme-logo{display:flex!important;padding:0 6px 22px;height:auto!important}
  .sekme a{flex-direction:row;justify-content:flex-start;gap:12px;height:48px;padding:0 12px;border-radius:12px;font-size:15px}
  .sekme a[aria-current="page"]{background:var(--zemin)}
  .sekme a[aria-current="page"]::before{top:12px;left:0;width:3px;height:24px;margin:0;border-radius:0 3px 3px 0}
  .sekme .rz{position:static;margin-left:auto;box-shadow:none}
  body.tabli main{margin-left:232px;padding-bottom:24px}
  .tabli .cta-bar{bottom:0;left:232px;padding-bottom:calc(var(--alt) + 14px)}
  .ctali main{padding-bottom:140px!important}
  .harita-sayfa{display:grid;grid-template-columns:minmax(0,1fr) 420px;height:100vh}
  .harita-alan{height:100vh}
  .carsaf{margin:0;border-radius:0;box-shadow:-1px 0 0 var(--cizgi);overflow-y:auto;height:100vh;padding-top:12px}
  .carsaf .tutamac{display:none}
  .harita-ust{right:436px;max-width:620px}
  .tabli.harita-govde main{padding-bottom:0}
  .akis-kap{max-width:460px}
  .akis-sayfa .akis-alt{bottom:16px}
  .tost{left:calc(50% + 116px)}
}
@media (prefers-reduced-motion:reduce){.nabiz,.canli,.levha.hareket.gorundu,.halka::before,.pin-g .cd::before,.tost{animation:none}.js-damga .levha.hareket:not(.gorundu){opacity:1}.akis{scroll-behavior:auto}}
/* 3.0.1 rehber (Enjoy Kemer): küçük «Rehber» etiketi, kaynak notu, EN metin, harita «Yakınımda» listesi, eski haritada rehber noktası */
.rehber-et{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:var(--zemin);color:var(--gri);font-size:10.5px;font-weight:600;letter-spacing:.02em;margin-top:6px}
.rehber-kaynak{font-size:11.5px;color:var(--gri);margin:14px 4px 0}
.rehber-ara{margin-left:auto;font-size:13px;font-weight:700;color:var(--mur)}
.rehber-dil{margin:4px 0 10px;font-size:13.5px}
.rehber-dil summary{cursor:pointer;font-weight:600;color:var(--gri);padding:4px 0}
.rehber-sayfa .h3-yol{margin:10px 0 0}
.yakin-satir{gap:10px}
.yakin-ad{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.yakin-dgm{display:flex;gap:6px;flex:none}
.yakin-dgm a{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--cizgi);font-size:12.5px;font-weight:600;white-space:nowrap}
.cip .ik{margin-right:4px}
.nokta-pin.r{width:14px;height:14px;margin:-7px 0 0 -7px;background:#6F7580;color:#fff;font:italic 700 9px/14px Georgia,serif;text-align:center}
.nokta-pin.r::after{content:"i"}
@media (max-width:420px){.yakin-dgm a{padding:0 8px}.yakin-satir .halka{display:none}}
/* 30.10 Profil › E-posta (kişisel posta kutusu — eposta.php): mevcut liste / kutu / çip / düğme dili; yalnız eksik birkaç kural */
.posta-klasorler{margin:6px -16px 4px;padding:4px 16px 8px}
.posta-say{margin-left:6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--fi);color:var(--mur);font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.posta-ara{display:flex;gap:8px;margin:8px 0 6px}
.posta-ara input{flex:1;min-width:0;min-height:46px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--cizgi);background:#fff;font-size:15px}
.posta-ara .btn{min-height:46px}
.posta-satir input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:var(--mur)}
.posta-satir .o b{font-weight:500}
.posta-satir.yeni .o b{font-weight:700}
.posta-satir .o span{display:block;font-size:13px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.posta-satir em{flex:none;font-style:normal;font-size:12px;color:var(--gri);display:flex;align-items:center;gap:4px}
.posta-arac{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.posta-arac .btn{min-height:42px;padding:0 14px;font-size:14px}
.posta-arac select{min-height:42px;max-width:100%;padding:0 10px;border-radius:14px;border:1.5px solid var(--cizgi);background:#fff;font-size:14px}
.posta-bas{font-size:13.5px;line-height:1.6;margin:6px 0 4px;overflow-wrap:anywhere}
.posta-bas b{font-weight:600}
.posta-cerceve{display:block;width:100%;height:70vh;min-height:320px;border:1px solid var(--cizgi);border-radius:14px;background:#fff}
.posta-metin{margin:0;padding:14px;border:1px solid var(--cizgi);border-radius:14px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14.5px;line-height:1.55}
.posta-not{font-size:13px;color:var(--gri);margin:8px 0}
.posta-not a{text-decoration:underline}
.posta-sayfa{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 14px;font-size:13.5px}
.posta-sayfa a{font-weight:600;text-decoration:underline}