/* ================================================================
   RESPONSIVE.CSS — Flexwave Travels
   All @media breakpoints in one place.
   ================================================================ */

@media (max-width: 1024px) {
  .why-grid         { grid-template-columns:1fr; }
  .why-image        { display:none; }
  .footer-grid      { grid-template-columns:1fr 1fr; }
  .contact-grid     { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
  .nav-links, .nav-cta   { display:none; }
  .hamburger             { display:flex; }
  .hero                  { background-attachment:scroll; }
  .hero h1               { letter-spacing:-1px; }
  .stats-inner           { grid-template-columns:repeat(2,1fr); }
  .why-grid, .why-image  { grid-template-columns:1fr; }
  .why-image             { display:none; }
  .cta-inner             { padding:40px 30px; flex-direction:column; text-align:center; }
  .cta-actions           { justify-content:center; }
  .footer-grid           { grid-template-columns:1fr; gap:35px; }
  .footer-bottom         { flex-direction:column; text-align:center; }
  .membership-card       { display:none; }
  .date-inputs           { grid-template-columns:1fr; }
  .form-row              { grid-template-columns:1fr; }
  .contact-grid          { grid-template-columns:1fr; }
  section                { padding:60px 5%; }
}

@media (max-width: 480px) {
  .glass-nav      { padding:12px 20px; }
  .stats-inner    { grid-template-columns:1fr 1fr; gap:15px; }
  .car-grid,
  .blog-grid,
  .steps-grid     { grid-template-columns:1fr; }
  .hero-btns      { flex-direction:column; }
  .btn-primary,
  .btn-ghost      { text-align:center; }
  .cta-inner      { padding:30px 20px; }
  .cta-actions    { flex-direction:column; }
  .cta-btn-dark,
  .cta-btn-light  { text-align:center; }
  .route-cities   { flex-direction:column; align-items:flex-start; }
  .route-arrow    { display:none; }
  .contact-form-wrap { padding:24px 20px; }
  .form-submit-row   { flex-direction:column; }
  .btn-submit,
  .btn-wa-form    { width:100%; justify-content:center; }
  .loc-highlights { grid-template-columns:1fr; }
  .social-cards   { flex-direction:column; }
  .cities-grid { grid-template-columns: 1fr; }
}

@media print {
  .floating-call,
  .mobile-nav,
  .hamburger,
  .hero-btns,
  .cta-banner,
  .btn-whatsapp { display:none !important; }
}