/* Güvenli mobil düzenlemeler — orijinal Tailwind sınıflarıyla uyumlu */

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .site-header .mx-auto {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .hero-visual-stage {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

@media (max-width: 639px) {
  /* İndirme butonları tam genişlik */
  #top .mt-8.flex-wrap a {
    flex: 1 1 100%;
    justify-content: center;
  }

  /* CTA indirme butonları */
  #cta .mt-10.flex-wrap a {
    flex: 1 1 100%;
    justify-content: center;
  }

  /* Footer dikey hizalama */
  footer .flex-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  footer .flex-wrap > div:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  footer .flex-wrap .text-sm.text-muted-foreground.ml-3 {
    margin-left: 0;
  }

  /* Nasıl çalışır kartları — çok dar ekranda tek sütun */
  #nasil .grid-cols-2 {
    grid-template-columns: 1fr;
  }
}

@media (hover: none) and (pointer: coarse) {
  #top a[aria-label],
  #cta a[target="_blank"],
  footer a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}