@media (max-width: 900px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    .hero-grid,
    .split,
    .page-hero-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .hero-card {
        position: static;
        margin-top: 16px;
        max-width: none;
    }

    .section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-grid,
    .gallery-grid,
    .price-grid,
    .info-grid,
    .footer-grid,
    .booking-grid {
        grid-template-columns: 1fr;
    }

    .highlight-grid {
        flex-direction: column;
        align-items: flex-start;
    }

    .quick-actions {
        margin-top: 16px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .nav-toggle {
        display: flex !important;
    }
}

@media (max-width: 720px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .site-header {
        position: sticky;
    }

    .nav-toggle {
        display: flex;
    }

    .hero {
        padding: 60px 0 40px;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-trust {
        grid-template-columns: 1fr 1fr;
    }

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

    .page-hero {
        padding: 50px 0 20px;
    }

    .form {
        gap: 12px;
    }

    .cookie-banner {
        left: 16px;
        right: 16px;
        max-width: none;
    }
}

.mobile-only {
    display: none;
}