/* ============================================================
   Cepte Nakliye – responsive.css  |  Mobil Uyumluluk
   ============================================================ */

@media (max-width: 1024px) {
  .nav__links { gap: 1rem; }
  .hero__inner { gap: 2.5rem; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-band__inner { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .nav__links { display: none; }
  .nav__cta { display: none; }
  .nav__hamburger { display: flex; }
}

@media (max-width: 768px) {
  .hero { padding-top: calc(var(--nav-h) + 3rem); padding-bottom: 4rem; }
  .hero__inner { grid-template-columns: 1fr; }
  .hero__phone-wrap { max-width: 290px; }
  .hero__badge { display: none; }

  .stats-band__inner { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: 1fr; }
  .how__inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .how__mockup-bg { display: none; }
  .use-cases-preview__inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .use-cases-preview__visual { grid-template-columns: 1fr 1fr; }
  .uc-visual-card:nth-child(2),
  .uc-visual-card:nth-child(4) { margin-top: 0; }

  /* About */
  .about-stats__inner { grid-template-columns: repeat(2, 1fr); }
  .story__inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .story__quote-bg { display: none; }
  .mv-grid { grid-template-columns: 1fr; }
  .values-list { grid-template-columns: 1fr; }
  .about-band__inner { grid-template-columns: 1fr 1fr; gap: 1.5rem; }

  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer__bottom { flex-direction: column; text-align: center; }

  .btn { width: 100%; justify-content: center; }
  .footer-cta__actions .btn { width: auto; }
}

@media (max-width: 480px) {
  :root { --nav-h: 62px; }
  .stat-item__number { font-size: 1.8rem; }
  .about-band__inner { grid-template-columns: 1fr 1fr; }
  .use-cases-preview__visual { gap: 0.75rem; }
}

@media print {
  .nav, .nav__mobile { display: none; }
  body { background: #fff; color: #000; }
}