/* ====================================================================
   mm2.money — MENU DENEME DUZENLERI
   --------------------------------------------------------------------
   ?h=1..20  -> UST menu duzenleri   (body.ust-N)
   ?s=1..20  -> SOL kolon duzenleri  (body.yan-mod.yan-N)

   Hepsi GERCEK satis sayfasinda calisir. Kart, izgara, sepet, sesler,
   suzgecler DEGISMEZ -- yalniz menu degisir.
   ==================================================================== */

/* ====================================================== ORTAK ====== */

/* .bakiye + .profil JS ile bu sarmala alinir (bazi duzenler ikisini
   tek blok gibi kullaniyor). Gorunum referans duzenle ayni kalir. */
.sag-grup { display:flex; align-items:center; gap:14px; }

/* Menu yuksekligi duzenden duzene degisiyor; izgaranin yuksekligi
   --ust-y ile hesaplaniyor ki ic kaydirma hep dogru olsun. */
body[class*="ust-"] .calisma { height:calc(100vh - var(--ust-y,64px) - 32px); }

/* sol altta hangi duzende oldugunu soyleyen rozet */
.den-rozet { position:fixed; left:14px; bottom:14px; z-index:95;
  display:flex; align-items:center; gap:9px; height:38px; padding:0 14px 0 7px;
  border-radius:99px; background:rgba(var(--kd-cam, 255,255,255), .93);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.85)); box-shadow:0 4px 18px rgba(15,42,86,.18);
  font-size:12.5px; transition:box-shadow var(--gecis), transform var(--gecis); }
.den-rozet:hover { box-shadow:0 7px 26px rgba(15,42,86,.24); transform:translateY(-1px); }
.den-rozet em { font-style:normal; height:24px; min-width:34px; padding:0 8px; border-radius:7px;
  background:var(--mavi); color:#fff; display:grid; place-items:center; font-size:11.5px; font-weight:800; }
.den-rozet b { font-weight:700; }
.den-rozet i { font-style:normal; color:var(--ink-3); font-weight:600; }

/* ================================================= UST DUZENLER ==== */

/* ---- T1 referans: onayladigin camdan yuzen kapsul ---------------- */
body.ust-1 { --ust-y:64px; }

/* ---- T2 tam genislik serit -------------------------------------- */
body.ust-2 { --ust-y:56px; }
body.ust-2 .menu-sar { padding:0; }
body.ust-2 .menu { max-width:none; height:56px; border-radius:0; border:0;
  border-bottom:1px solid var(--cizgi); background:rgba(var(--kd-cam, 255,255,255), .88);
  box-shadow:none; padding:0 20px; }

/* ---- T3 koseli kart -------------------------------------------- */
body.ust-3 { --ust-y:64px; }
body.ust-3 .menu { border-radius:13px; }
body.ust-3 .menu nav button, body.ust-3 .bakiye, body.ust-3 .profil { border-radius:9px; }
body.ust-3 .profil img { border-radius:7px; }

/* ---- T4 sol hizali sekmeler ------------------------------------- */
body.ust-4 { --ust-y:64px; }
body.ust-4 .menu nav { margin:0 0 0 8px; }
body.ust-4 .sag-grup { margin-left:auto; }

/* ---- T5 alt cizgili sekmeler ------------------------------------ */
body.ust-5 { --ust-y:64px; }
body.ust-5 .menu { border-radius:13px; }
body.ust-5 .menu nav { gap:2px; }
body.ust-5 .menu nav button { height:50px; border-radius:0; background:none; padding:0 13px;
  box-shadow:inset 0 -2.5px 0 transparent; }
body.ust-5 .menu nav button:hover { background:none; color:var(--ink); box-shadow:inset 0 -2.5px 0 var(--cizgi-2); }
body.ust-5 .menu nav button.acik { background:none; color:var(--mavi-koyu); box-shadow:inset 0 -2.5px 0 var(--mavi); }

/* ---- T6 koyu serit --------------------------------------------- */
body.ust-6 { --ust-y:68px; }
body.ust-6 .menu { height:56px; background:#102A52; border-color:var(--kd-kenar, rgba(255,255,255,.12));
  box-shadow:0 10px 30px rgba(15,42,86,.26); color:#E8F0FD; }
body.ust-6 .marka span { color:#8FB2F6; }
body.ust-6 .marka svg { stroke:#8FB2F6; }
body.ust-6 .menu nav button { color:#AEC4E6; }
body.ust-6 .menu nav button:hover { background:rgba(255,255,255,.1); color:#fff; }
body.ust-6 .menu nav button.acik { background:rgba(143,178,246,.2); color:#fff; }
body.ust-6 .bakiye, body.ust-6 .profil { background:rgba(255,255,255,.09);
  border-color:var(--kd-kenar, rgba(255,255,255,.15)); color:#fff; }
body.ust-6 .bakiye small { color:#9CB5DB; }

/* ---- T7 iki katli (JS: ust7-a / ust7-b) ------------------------- */
body.ust-7 { --ust-y:110px; }
body.ust-7 .menu { height:auto; flex-direction:column; align-items:stretch; gap:0;
  border-radius:16px; padding:0; }
body.ust-7 .ust7-a { display:flex; align-items:center; gap:14px; height:52px; padding:0 10px 0 15px; }
body.ust-7 .ust7-b { display:flex; align-items:center; height:44px; padding:0 9px;
  border-top:1px solid var(--cizgi); }
body.ust-7 .ust7-a .sag-grup { margin-left:auto; }
body.ust-7 .menu nav { margin:0; }

/* ---- T8 ince serit --------------------------------------------- */
body.ust-8 { --ust-y:56px; }
body.ust-8 .menu { height:44px; padding:0 6px 0 13px; gap:10px; }
body.ust-8 .marka { font-size:13.5px; }
body.ust-8 .marka svg { width:16px; height:16px; }
body.ust-8 .menu nav button { height:30px; font-size:13px; padding:0 11px; }
body.ust-8 .bakiye, body.ust-8 .profil { height:30px; font-size:12.5px; }
body.ust-8 .profil img { width:22px; height:22px; }
body.ust-8 .sag-grup { gap:8px; }

/* ---- T9 ortada ada (yalniz nav kapsul) -------------------------- */
body.ust-9 { --ust-y:64px; }
body.ust-9 .menu { background:none; border:0; box-shadow:none; padding:0 6px;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-9 .menu nav { height:46px; padding:0 6px; border-radius:99px; align-items:center;
  background:var(--cam); -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.75)); box-shadow:0 8px 26px rgba(15,42,86,.1); }
body.ust-9 .menu nav button { height:34px; }

/* ---- T10 uc ayri ada ------------------------------------------- */
body.ust-10 { --ust-y:64px; }
body.ust-10 .menu { background:none; border:0; box-shadow:none; padding:0 6px; gap:10px;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-10 .marka, body.ust-10 .menu nav, body.ust-10 .sag-grup {
  height:48px; border-radius:99px; background:var(--cam);
  -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.75)); box-shadow:0 8px 26px rgba(15,42,86,.1); }
body.ust-10 .marka { padding:0 18px; }
body.ust-10 .menu nav { padding:0 6px; align-items:center; }
body.ust-10 .sag-grup { padding:0 7px; gap:8px; }
body.ust-10 .bakiye, body.ust-10 .profil { background:none; border-color:transparent; }

/* ---- T11 mavi vurgu ------------------------------------------- */
body.ust-11 { --ust-y:64px; }
body.ust-11 .menu { background:linear-gradient(90deg,#1D4ED8,#2563EB); border-color:var(--kd-kenar, rgba(255,255,255,.2));
  box-shadow:0 10px 30px rgba(37,99,235,.3); color:#fff; }
body.ust-11 .marka span { color:#BFD6FF; }
body.ust-11 .marka svg { stroke:#fff; }
body.ust-11 .menu nav button { color:rgba(255,255,255,.78); }
body.ust-11 .menu nav button:hover { background:rgba(255,255,255,.16); color:#fff; }
body.ust-11 .menu nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); }
body.ust-11 .bakiye, body.ust-11 .profil { background:rgba(255,255,255,.15);
  border-color:var(--kd-kenar, rgba(255,255,255,.22)); color:#fff; }
body.ust-11 .bakiye small { color:rgba(255,255,255,.7); }

/* ---- T12 duz beyaz kart, keskin kose -------------------------- */
body.ust-12 { --ust-y:64px; }
body.ust-12 .menu { border-radius:4px; background:var(--kd-yuzey, #fff); border-color:var(--cizgi);
  box-shadow:0 14px 40px rgba(15,42,86,.14); -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-12 .menu nav button { border-radius:6px; }
body.ust-12 .bakiye, body.ust-12 .profil { border-radius:6px; background:var(--buz); }
body.ust-12 .profil img { border-radius:5px; }

/* ---- T13 arama menunun icinde (JS tasir) ---------------------- */
body.ust-13 { --ust-y:64px; }
body.ust-13 .menu { gap:11px; }
body.ust-13 .menu .ara { flex:0 1 320px; min-width:150px; }
body.ust-13 .menu .ara input { height:34px; background:rgba(var(--kd-cam, 255,255,255), .75); }
body.ust-13 .menu nav { margin:0; }
body.ust-13 .sag-grup { margin-left:auto; gap:9px; }

/* ---- T14 buyuk marka ----------------------------------------- */
body.ust-14 { --ust-y:76px; }
body.ust-14 .menu { height:64px; border-radius:18px; padding:0 10px 0 20px; }
body.ust-14 .marka { font-size:21px; letter-spacing:-.04em; gap:10px; }
body.ust-14 .marka svg { width:26px; height:26px; }
body.ust-14 .menu nav { margin:0 0 0 auto; }
body.ust-14 .menu nav button { height:40px; }
body.ust-14 .bakiye, body.ust-14 .profil { height:40px; }
body.ust-14 .profil img { width:32px; height:32px; }

/* ---- T15 cerceveli, zemin yok -------------------------------- */
body.ust-15 { --ust-y:64px; }
body.ust-15 .menu { background:rgba(255,255,255,.3); border:1.5px solid var(--cizgi-2);
  box-shadow:none; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
body.ust-15 .menu nav button.acik { background:none; color:var(--mavi-koyu);
  box-shadow:inset 0 0 0 1.5px var(--mavi-ln); }
body.ust-15 .bakiye, body.ust-15 .profil { background:none; border-color:var(--cizgi-2); }

/* ---- T16 nokta ayracli, yalniz yazi -------------------------- */
body.ust-16 { --ust-y:64px; }
body.ust-16 .menu nav { gap:0; }
body.ust-16 .menu nav button svg { display:none; }
body.ust-16 .menu nav button { background:none; padding:0 16px; font-weight:600; }
body.ust-16 .menu nav button:hover { background:none; color:var(--ink); }
body.ust-16 .menu nav button.acik { background:none; color:var(--mavi-koyu); font-weight:800; }
body.ust-16 .menu nav button + button::before { content:""; position:absolute; left:0;
  width:3px; height:3px; border-radius:50%; background:var(--ink-3); }
body.ust-16 .menu nav button { position:relative; }

/* ---- T17 sagda birincil dugme (JS ekler) --------------------- */
body.ust-17 { --ust-y:64px; }
body.ust-17 .menu nav { margin:0 auto 0 8px; }
body.ust-17 .sag-grup { margin-left:auto; gap:9px; }
.ust-cik { display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 15px; border-radius:99px;
  background:var(--mavi); color:#fff; font-size:13.5px; font-weight:700; white-space:nowrap;
  box-shadow:0 2px 10px rgba(37,99,235,.3); transition:background var(--gecis); }
.ust-cik:hover { background:var(--mavi-koyu); }
.ust-cik svg { width:15px; height:15px; }

/* ---- T18 iki tonlu ------------------------------------------ */
body.ust-18 { --ust-y:64px; }
body.ust-18 .menu { background:linear-gradient(90deg,rgba(var(--kd-cam, 255,255,255), .82) 0 64%,var(--kd-basik, rgba(206,226,250,.9)) 64%); }
body.ust-18 .sag-grup { gap:10px; padding-left:6px; }
body.ust-18 .bakiye, body.ust-18 .profil { background:rgba(var(--kd-cam, 255,255,255), .72); border-color:var(--kd-kenar, rgba(255,255,255,.9)); }

/* ---- T19 rozet sayacli (JS ekler) --------------------------- */
body.ust-19 { --ust-y:64px; }
body.ust-19 .menu nav button em { font-style:normal; min-width:18px; height:18px; padding:0 5px;
  border-radius:99px; background:var(--buz-2); color:var(--ink-2);
  display:inline-grid; place-items:center; font-size:10.5px; font-weight:800; }
body.ust-19 .menu nav button.acik em { background:var(--mavi); color:#fff; }

/* ---- T20 kaydirinca daralan (JS sinif verir) ---------------- */
body.ust-20 { --ust-y:84px; }
body.ust-20 .menu { height:72px; border-radius:20px;
  transition:height 220ms cubic-bezier(.4,0,.2,1), border-radius 220ms, box-shadow 220ms; }
body.ust-20 .marka { font-size:17px; transition:font-size 220ms; }
body.ust-20 .menu-sar.kucuk .menu { height:46px; border-radius:99px;
  box-shadow:0 2px 6px rgba(15,42,86,.06), 0 14px 34px rgba(15,42,86,.12); }
body.ust-20 .menu-sar.kucuk .marka { font-size:14.5px; }


/* ======================================= T3'TEN TURETILENLER ======= */

/* ---- T21 karemsi, markaya yasli + ayrac ------------------------- */
body.ust-21 { --ust-y:64px; }
body.ust-21 .menu { border-radius:13px; }
body.ust-21 .menu nav { margin:0 0 0 14px; padding-left:14px; border-left:1px solid var(--cizgi); }
body.ust-21 .menu nav button, body.ust-21 .bakiye, body.ust-21 .profil { border-radius:9px; }
body.ust-21 .profil img { border-radius:7px; }
body.ust-21 .sag-grup { margin-left:auto; }

/* ---- T22 karemsi, alt cizgili sekmeler -------------------------- */
body.ust-22 { --ust-y:64px; }
body.ust-22 .menu { border-radius:13px; }
body.ust-22 .bakiye, body.ust-22 .profil { border-radius:9px; }
body.ust-22 .profil img { border-radius:7px; }
body.ust-22 .menu nav { gap:2px; }
body.ust-22 .menu nav button { height:50px; border-radius:0; background:none; padding:0 13px;
  box-shadow:inset 0 -2.5px 0 transparent; }
body.ust-22 .menu nav button:hover { background:none; color:var(--ink); box-shadow:inset 0 -2.5px 0 var(--cizgi-2); }
body.ust-22 .menu nav button.acik { background:none; color:var(--mavi-koyu); box-shadow:inset 0 -2.5px 0 var(--mavi); }

/* ---- T23 karemsi, tepeye yapisik -------------------------------- */
body.ust-23 { --ust-y:56px; }
body.ust-23 .menu-sar { padding:0 var(--sayfa); }
body.ust-23 .menu { height:56px; border-radius:0 0 var(--serit-kose,12px) var(--serit-kose,12px); border-top:0;
  box-shadow:0 10px 30px rgba(15,42,86,.1); }
body.ust-23 .menu nav button, body.ust-23 .bakiye, body.ust-23 .profil { border-radius:9px; }
body.ust-23 .profil img { border-radius:7px; }

/* ---- T24 karemsi, mat + belirgin cerceve ------------------------ */
body.ust-24 { --ust-y:64px; }
body.ust-24 .menu { border-radius:12px; background:var(--kd-yuzey, #fff); border:1.5px solid var(--cizgi-2);
  box-shadow:0 2px 0 rgba(15,42,86,.05); -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-24 .menu nav button { border-radius:8px; }
body.ust-24 .menu nav button.acik { background:var(--ink); color:#fff; }
body.ust-24 .bakiye, body.ust-24 .profil { border-radius:8px; border-color:var(--cizgi-2); background:var(--kd-yuzey, #fff); }
body.ust-24 .profil img { border-radius:6px; }

/* ---- T25 karemsi, iki bolmeli ----------------------------------- */
body.ust-25 { --ust-y:64px; }
body.ust-25 .menu { border-radius:13px; padding-right:0; overflow:hidden; }
body.ust-25 .menu nav button { border-radius:9px; }
body.ust-25 .sag-grup { margin-left:auto; align-self:stretch; align-items:center; padding:0 12px; gap:10px;
  background:var(--kd-kap, rgba(214,230,250,.55)); border-left:1px solid var(--cizgi); }
body.ust-25 .bakiye, body.ust-25 .profil { border-radius:9px; background:rgba(var(--kd-cam, 255,255,255), .8); }
body.ust-25 .profil img { border-radius:7px; }

/* ====================================== T10'DAN TURETILENLER ====== */

/* ---- T26 iki ada (JS: .ada-a) ----------------------------------- */
body.ust-26 { --ust-y:64px; }
body.ust-26 .menu { background:none; border:0; box-shadow:none; padding:0 6px; gap:12px;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-26 .ada-a, body.ust-26 .sag-grup { height:50px; border-radius:13px; background:var(--cam);
  -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.75)); box-shadow:0 8px 26px rgba(15,42,86,.1);
  display:flex; align-items:center; }
body.ust-26 .ada-a { padding:0 8px 0 16px; gap:16px; }
body.ust-26 .sag-grup { margin-left:auto; padding:0 8px; gap:9px; }
body.ust-26 .menu nav { margin:0; }
body.ust-26 .menu nav button { border-radius:9px; }
body.ust-26 .profil img { border-radius:7px; }

/* ---- T27 karemsi adalar  (T3 kesisim T10) ----------------------- */
body.ust-27 { --ust-y:64px; }
body.ust-27 .menu { background:none; border:0; box-shadow:none; padding:0 6px; gap:11px;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-27 .marka, body.ust-27 .menu nav, body.ust-27 .sag-grup {
  height:50px; border-radius:13px; background:var(--cam);
  -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.75)); box-shadow:0 8px 26px rgba(15,42,86,.1); }
body.ust-27 .marka { padding:0 16px; }
body.ust-27 .menu nav { padding:0 7px; align-items:center; }
body.ust-27 .sag-grup { padding:0 8px; gap:9px; }
body.ust-27 .menu nav button { border-radius:9px; }
body.ust-27 .bakiye, body.ust-27 .profil { background:none; border-color:transparent; }
body.ust-27 .profil img { border-radius:7px; }

/* ---- T28 adalar, hesap cipli ------------------------------------ */
body.ust-28 { --ust-y:64px; }
body.ust-28 .menu { background:none; border:0; box-shadow:none; padding:0 6px; gap:10px;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.ust-28 .marka, body.ust-28 .menu nav, body.ust-28 .sag-grup {
  height:50px; border-radius:99px; background:var(--cam);
  -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.75)); box-shadow:0 8px 26px rgba(15,42,86,.1); }
body.ust-28 .marka { padding:0 18px; }
body.ust-28 .menu nav { padding:0 6px; align-items:center; }
body.ust-28 .sag-grup { padding:0 6px 0 10px; gap:8px; }
/* T10'da kaybolan hiyerarsi burada KORUNUYOR: ikisi de kendi cipinde */
body.ust-28 .bakiye { background:var(--buz); border-color:transparent; }
body.ust-28 .profil { background:var(--inci); border-color:var(--cizgi); }

/* ================================================= SOL DUZENLER ==== */

body.yan-mod { padding-left:var(--yan-g,224px); }
body.yan-mod .govde { max-width:1600px; padding:16px 18px; }
body.yan-mod .calisma { height:calc(100vh - 32px); }
body.yan-mod .izgara { grid-template-columns:repeat(auto-fill,minmax(146px,1fr)); }

.yan { position:fixed; left:0; top:0; bottom:0; width:var(--yan-i,var(--yan-g,224px)); z-index:60;
  display:flex; flex-direction:column; padding:16px 12px;
  background:var(--cam);
  -webkit-backdrop-filter:blur(16px) saturate(170%); backdrop-filter:blur(16px) saturate(170%);
  border-right:1px solid var(--kd-kenar, rgba(255,255,255,.78));
  box-shadow:1px 0 2px rgba(15,42,86,.04), 12px 0 32px rgba(15,42,86,.07); }

/* Ikon sutunu: marka ikonu ile nav ikonlari AYNI dikey eksende olmali.
   Ikisi de 18px kutu + 12px ic bosluk -> merkez ikisi icin de ayni. */
.y-marka { order:1; display:flex; align-items:center; gap:11px; height:40px; padding:0 12px;
  font-size:15.5px; font-weight:800; letter-spacing:-.025em; flex:0 0 auto; white-space:nowrap; }
.y-marka svg { width:18px; height:18px; flex:0 0 auto; }
.y-marka .ym > span { color:var(--mavi); }

.y-nav { order:2; flex:1 1 auto; width:100%; display:flex; flex-direction:column; gap:3px;
  margin:12px 0 0; min-height:0; }
.y-nav button { display:flex; align-items:center; gap:11px; width:100%; height:40px; padding:0 12px;
  border-radius:11px; font-size:14px; font-weight:600; color:var(--ink-2); text-align:left;
  white-space:nowrap; transition:background var(--gecis), color var(--gecis), box-shadow var(--gecis); }
.y-nav button svg { width:18px; height:18px; flex:0 0 auto; }
.y-nav button:hover { background:rgba(var(--kd-cam, 255,255,255), .72); color:var(--ink); }
.y-nav button.acik { background:var(--mavi-sis); color:var(--mavi-koyu); }

.y-bakiye { order:3; display:flex; align-items:center; justify-content:space-between; gap:8px;
  height:40px; padding:0 12px; margin-bottom:7px; border-radius:11px;
  background:rgba(var(--kd-cam, 255,255,255), .7); border:1px solid var(--cizgi); font-size:13.5px; font-weight:700;
  white-space:nowrap; overflow:hidden; }
.y-bakiye small { color:var(--ink-3); font-weight:600; font-size:11.5px; }

.y-profil { order:4; display:flex; align-items:center; gap:9px; width:100%; padding:7px 10px;
  border-radius:12px; background:rgba(var(--kd-cam, 255,255,255), .7); border:1px solid var(--cizgi);
  text-align:left; transition:border-color var(--gecis); }
.y-profil:hover { border-color:var(--cizgi-2); }
.y-profil img { width:30px; height:30px; border-radius:9px; background:var(--buz); flex:0 0 auto; }
.y-profil b { font-size:13px; font-weight:700; white-space:nowrap; }
.y-profil i { width:7px; height:7px; border-radius:50%; background:#16A34A;
  box-shadow:0 0 0 3px rgba(22,163,74,.18); margin-left:auto; flex:0 0 auto; }

/* JS'in ekledigi parcalar */
.y-bol { display:block; padding:12px 12px 5px; font-size:10px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-3); }
.y-nav button em { font-style:normal; font-size:10.5px; font-weight:800; color:var(--ink-3);
  font-variant-numeric:tabular-nums; }
.y-cikis { order:3; display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  height:40px; margin-bottom:7px; border-radius:11px; background:var(--mavi); color:#fff;
  font-size:13.5px; font-weight:700; box-shadow:0 2px 10px rgba(37,99,235,.3); }
.y-cikis:hover { background:var(--mavi-koyu); }
.y-cikis svg { width:15px; height:15px; }
.y-serit { position:fixed; left:0; right:0; top:0; height:46px; z-index:61;
  display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:0 20px;
  background:rgba(var(--kd-cam, 255,255,255), .86); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--cizgi); }

/* ---- S1 klasik kolon ---------------------------------------- */
body.yan-1 { --yan-g:224px; }

/* ---- S2 daralmis ikon -------------------------------------- */
body.yan-2 { --yan-g:70px; }
body.yan-2 .yan { padding:16px 11px; align-items:center; }
body.yan-2 .y-marka { padding:0; justify-content:center; width:100%; }
body.yan-2 .y-marka .ym, body.yan-2 .y-nav button span,
body.yan-2 .y-bakiye small, body.yan-2 .y-profil b { display:none; }
body.yan-2 .y-nav button { justify-content:center; padding:0; height:44px; }
body.yan-2 .y-bakiye { width:100%; justify-content:center; font-size:10px; padding:0 1px;
  letter-spacing:-.04em; }   /* 70px kolonda $1,778.48 tam sigsin */
body.yan-2 .y-profil { justify-content:center; padding:7px 4px; }
body.yan-2 .y-profil i { display:none; }

/* ---- S3 koyu kolon ----------------------------------------- */
body.yan-3 { --yan-g:224px; }
body.yan-3 .yan { background:#102A52; border-right-color:var(--kd-kenar, rgba(255,255,255,.1)); color:#E8F0FD; }
body.yan-3 .y-marka span { color:#8FB2F6; }
body.yan-3 .y-marka svg { stroke:#8FB2F6; }
body.yan-3 .y-nav button { color:#AEC4E6; }
body.yan-3 .y-nav button:hover { background:rgba(255,255,255,.1); color:#fff; }
body.yan-3 .y-nav button.acik { background:rgba(143,178,246,.2); color:#fff; }
body.yan-3 .y-bakiye, body.yan-3 .y-profil { background:rgba(255,255,255,.08);
  border-color:var(--kd-kenar, rgba(255,255,255,.14)); color:#fff; }
body.yan-3 .y-bakiye small { color:#9CB5DB; }

/* ---- S4 yuzen ada ----------------------------------------- */
body.yan-4 { --yan-g:238px; --yan-i:224px; }
body.yan-4 .yan { left:14px; top:14px; bottom:14px; border-radius:20px;
  border:1px solid var(--kd-kenar, rgba(255,255,255,.8)); box-shadow:0 1px 2px rgba(15,42,86,.05), 0 14px 38px rgba(15,42,86,.1); }

/* ---- S5 cizgi gostergeli ---------------------------------- */
body.yan-5 { --yan-g:224px; }
body.yan-5 .y-nav button { border-radius:0 9px 9px 0; box-shadow:inset 2.5px 0 0 transparent; }
body.yan-5 .y-nav button:hover { background:rgba(var(--kd-cam, 255,255,255), .6); box-shadow:inset 2.5px 0 0 var(--cizgi-2); }
body.yan-5 .y-nav button.acik { background:none; color:var(--mavi-koyu); box-shadow:inset 2.5px 0 0 var(--mavi); }

/* ---- S6 kapsul menu -------------------------------------- */
body.yan-6 { --yan-g:224px; }
body.yan-6 .yan { background:var(--buz); }
body.yan-6 .y-nav { gap:6px; }
body.yan-6 .y-nav button { border-radius:99px; background:rgba(var(--kd-cam, 255,255,255), .72); }
body.yan-6 .y-nav button:hover { background:var(--kd-yuzey, #fff); }
body.yan-6 .y-nav button.acik { background:var(--mavi); color:#fff; box-shadow:0 2px 10px rgba(37,99,235,.28); }
body.yan-6 .y-bakiye, body.yan-6 .y-profil { border-radius:99px; background:var(--kd-yuzey, #fff); }

/* ---- S7 ayrac cizgili ------------------------------------ */
body.yan-7 { --yan-g:224px; }
body.yan-7 .yan { background:var(--kd-yuzey, #fff); -webkit-backdrop-filter:none; backdrop-filter:none;
  border-right:1px solid var(--cizgi); box-shadow:none; padding:16px 0; }
body.yan-7 .y-marka { padding:0 16px; }
body.yan-7 .y-nav { margin-top:14px; gap:0; }
body.yan-7 .y-nav button { border-radius:0; height:46px; padding:0 16px; border-top:1px solid var(--cizgi); }
body.yan-7 .y-nav button:last-child { border-bottom:1px solid var(--cizgi); }
body.yan-7 .y-nav button:hover { background:var(--buz); }
body.yan-7 .y-nav button.acik { background:var(--buz); color:var(--mavi-koyu); }
body.yan-7 .y-bakiye, body.yan-7 .y-profil { margin:0 12px 7px; width:auto; }

/* ---- S8 bolumlu (JS basliklar) -------------------------- */
body.yan-8 { --yan-g:232px; }
body.yan-8 .y-nav { margin-top:6px; }

/* ---- S9 seffaf ------------------------------------------ */
body.yan-9 { --yan-g:226px; }
body.yan-9 .yan { background:none; border-right:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.yan-9 .y-nav button { background:rgba(var(--kd-cam, 255,255,255), .62); border:1px solid var(--kd-kenar, rgba(255,255,255,.7));
  box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-9 .y-nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); border-color:var(--mavi-ln); }
body.yan-9 .y-nav button { padding:0 11px; }   /* 1px cerceve + 11 = markanin 12'si */
body.yan-9 .y-nav { gap:6px; }
body.yan-9 .y-bakiye, body.yan-9 .y-profil { background:rgba(var(--kd-cam, 255,255,255), .72);
  border-color:var(--kd-kenar, rgba(255,255,255,.8)); box-shadow:0 2px 8px rgba(15,42,86,.06); }

/* ---- S10 bakiye karti ustte ---------------------------- */
body.yan-10 { --yan-g:252px; }
body.yan-10 .y-bakiye { order:1; flex-direction:column; align-items:flex-start; justify-content:center;
  gap:1px; height:auto; padding:11px 14px; margin:10px 0 0; border-radius:14px;
  background:var(--kd-yuzey, #fff); box-shadow:0 2px 10px rgba(15,42,86,.07); }
body.yan-10 .y-bakiye small { font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.yan-10 .y-bakiye span { font-size:21px; font-weight:800; letter-spacing:-.03em; }

/* ---- S11 ikon ustte yazi altta ------------------------- */
body.yan-11 { --yan-g:108px; }
body.yan-11 .yan { padding:16px 10px; }
body.yan-11 .y-marka { justify-content:center; padding:0; }
body.yan-11 .y-marka .ym { display:none; }   /* 108px kolonda yazi ikonu eksenden kaydiriyordu */
body.yan-11 .y-nav { gap:6px; }
body.yan-11 .y-nav button { flex-direction:column; gap:6px; height:66px; padding:0; justify-content:center;
  border-radius:13px; font-size:11.5px; font-weight:700; }
body.yan-11 .y-nav button svg { width:19px; height:19px; }
body.yan-11 .y-bakiye { width:100%; flex-direction:column; gap:0; height:auto; padding:7px 4px; font-size:12px; }
body.yan-11 .y-bakiye small { font-size:9.5px; }
body.yan-11 .y-profil { flex-direction:column; gap:5px; padding:8px 4px; }
body.yan-11 .y-profil b { font-size:11px; }
body.yan-11 .y-profil i { margin:0; }

/* ---- S12 duz kenarli ---------------------------------- */
body.yan-12 { --yan-g:216px; }
body.yan-12 .yan { background:var(--kd-yuzey, #fff); -webkit-backdrop-filter:none; backdrop-filter:none;
  border-right:1px solid var(--cizgi); box-shadow:none; }
body.yan-12 .y-nav button { border-radius:0; }
body.yan-12 .y-nav button:hover { background:var(--buz); }
body.yan-12 .y-nav button.acik { background:var(--buz); color:var(--mavi-koyu); }
body.yan-12 .y-bakiye, body.yan-12 .y-profil { border-radius:0; border-left:0; border-right:0;
  background:none; border-color:var(--cizgi); }

/* ---- S13 acilir (hover) ------------------------------- */
body.yan-13 { --yan-g:70px; --yan-i:70px; }
body.yan-13 .yan { padding:16px 11px; overflow:hidden;
  transition:width 220ms cubic-bezier(.4,0,.2,1), box-shadow 220ms; }
body.yan-13 .yan:hover { width:236px; box-shadow:14px 0 44px rgba(15,42,86,.16); }
body.yan-13 .y-marka .ym, body.yan-13 .y-nav button span,
body.yan-13 .y-bakiye small, body.yan-13 .y-profil b { opacity:0; transition:opacity 160ms; }
body.yan-13 .yan:hover .y-marka .ym, body.yan-13 .yan:hover .y-nav button span,
body.yan-13 .yan:hover .y-bakiye small, body.yan-13 .yan:hover .y-profil b { opacity:1; }
body.yan-13 .y-nav button { padding:0 13px; height:44px; }
body.yan-13 .y-marka { padding:0 13px; }
body.yan-13 .y-bakiye { padding:0 13px; }
body.yan-13 .y-profil i { display:none; }

/* ---- S14 mavi blok aktif ------------------------------ */
body.yan-14 { --yan-g:224px; }
body.yan-14 .yan { padding:16px 0; }
body.yan-14 .y-marka { padding:0 18px; }
body.yan-14 .y-nav { gap:1px; }
body.yan-14 .y-nav button { border-radius:0; height:44px; padding:0 18px; }
body.yan-14 .y-nav button.acik { background:var(--mavi); color:#fff; }
body.yan-14 .y-bakiye, body.yan-14 .y-profil { margin:0 12px 7px; width:auto; }

/* ---- S15 ortalanmis ---------------------------------- */
body.yan-15 { --yan-g:224px; }
body.yan-15 .y-marka .ym { display:none; }
body.yan-15 .y-marka { padding-left:9px; }        /* 24px ikonun merkezi = 33 = nav ekseni */
body.yan-15 .y-marka svg { width:24px; height:24px; }
body.yan-15 .y-nav { justify-content:center; gap:5px; }   /* DIKEYDE ortali */

/* ---- S16 numarali (JS) ------------------------------ */
body.yan-16 { --yan-g:224px; }
body.yan-16 .y-nav button svg { display:none; }
body.yan-16 .y-nav button em { min-width:20px; color:var(--ink-3); }
body.yan-16 .y-nav button.acik em { color:var(--mavi); }
body.yan-16 .y-nav { gap:2px; }

/* ---- S17 altta aksiyon (JS) ------------------------- */
body.yan-17 { --yan-g:228px; }

/* ---- S18 renkli ikon kutulari ----------------------- */
body.yan-18 { --yan-g:230px; }
body.yan-18 .y-nav { gap:5px; }
body.yan-18 .y-nav button { gap:12px; height:46px; }
body.yan-18 .y-nav button svg { width:16px; height:16px; padding:7px; border-radius:10px;
  box-sizing:content-box; color:#fff; }
body.yan-18 .y-marka { padding-left:19px; }   /* 32px kutu merkezi = 40px */
body.yan-18 .y-nav button:nth-child(1) svg { background:#2563EB; }
body.yan-18 .y-nav button:nth-child(2) svg { background:#0E7490; }
body.yan-18 .y-nav button:nth-child(3) svg { background:#B45309; }
body.yan-18 .y-nav button.acik { background:var(--kd-yuzey, #fff); box-shadow:0 2px 10px rgba(15,42,86,.08); }

/* ---- S19 hibrit: kolon + ust serit (JS) ------------- */
body.yan-19 { --yan-g:224px; padding-top:46px; }
body.yan-19 .yan { top:46px; }
body.yan-19 .calisma { height:calc(100vh - 78px); }
body.yan-19 .y-serit .y-bakiye { order:0; margin:0; height:32px; }

/* ---- S20 kompakt ----------------------------------- */
body.yan-20 { --yan-g:190px; }
body.yan-20 .yan { padding:13px 9px; }
body.yan-20 .y-marka { height:32px; font-size:14px; padding:0 9px; }
body.yan-20 .y-marka svg { width:16px; height:16px; }
body.yan-20 .y-nav { margin-top:9px; gap:2px; }
body.yan-20 .y-nav button { height:32px; font-size:12.5px; gap:9px; padding:0 9px; border-radius:8px; }
body.yan-20 .y-nav button svg { width:16px; height:16px; }
body.yan-20 .y-bakiye { height:32px; font-size:12.5px; padding:0 9px; border-radius:8px; }
body.yan-20 .y-bakiye small { font-size:10.5px; }
body.yan-20 .y-profil { padding:5px 8px; border-radius:9px; }
body.yan-20 .y-profil img { width:24px; height:24px; border-radius:7px; }
body.yan-20 .y-profil b { font-size:12px; }


/* ======================================= S9'DAN TURETILENLER ====== */

/* ---- S21 seffaf, ustte toplanmis -------------------------------- */
body.yan-21 { --yan-g:226px; }
body.yan-21 .yan { background:none; border-right:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.yan-21 .y-nav { flex:0 0 auto; gap:6px; }   /* buyumez -> hesap hemen altinda */
body.yan-21 .y-nav button { background:rgba(var(--kd-cam, 255,255,255), .62); border:1px solid var(--kd-kenar, rgba(255,255,255,.7));
  box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-21 .y-nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); border-color:var(--mavi-ln); }
body.yan-21 .y-nav button { padding:0 11px; }   /* 1px cerceve + 11 = markanin 12'si */
body.yan-21 .y-bakiye { margin-top:14px; }
body.yan-21 .y-bakiye, body.yan-21 .y-profil { background:rgba(var(--kd-cam, 255,255,255), .72);
  border-color:var(--kd-kenar, rgba(255,255,255,.8)); box-shadow:0 2px 8px rgba(15,42,86,.06); }

/* ---- S22 seffaf, karemsi ---------------------------------------- */
body.yan-22 { --yan-g:226px; }
body.yan-22 .yan { background:none; border-right:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.yan-22 .y-nav { gap:6px; }
body.yan-22 .y-nav button { border-radius:9px; background:rgba(var(--kd-cam, 255,255,255), .62);
  border:1px solid var(--kd-kenar, rgba(255,255,255,.7)); box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-22 .y-nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); border-color:var(--mavi-ln); }
body.yan-22 .y-nav button { padding:0 11px; }   /* 1px cerceve + 11 = markanin 12'si */
body.yan-22 .y-bakiye, body.yan-22 .y-profil { border-radius:9px; background:rgba(var(--kd-cam, 255,255,255), .72);
  border-color:var(--kd-kenar, rgba(255,255,255,.8)); box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-22 .y-profil img { border-radius:7px; }

/* ---- S23 seffaf, ortalanmis ------------------------------------- */
body.yan-23 { --yan-g:226px; }
body.yan-23 .yan { background:none; border-right:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
body.yan-23 .y-nav { justify-content:center; gap:6px; }
body.yan-23 .y-nav button { background:rgba(var(--kd-cam, 255,255,255), .62); border:1px solid var(--kd-kenar, rgba(255,255,255,.7));
  box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-23 .y-nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); border-color:var(--mavi-ln); }
body.yan-23 .y-nav button { padding:0 11px; }   /* 1px cerceve + 11 = markanin 12'si */
body.yan-23 .y-bakiye, body.yan-23 .y-profil { background:rgba(var(--kd-cam, 255,255,255), .72);
  border-color:var(--kd-kenar, rgba(255,255,255,.8)); box-shadow:0 2px 8px rgba(15,42,86,.06); }

/* ---- S24 seffaf, dar ikon (olculen genislik kaybini geri alir) --- */
body.yan-24 { --yan-g:86px; }
body.yan-24 .yan { background:none; border-right:0; box-shadow:none; padding:16px 10px;
  -webkit-backdrop-filter:none; backdrop-filter:none; align-items:center; }
body.yan-24 .y-marka { padding:0; justify-content:center; width:100%; }
body.yan-24 .y-marka .ym, body.yan-24 .y-nav button span,
body.yan-24 .y-bakiye small, body.yan-24 .y-profil b { display:none; }
body.yan-24 .y-nav { gap:7px; }
body.yan-24 .y-nav button { justify-content:center; padding:0; height:46px; border-radius:13px;
  background:rgba(var(--kd-cam, 255,255,255), .62); border:1px solid var(--kd-kenar, rgba(255,255,255,.7));
  box-shadow:0 2px 8px rgba(15,42,86,.06); }
body.yan-24 .y-nav button.acik { background:var(--kd-yuzey, #fff); color:var(--mavi-koyu); border-color:var(--mavi-ln); }
body.yan-24 .y-bakiye { width:100%; justify-content:center; font-size:11.5px; padding:0 4px;
  border-radius:12px; background:rgba(var(--kd-cam, 255,255,255), .72); border-color:var(--kd-kenar, rgba(255,255,255,.8)); }
body.yan-24 .y-profil { justify-content:center; padding:7px 4px; border-radius:13px;
  background:rgba(var(--kd-cam, 255,255,255), .72); border-color:var(--kd-kenar, rgba(255,255,255,.8)); }
body.yan-24 .y-profil i { display:none; }


/* ====================================== T23'TEN TURETILENLER ====== */
/* Ortak govde: tepeye yapisik serit, yalniz alt koseler yuvarlak.
   Asagidaki 16 duzen YALNIZ ustteki dugmeleri degistirir. */
body.t23-govde { --ust-y:56px; }
body.t23-govde .menu-sar { padding:0 var(--sayfa); }
body.t23-govde .menu { height:56px; border-radius:0 0 var(--serit-kose,12px) var(--serit-kose,12px); border-top:0;
  box-shadow:0 10px 30px rgba(15,42,86,.1); }
body.t23-govde .menu nav button { border-radius:9px; }
body.t23-govde .bakiye, body.t23-govde .profil { border-radius:9px; }
body.t23-govde .profil img { border-radius:7px; }

/* ---- T29 dolu mavi sekme --------------------------------------- */
body.ust-29 .menu nav button.acik { background:var(--mavi); color:#fff;
  box-shadow:0 2px 8px rgba(37,99,235,.28); }

/* ---- T30 koyu sekme -------------------------------------------- */
body.ust-30 .menu nav button.acik { background:var(--ink); color:#fff; }

/* ---- T31 alt cizgi --------------------------------------------- */
body.ust-31 .menu nav { gap:2px; }
body.ust-31 .menu nav button { height:56px; border-radius:0; background:none;
  box-shadow:inset 0 -2.5px 0 transparent; }
body.ust-31 .menu nav button:hover { background:none; color:var(--ink); box-shadow:inset 0 -2.5px 0 var(--cizgi-2); }
body.ust-31 .menu nav button.acik { background:none; color:var(--mavi-koyu); box-shadow:inset 0 -2.5px 0 var(--mavi); }

/* ---- T32 ust cizgi (serit tepeye yapisik oldugu icin ekran kenari) -- */
body.ust-32 .menu nav { gap:2px; }
body.ust-32 .menu nav button { height:56px; border-radius:0; background:none;
  box-shadow:inset 0 2.5px 0 transparent; }
body.ust-32 .menu nav button:hover { background:none; color:var(--ink); box-shadow:inset 0 2.5px 0 var(--cizgi-2); }
body.ust-32 .menu nav button.acik { background:none; color:var(--mavi-koyu); box-shadow:inset 0 2.5px 0 var(--mavi); }

/* ---- T33 cerceveli aktif --------------------------------------- */
body.ust-33 .menu nav button.acik { background:none; color:var(--mavi-koyu);
  box-shadow:inset 0 0 0 1.5px var(--mavi-ln); }

/* ---- T34 segment kutusu ---------------------------------------- */
body.ust-34 .menu nav { gap:2px; padding:3px; border-radius:11px; background:var(--buz); }
body.ust-34 .menu nav button { height:30px; font-size:13px; padding:0 13px; border-radius:8px; }
body.ust-34 .menu nav button:hover { background:rgba(var(--kd-cam, 255,255,255), .6); }
body.ust-34 .menu nav button.acik { background:var(--inci); color:var(--mavi-koyu);
  box-shadow:0 1px 3px rgba(15,42,86,.12); }

/* ---- T35 nokta gostergeli -------------------------------------- */
body.ust-35 .menu nav { gap:6px; }
body.ust-35 .menu nav button { background:none; position:relative; padding:0 13px; }
body.ust-35 .menu nav button:hover { background:none; color:var(--ink); }
body.ust-35 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-35 .menu nav button.acik::after { content:""; position:absolute; left:50%; bottom:3px;
  width:5px; height:5px; margin-left:-2.5px; border-radius:50%; background:var(--mavi); }

/* ---- T36 ikon kutulu ------------------------------------------- */
body.ust-36 .menu nav { gap:4px; }
body.ust-36 .menu nav button { gap:9px; padding:0 12px 0 6px; }
body.ust-36 .menu nav button svg { width:14px; height:14px; padding:6px; border-radius:8px;
  box-sizing:content-box; color:#fff; }
body.ust-36 .menu nav button:nth-child(1) svg { background:#2563EB; }
body.ust-36 .menu nav button:nth-child(2) svg { background:#0E7490; }
body.ust-36 .menu nav button:nth-child(3) svg { background:#B45309; }
body.ust-36 .menu nav button.acik { background:var(--inci); box-shadow:0 2px 8px rgba(15,42,86,.1); }

/* ---- T37 buyuk sekme ------------------------------------------- */
body.ust-37 .menu nav button { height:44px; padding:0 18px; font-size:15px; border-radius:11px; }
body.ust-37 .menu nav button svg { width:17px; height:17px; }

/* ---- T38 kompakt sekme ----------------------------------------- */
body.ust-38 .menu nav { gap:1px; }
body.ust-38 .menu nav button { height:28px; padding:0 10px; font-size:12.5px; border-radius:7px; }
body.ust-38 .menu nav button svg { width:13px; height:13px; }

/* ---- T39 yalniz yazi ------------------------------------------- */
body.ust-39 .menu nav { gap:4px; }
body.ust-39 .menu nav button svg { display:none; }
body.ust-39 .menu nav button { background:none; padding:0 14px; font-weight:600; }
body.ust-39 .menu nav button:hover { background:none; color:var(--ink); }
body.ust-39 .menu nav button.acik { background:none; color:var(--ink); font-weight:800; }

/* ---- T40 ikon sagda -------------------------------------------- */
body.ust-40 .menu nav button { flex-direction:row-reverse; }

/* ---- T41 dikey ayracli ----------------------------------------- */
body.ust-41 .menu nav { gap:0; }
body.ust-41 .menu nav button { background:none; border-radius:0; padding:0 15px; position:relative; }
body.ust-41 .menu nav button:hover { background:none; color:var(--ink); }
body.ust-41 .menu nav button.acik { background:none; color:var(--mavi-koyu); font-weight:700; }
body.ust-41 .menu nav button + button::before { content:""; position:absolute; left:0; top:9px; bottom:9px;
  width:1px; background:var(--cizgi); }

/* ---- T42 bakiye yesil + arti ----------------------------------- */
body.ust-42 .bakiye { background:rgba(22,163,74,.1); border-color:rgba(22,163,74,.22); color:#15803D; }
body.ust-42 .bakiye small { color:#4D9E6A; }
body.ust-42 .sag-grup { gap:8px; }
.ust-arti { width:36px; height:36px; border-radius:9px; background:var(--mavi); color:#fff;
  font-size:19px; font-weight:600; line-height:1; display:grid; place-items:center;
  box-shadow:0 2px 8px rgba(37,99,235,.28); transition:background var(--gecis); }
.ust-arti:hover { background:var(--mavi-koyu); }

/* ---- T43 sade sag ---------------------------------------------- */
body.ust-43 .bakiye { background:none; border-color:transparent; padding:0 4px; }
body.ust-43 .profil { background:none; border-color:transparent; padding:0; }
body.ust-43 .profil b { display:none; }
body.ust-43 .profil i { position:absolute; margin:18px 0 0 -9px; box-shadow:0 0 0 2px var(--kd-halka, #fff); }
body.ust-43 .profil { position:relative; }
body.ust-43 .profil img { width:32px; height:32px; border-radius:50%; }

/* ---- T44 sagda Cash out ---------------------------------------- */
body.ust-44 .sag-grup { gap:8px; }
body.ust-44 .ust-cik { border-radius:9px; }
body.ust-44 .bakiye { font-size:12.5px; padding:0 10px; }
body.ust-44 .bakiye small { display:none; }


/* ================================================ ALISILMADIKLAR === */
/* Bunlar varyasyon degil: menunun NE OLDUGU degisiyor. */

body.u-mod .calisma { height:calc(100vh - var(--ust-y,64px) - 32px); }

/* ---- U1 komut cubugu: menu yok, ortada tek kutu ----------------- */
body.u-1 { --ust-y:68px; }
body.u-1 .menu { height:56px; border-radius:14px; gap:12px; padding:0 8px 0 16px; }
body.u-1 .u1-kutu { position:relative; flex:1 1 auto; max-width:620px; margin:0 auto; }
body.u-1 .u1-kutu .ara { width:100%; }
body.u-1 .u1-kutu .ara input { height:40px; font-size:14.5px; border-radius:11px;
  background:rgba(var(--kd-cam, 255,255,255), .8); padding-right:52px; }
body.u-1 .u1-ipucu { position:absolute; right:10px; top:50%; transform:translateY(-50%);
  padding:3px 7px; border-radius:6px; background:var(--buz-2); color:var(--ink-3);
  font-size:11px; font-weight:700; pointer-events:none; }
body.u-1 .u1-oner { display:none; position:absolute; left:0; right:0; top:calc(100% + 7px); z-index:70;
  padding:5px; background:var(--kd-yuzey, #fff); border-radius:12px;
  box-shadow:0 14px 40px rgba(15,42,86,.2), 0 0 0 1px var(--cizgi); }
body.u-1 .u1-oner.acik { display:block; animation:menuGel .14s ease both; }
body.u-1 .u1-oner button { display:flex; align-items:center; gap:10px; width:100%; height:38px;
  padding:0 11px; border-radius:9px; font-size:13.5px; font-weight:600; color:var(--ink); text-align:left; }
body.u-1 .u1-oner button:hover { background:var(--buz); }
body.u-1 .u1-oner b { font-size:11px; color:var(--ink-3); background:var(--buz);
  padding:2px 6px; border-radius:5px; }
body.u-1 .menu nav { margin:0; gap:1px; }
body.u-1 .menu nav button span { display:none; }      /* sagda yalniz ikon */
body.u-1 .menu nav button { width:36px; padding:0; justify-content:center; border-radius:9px; }

/* ---- U2 canli sepet seridi: menu ayni zamanda sepet -------------- */
body.u-2 { --ust-y:68px; }
body.u-2 .menu { height:56px; border-radius:14px; gap:12px; padding:0 8px 0 16px; }
body.u-2 .menu nav { margin:0; }
body.u-2 .u2-serit { position:relative; flex:1 1 auto; max-width:460px; margin:0 auto; height:38px;
  border-radius:10px; background:var(--buz); overflow:hidden; display:flex; align-items:center; }
body.u-2 .u-dolgu { position:absolute; left:0; top:0; bottom:0; width:0;
  background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(37,99,235,.34));
  transition:width 420ms cubic-bezier(.4,0,.2,1); }
body.u-2 .u2-ic { position:relative; display:flex; align-items:center; gap:7px; padding:0 13px;
  width:100%; font-size:12.5px; color:var(--ink-2); }
body.u-2 .u-sayi { font-size:14px; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; }
body.u-2 .u-tut { margin-left:auto; font-style:normal; font-size:14.5px; font-weight:800;
  letter-spacing:-.03em; color:var(--ink); font-variant-numeric:tabular-nums; }
body.u-2 .u2-serit.dolu { box-shadow:inset 0 0 0 1px var(--mavi-ln); }
body.u-2 .u2-cik { display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 15px;
  border-radius:10px; background:var(--buz-2); color:var(--ink-3); font-size:13.5px; font-weight:700;
  white-space:nowrap; transition:background var(--gecis), color var(--gecis), box-shadow var(--gecis); }
body.u-2 .u2-cik.aktif { background:var(--mavi); color:#fff; box-shadow:0 2px 10px rgba(37,99,235,.3); }
body.u-2 .u2-cik svg { width:15px; height:15px; }
body.u-2 .bakiye small { display:none; }

/* ---- U3 kenar sekmeleri: ust serit YOK --------------------------- */
body.u-3 { padding-left:52px; }
body.u-3 .govde { padding:16px 18px; max-width:1620px; }
body.u-3 .calisma { height:calc(100vh - 32px); }
.u3-kenar { position:fixed; left:0; top:0; bottom:0; width:52px; z-index:60;
  display:flex; flex-direction:column; align-items:center; gap:18px; padding:14px 0;
  background:var(--cam); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-right:1px solid var(--kd-kenar, rgba(255,255,255,.78)); box-shadow:10px 0 30px rgba(15,42,86,.06); }
.u3-mark { width:34px; height:34px; border-radius:10px; background:var(--mavi); color:#fff;
  display:grid; place-items:center; flex:0 0 auto; }
.u3-mark svg { width:18px; height:18px; stroke:#fff; }
.u3-nav { display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:6px; }
.u3-nav button { writing-mode:vertical-rl; transform:rotate(180deg);   /* yan yatmis kulak */
  display:inline-flex; align-items:center; gap:9px; padding:16px 0; width:36px;
  border-radius:0 11px 11px 0; margin-left:-8px; background:rgba(var(--kd-cam, 255,255,255), .6);
  font-size:12.5px; font-weight:700; letter-spacing:.02em; color:var(--ink-2);
  transition:background var(--gecis), color var(--gecis), margin var(--gecis); }
.u3-nav button:hover { background:var(--kd-yuzey, #fff); color:var(--ink); margin-left:-4px; }
.u3-nav button.acik { background:var(--mavi); color:#fff; margin-left:-4px; }
.u3-nav button svg { width:15px; height:15px; transform:rotate(90deg); }
.u3-sag { position:fixed; right:18px; top:14px; z-index:61; display:flex; align-items:center; gap:9px; }
.u3-sag .bakiye, .u3-sag .profil { background:rgba(var(--kd-cam, 255,255,255), .82);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-radius:11px; }

/* ---- U4 alt dok --------------------------------------------------- */
body.u-4 { --ust-y:54px; }
body.u-4 .menu { height:42px; border-radius:99px; padding:0 8px 0 16px; }
body.u-4 .menu .sag-grup { margin-left:auto; }
body.u-4 .bakiye, body.u-4 .profil { height:30px; font-size:12.5px; }
body.u-4 .profil img { width:22px; height:22px; }
body.u-4 .calisma { height:calc(100vh - 86px - 92px); }   /* dok ile bindirme olmasin */
.u4-dok { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); z-index:70;
  display:flex; align-items:flex-end; gap:6px; padding:8px 10px; border-radius:20px;
  background:rgba(var(--kd-cam, 255,255,255), .82); -webkit-backdrop-filter:blur(18px) saturate(170%);
  backdrop-filter:blur(18px) saturate(170%); border:1px solid var(--kd-kenar, rgba(255,255,255,.8));
  box-shadow:0 10px 40px rgba(15,42,86,.2); }
.u4-dok button { display:flex; flex-direction:column; align-items:center; gap:4px;
  width:66px; padding:8px 0 6px; border-radius:14px; font-size:11.5px; font-weight:700; color:var(--ink-2);
  transform-origin:bottom center;
  transition:transform 200ms cubic-bezier(.25,1.3,.4,1), background var(--gecis), color var(--gecis); }
.u4-dok button svg { width:21px; height:21px; }
.u4-dok button:hover { transform:translateY(-6px) scale(1.14); background:var(--buz); color:var(--ink); }
.u4-dok button.acik { background:var(--mavi-sis); color:var(--mavi-koyu); }

/* ---- U5 dergi basligi --------------------------------------------- */
body.u-5 { --ust-y:112px; }
body.u-5 .menu-sar { padding:14px 0 0; }
body.u-5 .menu { height:auto; flex-direction:column; align-items:stretch; gap:0; padding:0;
  border-radius:4px; background:rgba(var(--kd-cam, 255,255,255), .55); }
body.u-5 .u5-ust { display:flex; align-items:flex-end; gap:16px; padding:12px 20px 10px; }
body.u-5 .u5-alt { display:flex; justify-content:center; padding:0 20px;
  border-top:1px solid var(--ink); }
body.u-5 .marka { font:800 34px/1 Georgia,'Times New Roman',serif; letter-spacing:-.03em; gap:10px; }
body.u-5 .marka svg { width:26px; height:26px; }
body.u-5 .marka span { color:var(--ink); font-style:italic; font-weight:400; }
body.u-5 .u5-ust .sag-grup { margin-left:auto; margin-bottom:4px; }
body.u-5 .bakiye, body.u-5 .profil { background:none; border:0; height:auto; padding:0 6px; font-size:12.5px; }
body.u-5 .profil img { width:24px; height:24px; }
body.u-5 .menu nav { margin:0; gap:0; }
body.u-5 .menu nav button { height:38px; border-radius:0; background:none; padding:0 22px;
  font-size:11px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; color:var(--ink-2); }
body.u-5 .menu nav button svg { display:none; }
body.u-5 .menu nav button:hover { background:none; color:var(--ink); }
body.u-5 .menu nav button.acik { background:none; color:var(--ink); box-shadow:inset 0 -3px 0 var(--ink); }

/* ---- U6 terminal --------------------------------------------------- */
body.u-6 { --ust-y:56px; }
body.u-6 .menu-sar { padding:0; }
body.u-6 .menu { height:44px; max-width:none; border-radius:0; border:0;
  border-bottom:1px solid #1E3A5F; background:#0B1E3A; box-shadow:none; padding:0 16px; gap:10px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#CFE3FF; }
body.u-6 .marka { font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; gap:7px; }
body.u-6 .u6-yol { color:#5EEAD4; }
body.u-6 .u6-im { color:#7FA7DC; }
body.u-6 .menu nav { margin:0 auto 0 0; gap:4px; }
body.u-6 .menu nav button { height:26px; padding:0 9px; border-radius:4px; background:none;
  font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#9FC0EA; }
body.u-6 .menu nav button svg { display:none; }
body.u-6 .menu nav button::before { content:"["; margin-right:3px; color:#3E6EA8; }
body.u-6 .menu nav button::after { content:"]"; margin-left:3px; color:#3E6EA8; }
body.u-6 .menu nav button:hover { background:#13294A; color:#fff; }
body.u-6 .menu nav button.acik { background:none; color:#5EEAD4; }
body.u-6 .menu nav button.acik::before, body.u-6 .menu nav button.acik::after { color:#5EEAD4; }
body.u-6 .bakiye, body.u-6 .profil { background:none; border:0; height:26px; padding:0 4px;
  font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#CFE3FF; }
body.u-6 .bakiye small { color:#7FA7DC; font-size:12.5px; font-weight:600; }
body.u-6 .profil img { width:20px; height:20px; border-radius:3px; }
body.u-6 .u6-imlec { width:7px; height:15px; background:#5EEAD4; animation:u6yan 1.1s steps(1) infinite; }
@keyframes u6yan { 50% { opacity:0; } }

/* ---- U7 kose rozeti ------------------------------------------------ */
body.u-7 { --ust-y:0px; }
/* Rozet yay seklinde acilinca panelin sol ustunu ORTUYORDU (olculdu).
   Dugmeler artik yatay yelpaze; ustten 80px yer ayrildi, bindirme yok. */
body.u-7 .govde { padding:80px 18px 16px; }
body.u-7 .calisma { height:calc(100vh - 96px); }
.u7-roz { position:fixed; left:18px; top:16px; z-index:70; width:52px; height:52px; }
.u7-dug { width:52px; height:52px; border-radius:50%; background:var(--mavi); color:#fff;
  display:grid; place-items:center; box-shadow:0 6px 22px rgba(37,99,235,.38);
  transition:transform 220ms cubic-bezier(.25,1.3,.4,1); position:relative; z-index:2; }
.u7-dug svg { width:23px; height:23px; stroke:#fff; }
.u7-roz.acik .u7-dug { transform:rotate(90deg) scale(.94); }
.u7-nav { position:absolute; left:0; top:0; }
.u7-nav button { position:absolute; left:4px; top:4px; width:44px; height:44px; border-radius:50%;
  background:var(--kd-yuzey, #fff); color:var(--ink-2); display:grid; place-items:center;
  box-shadow:0 4px 16px rgba(15,42,86,.18); opacity:0; pointer-events:none;
  transition:transform 280ms cubic-bezier(.25,1.3,.4,1), opacity 180ms; }
.u7-nav button span { display:none; }
.u7-nav button svg { width:18px; height:18px; }
.u7-roz.acik .u7-nav button { opacity:1; pointer-events:auto; }
.u7-roz.acik .u7-nav button:nth-child(1) { transform:translate(60px,0); }
.u7-roz.acik .u7-nav button:nth-child(2) { transform:translate(112px,0); }
.u7-roz.acik .u7-nav button:nth-child(3) { transform:translate(164px,0); }
.u7-nav button.acik { background:var(--mavi-sis); color:var(--mavi-koyu); }
.u7-sag { position:fixed; right:18px; top:16px; z-index:61; display:flex; align-items:center; gap:9px; }
.u7-sag .bakiye, .u7-sag .profil { background:rgba(var(--kd-cam, 255,255,255), .85);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-radius:11px; }

/* ---- U8 tek etiket -------------------------------------------------- */
body.u-8 { --ust-y:64px; }
body.u-8 .menu { border-radius:13px; }
body.u-8 .u8-sar { position:relative; margin:0 auto; }
body.u-8 .u8-tek { display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 14px;
  border-radius:10px; background:var(--buz); font-size:14px; font-weight:700; color:var(--ink);
  transition:background var(--gecis); }
body.u-8 .u8-tek:hover { background:var(--buz-2); }
body.u-8 .u8-tek svg { width:14px; height:14px; transition:transform var(--gecis); }
body.u-8 .u8-sar.acik .u8-tek svg { transform:rotate(180deg); }
body.u-8 .u8-liste { display:none; position:absolute; left:50%; transform:translateX(-50%);
  top:calc(100% + 7px); z-index:70; flex-direction:column; min-width:190px; padding:5px;
  background:var(--kd-yuzey, #fff); border-radius:12px; box-shadow:0 14px 40px rgba(15,42,86,.2), 0 0 0 1px var(--cizgi); }
body.u-8 .u8-sar.acik .u8-liste { display:flex; animation:menuGel .14s ease both; }
body.u-8 .u8-liste button { display:flex; align-items:center; gap:10px; width:100%; height:38px;
  padding:0 11px; border-radius:9px; font-size:13.5px; font-weight:600; color:var(--ink-2); text-align:left; }
body.u-8 .u8-liste button svg { width:16px; height:16px; }
body.u-8 .u8-liste button:hover { background:var(--buz); color:var(--ink); }
body.u-8 .u8-liste button.acik { background:var(--mavi-sis); color:var(--mavi-koyu); }
body.u-8 .bakiye, body.u-8 .profil { border-radius:9px; }
body.u-8 .profil img { border-radius:7px; }


/* ============================ T23 GOVDESI, DEGISEN ICINDEKILER ==== */
/* Serit birebir ayni kaliyor. Degisen: sekme yazilari, marka kilidi,
   bakiye ve profil. 45-52 ile 63-64 ikonsuz (ekran goruntusundeki gibi). */
body.ust-45 .menu nav button svg, body.ust-46 .menu nav button svg,
body.ust-47 .menu nav button svg, body.ust-48 .menu nav button svg,
body.ust-49 .menu nav button svg, body.ust-50 .menu nav button svg,
body.ust-51 .menu nav button svg, body.ust-52 .menu nav button svg,
body.ust-63 .menu nav button svg, body.ust-64 .menu nav button svg { display:none; }

/* ---- T45 sade metin (ekrandaki hal) ---------------------------- */
body.ust-45 .menu nav { gap:6px; }
body.ust-45 .menu nav button { background:none; padding:0 14px; color:var(--ink-3); }
body.ust-45 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-45 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }

/* ---- T46 buyuk harf -------------------------------------------- */
body.ust-46 .menu nav { gap:4px; }
body.ust-46 .menu nav button { background:none; padding:0 15px; font-size:11px; font-weight:800;
  letter-spacing:.15em; text-transform:uppercase; color:var(--ink-3); }
body.ust-46 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-46 .menu nav button.acik { background:none; color:var(--ink); }

/* ---- T47 numarali ---------------------------------------------- */
body.ust-47 .menu nav { gap:8px; }
body.ust-47 .menu nav button { background:none; padding:0 12px; gap:8px; color:var(--ink-3); }
body.ust-47 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-47 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
.ic-no { font-style:normal; font-size:10.5px; font-weight:800; color:var(--ink-3);
  font-variant-numeric:tabular-nums; }
body.ust-47 .menu nav button.acik .ic-no { color:var(--mavi); }

/* ---- T48 koseli parantez --------------------------------------- */
body.ust-48 .menu nav { gap:4px; }
body.ust-48 .menu nav button { background:none; padding:0 12px; color:var(--ink-3); }
body.ust-48 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-48 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-48 .menu nav button.acik::before { content:"["; margin-right:5px; color:var(--mavi); font-weight:700; }
body.ust-48 .menu nav button.acik::after { content:"]"; margin-left:5px; color:var(--mavi); font-weight:700; }

/* ---- T49 egik cizgili ------------------------------------------ */
body.ust-49 .menu nav { gap:0; }
body.ust-49 .menu nav button { background:none; padding:0 13px; color:var(--ink-3); position:relative; }
body.ust-49 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-49 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-49 .menu nav button + button::before { content:"/"; position:absolute; left:-3px;
  color:var(--cizgi-2); font-weight:400; }

/* ---- T50 nokta ayracli ----------------------------------------- */
body.ust-50 .menu nav { gap:0; }
body.ust-50 .menu nav button { background:none; padding:0 14px; color:var(--ink-3); position:relative; }
body.ust-50 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-50 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-50 .menu nav button + button::before { content:""; position:absolute; left:-2px; top:50%;
  width:3px; height:3px; margin-top:-1.5px; border-radius:50%; background:var(--ink-3); opacity:.6; }

/* ---- T51 kisa vurus -------------------------------------------- */
body.ust-51 .menu nav { gap:6px; }
body.ust-51 .menu nav button { background:none; padding:0 14px; color:var(--ink-3); position:relative; }
body.ust-51 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-51 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-51 .menu nav button.acik::after { content:""; position:absolute; left:50%; bottom:2px;
  width:18px; height:3px; margin-left:-9px; border-radius:2px; background:var(--mavi); }

/* ---- T52 sol nokta --------------------------------------------- */
body.ust-52 .menu nav { gap:6px; }
body.ust-52 .menu nav button { background:none; padding:0 14px; color:var(--ink-3); }
body.ust-52 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-52 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-52 .menu nav button.acik::before { content:""; width:6px; height:6px; border-radius:50%;
  background:var(--mavi); margin-right:8px; flex:0 0 auto; }

/* ---- T53 marka kare -------------------------------------------- */
body.ust-53 .marka { gap:0; }
body.ust-53 .marka span { display:none; }
body.ust-53 .marka { font-size:0; }
body.ust-53 .marka svg { width:20px; height:20px; padding:8px; box-sizing:content-box;
  border-radius:10px; background:var(--mavi); stroke:#fff; }

/* ---- T54 marka + alt baslik ------------------------------------ */
body.ust-54 .marka { flex-wrap:wrap; align-content:center; line-height:1.05; max-width:200px; }
.ic-slogan { width:100%; padding-left:27px; margin-top:1px; font-size:10px; font-weight:600;
  letter-spacing:.02em; color:var(--ink-3); }

/* ---- T55 marka degrade ----------------------------------------- */
body.ust-55 .marka { background:linear-gradient(92deg,#1D4ED8,#60A5FA 60%,#2563EB);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
body.ust-55 .marka span { color:transparent; }
body.ust-55 .marka svg { stroke:#2563EB; }

/* ---- T56 bakiye buyuk ------------------------------------------ */
body.ust-56 .bakiye { flex-direction:column; align-items:flex-end; justify-content:center; gap:0;
  height:auto; padding:0 6px; background:none; border-color:transparent; }
body.ust-56 .bakiye small { font-size:9.5px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-3); }
body.ust-56 .bakiye span { font-size:17px; font-weight:800; letter-spacing:-.03em; }

/* ---- T57 bakiye + gunluk --------------------------------------- */
.ic-artis { font-style:normal; margin-left:7px; padding:2px 6px; border-radius:6px;
  background:rgba(22,163,74,.12); color:#15803D; font-size:11px; font-weight:800; }

/* ---- T58 profil yalniz avatar ---------------------------------- */
body.ust-58 .profil { position:relative; background:none; border-color:transparent; padding:0; }
body.ust-58 .profil b { display:none; }
body.ust-58 .profil img { width:32px; height:32px; border-radius:50%; }
body.ust-58 .profil i { position:absolute; right:0; bottom:0; width:9px; height:9px;
  box-shadow:0 0 0 2.5px var(--kd-halka, #fff); }

/* ---- T59 profil ters ------------------------------------------- */
body.ust-59 .profil { flex-direction:row-reverse; padding:0 4px 0 11px; }
body.ust-59 .profil i { order:-1; }

/* ---- T60 sagda eylem ikonlari ---------------------------------- */
body.ust-60 .sag-grup { gap:6px; }
.ic-ikon { position:relative; width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
  color:var(--ink-2); background:var(--inci); border:1px solid var(--cizgi);
  transition:border-color var(--gecis), color var(--gecis); }
.ic-ikon:hover { border-color:var(--cizgi-2); color:var(--ink); }
.ic-ikon svg { width:16px; height:16px; }
.ic-ben { position:absolute; right:7px; top:7px; width:6px; height:6px; border-radius:50%;
  background:#DC2626; box-shadow:0 0 0 2px var(--inci); }

/* ---- T61 kompakt set ------------------------------------------- */
body.ust-61 .menu { gap:10px; }
body.ust-61 .marka { font-size:13.5px; }
body.ust-61 .marka svg { width:16px; height:16px; }
body.ust-61 .menu nav { gap:4px; }
body.ust-61 .menu nav button { height:30px; padding:0 12px; font-size:13px; }
body.ust-61 .menu nav button svg { width:13px; height:13px; }
body.ust-61 .bakiye, body.ust-61 .profil { height:30px; font-size:12.5px; }
body.ust-61 .bakiye small { font-size:10.5px; }
body.ust-61 .profil img { width:22px; height:22px; }

/* ---- T62 iri set ----------------------------------------------- */
body.ust-62 .marka { font-size:18px; }
body.ust-62 .marka svg { width:23px; height:23px; }
body.ust-62 .menu nav button { height:42px; padding:0 17px; font-size:15.5px; }
body.ust-62 .menu nav button svg { width:17px; height:17px; }
body.ust-62 .bakiye, body.ust-62 .profil { height:42px; font-size:15px; }
body.ust-62 .bakiye small { font-size:12.5px; }
body.ust-62 .profil img { width:32px; height:32px; }

/* ---- T63 mono rakam -------------------------------------------- */
body.ust-63 .menu nav { gap:6px; }
body.ust-63 .menu nav button { background:none; padding:0 14px; color:var(--ink-3); }
body.ust-63 .menu nav button.acik { background:none; color:var(--ink); font-weight:700; }
body.ust-63 .bakiye { background:none; border-color:transparent; padding:0 6px; }
body.ust-63 .bakiye span { font:800 17px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:-.04em; }
body.ust-63 .bakiye small { font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* ---- T64 ters kontrast ----------------------------------------- */
body.ust-64 .menu nav { gap:8px; }
body.ust-64 .menu nav button { background:none; padding:0 13px; color:rgba(90,113,150,.42); font-weight:500; }
body.ust-64 .menu nav button:hover { background:none; color:var(--ink-2); }
body.ust-64 .menu nav button.acik { background:none; color:var(--ink); font-weight:800; letter-spacing:-.01em; }
body.ust-64 .bakiye { background:none; border:1px dashed var(--cizgi-2); }
body.ust-64 .profil { background:none; border-color:var(--cizgi-2); }


/* ==================================== HESAP CIPLERI (?hc=1..10) ==== */

/* ---- hc-2 sade metin --------------------------------------------- */
body.hc-2 .hesap { background:none; border-color:transparent; box-shadow:none;
  border-radius:0; padding:6px 10px; }
body.hc-2 .hesap.on { background:none; box-shadow:inset 0 -2.5px 0 var(--mavi); }
body.hc-2 .hesap-ek { background:none; border-color:transparent; }

/* ---- hc-3 segment kutusu ----------------------------------------- */
body.hc-3 .hesaplar { gap:0; }
body.hc-3 .hesap { background:none; border:0; border-radius:9px; margin:3px; }
body.hc-3 .hesap:first-of-type { margin-left:0; }
body.hc-3 .hesap.on { background:var(--inci); box-shadow:0 1px 3px rgba(15,42,86,.12); }
body.hc-3 .hesaplar::before { content:""; position:absolute; }
body.hc-3 .hesap, body.hc-3 .hesap + .hesap { position:relative; z-index:1; }
body.hc-3 .hesaplar > .hesap:first-of-type { border-radius:9px; }

/* ---- hc-4 yuvarlak avatar, alt alta ------------------------------ */
body.hc-4 .hesap { flex-direction:column; gap:5px; padding:9px 14px; border-radius:14px; }
body.hc-4 .hesap img { width:34px; height:34px; border-radius:50%; }
body.hc-4 .hesap span { text-align:center; }
body.hc-4 .hesap b { font-size:12px; }

/* ---- hc-5 tek satir ---------------------------------------------- */
body.hc-5 .hesap { padding:5px 12px 5px 5px; border-radius:99px; }
body.hc-5 .hesap img { width:24px; height:24px; border-radius:50%; }
body.hc-5 .hesap span { display:flex; align-items:baseline; gap:7px; }
body.hc-5 .hesap small { font-size:11.5px; }
body.hc-5 .hesap small::before { content:""; }

/* ---- hc-6 deger cubuklu ------------------------------------------ */
body.hc-6 .hesap { position:relative; overflow:hidden; padding-bottom:9px; }
body.hc-6 .hesap::after { content:""; position:absolute; left:0; bottom:0; height:3px;
  background:var(--mavi); opacity:.25; width:100%; }
body.hc-6 .hesap.on::after { opacity:1; }

/* ---- hc-7 sol cizgili -------------------------------------------- */
body.hc-7 .hesap { border-radius:4px 12px 12px 4px; box-shadow:inset 3px 0 0 var(--cizgi); }
body.hc-7 .hesap.on { box-shadow:inset 3.5px 0 0 var(--mavi); border-color:var(--cizgi); }

/* ---- hc-8 kabartmali (kart diliyle ayni) ------------------------- */
body.hc-8 .hesap { border:0; box-shadow:0 1px 2px rgba(15,42,86,.05), 0 3px 10px rgba(15,42,86,.06); }
body.hc-8 .hesap.on { background:var(--kd-basik, #FAFBFC); transform:translateY(1px);
  box-shadow:inset 0 2px 8px rgba(15,42,86,.14), inset 0 0 0 1px rgba(15,42,86,.09); }

/* ---- hc-9 yalniz avatar ------------------------------------------ */
body.hc-9 .hesap { padding:5px; border-radius:12px; }
body.hc-9 .hesap span { display:none; }
body.hc-9 .hesap img { width:32px; height:32px; }
body.hc-9 .hesap:hover span { display:block; position:absolute; margin:40px 0 0 -8px; z-index:30;
  padding:7px 11px; background:var(--kd-yuzey, #fff); border-radius:10px; white-space:nowrap;
  box-shadow:0 8px 24px rgba(15,42,86,.18), 0 0 0 1px var(--cizgi); }
body.hc-9 .hesap { position:relative; }

/* ---- hc-10 acilir menu (JS) -------------------------------------- */
.hc-ac { position:relative; }
.hc-dug { display:flex; align-items:center; gap:9px; padding:6px 11px 6px 6px;
  background:var(--inci); border:1px solid var(--cizgi); border-radius:12px;
  transition:border-color var(--gecis); }
.hc-dug:hover { border-color:var(--cizgi-2); }
.hc-dug img { width:28px; height:28px; border-radius:8px; background:var(--buz); }
.hc-dug b { display:block; font-size:12.5px; font-weight:700; line-height:1.25; text-align:left; }
.hc-dug small { display:block; font-size:11px; color:var(--ink-3); font-weight:500; text-align:left; }
.hc-dug svg { width:13px; height:13px; color:var(--ink-3); transition:transform var(--gecis); }
.hc-ac.acik .hc-dug svg { transform:rotate(180deg); }
.hc-liste { display:none; position:absolute; left:0; top:calc(100% + 6px); z-index:40;
  min-width:230px; padding:5px; background:var(--kd-yuzey, #fff); border-radius:13px;
  box-shadow:0 12px 34px rgba(15,42,86,.2), 0 0 0 1px var(--cizgi); }
.hc-ac.acik .hc-liste { display:block; animation:menuGel .15s ease both; }
.hc-liste .hesap { width:100%; border:0; border-radius:9px; background:none; margin-bottom:2px; }
.hc-liste .hesap:hover { background:var(--buz); }
.hc-liste .hesap.on { background:var(--mavi-sis); box-shadow:none; }
.hc-liste .hesap-ek { width:100%; height:34px; border:0; border-radius:9px; background:none;
  justify-content:flex-start; padding:0 11px; font-size:13px; }
.hc-liste .hesap-ek::after { content:" Add account"; font-size:12.5px; font-weight:600; }
.hc-liste .hesap-ek:hover { background:var(--buz); }

/* ====================================================== MOBIL ====== */
@media (max-width:980px) {
  /* Sol kolon mobilde ustte yatay serit olur; alttaki sepetle cakismaz. */
  body.yan-mod { padding-left:0 !important; padding-top:0 !important; }
  .yan, body.yan-4 .yan, body.yan-19 .yan {
    position:sticky; top:0; left:auto; right:auto; bottom:auto;
    width:auto !important; height:auto; flex-direction:row; align-items:center; gap:10px;
    padding:9px 13px !important; border-radius:0; border-right:0;
    border-bottom:1px solid var(--cizgi); box-shadow:0 2px 14px rgba(15,42,86,.07);
    overflow:visible !important; }
  .yan:hover { width:auto !important; }
  .y-marka { height:auto; padding:0 !important; }
  .y-nav { order:2; flex:0 1 auto; flex-direction:row !important; gap:2px !important;
    margin:0 !important; justify-content:flex-start !important; }
  .y-nav button { width:auto; height:34px; padding:0 11px !important; flex-direction:row !important; }
  .y-nav button span, .y-nav button em { display:none !important; }
  .y-nav button { border-top:0 !important; border-bottom:0 !important; }
  .y-bol, .y-cikis, .y-serit { display:none !important; }
  .y-bakiye { order:3; margin:0 0 0 auto !important; width:auto !important;
    flex-direction:row !important; height:34px !important; padding:0 11px !important; }
  .y-bakiye small { display:none; }
  .y-profil { order:4; width:auto !important; flex-direction:row !important;
    margin:0 !important; padding:4px 8px !important; }
  .y-profil b, .y-profil i { display:none; }
  .y-profil img { width:26px; height:26px; }
  body.yan-13 .y-marka span, body.yan-13 .y-nav button span { opacity:1; }

  /* Ust duzenlerde yuksekligi serbest birak */
  body[class*="ust-"] .calisma { height:auto; }
  body.ust-7 .ust7-b { overflow-x:auto; }
  body.ust-26 .ada-a { gap:8px; padding:0 6px 0 10px; }
  body.ust-25 .sag-grup { padding:0 8px; }
  body.ust-13 .menu .ara { flex:1 1 120px; }
  body.ust-34 .menu nav { padding:2px; }
  body.ust-37 .menu nav button { height:36px; padding:0 11px; }
  body.ust-44 .ust-cik span { display:none; }
  body.ust-44 .ust-cik { padding:0 11px; }
  .ic-slogan { display:none; }
  .ic-artis { display:none; }
  body.ust-62 .menu nav button { height:36px; padding:0 11px; font-size:14px; }
  /* alisilmadiklar mobilde sadelesir */
  body.u-3 { padding-left:0; }
  .u3-kenar { position:sticky; top:0; left:auto; bottom:auto; width:auto; height:auto;
    flex-direction:row; gap:10px; padding:8px 12px; border-right:0;
    border-bottom:1px solid var(--cizgi); }
  .u3-nav { flex-direction:row; margin:0; gap:4px; }
  .u3-nav button { writing-mode:horizontal-tb; transform:none; width:auto; height:34px;
    padding:0 12px; margin:0; border-radius:9px; }
  .u3-nav button svg { transform:none; }
  .u3-sag { position:static; margin-left:auto; }
  body.u-3 .calisma, body.u-7 .calisma, body.u-mod .calisma { height:auto; }
  .u4-dok { left:10px; right:10px; transform:none; justify-content:center; bottom:auto;
    top:58px; padding:6px; }
  .u4-dok button { width:auto; flex:1 1 0; }
  body.u-4 .calisma { height:auto; }
  body.u-7 .sol-kol { padding-top:13px; }
  .u7-roz { left:10px; top:10px; }
  .u7-sag { right:10px; top:14px; }
  body.u-1 .u1-kutu { max-width:none; }
  body.u-2 .u2-serit { max-width:none; }
  body.u-2 .u2-cik span { display:none; }
  body.u-5 .marka { font-size:24px; }
  body.ust-20 .menu { height:52px; }
  .den-rozet { bottom:auto; top:auto; left:10px; bottom:calc(54vh + 12px); height:32px; font-size:11.5px; }
}

/* ====================================================================
   YENI BASLIK (bas2) — 2026-10-13, kullanici: "mobil ve tum cihazlar icin
   header'i daha iyi yap, logo yerine mm2.money yazsin". Varsayilan duzen
   (?h= yokken) menu.js body.bas2 ekler. Karemsi; yuvarlak hap yok.
     masaustu  : tek satir — yazi · ortada sekme cubugu (kayan beyaz kutu) · bakiye + profil
     tablet    : ayni satir, profilde yalniz avatar
     telefon   : 2 satir — yazi + bakiye + avatar / tam genislik 3 sekme
   ==================================================================== */
body.bas2 { --ust-y:70px; }
body.bas2 .menu-sar { padding:10px var(--sayfa) 0; }
html body.bas2 .menu-sar .menu { height:60px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px;
  padding:0 9px 0 20px; flex-wrap:nowrap; border-radius:16px; border:1px solid var(--kd-kenar, rgba(255,255,255,.85));
  background:rgba(var(--kd-cam, 255,255,255), .8); -webkit-backdrop-filter:blur(18px) saturate(170%); backdrop-filter:blur(18px) saturate(170%);
  box-shadow:0 1px 2px rgba(15,42,86,.04), 0 14px 34px -18px rgba(15,42,86,.28); }

/* yazi (logo yok) */
body.bas2 .marka { justify-self:start; display:block; height:auto; padding:0; cursor:pointer; white-space:nowrap;
  font-size:20px; font-weight:850; letter-spacing:-.045em; line-height:1; color:var(--ink); -webkit-tap-highlight-color:transparent; }
body.bas2 .marka svg { display:none; }
body.bas2 .marka span { color:var(--mavi); }
body.bas2 .marka.acik { background:none; }

/* sekme cubugu + kayan gosterge */
body.bas2 .menu nav { position:relative; justify-self:center; display:flex; gap:0; margin:0; padding:4px; border:0 !important;
  border-radius:12px; background:var(--kd-kap, rgba(219,231,250,.6)); box-shadow:inset 0 0 0 1px rgba(37,99,235,.06); }
body.bas2 .menu nav button { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  height:36px; padding:0 18px; border-radius:9px; background:none !important; box-shadow:none !important; border:0;
  font-size:14px; font-weight:700; letter-spacing:-.01em; color:var(--ink-3); transition:color .25s ease; }
body.bas2 .menu nav button span { display:inline !important; }
body.bas2 .menu nav button svg { display:inline-block !important; width:15px; height:15px; opacity:.75; }
body.bas2 .menu nav button.acik { color:var(--mavi-koyu); font-weight:750; }
body.bas2 .menu nav button.acik svg { opacity:1; }
body.bas2 .nav-iz { position:absolute; z-index:0; left:0; top:4px; bottom:4px; width:0; border-radius:9px; pointer-events:none;
  background:var(--kd-yuzey, #fff); box-shadow:0 1px 3px rgba(15,42,86,.12), 0 6px 14px -8px rgba(15,42,86,.3);
  transition:transform .42s cubic-bezier(.3,1.25,.4,1), width .42s cubic-bezier(.3,1.25,.4,1), opacity .2s ease; }

/* bakiye + profil */
body.bas2 .sag-grup { justify-self:end; display:flex; align-items:center; gap:8px; }
body.bas2 .bakiye { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; height:42px; padding:0 14px;
  border-radius:11px; background:var(--kd-yuzey, #fff); border:1px solid var(--cizgi); line-height:1; }
body.bas2 .bakiye small { display:block !important; font-size:9.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
body.bas2 .bakiye span { font:850 16px/1 var(--yazi) !important; letter-spacing:-.025em; color:var(--ink); font-variant-numeric:tabular-nums; }
body.bas2 .profil { display:flex; align-items:center; gap:8px; height:42px; padding:0 12px 0 5px; border-radius:11px;
  background:var(--kd-yuzey, #fff); border:1px solid var(--cizgi); font-size:13.5px; font-weight:750; color:var(--ink); }
body.bas2 .profil img { width:32px; height:32px; border-radius:8px; background:var(--buz); }
body.bas2 .profil b { display:inline !important; font-weight:750; }
body.bas2 .profil i { width:8px; height:8px; border-radius:2px; background:#16A34A; box-shadow:0 0 0 3px rgba(22,163,74,.16); }

/* masaustu govde: baslik 10 + 60 px -> calisma alani buna gore */
@media (min-width:981px) { body.bas2 .calisma { height:calc(100vh - 106px); } }

/* tablet */
@media (max-width:980px) {
  html body.bas2 .menu-sar .menu { padding:0 7px 0 16px; gap:10px; }
  body.bas2 .menu nav button { padding:0 14px; }
  body.bas2 .profil { padding:0 5px; }
  body.bas2 .profil b, body.bas2 .profil i { display:none !important; }
}
@media (max-width:700px) and (min-width:561px) {
  body.bas2 .menu nav button svg { display:none !important; }
  body.bas2 .bakiye small { display:none !important; }
}

/* telefon: 2 satir */
@media (max-width:560px) {
  body.bas2 { --ust-y:110px; }
  body.bas2 .menu-sar { padding:8px var(--sayfa) 0; }
  html body.bas2 .menu-sar .menu { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; height:auto; min-height:0;
    row-gap:8px; column-gap:8px; padding:8px; border-radius:18px; }
  body.bas2 .marka { grid-column:1; grid-row:1; padding-left:8px; font-size:19px; }
  body.bas2 .sag-grup { grid-column:2; grid-row:1; gap:6px; }
  body.bas2 .menu nav { grid-column:1 / -1; grid-row:2; justify-self:stretch; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:4px; }
  body.bas2 .menu nav button { height:38px; padding:0 6px; font-size:13.5px; }
  body.bas2 .bakiye { height:38px; padding:0 11px; }
  body.bas2 .bakiye small { display:none !important; }
  body.bas2 .bakiye span { font-size:15.5px !important; }
  body.bas2 .profil { height:38px; padding:0 3px; }
  body.bas2 .profil img { width:30px; height:30px; }
}
@media (prefers-reduced-motion: reduce) { body.bas2 .nav-iz { transition:none; } }
/* BAKIYE CUZDAN (2026-10-13): basliktaki bakiyeye basinca Withdraw (cashout.html) */
[data-cuzdan] { cursor:pointer; }
[data-cuzdan]:active { transform:scale(.98); }

/* ====================================================================
   UST KOSE (2026-10-13, kullanici: "headerin ustu hicbir zaman yuvarlak olmayacak, tum sayfalarda"):
   baslik ekranin tepesine yapisik, ust koseler duz; yalniz alt koseler yumusak.
   ==================================================================== */
body.bas2 { --ust-y:60px; }
body.bas2 .menu-sar { padding-top:0 !important; }
html body.bas2 .menu-sar .menu { border-top-left-radius:0 !important; border-top-right-radius:0 !important; border-top:0 !important; }
@media (min-width:981px) { body.bas2 .calisma { height:calc(100vh - 96px); } }
@media (max-width:560px) { body.bas2 { --ust-y:102px; } }
body.bas2 .profil i { display:none !important; }

/* ====================================================================
   PROFIL MENUSU + AYARLAR (2026-10-13)
   ==================================================================== */
.pm-ev { position:relative; }
.profil { cursor:pointer; }
.profil.pm-acik { box-shadow:inset 0 2px 6px rgba(15,42,86,.12); }
.pm { position:absolute; top:calc(100% + 8px); right:0; z-index:120; width:272px; padding:6px; border-radius:14px; background:var(--inci);
  border:1px solid var(--cizgi); box-shadow:0 22px 50px -18px rgba(15,42,86,.45), 0 2px 6px rgba(15,42,86,.08); transform-origin:100% 0; text-align:left; }
.pm[hidden] { display:none; }
.pm-bas { display:flex; align-items:center; gap:10px; padding:8px 8px 10px; margin-bottom:4px; border-bottom:1px solid var(--cizgi); }
.pm-bas img { width:38px; height:38px; border-radius:10px; background:var(--buz); object-fit:cover; flex:0 0 auto; }
.pm-bas span { display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.pm-bas b { font-size:14px; font-weight:800; color:var(--ink); }
.pm-bas small { font-size:11.5px; font-weight:600; color:var(--ink-3); }
.pm-sat { display:flex; align-items:center; gap:10px; width:100%; height:42px; padding:0 10px; border:0; border-radius:10px; background:none; text-align:left;
  font-size:13.5px; font-weight:700; color:var(--ink); cursor:pointer; }
.pm-sat:active { background:var(--buz); }
.pm-sat > svg { width:17px; height:17px; flex:0 0 auto; color:var(--ink-2); }
.pm-sat > span { flex:1; min-width:0; }
.pm-sat > em { font-style:normal; font-size:12.5px; font-weight:800; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.pm-sat > svg:last-child:not(:first-child) { width:14px; height:14px; color:var(--ink-3); }
.pm-cizgi { height:1px; margin:4px 4px; background:var(--cizgi); }
.pm-tema { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 6px 6px 10px; }
.pm-tema small { font-size:13.5px; font-weight:700; color:var(--ink); }
.pm-seg button, .ap-seg button { gap:5px; }
.pm-seg button svg, .ap-seg button svg { width:14px; height:14px; }
/* kare anahtar (ses) */
.pm-anah { position:relative; flex:0 0 auto; width:38px; height:22px; border-radius:7px; background:var(--buz-2); transition:background-color .25s ease; }
.pm-anah::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:5px; background:#fff; box-shadow:0 1px 3px rgba(15,42,86,.25);
  transition:transform .28s cubic-bezier(.32,.72,0,1); }
.on > .pm-anah { background:var(--mavi); }
.on > .pm-anah::after { transform:translateX(16px); }
/* ayarlar penceresi */
html.ap-kilit, html.ap-kilit body { overflow:hidden; }
.ap-perde { position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:20px; background:rgba(15,30,60,.38); }
.ap { width:min(440px,100%); max-height:calc(100vh - 40px); overflow-y:auto; padding:8px 20px 20px; border-radius:20px; background:var(--inci);
  box-shadow:0 30px 80px -24px rgba(15,42,86,.55); }
.ap-bas { display:flex; align-items:center; justify-content:space-between; height:58px; margin-bottom:4px; }
.ap-bas b { font-size:19px; font-weight:800; letter-spacing:-.025em; color:var(--ink); }
.ap-bas button { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--buz); border:0; color:var(--ink-2); cursor:pointer; }
.ap-bas svg { width:17px; height:17px; }
.ap section { padding:14px 0; border-top:1px solid var(--cizgi); }
.ap h4 { margin:0 0 10px; font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
.ap p { margin:9px 0 0; font-size:12.5px; line-height:1.5; color:var(--ink-3); }
.ap-seg { display:flex; width:100%; }
.ap-seg button { flex:1; justify-content:center; height:38px; }
.ap-sat { display:flex; align-items:center; gap:12px; width:100%; padding:10px 12px; border:0; border-radius:12px; background:var(--buz); text-align:left; cursor:pointer; }
.ap-sat > span { flex:1; display:flex; flex-direction:column; line-height:1.3; }
.ap-sat b { font-size:14px; font-weight:750; color:var(--ink); }
.ap-sat small { font-size:12px; color:var(--ink-3); }
.ap-hesap { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:12px; background:var(--buz); }
.ap-hesap img { width:40px; height:40px; border-radius:11px; object-fit:cover; }
.ap-hesap span { display:flex; flex-direction:column; line-height:1.3; }
.ap-hesap b { font-size:14px; font-weight:800; color:var(--ink); }
.ap-hesap small { font-size:12px; color:var(--ink-3); }
@media (max-width:560px) {
  .pm { width:min(272px, calc(100vw - 24px)); }
  .ap-perde { place-items:end center; padding:0; }
  .ap { width:100%; border-radius:20px 20px 0 0; padding-bottom:calc(20px + env(safe-area-inset-bottom)); }
}
/* PM CIKIS (2026-10-13): Log out (iki adim, kirmizi yok) */
.pm-cikis > svg { color:var(--ink-3); }
.pm-cikis.onay { background:var(--buz); }
.pm-cikis.onay span { color:var(--ink); font-weight:800; }

/* ====================================================================
   MENU v2 — PC + TABLET (2026-10-13): kutu yok; sekmeler baslik yuksekliginde, secili sekmenin altinda
   basligin alt kenarina oturan mavi cizgi kayar (yeri / genisligi NAV_IZ). Telefon (<=560) eski kutulu hali.
   ==================================================================== */
@media (min-width:561px) {
  body.bas2 .menu nav { align-self:stretch; height:60px; padding:0; gap:2px; border-radius:0; background:none !important; box-shadow:none !important; }
  body.bas2 .menu nav button { height:60px; padding:0 18px; border-radius:0; font-size:14px; font-weight:700; color:var(--ink-3); }
  body.bas2 .menu nav button.acik { color:var(--ink); font-weight:750; }
  body.bas2 .menu nav button svg { opacity:.7; }
  body.bas2 .menu nav button.acik svg { opacity:1; color:var(--mavi); }
  body.bas2 .nav-iz { top:auto !important; bottom:0 !important; height:3px !important; border-radius:3px 3px 0 0 !important; background:var(--mavi) !important;
    box-shadow:none !important; clip-path:inset(0 14px); }
}
@media (min-width:561px) and (max-width:980px) { body.bas2 .menu nav button { padding:0 14px; } body.bas2 .nav-iz { clip-path:inset(0 10px); } }

/* ====================================================================
   BASLIK v3 (2026-10-13): PC + tablet -> sekmeler LOGONUN YANINDA (mm2.cash gibi), bakiye + profil sagda.
   Yer tutucu profil (hesap bilgisi gelene kadar): bos kare, yazi yok.
   ==================================================================== */
@media (min-width:561px) {
  html body.bas2 .menu-sar .menu { grid-template-columns:auto auto minmax(0,1fr) !important; gap:0 !important; }
  body.bas2 .marka { margin-right:26px; }
  body.bas2 .menu nav { justify-self:start !important; }
  body.bas2 .sag-grup { justify-self:end !important; }
}
@media (min-width:561px) and (max-width:980px) { body.bas2 .marka { margin-right:14px; } }
.profil.profil-bos img { background:var(--buz); }
.profil.profil-bos b { display:inline-block !important; width:64px; height:10px; border-radius:4px; background:var(--buz); animation:profilYuk 1.2s ease-in-out infinite; }
@media (max-width:980px) { .profil.profil-bos b { display:none !important; } }
@keyframes profilYuk { 50% { opacity:.45; } }

/* PM v2 (2026-10-13): dis kenarlik yok (yalniz golge), yer JS'te (header alti + sag kenar), acikken profilde cerceve yok */
.pm { border:0 !important; transform-origin:100% 0; box-shadow:0 24px 56px -18px rgba(15,42,86,.42), 0 4px 14px rgba(15,42,86,.08) !important; }
html[data-tema="koyu"] .pm { box-shadow:0 26px 60px -16px rgba(0,0,0,.85), 0 4px 14px rgba(0,0,0,.45) !important; }
.profil, .profil:focus { outline:none; }
.profil.pm-acik { box-shadow:inset 0 2px 6px rgba(15,42,86,.12) !important; border-color:transparent !important; }
html[data-tema="koyu"] .profil.pm-acik { box-shadow:inset 0 2px 8px rgba(0,0,0,.6) !important; }
.profil:focus-visible { box-shadow:0 0 0 2px var(--mavi-ln) !important; }
/* PM AVATAR (2026-10-13): profil penceresindeki avatarin koyu/acik arka plani yok (basliktaki profil dugmesi ayni) */
.pm-bas img { background:none !important; }
/* GIRIS DUGMELERI (2026-10-14): girissizken bakiye + profil yok, yerlerinde Log in / Register */
.giris-dug { display:none; align-items:center; gap:8px; }
html.misafir .giris-dug { display:flex; }
html.misafir .menu .bakiye, html.misafir .menu .profil { display:none !important; }
.giris-dug button { height:42px; padding:0 17px; border-radius:11px; font-size:14px; font-weight:750; white-space:nowrap; transition:box-shadow .15s ease; }
.gd-giris { color:var(--ink); background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar, rgba(15,42,86,.06)), inset 0 -2px 0 rgba(15,42,86,.06); }
.gd-kayit { color:#fff; background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18), 0 8px 18px -10px rgba(37,99,235,.9); }
html[data-tema="koyu"] .gd-giris { background:var(--k-kabarik, #181818); box-shadow:inset 0 -2px 0 rgba(0,0,0,.5); }
html[data-tema="koyu"] .gd-kayit { background:linear-gradient(150deg,#1A3478,#1E4CC4 60%,#2B63DD); box-shadow:inset 0 -2px 0 rgba(0,0,0,.3); }
.gd-giris:active, .gd-kayit:active { box-shadow:inset 0 2px 6px rgba(0,0,0,.25); }
@media (max-width:560px) { .giris-dug { gap:6px; } .giris-dug button { height:38px; padding:0 13px; font-size:13.5px; } }
/* HESAP CIZGISI YOK (2026-10-14, kullanici): secili Roblox hesabinin altindaki kayan mavi cizgi (anim-site) gosterilmez */
.as-hesap-cizgi { display:none !important; }

/* logo harf dalgasi (2026-10-14): menu.js ilk acilista .marka icine koyar, bitince kaldirir */
.marka .lw { position:relative; display:inline-block; overflow:hidden; padding:3px 1px; margin:-3px -1px; font-style:normal; color:inherit; }
.marka .lw i { display:inline-block; font-style:normal; color:inherit; }
.marka .lw i.m { color:var(--mavi); }
body.ust-6 .marka .lw i.m { color:#8FB2F6; }
.marka .lw-isik { position:absolute; top:0; bottom:0; left:28%; width:16px; text-decoration:none; pointer-events:none; opacity:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent); }
html[data-tema="koyu"] .marka .lw-isik { background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent); }

/* profil menusu: Admin panel kisayolu (2026-10-14, yalniz admin hesabinda) */
.pm-admin > svg:first-child { color:var(--mavi); }