@media (min-width: 680px) {
    .destination-grid,
    .card-grid,
    .benefit-grid,
    .detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cta-inner {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}

@media (min-width: 920px) {
    .nav-toggle {
        display: none;
    }

    .site-nav {
        position: static;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .destination-grid,
    .card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .split,
    .two-col {
        grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
        align-items: start;
    }

    .footer-grid {
        grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;
    }
}

@media (max-width: 520px) {
    .section {
        padding: 48px 0;
    }

    .hero {
        min-height: 620px;
        padding: 96px 0 48px;
    }

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

    .destination-card,
    .service-card,
    .mini-card,
    .info-panel,
    .lead-form,
    .content-list {
        padding: 1rem;
    }
}