/* AISITE tanıtım (landing) — mobil uyum.
   Tek dosya, 9 sayfanın hepsine /static/tanitim/mobil.css olarak <link>'lenir.
   Masaüstü tasarım (sabit 1320px .page) korunur; ≤900px'de akışkan + tek sütun. */

@media (max-width: 900px) {
  /* --- taşmayı kes --- */
  html, body { overflow-x: hidden; }
  .page {
    width: auto !important;
    max-width: 100%;
    overflow-x: hidden;
  }
  img, iframe, svg, video, canvas { max-width: 100%; height: auto; }
  h1, h2, h3 { overflow-wrap: anywhere; }

  /* hero sağ-üst dekoratif şerit (absolute, right:60px) mobilde dağılır → gizle */
  .hero-anno { display: none !important; }

  /* --- kenar boşluğu daralt (dikey korunur, sadece yatay) --- */
  .page > * { padding-left: 20px !important; padding-right: 20px !important; }

  /* --- header: marka + butonlar 1. satır, nav linkleri tam genişlik 2. satır --- */
  header { flex-wrap: wrap; row-gap: 12px; }
  .links {
    order: 3; width: 100%;
    justify-content: center; flex-wrap: wrap; gap: 8px 10px;
    font-size: 15px;
    margin-top: 14px;
    padding-top: 16px;
    border-top: 1px solid var(--line, #ece2cf);
  }
  /* nav linkleri: daha kolay tıklanabilir "chip" + birbirinden ayrık */
  .links a {
    padding: 9px 15px;
    border-radius: 9px;
    line-height: 1.1;
    background: var(--surface, #fffdf8);
    border: 1px solid var(--line, #ece2cf);
  }
  .nav-cta { flex-wrap: wrap; gap: 10px; }

  /* --- çok-kolon grid'ler → tek sütun --- */
  .hero, .why-grid, .steps, .price-wrap, .fgrid, .strip,
  .gal-split, .tgrid, .foot-top {
    grid-template-columns: 1fr !important;
  }
  .hero { gap: 28px; }

  /* --- taşabilen flex satırları sarmalat --- */
  .ctas, .trust, .badges, .qa, .pmeta, .dnote .in, .tcol-head {
    flex-wrap: wrap;
  }

  /* --- footer alt barı: daraltınca sola yığılmak yerine sağa yaslı istif --- */
  .foot-bot {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    gap: 4px;
  }

  /* --- punto küçült (geniş masaüstü başlıkları telefonda taşmasın) --- */
  .hero h1 { font-size: 34px !important; line-height: 1.12; }
}

/* Dar ekranda header'daki ikincil CTA ("Hemen sitemi oluştur") gizlenir;
   yalnız "Giriş Yap" (.btn-out) kalır → buton satırı alt satıra taşımaz.
   Hero/içerikteki "oluştur" CTA'ları (header dışı) etkilenmez. */
@media (max-width: 640px) {
  header .btn-primary { display: none !important; }
  header .nav-cta { flex-wrap: nowrap; }
}

/* dar telefonlar */
@media (max-width: 480px) {
  .page > * { padding-left: 15px !important; padding-right: 15px !important; }
  .hero h1 { font-size: 28px !important; }
  .btn { font-size: 14px; padding: 11px 16px; }
  .btn-lg { padding: 13px 18px; font-size: 15px; }
}