/* 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){

  /* ============ 1. sayfa: sablon secimi ============ */
  .giris main.wrap{
    min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;
    padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))
  }
  .giris .hero{padding:0 0 clamp(8px, 2dvh, 22px)}
  .giris .eyebrow{font-size:10.5px;margin-bottom:clamp(4px, 1.2dvh, 14px)}
  .giris h1{font-size:clamp(19px, 3.6dvh, 30px);line-height:1.18}
  .giris .lead{font-size:clamp(12.5px, 2.05dvh, 16px);margin-top:clamp(4px, 1.1dvh, 14px);line-height:1.4}
  .giris .secim legend{margin-bottom:clamp(4px, 1dvh, 12px);font-size:13px}
  /* Kart genisligi ekran yuksekligine bagli: kisa ekranda kartlar kuculur, oran (800x1121) korunur. */
  .giris .kartlar{gap:8px;max-width:calc(15dvh * 4 * 0.7136 + 24px);margin:0 auto}
  .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(8px, 2dvh, 20px) 0 0}
  .giris .kvkk{padding:10px 12px;font-size:13px;gap:10px}
  .giris .btn{margin-top:clamp(8px, 1.6dvh, 16px);min-height:clamp(46px, 7dvh, 56px);font-size:15px}
  .giris .ipucu{margin-top:clamp(4px, 1dvh, 12px);font-size:12px}

  /* ============ 3. sayfa: sonuc ============ */
  .sonuc main.wrap{
    height:100vh;height:100dvh;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}
}