#bar_food-page #bar_food_p-contact {padding: var(--size);}


.bar_food_p-menu .--menu-container-block {
    min-width: calc(100vw - calc(var(--size_m) * 2));
    max-width: calc(100vw - calc(var(--size_m) * 2));
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
}

.bar_food_p-menu .--menu-container {
    scroll-snap-align: center;
    min-width: calc(100vw - calc(var(--size_m) * 2));
    max-width: calc(100vw - calc(var(--size_m) * 2));
}

.bar_food_p-menu .--menu-bullets {
    padding: var(--size_m) 0 var(--size);
    column-gap: var(--size);
}

.bar_food_p-menu .--menu-bullets button {
    width: var(--size_s);
    height: var(--size_s);
    border-radius: var(--size_s);
    background: rgba(0, 0, 0, .3);
    transition: background 500ms;
}

.bar_food_p-menu .--menu-bullets button.--active {background: black;}


@media only screen and (min-width: 768px) {
    .bar_food_p-menu .--menu-container-block,
    .bar_food_p-menu .--menu-container {
        min-width: calc(50vw - calc(var(--size) * 2));
        max-width: calc(50vw - calc(var(--size) * 2));
    }

    .bar_food_p-menu .--menu-container {padding-right: var(--size_m);}
}


@media (hover: hover) {
    #bar_food-page #bar_food_p-contact {transition: 500ms;}
    #bar_food-page #bar_food_p-contact:hover {
        background: black;
        color: white !important;
    }
}