.menu-wrapper {
    min-width: 0;
    width: 100%;
}

.pizzaMenu {
    top: var(--menu-sticky-top, 0px) !important;
}

.menu-scroll {
    min-width: 0;
    width: auto;
    flex: 1 1 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-behavior: auto;
}

.menu-scroll::-webkit-scrollbar {
    display: none;
}

.menu-scroll a {
    margin-right: 4px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.menu-arrow {
    flex: 0 0 35px;
}

.menu-section,
#pizzaDeal,
#barMenu {
    scroll-margin-top: calc(var(--menu-sticky-top, 0px) + var(--menu-bar-height, 58px) + 12px);
}

/*
 * Reserve product-image space before lazy images download. Without this,
 * long order pages move their category targets thousands of pixels after a
 * category tap.
 */
.pizzaGrid .pizzaImage {
    aspect-ratio: 4 / 3;
    width: 100%;
    overflow: hidden;
}

.pizzaGrid .pizzaImage > img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

@media (max-width: 992px) {
    .menu-scroll {
        width: 100%;
        overscroll-behavior-x: auto;
    }
}