/* responsive layer — content-driven & mobile (user 2026-06-12: "mobilde kırık/bomboş · kontente göre güncellensin")
   strateji: #home posteri DESKTOP'ta kalır (sanat-kompozisyon · JS-scale) · #features HER boyutta akışkan
   (941px-kasada kart-kesilmesi ÖLDÜ) · ≤980px'te poster-scale iptal, tüm sayfa tek-kolon akar */

/* scroll-snap kapalı: auto-height section'larla çatışıyordu (snap viewport=section varsayar) */
html { scroll-snap-type: none; }

/* ---- FEATURES: her boyutta content-driven ---- */
#features { height: auto; min-height: 100vh; }
#features .stage { width: 100%; max-width: 1672px; height: auto; margin: 0 auto; transform: none !important; }
#features .fpage { position: static; inset: auto; padding: 48px 64px 28px; }
#features .grid { grid-template-rows: none; grid-auto-rows: auto; }
#features .card { overflow: visible; min-height: 0; }
#features .cmock { justify-content: flex-start; }

@media (max-width: 1100px) {
  #features .grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- poster-scale layout-footprint fix'i (>980 · "yamuk" kökü) ----
   transform:scale görseli küçültür ama 1672px LAYOUT-kutusu kalır → ara-genişlikte (981-1671) sağa-taşma.
   absolute-center stage'i akıştan çıkarır: taşma imkânsız, her zaman tam-merkez (JS translate+scale basar). */
@media (min-width: 981px) {
  #home { position: relative; overflow: hidden; }
  #home .stage { position: absolute; left: 50%; top: 50%; }
}

/* ---- ≤980px: poster-scale İPTAL — akışkan tek-kolon ---- */
@media (max-width: 980px) {
  .screen { display: block; overflow: visible; height: auto; min-height: 0; }   /* poster-kasası tamamen kapalı: içerik kadar yer */
  body { overflow-x: hidden; }
  #home { height: auto; }
  #home .stage { width: 100%; height: auto; transform: none !important; }
  #home .page { position: static; inset: auto; padding: 22px 18px 30px; }

  #home h1 { font-size: clamp(26px, 7.6vw, 40px); overflow-wrap: break-word; }
  #home .sub { font-size: 14px; }
  #home .sub br { display: none; }   /* sabit-satır-kırılımı dar-ekranda taşırıyordu — serbest sarsın */
  #home .ai-row { flex-wrap: wrap; height: auto; gap: 12px 18px; }

  #home .flow {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 16px;
    margin-top: 18px;
  }
  #home .flow-wires { display: none; }
  #home .col-head.right { text-align: left; }
  #home .flow-mid { padding: 6px 0; }

  #home .signup {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
    margin-top: 18px;
  }
  #home .signup .field { width: 100%; }
  #home .signup .cta { width: 100%; }

  #features .fpage { padding: 36px 18px 24px; }
  #features .fhead .brand { position: static; justify-content: center; margin-bottom: 12px; }
  #features h1 { font-size: clamp(26px, 7vw, 38px); }
  #features .ffoot { flex-wrap: wrap; gap: 8px; height: auto; justify-content: center; text-align: center; }
}

@media (max-width: 640px) {
  #features .grid { grid-template-columns: 1fr; }
  #home .event .t { width: 44px; font-size: 10px; }
}