/* Customer menu only. Original local logo and background remain unmodified. */
body.restaurant-menu-page {
    --restaurant-hero-image: url('/client/assets/brand/d1d5af2c-9be2-4b35-817f-0a114442852e.png');
    background-image: linear-gradient(#100a06a8, #100a06d9), var(--restaurant-hero-image);
    background-position: center;
    -webkit-user-select: none;
    user-select: none;
}
.restaurant-menu-page img,
.restaurant-menu-page svg {
    -webkit-user-drag: none;
    user-drag: none;
}
.restaurant-menu-page .navbar { padding-block: 5px; min-height: 70px; }
.restaurant-menu-page .menu-header-brand { min-width: 0; }
.restaurant-menu-page .menu-header-logo { display: block; width: 108px; height: 72px; object-fit: contain; }
.restaurant-menu-page .navbar > .btn { min-height: 48px; display: inline-flex; align-items: center; gap: 7px; background: var(--brand-primary); }
.restaurant-menu-page .menu-section .section-title { padding: 4px 12px 18px; }
.restaurant-menu-page .section-title .menu-logo-heading { margin: 0; line-height: 1; }
.restaurant-menu-page .menu-logo-heading::after { display: none; }
.restaurant-menu-page .menu-hero-logo { display: block; width: min(270px, 75vw); height: auto; margin: 0 auto; object-fit: contain; }
.restaurant-menu-page .section-title p { margin: 8px 0; font-size: 22px; line-height: 1.6; }
.restaurant-menu-page .hero-benefits { margin-top: 10px; gap: 24px; font-size: 14px; }
.restaurant-menu-page .menu-currency-note { display: block; margin-top: 9px; font-size: 12px; }
.restaurant-menu-page .branch-indicator { font-size: 12px; opacity: .9; }
.restaurant-menu-page #change-menu-branch { min-height: 44px; padding: 8px 12px; }
.restaurant-menu-page .categories { margin-bottom: 18px; }
.restaurant-menu-page .category-btn { min-height: 52px; padding: 9px 12px; font-size: 15px; }
.restaurant-menu-page .category-btn.active { background: #ffe8b9; color: #20170b; }
.restaurant-menu-page .food-card .add-to-cart.dish-select { height: auto!important; min-height: 48px; font-size: 14px; }
.restaurant-menu-page :is(.dish-types button, .dish-option, .modal-quantity-control button, .modal-add-to-cart, .product-modal-close) { min-height: 48px; }
.restaurant-menu-page .modal-quantity-control button { min-width: 48px; }
@media(max-width:600px) {
    .restaurant-menu-page .navbar { padding: 4px 14px; }
    .restaurant-menu-page .menu-header-logo { width: 90px; height: 60px; }
    .restaurant-menu-page .menu-section { padding-top: 8px; }
    .restaurant-menu-page .menu-section .section-title { padding: 0 0 12px; }
    .restaurant-menu-page .menu-hero-logo { width: 180px; }
    .restaurant-menu-page .section-title p { font-size: 16px; margin: 5px 0; }
    .restaurant-menu-page .hero-benefits { display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; margin-top: 7px; }
    .restaurant-menu-page .menu-currency-note { font-size: 11px; margin-top: 6px; }
    .restaurant-menu-page .category-btn { font-size: 12px; padding: 8px 5px; }
    .restaurant-menu-page .food-description { font-size: 12px; }
    .restaurant-menu-page .food-info h3 { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) {
    .restaurant-menu-page .section-title *, .restaurant-menu-page .categories { animation: none; }
}