/* ==========================================
   Responsive
   ========================================== */

/* Tablet: 768px – 1199px */
@media (max-width: 1199px) {
    .vehicles-grid,
    .testimonials-grid,
    .blog-preview-grid,
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-main { grid-template-columns: 1fr 1fr; }

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

/* Hide desktop nav below 1024, show hamburger */
@media (max-width: 1023px) {
    .main-nav { display: none; }
    .menu-toggle { display: grid; }
    .header-phone { display: none; }

    .hero-section-content,
    .why-section-content,
    .how-section-content,
    .coverage-section-content,
    .about-intro-content,
    .contact-section-content,
    .booking-section-content {
        grid-template-columns: 1fr;
    }

    .booking-aside { position: static; }
    .featured-post { grid-template-columns: 1fr; }
    .featured-post .blog-card-media { aspect-ratio: 16 / 9; }
}

/* Mobile: below 768px */
@media (max-width: 767px) {
    .container { padding-inline: 18px; }

    .top-bar-note { display: none; }

    .vehicles-grid,
    .testimonials-grid,
    .blog-preview-grid,
    .values-grid,
    .blog-grid,
    .form-grid,
    .capability-list,
    .post-nav {
        grid-template-columns: 1fr;
    }

    .form-field.is-full { grid-column: auto; }

    .footer-main { grid-template-columns: 1fr; }
    .footer-bottom { justify-content: center; text-align: center; }

    .cta-band { flex-direction: column; align-items: flex-start; }

    .hero-media { aspect-ratio: 16 / 11; }
    .map-embed iframe { height: 320px; }

    .whatsapp-float span { display: none; }
    .whatsapp-float { padding: 13px; border-radius: 50%; }
}

/* Small mobile: below 480px */
@media (max-width: 479px) {
    .container { padding-inline: 14px; }

    .hero-actions .btn,
    .cta-band-actions .btn { width: 100%; }

    .top-bar-contacts { gap: 12px; }
    .top-bar-contacts .top-bar-email { display: none; }

    .occasions-grid { grid-template-columns: 1fr; }
}