/* Tarayıcının kendi yenileme göstergesi (daire içinde noktalar) kapalı —
   tek ve tutarlı gösterge aşağıdaki modülünki olsun. */
html,body{overscroll-behavior-y:contain}



/* v341: giriş ekranında panel %55 kartı değil TAM EKRAN olsun; kırpılma buradaydı */
body[data-screen="s-auth"] #panel{
  max-height:none; height:100%; flex:1;
  background:transparent; border-top:0; border-radius:0; box-shadow:none;
}
/* ══════════ v337 · GİRİŞ EKRANI (s-auth adım 1) ══════════
   TÜM kurallar body[data-screen="s-auth"] altına kapatıldı —
   başka hiçbir ekranı etkilemez. */
body[data-screen="s-auth"]{
  --ya-gold-light:#ffdc78; --ya-gold:#efb72e; --ya-gold-dark:#9d6b12;
  --ya-text:#f4d277; --ya-sub:#928c80; --ya-border:rgba(238,177,42,.58);
  background:
    radial-gradient(circle at 50% 26%, rgba(255,190,55,.10) 0%, rgba(10,10,10,0) 38%),
    linear-gradient(180deg,#080908 0%,#050607 100%) !important;
}
body[data-screen="s-auth"] #auStep1{ position:relative; padding-bottom:140px; }

body[data-screen="s-auth"] .au-hero{ text-align:center; padding:.2rem 0 .4rem; }
body[data-screen="s-auth"] .hero-logo{
  width:118px; height:118px;
  margin:10px auto 16px;
  display:grid; place-items:center; border-radius:50%;
  background:linear-gradient(145deg,#181714,#080808);
  border:3px solid #f6c64d;
  box-shadow:0 0 8px rgba(255,204,91,.95),0 0 22px rgba(255,184,42,.45),
             0 0 44px rgba(255,174,22,.18),inset 0 0 20px rgba(255,190,56,.10);
}
body[data-screen="s-auth"] .hero-logo svg{ width:44%; height:44%; }
body[data-screen="s-auth"] .welcome-title{
  font-size:25px; font-weight:800; letter-spacing:-.5px;
  color:#f8d77b; text-shadow:0 0 18px rgba(255,193,56,.16); margin:0;
}
body[data-screen="s-auth"] .welcome-subtitle{
  margin-top:5px; font-size:14px; color:var(--ya-sub);
}
body[data-screen="s-auth"] .au-label{
  display:block; margin:18px 0 8px;
  font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:#b9922f;
}
body[data-screen="s-auth"] .phone-row{
  display:grid; grid-template-columns:minmax(112px,34%) 1fr; gap:12px;
}
body[data-screen="s-auth"] .phone-box{
  height:60px; border-radius:18px; display:flex; align-items:center;
  padding:0 16px; box-sizing:border-box;
  background:linear-gradient(145deg,rgba(20,20,19,.95),rgba(8,9,10,.98));
  border:1px solid var(--ya-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 25px rgba(0,0,0,.40),
             0 0 12px rgba(255,183,34,.05);
}
body[data-screen="s-auth"] .phone-cc{
  justify-content:center; color:#fff; font-weight:700; font-size:17px;
}
body[data-screen="s-auth"] .phone-number{
  width:100%; font-size:20px; font-weight:600; letter-spacing:1.5px;
  color:#e9e4d8; outline:none;
}
body[data-screen="s-auth"] .phone-number::placeholder{ color:#7d7871; letter-spacing:1.5px; }
body[data-screen="s-auth"] .au-ver{
  text-align:center; color:#6a6f76; font-size:.68rem;
  margin:.45rem 0 .35rem; letter-spacing:.08em;
}
body[data-screen="s-auth"] .primary-button{
  width:100%; height:58px; margin:.1rem 0 0;
  border:1px solid #ffe597; border-radius:20px;
  background:linear-gradient(100deg,#ffd96a 0%,#f0b82e 52%,#ffd56b 100%);
  color:#11100c; font-size:18px; font-weight:800; letter-spacing:.02em;
  box-shadow:0 10px 30px rgba(239,173,34,.23),0 0 15px rgba(255,211,91,.30),
             inset 0 1px 1px rgba(255,255,255,.50);
  transition:transform .12s ease, box-shadow .12s ease;
}
body[data-screen="s-auth"] .primary-button:active{
  transform:scale(.985);
  box-shadow:0 4px 12px rgba(239,173,34,.20),inset 0 3px 8px rgba(0,0,0,.18);
}
body[data-screen="s-auth"] .driver-button{
  width:100%; height:56px; margin-top:12px;
  border-radius:20px; border:1px solid rgba(240,180,45,.75);
  background:linear-gradient(145deg,rgba(17,18,18,.98),rgba(7,8,9,.98));
  color:#e7b84e; font-size:17px; font-weight:700;
  box-shadow:0 0 15px rgba(255,185,39,.08),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .12s ease;
}
body[data-screen="s-auth"] .driver-button:active{ transform:scale(.985); }
body[data-screen="s-auth"] .bottom-scene{
  position:fixed; left:0; right:0; bottom:0;
  height:128px;
  background:linear-gradient(to top,rgba(5,6,7,0) 0%,rgba(5,6,7,.55) 62%,rgba(5,6,7,.95) 100%),
             url("/go/yildirim-road.png") center bottom / 118% auto no-repeat;
  pointer-events:none; opacity:.9; z-index:0;
}
body[data-screen="s-auth"] #auStep1 > *:not(.bottom-scene){ position:relative; z-index:1; }
/* kısa ekranlarda logo küçülsün, taşma olmasın */
@media (min-height:760px){
  body[data-screen="s-auth"] .hero-logo{ width:146px; height:146px; margin:18px auto 22px; }
  body[data-screen="s-auth"] .bottom-scene{ height:168px; }
  body[data-screen="s-auth"] #auStep1{ padding-bottom:150px; }
}


/* ══════════ v339 · ÜST MENÜ — Fatih'in 2. maddesi ══════════
   Dil seçici hap biçiminde, aktif olanda iç ışık. Bileşen küçük ve
   her ekranda ortak olduğu için global uygulandı (tutarlılık). */
.langsw{
  margin-left:auto; display:flex; gap:0; padding:0; overflow:hidden;
  border:1px solid rgba(235,177,49,.35);
  border-radius:18px;
  background:rgba(10,10,10,.75);
}
.langbtn{
  background:transparent; border:0; color:#8f887b;
  font-size:.72rem; font-weight:700; letter-spacing:.06em;
  padding:.5rem .78rem; border-radius:0; cursor:pointer;
  transition:color .15s ease, background .15s ease;
}
.langbtn.on{
  color:#ffd86a;
  background:rgba(255,188,49,.08);
  box-shadow:inset 0 0 20px rgba(255,190,50,.13);
}
header{ padding:.72rem 1.05rem; gap:.6rem; }
header b{ font-size:1.02rem; letter-spacing:.06em; }