/* Mobil: her sayfa TEK EKRANA sigar, kaydirma gerekmez (Utku, 2026-10-21).
   Ajansin sayfa CSS'lerine dokunulmaz; yalniz dar ekranda (<=599 px) bu ek kurallar devreye girer.
   Olculer ekran YUKSEKLIGINE (dvh) gore olceklenir: kucuk Android'den buyuk telefona ayni yerlesim.
   Dogrulama: scratchpad/fit.mjs (360x640, 375x553, 390x664, 412x780 gorunur alanlari). */

@media (max-width:599px){

  /* ============ Alt logolar (ajans v2, logolar.css): dar ekranda kompakt ============
     Sayfa = main (kalan alan) + logolar; ikisi birlikte tek ekrana sigar. */
  .logolar{padding-bottom:max(10px, env(safe-area-inset-bottom))}
  .logolar .wrap{padding-top:clamp(6px, 1.4dvh, 12px)}
  .logolar .logo-db{width:clamp(80px, 13dvh, 104px)}
  .logolar .logo-enbd{width:calc(clamp(80px, 13dvh, 104px) * .532)}

  /* ============ 1. sayfa: sablon secimi ============ */
  .giris main.wrap{
    min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;
    padding-top:max(12px, env(safe-area-inset-top));padding-bottom:8px
  }
  /* 🔴 2026-10-22: giris metni UC paragrafa cikti (DenizBank metni, birebir) ve sayfa 360x640'ta 95 px,
     375x553'te 94 px TASIYORDU. Tek ekrana sigdirmak icin: metin satiri tam genislik (36ch siniri yok),
     yazi 11-15 px, kartlar 12dvh -> 10dvh, aradaki bosluklar biraz daraldi. Dort olcude de olculdu. */
  .giris .hero{padding:0 0 clamp(6px, 1.4dvh, 18px)}
  .giris .eyebrow{font-size:10.5px;margin-bottom:clamp(3px, .8dvh, 10px)}
  .giris h1{font-size:clamp(18px, 3.3dvh, 28px);line-height:1.18}
  .giris .lead{font-size:clamp(11px, min(1.8dvh, 3.1vw), 15px);margin-top:clamp(3px, .7dvh, 10px);line-height:1.32;max-width:none}
  .giris .secim legend{margin-bottom:clamp(4px, 1dvh, 12px);font-size:13px}
  /* Kart GORSELININ genisligi ekran yuksekligine bagli: kisa ekranda kucuk, oran (800x1121) korunur.
     SUTUN ise en genis ogeye gore (width:max-content + esit 1fr): gorsel 40 px'e inince alttaki "DenizBank"
     yazilari (54 px) birbirine biniyordu (375x553'te 6,5 px, 2026-10-22). Sutunlar esit, yazilar arasi >= 10 px. */
  .giris .kartlar{grid-template-columns:repeat(4,1fr);gap:10px;width:max-content;max-width:100%;margin:0 auto}
  /* Kart ~55 px genislikte: 10 px kose yuvarlamasi alt koselerdeki ENBD/DenizBank logolarini kesiyordu. */
  .giris .kart-gorsel{width:calc(10dvh * 0.7136);margin:0 auto;border-radius:5px;border-width:1.5px}
  .giris .kart-ad{margin-top:6px;font-size:12px;gap:3px}
  .giris .kart-ad small{font-size:10.5px}
  .giris .kart-ad::before{width:14px;height:14px}
  .giris .aksiyon{padding:clamp(6px, 1.4dvh, 16px) 0 0}
  .giris .kvkk{padding:8px 12px;font-size:13px;gap:10px}
  .giris .btn{margin-top:clamp(6px, 1.2dvh, 14px);min-height:clamp(44px, 6.4dvh, 54px);font-size:15px}
  .giris .ipucu{margin-top:clamp(3px, .8dvh, 10px);font-size:clamp(11px, 3.2vw, 12px)}
  .giris .disclaimer{margin-top:clamp(4px, 1dvh, 12px);padding-top:clamp(4px, 1dvh, 10px);font-size:clamp(10px, 1.7dvh, 12px);line-height:1.4}

  /* ============ 3. sayfa: sonuc ============ */
  body.sonuc{height:100vh;height:100dvh;min-height:0}
  .sonuc main.wrap{
    flex:1 1 auto;height:auto;min-height:0;display:flex;flex-direction:column;
    padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom))
  }
  .sonuc .hero{padding:0;flex:0 0 auto}
  .sonuc .eyebrow{font-size:10.5px;margin-bottom:4px}
  .sonuc h1{font-size:clamp(19px, 3.4dvh, 28px);line-height:1.15}
  .sonuc .lead{font-size:clamp(12.5px, 2dvh, 15px);margin-top:4px;line-height:1.35}
  .sonuc main.wrap > div{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  /* Portre kalan alana HEM genislik HEM yukseklik olarak sigar: genislik = min(alan genisligi,
     alan yuksekligi x 3/4). Yalniz yukseklikten turetmek uzun ekranlarda yatay tasma yapti
     (2026-10-21, Utku'nun ekran goruntusu). cqw/cqh: figure'in kendi olculeri. */
  .sonuc .portre{flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:clamp(6px, 1.4dvh, 14px) 0 0;
    container-type:size;display:flex;justify-content:center;align-items:center}
  .sonuc .portre .kart-gorsel{width:min(100cqw, 75cqh);height:auto;max-width:none;aspect-ratio:3/4}
  .sonuc .butonlar{padding:clamp(8px, 1.6dvh, 16px) 0 0;flex:0 0 auto}
  .sonuc .btn{margin-top:0;min-height:clamp(44px, 6.5dvh, 56px);font-size:15px}
  .sonuc .paylas-baslik{margin:clamp(6px, 1.4dvh, 18px) 0 6px;font-size:11px}
  .sonuc .paylas a{width:44px;height:44px}
  .sonuc .paylas-not{margin-top:4px;min-height:0;font-size:12px}
  .sonuc .paylas-not:empty{display:none}
  /* ============ durum sayfalari (hazirlaniyor, mozaik, hata): ajansin 48px dikey boslugu logolarla sigmiyor ============ */
  .durum main.wrap{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:12px}
  .sonuc .btn-mozaik{margin-top:clamp(8px, 1.6dvh, 16px);min-height:clamp(40px, 6dvh, 52px);font-size:13px}
}