/* PRICES-3: one complete primary navigation at the existing 992px JS breakpoint. */
@media (min-width: 993px) {
    #navbar .nav-inner {
        max-width: 1360px;
    }

    #navbar .nav-menu {
        flex-shrink: 0;
        gap: 18px;
    }
}

@media (min-width: 993px) and (max-width: 1279px) {
    #navbar .nav-inner {
        gap: 14px;
        padding-inline: 18px;
    }

    #navbar .logo-img {
        height: clamp(28px, calc(28px + (100vw - 993px) * 0.021), 34px);
    }

    #navbar .nav-menu {
        gap: clamp(10px, calc(10px + (100vw - 993px) * 0.021), 16px);
    }

    #navbar .nav-menu > a,
    #navbar .nav-disclosure {
        font-size: 12px;
        letter-spacing: 0.7px;
    }

    #navbar .nav-phone {
        font-size: 16px;
        letter-spacing: 0.4px;
    }
}

@media (min-width: 993px) and (max-width: 1099px) {
    #navbar .nav-inner {
        gap: 10px;
    }

    #navbar .nav-menu {
        gap: 8px;
    }

    #navbar .nav-menu > a,
    #navbar .nav-disclosure {
        letter-spacing: 0;
    }
}

@media (max-width: 992px) {
    #navbar .nav-menu {
        width: min(360px, 100vw);
        height: 100vh;
        height: 100dvh;
        overscroll-behavior-y: contain;
    }
}

/* A single scrollable column preserves reading and keyboard order on short screens. */
@media (max-width: 992px) and (max-height: 500px) and (orientation: landscape) {
    #navbar .nav-menu {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 64px 30px 24px;
    }

    #navbar .nav-menu > a,
    #navbar .dropdown {
        margin-bottom: 12px;
    }

    #navbar .dropdown-content {
        min-width: 0;
    }
}