/* ============================================================
   RESPONSIVE — Tablet ve Mobil Uyumluluk
   ============================================================ */

/* ---------- Büyük tablet (1024px altı) ---------- */
@media (max-width: 1024px) {
  :root {
    --space-9: 5rem;
    --space-10: 6rem;
  }

  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .clients-strip { grid-template-columns: repeat(3, 1fr); }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
  .footer-brand { grid-column: 1 / -1; }

  .hero-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .hero-visual { max-width: 460px; }
  .hero-stats { gap: var(--space-5); }

  .cta-band { grid-template-columns: 1fr; padding: var(--space-8); }
}

/* ---------- Tablet (768px altı) ---------- */
@media (max-width: 768px) {
  :root {
    --space-9: 4rem;
    --space-10: 5rem;
    --header-h: 70px;
  }

  .main-nav, .header-cta .btn { display: none; }
  .menu-toggle { display: flex; }

  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

  .section { padding-block: var(--space-9); }

  .form-row { grid-template-columns: 1fr; }

  .logo-img { height: 34px; }

  .hero { padding-top: calc(var(--header-h) + var(--space-7)); }
  .hero-stats { flex-wrap: wrap; gap: var(--space-6); }
  .hero-actions { width: 100%; }
  .hero-actions .btn { flex: 1; }

  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: var(--space-3); text-align: center; }

  .clients-strip { grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }

  .section-head { margin-bottom: var(--space-7); }

  .cta-band-actions { flex-direction: row; }
  .cta-band-actions .btn { flex: 1; }

  .filter-bar { gap: var(--space-2); }
  .filter-btn { padding: 0.5rem 1rem; font-size: var(--fs-xs); }
  .logo-img { height: 30px; }
}

/* ---------- Mobil (480px altı) ---------- */
@media (max-width: 480px) {
  :root {
    --container-pad: 1.25rem;
    --space-9: 3.5rem;
    --space-10: 4rem;
  }

  html { font-size: 15px; }

  .btn { width: 100%; }
  .btn-sm { width: auto; }

  .hero-badge { left: var(--space-4); right: var(--space-4); padding: var(--space-4); }

  .card, .service-card, .value-card { padding: var(--space-6); }

  .marquee-item { font-size: var(--fs-xl); }

  .hero-stats { gap: var(--space-4); }
}

/* ---------- Yazdırma ---------- */
@media print {
  .site-header, .site-footer, .menu-toggle, .mobile-nav { display: none; }
  body { background: white; color: black; }
}

/* ---------- Erişilebilirlik: Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  [data-animate] { opacity: 1; transform: none; }
}