@media (max-width: 1050px) {
    .desktop-nav {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    .mobile-nav {
        position: fixed;
        top: 84px;
        left: 0;
        right: 0;
        background: var(--bg);
        border-bottom: 1px solid var(--line);
        padding: 22px 24px 28px;
        flex-direction: column;
        z-index: 99;
    }

    .mobile-nav.open {
        display: flex;
    }

    .mobile-nav a {
        padding: 13px 0;
        border-bottom: 1px solid var(--line);
        font-family: var(--serif);
        font-size: 24px;
    }

    .mobile-nav .mobile-book {
        margin-top: 18px;
        border: 0;
        border-radius: 999px;
        background: var(--ink);
        color: #fff;
        text-align: center;
        font-family: var(--sans);
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .1em;
    }
}

@media (max-width: 700px) {
    .container {
        width: min(calc(100% - 34px), var(--container));
    }

    .header-inner {
        height: 72px;
    }

    .mobile-nav {
        top: 72px;
    }

    .brand-name {
        font-size: 20px;
    }

    .brand-sub {
        font-size: 8px;
    }

    .booking-btn {
        display: none;
    }

    .page-shell {
        padding: 75px 0 90px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .footer-bottom {
        flex-direction: column;
    }
}