/* Mobile navigation overflow + account dropdown placement.
 * Keep the expanded navbar inside the viewport and let the account menu
 * participate in the scroll flow instead of opening below the screen.
 */
@media (max-width: 991.98px) {
    .gts-main-nav .navbar-collapse {
        max-height: calc(100vh - var(--gts-nav-offset, 92px));
        max-height: calc(100dvh - var(--gts-nav-offset, 92px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .gts-main-nav__account-dropdown {
        position: relative;
    }

    .gts-main-nav__account-dropdown .dropdown-menu,
    .gts-main-nav__account-dropdown .dropdown-menu[data-bs-popper] {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        width: 100%;
        min-width: 0;
        margin: 0.55rem 0 0 !important;
    }

    .gts-main-nav__actions {
        padding-bottom: 0.75rem;
    }
}