/* Collapsible category / search chrome under the fixed menu top bar */

.menu-scroll-chrome {
    display: block;
    overflow: hidden;
    max-height: 360px;
    opacity: 1;
    transition:
        max-height 250ms ease,
        opacity 200ms ease,
        margin 250ms ease,
        padding 250ms ease;
}

body.menu-chrome-collapsed .menu-scroll-chrome {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

/* Focus: keep negative margin near the logo without clipping category tops */
.focus-menu-page .menu-scroll-chrome {
    overflow: visible;
}

body.menu-chrome-collapsed .focus-menu-page .menu-scroll-chrome {
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .menu-scroll-chrome {
        transition: none;
    }
}