/* The complete catalog menu stays reachable below any header design. */
.merchant-site .merchant-site-submenu {
    box-sizing: border-box;
    max-height: min(520px, var(--merchant-submenu-available-height, calc(100dvh - 96px)));
    grid-auto-rows: max-content;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scroll-padding-block: 8px;
}

.merchant-site .merchant-site-nav .merchant-site-submenu a {
    white-space: normal;
    overflow-wrap: anywhere;
}

.merchant-site .merchant-site-nav-item.is-submenu-dismissed > .merchant-site-submenu {
    display: none;
}

@media (max-width: 1080px) {
    .merchant-site .merchant-site-header .merchant-site-nav {
        max-height: min(70dvh, 520px, var(--merchant-navigation-available-height, calc(100dvh - 96px)));
        overscroll-behavior-y: contain;
        scroll-padding-block: 10px;
    }

    .merchant-site .merchant-site-nav > * {
        flex-shrink: 0;
    }

    /* One scroll area on touch screens: the whole mobile navigation. */
    .merchant-site .merchant-site-submenu {
        max-height: none;
        overflow: visible;
    }
}