/* =============================================================
   tesisatbaskent.com — Responsive
   Mobile-first: temel stiller mobil içindir. Aşağıda min-width ile
   büyük ekranlar zenginleştirilir; menü için max-width kullanılır.
   Kırılım noktaları: 480 / 768 / 1024 / 1280
   ============================================================= */

/* ---------------- <= 1024px : Mobil menü devrede ---------------- */
@media (max-width: 1024px) {
  .nav-toggle { display: block; }

  .nav {
    position: fixed; top: 0; right: 0; height: 100dvh; width: min(86vw, 360px);
    background: var(--color-bg); box-shadow: var(--shadow-lg);
    flex-direction: column; align-items: stretch; justify-content: flex-start;
    gap: 0; padding: calc(var(--header-h) + 16px) var(--space-3) var(--space-3);
    transform: translateX(100%); transition: transform var(--t-slow);
    z-index: var(--z-menu); overflow-y: auto;
  }
  .nav.is-open { transform: translateX(0); }

  .nav__list { flex-direction: column; align-items: stretch; gap: 4px; width: 100%; }
  .nav__link { padding: 14px 12px; border-radius: var(--radius-sm); font-size: 1.05rem; }
  .nav__link::after { display: none; }
  .nav__link.active { background: var(--color-bg-light); }

  .header__cta { flex-direction: column; align-items: stretch; width: 100%;
    margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
  .header__cta .btn { width: 100%; }

  .detail-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
}

/* ---------------- <= 768px ---------------- */
@media (max-width: 768px) {
  .grid--3, .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .split { grid-template-columns: 1fr; gap: var(--space-4); }
  .split__media { order: -1; }
  .contact-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .trustbar__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
  .stats { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-4); }
  .footer__about { grid-column: 1 / -1; }

  .topbar__contact { display: none; }
  .topbar__inner { justify-content: center; }

  .cta-strip__inner { flex-direction: column; text-align: center; align-items: center; }
  .cta-strip .btn-row { justify-content: center; }

  .hero { min-height: 78vh; }
  .hero__meta { gap: var(--space-3); }
}

/* ---------------- <= 480px ---------------- */
@media (max-width: 480px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  .trustbar__grid { grid-template-columns: 1fr; }

  .btn-row { flex-direction: column; }
  .btn-row .btn { width: 100%; }

  .logo__text { font-size: 1.02rem; }
  .logo__text span { font-size: 0.6rem; }

  .wa-tooltip { display: none; }
  .wa-float { width: 56px; height: 56px; font-size: 1.7rem; right: 16px; bottom: 16px; }

  .hero__meta-item { font-size: 0.95rem; }
  .cta-band { padding: var(--space-6) var(--space-3); }
}

/* ---------------- >= 1280px : geniş ekran ferahlığı ---------------- */
@media (min-width: 1280px) {
  .container { max-width: var(--container); }
  .hero__content { max-width: 700px; }
}

/* Küçük yükseklikli cihazlarda hero kısılması */
@media (max-height: 640px) and (min-width: 1025px) {
  .hero { min-height: 620px; }
}