/**
 * Shared customer-facing Food layout shell.
 *
 * Keep every Food shortcode page inside the WordPress/theme content column while
 * respecting the configured Food maximum width. Theme or builder containers are
 * therefore never escaped by viewport-relative width/margin calculations.
 */
.pxab-food-menu,
.pxab-food-order,
.pxab-food-tracking {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--pxab-food-max-width, 1280px);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
}

.pxab-food-menu *,
.pxab-food-order *,
.pxab-food-tracking * {
    box-sizing: border-box;
}

@media (max-width: 760px) {
    .pxab-food-menu,
    .pxab-food-order,
    .pxab-food-tracking {
        padding: 16px;
    }
}