/* === RESPONSIVE IMPROVEMENTS === */

html, body {
    overflow-x: hidden !important;
}

.navbar-collapse {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    .navbar .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* Genel font scaling */
@media (max-width: 1200px) {
  header h1 { font-size: 2.4rem; }
  header p { font-size: 1.05rem; }
  .navbar-brand img { max-height: 120px; }
}

/* Tablet uyumu */
@media (max-width: 991px) {
  header { height: auto; min-height: 90vh; padding: 100px 20px 80px; }
  header h1 { font-size: 2.1rem; line-height: 1.3; }
  header p { font-size: 1rem; margin-bottom: 25px; }
  .section-title h2 { font-size: 1.9rem; }
  .features i { font-size: 34px; }
  .features h5 { font-size: 1.05rem; }
  section { padding: 70px 0; }
  .form-wrapper { padding: 30px; }
  footer { padding: 30px 0; font-size: 0.9rem; }
}

/* Mobil telefon uyumu */
@media (max-width: 767px) {
  /* Navbar */
  .navbar { background: rgba(0,0,0,0.9); padding: 10px 0; }
  .navbar-brand img { max-height: 120px; }
  .navbar-nav .nav-link { padding: 10px 0; text-align: center; }
  .navbar-toggler { border: none; }

  /* Header */
  header h1 { font-size: 1.75rem; }
  header p { font-size: 0.95rem; max-width: 90%; }
  .btn-main { font-size: 0.95rem; padding: 12px 26px; }
  header video { display: none; } /* Mobilde sadece poster göster */
  header {
    background: url('images/header-poster.jpg') center/cover no-repeat;
  }

  /* Section titles */
  .section-title h2 { font-size: 1.6rem; }
  .section-title p { font-size: 0.95rem; }

  /* Grid yapılarını tek sütuna çevir */
  .features .col-md-3,
  #why .col-md-3,
  #about .col-md-3,
  #form .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }

  /* Form alanları */
  .form-wrapper { padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
  form .form-control { font-size: 0.95rem; padding: 10px 14px; }
  .contact-info h4 { font-size: 1.1rem; }

  /* Footer */
  footer { font-size: 0.9rem; }
  footer .social i { font-size: 18px; }

  /* Floating buttons (küçültülmüş boyut) */
  .btn-float {
    width: 45px; height: 45px; font-size: 18px;
  }
  .whatsapp-float { padding: 12px 14px; font-size: 22px; bottom: 20px; right: 20px; }

  /* Safe area support (iPhone notch) */
  body {
    padding-bottom: env(safe-area-inset-bottom);
    padding-top: env(safe-area-inset-top);
  }
}

/* Küçük cihazlar (400px altı) */
@media (max-width: 400px) {
  header h1 { font-size: 1.5rem; }
  header p { font-size: 0.9rem; }
  .btn-main { padding: 10px 22px; font-size: 0.85rem; }
  footer p { font-size: 0.8rem; }
}