/**
 * Anasayfa (index) — mobil hero taşma düzeltmesi
 * style.css ile çakışmaları en son sırada ezer.
 */
@media (max-width: 1024px) {
  html,
  body.home {
    overflow-x: hidden !important;
    width: 100%;
    max-width: 100vw;
  }

  body.home .hero,
  body.home .hero .container.hero-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.home .hero .container.hero-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.home .hero-visual {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  body.home .hero-content h1,
  body.home .hero-content p,
  body.home .hero-content .badge {
    max-width: 100% !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.home .hero-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.home .hero-buttons .btn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}