* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --lumini-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --lumini-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --lumini-duration: 0.26s;
    --lumini-duration-fast: 0.19s;
    --lumini-duration-slow: 0.38s;
    --lumini-lucide-stroke: 2;
    /* Референс HeroUI / NextUI: скругления и «нейтральная» тёмная палитра */
    --lumini-hero-radius-xl: 24px;
    --lumini-hero-radius-lg: 16px;
    --lumini-hero-radius-pill: 9999px;
    --lumini-hero-surface: #18181b;
    --lumini-hero-surface-input: #27272a;
    --lumini-hero-text: #fafafa;
    --lumini-hero-text-muted: #a1a1aa;
    --lumini-hero-primary: #006fee;
    --lumini-hero-border: rgba(255, 255, 255, 0.08);
}
/* Обводка как у Lucide / Animate UI Icons (без заливки контуров) */
.lumini-lucide {
    display: block;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: var(--lumini-lucide-stroke);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.lumini-lucide--xs {
    width: 14px;
    height: 14px;
}
.lumini-lucide--sm {
    width: 18px;
    height: 18px;
}
.lumini-lucide--nav {
    width: 22px;
    height: 22px;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #f5f5f5;
    color: #333;
    caret-color: transparent;
}
input,
textarea,
[contenteditable="true"] {
    caret-color: auto;
}
@keyframes luminiFadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes luminiFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes luminiFadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
.lumini-enter-up {
    animation: luminiFadeSlideUp var(--lumini-duration-slow) var(--lumini-ease-out) both;
}
.app-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px;
}
#browse-with-cart-shell.lumini-route-enter,
#products-section.lumini-route-enter {
    animation: luminiFadeSlideUp var(--lumini-duration-slow) var(--lumini-ease-out) both;
}
@media (prefers-reduced-motion: reduce) {
    #browse-with-cart-shell.lumini-route-enter,
    #products-section.lumini-route-enter {
        animation: none;
    }
}
@media (max-width: 899px) {
    .app-container {
        max-width: 600px;
    }
}

/* Веб: слева сетка как раньше (до 600px), справа меню */
.browse-layout {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}
.stores-browse-root {
    flex: 0 1 600px;
    max-width: 600px;
    width: 100%;
    min-width: 0;
}
#stores-list {
    width: 100%;
    min-width: 0;
}
.store-detail-panel {
    display: none;
    flex: 1 1 360px;
    min-width: min(400px, 100%);
    max-width: min(440px, 42vw);
    position: sticky;
    top: 16px;
    align-self: flex-start;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.store-detail-panel.is-open {
    display: flex;
    flex-direction: column;
    animation: storePanelIn 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes storePanelIn {
    from {
        opacity: 0;
        transform: translateX(12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .store-detail-panel.is-open {
        animation: none;
    }
}
.store-detail-panel-inner {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 96px);
    min-height: 200px;
}
.store-detail-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 8px 16px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}
.store-detail-toolbar-title {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.store-detail-close {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: #f3f4f6;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #333;
}
.store-detail-close:hover {
    background: #e9eaee;
}
.store-detail-content {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
}
.store-detail-content .store-expanded {
    padding-top: 4px;
}
@media (max-width: 899px) {
    .browse-layout {
        flex-direction: column;
    }
    .store-detail-panel {
        display: none !important;
    }
    .stores-browse-root {
        flex: 1 1 auto;
        max-width: 600px;
    }
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 12px;
    position: relative;
    z-index: 30;
    flex-wrap: wrap;
}
.header-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(280px, 56vw);
}
.header-brand h1 {
    flex: 0 0 auto;
    margin: 0;
}
.header-home-btn {
    border: 0;
    background: transparent;
    padding: 4px 8px;
    margin: -4px -8px;
    cursor: pointer;
    font: inherit;
    color: inherit;
    flex: 0 0 auto;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 120px;
    min-height: 44px;
    transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}
.header-home-btn:focus-visible {
    outline: 2px solid rgba(40, 90, 72, 0.85);
    outline-offset: 2px;
}
.header-home-btn:active {
    transform: scale(0.96);
    opacity: 0.92;
}
header > .delivery-address-btn {
    flex: 1 1 auto;
    min-width: 96px;
    max-width: min(240px, 40vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 8px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #ecfff7;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.delivery-address-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(40, 90, 72, 0.55);
}
.delivery-address-btn-row1 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    width: 100%;
}
.delivery-address-pin {
    flex-shrink: 0;
    color: rgba(236, 255, 247, 0.75);
}
.delivery-address-btn-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.62;
}
.delivery-address-summary {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.delivery-address-overlay {
    position: fixed;
    inset: 0;
    z-index: 12000;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.delivery-address-overlay.is-open {
    display: flex;
}
.delivery-address-overlay.is-closing {
    animation: luminiFadeOut var(--lumini-duration-fast) ease both;
}
.delivery-address-card {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: #1e1f22;
    color: #f5f5f5;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 18px 16px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}
.delivery-address-card h2 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.delivery-address-hint {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.62);
}
.delivery-address-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    font-family: inherit;
    resize: none;
    min-height: 0;
    margin-bottom: 0;
}
.delivery-address-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}
.delivery-address-grid #delivery-city-input,
.delivery-address-grid #delivery-street-input,
.delivery-address-grid #delivery-intercom-input {
    grid-column: 1 / -1;
}
.delivery-address-input::placeholder {
    color: rgba(255, 255, 255, 0.38);
}
.delivery-address-status {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.35;
}
.delivery-address-status.is-warn {
    color: #fda4af;
}
.delivery-address-status.is-ok {
    color: #86efac;
}
.delivery-address-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.delivery-address-geobtn {
    margin-right: auto;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #ecfff7;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.delivery-address-geobtn .lumini-lucide {
    color: rgba(236, 255, 247, 0.88);
}
.delivery-address-geobtn:hover {
    background: rgba(255, 255, 255, 0.12);
}
.delivery-address-save {
    border: 0;
    border-radius: 999px;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    background: #285a48;
    color: #ecfff7;
}
.delivery-address-save:hover {
    filter: brightness(1.06);
}
.delivery-address-mapbtn {
    border: 1px solid rgba(252, 211, 77, 0.35);
    background: rgba(252, 211, 77, 0.1);
    color: #fef9c3;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.delivery-address-mapbtn:hover {
    background: rgba(252, 211, 77, 0.18);
}
.delivery-yandex-map-block {
    margin-top: 12px;
}
.delivery-yandex-map {
    width: 100%;
    height: 220px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.2);
}
.delivery-yandex-map-hint {
    font-size: 11px;
    color: rgba(236, 255, 247, 0.55);
    margin: 8px 0 0;
    line-height: 1.35;
}
.delivery-address-card .delivery-address-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    height: 36px;
}
@media (max-width: 720px) {
    header > .delivery-address-btn {
        max-width: min(180px, 52vw);
    }
    .delivery-address-grid {
        grid-template-columns: 1fr;
    }
}
header .orders-icon-btn {
    margin-right: 0;
}
.header-actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
    position: relative;
    z-index: 31;
}
.header-brand-logo {
    display: block;
    height: 44px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
}
#header-brand-logo:not(.header-brand-logo--on) {
    display: none !important;
}
.header-login-open-btn {
    border: 0;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.18s ease, background 0.2s ease, opacity 0.2s ease;
}
.header-login-open-btn:active {
    transform: scale(0.97);
}
.body-layout-foodstrip .header-login-open-btn {
    background: #2a2a2a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
body.body-layout-foodstrip.browse-site-light .header-login-open-btn {
    background: #fff;
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}
.header-login-overlay {
    position: fixed;
    inset: 0;
    z-index: 12500;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    align-items: center;
    justify-content: center;
    padding: max(16px, env(safe-area-inset-top, 0px)) 16px 16px;
    box-sizing: border-box;
}
.header-login-overlay.is-open {
    display: flex;
}
.header-login-overlay.is-closing {
    animation: luminiFadeOut var(--lumini-duration-fast) ease both;
}
.header-login-card {
    position: relative;
    width: 100%;
    max-width: 400px;
    max-height: min(90vh, 640px);
    overflow-y: auto;
    background: var(--lumini-hero-surface);
    color: var(--lumini-hero-text);
    border-radius: var(--lumini-hero-radius-xl);
    border: 1px solid var(--lumini-hero-border);
    padding: 22px 20px 18px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    -webkit-overflow-scrolling: touch;
}
.header-login-card .header-login-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    height: 36px;
}
.header-login-card h2 {
    margin: 0 32px 6px 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--lumini-hero-text);
}
.header-login-lead {
    margin: 0 0 16px;
    font-size: 13px;
    color: var(--lumini-hero-text-muted);
    line-height: 1.45;
    font-weight: 500;
}
.header-login-yandex-btn {
    align-items: center;
    background: #111;
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-weight: 850;
    gap: 10px;
    justify-content: center;
    min-height: 50px;
    padding: 10px 16px;
    transition: transform .16s ease, background .16s ease;
    width: 100%;
}
.header-login-yandex-btn:hover { background: #202020; transform: translateY(-1px); }
.header-login-yandex-btn:focus-visible { outline: 3px solid rgba(255, 204, 0, .45); outline-offset: 2px; }
.header-login-yandex-mark {
    align-items: center;
    background: #fc3f1d;
    border-radius: 50%;
    display: inline-flex;
    font-size: 1rem;
    height: 28px;
    justify-content: center;
    width: 28px;
}
.header-login-tg-section {
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    border: 1px solid rgba(0, 136, 204, 0.45);
    box-shadow: 0 4px 18px rgba(0, 136, 204, 0.2);
}
.header-login-tg-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 0;
    font: inherit;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #2aab9f 0%, #229ed9 55%, #0088cc 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    pointer-events: auto;
    cursor: pointer;
}
.header-login-tg-widget-msg {
    margin: 0;
    padding: 4px 2px 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.78);
    max-width: 100%;
}
.header-login-tg-widget-msg--error {
    color: rgba(255, 200, 190, 0.95);
}
.header-login-tg-widget-msg code {
    font-size: 0.92em;
}
.header-login-tg-widget-msg-row {
    margin: 10px 0 0;
}
.header-login-tg-fallback-link {
    color: #7ec8ff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.header-login-tg-fallback-link:hover {
    color: #b8ddff;
}
.header-login-tg-ico {
    flex-shrink: 0;
    opacity: 0.98;
}
.header-login-tg-banner-text {
    flex: 1;
}
.header-login-tg-bot-btn {
    margin-top: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(40, 90, 72, 0.45);
    background: rgba(40, 90, 72, 0.12);
    color: #14523a;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
        background var(--lumini-duration-fast) ease,
        border-color var(--lumini-duration-fast) ease;
}
.body-layout-foodstrip .header-login-tg-bot-btn {
    border-color: rgba(236, 255, 247, 0.28);
    background: rgba(40, 90, 72, 0.35);
    color: #ecfff7;
}
.header-login-bot-gate {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.06);
    font-size: 13px;
    line-height: 1.35;
}
.body-layout-foodstrip .header-login-bot-gate {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.88);
}
.header-login-bot-gate-lead {
    margin: 0 0 8px;
}
.header-login-bot-deeplink {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    color: #285a48;
}
.body-layout-foodstrip .header-login-bot-deeplink {
    color: #7dffc8;
}
.header-login-bot-wait {
    margin: 0;
    font-size: 12px;
    opacity: 0.85;
}
.header-login-tg-widget-shell {
    padding: 12px 14px 14px;
    background: rgba(255, 255, 255, 0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.header-login-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 4px 0 14px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.42);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.header-login-divider::before,
.header-login-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}
.header-login-pane {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.header-login-pane-email {
    margin-top: 0;
}
.header-auth-hint--modal {
    text-align: left;
    max-width: none;
    margin-top: 4px;
}
.telegram-widget-mount--modal iframe {
    max-height: 52px;
}
.header-auth {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    max-width: min(300px, 46vw);
    min-height: 0;
}
/* Пустой слот входа (все дочерние узлы с [hidden]) — не резервируем «чёрный прямоугольник» */
.header-auth:not(:has(> *:not([hidden]))) {
    display: none;
    max-width: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    gap: 0;
}
/* Без поддержки :has() — класс выставляет скрипт */
.header-auth.header-auth--empty {
    display: none !important;
    max-width: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    gap: 0 !important;
}
/* После входа Telegram: один ряд с блоком профиля, слот виджета принудительно убран */
.header-auth.header-auth--session {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    max-width: min(360px, 78vw);
    gap: 8px;
}
.header-auth.header-auth--session .telegram-widget-mount,
.header-auth.header-auth--session .telegram-widget-mount iframe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.header-auth.header-auth--session .header-auth-hint {
    display: none !important;
}
/* Пока открыта строка профиля — слот Telegram не показываем (виджет иногда ломает hidden) */
.header-auth:has(#header-auth-user:not([hidden])) {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    max-width: min(360px, 78vw);
    gap: 8px;
}
.header-auth:has(#header-auth-user:not([hidden])) .telegram-widget-mount,
.header-auth:has(#header-auth-user:not([hidden])) .telegram-widget-mount iframe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.header-auth:has(#header-auth-user:not([hidden])) .header-auth-hint {
    display: none !important;
}
.header-auth-hint {
    font-size: 11px;
    line-height: 1.35;
    color: #666;
    margin: 0;
    text-align: right;
    max-width: 220px;
}
.header-auth-user {
    display: inline-grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 4px;
    background: white;
    padding: 6px 9px;
    min-height: 40px;
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    max-width: min(196px, 44vw);
    position: relative;
    z-index: 40;
}
/* display:inline-flex выше перебивает UA-стиль [hidden] — без этого «Выйти» виден гостю вместе с «Войти» */
#header-auth-user[hidden],
.header-auth-user[hidden] {
    display: none !important;
}
#header-auth-logout[hidden],
.header-auth-logout[hidden] {
    display: none !important;
}
#header-login-open-btn[hidden] {
    display: none !important;
}
.header-auth-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 18px;
}
.header-auth-name:hover,
.header-auth-name:focus-visible {
    background: rgba(76, 175, 111, .12);
    outline: none;
}
.header-auth-logout {
    border: 0;
    background: transparent;
    color: #b8860b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 2px;
    flex-shrink: 0;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    align-self: center;
    position: relative;
    z-index: 41;
}
.header-auth-cache-clear {
    border: 0;
    background: transparent;
    color: #5f6b7a;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 1px;
    flex-shrink: 0;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    align-self: center;
    position: relative;
    z-index: 41;
    opacity: 0.82;
    max-width: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-name-card{max-width:420px}
.profile-name-kicker{margin:0 0 6px;color:#2f9e62;font-size:12px;font-weight:800;text-transform:uppercase}
.profile-name-form{display:grid;gap:10px;margin-top:18px}
.profile-name-form label{font-size:13px;font-weight:800}
.profile-name-form input{width:100%;min-height:50px;border:1px solid rgba(30,35,31,.15);border-radius:8px;padding:0 14px;font:inherit;box-sizing:border-box;background:#fff;color:#171a18}
.profile-name-form input:focus{outline:2px solid rgba(47,158,98,.25);border-color:#2f9e62}
.profile-logout-btn{width:100%;margin-top:10px;border:0;background:transparent;color:#777;font:inherit;font-weight:700;cursor:pointer;padding:12px}
.profile-logout-btn:hover{color:#b23a3a}
#header-cache-clear-btn[hidden],
.header-auth-cache-clear[hidden] {
    display: none !important;
}
.telegram-widget-mount[hidden] {
    display: none !important;
}
.telegram-widget-mount.telegram-widget-mount--dead {
    display: none !important;
    visibility: hidden;
    height: 0;
    width: 0;
    max-height: 0;
    max-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    pointer-events: none;
    border: 0;
    opacity: 0;
}
.telegram-widget-mount {
    line-height: 0;
    min-height: 0;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.telegram-widget-mount iframe {
    display: block;
    margin: 0;
    border: 0;
    max-width: 100%;
    max-height: 44px;
    vertical-align: top;
}
.header-auth-email-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    max-width: min(220px, 50vw);
}
.header-auth-email-toggle {
    border: 0;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.88);
    transition: background 0.2s ease, transform 0.18s ease;
    -webkit-tap-highlight-color: transparent;
}
.header-auth-email-toggle:active {
    transform: scale(0.97);
}
.header-auth-email-panel {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.header-auth-email-field {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 13px;
}
.header-auth-email-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}
.header-auth-email-submit,
.header-auth-email-secondary {
    border: 0;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.header-auth-email-submit {
    background: #285a48;
    color: #ecfff7;
}
.header-auth-email-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}
.header-auth-email-msg {
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
    color: rgba(255, 200, 120, 0.95);
}
.header-auth-email-msg.is-error {
    color: #fca5a5;
}
.body-layout-foodstrip .header-auth-email-toggle {
    background: rgba(255, 255, 255, 0.08);
}
.body-layout-foodstrip .header-auth-email-field {
    background: #2a2a2d;
    border-color: rgba(255, 255, 255, 0.12);
}
/* Модалка входа: поля и кнопки в стиле HeroUI (перекрывает общие правила шапки) */
.header-login-overlay .header-login-pane-email .header-auth-email-field {
    border-radius: var(--lumini-hero-radius-pill);
    padding: 12px 16px;
    min-height: 48px;
    background: var(--lumini-hero-surface-input);
    border: 1px solid var(--lumini-hero-border);
    color: var(--lumini-hero-text);
    font-size: 14px;
    font-weight: 500;
}
.header-login-overlay .header-login-pane-email .header-auth-email-field:focus {
    outline: none;
    border-color: rgba(0, 111, 238, 0.55);
    box-shadow: 0 0 0 3px rgba(0, 111, 238, 0.2);
}
.header-login-overlay .header-auth-email-submit {
    border-radius: var(--lumini-hero-radius-pill);
    padding: 12px 18px;
    min-height: 44px;
    background: var(--lumini-hero-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.header-login-overlay .header-auth-email-secondary {
    border-radius: var(--lumini-hero-radius-pill);
    padding: 12px 16px;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: var(--lumini-hero-text);
    font-weight: 600;
}
.body-layout-foodstrip .header-auth-hint {
    color: #aaa;
}
.body-layout-foodstrip .header-auth-user {
    background: #2a2a2a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.body-layout-foodstrip .header-auth-logout {
    color: #e8c84a;
}
@media (max-width: 420px) {
    .header-auth.header-auth--session,
    .header-auth:has(#header-auth-user:not([hidden])) {
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 100%;
    }
}
.stores-load-error {
    padding: 18px 16px;
    font-size: 14px;
    line-height: 1.45;
    color: #b91c1c;
    background: rgba(254, 226, 226, 0.35);
    border-radius: 14px;
    border: 1px solid rgba(185, 28, 28, 0.25);
    max-width: 100%;
}
.body-layout-foodstrip .stores-load-error {
    color: #fca5a5;
    background: rgba(127, 29, 29, 0.35);
    border-color: rgba(252, 165, 165, 0.35);
}
.logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 50%;
    margin-right: 8px;
}
.layout-toggle-btn {
    border: 0;
    padding: 0;
    margin-right: 8px;
    background: transparent;
    cursor: pointer;
    border-radius: 12px;
    line-height: 0;
    flex-shrink: 0;
    transition: transform 0.12s ease, opacity 0.15s ease;
}
.layout-toggle-btn:active {
    transform: scale(0.94);
    opacity: 0.9;
}
.layout-toggle-btn:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}
.layout-toggle-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}
.cart-icon {
    font-size: 24px;
    cursor: pointer;
    background: white;
    padding: 8px 12px;
    min-height: 40px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.cart-icon-btn {
    border: 0;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.orders-icon-btn {
    border: 0;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.orders-icon {
    cursor: pointer;
    background: white;
    padding: 8px 12px;
    min-height: 40px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.orders-icon-glyph {
    width: 18px;
    height: 18px;
    color: #111;
}
.orders-icon-btn:hover .orders-icon-glyph,
.orders-icon-btn:focus-visible .orders-icon-glyph {
    animation: uiIconNudge var(--lumini-duration-slow) var(--lumini-ease-out);
}
.cart-icon-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #111;
}
.cart-icon-glyph .cart-bag-icon {
    display: block;
}
.cart-icon-btn:hover .cart-icon-glyph,
.cart-icon-btn:focus-visible .cart-icon-glyph {
    animation: uiIconNudge var(--lumini-duration-slow) var(--lumini-ease-out);
}
.cart-badges-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    line-height: 1;
}
.cart-count-badge {
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    background: #285A48;
    color: #ecfff7;
}
.cart-icon-btn:hover .cart-count-badge,
.cart-icon-btn:focus-visible .cart-count-badge {
    animation: uiBadgePulse var(--lumini-duration-slow) var(--lumini-ease-out);
}
.cart-sum-badge {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: rgba(17, 17, 17, 0.72);
    white-space: nowrap;
}
.body-layout-foodstrip .cart-sum-badge {
    color: rgba(236, 255, 247, 0.82);
}
.fly-packet {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    pointer-events: none;
    object-fit: contain;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    will-change: transform;
}
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
}

/* Pinterest-like masonry for stores: позиции задаёт JS (самая низкая колонка) */
.stores-masonry {
    --store-masonry-gap: 16px;
    position: relative;
    width: 100%;
}
/* Горизонтальная лента: id + классы — выше специфичность, чтобы перебить любые правила сетки */
#stores-list.stores-masonry.stores-layout-line {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--store-masonry-gap);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    /* верхний отступ: hover translateY(-4px) не обрезается overflow-y */
    padding: 8px 2px 14px;
    min-height: 0;
    max-height: min(420px, 52vh);
    transition: max-height 0.42s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (prefers-reduced-motion: reduce) {
    #stores-list.stores-masonry.stores-layout-line {
        transition: none;
    }
}
#stores-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
    height: 0;
}
#stores-list.stores-masonry.stores-layout-line {
    scrollbar-width: none;
}
#stores-list.stores-masonry.stores-layout-line .store-card {
    flex: 0 0 auto;
    width: min(280px, 82vw);
    max-width: min(280px, 82vw);
    scroll-snap-align: start;
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
#stores-list.stores-masonry.stores-layout-line .store-image-inner {
    min-height: clamp(120px, 36vw, 220px);
}

/* ——— Режим «как в агрегаторах»: тёмная тема + горизонтальная лента ——— */
.line-mode-chrome {
    --line-mode-gap: 14px;
    margin-bottom: var(--line-mode-gap);
}
.line-mode-chrome[hidden] {
    display: none !important;
}
.line-mode-section-head {
    margin-bottom: 0;
}
.line-mode-heading {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}
.line-mode-sub {
    font-size: 13px;
    opacity: 0.72;
    margin: 0;
    line-height: 1.35;
}
.browse-category-sort-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-top: var(--line-mode-gap, 14px);
    width: 100%;
}
.browse-category-scroll {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    max-width: 100%;
}
.browse-category-scroll .line-mode-filters {
    margin-top: 0;
    min-height: 40px;
    align-items: center;
}
.browse-sort-open-btn {
    flex: 0 0 auto;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 6px;
    width: auto;
    max-width: none;
    min-width: 0;
    min-height: 40px;
    padding: 9px 16px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--lumini-hero-radius-pill);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(244, 247, 255, 0.92);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    transition:
        color var(--lumini-duration-fast) ease,
        border-color var(--lumini-duration-fast) ease,
        background-color var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out);
    -webkit-tap-highlight-color: transparent;
}
.browse-sort-open-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff;
    transform: translateY(-1px);
}
.browse-sort-open-btn[aria-expanded='true'] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    box-shadow:
        0 8px 18px rgba(8, 16, 28, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.16);
}
.browse-sort-open-ico {
    display: flex;
    opacity: 0.9;
}
.browse-sort-open-ico svg {
    width: 15px;
    height: 15px;
}
.browse-sort-open-label {
    max-width: none;
    text-align: center;
}
.browse-sort-overlay {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.browse-sort-overlay.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.browse-sort-overlay.is-closing {
    opacity: 0;
    pointer-events: none;
}
@media (min-width: 560px) {
    .browse-sort-overlay {
        align-items: center;
        padding: 24px;
    }
}
.browse-sort-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.52);
}
.browse-sort-dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    max-height: min(90vh, 560px);
    overflow: auto;
    padding: 20px 18px 22px;
    box-sizing: border-box;
    background: #2a2a2e;
    color: #f3f3f5;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.45);
}
@media (min-width: 560px) {
    .browse-sort-dialog {
        border-radius: 18px;
        margin: 0 auto;
    }
}
.browse-sort-dialog-title {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.browse-sort-radio-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.browse-sort-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 4px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin: 0;
}
.browse-sort-option:last-of-type {
    border-bottom: 0;
}
.browse-sort-option-text {
    font-size: 15px;
    font-weight: 600;
}
.browse-sort-option-control {
    position: relative;
    flex-shrink: 0;
}
.browse-sort-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}
.browse-sort-radio-ui {
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 0.35);
    align-items: center;
    justify-content: center;
}
.browse-sort-option:has(.browse-sort-input:checked) .browse-sort-radio-ui {
    border-color: #f5cb2d;
    background: #f5cb2d;
}
.browse-sort-option:has(.browse-sort-input:checked) .browse-sort-radio-ui::after {
    content: '';
    width: 5px;
    height: 9px;
    margin-bottom: 2px;
    border: solid #1a1a1c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.browse-sort-explainer {
    margin: 14px 0 0;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.52);
    font-weight: 500;
}
.browse-sort-explainer strong {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
}
.browse-sort-apply {
    width: 100%;
    margin-top: 18px;
    padding: 14px 18px;
    border: 0;
    border-radius: 14px;
    background: #f5cb2d;
    color: #141416;
    font: inherit;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.browse-sort-apply:hover {
    filter: brightness(1.05);
}
.line-mode-filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    margin-top: var(--line-mode-gap, 14px);
    padding: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.line-mode-filters::-webkit-scrollbar {
    height: 0;
}
.line-filter-pill {
    flex: 0 0 auto;
    font-size: 13px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(244, 247, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.14);
    cursor: pointer;
    white-space: nowrap;
    width: auto;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    transition:
        border-color var(--lumini-duration-fast) ease,
        background-color var(--lumini-duration-fast) ease,
        color var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out);
}
.line-filter-pill-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.line-filter-pill-ico .lumini-lucide {
    width: 15px;
    height: 15px;
}
.line-filter-pill.is-active .line-filter-pill-ico .lumini-lucide {
    color: #ecfff7;
}
.line-filter-pill:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff;
    transform: translateY(-1px);
}
.line-filter-pill.is-active {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    box-shadow:
        0 8px 18px rgba(8, 16, 28, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.16);
}
.line-mode-search {
    margin: var(--line-mode-gap, 14px) 0 0;
}
/* Поиск + ленты: высота блока задаёт вертикаль корзины (fixed справа) */
.browse-cart-track {
    --line-mode-gap: 14px;
}
.browse-cart-track > .line-mode-search {
    margin-top: 0;
}
.browse-cart-track > .stores-rail-shell {
    margin-top: var(--line-mode-gap, 14px);
}
.store-cart-track > .store-menu-cats:not([hidden]) + .store-section-title,
.store-cart-track > .store-section-title {
    margin-top: 0;
}
.store-cart-track > .store-menu-cats[hidden] + .store-section-title {
    margin-top: 6px;
}
.global-search {
    width: 100%;
    min-height: 44px;
    padding: 12px 18px;
    border-radius: var(--lumini-hero-radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(10, 16, 19, 0.88);
    color: rgba(240, 252, 247, 0.96);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    outline: none;
    transition:
        border-color var(--lumini-duration-fast) ease,
        box-shadow var(--lumini-duration-fast) ease;
}
.global-search::placeholder {
    color: rgba(219, 237, 229, 0.62);
    font-weight: 400;
}
.global-search:focus {
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}
.repeat-orders {
    margin-top: 14px;
}
.repeat-orders-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #f5f5f5;
}
#repeat-stores-list.stores-masonry.stores-layout-line {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0 8px;
}
#repeat-stores-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
    height: 0;
}
#repeat-stores-list.stores-masonry.stores-layout-line {
    scrollbar-width: none;
}
#repeat-stores-list.stores-masonry.stores-layout-line .store-card {
    flex: 0 0 auto;
    width: min(300px, 90vw);
    max-width: min(300px, 90vw);
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
#repeat-stores-list.stores-masonry.stores-layout-line .product-rail-card {
    flex: 0 0 auto;
    width: min(250px, 72vw);
    max-width: min(250px, 72vw);
}
.stores-rail-shell {
    position: relative;
}
.rail-nav {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 0;
    background: rgba(24, 24, 24, 0.82);
    color: #fff;
    cursor: pointer;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    transition:
        background var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        box-shadow var(--lumini-duration-fast) ease;
}
.rail-nav .lumini-lucide {
    --lumini-lucide-stroke: 2.25;
}
.rail-nav:hover {
    background: rgba(36, 36, 36, 0.92);
}
.rail-nav-left {
    left: -12px;
}
.rail-nav-right {
    right: -12px;
}
@media (max-width: 899px) {
    .rail-nav {
        display: none;
    }
}

.body-layout-foodstrip {
    background: #121212;
    color: #f2f2f2;
}
.body-layout-foodstrip .app-container {
    background: transparent;
}
.body-layout-foodstrip header {
    margin-bottom: 16px;
}
.body-layout-foodstrip .layout-toggle-btn:focus-visible {
    outline-color: #60a5fa;
}
.body-layout-foodstrip .cart-icon {
    background: #2a2a2a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.body-layout-foodstrip .orders-icon {
    background: #2a2a2a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.body-layout-foodstrip .orders-icon-glyph {
    background: #ecfff7;
}
.body-layout-foodstrip .cart-icon-glyph {
    color: #ecfff7;
}

.browse-theme-toggle {
    position: relative;
    width: 52px;
    height: 30px;
    border-radius: 999px;
    border: 0;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
    background: #2a2a2a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    overflow: visible;
}
.browse-theme-track {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}
.browse-theme-thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #ecfff7;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.28);
    z-index: 2;
    transition:
        transform var(--lumini-duration-slow) var(--lumini-ease-out),
        background var(--lumini-duration-fast) ease;
}
body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    transform: translateX(22px);
    background: #334155;
}
.browse-theme-icon-slot {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.38);
    transition: color var(--lumini-duration-fast) ease, opacity var(--lumini-duration-fast) ease;
}
.browse-theme-icon-slot .lumini-lucide {
    --lumini-lucide-stroke: 2;
}
.browse-theme-icon-slot--moon {
    left: 8px;
}
.browse-theme-icon-slot--sun {
    right: 8px;
}
body:not(.browse-site-light) .browse-theme-icon-slot--moon {
    color: rgba(236, 255, 247, 0.95);
}
body:not(.browse-site-light) .browse-theme-icon-slot--sun {
    color: rgba(255, 255, 255, 0.32);
}
body.body-layout-foodstrip.browse-site-light .browse-theme-icon-slot--moon {
    color: rgba(15, 23, 42, 0.32);
}
body.body-layout-foodstrip.browse-site-light .browse-theme-icon-slot--sun {
    color: rgba(15, 23, 42, 0.88);
}
.browse-theme-toggle:hover .browse-theme-thumb,
.browse-theme-toggle:focus-visible .browse-theme-thumb {
    filter: brightness(1.05);
}
@media (prefers-reduced-motion: reduce) {
    .browse-theme-thumb {
        transition: none;
    }
}

/* Skeletons */
.skeleton {
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.06);
    border-radius: 14px;
}
.skeleton::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
    animation: skShimmer 1.1s infinite;
}
@keyframes skShimmer {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}
.store-skel-card {
    width: min(300px, 90vw);
    max-width: min(300px, 90vw);
    flex: 0 0 auto;
    border-radius: 16px;
    background: #1c1c1e;
    border: 1px solid rgba(255,255,255,0.08);
    overflow: hidden;
}
.store-skel-media {
    height: 170px;
    border-radius: 0;
}
.store-skel-lines {
    padding: 12px 12px 14px;
    display: grid;
    gap: 8px;
}
.store-skel-line {
    height: 12px;
    border-radius: 8px;
}
.store-skel-line.w60 { width: 60%; }
.store-skel-line.w80 { width: 80%; }
.store-skel-line.w40 { width: 40%; }

.product-skel-card {
    flex: 0 0 auto;
    width: min(250px, 72vw);
    max-width: min(250px, 72vw);
    background: #1f1f23;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    overflow: hidden;
}
.product-skel-media {
    height: 120px;
    border-radius: 0;
}
.product-skel-lines {
    padding: 10px;
    display: grid;
    gap: 8px;
}

.menu-skel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 12px;
}
/* Обёртка — единственный ребёнок .products-grid; иначе занимает одну колонку (~170px) и скелетон «лезет» в столбик */
#products-section .products-grid > .menu-skel-grid {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}
.menu-skel-card {
    background: transparent;
    border-radius: 0;
}
.menu-skel-media {
    aspect-ratio: 1/1;
    border-radius: 16px;
    background: #202428;
}
.menu-skel-line {
    height: 12px;
    border-radius: 8px;
    margin-top: 8px;
}
.menu-skel-line.w70 { width: 70%; }
.menu-skel-line.w50 { width: 50%; }

/* Orders modal */
.orders-card {
    max-width: 720px;
    border-radius: 18px;
}
.overlay-card.orders-card {
    width: min(980px, 96vw);
    max-width: min(980px, 96vw);
    max-height: min(88vh, 760px);
    padding: 8px 12px 16px;
}
#orders-content {
    width: 100%;
}
.orders-title {
    font-size: 22px;
    font-weight: 900;
    margin: 6px 0 10px;
}
.orders-list {
    display: grid;
    gap: 10px;
}
.ui-hover-tip {
    position: fixed;
    z-index: 13050;
    max-width: min(280px, 78vw);
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(18, 20, 24, 0.94);
    color: #f2f5f9;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    pointer-events: none;
    opacity: 0;
    transform: translateY(6px) scale(0.98);
    transition:
        opacity var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.34);
}
.ui-hover-tip.is-visible {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
}
.ui-hover-tip,
.ui-hover-tip.is-visible {
    display: none !important;
    pointer-events: none !important;
}
@keyframes uiIconNudge {
    0% { transform: translateY(0) scale(1); }
    40% { transform: translateY(-1px) scale(1.06); }
    100% { transform: translateY(0) scale(1); }
}
@keyframes uiBadgePulse {
    0% { transform: scale(1); }
    45% { transform: scale(1.08); }
    100% { transform: scale(1); }
}
@media (hover: none), (pointer: coarse) {
    .ui-hover-tip {
        display: none !important;
    }
}
.order-item {
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 12px;
}
.order-item-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: baseline;
}
.order-meta {
    color: rgba(236,255,247,0.7);
    font-size: 12px;
    margin-top: 4px;
}
.order-items-praise {
    margin: 8px 0 2px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.order-line-praise {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
}
.order-line-praise-name {
    flex: 1;
    min-width: 0;
    color: rgba(236, 255, 247, 0.88);
}
.order-line-praise-btn {
    flex-shrink: 0;
    border: 1px solid rgba(201, 162, 39, 0.45);
    background: rgba(201, 162, 39, 0.12);
    color: #f3e7c6;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: 999px;
    cursor: pointer;
}
.order-line-praise-btn.is-on,
.order-line-praise-btn:disabled {
    opacity: 0.75;
    cursor: default;
}
.order-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.order-btn {
    width: auto;
    padding: 9px 14px;
    border-radius: 999px;
    background: #285A48;
    color: #ecfff7;
    font-weight: 800;
}
.order-btn.secondary {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.12);
    color: #ecfff7;
}
.body-layout-foodstrip .cart-icon-glyph {
    color: #ecfff7;
}
.body-layout-foodstrip .browse-with-cart-shell {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.body-layout-foodstrip .browse-with-cart-shell .browse-layout {
    width: 100%;
    max-width: 1100px;
    align-items: stretch;
}
/* Базовый .stores-browse-root задаёт flex: 0 1 600px — без сброса витрина остаётся узкой */
.body-layout-foodstrip .browse-with-cart-shell .stores-browse-root {
    flex: 1 1 auto;
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
    min-width: 0;
}
/* Корзина в потоке (мобилка / узкий экран); на широком — fixed, см. медиазапрос ниже */
.browse-cart-panel {
    flex: 0 0 auto;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    transition:
        max-width 0.42s cubic-bezier(0.33, 1, 0.68, 1),
        opacity 0.28s ease;
    opacity: 0;
    pointer-events: none;
    align-self: stretch;
}
.cart-transition-skip .browse-cart-panel,
.cart-transition-skip #store-cart-slide-panel,
.cart-transition-skip #browse-cart-backdrop,
.cart-transition-skip #store-cart-backdrop {
    transition: none !important;
    animation: none !important;
}
.browse-cart-panel.is-open {
    max-width: 300px;
    opacity: 1;
    pointer-events: auto;
}
.browse-cart-panel-inner {
    position: relative;
    width: 300px;
    min-height: min(520px, calc(100vh - 120px));
    max-height: calc(100vh - 88px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: #1e1f22;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.35);
    margin-top: 0;
    overflow: hidden;
}
/* На странице магазина витринная корзина не показываем — иначе две fixed-панели справа */
body.body-layout-foodstrip.body-on-store-page #browse-cart-panel {
    display: none !important;
}
body.body-layout-foodstrip.body-on-store-page #store-cart-slide-panel:not(.is-open) {
    max-width: 0 !important;
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none !important;
}
body.body-layout-foodstrip.body-on-store-page #store-cart-slide-panel.is-open {
    visibility: visible;
}
/* Корзина магазина: высоту задаёт JS по содержимому — не тянем лишний min-height с витрины */
body.body-layout-foodstrip.body-on-store-page #store-cart-slide-panel .browse-cart-panel-inner {
    min-height: 0;
}
@media (min-width: 1040px) {
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel,
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel {
        position: fixed;
        z-index: 60;
        max-width: none !important;
        width: 300px;
        overflow: visible;
        flex: none;
        align-self: auto;
        margin: 0;
        padding: 0;
        opacity: 1 !important;
        transform: translateX(calc(100% + 28px));
        transition: transform 0.42s cubic-bezier(0.33, 1, 0.68, 1);
        pointer-events: none;
    }
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel.is-open,
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel.is-open {
        transform: translateX(0);
        pointer-events: auto;
    }
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel:not(.is-open),
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel:not(.is-open) {
        pointer-events: none;
    }
    body.body-layout-foodstrip #browse-cart-panel .browse-cart-panel-inner,
    body.body-layout-foodstrip #store-cart-slide-panel .browse-cart-panel-inner {
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }
}
@media (min-width: 1040px) and (prefers-reduced-motion: reduce) {
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel,
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel {
        transition: none !important;
    }
}
.browse-cart-panel-decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('/static/img/paket.png?v=2') center 50% / min(220px, 72%) no-repeat;
    opacity: 0.22;
}
.browse-cart-panel-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}
.browse-cart-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}
.browse-cart-close {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.browse-cart-close:hover {
    background: rgba(255, 255, 255, 0.14);
}
.browse-cart-panel-scroll {
    position: relative;
    z-index: 1;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 14px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.28) rgba(0, 0, 0, 0.22);
}
.body-layout-foodstrip .browse-cart-panel-scroll::-webkit-scrollbar {
    width: 6px;
}
.body-layout-foodstrip .browse-cart-panel-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}
.body-layout-foodstrip .browse-cart-panel-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 6px;
}
.body-layout-foodstrip .browse-cart-panel-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.32);
}
.browse-cart-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    padding: 24px 12px;
}
.browse-cart-empty[hidden] {
    display: none !important;
}
.browse-cart-empty-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.55);
    font-weight: 600;
}
.browse-cart-lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.browse-cart-lines[hidden] {
    display: none !important;
}
.browse-cart-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.88);
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.browse-cart-line strong {
    white-space: nowrap;
    font-weight: 700;
}
.browse-cart-line button {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    padding: 0 4px;
    font-size: 14px;
}
.browse-cart-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 10px 10px 8px;
}
.browse-cart-item-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.browse-cart-thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.25);
}
.browse-cart-item-body {
    flex: 1;
    min-width: 0;
}
.browse-cart-item-title {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 4px;
}
.browse-cart-parts {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cart-line-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.78);
    padding: 2px 0;
}
.cart-line-part--extra {
    padding-left: 10px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.62);
    border-left: 2px solid rgba(40, 90, 72, 0.55);
    margin-left: 2px;
}
.cart-line-part-label {
    flex: 1;
    min-width: 0;
    line-height: 1.3;
}
.cart-line-part-remove {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 8px;
    flex-shrink: 0;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s ease, background 0.15s ease;
}
.cart-line-part-remove:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}
.cart-line-fallback {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.35;
    margin-top: 2px;
}
.browse-cart-item-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
}
.browse-cart-qty-label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
}
.browse-cart-remove-line {
    border: 0;
    background: transparent;
    color: rgba(248, 113, 113, 0.85);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding: 4px 0;
    -webkit-tap-highlight-color: transparent;
}
.browse-cart-item-sum {
    flex-shrink: 0;
    font-size: 14px;
    color: #fff;
    text-align: right;
    align-self: flex-start;
    padding-top: 2px;
}
.browse-cart-panel-foot {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    padding: 12px 14px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.browse-cart-total-row {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #fff;
}
.browse-cart-checkout-btn {
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    border: 0;
    background: #285a48;
    color: #ecfff7;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
}
.browse-cart-checkout-btn:hover {
    filter: brightness(1.06);
}
.browse-cart-backdrop {
    display: none;
}
@media (max-width: 1039px) {
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel,
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel {
        transform: none !important;
    }
    .browse-cart-panel {
        position: fixed;
        top: 72px;
        right: 0;
        bottom: 0;
        left: auto !important;
        width: min(360px, 100vw);
        max-width: 0 !important;
        height: auto;
        z-index: 75;
        border-radius: 0;
        margin: 0;
        transition: max-width 0.42s cubic-bezier(0.33, 1, 0.68, 1);
        opacity: 1;
        pointer-events: none;
    }
    .browse-cart-panel.is-open {
        max-width: min(360px, 100vw) !important;
        pointer-events: auto;
        box-shadow: -12px 0 40px rgba(0, 0, 0, 0.5);
    }
    .browse-cart-panel-inner {
        width: 100%;
        min-height: 100%;
        max-height: none;
        border-radius: 18px 0 0 18px;
        border-right: 0;
    }
    .browse-cart-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        top: 64px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 74;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.32s ease;
    }
    .browse-cart-backdrop.is-open {
        opacity: 1;
        pointer-events: auto;
    }
}
@media (prefers-reduced-motion: reduce) {
    .browse-cart-panel,
    .browse-cart-backdrop {
        transition: none !important;
    }
}
body:not(.body-layout-foodstrip) .browse-cart-panel,
body:not(.body-layout-foodstrip) #store-cart-slide-panel,
body:not(.body-layout-foodstrip) #browse-cart-backdrop,
body:not(.body-layout-foodstrip) #store-cart-backdrop {
    display: none !important;
}
@media (max-width: 1039px) {
    body.body-layout-foodstrip.cart-drawer-open {
        overflow: hidden;
    }
}
body.body-layout-foodstrip.browse-site-light .browse-cart-panel-inner {
    background: #1e1f22;
    border-color: rgba(255, 255, 255, 0.1);
}
.body-layout-foodstrip .line-mode-heading,
.body-layout-foodstrip .line-mode-sub {
    color: #f5f5f5;
}
.body-layout-foodstrip .line-mode-sub {
    opacity: 0.65;
}

/* Карточки в ленте: обложка 16:10, инфо под фото */
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card {
    background: #1c1c1e;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    transition:
        transform var(--lumini-duration) var(--lumini-ease-out),
        border-color var(--lumini-duration) ease,
        background-color var(--lumini-duration) ease;
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card {
    width: min(300px, 90vw);
    max-width: min(300px, 90vw);
}
@media (min-width: 1100px) {
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
    #repeat-stores-list.stores-masonry.stores-layout-line .store-card {
        width: calc((100% - 48px) / 4);
        max-width: calc((100% - 48px) / 4);
    }
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-wrap {
    border-radius: 16px;
    background: #2c2c2e;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-sizing: border-box;
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-inner,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-inner {
    aspect-ratio: 16 / 10;
    min-height: 150px;
    max-height: 200px;
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-hover,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-hover {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    max-height: none !important;
    padding: 8px 2px 4px;
    margin-top: 0;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
}
/* Старые сборки script.js могли оставлять избранное на карточке витрины */
.body-layout-foodstrip .store-card .store-fav-btn {
    display: none !important;
}
.fav-heart-icon {
    display: block;
    width: 18px;
    height: 18px;
    color: #111;
}
.fav-heart-path {
    fill: none;
    transition: fill 0.16s ease, stroke 0.16s ease;
}
.store-fav-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: auto;
    height: auto;
    min-width: 36px;
    min-height: 36px;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 3;
    padding: 4px;
}
.store-hover .store-fav-btn {
    color: rgba(0, 0, 0, 0.42);
    background: transparent;
}
.body-layout-foodstrip .store-hover .store-fav-btn {
    color: rgba(255, 255, 255, 0.88);
    background: transparent;
}
.store-fav-btn.is-favorite {
    background: transparent;
    color: #285a48;
    animation: favPulse 220ms ease-out;
}
.body-layout-foodstrip .store-fav-btn.is-favorite {
    background: transparent;
    color: #285a48;
}
.store-fav-btn.is-favorite .fav-heart-path {
    fill: currentColor;
    stroke: currentColor;
}
.store-fav-btn:active .fav-heart-icon,
.store-info-fav-btn:active .fav-heart-icon,
#products-section .product-fav-btn:active .fav-heart-icon,
.product-rail-card .product-fav-btn:active .fav-heart-icon {
    transform: scale(1.18);
}
.store-fav-btn.is-favorite .fav-heart-icon,
.store-info-fav-btn.is-favorite .fav-heart-icon,
#products-section .product-fav-btn.is-favorite .fav-heart-icon,
.product-rail-card .product-fav-btn.is-favorite .fav-heart-icon {
    animation: favHeartPop 240ms var(--lumini-ease-out);
}
@keyframes favPulse {
    0% { transform: scale(0.9); }
    60% { transform: scale(1.12); }
    100% { transform: scale(1); }
}
@keyframes favHeartPop {
    0% { transform: scale(0.84); }
    60% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes favHeartPopCoarse {
    0% { transform: scale(0.8); }
    55% { transform: scale(1.28); }
    100% { transform: scale(1); }
}
@keyframes favHeartHapticGlow {
    0%,
    100% {
        filter: drop-shadow(0 0 0 transparent);
    }
    45% {
        filter: drop-shadow(0 0 12px rgba(40, 90, 72, 0.55));
    }
}
@media (hover: none) and (pointer: coarse) {
    .store-fav-btn:active .fav-heart-icon,
    .store-info-fav-btn:active .fav-heart-icon,
    #products-section .product-fav-btn:active .fav-heart-icon,
    .product-rail-card .product-fav-btn:active .fav-heart-icon {
        transform: scale(1.24);
    }
    .store-fav-btn.is-favorite .fav-heart-icon,
    .store-info-fav-btn.is-favorite .fav-heart-icon,
    #products-section .product-fav-btn.is-favorite .fav-heart-icon,
    .product-rail-card .product-fav-btn.is-favorite .fav-heart-icon {
        animation:
            favHeartPopCoarse 300ms var(--lumini-ease-out),
            favHeartHapticGlow 300ms ease-out;
    }
}
@media (prefers-reduced-motion: reduce) {
    .store-fav-btn.is-favorite .fav-heart-icon,
    .store-info-fav-btn.is-favorite .fav-heart-icon,
    #products-section .product-fav-btn.is-favorite .fav-heart-icon,
    .product-rail-card .product-fav-btn.is-favorite .fav-heart-icon {
        animation: none !important;
    }
}
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-title {
    color: #fff;
    margin: -4px 0 6px;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.15em * 2);
}
.store-hover .store-title {
    padding-right: 8px;
}
.body-layout-foodstrip .store-hover .store-title {
    padding-right: 8px;
}
/* На сайте оставляем картинку статичной (без зума) */
.body-layout-foodstrip .store-image {
    transform: none !important;
}
.body-layout-foodstrip .store-card-snippet {
    font-size: 12px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.body-layout-foodstrip .store-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-bottom: 6px;
}
.body-layout-foodstrip .store-meta-pill {
    font-size: 10px;
    padding: 3px 7px;
    border-radius: 8px;
    font-weight: 600;
}
.body-layout-foodstrip .store-meta-pill--muted {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.75);
}
.body-layout-foodstrip .store-meta-pill--accent {
    background: linear-gradient(135deg, #6d28d9, #7c3aed);
    color: #fff;
}
.body-layout-foodstrip .store-meta-pill--open {
    background: rgba(40, 90, 72, 0.92);
    color: #ecfff7;
}
.body-layout-foodstrip .store-meta-pill--closed {
    background: rgba(239, 68, 68, 0.18);
    color: rgba(255, 210, 210, 0.95);
    border: 1px solid rgba(239, 68, 68, 0.35);
}
.body-layout-foodstrip .store-meta-time {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.45);
    margin: 0;
    line-height: 1.15;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.products-rail-section {
    margin-top: 14px;
}
#products-rail-list.stores-masonry.stores-layout-line {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0 8px;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 6px;
}
#products-rail-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
    height: 0;
}
.product-rail-card {
    flex: 0 0 auto;
    width: min(250px, 72vw);
    max-width: min(250px, 72vw);
    background: #1f1f23;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    scroll-snap-align: start;
    transition:
        transform var(--lumini-duration) var(--lumini-ease-out),
        border-color var(--lumini-duration) ease,
        background-color var(--lumini-duration) ease;
}
.product-rail-card.product-rail-card--enter,
#products-section .product-card.product-card--enter,
#products-section .store-menu-section-title.store-menu-section-title--enter {
    animation: luminiFadeSlideUp var(--lumini-duration-slow) var(--lumini-ease-out) both;
}
@media (prefers-reduced-motion: reduce) {
    .product-rail-card.product-rail-card--enter,
    #products-section .product-card.product-card--enter,
    #products-section .store-menu-section-title.store-menu-section-title--enter {
        animation: none;
    }
}
.product-rail-card--added-flash::after {
    content: '✓';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #285a48;
    color: #ecfff7;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    display: grid;
    place-items: center;
    pointer-events: none;
    z-index: 4;
    animation: luminiAddedBadge 520ms var(--lumini-ease-out) forwards;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
@keyframes luminiAddedBadge {
    0% {
        opacity: 0;
        transform: scale(0.72);
    }
    22% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.92);
    }
}
@keyframes luminiAddedBadgeReduced {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .product-rail-card--added-flash::after {
        animation: luminiAddedBadgeReduced 200ms ease forwards;
    }
}
.mini-product--added-flash {
    box-shadow: 0 0 0 2px rgba(40, 90, 72, 0.65), 0 8px 24px rgba(40, 90, 72, 0.12);
    transition: box-shadow var(--lumini-duration-fast) ease;
}
@media (prefers-reduced-motion: reduce) {
    .mini-product--added-flash {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    }
}
.product-rail-image-wrap {
    position: relative;
    overflow: hidden;
}
.product-rail-image {
    width: 100%;
    height: 120px;
    max-height: 120px;
    object-fit: cover;
    display: block;
}
.product-media-wrap--unavailable .product-rail-image,
.product-media-wrap--unavailable .product-card-image {
    filter: blur(7px);
    transform: scale(1.04);
}
.mini-product-media.product-media-wrap--unavailable img {
    filter: blur(6px);
    transform: scale(1.03);
}
.product-unavailable-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(8, 10, 14, 0.38);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: none;
    z-index: 1;
}
#products-section .product-card-image-wrap .product-unavailable-overlay {
    border-radius: inherit;
}
#products-section .product-card-image-wrap .product-add-btn {
    z-index: 2;
}
#products-section .product-card-image-wrap .product-options-badge {
    z-index: 2;
}
.product-rail-image-wrap .product-unavailable-overlay {
    border-radius: 0;
}
.product-rail-card--unavailable {
    cursor: pointer;
}
.product-rail-add--disabled,
.mini-add--disabled {
    opacity: 0.55;
    cursor: not-allowed;
}
#products-section .product-add-btn--unavailable {
    opacity: 0.45;
    cursor: not-allowed;
    filter: grayscale(0.35);
}
#products-section .product-add-btn--unavailable::before {
    opacity: 0.5;
}
.product-rail-body {
    padding: 10px;
}
.product-rail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.product-rail-name {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #f7f7f7;
    line-height: 1.25;
}
.product-rail-meta {
    margin-top: 4px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.56);
}
.product-cooking-note {
    color: #ff9a3d;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.2;
    margin-top: 5px;
}
.product-rail-footer {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.product-rail-price {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
}
.body-layout-foodstrip .product-rail-price {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
}
.product-rail-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}
.product-rail-qty[hidden],
.product-rail-add[hidden] {
    display: none !important;
}
.product-rail-qty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.22);
    border-radius: 999px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.product-rail-qty-val {
    font-size: 13px;
    font-weight: 800;
    min-width: 18px;
    text-align: center;
    color: #f5f5f5;
}
.product-rail-qty-btn {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    transition:
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        background var(--lumini-duration-fast) ease;
}
.product-rail-qty-btn:active {
    transform: scale(0.92);
    background: rgba(255, 255, 255, 0.16);
}
.product-rail-add {
    width: auto;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    background: #35353a;
    border: 0;
    color: #ecfff7;
    font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        opacity var(--lumini-duration-fast) ease,
        background-color var(--lumini-duration-fast) ease,
        color var(--lumini-duration-fast) ease;
}
.product-rail-add:active {
    transform: scale(0.97);
}

.rail-nav:focus-visible {
    outline: 2px solid rgba(40, 90, 72, 0.95);
    outline-offset: 2px;
}
.product-rail-add:focus-visible,
.product-rail-qty-btn:focus-visible,
.product-rail-card .product-fav-btn:focus-visible {
    outline: 2px solid rgba(236, 255, 247, 0.45);
    outline-offset: 2px;
}
#products-section .product-add-btn:focus-visible,
#products-section .product-fav-btn:focus-visible {
    outline: 2px solid rgba(236, 255, 247, 0.75);
    outline-offset: 2px;
}
.config-add-btn:focus-visible {
    outline: 2px solid rgba(236, 255, 247, 0.88);
    outline-offset: 3px;
}
body.body-layout-foodstrip.browse-site-light .rail-nav:focus-visible {
    outline-color: rgba(40, 90, 72, 0.88);
}

/* Доп. поля карточки — только в режиме ленты (тёмный вид) */
body:not(.body-layout-foodstrip) .store-card-snippet,
body:not(.body-layout-foodstrip) .store-card-meta,
body:not(.body-layout-foodstrip) .store-meta-time {
    display: none !important;
}

@media (hover: hover) and (pointer: fine) {
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded),
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) {
        background: #252528;
        border-color: rgba(255, 255, 255, 0.2);
        box-shadow: none;
        transform: translateY(-4px);
    }
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-hover,
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-hover {
        opacity: 1 !important;
    }
    .product-rail-card:hover {
        background: #252528;
        border-color: rgba(255, 255, 255, 0.2);
        transform: translateY(-4px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
    .product-rail-card {
        transition-duration: 0.01ms !important;
    }
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded),
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded),
    .product-rail-card:hover {
        transform: none;
    }
}

/* Тёмная тема для внутренних экранов (магазин, корзина, модалки) */
.body-layout-foodstrip .store-detail-panel {
    background: #1b1b1d;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
.body-layout-foodstrip .store-detail-toolbar {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
.body-layout-foodstrip .store-detail-toolbar-title,
.body-layout-foodstrip .store-expanded-title,
.body-layout-foodstrip .store-expanded-tab.active {
    color: #f5f5f5;
}
.body-layout-foodstrip .store-detail-close {
    background: #2a2a2d;
    color: #fff;
}
.body-layout-foodstrip .store-expanded-desc,
.body-layout-foodstrip .store-expanded-tab {
    color: rgba(255, 255, 255, 0.72);
}
.body-layout-foodstrip .store-expanded-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.body-layout-foodstrip .ghost-btn {
    background: #2a2a2d;
    color: #f3f3f3;
}
.body-layout-foodstrip .mini-product {
    background: #242427;
    color: #f1f1f1;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.body-layout-foodstrip .mini-product .add {
    background: #3a3a40;
}
.body-layout-foodstrip .mini-product--added-flash {
    box-shadow:
        0 0 0 2px rgba(40, 90, 72, 0.7),
        0 10px 28px rgba(0, 0, 0, 0.4);
}
.body-layout-foodstrip #products-section .back-btn {
    background: #2d2d31;
    color: #fff;
}
.btn-ya {
    background: #285A48;
    color: #ecfff7;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}
.btn-ya:hover {
    filter: brightness(1.06);
}
.btn-ya:active {
    transform: translateY(1px);
}
.back-fab {
    width: 44px !important;
    height: 44px;
    border-radius: 999px;
    padding: 0 !important;
    display: grid;
    place-items: center;
    background: rgba(30, 30, 30, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
    color: #fff;
}
.back-fab .lumini-lucide--nav {
    --lumini-lucide-stroke: 2.25;
}
.store-page-topbar {
    grid-template-columns: 44px 1fr;
    align-items: start;
}
.body-layout-foodstrip #store-info h2,
.body-layout-foodstrip #store-info p {
    color: #f1f1f1;
}
.body-layout-foodstrip .store-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.body-layout-foodstrip .tab-button {
    color: rgba(255, 255, 255, 0.7);
}
.body-layout-foodstrip .tab-button.active {
    color: #fff;
    border-bottom-color: #fff;
}
.body-layout-foodstrip #schedule-content,
.body-layout-foodstrip #contacts-content {
    background: #232327;
    color: #efefef;
}
.body-layout-foodstrip .modal-content {
    background: #1c1c1f;
    color: #f1f1f1;
}
.body-layout-foodstrip .overlay-card {
    background: #1b1b1f;
    color: #f1f1f1;
}
.body-layout-foodstrip .cart-item button {
    background: #35353a;
}
.body-layout-foodstrip #address,
.body-layout-foodstrip #payment,
.body-layout-foodstrip #delivery_zone,
.body-layout-foodstrip #comment {
    background: #28282d;
    color: #f5f5f5;
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.body-layout-foodstrip .close {
    color: #f3f3f3;
}
.body-layout-foodstrip .modal-content .cart-modal-address-hint {
    color: rgba(255, 255, 255, 0.55);
}

.store-card, .product-card {
    background: white;
    border-radius: 20px;
    padding: 12px;
    cursor: pointer;
    box-shadow: none;
    position: relative;
}
.product-card {
    transition: transform 0.1s;
}
/* Masonry items must not break across columns */
.store-card {
    width: 100%;
    overflow: hidden;
    transform-origin: center center;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: none;
    transition: border-color 0.24s ease, background-color 0.24s ease;
    /* top/left/width — только при .store-cards-animate */
}
/* Плавное смещение карточек при раскрытии (top/left/width), без FLIP на transform */
.stores-masonry.store-cards-animate .store-card {
    transition:
        top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        border-color 0.24s ease,
        background-color 0.24s ease;
}
@media (prefers-reduced-motion: reduce) {
    .stores-masonry.store-cards-animate .store-card {
        transition-duration: 0.01ms !important;
    }
}

/* Высота блока = пропорции картинки; при .expanded плавно схлопывается в 0 */
.store-image-wrap {
    border-radius: 20px;
    overflow: hidden;
    background: #f2f2f2;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.3s ease;
}
.store-card.expanded .store-image-wrap {
    grid-template-rows: 0fr;
    border-radius: 20px 20px 0 0;
}
.store-image-inner {
    min-height: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    min-height: clamp(96px, 28vw, 200px);
}
.store-card.expanded .store-image-inner {
    min-height: 0;
}
.store-image {
    position: relative;
    z-index: 0;
    max-width: 100%;
    max-height: min(640px, 78vh);
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    transition: transform 260ms ease, filter 220ms ease;
    transform: scale(1);
}

.store-hover {
    padding: 12px 12px 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-height: 160px;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 220ms ease, transform 220ms ease;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(0,0,0,0.06);
}
.store-title {
    margin: 10px 0 8px;
    font-size: 16px;
}
.store-popular {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}
.store-popular::-webkit-scrollbar {
    height: 0;
}
.popular-icon {
    flex: 0 0 auto;
    width: 86px;
    border: 0;
    border-radius: 18px;
    background: #f3f4f6;
    color: #111;
    padding: 8px 10px;
    cursor: pointer;
    text-align: left;
    transition: transform 120ms ease, background 120ms ease;
}
.popular-icon:active {
    transform: scale(0.98);
    background: #e9eaee;
}
.popular-icon-name {
    display: block;
    font-size: 12px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popular-icon-price {
    display: block;
    margin-top: 4px;
    font-weight: 700;
    font-size: 12px;
}

/* Hover animation (desktop). Без translate/scale на самой .store-card — masonry (absolute + JS height) иначе визуально наезжает */
@media (hover: hover) and (pointer: fine) {
    .store-card:hover:not(.expanded) {
        box-shadow: none;
        border-color: rgba(0, 0, 0, 0.1);
    }
    .store-card:hover:not(.expanded) .store-image {
        filter: saturate(1.05) contrast(1.02);
        transform: scale(1.08);
    }
    .store-card:hover:not(.expanded) .store-hover {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}

/* Touch devices: first tap "opens" the card (без transform на карточке — см. комментарий выше, важно для Telegram WebView) */
@media (hover: none) {
    .store-card.is-open:not(.expanded) {
        box-shadow: none;
        border-color: rgba(0, 0, 0, 0.1);
    }
    .store-card.is-open:not(.expanded) .store-image {
        filter: saturate(1.05) contrast(1.02);
        transform: scale(1.08);
    }
    .store-card.is-open:not(.expanded) .store-hover {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}

/* Inline expand: полная ширина — JS layout; превью с картинкой скрыто через схлопывание wrap */
.store-card.expanded {
    padding-bottom: 12px;
    cursor: default;
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: none;
}
.store-expanded {
    padding: 12px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
}
.store-expanded.is-enter {
    opacity: 0;
    transform: translateY(10px);
}
.store-expanded-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.store-expanded-title {
    margin: 0;
    font-size: 20px;
}
.store-expanded-desc {
    margin-top: 6px;
    color: #666;
    font-size: 14px;
}
.store-expanded-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}
.ghost-btn {
    background: #f3f4f6;
    color: #111;
    border: 0;
    border-radius: 16px;
    padding: 10px 12px;
    cursor: pointer;
    width: auto;
}
.ghost-btn:active { transform: scale(0.98); }
.store-expanded-tabs {
    display: flex;
    gap: 8px;
    margin: 14px 0 10px;
    border-bottom: 1px solid #eee;
}
.store-expanded-tab {
    background: none;
    border: 0;
    padding: 8px 10px;
    cursor: pointer;
    color: #666;
    border-radius: 14px 14px 0 0;
    width: auto;
}
.store-expanded-tab.active {
    color: #2c3e50;
    font-weight: 700;
    border-bottom: 2px solid #2c3e50;
}
.store-expanded-pane { display: none; }
.store-expanded-pane.active { display: block; }
.store-expanded-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}
.mini-product {
    background: #fff;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.mini-product-media {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 8px;
}
.mini-product .mini-product-media img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
    margin-bottom: 0;
    border-radius: 0;
}
.mini-product img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 8px;
}
.mini-product .name { font-weight: 700; font-size: 14px; }
.mini-product .price { margin-top: 6px; font-weight: 800; }
.mini-product .add {
    margin-top: 10px;
    background: #2c3e50;
    color: #fff;
    border: 0;
    border-radius: 16px;
    padding: 10px 12px;
    width: 100%;
}

/* Overlay quick view (mini app) */
.overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 50;
}
.overlay.open { display: flex; }
.overlay.is-closing {
    animation: luminiFadeOut var(--lumini-duration-fast) ease both;
}
.overlay-card {
    background: #fff;
    border-radius: 20px;
    width: 100%;
    max-width: 560px;
    max-height: 88vh;
    overflow: auto;
    position: relative;
}
.product-config-card {
    max-width: 820px;
    border-radius: 22px;
}
#product-config-content {
    padding: 16px 18px 20px;
}
.product-config-head {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-bottom: 8px;
}
.product-config-image {
    width: 132px;
    height: 132px;
    border-radius: 14px;
    object-fit: cover;
    background: rgba(255,255,255,0.06);
}
.product-config-head-meta {
    min-width: 0;
}
.product-config-title {
    font-size: 30px;
    margin: 2px 0 6px;
    color: #fff;
}
.product-config-sub {
    color: rgba(255,255,255,0.72);
    margin-bottom: 14px;
    font-size: 14px;
}
.config-group {
    margin-bottom: 14px;
}
.config-group-title {
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}
.config-choices {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 8px;
}
.config-choice-btn {
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: #25252a;
    color: #f5f5f5;
    text-align: left;
    padding: 10px 12px;
    width: 100%;
}
.config-group-size .config-group-title {
    margin-bottom: 10px;
}
.config-group-size .config-choices {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px;
    background: #d8ccb9;
    border-radius: 999px;
}
.config-size-pill {
    width: auto;
    min-width: 110px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: #5c2917;
    font-weight: 700;
    padding: 10px 14px;
    transition:
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        background var(--lumini-duration-fast) ease,
        box-shadow var(--lumini-duration-fast) ease,
        border-color var(--lumini-duration-fast) ease;
}
.config-size-pill.active {
    background: #fff;
    color: #4a1e10;
    border-color: #e6e0d8;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
    transform: translateY(-1px) scale(1.02);
}
.config-size-pill.size-just-selected {
    animation: sizePillPop 240ms var(--lumini-ease-out);
}
@keyframes sizePillPop {
    0% { transform: scale(0.94); }
    60% { transform: scale(1.07); }
    100% { transform: scale(1); }
}
.config-group-sauce .config-choices {
    grid-template-columns: 1fr;
    gap: 10px;
}
.config-sauce-card {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.14);
    background: #26262c;
    color: #f5f5f5;
    text-align: left;
    padding: 10px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.config-sauce-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.config-sauce-meta {
    min-width: 0;
}
.config-sauce-meta .config-choice-title {
    line-height: 1.15;
}
.config-sauce-thumb-fallback {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,0.08);
}
.config-sauce-radio {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,0.45);
    flex: 0 0 auto;
}
.config-sauce-card.active .config-sauce-radio {
    border-color: #f59e0b;
    box-shadow: inset 0 0 0 5px #f59e0b;
}
.config-sauce-card.active {
    border-color: #f59e0b;
    box-shadow: inset 0 0 0 1px #f59e0b;
    background: #2b2620;
}
.config-choice-image {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 7px;
    display: block;
}
.config-choice-btn.active {
    border-color: #f59e0b;
    box-shadow: inset 0 0 0 1px #f59e0b;
    background: #2b2620;
}
.config-choice-title {
    font-size: 14px;
    font-weight: 700;
}
.config-choice-delta {
    margin-top: 5px;
    font-size: 12px;
    color: #fbbf24;
}
.config-footer {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    flex-wrap: wrap;
}
.config-qty-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.config-qty-btn {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.2);
    background: #2b2b31;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 0;
}
.config-qty-num {
    min-width: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
.config-total {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}
.config-add-btn {
    width: auto;
    padding: 11px 18px;
    border-radius: 999px;
    background: #6b2f17;
    border: 0;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    transition:
        background-color var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        color var(--lumini-duration-fast) ease;
}
.config-add-btn.is-add-feedback {
    background: #285a48;
    color: #ecfff7;
    transform: scale(1.02);
}
@media (max-width: 640px) {
    .product-config-head {
        grid-template-columns: 96px minmax(0, 1fr);
    }
    .product-config-image {
        width: 96px;
        height: 96px;
    }
    .product-config-title {
        font-size: 24px;
    }
}
.overlay-close {
    position: sticky;
    top: 0;
    float: right;
    border: 0;
    background: transparent;
    font-size: 28px;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    color: #111;
}
.product-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 8px;
}
.price {
    font-weight: bold;
    margin: 8px 0;
    color: #2c3e50;
}
button {
    background: #2c3e50;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 24px;
    width: 100%;
    cursor: pointer;
}
.back-btn {
    background: #95a5a6;
    margin-bottom: 16px;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    align-items: stretch;
    justify-content: flex-end;
    z-index: 80;
}
.modal.is-open {
    display: flex;
}
.checkout-page {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    z-index: 12100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.checkout-page.is-open {
    display: flex;
}
.checkout-page-card {
    width: min(1020px, 100%);
    max-height: min(92vh, 960px);
    overflow: auto;
    scrollbar-width: none;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #1a1b1d;
    color: #f5f5f5;
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.5);
}

.checkout-page-card::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.checkout-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.checkout-page-head h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
}
.checkout-page-close {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 0;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    font-size: 22px;
}
.checkout-page-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 14px;
    padding: 14px;
}
.checkout-section,
.checkout-side {
    background: #111214;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 12px;
}
.checkout-section h3,
.checkout-side h3 {
    margin: 0 0 8px;
    font-size: 16px;
}
.checkout-order-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
}
.checkout-order-head h3 {
    margin: 0;
}
.checkout-order-toggle {
    border: 0;
    background: rgba(255, 255, 255, 0.1);
    color: #e7f5ee;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.checkout-order-toggle-chevron {
    flex-shrink: 0;
    transition: transform var(--lumini-duration-fast) var(--lumini-ease-out);
}
.checkout-order-toggle.is-collapsed .checkout-order-toggle-chevron {
    transform: rotate(180deg);
}
.checkout-order-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.checkout-order-chip {
    display: inline-flex;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.8);
}
.checkout-order-chip--toggle {
    flex: 1 1 170px;
    border: 1px solid rgba(40, 90, 72, 0.48);
    background: rgba(40, 90, 72, 0.18);
    color: #d7fff0;
    cursor: pointer;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 850;
    align-items: center;
    justify-content: center;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.checkout-order-chip--toggle:hover {
    background: rgba(40, 90, 72, 0.26);
}
.checkout-order-chip--toggle.is-active {
    background: rgba(40, 90, 72, 0.4);
    border-color: rgba(40, 90, 72, 0.72);
    color: #ecfff7;
}
.checkout-section h4 {
    margin: 12px 0 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.72);
}
.checkout-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 6px;
}
.checkout-row--triple {
    grid-template-columns: 1fr 1fr 1fr;
}
.checkout-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
    padding: 9px 10px;
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 6px;
}
.checkout-input--error {
    border-color: rgba(248, 113, 113, 0.8);
    background: rgba(127, 29, 29, 0.22);
}
.checkout-field-error {
    margin: -4px 0 8px;
    color: #fca5a5;
    font-size: 12px;
    line-height: 1.3;
}
.checkout-input::placeholder {
    color: rgba(255, 255, 255, 0.38);
}
.checkout-muted {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.65);
}
.checkout-address-main-row {
    margin-top: 10px;
}
.checkout-fulfillment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 4px 0 12px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
}
.checkout-fulfillment-btn {
    min-height: 38px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.checkout-fulfillment-btn:hover {
    color: #fff;
}
.checkout-fulfillment-btn.is-active {
    background: linear-gradient(135deg, rgba(242, 199, 106, 0.95), rgba(126, 224, 154, 0.95));
    color: #15120b;
    box-shadow: 0 10px 24px rgba(94, 201, 129, 0.16);
}
.checkout-muted.is-muted-disabled {
    opacity: 0.62;
}
.checkout-pickup-chip {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(40, 90, 72, 0.25);
    color: #d7fff0;
    border: 1px solid rgba(40, 90, 72, 0.5);
    font-size: 12px;
    font-weight: 700;
}
.checkout-sum-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.checkout-sum-row--total {
    border-bottom: 0;
    font-size: 18px;
    font-weight: 800;
}
.checkout-submit-btn {
    margin-top: 12px;
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 800;
    background: #facc15;
    color: #141414;
    cursor: pointer;
}
.checkout-submit-btn:hover {
    filter: brightness(1.04);
}
.checkout-submit-btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    filter: grayscale(0.2);
}
.checkout-order-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}
.checkout-order-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px 10px;
}
.checkout-order-main {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 8px;
    align-items: center;
}
.checkout-order-thumb {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.08);
}
.checkout-order-text {
    min-width: 0;
}
.checkout-order-name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}
.checkout-order-opts {
    font-size: 11px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.58);
}
.checkout-order-parts {
    margin-top: 4px;
}
.checkout-order-parts .cart-line-part {
    padding: 3px 0;
}
.checkout-order-controls {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}
.checkout-order-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}
.checkout-portion-btn {
    height: 28px;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.checkout-qty-num {
    min-width: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
.checkout-order-price {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .checkout-page-grid {
        grid-template-columns: 1fr;
    }
    .checkout-row,
    .checkout-row--triple {
        grid-template-columns: 1fr;
    }
    .checkout-order-item {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }
    .checkout-order-main {
        width: 100%;
    }
    .checkout-order-side {
        width: 100%;
        align-items: stretch;
    }
    .checkout-order-controls {
        justify-content: space-between;
    }
    .checkout-order-price {
        text-align: right;
    }
    .checkout-order-toggle {
        display: inline-flex;
    }
}
.modal-content {
    background: white;
    padding: 18px;
    border-radius: 20px 0 0 20px;
    width: min(430px, 94vw);
    max-width: 430px;
    height: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
.modal.is-open .modal-content {
    transform: translateX(0);
}
.close {
    float: right;
    font-size: 24px;
    cursor: pointer;
}
.cart-modal-address-hint {
    font-size: 12px;
    line-height: 1.35;
    color: #64748b;
    margin: -4px 0 8px;
}
.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
}
.cart-total {
    font-weight: bold;
    margin: 16px 0;
    text-align: right;
}
.checkout-btn {
    background: #27ae60;
}
.store-tabs {
    display: flex;
    gap: 8px;
    margin: 16px 0;
    border-bottom: 1px solid #eee;
}
.tab-button {
    background: none;
    border: none;
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    color: #666;
    border-radius: 20px 20px 0 0;
}
.tab-button.active {
    color: #2c3e50;
    font-weight: bold;
    border-bottom: 2px solid #2c3e50;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
#schedule-content, #contacts-content {
    background: #f9f9f9;
    padding: 16px;
    border-radius: 16px;
    margin-top: 8px;
}
.store-page {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}
.body-layout-foodstrip .store-page {
    padding-left: 0;
    padding-right: 0;
}
.store-page-with-cart-shell {
    display: block;
    width: 100%;
}
.store-page-with-cart-shell .store-page-main {
    width: 100%;
    max-width: 1100px;
}
.store-page-main {
    min-width: 0;
}
.store-page-topbar {
    display: grid;
    gap: 10px;
    margin-bottom: 8px;
}
.store-info h2 {
    margin: 0 0 6px;
}
.store-info p {
    margin: 0;
    color: #99a7b2;
}
.store-info-title-wrap {
    display: grid;
    gap: 9px;
    width: 100%;
}
.store-info-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}
.store-info-name-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.store-info-title {
    margin: 0;
    font-size: 22px;
    line-height: 1.1;
    color: #ecfff7;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}
.store-info-rating-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    color: #ecfff7;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.store-info-rating-star {
    color: #ffd166;
}
.store-info-rating-count {
    color: rgba(236,255,247,0.72);
}
.store-rating-open-btn {
    margin-top: 2px;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.05);
    color: #ecfff7;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
.store-rating-open-btn:hover {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.24);
    transform: translateY(-1px);
}
.store-rating-open-main {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 800;
}
.store-rating-open-star {
    color: #ffd166;
}
.store-rating-open-sep {
    opacity: 0.45;
}
.store-rating-open-sub {
    font-size: 12px;
    font-weight: 600;
    color: rgba(236,255,247,0.84);
}
.store-info-fav-btn {
    flex-shrink: 0;
    width: auto;
    height: auto;
    min-width: 44px;
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
    display: grid;
    place-items: center;
    padding: 6px;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}
.store-info-fav-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.store-info-fav-btn.is-favorite {
    color: #285a48;
}
.store-info-fav-btn.is-favorite .fav-heart-path {
    fill: currentColor;
    stroke: currentColor;
}
.store-info-title-wrap .store-info-meta {
    width: 100%;
}
.store-info-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
    gap: 6px;
    align-items: start;
}
.store-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: rgba(236,255,247,0.88);
    font-size: 12px;
    font-weight: 700;
    max-width: min(520px, 70vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.store-info-pill--open {
    background: rgba(40, 90, 72, 0.92);
    border-color: rgba(40, 90, 72, 0.92);
    color: #ecfff7;
}
.store-info-pill--closed {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.35);
    color: rgba(255, 210, 210, 0.95);
}
.store-info-desc {
    margin: 12px 0 2px;
    color: rgba(236,255,247,0.7);
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.store-reviews-block {
    margin-top: 16px;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.035);
    max-width: 100%;
}
.store-rating-card {
    max-width: 640px;
    border-radius: var(--lumini-hero-radius-xl);
    background: var(--lumini-hero-surface);
    border: 1px solid var(--lumini-hero-border);
}
#store-rating-content {
    padding: 16px 16px 18px;
}
.store-reviews-loading,
.store-reviews-empty,
.store-reviews-login-tip {
    font-size: 13px;
    color: rgba(236,255,247,0.72);
}
.store-reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.store-reviews-title {
    font-weight: 800;
    color: #ecfff7;
}
.store-reviews-summary {
    font-size: 13px;
    font-weight: 700;
    color: rgba(236,255,247,0.88);
}
.store-review-form {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}
.store-review-stars {
    display: inline-flex;
    gap: 1px;
    align-items: center;
}
.store-review-star {
    border: 0;
    background: transparent;
    color: transparent;
    -webkit-text-stroke: 1.2px rgba(255, 209, 102, 0.9);
    text-shadow: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 1px;
    transition: color 0.16s ease, transform 0.16s ease;
}
.store-review-star-glyph {
    display: inline-block;
}
.store-review-star.is-active {
    color: #ffd166;
    -webkit-text-stroke: 0 transparent;
}
.store-review-star:hover {
    transform: translateY(-1px);
}
.store-review-comment-input {
    width: 100%;
    min-height: 72px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.2);
    color: #ecfff7;
    padding: 10px;
    resize: vertical;
    font: inherit;
}
.store-review-submit {
    width: fit-content;
    border: 0;
    border-radius: 10px;
    padding: 8px 12px;
    background: #285a48;
    color: #ecfff7;
    font-weight: 700;
    cursor: pointer;
}
.store-review-msg {
    margin: 0;
    font-size: 12px;
    color: rgba(170, 240, 188, 0.95);
}
.store-review-msg.is-error {
    color: rgba(255, 190, 190, 0.95);
}
.store-reviews-list {
    display: grid;
    gap: 8px;
}
.store-review-item {
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.03);
}
.store-review-item.is-mine {
    border-color: rgba(125, 255, 200, 0.4);
}
.store-review-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.store-review-item-stars {
    color: #ffd166;
    font-size: 13px;
    letter-spacing: 0.08em;
}
.store-review-mine-badge {
    font-size: 11px;
    color: rgba(125,255,200,0.95);
}
.store-review-comment {
    margin-top: 5px;
    color: rgba(236,255,247,0.82);
    font-size: 13px;
    line-height: 1.35;
}
.store-review-author-line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin-top: 4px;
    font-size: 11px;
    color: rgba(236, 255, 247, 0.55);
}
.store-review-author-name {
    font-weight: 700;
    color: rgba(236, 255, 247, 0.82);
}
.store-review-author-id {
    font-variant-numeric: tabular-nums;
    opacity: 0.85;
}
.store-review-stars-caption {
    margin: -4px 0 8px;
    font-size: 11px;
    color: rgba(236, 255, 247, 0.5);
}
.store-review-praise-extra {
    margin: 10px 0 12px;
    padding: 12px;
    border-radius: var(--lumini-hero-radius-lg, 14px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.18);
}
.store-review-praise-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #ecfff7;
}
.store-review-praise-toggle input {
    margin-top: 3px;
    accent-color: #fbbf24;
}
.store-review-praise-toggle-visual .praise-trophy-icon {
    display: block;
    margin-top: 1px;
}
.store-review-praise-lead {
    margin: 8px 0 6px;
    font-size: 11px;
    line-height: 1.45;
    color: rgba(236, 255, 247, 0.58);
}
.store-review-praise-textarea {
    width: 100%;
    margin-top: 6px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #ecfff7;
    padding: 10px 12px;
    font: inherit;
    font-size: 13px;
    resize: vertical;
    min-height: 72px;
}
.lumini-emoji-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.lumini-emoji-chip {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: background var(--lumini-duration-fast) ease, border-color var(--lumini-duration-fast) ease;
}
.lumini-emoji-chip:hover {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
}
.lumini-praise-upload-row {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lumini-btn-ghost.lumini-praise-file-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    color: rgba(236, 255, 247, 0.85);
}
.lumini-praise-upload-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.lumini-praise-thumb {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}
@keyframes luminiTrophyBob {
    0%,
    100% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
}
.lumini-praise-card-trophy .praise-trophy-icon {
    animation: luminiTrophyBob 2.8s ease-in-out infinite;
    transform-origin: 50% 80%;
}
.dish-week-badge .live-fire-ico {
    animation: luminiTrophyBob 2.8s ease-in-out infinite;
    transform-origin: 50% 80%;
}
.store-praise-metric .praise-trophy-icon {
    animation: luminiTrophyBob 3.2s ease-in-out infinite;
    transform-origin: 50% 80%;
}
.lumini-praise-card {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    padding: 10px 12px;
    margin-bottom: 8px;
}
.lumini-praise-card-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 6px;
}
.lumini-praise-card-trophy .praise-trophy-icon {
    width: 22px;
    height: 22px;
    color: #fbbf24;
}
.lumini-praise-card-author {
    font-size: 12px;
    font-weight: 700;
    color: rgba(236, 255, 247, 0.92);
}
.lumini-praise-card-id {
    font-weight: 500;
    color: rgba(236, 255, 247, 0.45);
    font-size: 11px;
}
.lumini-praise-card-body {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(236, 255, 247, 0.88);
    white-space: pre-wrap;
    word-break: break-word;
}
.lumini-praise-card-images {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.lumini-praise-card-img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.lumini-praise-legacy-badge {
    display: inline-block;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(236, 255, 247, 0.45);
}
.store-praise-quota {
    font-size: 12px;
    color: rgba(236, 255, 247, 0.72);
    margin: 0 0 8px;
}
@media (max-width: 640px) {
    .store-info-title-row {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .store-info-fav-btn {
        justify-self: start;
    }
    .store-info-name-row {
        flex-wrap: wrap;
        row-gap: 4px;
    }
    .store-rating-open-btn {
        width: 100%;
        justify-content: center;
    }
    .store-info-meta {
        grid-template-columns: 1fr;
    }
}
.store-section-title {
    margin: 6px 0 10px;
}
.store-menu-cats {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 0 0 14px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
        rgba(18, 22, 24, 0.76);
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.14);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.store-menu-cats::-webkit-scrollbar {
    height: 0;
}
.store-menu-cat {
    flex: 0 0 auto;
    width: auto;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: rgba(236,255,247,0.88);
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}
.store-menu-cat.is-active {
    background: rgba(40, 90, 72, 0.92);
    border-color: rgba(40, 90, 72, 0.92);
    color: #ecfff7;
}
.store-menu-section-title {
    grid-column: 1 / -1;
    margin: 18px 0 2px;
    padding: 0 2px;
    font-size: 15px;
    font-weight: 800;
    color: #ecfff7;
    letter-spacing: -0.01em;
}
.store-page {
    grid-template-columns: 1fr;
}

/* Внутреннее меню магазина: карточки товаров как в референсе */
#products-section .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 12px;
}
#products-section .product-card {
    --pc-outer-r: 16px;
    --pc-pad: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--pc-outer-r);
    padding: var(--pc-pad);
    box-shadow: none;
    box-sizing: border-box;
}
#products-section .product-card-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: calc(var(--pc-outer-r) - var(--pc-pad));
    overflow: hidden;
    background: #202428;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-sizing: border-box;
}
#products-section .product-fav-btn,
.product-rail-card .product-fav-btn {
    position: relative;
    flex-shrink: 0;
    width: auto;
    height: auto;
    min-width: 32px;
    min-height: 32px;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    display: grid;
    place-items: center;
    padding: 2px;
    z-index: 2;
    cursor: pointer;
}
#products-section .product-fav-btn.is-favorite,
.product-rail-card .product-fav-btn.is-favorite {
    background: transparent;
    color: #285a48;
}
#products-section .product-fav-btn.is-favorite .fav-heart-path,
.product-rail-card .product-fav-btn.is-favorite .fav-heart-path {
    fill: currentColor;
    stroke: currentColor;
}
#products-section .product-card-body {
    margin-top: 8px;
}
#products-section .product-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
}
#products-section .product-card-head .product-card-title {
    margin: 0;
    flex: 1;
    min-width: 0;
}
#products-section .product-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#products-section .product-add-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 0;
    padding: 0;
    display: grid;
    place-items: center;
    background: #285A48;
    color: #ecfff7;
    font-size: 20px;
    line-height: 1;
    box-shadow: none;
    transition:
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        background-color var(--lumini-duration-fast) ease;
}
#products-section .product-add-btn.is-add-feedback {
    background: #3d7a62;
    transform: scale(1.06);
}
#products-section .product-add-btn--config {
    width: auto;
    min-width: 96px;
    border-radius: 999px;
    padding: 0 12px;
    height: 34px;
    font-size: 12px;
    font-weight: 700;
}
#products-section .product-add-btn--config::before {
    content: 'Выбрать';
    width: auto;
    height: auto;
    background: none;
    -webkit-mask: none;
    mask: none;
}
.product-options-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.58);
    color: #ecfff7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 1px solid rgba(255, 255, 255, 0.16);
}
#products-section .product-add-btn::before {
    content: '';
    width: 18px;
    height: 18px;
    background: #ecfff7;
    -webkit-mask: url("/static/icons/lumini/navigation/cart.svg?v=20260927_v1") center / contain no-repeat;
    mask: url("/static/icons/lumini/navigation/cart.svg?v=20260927_v1") center / contain no-repeat;
}
#products-section .product-add-btn.is-add-feedback::before {
    width: 20px;
    height: 20px;
    -webkit-mask: url("/static/icons/lumini/navigation/success.svg?v=20260927_v1") center / contain no-repeat;
    mask: url("/static/icons/lumini/navigation/success.svg?v=20260927_v1") center / contain no-repeat;
}
#products-section .product-card-prices {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
#products-section .price-current {
    color: #ff6a2f;
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
}
#products-section .product-card-title {
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
    color: #e9edf0;
}
#products-section .product-card-desc {
    margin: 0;
    color: #9fa8b2;
    font-size: 12px;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.25em * 2);
}
#products-section .product-cooking-note {
    color: #ff9a3d;
    font-size: 12px;
    font-weight: 900;
    margin-top: 6px;
}
/* Mobile-first tuning for store page */
@media (max-width: 760px) {
    #products-section.store-page {
        gap: 8px;
    }
    .store-page-main {
        padding: 0;
    }
    .store-page-topbar {
        grid-template-columns: 40px 1fr;
        gap: 8px;
        margin-bottom: 6px;
    }
    .back-fab {
        width: 40px !important;
        height: 40px;
    }
    .store-info-title {
        font-size: 19px;
    }
    .store-info-pill {
        max-width: 92vw;
        font-size: 11px;
        padding: 5px 9px;
    }
    .store-info-desc {
        font-size: 12px;
        -webkit-line-clamp: 3;
    }
    .store-menu-cats {
        margin-top: 4px;
        padding-bottom: 8px;
    }
    .store-menu-cat {
        font-size: 12px;
        padding: 7px 12px;
    }
    #products-section .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    #products-section .product-card {
        --pc-outer-r: 14px;
        --pc-pad: 7px;
    }
    #products-section .product-card-image-wrap {
        border-radius: calc(var(--pc-outer-r) - var(--pc-pad));
    }
    #products-section .price-current {
        font-size: 17px;
    }
    #products-section .product-card-title {
        font-size: 13px;
    }
    #products-section .product-card-desc {
        font-size: 11px;
        -webkit-line-clamp: 2;
    }

    /* Product configurator as bottom-sheet */
    #product-config-modal {
        align-items: flex-end;
    }
    #product-config-modal .product-config-card {
        width: 100%;
        max-width: none;
        border-radius: 18px 18px 0 0;
        max-height: 88vh;
        margin: 0;
        transform: translateY(100%);
        transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    #product-config-modal.open .product-config-card {
        transform: translateY(0);
    }
    #product-config-modal .overlay-close {
        position: absolute;
        right: 8px;
        top: 6px;
        z-index: 4;
    }

    /* Главная: сделать карточки компактнее на телефоне */
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
    #repeat-stores-list.stores-masonry.stores-layout-line .store-card {
        width: min(244px, 72vw);
        max-width: min(244px, 72vw);
    }
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-inner {
        min-height: 128px;
        max-height: 154px;
    }
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-title {
        font-size: 14px;
        margin: -3px 0 5px;
    }
    .body-layout-foodstrip .store-card-snippet {
        font-size: 11px;
    }
    .product-rail-card {
        width: min(210px, 64vw);
        max-width: min(210px, 64vw);
    }
    .product-rail-image {
        height: 104px;
        max-height: 104px;
    }
    .product-skel-card {
        width: min(210px, 64vw);
        max-width: min(210px, 64vw);
    }
    .product-skel-media {
        height: 104px;
    }
}

/* Разворот ленты магазинов на всю ширину */
.stores-browse-root .stores-line-expand-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 4px 0 14px;
}
.stores-rail-expand-btn {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 14px;
    transition: color 0.2s ease, transform 0.28s ease;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stores-rail-expand-btn:hover {
    color: rgba(255, 255, 255, 0.95);
}
.stores-rail-expand-btn .stores-expand-panel-icon {
    display: block;
    transition: transform 0.32s var(--lumini-ease-out), opacity var(--lumini-duration-fast) ease;
    width: 17px;
    height: 17px;
    color: inherit;
}
.stores-rail-expand-btn:hover .stores-expand-panel-icon {
    opacity: 1;
}
.stores-rail-expand-btn.is-expanded .stores-expand-panel-icon {
    transform: rotate(180deg);
}
#stores-list.stores-masonry.stores-layout-line.stores-rail-expanded {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none;
    justify-content: flex-start;
    padding-bottom: 10px;
    max-height: 3200px;
    transition: max-height 0.48s cubic-bezier(0.33, 1, 0.68, 1);
}
#stores-rail-shell-main.stores-rail-shell--expanded .rail-nav[data-rail-target="stores-list"] {
    display: none;
}
#products-rail-section {
    transition: margin-top 0.32s ease;
}

/* Светлая тема страницы магазина (поле ui_theme=light) */
#products-section.store-interior-light {
    background: linear-gradient(180deg, #f6f8fa 0%, #eef1f4 100%);
    color: #1a1d21;
    border-radius: 18px;
    padding: 14px 14px 22px;
    margin-top: 6px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
}
#products-section.store-interior-light .store-info-title {
    color: #0f172a;
}
#products-section.store-interior-light .store-info-desc {
    color: #475569;
}
#products-section.store-interior-light .store-interior-billboard {
    background: transparent;
    box-shadow: none;
}
#products-section.store-interior-light .store-interior-billboard::before {
    content: none;
}
#products-section.store-interior-light .store-interior-billboard::after {
    content: none;
}
#products-section.store-interior-light .store-interior-billboard-image {
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow: 0 18px 44px rgba(28, 25, 20, 0.1);
}
#products-section.store-interior-light .store-interior-billboard-content {
    background:
        radial-gradient(circle at 12% 10%, rgba(216, 159, 56, 0.14), transparent 16rem),
        rgba(255, 252, 246, 0.82);
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow: 0 18px 44px rgba(28, 25, 20, 0.08);
}
#products-section.store-interior-light .store-interior-billboard .store-info-title {
    color: #111827;
    text-shadow: none;
}
#products-section.store-interior-light .store-interior-billboard .store-info-desc {
    color: rgba(31, 31, 31, 0.72);
    text-shadow: none;
}
#products-section.store-interior-light .store-interior-billboard .store-rating-open-btn,
#products-section.store-interior-light .store-interior-billboard .store-info-fav-btn,
#products-section.store-interior-light .store-interior-billboard .food-trust-item {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(15, 23, 42, 0.1);
    color: #1f2937;
}
#products-section.store-interior-light .store-info-pill {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.85);
    color: #334155;
}
#products-section.store-interior-light .store-info-pill--open {
    background: rgba(40, 90, 72, 0.14);
    border-color: rgba(40, 90, 72, 0.35);
    color: #1e4d3d;
}
#products-section.store-interior-light .store-info-pill--closed {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.25);
    color: #b91c1c;
}
#products-section.store-interior-light .store-section-title,
#products-section.store-interior-light .store-menu-section-title {
    color: #0f172a;
}
#products-section.store-interior-light .store-menu-cats {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.68)),
        rgba(248, 250, 252, 0.82);
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08);
}
#products-section.store-interior-light .store-menu-cat {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.9);
    color: #334155;
}
#products-section.store-interior-light .store-menu-cat.is-active {
    background: rgba(40, 90, 72, 0.18);
    border-color: rgba(40, 90, 72, 0.45);
    color: #14523a;
}
#products-section.store-interior-light .back-fab {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.1);
    color: #1e293b;
}
#products-section.store-interior-light .product-card {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(15, 23, 42, 0.1);
}
#products-section.store-interior-light .product-card-image-wrap {
    background: #e8ecf1;
    border-color: rgba(15, 23, 42, 0.1);
}
#products-section.store-interior-light .product-card-title {
    color: #0f172a;
}
#products-section.store-interior-light .product-card-desc {
    color: #64748b;
}
#products-section.store-interior-light .price-current {
    color: #c2410c;
}
#products-section.store-interior-light .product-fav-btn {
    color: rgba(15, 23, 42, 0.4);
}
#products-section.store-interior-light .product-fav-btn.is-favorite {
    color: #285a48;
}
#products-section.store-interior-light .store-info-fav-btn {
    background: rgba(15, 23, 42, 0.06);
    color: rgba(15, 23, 42, 0.68);
}
#products-section.store-interior-light .store-info-fav-btn:hover {
    background: rgba(15, 23, 42, 0.1);
    color: #0f172a;
}
#products-section.store-interior-light .store-info-fav-btn.is-favorite {
    color: #285a48;
}
#products-section.store-interior-light .product-add-btn {
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.15);
}
#products-section.store-interior-light .menu-skel-card,
#products-section.store-interior-light .menu-skel-media {
    background: rgba(15, 23, 42, 0.06);
}

/* Светлая тема главной (кнопка в шапке, localStorage) */
body.body-layout-foodstrip.browse-site-light {
    background: #e8eaef !important;
    color: #1a1d21;
}
body.body-layout-foodstrip.browse-site-light .app-container {
    background: transparent;
}
body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}
body.body-layout-foodstrip.browse-site-light .delivery-address-btn:hover {
    border-color: rgba(40, 90, 72, 0.45);
    background: #f8fafc;
}
body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label {
    color: rgba(15, 23, 42, 0.68);
}
body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
    color: rgba(40, 90, 72, 0.9);
}
body:not(.body-layout-foodstrip) .delivery-address-btn {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #1a1a1a;
}
body:not(.body-layout-foodstrip) .delivery-address-btn-label {
    color: rgba(0, 0, 0, 0.45);
}
body.body-layout-foodstrip.browse-site-light .header-auth-user {
    background: #fff;
    color: #1e293b;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .header-auth-logout {
    color: #285a48;
}
body.body-layout-foodstrip.browse-site-light .header-auth-hint {
    color: #64748b;
}
body.body-layout-foodstrip.browse-site-light .orders-icon,
body.body-layout-foodstrip.browse-site-light .cart-icon {
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .orders-icon-glyph {
    background: #1e293b;
}
body.body-layout-foodstrip.browse-site-light .cart-icon-glyph {
    color: #1e293b;
}
body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #f1f5f9;
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .line-mode-heading,
body.body-layout-foodstrip.browse-site-light .repeat-orders-title {
    color: #0f172a !important;
}
body.body-layout-foodstrip.browse-site-light .global-search {
    background: #fff;
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.12);
    min-height: 44px;
    padding: 12px 18px;
    font-weight: 500;
}
body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
    color: #171a15;
    opacity: 0.6;
}
body.body-layout-foodstrip.browse-site-light .global-search:focus {
    border-color: rgba(30, 41, 59, 0.28);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1);
}
body.body-layout-foodstrip.browse-site-light .line-filter-pill {
    background: transparent !important;
    color: #171a15 !important;
    border: none !important;
    box-shadow: none !important;
}
body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active {
    background: #171a15 !important;
    color: #fffdf8 !important;
    border: none !important;
}
body.body-layout-foodstrip.browse-site-light .line-filter-pill:hover:not(.is-active) {
    background: rgba(23, 26, 21, 0.08) !important;
}
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
    background: #fff;
    color: #171a15;
    border: 1px solid rgba(15, 23, 42, 0.12);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn:hover {
    background: #f8fafc;
}
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    background: #171a15;
    color: #fffdf8;
    border-color: #171a15;
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-dialog {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-option {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-radio-ui {
    border-color: rgba(15, 23, 42, 0.28);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-explainer {
    color: rgba(15, 23, 42, 0.68);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-explainer strong {
    color: rgba(15, 23, 42, 0.75);
}
body.body-layout-foodstrip.browse-site-light .browse-sort-dialog-title {
    color: #0f172a;
}
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-card {
    background: #fff !important;
    border-color: rgba(23, 26, 21, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-image-wrap {
    background: #f5f5f0;
}
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-title,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-title {
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .store-card-snippet {
    color: rgba(23, 26, 21, 0.55) !important;
}
body.body-layout-foodstrip.browse-site-light .store-meta-time {
    color: rgba(23, 26, 21, 0.45) !important;
}
body.body-layout-foodstrip.browse-site-light .product-rail-card {
    background: #1f1f23 !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow: none !important;
}
body.body-layout-foodstrip.browse-site-light .product-rail-name {
    color: #f7f7f7;
}
body.body-layout-foodstrip.browse-site-light .product-rail-meta {
    color: rgba(255, 255, 255, 0.56);
}
body.body-layout-foodstrip.browse-site-light .product-rail-price {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}
body.body-layout-foodstrip.browse-site-light .product-rail-add {
    background: #35353a;
    color: #ecfff7;
}
body.body-layout-foodstrip.browse-site-light .stores-rail-expand-btn {
    color: #64748b;
}
body.body-layout-foodstrip.browse-site-light .stores-rail-expand-btn:hover {
    color: #0f172a;
}
body.body-layout-foodstrip.browse-site-light .store-skel-card {
    background: #1c1c1e;
    border-color: rgba(255, 255, 255, 0.08);
}
body.body-layout-foodstrip.browse-site-light .product-skel-card {
    background: #1f1f23;
    border-color: rgba(255, 255, 255, 0.08);
}
body.body-layout-foodstrip.browse-site-light .skeleton {
    background: rgba(15, 23, 42, 0.08);
}
body.body-layout-foodstrip.browse-site-light .stores-load-error {
    background: rgba(254, 226, 226, 0.9);
    color: #991b1b;
}
body.body-layout-foodstrip.browse-site-light .rail-nav {
    background: rgba(255, 255, 255, 0.95);
    color: #1e293b;
    border: 1px solid rgba(15, 23, 42, 0.1);
}
body.body-layout-foodstrip.browse-site-light .store-detail-panel {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.1);
}
body.body-layout-foodstrip.browse-site-light .header-auth-email-toggle {
    background: rgba(15, 23, 42, 0.08);
    color: #334155;
}
body.body-layout-foodstrip.browse-site-light .header-auth-email-field {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.15);
    color: #0f172a;
}
body.body-layout-foodstrip.browse-site-light .header-auth-email-secondary {
    background: rgba(15, 23, 42, 0.06);
    color: #334155;
}
body.body-layout-foodstrip.browse-site-light .cart-sum-badge {
    color: rgba(30, 41, 59, 0.85);
}
body:not(.body-layout-foodstrip) .header-auth-email-toggle {
    background: rgba(0, 0, 0, 0.06);
    color: #1e293b;
}
body:not(.body-layout-foodstrip) .header-auth-email-field {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

/* Телефоны: safe-area и чуть крупнее зоны нажатия */
@media (max-width: 640px) {
    .app-container {
        padding-left: max(12px, env(safe-area-inset-left, 0px));
        padding-right: max(12px, env(safe-area-inset-right, 0px));
        padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
    }
    .browse-cart-panel-foot {
        padding-bottom: max(16px, calc(12px + env(safe-area-inset-bottom, 0px)));
    }
    .browse-theme-toggle,
    .cart-icon-btn,
    .orders-icon-btn,
    .delivery-address-btn {
        min-height: 44px;
    }
    .browse-theme-toggle {
        height: 44px;
        width: 58px;
    }
    .browse-theme-thumb {
        top: 9px;
        left: 4px;
        width: 26px;
        height: 26px;
    }
    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        transform: translateX(24px);
    }
    .app-container {
        padding-top: max(10px, env(safe-area-inset-top, 0px));
    }
    body.body-layout-foodstrip .global-search {
        min-height: 48px;
        padding: 12px 14px;
        font-size: 16px;
    }
    .line-filter-pill {
        padding: 10px 14px;
        min-height: 40px;
    }
    #products-section .product-fav-btn,
    .product-rail-card .product-fav-btn,
    .store-info-fav-btn {
        min-width: 44px;
        min-height: 44px;
    }
    .config-qty-btn {
        width: 44px;
        height: 44px;
    }
    .config-add-btn {
        width: 100%;
        justify-content: center;
        padding: 14px 18px;
    }
    .config-footer {
        flex-direction: column;
        align-items: stretch;
    }
    .config-total {
        text-align: center;
    }
    button,
    .line-filter-pill,
    [role='button'] {
        touch-action: manipulation;
    }
}

/* Мобильная шапка: адрес на всю ширину второй строкой */
@media (max-width: 560px) {
    body.body-layout-foodstrip header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 10px;
        align-items: center;
        margin-bottom: 12px;
    }
    body.body-layout-foodstrip .header-brand {
        grid-column: 1;
        grid-row: 1;
        max-width: none;
    }
    body.body-layout-foodstrip .header-actions {
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
        flex-wrap: wrap;
        max-width: min(200px, 56vw);
        gap: 6px;
    }
    body.body-layout-foodstrip header > .delivery-address-btn {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: none !important;
        width: 100%;
        min-height: 48px;
    }
    body.body-layout-foodstrip .header-brand-logo {
        height: 40px;
        max-width: min(168px, 50vw);
    }
    .browse-category-sort-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .browse-sort-open-btn {
        flex-direction: row;
        max-width: none;
        width: 100%;
        min-height: 40px;
        padding: 10px 14px;
        font-size: 13px;
        justify-content: center;
        gap: 6px;
    }
    .browse-sort-open-label {
        max-width: none;
    }
}

/* Корзина на узком экране: полная ширина только у открытой панели.
   Иначе max-width:100% перебивает закрытое состояние (max-width:0) — корзина «всегда открыта». */
@media (max-width: 480px) {
    body.body-layout-foodstrip .browse-cart-panel {
        top: max(56px, env(safe-area-inset-top, 0px));
    }
    body.body-layout-foodstrip .browse-cart-panel:not(.is-open) {
        max-width: 0 !important;
    }
    body.body-layout-foodstrip .browse-cart-panel.is-open {
        width: 100%;
        max-width: 100% !important;
    }
    body.body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-inner {
        border-radius: 16px 16px 0 0;
        min-height: min(92vh, calc(100vh - 52px));
        min-height: min(92vh, calc(100dvh - 52px));
    }
    body.body-layout-foodstrip .browse-cart-backdrop {
        top: 0;
    }
}

/* Нижний лист настроек товара — отступ под «домик» iPhone */
@media (max-width: 760px) {
    #product-config-modal #product-config-content {
        padding-bottom: max(20px, calc(12px + env(safe-area-inset-bottom, 0px)));
    }
}

/* ——— Похвала (лайки магазина / блюда) ——— */
.store-meta-pill--praise {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-color: rgba(40, 90, 72, 0.55);
    background: rgba(40, 90, 72, 0.22);
    color: #ecfff7;
}
.store-meta-pill--praise .praise-trophy-icon {
    width: 15px;
    height: 15px;
    color: #fbbf24;
    filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.35));
    animation: luminiTrophyBob 3.2s ease-in-out infinite;
    transform-origin: 50% 80%;
}
.store-meta-pill--fast {
    border-color: rgba(251, 191, 36, 0.45) !important;
    background: rgba(251, 191, 36, 0.12) !important;
    color: #fef3c7 !important;
}
.store-fast-delivery-ico {
    display: inline-block;
    vertical-align: -2px;
    margin-right: 3px;
    color: #fde047;
}
.store-meta-pill--praise .store-praise-pill-count {
    font-weight: 800;
    font-size: 12px;
}

.product-rail-head-actions,
.product-card-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.product-praise-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-width: 40px;
    min-height: 36px;
    padding: 4px 6px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(236, 255, 247, 0.75);
    cursor: pointer;
    transition:
        background var(--lumini-duration-fast) ease,
        transform var(--lumini-duration-fast) var(--lumini-ease-out),
        color var(--lumini-duration-fast) ease;
}
.product-praise-btn .product-praise-count {
    font-size: 11px;
    font-weight: 800;
    min-width: 1em;
    text-align: center;
}
.product-praise-btn .praise-trophy-icon {
    color: rgba(251, 191, 36, 0.65);
    transition: color var(--lumini-duration-fast) ease, transform var(--lumini-duration-fast) var(--lumini-ease-out),
        filter var(--lumini-duration-fast) ease;
}
.product-praise-btn:hover {
    background: rgba(125, 255, 200, 0.14);
    color: #ecfff7;
}
.product-praise-btn:hover .praise-trophy-icon {
    color: #fcd34d;
    transform: translateY(-1px) scale(1.06);
    filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.45));
    animation: luminiTrophyBob 1s ease-in-out 1;
}
.product-praise-btn.is-praised {
    background: rgba(40, 90, 72, 0.55);
    color: #ecfff7;
}
.product-praise-btn.is-praised .praise-trophy-icon {
    color: #fbbf24;
    filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.55));
}
@keyframes praisePop {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.18);
    }
    100% {
        transform: scale(1);
    }
}
.product-praise-btn.praise-just-toggled .praise-trophy-icon {
    animation: praisePop 0.42s var(--lumini-ease-out) both;
}

.dish-of-week-section {
    margin: 10px 0 6px;
}
.dish-of-week-heading {
    letter-spacing: -0.02em;
    font-weight: 800;
    color: var(--lumini-hero-text);
}
.body-layout-foodstrip .dish-of-week-heading {
    color: #f4f4f5;
}
.dish-of-week-rail {
    width: 100%;
    position: relative;
}
.dish-of-week-sub {
    margin: -4px 0 10px;
    font-size: 12px;
    color: rgba(236, 255, 247, 0.62);
    line-height: 1.35;
}
.dish-of-week-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 8px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.dish-of-week-grid::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}

.fast-delivery-section {
    margin: 10px 0 6px;
}
.fast-delivery-heading {
    letter-spacing: -0.02em;
    font-weight: 800;
    color: var(--lumini-hero-text);
}
.body-layout-foodstrip .fast-delivery-heading {
    color: #f4f4f5;
}
.fast-delivery-rail {
    width: 100%;
    position: relative;
}
.fast-delivery-sub {
    margin: -4px 0 10px;
    font-size: 12px;
    color: rgba(236, 255, 247, 0.62);
    line-height: 1.35;
}
#fast-delivery-list.stores-masonry.stores-layout-line {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--store-masonry-gap);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 8px 2px 14px;
    min-height: 0;
    max-height: min(420px, 52vh);
}
#fast-delivery-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
    height: 0;
}
#fast-delivery-list.stores-masonry.stores-layout-line {
    scrollbar-width: none;
}
#fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    flex: 0 0 auto;
    width: min(280px, 82vw);
    max-width: min(280px, 82vw);
    scroll-snap-align: start;
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
#fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner {
    min-height: clamp(120px, 36vw, 220px);
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    background: #1c1c1e;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    transition:
        transform var(--lumini-duration) var(--lumini-ease-out),
        border-color var(--lumini-duration) ease,
        background-color var(--lumini-duration) ease;
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    width: min(300px, 90vw);
    max-width: min(300px, 90vw);
}
@media (min-width: 1100px) {
    .body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
        width: calc((100% - 48px) / 4);
        max-width: calc((100% - 48px) / 4);
    }
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-wrap {
    border-radius: 16px;
    background: #2c2c2e;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-sizing: border-box;
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner {
    aspect-ratio: 16 / 10;
    min-height: 150px;
    max-height: 200px;
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
}
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-hover {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    max-height: none !important;
    padding: 8px 2px 4px;
    margin-top: 0;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
}

.dish-week-card {
    flex: 0 0 auto;
    width: min(200px, 72vw);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--lumini-hero-radius-lg);
    background: rgba(255, 255, 255, 0.04);
    padding: 0;
    text-align: left;
    cursor: pointer;
    color: inherit;
    font: inherit;
    overflow: hidden;
    transition: transform var(--lumini-duration-fast) var(--lumini-ease-out), border-color var(--lumini-duration-fast) ease;
}
.dish-week-card:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 255, 200, 0.35);
}
.dish-week-card--enter {
    animation: luminiFadeSlideUp var(--lumini-duration-slow) var(--lumini-ease-out) both;
}
.dish-week-media {
    position: relative;
    aspect-ratio: 5 / 3;
    background: rgba(0, 0, 0, 0.25);
}
.dish-week-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.dish-week-badge {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    color: #ecfff7;
    font-size: 11px;
    font-weight: 800;
}
.dish-week-badge .live-fire-ico {
    width: 13px;
    height: 13px;
    color: #f87171;
    flex-shrink: 0;
}
.dish-week-badge-n {
    font-variant-numeric: tabular-nums;
}
.dish-week-body {
    padding: 8px 10px 10px;
}
.dish-week-name {
    font-weight: 800;
    font-size: 13px;
    color: #ecfff7;
    line-height: 1.25;
}
.dish-week-store {
    margin-top: 2px;
    font-size: 11px;
    color: rgba(236, 255, 247, 0.55);
}
.dish-week-price {
    margin-top: 6px;
    font-weight: 800;
    font-size: 14px;
    color: #ecfff7;
}

.store-rating-modal-layout {
    display: grid;
    gap: 14px;
}

/* ——— Next UI–style: единый блок отзывов + живая лента меток ——— */
.nu-loading {
    padding: 20px;
    text-align: center;
    color: rgba(236, 255, 247, 0.65);
    font-size: 14px;
}
.nu-root {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.store-live-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}
.store-live-strip-main {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.nu-live-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}
.nu-live-pill--fast {
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.28);
    color: #a7f3d0;
}
.nu-live-pill--fast .live-bolt-ico {
    color: #34d399;
    flex-shrink: 0;
}
.nu-live-pill--tasty {
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.28);
    color: #fecaca;
}
.nu-live-pill--tasty .live-fire-ico {
    color: #ef4444;
    flex-shrink: 0;
}
.nu-live-pill-text {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nu-live-n {
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    margin-left: 2px;
}
.nu-live-rating {
    font-size: 13px;
    font-weight: 700;
    color: rgba(236, 255, 247, 0.88);
    white-space: nowrap;
}
.nu-composer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.nu-composer-stars {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
.nu-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: rgba(236, 255, 247, 0.55);
    letter-spacing: 0.02em;
}
.nu-textarea {
    width: 100%;
    min-height: 88px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.22);
    color: #ecfff7;
    padding: 12px 14px;
    font: inherit;
    resize: vertical;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.nu-textarea:focus {
    outline: none;
    border-color: rgba(52, 211, 153, 0.35);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.08);
}
.nu-praise-row {
    margin-top: 2px;
}
.nu-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.nu-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #ecfff7;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        transform 0.12s ease;
}
.nu-chip:hover {
    background: rgba(255, 255, 255, 0.07);
}
.nu-chip[aria-pressed='true'] {
    transform: scale(1.02);
}
.nu-chip--fast[aria-pressed='true'] {
    border-color: rgba(52, 211, 153, 0.45);
    background: rgba(52, 211, 153, 0.12);
}
.nu-chip--tasty[aria-pressed='true'] {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(248, 113, 113, 0.12);
}
.nu-chip .live-bolt-ico,
.nu-chip .live-fire-ico {
    flex-shrink: 0;
}
.nu-photo-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.nu-photo-btn {
    font-size: 12px;
    font-weight: 600;
    color: rgba(236, 255, 247, 0.65);
    cursor: pointer;
}
.nu-photo-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.nu-thumb {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.nu-submit {
    align-self: flex-start;
    border: 0;
    border-radius: 10px;
    padding: 10px 20px;
    background: #285a48;
    color: #ecfff7;
    font-weight: 700;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.nu-submit:hover {
    filter: brightness(1.06);
}
.nu-login-tip,
.nu-gate-hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(236, 255, 247, 0.62);
}
.nu-quota {
    margin: 0;
    font-size: 12px;
    color: rgba(236, 255, 247, 0.55);
}
.nu-feed-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(236, 255, 247, 0.45);
}
.nu-feed {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: min(46vh, 400px);
    overflow-y: auto;
    padding-right: 4px;
}
.nu-feed-empty {
    font-size: 13px;
    color: rgba(236, 255, 247, 0.45);
    padding: 12px 0;
}
.nu-feed-item {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.03);
}
.nu-feed-item.is-mine {
    border-color: rgba(52, 211, 153, 0.22);
}
.nu-feed-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}
.nu-feed-top--praise {
    justify-content: flex-start;
    gap: 8px;
}
.nu-feed-stars {
    color: #ffd166;
    font-size: 13px;
    letter-spacing: 0.06em;
}
.nu-feed-mine {
    font-size: 11px;
    font-weight: 700;
    color: rgba(52, 211, 153, 0.9);
}
.nu-feed-author {
    font-size: 12px;
    font-weight: 600;
    color: rgba(236, 255, 247, 0.55);
}
.nu-feed-text {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.45;
    color: rgba(236, 255, 247, 0.88);
}
.nu-feed-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.nu-feed-imgs img {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    object-fit: cover;
}
.nu-feed-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}
.nu-feed-tag--fast {
    background: rgba(52, 211, 153, 0.12);
    color: #a7f3d0;
    border: 1px solid rgba(52, 211, 153, 0.25);
}
.nu-feed-tag--fast .live-bolt-ico {
    color: #34d399;
}
.nu-feed-tag--tasty {
    background: rgba(248, 113, 113, 0.12);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.25);
}
.nu-feed-tag--tasty .live-fire-ico {
    color: #ef4444;
}
.nu-feed-tag--neutral {
    background: rgba(251, 191, 36, 0.1);
    color: #fde68a;
    border: 1px solid rgba(251, 191, 36, 0.22);
}

/* Витрина: теги на карточке магазина */
.store-live-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}
.store-live-tag--fast {
    background: rgba(52, 211, 153, 0.11);
    border: 1px solid rgba(52, 211, 153, 0.32);
    color: #a7f3d0;
}
.store-live-tag--fast .live-bolt-ico {
    color: #34d399;
    flex-shrink: 0;
}
.store-live-tag--tasty {
    background: rgba(248, 113, 113, 0.09);
    border: 1px solid rgba(248, 113, 113, 0.32);
    color: #fecaca;
}
.store-live-tag--tasty .live-fire-ico {
    color: #ef4444;
    flex-shrink: 0;
}
.store-live-tag-count {
    font-variant-numeric: tabular-nums;
    opacity: 0.95;
}
.store-praise-pane {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.03);
}
.store-praise-lead {
    margin: 6px 0 10px;
    font-size: 12px;
    line-height: 1.4;
    color: rgba(236, 255, 247, 0.72);
}
.store-praise-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 10px;
    font-size: 12px;
    color: rgba(236, 255, 247, 0.85);
}
.store-praise-metrics--two {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.store-praise-gate-hint {
    font-size: 13px;
    line-height: 1.45;
    color: rgba(236, 255, 247, 0.72);
    margin: 0 0 12px;
}
.store-praise-metric .store-fast-delivery-ico {
    vertical-align: middle;
    margin-right: 4px;
}
.store-praise-metric .praise-trophy-icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 2px;
    color: #fbbf24;
}
.store-praise-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #ecfff7;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: background var(--lumini-duration-fast) ease, border-color var(--lumini-duration-fast) ease;
}
.store-praise-like-btn:hover {
    background: rgba(125, 255, 200, 0.12);
    border-color: rgba(125, 255, 200, 0.35);
}
.store-praise-like-btn.is-praised {
    background: rgba(40, 90, 72, 0.55);
    border-color: rgba(40, 90, 72, 0.9);
}
.store-praise-like-btn.is-praised .praise-thumb-path {
    fill: rgba(125, 255, 200, 0.35);
}
.store-praise-label {
    display: block;
    margin: 10px 0 4px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(236, 255, 247, 0.78);
}
.store-praise-textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.2);
    color: #ecfff7;
    padding: 8px 10px;
    font: inherit;
    resize: vertical;
    min-height: 72px;
}
.store-praise-save-btn {
    margin-top: 8px;
    border: 0;
    border-radius: 10px;
    padding: 8px 14px;
    background: #285a48;
    color: #ecfff7;
    font-weight: 700;
    cursor: pointer;
}
.store-praise-comments-title {
    margin: 12px 0 6px;
    font-size: 12px;
    font-weight: 800;
    color: rgba(236, 255, 247, 0.88);
}
.store-praise-quote {
    margin: 0 0 8px;
    padding: 8px 10px;
    border-left: 3px solid rgba(125, 255, 200, 0.45);
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0 8px 8px 0;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(236, 255, 247, 0.88);
}
.store-praise-no-comments {
    font-size: 12px;
    color: rgba(236, 255, 247, 0.55);
}
.store-rating-section-title {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 800;
    color: #ecfff7;
}
#store-reviews-inner {
    min-height: 40px;
}

body.browse-site-light .dish-week-card {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.08);
}
body.browse-site-light .dish-week-name,
body.browse-site-light .dish-week-price {
    color: #0f172a;
}
body.browse-site-light .dish-week-store {
    color: rgba(15, 23, 42, 0.68);
}
body.browse-site-light .dish-of-week-sub {
    color: rgba(15, 23, 42, 0.68);
}
body.browse-site-light .fast-delivery-sub {
    color: rgba(15, 23, 42, 0.68);
}

/* Категории похвалы (кнопки) */
.lumini-praise-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.lumini-praise-chips--store .lumini-praise-chip {
    margin: 0;
    cursor: pointer;
}
.lumini-praise-chips--store .lumini-praise-chip input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.lumini-praise-chip-inner {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(236, 255, 247, 0.88);
    font-size: 12px;
    font-weight: 600;
    transition:
        background var(--lumini-duration-fast) ease,
        border-color var(--lumini-duration-fast) ease;
}
.lumini-praise-chips--store .lumini-praise-chip input:checked + .lumini-praise-chip-inner {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.14);
    color: #fffbeb;
}
.lumini-praise-chip-ico {
    flex-shrink: 0;
    opacity: 0.95;
}
.lumini-praise-quick-row {
    margin: 10px 0 12px;
}
.lumini-praise-quick-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: rgba(236, 255, 247, 0.55);
    margin-bottom: 6px;
}
.lumini-praise-quick-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.lumini-praise-quick-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(236, 255, 247, 0.88);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--lumini-duration-fast) ease, border-color var(--lumini-duration-fast) ease;
}
.lumini-praise-quick-chip:hover {
    border-color: rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.1);
}
.product-card-head-actions {
    align-items: flex-start;
}
.product-praise-chips-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    max-width: min(220px, 58vw);
}
.product-praise-chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(236, 255, 247, 0.78);
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1.1;
    transition: background var(--lumini-duration-fast) ease, border-color var(--lumini-duration-fast) ease;
}
.product-praise-chip span {
    white-space: nowrap;
}
.product-praise-chip:hover {
    border-color: rgba(251, 191, 36, 0.3);
    background: rgba(251, 191, 36, 0.08);
}
.product-praise-chip.is-on {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.14);
    color: #fffbeb;
}
.product-praise-total {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 2px;
    font-size: 11px;
    font-weight: 800;
    color: rgba(236, 255, 247, 0.65);
}
.product-praise-total .praise-trophy-icon {
    width: 14px;
    height: 14px;
}
/* Test pass: tighter food-ordering hierarchy */
.food-card-badge {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: calc(100% - 20px);
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
}
.food-card-badge--cat {
    left: 10px;
    top: 10px;
    background: rgba(12, 18, 18, 0.62);
}
.food-card-badge--hot {
    right: 10px;
    top: 10px;
    background: linear-gradient(135deg, #ff7a3d, #d93d25);
}
.product-rail-card {
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.1);
}
.product-rail-image-wrap::after,
#products-section .product-card-image-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,0.06), transparent 46%, rgba(0,0,0,0.12));
    opacity: 0.52;
}
.product-rail-meta {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em;
}
.product-rail-add,
.browse-cart-checkout-btn,
.checkout-submit-btn {
    box-shadow: 0 10px 24px rgba(40, 90, 72, 0.32);
}
#products-section .products-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}
#products-section .product-card {
    position: relative;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
@media (hover: hover) {
    #products-section .product-card:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.08);
    }
}
#products-section .product-card-title {
    font-size: 16px;
}
#products-section .product-card-desc {
    margin-top: 6px;
    color: rgba(233, 237, 240, 0.68);
}
#products-section .product-card-prices {
    align-items: baseline;
}
#products-section .price-current {
    color: #ff8a42;
    text-shadow: 0 8px 24px rgba(255, 106, 47, 0.22);
}
#products-section .product-add-btn {
    width: auto;
    min-width: 108px;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 900;
}
#products-section .product-add-btn::before {
    content: 'В корзину';
    width: auto;
    height: auto;
    background: none;
    -webkit-mask: none;
    mask: none;
}
#products-section .product-add-btn--config::before {
    content: 'Выбрать';
}
.store-menu-cats {
    position: sticky;
    top: 88px;
    z-index: 12;
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}
.store-menu-cat {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
}
.store-menu-cat small {
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.11);
    color: rgba(236, 255, 247, 0.72);
    font-size: 11px;
    line-height: 1.2;
}
.store-menu-cat.is-active small {
    background: rgba(236, 255, 247, 0.18);
    color: #ecfff7;
}
.food-store-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}
.food-trust-item {
    min-width: 0;
    border-radius: 14px;
    padding: 10px 11px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.food-trust-item strong,
.food-trust-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.food-trust-item strong {
    color: #ecfff7;
    font-size: 13px;
}
.food-trust-item span {
    margin-top: 3px;
    color: rgba(236, 255, 247, 0.56);
    font-size: 11px;
}
.food-empty-state {
    grid-column: 1 / -1;
    width: min(520px, 100%);
    margin: 18px auto;
    padding: 22px 18px;
    border-radius: 18px;
    text-align: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px dashed rgba(255, 255, 255, 0.16);
    color: rgba(236, 255, 247, 0.78);
}
.food-empty-icon,
.cart-empty-mark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin: 0 auto 10px;
    border-radius: 999px;
    background: rgba(40, 90, 72, 0.9);
    color: #ecfff7;
    font-size: 22px;
    font-weight: 900;
}
.food-empty-state h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 18px;
}
.food-empty-state p,
.cart-empty-state span {
    margin: 0;
    color: rgba(236, 255, 247, 0.62);
    line-height: 1.45;
}
.food-empty-action {
    margin-top: 14px;
    border: 0;
    border-radius: 999px;
    padding: 10px 15px;
    background: #285a48;
    color: #ecfff7;
    font-weight: 800;
    cursor: pointer;
}
.cart-empty-state {
    text-align: center;
}
.browse-cart-foot-hint {
    margin: -2px 0 10px;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    line-height: 1.35;
}
.browse-cart-panel-foot.is-empty .browse-cart-checkout-btn {
    opacity: 0.55;
    pointer-events: none;
}
.browse-cart-item {
    background: rgba(255, 255, 255, 0.065);
}
.browse-cart-item-title {
    font-size: 14px;
}
.checkout-page-card {
    border-radius: 20px;
}
.checkout-section,
.checkout-side {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 760px) {
    #products-section .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    #products-section .product-add-btn {
        min-width: 42px;
        width: 42px;
        padding: 0;
    }
    #products-section .product-add-btn::before {
        content: '+';
        font-size: 22px;
        line-height: 1;
    }
    #products-section .product-add-btn--config {
        min-width: 76px;
        width: auto;
    }
    #products-section .product-add-btn--config::before {
        content: 'Выбрать';
        font-size: 12px;
    }
    .food-store-trust {
        grid-template-columns: 1fr;
    }
}

/* Test pass 2: more modern, airier food app feel */
body.body-layout-foodstrip {
    --modern-surface: rgba(255, 255, 255, 0.07);
    --modern-surface-strong: rgba(255, 255, 255, 0.1);
}
.browse-with-cart-shell,
.store-page-main {
    max-width: 1180px;
    margin-inline: auto;
}
.browse-cart-track,
.store-cart-track {
    gap: 22px;
}
.repeat-orders-title,
.store-section-title {
    font-size: clamp(19px, 2.2vw, 26px);
    letter-spacing: 0;
    margin-top: 18px;
    margin-bottom: 12px;
}
.line-mode-heading {
    font-size: clamp(24px, 4vw, 42px);
    letter-spacing: 0;
}
.line-mode-search {
    margin-bottom: 14px;
}
.global-search {
    min-height: 48px;
    border-radius: 16px;
    font-size: 15px;
}
.stores-rail-shell {
    margin-bottom: 8px;
}
.product-rail-card,
#products-section .product-card,
.browse-cart-item,
.checkout-section,
.checkout-side,
.food-trust-item {
    border-radius: 18px;
    box-shadow: none;
}
.product-rail-image,
#products-section .product-card-image,
.browse-cart-thumb,
.checkout-order-thumb {
    background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}
.product-rail-image,
#products-section .product-card-image {
    filter: saturate(1.04) contrast(1.03);
}
.product-rail-image-wrap,
#products-section .product-card-image-wrap {
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 138, 66, 0.18), transparent 28%),
        rgba(255, 255, 255, 0.045);
}
.product-rail-card {
    width: min(260px, 74vw);
}
.product-rail-image-wrap {
    aspect-ratio: 1.35 / 1;
}
#products-section .product-card {
    padding: 10px;
}
#products-section .product-card-image-wrap {
    aspect-ratio: 1.08 / 1;
}
.food-store-hero-media {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    min-height: 180px;
    margin-bottom: 16px;
    background: rgba(255, 255, 255, 0.06);
}
.food-store-hero-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,0,0,0.48));
    pointer-events: none;
}
.food-store-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
}
.store-interior-billboard {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
    align-items: stretch;
    gap: 14px;
    min-height: 0;
    margin-bottom: 16px;
    overflow: visible;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    isolation: auto;
}
.store-interior-billboard::before,
.store-interior-billboard::after {
    content: none;
}
.store-interior-billboard-image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: clamp(190px, 23vw, 250px);
    min-height: 0;
    object-fit: cover;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #151815;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 18px 52px rgba(0, 0, 0, 0.24);
    filter: saturate(1.06) contrast(1.04);
    transform: none;
}
.store-interior-billboard-content {
    position: relative;
    z-index: 2;
    display: grid;
    align-content: center;
    min-height: 0;
    max-width: none;
    padding: clamp(16px, 2.6vw, 24px);
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.105);
    background:
        radial-gradient(circle at 12% 10%, rgba(127, 220, 157, 0.16), transparent 18rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.04)),
        rgba(18, 20, 19, 0.82);
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(18px) saturate(1.16);
    -webkit-backdrop-filter: blur(18px) saturate(1.16);
}
.store-interior-billboard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.store-interior-kicker {
    color: var(--premium-gold);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
}
.store-interior-actions {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
    max-width: 780px;
    min-width: 0;
}
.store-interior-actions .store-info-meta {
    flex: 1 1 360px;
    min-width: 0;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}
.store-interior-actions .store-info-pill {
    max-width: 100%;
}
.store-interior-billboard .store-info-meta {
    display: none !important;
}
.store-interior-billboard .store-info-title-row {
    display: block;
}
.store-interior-billboard .store-info-title-row .store-info-fav-btn {
    display: none;
}
.store-interior-billboard .store-info-title {
    max-width: 100%;
    font-size: clamp(28px, 3.8vw, 42px);
    color: #fff;
    text-shadow: none;
}
.store-interior-billboard .store-info-desc {
    max-width: 100%;
    color: rgba(236, 255, 247, 0.78);
    text-shadow: none;
}
.store-interior-billboard .store-info-fav-btn,
.store-interior-billboard .store-rating-open-btn,
.store-interior-billboard .store-info-pill,
.store-interior-billboard .food-trust-item {
    backdrop-filter: blur(14px) saturate(1.18);
    -webkit-backdrop-filter: blur(14px) saturate(1.18);
}
.store-interior-billboard .store-info-fav-btn {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.11);
}
.store-interior-billboard .food-store-trust {
    max-width: 760px;
    margin-top: 12px;
}
.store-interior-billboard .food-trust-item {
    padding: 11px 13px;
}
.store-interior-billboard .food-trust-item strong,
.store-interior-billboard .food-trust-item span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.products-rail-section .repeat-orders-title,
.checkout-side {
    position: relative;
}
.products-rail-section .repeat-orders-title::after {
    content: "↘";
    display: inline-block;
    margin-left: 12px;
    font-size: 0.95em;
    line-height: 1;
    transform: rotate(-10deg) translateY(-2px);
    background: linear-gradient(110deg, #3dbf72 0%, #f2c76a 72%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 12px 24px rgba(61, 191, 114, 0.18));
}
.body-layout-foodstrip .checkout-side::before {
    content: "↘";
    position: absolute;
    right: 18px;
    bottom: 74px;
    z-index: 1;
    font-size: 34px;
    line-height: 1;
    pointer-events: none;
    transform: rotate(4deg);
    background: linear-gradient(110deg, #3dbf72 0%, #f2c76a 72%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0.72;
    filter: drop-shadow(0 12px 24px rgba(61, 191, 114, 0.18));
}
.store-info-title-wrap {
    padding: 0;
}
.store-info-title-row {
    align-items: center;
}
.store-info-title {
    font-size: clamp(28px, 5vw, 48px);
    line-height: 1.02;
}
.store-info-desc {
    max-width: 760px;
    font-size: 15px;
    line-height: 1.55;
    color: rgba(236, 255, 247, 0.7);
}
.store-info-meta {
    margin-top: 10px;
}
.store-interior-billboard .store-info-meta {
    display: none !important;
}
.store-info-pill {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.065);
}
.food-store-trust {
    margin-top: 16px;
}
.food-trust-item {
    padding: 13px 14px;
    background: rgba(255, 255, 255, 0.065);
}
.browse-cart-panel-decor {
    display: none;
}
.browse-cart-panel-inner {
    background: rgba(23, 27, 28, 0.98);
}
.browse-cart-panel-head {
    padding-top: 18px;
}
.browse-cart-title {
    font-size: 22px;
}
.browse-cart-checkout-btn,
.checkout-submit-btn {
    min-height: 48px;
    border-radius: 16px;
    font-size: 15px;
}
.checkout-page-card {
    max-width: 1040px;
}
.checkout-input {
    border-radius: 14px;
    min-height: 44px;
}
.mobile-order-bar {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 95;
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 0;
    border-radius: 18px;
    padding: 12px 14px 12px 16px;
    background: #285a48;
    color: #ecfff7;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.36);
    cursor: pointer;
}
.mobile-order-bar-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.mobile-order-bar-main strong {
    font-size: 14px;
}
.mobile-order-bar-main span {
    font-size: 18px;
    font-weight: 900;
}
.mobile-order-bar-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(236, 255, 247, 0.16);
    font-weight: 900;
    font-size: 14px;
}
@media (max-width: 760px) {
    body {
        padding-bottom: 82px;
    }
    .mobile-order-bar.is-visible {
        display: flex;
    }
    .cart-icon-btn .cart-sum-badge {
        display: none;
    }
    .store-page-topbar {
        display: block;
    }
    .back-fab {
        position: fixed;
        left: 12px;
        top: 82px;
        z-index: 30;
        background: rgba(18, 22, 24, 0.72) !important;
        backdrop-filter: blur(12px);
    }
    .food-store-hero-media {
        min-height: 168px;
        border-radius: 0 0 24px 24px;
        margin: -4px -10px 14px;
    }
    .food-store-hero-media img {
        min-height: 168px;
    }
    .store-interior-billboard {
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: 0;
        border-radius: 0;
        margin-bottom: 12px;
    }
    .store-interior-billboard::before {
        content: none;
    }
    .store-interior-billboard-image {
        height: 180px;
        border-radius: 22px;
    }
    .store-interior-billboard-content {
        min-height: 0;
        padding: 16px;
        border-radius: 22px;
    }
    .store-interior-actions {
        display: grid;
        align-items: stretch;
    }
    .store-interior-billboard .food-store-trust {
        grid-template-columns: 1fr;
    }
    .store-info-title {
        font-size: 30px;
    }
    .store-info-title-row {
        grid-template-columns: 1fr auto;
    }
    .store-info-desc {
        font-size: 14px;
    }
    .browse-cart-panel.is-open {
        width: 100vw;
        max-width: 100vw !important;
    }
    .browse-cart-panel-inner {
        border-radius: 22px 22px 0 0;
    }
}

.store-admin-entry {
    align-items: center;
    border: 1px solid rgba(201, 162, 39, 0.36);
    border-radius: 999px;
    color: var(--text-primary);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 800;
    min-height: 36px;
    padding: 0 12px;
    text-decoration: none;
    white-space: nowrap;
}

.store-admin-entry:hover {
    background: rgba(201, 162, 39, 0.12);
}

@media (max-width: 640px) {
    .store-admin-entry {
        font-size: 0.76rem;
        min-height: 32px;
        padding: 0 9px;
    }
}

/* Warm owner-space palette for the public light theme. */
body.body-layout-foodstrip.browse-site-light {
    --owner-bg: #f6f4ef;
    --owner-bg-strong: #fbfaf7;
    --owner-surface: rgba(255, 255, 255, 0.88);
    --owner-surface-solid: #fffdf8;
    --owner-text: #1f1f1f;
    --owner-muted: #74706a;
    --owner-line: rgba(31, 31, 31, 0.1);
    --owner-gold: #d89f38;
    --owner-ink: #1f1f1f;
    background:
        radial-gradient(circle at top left, rgba(216, 159, 56, 0.2), transparent 34rem),
        linear-gradient(180deg, var(--owner-bg-strong), var(--owner-bg)) !important;
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light header {
    border-bottom: 1px solid rgba(31, 31, 31, 0.05);
}

body.body-layout-foodstrip.browse-site-light .delivery-address-btn,
body.body-layout-foodstrip.browse-site-light .header-auth-user,
body.body-layout-foodstrip.browse-site-light .orders-icon,
body.body-layout-foodstrip.browse-site-light .cart-icon,
body.body-layout-foodstrip.browse-site-light .browse-theme-toggle,
body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .line-filter-pill,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
body.body-layout-foodstrip.browse-site-light .store-admin-entry,
body.body-layout-foodstrip.browse-site-light .stores-rail-expand-btn,
body.body-layout-foodstrip.browse-site-light .rail-nav {
    background: var(--owner-surface) !important;
    border: 1px solid var(--owner-line) !important;
    box-shadow: 0 12px 34px rgba(28, 25, 20, 0.07) !important;
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .delivery-address-btn:hover,
body.body-layout-foodstrip.browse-site-light .line-filter-pill:hover,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn:hover,
body.body-layout-foodstrip.browse-site-light .store-admin-entry:hover,
body.body-layout-foodstrip.browse-site-light .stores-rail-expand-btn:hover {
    background: #fff !important;
    border-color: rgba(216, 159, 56, 0.38) !important;
}

body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
body.body-layout-foodstrip.browse-site-light .header-auth-hint,
body.body-layout-foodstrip.browse-site-light .store-card-snippet,
body.body-layout-foodstrip.browse-site-light .store-meta-time,
body.body-layout-foodstrip.browse-site-light .product-rail-meta,
body.body-layout-foodstrip.browse-site-light .dish-of-week-sub,
body.body-layout-foodstrip.browse-site-light .fast-delivery-sub {
    color: var(--owner-muted) !important;
}

body.body-layout-foodstrip.browse-site-light .line-mode-heading,
body.body-layout-foodstrip.browse-site-light .repeat-orders-title,
body.body-layout-foodstrip.browse-site-light .store-title,
body.body-layout-foodstrip.browse-site-light .product-rail-name,
body.body-layout-foodstrip.browse-site-light .product-rail-price {
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
    color: var(--owner-gold) !important;
}

body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    background: var(--owner-ink) !important;
    border-color: var(--owner-ink) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(28, 25, 20, 0.16) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
    color: rgba(116, 112, 106, 0.92);
}

body.body-layout-foodstrip.browse-site-light .global-search:focus {
    border-color: rgba(216, 159, 56, 0.52) !important;
    box-shadow: 0 0 0 3px rgba(216, 159, 56, 0.16), 0 12px 34px rgba(28, 25, 20, 0.07) !important;
}

body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light .product-rail-card,
body.body-layout-foodstrip.browse-site-light .dish-week-card,
body.body-layout-foodstrip.browse-site-light .browse-cart-panel-inner,
body.body-layout-foodstrip.browse-site-light .store-detail-panel,
body.body-layout-foodstrip.browse-site-light .browse-sort-dialog {
    background: var(--owner-surface) !important;
    border: 1px solid var(--owner-line) !important;
    box-shadow: 0 16px 44px rgba(28, 25, 20, 0.08) !important;
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-image-wrap,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-image-wrap {
    background: rgba(216, 159, 56, 0.12) !important;
}

body.body-layout-foodstrip.browse-site-light .store-meta-pill,
body.body-layout-foodstrip.browse-site-light .store-card-badge,
body.body-layout-foodstrip.browse-site-light .product-rail-badge,
body.body-layout-foodstrip.browse-site-light .product-category-pill {
    background: rgba(216, 159, 56, 0.14) !important;
    border-color: rgba(216, 159, 56, 0.18) !important;
    color: #8a5a14 !important;
}

body.body-layout-foodstrip.browse-site-light .product-cooking-note {
    color: #984900 !important;
}

/* Category rail: compact market-style navigation bar. */
.body-layout-foodstrip .browse-category-sort-row {
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(43, 42, 39, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 36px rgba(0, 0, 0, 0.14) !important;
}

.body-layout-foodstrip .browse-category-scroll {
    max-height: 44px;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.body-layout-foodstrip .line-mode-filters {
    align-items: center;
    gap: 4px !important;
    min-height: 44px;
}

.body-layout-foodstrip .line-filter-pill,
.body-layout-foodstrip .browse-sort-open-btn {
    min-height: 40px;
    border: 0 !important;
    border-radius: 14px;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -0.01em;
    padding: 0 14px;
}

.body-layout-foodstrip .line-filter-pill:hover,
.body-layout-foodstrip .browse-sort-open-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
    transform: none;
}

.body-layout-foodstrip .line-filter-pill.is-active {
    background: #141414 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.body-layout-foodstrip .browse-sort-open-btn,
.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'] {
    background: transparent !important;
    color: #fff !important;
    min-width: max-content;
    padding-inline: 12px 14px;
}

.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'] {
    background: rgba(255, 255, 255, 0.07) !important;
}

.body-layout-foodstrip .browse-sort-open-ico {
    opacity: 0.98;
}

.body-layout-foodstrip .category-scroll-btn {
    width: 34px;
    height: 34px;
    border: 0;
    background: rgba(20, 20, 20, 0.62);
    color: rgba(255, 255, 255, 0.86);
}

.body-layout-foodstrip .category-scroll-btn:hover {
    background: rgba(20, 20, 20, 0.9);
    transform: none;
}

.body-layout-foodstrip .browse-category-sort-row.is-at-start .category-scroll-btn--left,
.body-layout-foodstrip .browse-category-sort-row.is-at-end .category-scroll-btn--right {
    opacity: 0;
    pointer-events: none;
}

body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    background: rgba(43, 42, 39, 0.96) !important;
    border-color: transparent !important;
    box-shadow: 0 16px 42px rgba(31, 29, 24, 0.16) !important;
}

body.body-layout-foodstrip.browse-site-light .line-filter-pill,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
body.body-layout-foodstrip.browse-site-light .category-scroll-btn {
    border: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

body.body-layout-foodstrip.browse-site-light .line-filter-pill,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
    background: transparent !important;
}

body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active {
    background: #141414 !important;
    color: #fff !important;
}

body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #fff !important;
}

body.body-layout-foodstrip.browse-site-light .product-rail-add,
body.body-layout-foodstrip.browse-site-light .browse-sort-apply,
body.body-layout-foodstrip.browse-site-light .checkout-btn,
body.body-layout-foodstrip.browse-site-light .product-add-btn {
    background: var(--owner-ink) !important;
    color: #fff !important;
}

body.body-layout-foodstrip.browse-site-light .cart-sum-badge,
body.body-layout-foodstrip.browse-site-light .orders-icon-glyph,
body.body-layout-foodstrip.browse-site-light .cart-icon-glyph {
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-icon-glyph {
    background: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #fff8ea !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: var(--owner-gold);
    box-shadow: 0 3px 10px rgba(138, 90, 20, 0.24);
}

body.body-layout-foodstrip.browse-site-light .browse-theme-icon-slot--moon {
    color: rgba(31, 31, 31, 0.32);
}

body.body-layout-foodstrip.browse-site-light .browse-theme-icon-slot--sun {
    color: rgba(138, 90, 20, 0.92);
}

body.body-layout-foodstrip.browse-site-light .skeleton {
    background: rgba(31, 31, 31, 0.08);
}

/* Delivery-app style cart pass: calmer, denser, more adult. */
.body-layout-foodstrip .browse-cart-panel-inner {
    background: #171717;
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 22px;
}

.body-layout-foodstrip .browse-cart-panel-decor {
    display: none;
}

.body-layout-foodstrip .browse-cart-panel-head {
    border-bottom-color: rgba(255, 255, 255, 0.06);
    padding: 16px 16px 12px;
}

.body-layout-foodstrip .browse-cart-title {
    font-size: 20px;
    letter-spacing: 0;
}

.body-layout-foodstrip .browse-cart-close {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    height: 36px;
    width: 36px;
}

.body-layout-foodstrip .browse-cart-panel-scroll {
    padding: 12px;
}

.body-layout-foodstrip .browse-cart-lines {
    gap: 8px;
}

.body-layout-foodstrip .browse-cart-item {
    background: #222;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 16px;
    padding: 10px;
}

.body-layout-foodstrip .browse-cart-item-row {
    gap: 10px;
}

.body-layout-foodstrip .browse-cart-thumb {
    border-radius: 12px;
    height: 52px;
    width: 52px;
}

.body-layout-foodstrip .browse-cart-item-title {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.body-layout-foodstrip .cart-line-part,
.body-layout-foodstrip .cart-line-fallback {
    color: rgba(255, 255, 255, 0.56);
}

.body-layout-foodstrip .cart-line-part-remove {
    color: rgba(255, 255, 255, 0.34);
}

.body-layout-foodstrip .browse-cart-item-meta {
    justify-content: flex-start;
    margin-top: 9px;
}

.body-layout-foodstrip .browse-cart-qty-label {
    display: none;
}

.browse-cart-qty-stepper {
    align-items: center;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    display: inline-flex;
    gap: 2px;
    min-height: 32px;
    padding: 2px;
}

.browse-cart-qty-stepper button {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 17px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    line-height: 1;
    width: 28px;
}

.browse-cart-qty-stepper span {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    min-width: 24px;
    text-align: center;
}

.body-layout-foodstrip .browse-cart-remove-line {
    color: rgba(255, 255, 255, 0.46);
    font-size: 12px;
    margin-left: auto;
    padding: 6px 0;
}

.body-layout-foodstrip .browse-cart-item-sum {
    color: #fff;
    font-size: 15px;
    font-weight: 850;
}

.body-layout-foodstrip .browse-cart-panel-foot {
    background: linear-gradient(180deg, rgba(23, 23, 23, 0.86), #171717 30%);
    border-top-color: rgba(255, 255, 255, 0.07);
    padding: 12px 14px 16px;
}

.body-layout-foodstrip .browse-cart-total-row {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.body-layout-foodstrip .browse-cart-foot-hint {
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    margin: 0 0 12px;
}

.body-layout-foodstrip .browse-cart-checkout-btn {
    background: #f8cf45;
    border-radius: 14px;
    color: #181818;
    font-size: 15px;
    min-height: 48px;
}

body.body-layout-foodstrip.browse-site-light .browse-cart-panel-inner {
    background: #fffdf8 !important;
    border-color: var(--owner-line) !important;
    box-shadow: 0 18px 56px rgba(28, 25, 20, 0.14) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-cart-panel-head,
body.body-layout-foodstrip.browse-site-light .browse-cart-panel-foot {
    border-color: var(--owner-line);
}

body.body-layout-foodstrip.browse-site-light .browse-cart-title,
body.body-layout-foodstrip.browse-site-light .browse-cart-item-title,
body.body-layout-foodstrip.browse-site-light .browse-cart-item-sum,
body.body-layout-foodstrip.browse-site-light .browse-cart-total-row,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper span {
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light .browse-cart-close,
body.body-layout-foodstrip.browse-site-light .browse-cart-item,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper button {
    background: rgba(31, 31, 31, 0.06);
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light .browse-cart-item {
    border-color: var(--owner-line);
}

body.body-layout-foodstrip.browse-site-light .cart-line-part,
body.body-layout-foodstrip.browse-site-light .cart-line-fallback,
body.body-layout-foodstrip.browse-site-light .browse-cart-foot-hint,
body.body-layout-foodstrip.browse-site-light .browse-cart-remove-line {
    color: var(--owner-muted);
}

body.body-layout-foodstrip.browse-site-light .browse-cart-panel-foot {
    background: linear-gradient(180deg, rgba(255, 253, 248, 0.84), #fffdf8 34%);
}

body.body-layout-foodstrip.browse-site-light .browse-cart-checkout-btn {
    background: var(--owner-ink) !important;
    color: #fff !important;
}

/* Delivery-app style checkout pass. */
.body-layout-foodstrip .checkout-page {
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
}

.body-layout-foodstrip .checkout-page-card {
    background: #f4f3ef;
    border: 0;
    border-radius: 24px;
    color: #1f1f1f;
    box-shadow: 0 28px 88px rgba(0, 0, 0, 0.48);
}

.body-layout-foodstrip .checkout-page-head {
    background: #f4f3ef;
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
    padding: 18px 20px 14px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.body-layout-foodstrip .checkout-page-head h2 {
    color: #1f1f1f;
    font-size: 26px;
    letter-spacing: 0;
}

.body-layout-foodstrip .checkout-page-close {
    background: rgba(31, 31, 31, 0.07);
    border-radius: 999px;
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-page-grid {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 340px;
    padding: 16px;
}

.body-layout-foodstrip .checkout-section,
.body-layout-foodstrip .checkout-side {
    background: #fff;
    border: 1px solid rgba(31, 31, 31, 0.08);
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(28, 25, 20, 0.07);
    padding: 16px;
}

.body-layout-foodstrip .checkout-side {
    align-self: start;
    position: sticky;
    top: 78px;
}

.body-layout-foodstrip .checkout-section h3,
.body-layout-foodstrip .checkout-side h3 {
    color: #1f1f1f;
    font-size: 17px;
    letter-spacing: 0;
    margin: 0 0 10px;
}

.body-layout-foodstrip .checkout-section h4 {
    color: #74706a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin: 14px 0 7px;
    text-transform: uppercase;
}

.body-layout-foodstrip .checkout-input {
    background: #f6f5f1;
    border: 1px solid rgba(31, 31, 31, 0.08);
    border-radius: 12px;
    color: #1f1f1f;
    min-height: 44px;
    padding: 11px 12px;
}

.body-layout-foodstrip .checkout-input:focus {
    border-color: rgba(216, 159, 56, 0.54);
    box-shadow: 0 0 0 3px rgba(216, 159, 56, 0.16);
    outline: none;
}

.body-layout-foodstrip .checkout-input::placeholder {
    color: rgba(31, 31, 31, 0.42);
}

.body-layout-foodstrip .checkout-muted {
    background: #f6f5f1;
    border-radius: 12px;
    color: #74706a;
    padding: 10px 12px;
}

.body-layout-foodstrip .checkout-fulfillment {
    background: #f6f5f1;
    border-color: rgba(31, 31, 31, 0.08);
}

.body-layout-foodstrip .checkout-fulfillment-btn {
    color: #74706a;
}

.body-layout-foodstrip .checkout-fulfillment-btn:hover {
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-fulfillment-btn.is-active {
    background: #1f1f1f;
    color: #fff;
    box-shadow: 0 12px 28px rgba(31, 31, 31, 0.12);
}

.body-layout-foodstrip .checkout-pickup-chip,
.body-layout-foodstrip .checkout-order-chip {
    background: rgba(216, 159, 56, 0.13);
    border-color: rgba(216, 159, 56, 0.18);
    color: #8a5a14;
}

.body-layout-foodstrip .checkout-order-chip--toggle {
    background: #f6f5f1;
    border-color: rgba(31, 31, 31, 0.08);
    color: #1f1f1f;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 850;
}

.body-layout-foodstrip .checkout-order-chip--toggle.is-active {
    background: #1f1f1f;
    border-color: #1f1f1f;
    color: #fff;
}

.body-layout-foodstrip .checkout-order-toggle {
    background: #f6f5f1;
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-order-item {
    background: #f8f7f3;
    border-color: rgba(31, 31, 31, 0.07);
    border-radius: 16px;
    padding: 10px;
}

.body-layout-foodstrip .checkout-order-thumb {
    border-radius: 12px;
}

.body-layout-foodstrip .checkout-order-name,
.body-layout-foodstrip .checkout-order-price,
.body-layout-foodstrip .checkout-qty-num {
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-order-opts,
.body-layout-foodstrip .checkout-order-parts .cart-line-part {
    color: #74706a;
}

.body-layout-foodstrip .checkout-portion-btn {
    background: #fff;
    border: 1px solid rgba(31, 31, 31, 0.08);
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-sum-row {
    border-bottom-color: rgba(31, 31, 31, 0.08);
    color: #74706a;
    padding: 10px 0;
}

.body-layout-foodstrip .checkout-sum-row strong {
    color: #1f1f1f;
}

.body-layout-foodstrip .checkout-sum-row--total {
    color: #1f1f1f;
    font-size: 20px;
    padding-top: 14px;
}

.body-layout-foodstrip .checkout-submit-btn {
    background: #1f1f1f;
    border-radius: 14px;
    color: #fff;
    min-height: 50px;
}

.checkout-field-attention {
    box-shadow: 0 0 0 4px rgba(68, 200, 120, 0.16), 0 0 0 1px rgba(68, 200, 120, 0.42) !important;
}

.checkout-assist-arrow {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin: 8px 0 4px;
    pointer-events: none;
    position: relative;
    z-index: 3;
}

.checkout-assist-arrow svg {
    height: 66px;
    overflow: visible;
    width: 88px;
}

.checkout-assist-arrow span {
    background: rgba(17, 24, 18, 0.9);
    border: 1px solid rgba(68, 200, 120, 0.28);
    border-radius: 999px;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 850;
    padding: 9px 12px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

.checkout-assist-arrow path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.checkout-assist-arrow-shadow {
    filter: blur(2px);
    opacity: 0.24;
    stroke: rgba(5, 12, 8, 0.72);
    stroke-width: 15;
}

.checkout-assist-arrow-main,
.checkout-assist-arrow-head {
    stroke: url("#checkoutAssistArrowGradient");
    stroke-width: 10;
}

.checkout-assist-arrow-drip {
    opacity: 0.5;
    stroke: rgba(18, 33, 22, 0.72);
    stroke-width: 3.4;
}

.checkout-assist-arrow-dot {
    fill: rgba(18, 33, 22, 0.66);
}

/* Store page billboard: image palette under the information card. */
.store-interior-billboard {
    position: relative;
    display: grid;
    align-items: end;
    width: min(1100px, 100%);
    max-width: 1100px;
    min-height: 260px;
    margin: 0 auto 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
    background: rgba(16, 18, 17, 0.7);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.2);
    isolation: isolate;
}

.store-interior-billboard-image {
    position: absolute;
    inset: -22px;
    z-index: -2;
    display: block;
    width: calc(100% + 44px);
    height: calc(100% + 44px);
    min-height: 0;
    max-height: none;
    border-radius: inherit;
    object-fit: cover;
    filter: blur(18px) saturate(1.18) brightness(0.78);
    opacity: 0.72;
    transform: scale(1.04);
}

.store-interior-billboard::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 18% 20%, rgba(143, 231, 170, 0.24), transparent 34%),
        linear-gradient(90deg, rgba(12, 14, 13, 0.78), rgba(12, 14, 13, 0.28) 52%, rgba(12, 14, 13, 0.64));
}

.store-interior-billboard::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: 27px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -34px 64px rgba(0, 0, 0, 0.22);
    pointer-events: none;
}

.store-interior-billboard-content {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: clamp(18px, 2.5vw, 28px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.065)),
        rgba(18, 20, 19, 0.46);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(18px) saturate(1.14);
    -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

.store-interior-billboard .store-info-title {
    font-size: clamp(24px, 3vw, 34px);
}

.store-interior-billboard .store-info-desc {
    max-width: 820px;
}

@media (max-width: 760px) {
    .store-interior-billboard {
        min-height: 300px;
        border-radius: 24px;
    }
    .store-interior-billboard-image {
        filter: blur(16px) saturate(1.14) brightness(0.76);
    }
    .store-interior-billboard-content {
        border-radius: 22px;
        padding: 18px;
    }
}

#products-section.store-interior-light .store-interior-billboard {
    background: rgba(255, 252, 246, 0.52);
    border-color: rgba(31, 31, 31, 0.09);
    box-shadow: 0 24px 70px rgba(28, 25, 20, 0.12);
}

#products-section.store-interior-light .store-interior-billboard::before {
    content: "";
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.56), transparent 30%),
        linear-gradient(90deg, rgba(255, 252, 246, 0.76), rgba(255, 252, 246, 0.34) 55%, rgba(255, 252, 246, 0.7));
}

#products-section.store-interior-light .store-interior-billboard::after {
    content: "";
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -30px 62px rgba(31, 31, 31, 0.08);
}

#products-section.store-interior-light .store-interior-billboard-image {
    filter: blur(18px) saturate(1.16) brightness(1.04);
    opacity: 0.76;
}

#products-section.store-interior-light .store-interior-billboard-content {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.34)),
        rgba(255, 252, 246, 0.46);
    border-color: rgba(31, 31, 31, 0.09);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 18px 44px rgba(28, 25, 20, 0.08);
}

.body-layout-foodstrip .product-add-btn,
.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip .mini-product .add {
    border-radius: 12px;
    font-weight: 850;
}

.body-layout-foodstrip .product-card {
    border-radius: 18px;
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-page {
        align-items: flex-end;
        padding: 0;
    }
    .body-layout-foodstrip .checkout-page-card {
        border-radius: 24px 24px 0 0;
        max-height: 94vh;
    }
    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: 1fr;
    }
    .body-layout-foodstrip .checkout-side {
        position: static;
    }
}

body.body-layout-foodstrip.browse-site-light .browse-with-cart-shell,
body.body-layout-foodstrip.browse-site-light .browse-layout,
body.body-layout-foodstrip.browse-site-light .stores-browse-root,
body.body-layout-foodstrip.browse-site-light .line-mode-chrome,
body.body-layout-foodstrip.browse-site-light .line-mode-section-head,
body.body-layout-foodstrip.browse-site-light .browse-cart-track,
body.body-layout-foodstrip.browse-site-light .line-mode-search,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
body.body-layout-foodstrip.browse-site-light .browse-category-scroll,
body.body-layout-foodstrip.browse-site-light .line-mode-filters,
body.body-layout-foodstrip.browse-site-light .stores-rail-shell,
body.body-layout-foodstrip.browse-site-light .stores-grid,
body.body-layout-foodstrip.browse-site-light .repeat-orders,
body.body-layout-foodstrip.browse-site-light .dish-of-week-section,
body.body-layout-foodstrip.browse-site-light .fast-delivery-section,
body.body-layout-foodstrip.browse-site-light .products-rail-section,
body.body-layout-foodstrip.browse-site-light .dish-of-week-grid,
body.body-layout-foodstrip.browse-site-light #stores-list,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list,
body.body-layout-foodstrip.browse-site-light #products-rail-list {
    background: transparent !important;
    color: var(--owner-text) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-cart-track,
body.body-layout-foodstrip.browse-site-light .stores-rail-shell,
body.body-layout-foodstrip.browse-site-light .products-rail-section,
body.body-layout-foodstrip.browse-site-light .dish-of-week-section,
body.body-layout-foodstrip.browse-site-light .fast-delivery-section,
body.body-layout-foodstrip.browse-site-light .repeat-orders {
    isolation: isolate;
    position: relative;
}

body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    background: rgba(246, 244, 239, 0.78) !important;
    border-radius: 16px;
    padding: 2px;
}

body.body-layout-foodstrip.browse-site-light .product-rail-card,
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    background-clip: padding-box;
}

.store-shelves-section {
    margin-top: 26px;
}

.store-shelves-head {
    margin-bottom: 12px;
}

.store-shelves-sub {
    color: rgba(236, 255, 247, 0.62);
    font-size: 0.94rem;
    line-height: 1.45;
    margin: -4px 0 0;
}

.store-shelves-list {
    display: grid;
    gap: 14px;
}

.store-shelf {
    animation: luminiFadeSlideUp 0.38s var(--lumini-ease-out) both;
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(210px, 0.3fr) minmax(0, 1fr);
    overflow: visible;
    padding: 0;
}
.store-shelf-brand {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 11px;
    grid-template-columns: 64px minmax(0, 1fr);
    min-width: 0;
    padding: 12px;
    text-align: left;
}

.store-shelf .store-shelf-brand {
    align-content: end;
    border: 0;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.store-shelf .store-shelf-brand::after {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.04) 10%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.88) 100%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.store-shelf-logo {
    aspect-ratio: 1;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    display: block;
    height: 64px;
    object-fit: cover;
    width: 64px;
}

.store-shelf .store-shelf-logo {
    border-radius: inherit;
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.store-shelf-brand-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.store-shelf .store-shelf-brand-copy {
    align-self: end;
    display: grid;
    gap: 6px;
    padding: 64px 14px 12px;
    position: relative;
    z-index: 2;
}

.store-shelf-brand-copy strong {
    color: #fff;
    font-size: 1rem;
    line-height: 1.12;
}

.store-shelf .store-shelf-brand-copy strong {
    color: #fff;
    font-size: 1.08rem;
    line-height: 1.08;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.42);
}

.store-shelf-brand-copy span {
    color: rgba(236, 255, 247, 0.58);
    display: -webkit-box;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.store-shelf .store-shelf-brand-copy span {
    color: rgba(255, 255, 255, 0.7);
    -webkit-line-clamp: 3;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.36);
}

.store-shelf-open {
    align-items: center;
    align-self: end;
    background: #285a48;
    border-radius: 999px;
    color: #ecfff7;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
}

.store-shelf .store-shelf-open {
    align-self: end;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-sizing: border-box;
    color: #fff;
    grid-column: auto;
    justify-self: start;
    margin: 0 14px 14px;
    min-height: 32px;
    min-width: 86px;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.store-shelf-products-wrap {
    min-width: 0;
    position: relative;
}

.store-shelf-products {
    display: flex;
    gap: 12px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2px 6px;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.store-shelf-products::-webkit-scrollbar {
    height: 0;
}

.store-shelf-nav {
    align-items: center;
    background: rgba(18, 18, 18, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: #ecfff7;
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    margin-top: -19px;
    position: absolute;
    top: 50%;
    width: 38px;
    z-index: 5;
}

.store-shelf-nav--left {
    left: -7px;
}

.store-shelf-nav--right {
    right: -7px;
}

.store-shelf-nav:hover {
    background: rgba(18, 18, 18, 0.94);
}

.store-shelf-product.product-rail-card {
    flex: 0 0 min(224px, 72vw);
    scroll-snap-align: start;
}

.store-shelf-product.product-rail-card {
    border-radius: 18px;
    flex-basis: min(246px, 74vw);
    overflow: hidden;
}

.store-shelf-product .product-rail-image-wrap {
    aspect-ratio: 1.18 / 1 !important;
    border-radius: 16px 16px 12px 12px;
    min-height: 156px;
}

.store-shelf-product .product-rail-image {
    display: block;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
}

.store-shelf-product .product-rail-body {
    padding-top: 10px;
}

.store-shelf-product .product-rail-name {
    min-height: 2.25em;
}

.store-shelf-product .product-rail-meta {
    -webkit-line-clamp: 2;
}

.store-shelf-product .food-card-badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#products-rail-list .product-rail-card {
    border-radius: 18px;
    width: min(246px, 74vw);
    max-width: min(246px, 74vw);
    overflow: hidden;
}

#products-rail-list .product-rail-image-wrap {
    aspect-ratio: 1.18 / 1 !important;
    border-radius: 16px 16px 12px 12px;
    min-height: 156px;
}

#products-rail-list .product-rail-image {
    display: block;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
}

#products-rail-list .product-rail-body {
    padding-top: 10px;
}

#products-rail-list .product-rail-name {
    min-height: 2.25em;
}

#products-rail-list .product-rail-meta {
    -webkit-line-clamp: 2;
}

.store-shelf .store-shelf-brand {
    grid-template-columns: 1fr !important;
}

.store-shelf .store-shelf-open {
    grid-column: auto !important;
}

.store-shelf--skeleton .product-skel-card {
    flex: 0 0 180px;
    min-height: 150px;
}

body.body-layout-foodstrip.browse-site-light .store-shelves-section,
body.body-layout-foodstrip.browse-site-light .store-shelves-list {
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light .store-shelves-sub {
    color: var(--owner-muted);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-brand {
    background: rgba(255, 255, 255, 0.78);
    border-color: var(--owner-line);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-logo {
    background: rgba(216, 159, 56, 0.14);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-brand-copy strong {
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-brand-copy span {
    color: var(--owner-muted);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-open {
    background: var(--owner-ink);
    color: #fff;
}

body.body-layout-foodstrip.browse-site-light .store-shelf-nav {
    background: rgba(255, 255, 255, 0.94);
    border-color: var(--owner-line);
    box-shadow: 0 10px 24px rgba(28, 25, 20, 0.12);
    color: var(--owner-text);
}

body.body-layout-foodstrip.browse-site-light .store-shelf-nav:hover {
    background: #fff;
}

@media (max-width: 820px) {
    .store-shelf {
        grid-template-columns: 1fr;
    }
    .store-shelf-brand {
        grid-template-columns: 56px minmax(0, 1fr) auto;
    }
    .store-shelf-logo {
        height: 56px;
        width: 56px;
    }
    .store-shelf-open {
        grid-column: auto;
        min-width: 80px;
    }
}

@media (max-width: 640px) {
    .store-shelf-nav {
        display: none;
    }
}

@media (max-width: 520px) {
    .store-shelf-brand {
        grid-template-columns: 52px minmax(0, 1fr);
    }
    .store-shelf-open {
        grid-column: 1 / -1;
    }
    .store-shelf-product.product-rail-card {
        flex-basis: min(216px, 76vw);
    }
}

/* Store poster cards: full-cover logo/image with readable bottom overlay */
.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    border-radius: 22px;
    overflow: hidden;
    background: #151517 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-wrap,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-wrap {
    border: 0 !important;
    border-radius: 22px !important;
    background: #151517 !important;
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-inner,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-inner,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner {
    min-height: clamp(220px, 28vw, 310px) !important;
    max-height: none !important;
    aspect-ratio: 4 / 5 !important;
    align-items: stretch !important;
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    filter: saturate(1.06) contrast(1.03);
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-inner::before,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-inner::before,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.02) 12%, rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.82) 100%);
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-hover,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-hover,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-hover {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    padding: 58px 14px 14px !important;
    margin: 0 !important;
    max-height: none !important;
    border: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 62%, rgba(0, 0, 0, 0.9) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip .store-hover .store-title,
.body-layout-foodstrip.browse-site-light .store-hover .store-title {
    margin: 0 0 9px !important;
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1.08;
    letter-spacing: 0;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.42);
}

.body-layout-foodstrip .store-card-meta {
    gap: 7px !important;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.body-layout-foodstrip .store-meta-pill,
.body-layout-foodstrip .store-live-tag {
    align-items: center;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 999px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.94) !important;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 850;
    justify-content: center;
    line-height: 1;
    min-height: 28px;
    min-width: 42px;
    padding: 7px 10px !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: nowrap;
}

.body-layout-foodstrip .store-meta-pill--accent {
    min-width: 72px;
}

.body-layout-foodstrip .store-meta-pill--open,
.body-layout-foodstrip .store-meta-pill--closed {
    min-width: 72px;
}

.body-layout-foodstrip .store-meta-pill--open {
    background: rgba(34, 197, 94, 0.24) !important;
    border-color: rgba(134, 239, 172, 0.42) !important;
    color: #dcfce7 !important;
}

.body-layout-foodstrip .store-meta-pill--closed {
    background: rgba(244, 63, 94, 0.22) !important;
    border-color: rgba(253, 164, 175, 0.36) !important;
    color: #ffe4e6 !important;
}

.body-layout-foodstrip .store-meta-time,
body.body-layout-foodstrip.browse-site-light .store-meta-time {
    margin-top: 8px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.25;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-meta-time {
    font-size: 13px;
}

@media (hover: hover) and (pointer: fine) {
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image,
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image,
    .body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image {
        transform: scale(1.045);
        filter: saturate(1.12) contrast(1.06);
    }
}

@media (max-width: 640px) {
    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-inner,
    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-image-inner,
    .body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner {
        min-height: 236px !important;
        aspect-ratio: 5 / 6 !important;
    }
}

.order-game-overlay {
    align-items: center;
    background: rgba(9, 8, 6, 0.72);
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 18px;
    pointer-events: none;
    position: fixed;
    transition: opacity 0.18s ease;
    z-index: 12000;
}

.order-game-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
}

.order-game-card {
    background:
        radial-gradient(circle at 12% 0%, rgba(216, 159, 56, 0.2), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        #1f1a13;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
    color: #fff7e8;
    max-height: min(720px, calc(100vh - 36px));
    max-width: 940px;
    overflow: hidden;
    width: min(940px, 100%);
}

.order-game-intro {
    display: grid;
    gap: 12px;
    padding: 28px;
}

.order-game-kicker {
    color: #ffc766;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.09em;
    margin: 0;
    text-transform: uppercase;
}

.order-game-intro h2 {
    color: #fff7e8;
    font-size: clamp(25px, 4vw, 42px);
    line-height: 1.05;
    margin: 0;
}

.order-game-intro p:not(.order-game-kicker) {
    color: rgba(255, 247, 232, 0.72);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
    max-width: 540px;
}

.order-game-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

.order-game-start,
.order-game-close {
    border: 0;
    border-radius: 14px;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    min-height: 46px;
    padding: 0 18px;
}

.order-game-start {
    background: linear-gradient(135deg, #d89f38, #ffc766);
    color: #21160a;
}

.order-game-close {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 247, 232, 0.9);
}

.order-game-frame {
    border: 0;
    display: block;
    height: min(720px, calc(100vh - 36px));
    width: 100%;
}

.order-game-frame[hidden] {
    display: none;
}

.order-game-overlay.is-playing .order-game-card {
    background: #18150f;
}

.order-game-overlay.is-playing .order-game-intro {
    display: none;
}

body.body-layout-foodstrip.browse-site-light .order-game-card {
    background:
        radial-gradient(circle at 12% 0%, rgba(216, 159, 56, 0.24), transparent 38%),
        linear-gradient(180deg, #fffaf0, #f4ecd9);
    color: #241a11;
}

body.body-layout-foodstrip.browse-site-light .order-game-intro h2 {
    color: #241a11;
}

body.body-layout-foodstrip.browse-site-light .order-game-intro p:not(.order-game-kicker) {
    color: rgba(36, 26, 17, 0.68);
}

body.body-layout-foodstrip.browse-site-light .order-game-close {
    background: rgba(36, 26, 17, 0.08);
    color: #241a11;
}

@media (max-width: 640px) {
    .order-game-overlay {
        padding: 10px;
    }

    .order-game-card {
        border-radius: 20px;
        max-height: calc(100vh - 20px);
    }

    .order-game-intro {
        padding: 22px;
    }

    .order-game-actions {
        display: grid;
    }

    .order-game-frame {
        height: calc(100vh - 20px);
    }
}

/* Premium delivery UI pass - final overrides. Keep this block last for easy rollback. */
body.body-layout-foodstrip {
    --premium-bg: #0f1211;
    --premium-text: #f5f1e8;
    --premium-muted: rgba(245, 241, 232, 0.66);
    --premium-line: rgba(255, 255, 255, 0.115);
    --premium-gold: #e4b65f;
    --premium-green: #7fdc9d;
    background:
        radial-gradient(circle at 18% -10%, rgba(228, 182, 95, 0.24), transparent 34rem),
        radial-gradient(circle at 92% 6%, rgba(127, 220, 157, 0.14), transparent 30rem),
        linear-gradient(180deg, #151814 0%, var(--premium-bg) 42%, #101110 100%) !important;
    color: var(--premium-text);
}

body.body-layout-foodstrip::before {
    content: "";
    position: fixed;
    left: -15vw;
    top: -18vh;
    z-index: 0;
    width: min(640px, 72vw);
    height: min(760px, 84vh);
    pointer-events: none;
    background:
        radial-gradient(ellipse at 36% 40%, rgba(226, 255, 206, 0.62) 0 8%, rgba(126, 240, 167, 0.42) 17%, transparent 38%),
        radial-gradient(ellipse at 74% 24%, rgba(67, 176, 118, 0.34) 0 18%, transparent 48%),
        radial-gradient(ellipse at 70% 72%, rgba(1, 21, 13, 0.72) 0 22%, transparent 54%),
        radial-gradient(ellipse at 15% 72%, rgba(159, 239, 176, 0.2), transparent 42%);
    filter: blur(22px) saturate(1.25);
    opacity: 0.92;
    transform: rotate(-9deg);
}

.body-layout-foodstrip .app-container {
    position: relative;
    z-index: 1;
}

.body-layout-foodstrip .app-container {
    max-width: 1240px;
    padding: 18px clamp(14px, 2.4vw, 28px) 28px;
}

.body-layout-foodstrip header {
    position: sticky;
    top: 12px;
    z-index: 80;
    margin: 0 0 18px;
    padding: 10px;
    border: 1px solid var(--premium-line);
    border-radius: 24px;
    background: rgba(16, 18, 17, 0.72) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(22px) saturate(1.25);
    -webkit-backdrop-filter: blur(22px) saturate(1.25);
}

.body-layout-foodstrip .header-brand {
    position: relative;
    min-height: 48px;
    padding: 5px 9px;
    border: 1px solid rgba(127, 220, 157, 0.16);
    border-radius: 26px;
    background:
        radial-gradient(circle at 12% 22%, rgba(127, 220, 157, 0.22), transparent 54%),
        rgba(255, 255, 255, 0.045);
    overflow: hidden;
}

.body-layout-foodstrip .header-brand::before {
    content: "";
    position: absolute;
    inset: -60% 35% -70% -40%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgba(158, 255, 186, 0.42), transparent 60%);
    filter: blur(15px);
}

.body-layout-foodstrip .header-home-btn {
    position: relative;
    z-index: 1;
    min-width: 112px;
    border-radius: 22px;
}

.body-layout-foodstrip .header-brand-logo {
    border-radius: 18px;
}

.premium-hero {
    --hero-x: 22%;
    --hero-y: 28%;
    --hero-glow: 0;
    --hero-liquid: 0.58;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin: 8px 0 18px;
    padding: clamp(18px, 4vw, 34px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, 0.14), transparent 16rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
        radial-gradient(circle at 85% 20%, rgba(228, 182, 95, 0.34), transparent 18rem),
        radial-gradient(circle at 10% 90%, rgba(127, 220, 157, 0.18), transparent 18rem),
        #171a17;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -38px 90px rgba(255, 255, 255, 0.035),
        0 26px 80px rgba(0, 0, 0, 0.34);
    isolation: isolate;
    backdrop-filter: blur(22px) saturate(1.22);
    -webkit-backdrop-filter: blur(22px) saturate(1.22);
}

.premium-hero::before {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 70%, rgba(103, 236, 154, 0.22), transparent 13rem),
        radial-gradient(circle at 78% 34%, rgba(229, 211, 105, 0.18), transparent 14rem),
        radial-gradient(circle at 45% 25%, rgba(153, 255, 199, 0.12), transparent 12rem),
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(236, 255, 224, 0.22), transparent 11rem),
        linear-gradient(112deg, transparent 20%, rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.025) 48%, transparent 62%);
    background-size: 120% 120%, 135% 135%, 150% 150%, auto, auto;
    background-position: 0% 40%, 100% 18%, 45% 0%, center, center;
    filter: blur(18px);
    opacity: var(--hero-liquid);
    transform: translate3d(0, 0, 0) rotate(-8deg);
    transition: opacity 0.24s ease;
    mix-blend-mode: screen;
    animation: premiumHeroLiquidDrift 18s ease-in-out infinite alternate;
}

@keyframes premiumHeroLiquidDrift {
    0% {
        background-position: 0% 48%, 100% 16%, 38% 0%, center, center;
        transform: translate3d(-1.2%, 0.8%, 0) rotate(-8deg) scale(1.02);
    }
    45% {
        background-position: 28% 60%, 72% 30%, 54% 18%, center, center;
        transform: translate3d(1.4%, -1%, 0) rotate(-5deg) scale(1.05);
    }
    100% {
        background-position: 58% 38%, 42% 46%, 70% 8%, center, center;
        transform: translate3d(0.4%, 1.6%, 0) rotate(-10deg) scale(1.03);
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-hero::before {
        animation: none;
    }
}

.premium-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, 0.14), transparent 7.5rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 28%, rgba(255, 255, 255, 0.045) 46%, transparent 62%);
    opacity: var(--hero-glow);
    transition: opacity 0.18s ease;
    mix-blend-mode: screen;
}

.body-layout-foodstrip .premium-hero.is-pointer-inside::after {
    opacity: var(--hero-glow);
}

.body-layout-foodstrip .premium-hero.is-pointer-inside::before {
    opacity: var(--hero-liquid);
}

.body-layout-foodstrip .premium-hero.is-pointer-inside {
    --hero-glow: 0.42;
    --hero-liquid: 0.64;
}

.premium-hero-kicker {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--premium-gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.premium-hero h2 {
    max-width: 760px;
    margin: 0;
    color: var(--premium-text);
    font-size: clamp(30px, 5.6vw, 64px);
    line-height: 0.96;
    letter-spacing: -0.03em;
}

.premium-hero-word {
    position: relative;
    display: inline;
    background:
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, 0.86), transparent 34%),
        linear-gradient(110deg, #0f2419 0%, #3dbf72 45%, #f2c76a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 16px 34px rgba(33, 141, 83, 0.18);
}

.premium-hero-word--fast {
    background:
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, 0.78), transparent 32%),
        linear-gradient(110deg, #0f2419 0%, #74d995 36%, #2f9a5d 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.premium-hero p,
.premium-hero-stats span {
    color: var(--premium-muted);
}

.premium-hero p {
    max-width: 560px;
    margin-top: 14px;
    font-size: clamp(14px, 1.7vw, 17px);
    line-height: 1.45;
}

.premium-hero-stats {
    display: grid;
    gap: 10px;
    min-width: 156px;
}

.premium-hero-stats span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.18);
    font-size: 13px;
    font-weight: 800;
}

.premium-hero-stats strong {
    color: var(--premium-text);
    font-size: 20px;
}

.premium-hero-copy,
.premium-hero-stats {
    position: relative;
    z-index: 1;
}

.body-layout-foodstrip .line-mode-chrome {
    display: none !important;
}

.body-layout-foodstrip .line-mode-search {
    position: sticky;
    top: 94px;
    z-index: 45;
    margin-bottom: 12px;
}

.body-layout-foodstrip .global-search {
    min-height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.09) !important;
    color: var(--premium-text) !important;
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.18) !important;
    font-size: 16px;
    font-weight: 750;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.body-layout-foodstrip .browse-category-sort-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    max-width: 100%;
    overflow: hidden;
    gap: 10px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.045) !important;
}

.body-layout-foodstrip .browse-category-scroll {
    flex: 1 1 auto;
    min-width: 0;
    max-height: 46px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 26px, #000 calc(100% - 26px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 26px, #000 calc(100% - 26px), transparent);
}

.body-layout-foodstrip .browse-category-sort-row.is-at-start .browse-category-scroll {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent);
}

.body-layout-foodstrip .browse-category-sort-row.is-at-end .browse-category-scroll {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 26px, #000 100%);
    mask-image: linear-gradient(90deg, transparent, #000 26px, #000 100%);
}

.body-layout-foodstrip .browse-category-scroll::-webkit-scrollbar {
    display: none;
}

.body-layout-foodstrip .line-mode-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    min-width: max-content;
}

.category-scroll-btn {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.075);
    color: var(--premium-text);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 38px;
    justify-content: center;
    padding: 0;
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease;
    width: 38px;
}

.category-scroll-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
}

.browse-category-sort-row.is-at-start .category-scroll-btn--left,
.browse-category-sort-row.is-at-end .category-scroll-btn--right {
    opacity: 0.32;
}

.body-layout-foodstrip .browse-sort-open-btn {
    flex: 0 0 auto;
}

.body-layout-foodstrip .line-filter-pill,
.body-layout-foodstrip .browse-sort-open-btn {
    min-height: 38px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.075) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(245, 241, 232, 0.78) !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 850;
}

.body-layout-foodstrip .line-filter-pill.is-active,
.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'] {
    background: #f2c76a !important;
    border-color: #f2c76a !important;
    color: #17120a !important;
    box-shadow: 0 12px 30px rgba(228, 182, 95, 0.22) !important;
}

.body-layout-foodstrip .delivery-address-btn,
.body-layout-foodstrip .browse-theme-toggle,
.body-layout-foodstrip .store-admin-entry,
.body-layout-foodstrip .header-login-open-btn,
.body-layout-foodstrip .header-auth-user,
.body-layout-foodstrip .orders-icon,
.body-layout-foodstrip .cart-icon {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.075) !important;
    color: var(--premium-text) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip .cart-icon-btn {
    min-width: 92px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(228, 182, 95, 0.24), rgba(127, 220, 157, 0.13)) !important;
}

.body-layout-foodstrip .product-rail-card,
.body-layout-foodstrip .dish-week-card,
.body-layout-foodstrip #products-section .product-card {
    border: 1px solid rgba(255, 255, 255, 0.105) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045)),
        rgba(18, 20, 19, 0.86) !important;
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.18) !important;
}

.body-layout-foodstrip .repeat-orders-title,
.body-layout-foodstrip .store-section-title {
    margin-top: 28px;
    color: var(--premium-text) !important;
    font-size: clamp(22px, 2.8vw, 34px);
    letter-spacing: -0.025em;
}

.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip .product-add-btn,
.body-layout-foodstrip .mini-product .add,
.body-layout-foodstrip .browse-cart-checkout-btn,
.body-layout-foodstrip .checkout-submit-btn {
    border-radius: 16px !important;
    background: linear-gradient(135deg, #f2c76a, #8fe7aa) !important;
    color: #15120b !important;
    box-shadow: 0 14px 32px rgba(143, 231, 170, 0.16) !important;
}

body.body-layout-foodstrip.browse-site-light {
    --premium-text: #211d17;
    --premium-muted: rgba(33, 29, 23, 0.62);
    background:
        radial-gradient(circle at 18% -10%, rgba(226, 182, 99, 0.28), transparent 34rem),
        radial-gradient(circle at 90% 4%, rgba(96, 170, 120, 0.13), transparent 28rem),
        linear-gradient(180deg, #fffaf0 0%, #f3efe6 58%, #ece7dc 100%) !important;
}

body.body-layout-foodstrip.browse-site-light::before {
    background:
        radial-gradient(ellipse at 36% 40%, rgba(255, 250, 206, 0.74) 0 8%, rgba(126, 210, 142, 0.32) 18%, transparent 39%),
        radial-gradient(ellipse at 74% 24%, rgba(75, 160, 105, 0.22) 0 18%, transparent 48%),
        radial-gradient(ellipse at 70% 72%, rgba(91, 67, 28, 0.18) 0 22%, transparent 54%);
    opacity: 0.72;
}

body.body-layout-foodstrip.browse-site-light header,
body.body-layout-foodstrip.browse-site-light .premium-hero,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    background: rgba(255, 252, 246, 0.78) !important;
    border-color: rgba(33, 29, 23, 0.1) !important;
    box-shadow: 0 18px 60px rgba(53, 42, 25, 0.1) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .line-filter-pill,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
body.body-layout-foodstrip.browse-site-light .category-scroll-btn,
body.body-layout-foodstrip.browse-site-light .product-rail-card,
body.body-layout-foodstrip.browse-site-light .dish-week-card {
    background: rgba(255, 253, 248, 0.84) !important;
    border-color: rgba(33, 29, 23, 0.1) !important;
    color: var(--premium-text) !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip header {
        top: 8px;
        border-radius: 20px;
    }
    .premium-hero {
        grid-template-columns: 1fr;
        border-radius: 24px;
        padding: 22px;
    }
    .premium-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-width: 0;
    }
    .premium-hero-stats span {
        display: grid;
        justify-items: start;
        min-height: 58px;
        font-size: 11px;
    }
    .body-layout-foodstrip .line-mode-search {
        top: 84px;
    }
}

.food-card-badge--premium {
    background: linear-gradient(135deg, rgba(143, 231, 170, 0.94), rgba(242, 199, 106, 0.92)) !important;
    color: #15120b !important;
    right: 10px;
    left: auto;
}

.owner-premium-photo {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(31, 31, 31, 0.09);
    border-radius: 12px;
    background:
        radial-gradient(circle at 0 0, rgba(143, 231, 170, 0.18), transparent 44%),
        rgba(255, 255, 255, 0.72);
}

.owner-premium-title,
.owner-premium-preview-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.owner-premium-title {
    justify-content: space-between;
    color: var(--admin-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.owner-premium-title strong {
    color: #25633b;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.owner-premium-preview-row {
    align-items: flex-start;
}

.owner-product-thumb--premium {
    outline: 2px solid rgba(143, 231, 170, 0.72);
    outline-offset: 2px;
}

.owner-premium-actions {
    display: grid;
    gap: 7px;
    min-width: 180px;
}

.owner-premium-actions input[type="file"] {
    font-size: 0.76rem;
}

/* Soft hand-drawn arrows used as attention accents, not primary controls. */
.body-layout-foodstrip .products-rail-section,
.body-layout-foodstrip .browse-cart-checkout-btn {
    position: relative;
}
.body-layout-foodstrip .products-rail-section .repeat-orders-title::after,
.body-layout-foodstrip .checkout-side::before,
.body-layout-foodstrip .products-rail-section::after,
.body-layout-foodstrip .browse-cart-checkout-btn::after {
    background: linear-gradient(118deg, #44c878 0%, #dfe477 58%, #f1be61 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 14px 24px rgba(61, 191, 114, 0.2));
    pointer-events: none;
}
.body-layout-foodstrip .products-rail-section .repeat-orders-title::after {
    content: "\2198" !important;
    opacity: 0.82;
}
.body-layout-foodstrip .checkout-side::before {
    content: "\2198" !important;
}
.body-layout-foodstrip .products-rail-section::after {
    content: "\21B7";
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 950;
    line-height: 1;
    opacity: 0.46;
    position: absolute;
    right: clamp(14px, 4vw, 52px);
    top: 18px;
    transform: rotate(-18deg);
    z-index: 1;
}
.body-layout-foodstrip .browse-cart-checkout-btn {
    overflow: visible;
    padding-right: 48px;
}
.body-layout-foodstrip .browse-cart-checkout-btn::after {
    content: "\2192";
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    opacity: 0.72;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

/* Graffiti-like UI arrows: richer decorative accents based on the user's reference. */
.body-layout-foodstrip .products-rail-section .repeat-orders-title::after,
.body-layout-foodstrip .products-rail-section::after,
.body-layout-foodstrip .checkout-side::before {
    display: none !important;
}
.ui-brush-arrow {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 4;
}
.ui-brush-arrow svg {
    display: block;
    height: auto;
    overflow: visible;
    width: 100%;
}
.ui-brush-arrow .brush-arrow-shadow,
.ui-brush-arrow .brush-arrow-main,
.ui-brush-arrow .brush-arrow-head,
.ui-brush-arrow .brush-arrow-drip {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ui-brush-arrow .brush-arrow-shadow {
    filter: blur(2px);
    opacity: 0.24;
    stroke: rgba(5, 12, 8, 0.62);
    stroke-width: 15;
}
.ui-brush-arrow .brush-arrow-main {
    stroke-width: 10;
}
.ui-brush-arrow .brush-arrow-head {
    stroke-width: 10;
}
.ui-brush-arrow .brush-arrow-drip {
    opacity: 0.5;
    stroke: rgba(18, 33, 22, 0.72);
    stroke-width: 3.4;
}
.ui-brush-arrow .brush-arrow-dot {
    fill: rgba(18, 33, 22, 0.66);
}
.ui-brush-arrow--products {
    opacity: 0.78;
    right: clamp(34px, 7vw, 96px);
    top: -16px;
    transform: rotate(-8deg);
    width: clamp(122px, 14vw, 188px);
}
.ui-brush-arrow--checkout {
    opacity: 0.7;
    right: 10px;
    top: 18px;
    transform: rotate(7deg);
    width: 132px;
}

/* Premium liquid glass pass for key action buttons. */
.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip .product-add-btn,
.body-layout-foodstrip .mini-product .add,
.body-layout-foodstrip .browse-cart-checkout-btn,
.body-layout-foodstrip .checkout-submit-btn {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.42), transparent 34%),
        linear-gradient(135deg, rgba(242, 199, 106, 0.98), rgba(126, 224, 154, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -14px 24px rgba(23, 18, 10, 0.12),
        0 16px 34px rgba(94, 201, 129, 0.2),
        0 3px 10px rgba(0, 0, 0, 0.16) !important;
    color: #15120b !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}

.body-layout-foodstrip .browse-cart-checkout-btn,
.body-layout-foodstrip .checkout-submit-btn,
.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip .mini-product .add {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.body-layout-foodstrip .browse-cart-checkout-btn::before,
.body-layout-foodstrip .checkout-submit-btn::before,
.body-layout-foodstrip .product-rail-add::before,
.body-layout-foodstrip .mini-product .add::before {
    content: "";
    position: absolute;
    inset: -42% -32%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at var(--glass-x, 28%) var(--glass-y, 18%), rgba(255, 255, 255, 0.72), transparent 16%),
        linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, 0.42) 42%, transparent 66%);
    opacity: 0.42;
    transform: translateX(-18%) rotate(6deg);
    transition:
        opacity 0.28s ease,
        transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.body-layout-foodstrip .browse-cart-checkout-btn:hover::before,
.body-layout-foodstrip .checkout-submit-btn:hover::before,
.body-layout-foodstrip .product-rail-add:hover::before,
.body-layout-foodstrip .mini-product .add:hover::before {
    opacity: 0.74;
    transform: translateX(18%) rotate(6deg);
}

.body-layout-foodstrip .browse-cart-checkout-btn:hover,
.body-layout-foodstrip .checkout-submit-btn:hover,
.body-layout-foodstrip .product-rail-add:hover,
.body-layout-foodstrip .mini-product .add:hover {
    filter: saturate(1.04) brightness(1.03);
    transform: translateY(-1px);
}

.body-layout-foodstrip .product-add-btn {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -10px 18px rgba(23, 18, 10, 0.13),
        0 12px 28px rgba(94, 201, 129, 0.22) !important;
}

.body-layout-foodstrip .product-add-btn:hover {
    filter: saturate(1.05) brightness(1.04);
    transform: translateY(-1px) scale(1.02);
}

.owner-btn.primary,
.owner-btn.gold {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(255, 255, 255, 0.28) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.42), transparent 34%),
        linear-gradient(135deg, rgba(47, 180, 104, 0.98), rgba(223, 205, 94, 0.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -14px 24px rgba(19, 36, 23, 0.15),
        0 14px 30px rgba(47, 180, 104, 0.2) !important;
}

.owner-btn.primary::before,
.owner-btn.gold::before {
    content: "";
    position: absolute;
    inset: -48% -36%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.62), transparent 15%),
        linear-gradient(112deg, transparent 22%, rgba(255, 255, 255, 0.34) 46%, transparent 68%);
    opacity: 0.44;
    transform: translateX(-18%) rotate(7deg);
    transition: opacity 0.28s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.owner-btn.primary:hover::before,
.owner-btn.gold:hover::before {
    opacity: 0.72;
    transform: translateX(18%) rotate(7deg);
}

@media (prefers-reduced-motion: reduce) {
    .body-layout-foodstrip .browse-cart-checkout-btn::before,
    .body-layout-foodstrip .checkout-submit-btn::before,
    .body-layout-foodstrip .product-rail-add::before,
    .body-layout-foodstrip .mini-product .add::before,
    .owner-btn.primary::before,
    .owner-btn.gold::before {
        transition: none;
    }
}

/* Softer food-photo treatment: replaces the old hard side glare on product images. */
.body-layout-foodstrip .product-rail-image-wrap,
.body-layout-foodstrip #products-section .product-card-image-wrap,
.body-layout-foodstrip .mini-product-media {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.body-layout-foodstrip .product-rail-image-wrap::before,
.body-layout-foodstrip #products-section .product-card-image-wrap::before,
.body-layout-foodstrip .mini-product-media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 18% 12%, rgba(255, 245, 214, 0.22), transparent 34%),
        radial-gradient(ellipse at 92% 24%, rgba(143, 231, 170, 0.08), transparent 42%);
    opacity: 0.72;
    mix-blend-mode: screen;
}

.body-layout-foodstrip .product-rail-image-wrap::after,
.body-layout-foodstrip #products-section .product-card-image-wrap::after,
.body-layout-foodstrip .mini-product-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, transparent 38%, rgba(0, 0, 0, 0.2) 100%),
        linear-gradient(105deg, transparent 0 62%, rgba(255, 255, 255, 0.035) 76%, transparent 100%);
    opacity: 0.74;
}

.body-layout-foodstrip .product-rail-image,
.body-layout-foodstrip #products-section .product-card-image,
.body-layout-foodstrip .mini-product .mini-product-media img {
    filter: saturate(1.06) contrast(1.025);
}

body.body-layout-foodstrip.browse-site-light .product-rail-image-wrap::before,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::before,
body.body-layout-foodstrip.browse-site-light .mini-product-media::before,
#products-section.store-interior-light .product-card-image-wrap::before {
    background:
        radial-gradient(ellipse at 18% 12%, rgba(255, 255, 255, 0.28), transparent 34%),
        radial-gradient(ellipse at 92% 24%, rgba(216, 159, 56, 0.08), transparent 42%);
    opacity: 0.68;
}

body.body-layout-foodstrip.browse-site-light .product-rail-image-wrap::after,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::after,
body.body-layout-foodstrip.browse-site-light .mini-product-media::after,
#products-section.store-interior-light .product-card-image-wrap::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, transparent 42%, rgba(28, 25, 20, 0.12) 100%),
        radial-gradient(ellipse at 82% 18%, rgba(255, 255, 255, 0.08), transparent 38%);
    opacity: 0.7;
}

/* Main page polish: keep stores as a rail, improve light-theme contrast, soften add buttons. */
.body-layout-foodstrip .stores-line-expand-row,
.body-layout-foodstrip .stores-rail-expand-btn {
    display: none !important;
}

#stores-list.stores-masonry.stores-layout-line.stores-rail-expanded {
    display: flex !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 10px !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand::after {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.02) 4%, rgba(0, 0, 0, 0.28) 42%, rgba(0, 0, 0, 0.9) 100%) !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand-copy strong {
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.58);
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand-copy span {
    color: rgba(255, 255, 255, 0.82) !important;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.52);
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-open {
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #fff !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.34);
}

.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip #products-section .product-add-btn,
.body-layout-foodstrip .mini-product .add {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background:
        linear-gradient(135deg, rgba(242, 199, 106, 0.94), rgba(135, 220, 160, 0.94)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 8px 18px rgba(62, 169, 101, 0.12) !important;
    color: #16130d !important;
    text-shadow: none !important;
}

.body-layout-foodstrip .product-rail-add::before,
.body-layout-foodstrip .mini-product .add::before {
    opacity: 0.18 !important;
    transform: none !important;
}

.body-layout-foodstrip .product-rail-add:hover::before,
.body-layout-foodstrip .mini-product .add:hover::before {
    opacity: 0.26 !important;
    transform: none !important;
}

.body-layout-foodstrip .product-rail-add:hover,
.body-layout-foodstrip #products-section .product-add-btn:hover,
.body-layout-foodstrip .mini-product .add:hover {
    filter: brightness(1.025) saturate(1.02);
    transform: translateY(-1px);
}

body.body-layout-foodstrip.browse-site-light .store-title,
body.body-layout-foodstrip.browse-site-light .repeat-orders-title,
body.body-layout-foodstrip.browse-site-light .line-mode-heading {
    color: #211d17 !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelves-sub,
body.body-layout-foodstrip.browse-site-light .product-rail-meta,
body.body-layout-foodstrip.browse-site-light .dish-of-week-sub,
body.body-layout-foodstrip.browse-site-light .fast-delivery-sub {
    color: rgba(33, 29, 23, 0.66) !important;
}
@media (max-width: 820px) {
    .ui-brush-arrow--products {
        opacity: 0.42;
        right: 10px;
        top: 4px;
        width: 112px;
    }
    .ui-brush-arrow--checkout {
        opacity: 0.36;
        right: 8px;
        top: 10px;
        width: 96px;
    }
}

/* Final category rail pass: dark compact navigation like a marketplace tab bar. */
.body-layout-foodstrip .browse-category-sort-row,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    overflow: hidden !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(43, 42, 39, 0.98) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 42px rgba(0, 0, 0, 0.16) !important;
}

.body-layout-foodstrip .browse-category-scroll,
body.body-layout-foodstrip.browse-site-light .browse-category-scroll {
    max-height: 44px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.body-layout-foodstrip .line-mode-filters {
    align-items: center !important;
    gap: 4px !important;
    min-height: 44px !important;
}

.body-layout-foodstrip .line-filter-pill,
.body-layout-foodstrip .browse-sort-open-btn,
body.body-layout-foodstrip.browse-site-light .line-filter-pill,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
    padding: 0 14px !important;
}

.body-layout-foodstrip .line-filter-pill:hover,
.body-layout-foodstrip .browse-sort-open-btn:hover,
body.body-layout-foodstrip.browse-site-light .line-filter-pill:hover,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
    transform: none !important;
}

.body-layout-foodstrip .line-filter-pill.is-active,
body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active {
    background: #141414 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.body-layout-foodstrip .browse-sort-open-btn,
.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'],
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    min-width: max-content !important;
    background: transparent !important;
    color: #fff !important;
    padding-inline: 12px 14px !important;
}

.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'],
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    background: rgba(255, 255, 255, 0.07) !important;
}

.body-layout-foodstrip .category-scroll-btn,
body.body-layout-foodstrip.browse-site-light .category-scroll-btn {
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    background: rgba(20, 20, 20, 0.62) !important;
    color: rgba(255, 255, 255, 0.86) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip .category-scroll-btn:hover,
body.body-layout-foodstrip.browse-site-light .category-scroll-btn:hover {
    background: rgba(20, 20, 20, 0.9) !important;
    transform: none !important;
}

.body-layout-foodstrip .browse-category-sort-row.is-at-start .category-scroll-btn--left,
.body-layout-foodstrip .browse-category-sort-row.is-at-end .category-scroll-btn--right {
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        padding: 7px !important;
    }
    .body-layout-foodstrip .category-scroll-btn {
        display: none !important;
    }
    .body-layout-foodstrip .line-filter-pill,
    .body-layout-foodstrip .browse-sort-open-btn {
        font-size: 13px !important;
        padding-inline: 12px !important;
    }
}

/* Compact cart cells: closer to modern delivery apps, less bulky glass. */
.body-layout-foodstrip .browse-cart-item,
body.body-layout-foodstrip.browse-site-light .browse-cart-item {
    background: #171714 !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 8px !important;
}

.body-layout-foodstrip .browse-cart-item-row {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
}

.body-layout-foodstrip .browse-cart-thumb,
body.body-layout-foodstrip.browse-site-light .browse-cart-thumb {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 15px !important;
    height: 58px !important;
    width: 58px !important;
}

.body-layout-foodstrip .browse-cart-item-title,
body.body-layout-foodstrip.browse-site-light .browse-cart-item-title {
    color: #f7f5ef !important;
    display: -webkit-box;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.15 !important;
    margin: 0 0 5px !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.browse-cart-item-price {
    color: rgba(247, 245, 239, 0.66);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
}

.browse-cart-item-price-value,
.cart-item-price-value {
    color: #f7f5ef;
    font-weight: 850;
}

.cart-item-price-separator {
    color: rgba(247, 245, 239, 0.38);
}

.body-layout-foodstrip .browse-cart-parts {
    gap: 1px !important;
    margin-top: 5px !important;
}

.body-layout-foodstrip .browse-cart-parts .cart-line-part,
body.body-layout-foodstrip.browse-site-light .browse-cart-parts .cart-line-part,
.body-layout-foodstrip .browse-cart-parts .cart-line-fallback,
body.body-layout-foodstrip.browse-site-light .browse-cart-parts .cart-line-fallback {
    color: rgba(247, 245, 239, 0.5) !important;
    font-size: 11px !important;
    padding: 0 !important;
}

.body-layout-foodstrip .browse-cart-qty-stepper,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper {
    background: #2a2a27 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    gap: 0 !important;
    min-height: 32px !important;
    padding: 0 4px !important;
}

.body-layout-foodstrip .browse-cart-qty-stepper button,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper button {
    background: transparent !important;
    color: rgba(247, 245, 239, 0.8) !important;
    font-size: 18px !important;
    height: 32px !important;
    width: 30px !important;
}

.body-layout-foodstrip .browse-cart-qty-stepper button:hover,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper button:hover {
    color: #fff !important;
}

.body-layout-foodstrip .browse-cart-qty-stepper span,
body.body-layout-foodstrip.browse-site-light .browse-cart-qty-stepper span {
    color: #f7f5ef !important;
    font-size: 13px !important;
    min-width: 24px !important;
}

.cart-item {
    background: #171714;
    border-radius: 16px;
    color: #f7f5ef;
    display: grid;
    gap: 10px;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    margin: 8px 0;
    padding: 8px;
}

.cart-item-thumb {
    border-radius: 15px;
    height: 58px;
    object-fit: cover;
    width: 58px;
}

.cart-item-main {
    min-width: 0;
}

.cart-item-name {
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
}

.cart-item-price,
.cart-item-options {
    color: rgba(247, 245, 239, 0.62);
    font-size: 12px;
    margin-top: 4px;
}

.cart-item-actions {
    align-items: center;
    align-self: center;
    background: #2a2a27;
    border-radius: 999px;
    display: inline-flex;
    min-height: 32px;
    padding: 0 4px;
}

.cart-item-actions button {
    background: transparent;
    border: 0;
    color: rgba(247, 245, 239, 0.82);
    cursor: pointer;
    font-size: 18px;
    font-weight: 850;
    height: 32px;
    width: 30px;
}

.cart-item-actions span {
    color: #f7f5ef;
    font-size: 13px;
    font-weight: 850;
    min-width: 24px;
    text-align: center;
}

/* Header logo: remove the extra board and make the brand mark feel intentional. */
.body-layout-foodstrip .header-brand,
body.body-layout-foodstrip.browse-site-light .header-brand {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: min(250px, 40vw) !important;
    min-height: 58px !important;
    overflow: visible !important;
    padding: 0 !important;
}

.body-layout-foodstrip .header-brand::before {
    display: none !important;
}

.body-layout-foodstrip .header-home-btn,
body.body-layout-foodstrip.browse-site-light .header-home-btn {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 58px !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.body-layout-foodstrip .header-brand-logo,
body.body-layout-foodstrip.browse-site-light .header-brand-logo {
    border-radius: 0 !important;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.28));
    height: 58px !important;
    max-width: min(230px, 38vw) !important;
    object-fit: contain;
    object-position: left center;
    transform-origin: left center;
    transition: filter .2s ease, transform .2s var(--lumini-ease-out);
    width: auto !important;
}

.body-layout-foodstrip .header-home-btn:hover .header-brand-logo {
    filter: drop-shadow(0 15px 28px rgba(91, 226, 141, 0.22)) drop-shadow(0 10px 22px rgba(0, 0, 0, 0.24));
    transform: translateY(-1px) scale(1.025);
}

@media (max-width: 760px) {
    .body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip.browse-site-light .header-brand {
        max-width: min(210px, 46vw) !important;
        min-height: 50px !important;
    }

    .body-layout-foodstrip .header-home-btn,
    body.body-layout-foodstrip.browse-site-light .header-home-btn {
        min-height: 50px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip.browse-site-light .header-brand-logo {
        height: 50px !important;
        max-width: min(196px, 44vw) !important;
    }
}

/* Premium segmented theme switch + stronger main logo placement. */
.body-layout-foodstrip .browse-theme-toggle,
body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #151513 !important;
    border: 2px solid #151513 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .22) !important;
    height: 40px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 132px !important;
}

.body-layout-foodstrip .browse-theme-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    inset: 0 !important;
    position: absolute !important;
}

.body-layout-foodstrip .browse-theme-thumb,
body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: #f4f4f1 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    position: absolute !important;
    top: 2px !important;
    width: calc(50% - 2px) !important;
    z-index: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    transform: translateX(64px) !important;
}

.browse-theme-label {
    align-items: center;
    color: rgba(255, 255, 255, .82);
    display: inline-flex;
    gap: 2px;
    justify-content: center;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.browse-theme-label strong {
    font-size: 13px;
    font-weight: 850;
    letter-spacing: -0.04em;
}

.browse-theme-label small {
    font-size: 8px;
    font-weight: 900;
    letter-spacing: -0.03em;
    margin-top: -9px;
}

body:not(.browse-site-light) .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day {
    color: #151513;
}

body:not(.browse-site-light) .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night {
    color: rgba(255, 255, 255, .84);
}

.body-layout-foodstrip .browse-theme-toggle:hover .browse-theme-thumb,
.body-layout-foodstrip .browse-theme-toggle:focus-visible .browse-theme-thumb {
    filter: none !important;
}

.body-layout-foodstrip .header-brand,
body.body-layout-foodstrip.browse-site-light .header-brand {
    margin-left: clamp(12px, 2.1vw, 30px) !important;
    max-width: min(310px, 46vw) !important;
    min-height: 70px !important;
}

.body-layout-foodstrip .header-home-btn,
body.body-layout-foodstrip.browse-site-light .header-home-btn {
    min-height: 70px !important;
}

.body-layout-foodstrip .header-brand-logo,
body.body-layout-foodstrip.browse-site-light .header-brand-logo {
    height: 70px !important;
    max-width: min(290px, 44vw) !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
        height: 36px !important;
        width: 112px !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        transform: translateX(54px) !important;
    }

    .browse-theme-label strong {
        font-size: 12px;
    }

    .body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip.browse-site-light .header-brand {
        margin-left: 8px !important;
        max-width: min(240px, 52vw) !important;
        min-height: 58px !important;
    }

    .body-layout-foodstrip .header-home-btn,
    body.body-layout-foodstrip.browse-site-light .header-home-btn {
        min-height: 58px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip.browse-site-light .header-brand-logo {
        height: 58px !important;
        max-width: min(224px, 50vw) !important;
    }
}

/* Store place gallery for the second billboard panel. */
.store-place-gallery {
    position: relative;
    z-index: 1;
    width: 100%;
    height: clamp(190px, 23vw, 250px);
    min-height: 0;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #151815;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 18px 52px rgba(0, 0, 0, 0.24);
}

.store-place-gallery .store-interior-billboard-image {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, transform .32s var(--lumini-ease-out);
}

.store-place-gallery .store-interior-billboard-image.is-active {
    opacity: 1;
    transform: scale(1.015);
}

.store-place-gallery-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 3;
    display: inline-flex;
    gap: 5px;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .26);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: translateX(-50%);
}

.store-place-gallery-dots span {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .34);
    transition: width .18s ease, background .18s ease;
}

.store-place-gallery-dots span.is-active {
    width: 14px;
    background: rgba(255, 255, 255, .9);
}

/* Store interior final polish: clean gallery photos and product media edges. */
.store-interior-billboard .store-place-gallery {
    align-self: stretch;
    height: 100% !important;
    min-height: clamp(210px, 24vw, 270px) !important;
    background: #0f1110 !important;
}

.store-place-gallery .store-interior-billboard-image,
#products-section.store-interior-light .store-place-gallery .store-interior-billboard-image {
    filter: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
}

.store-place-gallery .store-interior-billboard-image.is-active {
    transform: none !important;
}

.body-layout-foodstrip #products-section .product-card-image-wrap {
    aspect-ratio: 1.08 / 1 !important;
    background: #121512 !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.body-layout-foodstrip #products-section .product-card-image-wrap::before,
.body-layout-foodstrip #products-section .product-card-image-wrap::after,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::before,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::after,
#products-section.store-interior-light .product-card-image-wrap::before,
#products-section.store-interior-light .product-card-image-wrap::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip #products-section .product-card-image,
#products-section.store-interior-light .product-card-image {
    background: #121512 !important;
    border-radius: 0 !important;
    display: block !important;
    filter: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
}

@media (max-width: 760px) {
    .store-interior-billboard .store-place-gallery {
        height: clamp(190px, 54vw, 240px) !important;
        min-height: 0 !important;
    }
}

/* Mobile delivery pass: make the public storefront feel native on phones. */
@media (max-width: 760px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body.body-layout-foodstrip {
        --mobile-page-pad: 12px;
        --mobile-header-h: 78px;
        padding-top: 0 !important;
    }

    .body-layout-foodstrip .app-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 var(--mobile-page-pad) 28px !important;
    }

    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: minmax(96px, 34vw) minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        left: max(8px, env(safe-area-inset-left, 0px)) !important;
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
        top: max(8px, env(safe-area-inset-top, 0px)) !important;
        width: auto !important;
        min-height: 62px !important;
        padding: 8px !important;
        border-radius: 22px !important;
        overflow: visible !important;
    }

    .body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip.browse-site-light .header-brand {
        margin-left: 0 !important;
        max-width: 34vw !important;
        min-height: 44px !important;
    }

    .body-layout-foodstrip .header-home-btn,
    body.body-layout-foodstrip.browse-site-light .header-home-btn {
        min-height: 44px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip.browse-site-light .header-brand-logo {
        height: 44px !important;
        max-width: 34vw !important;
        object-position: left center !important;
    }

    .body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        justify-self: stretch !important;
        min-width: 0 !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 12px !important;
        border-radius: 16px !important;
    }

    .body-layout-foodstrip .delivery-address-btn-label {
        display: block !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .body-layout-foodstrip .delivery-address-summary {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .body-layout-foodstrip .header-actions {
        display: flex !important;
        gap: 6px !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
    }

    .body-layout-foodstrip .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
        width: 82px !important;
        height: 34px !important;
        flex: 0 0 82px !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        transform: translateX(39px) !important;
    }

    .browse-theme-label strong {
        font-size: 10px !important;
    }

    .browse-theme-label small {
        font-size: 7px !important;
        margin-top: -7px !important;
    }

    .body-layout-foodstrip .store-admin-entry,
    .body-layout-foodstrip .header-auth,
    .body-layout-foodstrip .header-login-open-btn,
    .body-layout-foodstrip .orders-icon {
        display: none !important;
    }

    .body-layout-foodstrip .cart-icon-btn,
    body.body-layout-foodstrip.browse-site-light .cart-icon-btn {
        min-width: 56px !important;
        width: 56px !important;
        height: 40px !important;
        padding: 0 8px !important;
        border-radius: 16px !important;
    }

    .body-layout-foodstrip .cart-sum-badge {
        display: none !important;
    }

    .body-layout-foodstrip .premium-hero {
        min-height: 0 !important;
        margin: 4px 0 12px !important;
        padding: 18px !important;
        border-radius: 24px !important;
        gap: 16px !important;
    }

    .premium-hero-kicker {
        margin-bottom: 8px !important;
        font-size: 10px !important;
        letter-spacing: 0.1em !important;
    }

    .premium-hero h2 {
        max-width: 100% !important;
        font-size: clamp(31px, 10.2vw, 44px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.035em !important;
    }

    .premium-hero p {
        margin: 12px 0 0 !important;
        font-size: 14px !important;
        line-height: 1.42 !important;
    }

    .premium-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .premium-hero-stats span {
        min-height: 52px !important;
        padding: 9px 8px !important;
        border-radius: 15px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    .premium-hero-stats strong {
        font-size: 16px !important;
    }

    .body-layout-foodstrip .line-mode-search {
        position: static !important;
        top: auto !important;
        margin: 0 0 10px !important;
    }

    .body-layout-foodstrip .global-search {
        min-height: 48px !important;
        border-radius: 17px !important;
        font-size: 15px !important;
        padding: 0 14px !important;
    }

    .body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 7px !important;
        border-radius: 19px !important;
        overflow: visible !important;
    }

    .body-layout-foodstrip .browse-category-sort-row .category-scroll-btn {
        display: none !important;
    }

    .body-layout-foodstrip .browse-category-scroll {
        max-height: 42px !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .body-layout-foodstrip .line-mode-filters {
        gap: 6px !important;
    }

    .body-layout-foodstrip .line-filter-pill,
    .body-layout-foodstrip .browse-sort-open-btn {
        min-height: 36px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .body-layout-foodstrip .browse-sort-open-btn {
        width: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .body-layout-foodstrip .browse-sort-open-label {
        display: none !important;
    }

    .body-layout-foodstrip .stores-rail-shell {
        margin-left: calc(-1 * var(--mobile-page-pad)) !important;
        margin-right: calc(-1 * var(--mobile-page-pad)) !important;
        padding-left: var(--mobile-page-pad) !important;
        padding-right: var(--mobile-page-pad) !important;
    }

    .body-layout-foodstrip .stores-grid {
        gap: 12px !important;
        scroll-padding-left: var(--mobile-page-pad) !important;
        padding-bottom: 8px !important;
    }

    .body-layout-foodstrip .rail-nav {
        display: none !important;
    }

    .body-layout-foodstrip .store-card {
        min-width: min(82vw, 310px) !important;
        max-width: min(82vw, 310px) !important;
        border-radius: 22px !important;
    }

    .body-layout-foodstrip .product-rail-card,
    .body-layout-foodstrip .dish-week-card,
    .body-layout-foodstrip .store-shelf-product {
        min-width: min(66vw, 238px) !important;
        max-width: min(66vw, 238px) !important;
        border-radius: 22px !important;
    }

    .body-layout-foodstrip .repeat-orders-title,
    .body-layout-foodstrip .store-section-title {
        margin-top: 22px !important;
        font-size: 24px !important;
        line-height: 1.02 !important;
    }

    .body-layout-foodstrip .store-shelves-section {
        margin-top: 22px !important;
    }

    .body-layout-foodstrip .store-shelf {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .store-shelf-brand {
        width: 100% !important;
        min-height: 86px !important;
        border-radius: 20px !important;
    }

    .body-layout-foodstrip .store-shelf-products-wrap {
        min-width: 0 !important;
    }

    .body-layout-foodstrip #products-section {
        padding-top: 0 !important;
    }

    .body-layout-foodstrip #products-section .store-page-inner,
    .body-layout-foodstrip .store-cart-track,
    .body-layout-foodstrip #store-cart-track {
        width: 100% !important;
        max-width: 100% !important;
    }

    .store-interior-billboard {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 2px 0 16px !important;
        border-radius: 24px !important;
    }

    .store-interior-billboard-content {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    .store-interior-billboard .store-info-title-row,
    .store-interior-billboard .store-info-name-row {
        gap: 10px !important;
        align-items: flex-start !important;
    }

    .store-interior-billboard .store-info-title {
        font-size: clamp(25px, 8.4vw, 34px) !important;
        line-height: 1 !important;
    }

    .store-interior-billboard .store-info-desc {
        font-size: 14px !important;
        line-height: 1.42 !important;
    }

    .store-interior-billboard .store-info-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    .store-interior-billboard .store-info-pill {
        min-height: 32px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 7px 10px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .store-interior-billboard .store-info-meta .store-info-pill:not(.store-info-pill--open):not(.store-info-pill--closed) {
        display: none !important;
    }

    .store-interior-billboard .food-store-trust {
        display: grid !important;
        grid-auto-columns: minmax(178px, 68%) !important;
        grid-auto-flow: column !important;
        grid-template-columns: none !important;
        gap: 7px !important;
        margin-top: 10px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
        overflow-x: auto !important;
        padding: 0 2px 4px !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    .store-interior-billboard .food-store-trust::-webkit-scrollbar {
        display: none !important;
    }

    .store-interior-billboard .food-trust-item {
        min-height: 58px !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
        scroll-snap-align: start !important;
    }

    .store-interior-billboard .food-trust-item strong {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .store-interior-billboard .food-trust-item span {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .store-interior-billboard .store-place-gallery {
        height: clamp(176px, 52vw, 230px) !important;
        border-radius: 22px !important;
        margin-top: 12px !important;
    }

    .body-layout-foodstrip #products-section .products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .body-layout-foodstrip #products-section .product-card {
        border-radius: 20px !important;
        padding: 8px !important;
        min-width: 0 !important;
    }

    .body-layout-foodstrip #products-section .product-card-image-wrap {
        border-radius: 16px !important;
        aspect-ratio: 1 / 0.9 !important;
    }

    .body-layout-foodstrip #products-section .product-card-body {
        padding: 9px 2px 2px !important;
    }

    .body-layout-foodstrip #products-section .product-card-title {
        font-size: 14px !important;
        line-height: 1.14 !important;
    }

    .body-layout-foodstrip #products-section .product-card-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        min-height: 0 !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    .body-layout-foodstrip #products-section .product-card-prices {
        align-items: flex-start !important;
        gap: 5px !important;
    }

    .body-layout-foodstrip #products-section .product-card-price,
    .body-layout-foodstrip #products-section .product-card-price-main {
        font-size: 15px !important;
    }

    .body-layout-foodstrip #products-section .product-add-btn,
    .body-layout-foodstrip .product-rail-add,
    .body-layout-foodstrip .mini-product .add {
        min-height: 38px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .browse-cart-panel {
        inset: auto 0 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: min(78vh, 640px) !important;
        transform: translateY(105%) !important;
        border-radius: 26px 26px 0 0 !important;
        padding: 0 !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open {
        transform: translateY(0) !important;
    }

    .body-layout-foodstrip .browse-cart-panel-inner {
        height: 100% !important;
        border-radius: 26px 26px 0 0 !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    }

    .body-layout-foodstrip .browse-cart-panel-head,
    .body-layout-foodstrip .browse-cart-panel-foot {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .body-layout-foodstrip .checkout-page {
        align-items: flex-end !important;
        padding: 0 !important;
    }

    .body-layout-foodstrip .checkout-page-card {
        width: 100% !important;
        max-width: none !important;
        height: min(92vh, 780px) !important;
        max-height: min(92vh, 780px) !important;
        border-radius: 26px 26px 0 0 !important;
        overflow: auto !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 12px 12px max(18px, env(safe-area-inset-bottom, 0px)) !important;
    }

    .body-layout-foodstrip .checkout-side {
        position: static !important;
        order: -1 !important;
    }

    .body-layout-foodstrip .checkout-section,
    .body-layout-foodstrip .checkout-side {
        border-radius: 18px !important;
        padding: 14px !important;
    }
}

@media (max-width: 480px) {
    .body-layout-foodstrip .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle,
    body.body-layout-foodstrip #header-auth,
    body.body-layout-foodstrip #header-auth-user,
    body.body-layout-foodstrip #header-login-open-btn,
    body.body-layout-foodstrip .store-admin-entry,
    body.body-layout-foodstrip .orders-icon {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        grid-template-columns: 88px minmax(0, 1fr) auto !important;
        gap: 6px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip.browse-site-light .header-brand-logo {
        height: 40px !important;
        max-width: 88px !important;
    }

    .premium-hero h2 {
        font-size: clamp(28px, 10vw, 38px) !important;
    }

    .body-layout-foodstrip #products-section .products-grid {
        gap: 8px !important;
    }
}

/* 2026-08-01 UI audit pass: small, safe polish layer over the existing design. */
:root {
    --lumini-control-height: 44px;
    --lumini-radius-control: 16px;
    --lumini-radius-card-soft: 20px;
    --lumini-radius-panel-soft: 28px;
    --lumini-focus-ring: rgba(139, 238, 168, 0.52);
    --lumini-shadow-rest: 0 14px 42px rgba(0, 0, 0, 0.20);
    --lumini-shadow-hover: 0 18px 54px rgba(0, 0, 0, 0.26);
    --lumini-glass-border-soft: rgba(255, 255, 255, 0.12);
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.body-layout-foodstrip {
    overflow-x: hidden;
}

.body-layout-foodstrip img,
.body-layout-foodstrip svg,
.body-layout-foodstrip video {
    max-width: 100%;
}

.body-layout-foodstrip :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--lumini-focus-ring) !important;
    outline-offset: 3px !important;
}

.body-layout-foodstrip :where(button, a) {
    -webkit-tap-highlight-color: transparent;
}

.body-layout-foodstrip .line-mode-search {
    position: relative;
}

.body-layout-foodstrip .global-search {
    min-height: var(--lumini-control-height) !important;
    padding-right: 52px !important;
    line-height: 1.25 !important;
}

.body-layout-foodstrip .global-search-clear {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
    transition: transform .18s var(--lumini-ease-out), background .18s ease, color .18s ease;
    transform: translateY(-50%);
}

.body-layout-foodstrip .global-search-clear:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-50%) scale(1.04);
}

.body-layout-foodstrip .global-search-clear[hidden] {
    display: none !important;
}

body.body-layout-foodstrip.browse-site-light .global-search-clear {
    color: rgba(30, 32, 28, 0.72);
    background: rgba(255, 255, 255, 0.64);
    border-color: rgba(30, 32, 28, 0.10);
}

body.body-layout-foodstrip.browse-site-light .global-search-clear:hover {
    color: rgba(10, 12, 10, 0.94);
    background: rgba(255, 255, 255, 0.86);
}

.body-layout-foodstrip .line-filter-pill,
.body-layout-foodstrip .browse-sort-open-btn,
.body-layout-foodstrip .category-scroll-btn,
.body-layout-foodstrip .checkout-fulfillment-btn,
.body-layout-foodstrip .checkout-submit-btn,
.body-layout-foodstrip .browse-cart-checkout-btn,
.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip #products-section .product-add-btn,
.body-layout-foodstrip .mini-product .add {
    min-height: var(--lumini-control-height);
    border-radius: var(--lumini-radius-control) !important;
}

.body-layout-foodstrip .product-rail-card,
.body-layout-foodstrip .dish-week-card,
.body-layout-foodstrip .store-card,
.body-layout-foodstrip #products-section .product-card,
.body-layout-foodstrip .browse-cart-item,
.body-layout-foodstrip .checkout-section,
.body-layout-foodstrip .checkout-side,
.body-layout-foodstrip .checkout-page-card {
    border-radius: var(--lumini-radius-card-soft) !important;
}

.body-layout-foodstrip .product-rail-card,
.body-layout-foodstrip .dish-week-card,
.body-layout-foodstrip #products-section .product-card {
    box-shadow: var(--lumini-shadow-rest) !important;
    transition: transform .2s var(--lumini-ease-out), box-shadow .2s ease, border-color .2s ease;
}

.body-layout-foodstrip .product-rail-card:hover,
.body-layout-foodstrip .dish-week-card:hover,
.body-layout-foodstrip #products-section .product-card:hover {
    box-shadow: var(--lumini-shadow-hover) !important;
}

.body-layout-foodstrip .product-rail-name,
.body-layout-foodstrip .dish-week-title,
.body-layout-foodstrip #products-section .product-card-title,
.body-layout-foodstrip .store-title,
.body-layout-foodstrip .browse-cart-item-title {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.body-layout-foodstrip .product-rail-image,
.body-layout-foodstrip .dish-week-image,
.body-layout-foodstrip #products-section .product-card-image,
.body-layout-foodstrip .mini-product .mini-product-media img,
.body-layout-foodstrip .store-card-logo,
.body-layout-foodstrip .store-shelf-logo {
    object-fit: cover !important;
    object-position: center !important;
}

.body-layout-foodstrip .product-rail-image-wrap::after,
.body-layout-foodstrip .dish-week-image-wrap::after,
.body-layout-foodstrip .mini-product-media::after {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, transparent 46%, rgba(0, 0, 0, 0.16) 100%),
        radial-gradient(ellipse at 86% 22%, rgba(255, 255, 255, 0.055), transparent 38%) !important;
    opacity: .58 !important;
}

.body-layout-foodstrip .product-rail-add,
.body-layout-foodstrip #products-section .product-add-btn,
.body-layout-foodstrip .mini-product .add {
    box-shadow: none !important;
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .04)),
        linear-gradient(135deg, rgba(129, 226, 155, .92), rgba(63, 184, 104, .86)) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
}

.body-layout-foodstrip .product-rail-add::before,
.body-layout-foodstrip #products-section .product-add-btn::before,
.body-layout-foodstrip .mini-product .add::before {
    opacity: .18 !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf,
body.body-layout-foodstrip.browse-site-light .store-card,
body.body-layout-foodstrip.browse-site-light .product-rail-card,
body.body-layout-foodstrip.browse-site-light .dish-week-card {
    border-color: rgba(33, 38, 31, .10) !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf-name,
body.body-layout-foodstrip.browse-site-light .store-shelf-title,
body.body-layout-foodstrip.browse-site-light .store-title,
body.body-layout-foodstrip.browse-site-light .product-rail-name,
body.body-layout-foodstrip.browse-site-light .dish-week-title {
    color: rgba(22, 25, 21, .94) !important;
    text-shadow: none;
}

body.body-layout-foodstrip.browse-site-light .store-shelf-meta,
body.body-layout-foodstrip.browse-site-light .store-shelf-sub,
body.body-layout-foodstrip.browse-site-light .store-meta,
body.body-layout-foodstrip.browse-site-light .product-rail-desc,
body.body-layout-foodstrip.browse-site-light .dish-week-meta {
    color: rgba(45, 50, 42, .68) !important;
}

.body-layout-foodstrip .checkout-page-card {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .24) transparent;
}

.body-layout-foodstrip .checkout-page-card::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .global-search {
        min-height: 46px !important;
        padding-right: 50px !important;
    }

    .body-layout-foodstrip .global-search-clear {
        right: 8px;
        width: 34px;
        height: 34px;
    }

    .body-layout-foodstrip .line-filter-pill,
    .body-layout-foodstrip .browse-sort-open-btn,
    .body-layout-foodstrip .category-scroll-btn {
        min-height: 42px !important;
    }

    .body-layout-foodstrip .product-rail-card:hover,
    .body-layout-foodstrip .dish-week-card:hover,
    .body-layout-foodstrip #products-section .product-card:hover {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .body-layout-foodstrip *,
    .body-layout-foodstrip *::before,
    .body-layout-foodstrip *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

/* 2026-08-01: remove product image side glare and the decorative arrow near Popular menu. */
.body-layout-foodstrip .product-rail-image-wrap::before,
.body-layout-foodstrip .product-rail-image-wrap::after,
.body-layout-foodstrip .dish-week-image-wrap::before,
.body-layout-foodstrip .dish-week-image-wrap::after,
.body-layout-foodstrip .mini-product-media::before,
.body-layout-foodstrip .mini-product-media::after,
.body-layout-foodstrip #products-section .product-card-image-wrap::before,
.body-layout-foodstrip #products-section .product-card-image-wrap::after,
body.body-layout-foodstrip.browse-site-light .product-rail-image-wrap::before,
body.body-layout-foodstrip.browse-site-light .product-rail-image-wrap::after,
body.body-layout-foodstrip.browse-site-light .dish-week-image-wrap::before,
body.body-layout-foodstrip.browse-site-light .dish-week-image-wrap::after,
body.body-layout-foodstrip.browse-site-light .mini-product-media::before,
body.body-layout-foodstrip.browse-site-light .mini-product-media::after,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::before,
body.body-layout-foodstrip.browse-site-light #products-section .product-card-image-wrap::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
}

.body-layout-foodstrip .product-rail-image,
.body-layout-foodstrip .dish-week-image,
.body-layout-foodstrip #products-section .product-card-image,
.body-layout-foodstrip .mini-product .mini-product-media img {
    filter: saturate(1.035) contrast(1.015) !important;
}

.body-layout-foodstrip .ui-brush-arrow--products,
.body-layout-foodstrip .products-rail-section .repeat-orders-title::after,
.body-layout-foodstrip .products-rail-section::after {
    display: none !important;
    content: none !important;
}

/* 2026-08-01: restore stable search bar layout after UI audit pass. */
.body-layout-foodstrip .line-mode-search {
    position: sticky !important;
    top: 94px !important;
    z-index: 45 !important;
    margin-bottom: 12px !important;
}

.body-layout-foodstrip .global-search {
    min-height: 56px !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
}

.body-layout-foodstrip .global-search-clear {
    display: none !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .line-mode-search {
        position: static !important;
        top: auto !important;
        margin-bottom: 10px !important;
    }

    .body-layout-foodstrip .global-search {
        min-height: 48px !important;
        padding: 11px 15px !important;
    }
}

/* 2026-08-01: clean product media from white side stripe/glass leftovers. */
.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap, #products-rail-list .product-rail-image-wrap) {
    background: #111411 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap, #products-rail-list .product-rail-image-wrap)::before,
.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap, #products-rail-list .product-rail-image-wrap)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-image, .dish-week-image, #products-section .product-card-image, .mini-product .mini-product-media img, .store-shelf-product .product-rail-image, #products-rail-list .product-rail-image) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #111411 !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: saturate(1.025) contrast(1.01) !important;
    transform: translateZ(0) !important;
}

.body-layout-foodstrip .product-media-wrap--unavailable :is(.product-rail-image, .product-card-image, img) {
    filter: blur(7px) saturate(0.92) brightness(0.82) !important;
    transform: scale(1.04) !important;
}

/* 2026-08-01: remove white stripe/glass leftovers from every card media area. */
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap,
    .store-image-wrap,
    .store-image-inner,
    .store-shelf-brand,
    .browse-cart-thumb,
    .checkout-order-thumb,
    .cart-item-thumb,
    .product-config-image,
    .lumini-praise-thumb,
    .owner-product-thumb--premium
) {
    background-color: #111411 !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap,
    .store-image-wrap,
    .store-shelf-brand,
    .browse-cart-thumb,
    .checkout-order-thumb,
    .cart-item-thumb,
    .product-config-image,
    .lumini-praise-thumb,
    .owner-product-thumb--premium
)::before,
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap,
    .store-image-wrap,
    .store-shelf-brand,
    .browse-cart-thumb,
    .checkout-order-thumb,
    .cart-item-thumb,
    .product-config-image,
    .lumini-praise-thumb,
    .owner-product-thumb--premium
)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
}

.body-layout-foodstrip :is(
    .product-rail-image,
    .dish-week-image,
    .dish-week-media img,
    #products-section .product-card-image,
    .mini-product .mini-product-media img,
    .store-shelf-product .product-rail-image,
    #products-rail-list .product-rail-image,
    .store-image,
    .store-card-logo,
    .store-shelf-logo,
    .browse-cart-thumb,
    .checkout-order-thumb,
    .cart-item-thumb,
    .product-config-image,
    .lumini-praise-thumb,
    .owner-product-thumb--premium
) {
    display: block !important;
    background-color: #111411 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

.body-layout-foodstrip :is(
    .product-rail-image,
    .dish-week-image,
    .dish-week-media img,
    #products-section .product-card-image,
    .mini-product .mini-product-media img,
    .store-shelf-product .product-rail-image,
    #products-rail-list .product-rail-image,
    .store-image,
    .store-card-logo,
    .store-shelf-logo
) {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

.body-layout-foodstrip :is(.browse-cart-thumb, .checkout-order-thumb, .cart-item-thumb, .product-config-image, .lumini-praise-thumb, .owner-product-thumb--premium) {
    flex: 0 0 auto;
}

.body-layout-foodstrip .product-media-wrap--unavailable :is(.product-rail-image, .product-card-image, img) {
    filter: blur(7px) saturate(0.92) brightness(0.82) !important;
    transform: scale(1.04) !important;
}

/* 2026-08-01: turn off glass gradients on cards that can read as white side stripes. */
.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product) {
    background-color: #171a17 !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    overflow: hidden !important;
}

.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product)::before,
.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product)::after {
    background-image: none !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
    border-radius: 18px !important;
    margin: 0 !important;
    transform: none !important;
}

.body-layout-foodstrip :is(.product-rail-image, .dish-week-image, .dish-week-media img, #products-section .product-card-image, .mini-product .mini-product-media img, .store-shelf-product .product-rail-image) {
    border-radius: 0 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product) {
    background-color: #fffaf0 !important;
    background-image: none !important;
    border-color: rgba(33, 29, 23, 0.09) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
    background-color: #171a17 !important;
    background-image: none !important;
}

/* 2026-08-01: search focus should stay premium, without the green accessibility ring. */
.body-layout-foodstrip .global-search:focus,
.body-layout-foodstrip .global-search:focus-visible {
    outline: none !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.18) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search:focus,
body.body-layout-foodstrip.browse-site-light .global-search:focus-visible {
    outline: none !important;
    border-color: rgba(33, 29, 23, 0.13) !important;
    box-shadow: 0 18px 54px rgba(53, 42, 25, 0.10) !important;
}

/* 2026-08-01: make store category rail match the main category panel. */
.body-layout-foodstrip .store-menu-cats:not([hidden]) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    position: sticky !important;
    top: 94px !important;
    z-index: 44 !important;
}

.body-layout-foodstrip .store-menu-cats::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.body-layout-foodstrip .store-menu-cat {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    width: auto !important;
    padding: 8px 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.075) !important;
    color: var(--premium-text, rgba(246, 250, 244, .94)) !important;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 750 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s var(--lumini-ease-out);
}

.body-layout-foodstrip .store-menu-cat:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    transform: translateY(-1px);
}

.body-layout-foodstrip .store-menu-cat.is-active {
    background: rgba(255, 255, 255, 0.20) !important;
    border-color: rgba(255, 255, 255, 0.40) !important;
    color: #ffffff !important;
    font-weight: 850 !important;
}

.body-layout-foodstrip .store-menu-cat small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.11) !important;
    color: rgba(236, 255, 247, 0.72) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.body-layout-foodstrip .store-menu-cat.is-active small {
    background: rgba(236, 255, 247, 0.18) !important;
    color: #ecfff7 !important;
}

#products-section.store-interior-light .store-menu-cats,
body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
    background: rgba(255, 252, 246, 0.78) !important;
    border-color: rgba(33, 29, 23, 0.10) !important;
    box-shadow: 0 18px 60px rgba(53, 42, 25, 0.08) !important;
}

#products-section.store-interior-light .store-menu-cat,
body.body-layout-foodstrip.browse-site-light .store-menu-cat {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(33, 29, 23, 0.08) !important;
    color: rgba(33, 29, 23, 0.78) !important;
}

#products-section.store-interior-light .store-menu-cat:hover,
body.body-layout-foodstrip.browse-site-light .store-menu-cat:hover {
    background: rgba(255, 255, 255, 0.86) !important;
    color: rgba(33, 29, 23, 0.95) !important;
}

#products-section.store-interior-light .store-menu-cat.is-active,
body.body-layout-foodstrip.browse-site-light .store-menu-cat.is-active {
    background: rgba(21, 24, 20, 0.92) !important;
    border-color: rgba(21, 24, 20, 0.92) !important;
    color: #fffaf0 !important;
}

#products-section.store-interior-light .store-menu-cat small,
body.body-layout-foodstrip.browse-site-light .store-menu-cat small {
    background: rgba(33, 29, 23, 0.08) !important;
    color: rgba(33, 29, 23, 0.56) !important;
}

#products-section.store-interior-light .store-menu-cat.is-active small,
body.body-layout-foodstrip.browse-site-light .store-menu-cat.is-active small {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fffaf0 !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .store-menu-cats:not([hidden]) {
        position: sticky !important;
        top: 72px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
        padding: 7px !important;
        border-radius: 20px !important;
    }

    .body-layout-foodstrip .store-menu-cat {
        min-height: 38px !important;
        padding: 8px 13px !important;
        font-size: 13px !important;
    }
}


/* 2026-08-01: precise pass - clean card photos, section headings, header controls. */
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
) {
    background: #101310 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    isolation: auto !important;
    padding: 0 !important;
}

.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
)::before,
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    mix-blend-mode: normal !important;
}

.body-layout-foodstrip :is(
    .product-rail-image,
    .dish-week-image,
    .dish-week-media img,
    #products-section .product-card-image,
    .mini-product .mini-product-media img,
    .store-shelf-product .product-rail-image,
    #products-rail-list .product-rail-image
) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    transform: translateZ(0) !important;
}

.body-layout-foodstrip .product-media-wrap--unavailable :is(.product-rail-image, .product-card-image, img) {
    filter: blur(7px) saturate(0.92) brightness(0.82) !important;
    transform: scale(1.04) !important;
}

.body-layout-foodstrip :is(.repeat-orders-title, .store-section-title, .dish-of-week-heading, .fast-delivery-heading, .store-shelf-section-head .repeat-orders-title) {
    margin: 30px 0 12px !important;
    color: var(--premium-text, #f4f4f5) !important;
    font-size: clamp(26px, 3vw, 38px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    line-height: 0.98 !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(.products-rail-section .repeat-orders-title, .dish-of-week-heading, .fast-delivery-heading) {
    margin-top: 24px !important;
}

body.body-layout-foodstrip.browse-site-light :is(.repeat-orders-title, .store-section-title, .dish-of-week-heading, .fast-delivery-heading) {
    color: #211d17 !important;
}

.body-layout-foodstrip .header-actions {
    align-items: center !important;
    gap: 8px !important;
}

.body-layout-foodstrip :is(.delivery-address-btn, .browse-theme-toggle, .store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon) {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    filter: none !important;
}

.body-layout-foodstrip :is(.store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.body-layout-foodstrip .orders-icon,
.body-layout-foodstrip .orders-icon-btn {
    width: 42px !important;
    min-width: 42px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.body-layout-foodstrip .cart-icon,
.body-layout-foodstrip .cart-icon-btn {
    min-width: 72px !important;
    width: auto !important;
    padding: 0 12px !important;
    gap: 7px !important;
    background-image: none !important;
}

.body-layout-foodstrip :is(.orders-icon-glyph, .cart-icon-glyph) {
    width: 18px !important;
    height: 18px !important;
    filter: none !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.cart-count-badge, .cart-sum-badge) {
    box-shadow: none !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(.orders-icon-btn:hover .orders-icon-glyph, .orders-icon-btn:focus-visible .orders-icon-glyph, .cart-icon-btn:hover .cart-icon-glyph, .cart-icon-btn:focus-visible .cart-icon-glyph) {
    animation: none !important;
}

.body-layout-foodstrip :is(.delivery-address-btn, .browse-theme-toggle, .store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon):hover {
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn, .store-rating-open-btn, .rail-nav, .category-scroll-btn, .product-rail-qty-btn, .browse-cart-qty-btn, .checkout-order-qty-btn) {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(.product-fav-btn svg, .store-fav-btn svg, .store-info-fav-btn svg, .store-rating-open-btn svg, .rail-nav svg, .category-scroll-btn svg) {
    filter: none !important;
    box-shadow: none !important;
    drop-shadow: none !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip :is(.repeat-orders-title, .store-section-title, .dish-of-week-heading, .fast-delivery-heading) {
        font-size: clamp(24px, 8vw, 32px) !important;
        margin-top: 22px !important;
    }

    .body-layout-foodstrip :is(.delivery-address-btn, .browse-theme-toggle, .store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon) {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        border-radius: 16px !important;
    }

    .body-layout-foodstrip .orders-icon,
    .body-layout-foodstrip .orders-icon-btn {
        width: 38px !important;
        min-width: 38px !important;
    }

    .body-layout-foodstrip .cart-icon,
    .body-layout-foodstrip .cart-icon-btn {
        min-width: 66px !important;
        padding: 0 10px !important;
    }
}

/* 2026-08-01: modern user orders modal. */
.body-layout-foodstrip .overlay-card.orders-card {
    width: min(920px, 94vw) !important;
    max-width: min(920px, 94vw) !important;
    padding: 18px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(143, 231, 170, 0.12), transparent 28rem),
        rgba(18, 20, 19, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.50) !important;
    overflow: hidden !important;
}

.body-layout-foodstrip #orders-content {
    display: grid;
    gap: 14px;
    max-height: min(78vh, 720px);
    overflow: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.body-layout-foodstrip #orders-content::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.orders-modern-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 6px 42px 8px 2px;
}

.orders-modern-eyebrow,
.orders-modern-kicker {
    display: inline-flex;
    color: #8fe7aa;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.body-layout-foodstrip .orders-title {
    margin: 4px 0 6px !important;
    color: var(--premium-text, #f4f4f5) !important;
    font-size: clamp(30px, 4vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
    line-height: .95 !important;
}

.orders-modern-head p {
    max-width: 560px;
    margin: 0;
    color: rgba(236, 255, 247, .62);
    font-size: 14px;
    line-height: 1.42;
}

.orders-modern-count {
    display: grid;
    place-items: center;
    min-width: 94px;
    min-height: 72px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .09);
}

.orders-modern-count strong {
    color: #f4f4f5;
    font-size: 26px;
    line-height: 1;
}

.orders-modern-count span {
    color: rgba(236, 255, 247, .58);
    font-size: 12px;
    font-weight: 800;
}

.body-layout-foodstrip .orders-list {
    display: grid !important;
    gap: 12px !important;
}

.body-layout-foodstrip .orders-modern-card {
    display: grid;
    gap: 13px;
    padding: 16px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    box-shadow: none !important;
}

.orders-modern-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.orders-modern-card h3 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.orders-modern-status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    color: rgba(236, 255, 247, .82);
    font-size: 12px;
    font-weight: 900;
}

.orders-modern-status.is-new { background: rgba(242, 199, 106, .16); color: #f2d28a; }
.orders-modern-status.is-active { background: rgba(90, 180, 255, .16); color: #b9ddff; }
.orders-modern-status.is-complete { background: rgba(143, 231, 170, .16); color: #9cf0b5; }
.orders-modern-status.is-cancelled { background: rgba(255, 110, 110, .16); color: #ffb3b3; }

.orders-modern-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.orders-modern-meta-grid span {
    min-width: 0;
    padding: 10px;
    border-radius: 16px;
    background: rgba(0, 0, 0, .15);
    border: 1px solid rgba(255, 255, 255, .055);
}

.orders-modern-meta-grid small {
    display: block;
    margin-bottom: 4px;
    color: rgba(236, 255, 247, .48);
    font-size: 11px;
    font-weight: 800;
}

.orders-modern-meta-grid strong {
    display: block;
    overflow: hidden;
    color: rgba(246, 250, 244, .94);
    font-size: 13px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-modern-address {
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(143, 231, 170, .08);
    color: rgba(236, 255, 247, .76);
    font-size: 13px;
    font-weight: 700;
}

.orders-modern-lines {
    display: grid;
    gap: 7px;
}

.orders-modern-line,
.orders-modern-empty-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.orders-modern-line:last-child {
    border-bottom: 0;
}

.orders-modern-line-main {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.orders-modern-line-name {
    overflow: hidden;
    color: rgba(246, 250, 244, .94);
    font-size: 14px;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-modern-line-options,
.orders-modern-empty-line {
    color: rgba(236, 255, 247, .48);
    font-size: 12px;
}

.orders-modern-line-side {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(236, 255, 247, .58);
    font-size: 13px;
    font-weight: 800;
}

.orders-modern-line-side strong {
    color: #fff;
    font-weight: 900;
}

.body-layout-foodstrip .order-items-praise {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    margin: 0 !important;
}

.body-layout-foodstrip .order-line-praise {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 7px 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    font-size: 12px !important;
}

.body-layout-foodstrip .order-line-praise-name {
    color: rgba(236, 255, 247, .72) !important;
}

.body-layout-foodstrip .order-line-praise-btn,
.body-layout-foodstrip .order-btn {
    min-height: 34px;
    border: 0;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
}

.body-layout-foodstrip .order-line-praise-btn {
    min-height: 28px;
    padding: 0 10px !important;
    background: rgba(242, 199, 106, .16) !important;
    color: #f2d28a !important;
}

.body-layout-foodstrip .order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 0 !important;
}

.body-layout-foodstrip .order-btn {
    padding: 0 14px !important;
    background: #8fe7aa !important;
    color: #10140f !important;
}

.body-layout-foodstrip .order-btn.secondary,
.body-layout-foodstrip .order-btn--praise-store {
    background: rgba(255, 255, 255, .09) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    color: rgba(246, 250, 244, .88) !important;
}

body.body-layout-foodstrip.browse-site-light .overlay-card.orders-card {
    background: #fffaf0 !important;
    border-color: rgba(33, 29, 23, .10) !important;
    box-shadow: 0 32px 90px rgba(54, 42, 25, .16) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-head p,
body.body-layout-foodstrip.browse-site-light .orders-modern-count span,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-options,
body.body-layout-foodstrip.browse-site-light .orders-modern-empty-line {
    color: rgba(33, 29, 23, .58) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card {
    background: rgba(33, 29, 23, .045) !important;
    border-color: rgba(33, 29, 23, .08) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card h3,
body.body-layout-foodstrip.browse-site-light .orders-modern-count strong,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-name,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-side strong,
body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid strong {
    color: #211d17 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid span,
body.body-layout-foodstrip.browse-site-light .orders-modern-count,
body.body-layout-foodstrip.browse-site-light .order-line-praise {
    background: rgba(255, 255, 255, .62) !important;
    border-color: rgba(33, 29, 23, .07) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-address {
    background: rgba(143, 231, 170, .18) !important;
    color: rgba(33, 29, 23, .72) !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .overlay-card.orders-card {
        width: 100% !important;
        max-width: none !important;
        max-height: 92vh !important;
        border-radius: 26px 26px 0 0 !important;
        padding: 14px !important;
    }

    .body-layout-foodstrip #orders-content {
        max-height: 84vh;
    }

    .orders-modern-head {
        align-items: stretch;
        display: grid;
        padding-right: 40px;
    }

    .orders-modern-count {
        align-items: center;
        display: flex;
        justify-content: space-between;
        min-height: 46px;
        min-width: 0;
        padding: 0 12px;
    }

    .orders-modern-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orders-modern-card-head {
        display: grid;
    }

    .orders-modern-status {
        justify-self: start;
    }
}

/* 2026-08-01: keep category/sort active accent green, not yellow. */
.body-layout-foodstrip .line-filter-pill.is-active,
.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'] {
    background: #8fe7aa !important;
    border-color: #8fe7aa !important;
    color: #10140f !important;
    box-shadow: 0 12px 30px rgba(143, 231, 170, 0.16) !important;
}

.body-layout-foodstrip .browse-sort-open-btn[aria-expanded='true'] .browse-sort-open-ico,
.body-layout-foodstrip .line-filter-pill.is-active .line-filter-pill-ico {
    color: #10140f !important;
}

body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active,
body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] {
    background: #1f211d !important;
    border-color: #1f211d !important;
    color: #fffaf0 !important;
    box-shadow: 0 12px 28px rgba(31, 33, 29, 0.12) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn[aria-expanded='true'] .browse-sort-open-ico,
body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active .line-filter-pill-ico {
    color: #fffaf0 !important;
}


/* 2026-08-01: dish-week typography for all product cards + solid category rails. */
.body-layout-foodstrip :is(
    .product-rail-name,
    #products-rail-list .product-rail-name,
    .store-shelf-product .product-rail-name,
    #products-section .product-card-title,
    .mini-product-name,
    .popular-icon-name
) {
    color: #ecfff7 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(
    .product-rail-meta,
    #products-rail-list .product-rail-meta,
    .store-shelf-product .product-rail-meta,
    #products-section .product-card-desc,
    .mini-product-desc,
    .popular-icon-price
) {
    color: rgba(236, 255, 247, 0.55) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.32 !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-price, #products-section .product-card-price, #products-section .product-card-price-main, .mini-product-price) {
    color: #ecfff7 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
}

body.body-layout-foodstrip.browse-site-light :is(
    .product-rail-name,
    #products-rail-list .product-rail-name,
    .store-shelf-product .product-rail-name,
    #products-section .product-card-title,
    .mini-product-name,
    .popular-icon-name,
    .product-rail-price,
    #products-section .product-card-price,
    #products-section .product-card-price-main,
    .mini-product-price
),
#products-section.store-interior-light :is(.product-card-title, .product-card-price, .product-card-price-main) {
    color: #211d17 !important;
}

body.body-layout-foodstrip.browse-site-light :is(
    .product-rail-meta,
    #products-rail-list .product-rail-meta,
    .store-shelf-product .product-rail-meta,
    #products-section .product-card-desc,
    .mini-product-desc,
    .popular-icon-price
),
#products-section.store-interior-light :is(.product-card-desc) {
    color: rgba(33, 29, 23, 0.56) !important;
}

.body-layout-foodstrip :is(.browse-category-sort-row, .store-menu-cats:not([hidden])) {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn) {
    background: rgba(255, 255, 255, 0.075) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: var(--premium-text, rgba(246, 250, 244, 0.94)) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip :is(.line-filter-pill:hover, .store-menu-cat:hover, .browse-sort-open-btn:hover, .category-scroll-btn:hover) {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    transform: translateY(-1px);
}

.body-layout-foodstrip :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background: #141713 !important;
    border-color: #141713 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.line-filter-pill.is-active .line-filter-pill-ico, .store-menu-cat.is-active small, .browse-sort-open-btn[aria-expanded='true'] .browse-sort-open-ico) {
    color: #ffffff !important;
}

.body-layout-foodstrip .store-menu-cat small {
    background: rgba(255, 255, 255, 0.11) !important;
    color: rgba(236, 255, 247, 0.64) !important;
}

.body-layout-foodstrip .store-menu-cat.is-active small {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

body.body-layout-foodstrip.browse-site-light :is(.browse-category-sort-row, .store-menu-cats:not([hidden])),
#products-section.store-interior-light .store-menu-cats:not([hidden]) {
    background: rgba(255, 252, 246, 0.78) !important;
    border-color: rgba(33, 29, 23, 0.10) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn),
#products-section.store-interior-light :is(.store-menu-cat) {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(33, 29, 23, 0.08) !important;
    color: rgba(33, 29, 23, 0.78) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']),
#products-section.store-interior-light .store-menu-cat.is-active {
    background: #1f211d !important;
    border-color: #1f211d !important;
    color: #fffaf0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .store-menu-cat small,
#products-section.store-interior-light .store-menu-cat small {
    background: rgba(33, 29, 23, 0.08) !important;
    color: rgba(33, 29, 23, 0.56) !important;
}

body.body-layout-foodstrip.browse-site-light .store-menu-cat.is-active small,
#products-section.store-interior-light .store-menu-cat.is-active small {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fffaf0 !important;
}

/* 2026-08-01: product cards are solid, no liquid glass effects. */
.body-layout-foodstrip :is(
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .store-shelf-product,
    .mini-product,
    .popular-icon
) {
    background: #171a17 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    overflow: hidden !important;
}

.body-layout-foodstrip :is(
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .store-shelf-product,
    .mini-product,
    .popular-icon
)::before,
.body-layout-foodstrip :is(
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .store-shelf-product,
    .mini-product,
    .popular-icon
)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
) {
    background: #101310 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    isolation: auto !important;
    overflow: hidden !important;
}

.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
)::before,
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    mix-blend-mode: normal !important;
}

.body-layout-foodstrip :is(
    .product-rail-image,
    .dish-week-image,
    .dish-week-media img,
    #products-section .product-card-image,
    .mini-product .mini-product-media img,
    .store-shelf-product .product-rail-image,
    #products-rail-list .product-rail-image
) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

.body-layout-foodstrip :is(
    .product-rail-card:hover,
    .dish-week-card:hover,
    #products-section .product-card:hover,
    .store-shelf-product:hover,
    .mini-product:hover,
    .popular-icon:hover
) {
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .store-shelf-product,
    .mini-product,
    .popular-icon
),
#products-section.store-interior-light :is(.product-card, .store-shelf-product, .mini-product) {
    background: #fffaf0 !important;
    background-image: none !important;
    border-color: rgba(33, 29, 23, 0.08) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 2026-08-01: prevent 1px white gaps around product photos caused by subpixel/object-fit rounding. */
.body-layout-foodstrip :is(
    .product-rail-image-wrap,
    .dish-week-image-wrap,
    .dish-week-media,
    .mini-product-media,
    #products-section .product-card-image-wrap,
    .store-shelf-product .product-rail-image-wrap,
    #products-rail-list .product-rail-image-wrap
) {
    position: relative !important;
    overflow: hidden !important;
    background: #101310 !important;
    line-height: 0 !important;
}

.body-layout-foodstrip :is(
    .product-rail-image,
    .dish-week-image,
    .dish-week-media img,
    #products-section .product-card-image,
    .mini-product .mini-product-media img,
    .store-shelf-product .product-rail-image,
    #products-rail-list .product-rail-image
) {
    position: absolute !important;
    inset: -1px !important;
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    min-width: calc(100% + 2px) !important;
    min-height: calc(100% + 2px) !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transform: none !important;
}

.body-layout-foodstrip .product-media-wrap--unavailable :is(.product-rail-image, .product-card-image, img) {
    inset: -3px !important;
    width: calc(100% + 6px) !important;
    height: calc(100% + 6px) !important;
    transform: none !important;
}

/* 2026-08-01: store shelves use square logo cards, not poster covers. */
.body-layout-foodstrip .store-shelf {
    grid-template-columns: minmax(185px, 0.26fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-content: stretch !important;
    min-height: 100% !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: inherit !important;
    text-align: left !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-logo {
    position: static !important;
    display: block !important;
    width: min(108px, 100%) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-width: 108px !important;
    min-width: 0 !important;
    justify-self: start !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #101310 !important;
    box-shadow: none !important;
    z-index: auto !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy {
    position: static !important;
    z-index: auto !important;
    align-self: start !important;
    display: grid !important;
    gap: 6px !important;
    padding: 0 !important;
    min-width: 0 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy strong {
    color: var(--premium-text, #f4f4f5) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.05 !important;
    text-shadow: none !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy span {
    color: rgba(236, 255, 247, 0.58) !important;
    font-size: 0.78rem !important;
    font-weight: 650 !important;
    line-height: 1.34 !important;
    text-shadow: none !important;
    -webkit-line-clamp: 4 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-open {
    position: static !important;
    z-index: auto !important;
    justify-self: start !important;
    align-self: end !important;
    min-height: 32px !important;
    min-width: 86px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #8fe7aa !important;
    border: 1px solid rgba(143, 231, 170, 0.72) !important;
    color: #10140f !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(33, 29, 23, 0.08) !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand-copy strong {
    color: #211d17 !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand-copy span {
    color: rgba(33, 29, 23, 0.68) !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-open {
    background: #1f211d !important;
    border-color: #1f211d !important;
    color: #fffaf0 !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip .store-shelf {
        grid-template-columns: 1fr !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-brand {
        grid-template-columns: 72px minmax(0, 1fr) auto !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 10px !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-logo {
        width: 72px !important;
        max-width: 72px !important;
        border-radius: 16px !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-open {
        justify-self: end !important;
        min-width: 78px !important;
        padding: 0 11px !important;
    }
}

/* 2026-08-01: tidy address button, simpler cart buttons, cleaner store shelf brand card. */
.body-layout-foodstrip header > .delivery-address-btn {
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    text-align: center !important;
}

.body-layout-foodstrip .delivery-address-btn-row1 {
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    line-height: 1 !important;
}

.body-layout-foodstrip .delivery-address-btn-label {
    display: inline-flex !important;
    align-items: center !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    transform: none !important;
}

.body-layout-foodstrip .delivery-address-summary:not([hidden]) {
    display: none !important;
}

.body-layout-foodstrip :is(.product-rail-add, .mini-product .add) {
    min-height: 32px !important;
    height: 32px !important;
    min-width: 78px !important;
    padding: 0 11px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(143, 231, 170, 0.92) !important;
    background-image: none !important;
    color: #10140f !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}

.body-layout-foodstrip #products-section .product-add-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border: 0 !important;
    background: rgba(143, 231, 170, 0.92) !important;
    background-image: none !important;
    color: #10140f !important;
    box-shadow: none !important;
    font-size: 17px !important;
}

.body-layout-foodstrip #products-section .product-add-btn--config {
    width: auto !important;
    min-width: 78px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
}

.body-layout-foodstrip :is(.product-rail-add, .mini-product .add, #products-section .product-add-btn)::before,
.body-layout-foodstrip :is(.product-rail-add, .mini-product .add, #products-section .product-add-btn)::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip :is(.product-rail-add, .mini-product .add, #products-section .product-add-btn):hover {
    background: #9cf0b5 !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-add--disabled, .mini-add--disabled, #products-section .product-add-btn--unavailable) {
    background: rgba(255, 255, 255, 0.10) !important;
    color: rgba(236, 255, 247, 0.48) !important;
}

.body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .mini-product .add, #products-section .product-add-btn),
body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .mini-product .add, #products-section .product-add-btn) {
    background: #1f211d !important;
    color: #fffaf0 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand {
    background: transparent !important;
    border-color: transparent !important;
    padding: 0 !important;
    gap: 10px !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-logo {
    width: 112px !important;
    max-width: 112px !important;
    border-radius: 18px !important;
    background: #101310 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy {
    padding: 0 2px !important;
    gap: 5px !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy strong {
    font-size: 1.02rem !important;
    line-height: 1.08 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-brand-copy span {
    -webkit-line-clamp: 3 !important;
}

.body-layout-foodstrip .store-shelf .store-shelf-open {
    margin: 0 2px !important;
}

body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand {
    background: transparent !important;
    border-color: transparent !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip header > .delivery-address-btn {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-brand {
        padding: 0 !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-logo {
        width: 72px !important;
        max-width: 72px !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-brand-copy {
        padding: 0 !important;
    }
}

/* 2026-08-01: cleaner Yandex-like surfaces, unified light/dark palette. */
.body-layout-foodstrip {
    --ui-dark-bg: #0e100f;
    --ui-dark-panel: #171917;
    --ui-dark-panel-2: #1d201d;
    --ui-dark-text: #f5f5f0;
    --ui-dark-muted: rgba(245, 245, 240, 0.62);
    --ui-green: #45c46f;
    --ui-green-soft: rgba(69, 196, 111, 0.14);
    --ui-light-bg: #f3f1ea;
    --ui-light-panel: #fffdf7;
    --ui-light-panel-2: #f8f5ec;
    --ui-light-text: #1f211d;
    --ui-light-muted: rgba(31, 33, 29, 0.62);
    --ui-soft-shadow-dark: 0 14px 42px rgba(0, 0, 0, 0.18);
    --ui-soft-shadow-light: 0 14px 36px rgba(44, 38, 26, 0.07);
    color: var(--ui-dark-text);
}

.body-layout-foodstrip:not(.browse-site-light) {
    background:
        radial-gradient(circle at 0% 0%, rgba(69, 196, 111, 0.16), transparent 34rem),
        linear-gradient(180deg, #111410 0%, var(--ui-dark-bg) 56%, #0b0d0c 100%) !important;
}

body.body-layout-foodstrip.browse-site-light {
    --premium-text: var(--ui-light-text);
    --premium-muted: var(--ui-light-muted);
    --owner-bg: var(--ui-light-bg);
    --owner-bg-strong: #fffdf7;
    --owner-surface: var(--ui-light-panel);
    --owner-surface-solid: var(--ui-light-panel);
    --owner-text: var(--ui-light-text);
    --owner-muted: var(--ui-light-muted);
    --owner-line: transparent;
    --owner-gold: var(--ui-green);
    --owner-ink: var(--ui-light-text);
    background:
        radial-gradient(circle at 2% 0%, rgba(69, 196, 111, 0.13), transparent 32rem),
        radial-gradient(circle at 86% 4%, rgba(201, 162, 39, 0.07), transparent 28rem),
        linear-gradient(180deg, #fffdf7 0%, var(--ui-light-bg) 62%, #ece9df 100%) !important;
    color: var(--ui-light-text) !important;
}

body.body-layout-foodstrip.browse-site-light::before {
    opacity: 0.36 !important;
    filter: blur(44px) !important;
}

.body-layout-foodstrip :is(
    header,
    .line-mode-search,
    .browse-category-sort-row,
    .store-menu-cats:not([hidden]),
    .store-card,
    .store-shelf,
    .store-shelf-brand,
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .mini-product,
    .store-shelf-product,
    .browse-cart-panel-inner,
    .browse-cart-item,
    .checkout-page-card,
    .checkout-section,
    .checkout-side,
    .store-detail-panel,
    .browse-sort-dialog,
    .orders-modal,
    .order-card
) {
    border-color: transparent !important;
    outline: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.body-layout-foodstrip :is(
    .store-card,
    .store-shelf,
    .store-shelf-brand,
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .mini-product,
    .store-shelf-product,
    .browse-cart-panel-inner,
    .browse-cart-item,
    .checkout-page-card,
    .checkout-section,
    .checkout-side,
    .store-detail-panel,
    .browse-sort-dialog,
    .orders-modal,
    .order-card
) {
    background-color: var(--ui-dark-panel) !important;
    background-image: none !important;
    box-shadow: var(--ui-soft-shadow-dark) !important;
}

.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product) {
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-card:hover, .dish-week-card:hover, #products-section .product-card:hover, .mini-product:hover, .store-shelf-product:hover) {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
}

.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
    background-color: #101210 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap)::before,
.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap)::after,
.body-layout-foodstrip :is(.store-card, .store-shelf, .store-shelf-brand, .product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product)::before,
.body-layout-foodstrip :is(.store-card, .store-shelf, .store-shelf-brand, .product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product)::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.delivery-address-btn, .header-auth-user, .header-login-open-btn, .store-admin-entry, .orders-icon, .cart-icon, .browse-theme-toggle, .global-search, .line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn, .rail-nav) {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.body-layout-foodstrip :is(.global-search, .browse-category-sort-row, .store-menu-cats:not([hidden])) {
    background-color: var(--ui-dark-panel-2) !important;
    background-image: none !important;
}

.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn) {
    background-color: rgba(255, 255, 255, 0.075) !important;
    background-image: none !important;
    color: rgba(245, 245, 240, 0.82) !important;
}

.body-layout-foodstrip :is(.line-filter-pill:hover, .store-menu-cat:hover, .browse-sort-open-btn:hover, .category-scroll-btn:hover) {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.body-layout-foodstrip :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background-color: var(--lumini-ui-active) !important;
    color: var(--lumini-ui-active-text) !important;
}

.body-layout-foodstrip :is(button, a, input, select, textarea):focus:not(:focus-visible) {
    outline: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(
    header,
    .browse-category-sort-row,
    .store-menu-cats:not([hidden]),
    .store-card,
    .store-shelf,
    .store-shelf-brand,
    .product-rail-card,
    .dish-week-card,
    #products-section .product-card,
    .mini-product,
    .store-shelf-product,
    .browse-cart-panel-inner,
    .browse-cart-item,
    .checkout-page-card,
    .checkout-section,
    .checkout-side,
    .store-detail-panel,
    .browse-sort-dialog,
    .orders-modal,
    .order-card
) {
    background-color: var(--ui-light-panel) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: var(--ui-soft-shadow-light) !important;
    color: var(--ui-light-text) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .mini-product, .store-shelf-product) {
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-card:hover, .dish-week-card:hover, #products-section .product-card:hover, .mini-product:hover, .store-shelf-product:hover) {
    box-shadow: 0 10px 26px rgba(44, 38, 26, 0.08) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.global-search, .browse-category-sort-row, .store-menu-cats:not([hidden])) {
    background-color: var(--ui-light-panel-2) !important;
    background-image: none !important;
    color: var(--ui-light-text) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.delivery-address-btn, .header-auth-user, .header-login-open-btn, .store-admin-entry, .orders-icon, .cart-icon, .browse-theme-toggle, .line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn, .rail-nav) {
    background-color: rgba(255, 255, 255, 0.72) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--ui-light-text) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill:hover, .store-menu-cat:hover, .browse-sort-open-btn:hover, .category-scroll-btn:hover) {
    background-color: #ffffff !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background-color: var(--ui-light-text) !important;
    color: #fffdf7 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-title, .store-shelf-name, .store-shelf-title, .product-rail-name, .dish-week-title, #products-section .product-card-title, .repeat-orders-title, .store-section-title, .line-mode-heading) {
    color: var(--ui-light-text) !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-card-snippet, .store-meta-time, .store-shelf-meta, .store-shelf-sub, .product-rail-desc, .product-rail-meta, .dish-week-meta, #products-section .product-card-desc, .dish-of-week-sub, .fast-delivery-sub) {
    color: var(--ui-light-muted) !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .mini-product-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
    background-color: #f1eee6 !important;
}

.body-layout-foodstrip :is(.product-rail-add, #products-section .product-add-btn, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn) {
    background: var(--ui-green) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #09130c !important;
}

.body-layout-foodstrip :is(.product-rail-add:hover, #products-section .product-add-btn:hover, .mini-product .add:hover, .browse-cart-checkout-btn:hover, .checkout-submit-btn:hover) {
    background: #5ed984 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip .premium-hero {
    border-color: transparent !important;
    box-shadow: 0 22px 62px rgba(0, 0, 0, 0.24) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero {
    background:
        radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, 0.18), transparent 16rem),
        radial-gradient(circle at 84% 18%, rgba(69, 196, 111, 0.18), transparent 18rem),
        radial-gradient(circle at 10% 88%, rgba(201, 162, 39, 0.10), transparent 18rem),
        #fffdf7 !important;
    box-shadow: 0 18px 48px rgba(44, 38, 26, 0.10) !important;
}

/* 2026-08-01: keep sticky search/category visuals stable while scrolling. */
.body-layout-foodstrip .line-mode-search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip .line-mode-search::before,
.body-layout-foodstrip .line-mode-search::after,
.body-layout-foodstrip .browse-cart-track > .line-mode-search::before,
.body-layout-foodstrip .browse-cart-track > .line-mode-search::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip .global-search,
.body-layout-foodstrip .global-search:hover,
.body-layout-foodstrip .global-search:focus,
.body-layout-foodstrip .global-search:focus-visible {
    background: rgba(255, 255, 255, 0.085) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.052)) !important;
    border: 0 !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.16) !important;
    color: var(--premium-text, #f5f5f0) !important;
    outline: none !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
    transition: background-color .18s ease, box-shadow .18s ease !important;
}

.body-layout-foodstrip .global-search:focus,
.body-layout-foodstrip .global-search:focus-visible {
    background: rgba(255, 255, 255, 0.105) !important;
    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.18) !important;
}

.body-layout-foodstrip .browse-category-sort-row,
.body-layout-foodstrip .browse-category-sort-row:hover,
.body-layout-foodstrip .store-menu-cats:not([hidden]) {
    border: 0 !important;
    outline: none !important;
    background: rgba(29, 32, 29, 0.92) !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light .line-mode-search {
    background: transparent !important;
}

body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .global-search:hover,
body.body-layout-foodstrip.browse-site-light .global-search:focus,
body.body-layout-foodstrip.browse-site-light .global-search:focus-visible {
    background: rgba(255, 253, 248, 0.70) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(44, 38, 26, 0.075) !important;
    color: var(--ui-light-text, #1f211d) !important;
    outline: none !important;
    backdrop-filter: blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
    color: #171a15 !important;
    opacity: 0.6;
}

body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row:hover,
body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]),
#products-section.store-interior-light .store-menu-cats:not([hidden]) {
    border: 0 !important;
    background: rgba(248, 245, 236, 0.94) !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 2026-08-01: sticky header dark, transparent search, cleaner shelves and light theme readability. */
.body-layout-foodstrip header,
body.body-layout-foodstrip.browse-site-light header {
    background: rgba(13, 16, 14, 0.94) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20) !important;
    color: #f6f8f3 !important;
    backdrop-filter: blur(18px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

.body-layout-foodstrip header::before,
.body-layout-foodstrip header::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip header :is(.delivery-address-btn, .header-auth-user, .header-login-open-btn, .store-admin-entry, .orders-icon, .cart-icon, .browse-theme-toggle),
body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn, .header-auth-user, .header-login-open-btn, .store-admin-entry, .orders-icon, .cart-icon, .browse-theme-toggle) {
    background: rgba(255, 255, 255, 0.085) !important;
    background-image: none !important;
    border: 0 !important;
    color: #f6f8f3 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip header :is(.delivery-address-btn-label, .delivery-address-pin, .header-auth-name, .store-admin-entry, .orders-icon-glyph, .cart-icon-glyph),
body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn-label, .delivery-address-pin, .header-auth-name, .store-admin-entry, .orders-icon-glyph, .cart-icon-glyph) {
    color: #f6f8f3 !important;
    opacity: 0.94 !important;
}

.body-layout-foodstrip .cart-sum-badge,
body.body-layout-foodstrip.browse-site-light .cart-sum-badge {
    color: #f6f8f3 !important;
}

.body-layout-foodstrip .cart-count-badge,
body.body-layout-foodstrip.browse-site-light .cart-count-badge {
    background: #62d889 !important;
    color: #071109 !important;
}

.body-layout-foodstrip .browse-theme-toggle,
body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    min-width: 168px !important;
    width: 168px !important;
    overflow: hidden !important;
}

.body-layout-foodstrip .browse-theme-label,
body.body-layout-foodstrip.browse-site-light .browse-theme-label {
    color: rgba(246, 248, 243, 0.88) !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

.body-layout-foodstrip .browse-theme-label small,
body.body-layout-foodstrip.browse-site-light .browse-theme-label small {
    color: rgba(246, 248, 243, 0.58) !important;
}

.body-layout-foodstrip .browse-theme-thumb,
body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: #f4f2ec !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:not(.browse-site-light) .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day {
    color: #111411 !important;
}

body:not(.browse-site-light) .browse-theme-label--night small,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day small {
    color: rgba(17, 20, 17, 0.68) !important;
}

.body-layout-foodstrip .line-mode-search,
body.body-layout-foodstrip.browse-site-light .line-mode-search {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.body-layout-foodstrip .global-search,
.body-layout-foodstrip .global-search:hover,
.body-layout-foodstrip .global-search:focus,
.body-layout-foodstrip .global-search:focus-visible {
    background: rgba(255, 255, 255, 0.095) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055)) !important;
    border: 0 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .global-search:hover,
body.body-layout-foodstrip.browse-site-light .global-search:focus,
body.body-layout-foodstrip.browse-site-light .global-search:focus-visible {
    background: rgba(255, 253, 248, 0.74) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.60)) !important;
    color: #1f211d !important;
    box-shadow: 0 12px 28px rgba(44, 38, 26, 0.065) !important;
}

.body-layout-foodstrip .premium-hero,
body.body-layout-foodstrip.browse-site-light .premium-hero,
#products-section .store-interior-billboard-shell,
#products-section .store-info-hero,
#products-section .store-interior-billboard {
    border: 0 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip .premium-hero {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero {
    box-shadow: 0 10px 26px rgba(44, 38, 26, 0.055) !important;
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card:hover,
.body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover,
.body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line .store-card:hover {
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16) !important;
}

body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-card:hover,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-card:hover,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-card:hover {
    box-shadow: 0 10px 24px rgba(44, 38, 26, 0.075) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-card, .store-shelf, .product-rail-card, .dish-week-card, #products-section .product-card, .browse-cart-panel-inner, .browse-cart-item, .checkout-section, .checkout-side, .checkout-page-card) {
    background-color: #fffdf8 !important;
    color: #1d211c !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-card *, .store-shelf *, .product-rail-card *, .dish-week-card *, #products-section .product-card *, .browse-cart-panel-inner *, .browse-cart-item *) {
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-title, .store-shelf-name, .store-shelf-title, .product-rail-name, .dish-week-title, #products-section .product-card-title, .price-current, .product-rail-price) {
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-card-snippet, .store-meta-time, .store-meta-pill, .store-shelf-meta, .store-shelf-sub, .product-rail-desc, .product-rail-meta, .dish-week-meta, #products-section .product-card-desc) {
    color: rgba(29, 33, 28, 0.66) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn) {
    color: rgba(29, 33, 28, 0.82) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    color: #fffdf8 !important;
}

/* 2026-08-01: light theme header readability guard. */
body.body-layout-foodstrip.browse-site-light header {
    background: rgba(13, 16, 14, 0.95) !important;
    color: #f7faf4 !important;
}

body.body-layout-foodstrip.browse-site-light header :is(
    button,
    a,
    .delivery-address-btn,
    .header-auth-user,
    .header-login-open-btn,
    .store-admin-entry,
    .orders-icon,
    .cart-icon,
    .browse-theme-toggle,
    .delivery-address-btn-label,
    .delivery-address-pin,
    .header-auth-name,
    .orders-icon-glyph,
    .cart-icon-glyph,
    .cart-bag-icon,
    .cart-sum-badge,
    .browse-theme-label,
    .browse-theme-label strong,
    .browse-theme-label small
) {
    color: #f7faf4 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn, .header-auth-user, .header-login-open-btn, .store-admin-entry, .orders-icon, .cart-icon, .browse-theme-toggle) {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn:hover, .header-login-open-btn:hover, .store-admin-entry:hover, .orders-icon:hover, .cart-icon:hover, .browse-theme-toggle:hover) {
    background: rgba(255, 255, 255, 0.14) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: #f6f4ee !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night small {
    color: #f7faf4 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day strong {
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day small {
    color: rgba(17, 20, 17, 0.68) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.browse-sort-dialog, .overlay-card, .product-config-card, .address-card, .checkout-page-card, .orders-modern-card) :is(h1, h2, h3, h4, strong, label, button) {
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.browse-sort-dialog, .overlay-card, .product-config-card, .address-card, .checkout-page-card, .orders-modern-card) :is(p, span, small, input, textarea, select) {
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.browse-sort-dialog, .overlay-card, .product-config-card, .address-card, .checkout-page-card, .orders-modern-card) :is(input, textarea, select) {
    background: rgba(255, 255, 255, 0.78) !important;
    color: #1f211d !important;
    border-color: transparent !important;
}

/* ==== Light theme: Checkout page comprehensive ==== */
body.body-layout-foodstrip.browse-site-light .checkout-page {
    background: rgba(0, 0, 0, 0.32) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-page-card {
    background: #fff !important;
    color: #171a15 !important;
    box-shadow: 0 28px 88px rgba(0, 0, 0, 0.12) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-page-head {
    background: #fff !important;
    border-bottom-color: rgba(23, 26, 21, 0.08) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-page-head h2 {
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-page-close {
    background: rgba(23, 26, 21, 0.06) !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-section,
body.body-layout-foodstrip.browse-site-light .checkout-side {
    background: #fff !important;
    border-color: rgba(23, 26, 21, 0.08) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.05) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-section h3,
body.body-layout-foodstrip.browse-site-light .checkout-side h3,
body.body-layout-foodstrip.browse-site-light .checkout-section h4 {
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-input {
    background: #f8f8f5 !important;
    border-color: rgba(23, 26, 21, 0.1) !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-input::placeholder {
    color: rgba(23, 26, 21, 0.45) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-input:focus {
    border-color: rgba(216, 159, 56, 0.6) !important;
    box-shadow: 0 0 0 3px rgba(216, 159, 56, 0.18) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-muted {
    background: #f8f8f5 !important;
    color: #74706a !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment {
    background: #f8f8f5 !important;
    border-color: rgba(23, 26, 21, 0.08) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment-btn {
    color: #5a554d !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment-btn:hover {
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment-btn.is-active {
    background: #171a15 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(23, 26, 21, 0.15) !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-pickup-chip,
body.body-layout-foodstrip.browse-site-light .checkout-order-chip {
    background: rgba(216, 159, 56, 0.12) !important;
    border-color: rgba(216, 159, 56, 0.18) !important;
    color: #8a5a14 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-order-chip--toggle {
    background: #f8f8f5 !important;
    border-color: rgba(23, 26, 21, 0.1) !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-order-chip--toggle.is-active {
    background: #171a15 !important;
    border-color: #171a15 !important;
    color: #fff !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-order-toggle {
    background: #f8f8f5 !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-order-item {
    background: #fafafa !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-submit-btn {
    background: #171a15 !important;
    color: #fff !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-field-error {
    color: #b82e2e !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-order-chip--toggle,
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment-btn {
    color: #5a554d !important;
}
body.body-layout-foodstrip.browse-site-light .checkout-address-summary {
    color: #333 !important;
}

/* 2026-08-01: stronger visible header controls in light mode, cache-bust pass. */
body.body-layout-foodstrip.browse-site-light header,
body.body-layout-foodstrip.browse-site-light header * {
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light header {
    background: #101310 !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

body.body-layout-foodstrip.browse-site-light header :is(
    .delivery-address-btn,
    .header-auth-user,
    .header-login-open-btn,
    .store-admin-entry,
    .orders-icon,
    .cart-icon,
    .browse-theme-toggle,
    .header-auth-cache-clear,
    .header-auth-logout
) {
    background: rgba(255, 255, 255, 0.10) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f8fbf4 !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light header :is(
    .delivery-address-btn-label,
    .delivery-address-pin,
    .header-auth-name,
    .header-login-open-btn,
    .store-admin-entry,
    .orders-icon-glyph,
    .cart-icon-glyph,
    .cart-bag-icon,
    .cart-sum-badge,
    .header-auth-cache-clear,
    .header-auth-logout
) {
    color: #f8fbf4 !important;
    fill: none !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #161814 !important;
    color: #f8fbf4 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: #f8f6ef !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night small {
    color: rgba(248, 251, 244, 0.92) !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day strong {
    color: #101310 !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day small {
    color: rgba(16, 19, 16, 0.60) !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .cart-count-badge {
    background: #62d889 !important;
    color: #071109 !important;
}

body.body-layout-foodstrip.browse-site-light .header-brand-logo {
    opacity: 1 !important;
    filter: none !important;
}

/* 2026-08-01: sync only the two sticky panels from the live server baseline. */
.body-layout-foodstrip header,
body.body-layout-foodstrip.browse-site-light header {
    position: sticky !important;
    top: 12px !important;
    z-index: 80 !important;
    margin: 0 0 18px !important;
    padding: 10px !important;
    border: 1px solid var(--premium-line, rgba(255,255,255,0.10)) !important;
    border-radius: 24px !important;
    background: rgba(16, 18, 17, 0.72) !important;
    background-image: none !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22) !important;
    color: var(--premium-text, #f6faf4) !important;
    backdrop-filter: blur(22px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
}

.body-layout-foodstrip header::before,
.body-layout-foodstrip header::after,
body.body-layout-foodstrip.browse-site-light header::before,
body.body-layout-foodstrip.browse-site-light header::after {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip .header-brand,
body.body-layout-foodstrip.browse-site-light .header-brand {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-left: clamp(12px, 2.1vw, 30px) !important;
    max-width: min(310px, 46vw) !important;
    min-height: 70px !important;
    overflow: visible !important;
    padding: 0 !important;
}

.body-layout-foodstrip .header-brand::before,
body.body-layout-foodstrip.browse-site-light .header-brand::before {
    content: none !important;
    display: none !important;
}

.body-layout-foodstrip .header-home-btn,
body.body-layout-foodstrip.browse-site-light .header-home-btn {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 70px !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.body-layout-foodstrip .header-brand-logo,
body.body-layout-foodstrip.browse-site-light .header-brand-logo {
    border-radius: 0 !important;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.28)) !important;
    height: 70px !important;
    max-width: min(290px, 44vw) !important;
    object-fit: contain !important;
    object-position: left center !important;
    opacity: 1 !important;
    transform-origin: left center !important;
    width: auto !important;
}

.body-layout-foodstrip .header-home-btn:hover .header-brand-logo {
    filter: drop-shadow(0 15px 28px rgba(91, 226, 141, 0.22)) drop-shadow(0 10px 22px rgba(0, 0, 0, 0.24)) !important;
    transform: translateY(-1px) scale(1.025) !important;
}

.body-layout-foodstrip .header-actions {
    align-items: center !important;
}

.body-layout-foodstrip header :is(.delivery-address-btn, .browse-theme-toggle, .store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon),
body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn, .browse-theme-toggle, .store-admin-entry, .header-login-open-btn, .orders-icon, .cart-icon) {
    background: rgba(255, 255, 255, 0.075) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    color: var(--premium-text, #f6faf4) !important;
    opacity: 1 !important;
}

.body-layout-foodstrip header :is(.delivery-address-btn-label, .delivery-address-pin, .store-admin-entry, .header-login-open-btn, .orders-icon-glyph, .cart-icon-glyph, .cart-bag-icon, .cart-sum-badge),
body.body-layout-foodstrip.browse-site-light header :is(.delivery-address-btn-label, .delivery-address-pin, .store-admin-entry, .header-login-open-btn, .orders-icon-glyph, .cart-icon-glyph, .cart-bag-icon, .cart-sum-badge) {
    color: var(--premium-text, #f6faf4) !important;
    opacity: 1 !important;
}

.body-layout-foodstrip header > .delivery-address-btn,
body.body-layout-foodstrip.browse-site-light header > .delivery-address-btn {
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    text-align: center !important;
}

.body-layout-foodstrip .delivery-address-btn-row1,
body.body-layout-foodstrip.browse-site-light .delivery-address-btn-row1 {
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    line-height: 1 !important;
}

.body-layout-foodstrip .delivery-address-btn-label,
body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label {
    display: inline-flex !important;
    align-items: center !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    transform: none !important;
}

.body-layout-foodstrip .browse-theme-toggle,
body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #151513 !important;
    border: 2px solid #151513 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .22) !important;
    height: 40px !important;
    min-width: 132px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 132px !important;
}

.body-layout-foodstrip .browse-theme-track,
body.body-layout-foodstrip.browse-site-light .browse-theme-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    inset: 0 !important;
    position: absolute !important;
}

.body-layout-foodstrip .browse-theme-thumb,
body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    background: #f4f4f1 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    position: absolute !important;
    top: 2px !important;
    width: calc(50% - 2px) !important;
    z-index: 1 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
    transform: translateX(64px) !important;
}

.body-layout-foodstrip .browse-theme-label,
body.body-layout-foodstrip.browse-site-light .browse-theme-label {
    align-items: center !important;
    color: rgba(255, 255, 255, .82) !important;
    display: inline-flex !important;
    gap: 2px !important;
    justify-content: center !important;
    line-height: 1 !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 2 !important;
}

.body-layout-foodstrip .browse-theme-label strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label strong {
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: -0.04em !important;
}

.body-layout-foodstrip .browse-theme-label small,
body.body-layout-foodstrip.browse-site-light .browse-theme-label small {
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    margin-top: -9px !important;
}

body:not(.browse-site-light) .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day,
body:not(.browse-site-light) .browse-theme-label--night strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day strong {
    color: #151513 !important;
}

body:not(.browse-site-light) .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night,
body:not(.browse-site-light) .browse-theme-label--day strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night strong {
    color: rgba(255, 255, 255, .84) !important;
}

.body-layout-foodstrip .line-mode-search,
body.body-layout-foodstrip.browse-site-light .line-mode-search {
    position: sticky !important;
    top: 94px !important;
    z-index: 45 !important;
    margin-bottom: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip .global-search,
.body-layout-foodstrip .global-search:hover,
.body-layout-foodstrip .global-search:focus,
.body-layout-foodstrip .global-search:focus-visible,
body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .global-search:hover,
body.body-layout-foodstrip.browse-site-light .global-search:focus,
body.body-layout-foodstrip.browse-site-light .global-search:focus-visible {
    min-height: 56px !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    background-image: none !important;
    color: var(--premium-text, #f6faf4) !important;
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.18) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    outline: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search {
    color: #211d17 !important;
    background: rgba(255, 253, 248, 0.84) !important;
    border-color: rgba(33, 29, 23, 0.1) !important;
    box-shadow: 0 14px 48px rgba(53, 42, 25, 0.10) !important;
}

.body-layout-foodstrip .browse-category-sort-row,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(43, 42, 39, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 36px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    background: rgba(255, 252, 246, 0.78) !important;
    border-color: rgba(33, 29, 23, 0.10) !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        top: 8px !important;
        border-radius: 20px !important;
    }

    .body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip.browse-site-light .header-brand {
        margin-left: 8px !important;
        max-width: min(240px, 52vw) !important;
        min-height: 58px !important;
    }

    .body-layout-foodstrip .header-home-btn,
    body.body-layout-foodstrip.browse-site-light .header-home-btn {
        min-height: 58px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip.browse-site-light .header-brand-logo {
        height: 58px !important;
        max-width: min(224px, 50vw) !important;
    }

    .body-layout-foodstrip .line-mode-search,
    body.body-layout-foodstrip.browse-site-light .line-mode-search {
        position: static !important;
        top: auto !important;
        margin-bottom: 10px !important;
    }

    .body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search {
        min-height: 48px !important;
        padding: 11px 15px !important;
    }

    .body-layout-foodstrip .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
        height: 36px !important;
        min-width: 112px !important;
        width: 112px !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        transform: translateX(54px) !important;
    }
}

/* 2026-08-01: keep sticky navigation panels dark and readable in light theme too. */
body.body-layout-foodstrip.browse-site-light header,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
    background: rgba(16, 18, 17, 0.88) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18) !important;
    color: #f6faf4 !important;
    backdrop-filter: blur(18px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
}

body.body-layout-foodstrip.browse-site-light .line-mode-search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .global-search,
body.body-layout-foodstrip.browse-site-light .global-search:hover,
body.body-layout-foodstrip.browse-site-light .global-search:focus,
body.body-layout-foodstrip.browse-site-light .global-search:focus-visible {
    background: rgba(255, 253, 248, 0.70) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(44, 38, 26, 0.075) !important;
    color: #1f211d !important;
    caret-color: #171a15 !important;
    backdrop-filter: blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
    color: #171a15 !important;
    opacity: 0.6;
}

body.body-layout-foodstrip.browse-site-light :is(
    header,
    .browse-category-sort-row,
    .store-menu-cats:not([hidden])
) :is(button, a, span, strong, small, svg, path) {
    color: #f6faf4 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn) {
    background: rgba(255, 255, 255, 0.075) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: rgba(246, 250, 244, 0.86) !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill:hover, .store-menu-cat:hover, .browse-sort-open-btn:hover, .category-scroll-btn:hover) {
    background: rgba(255, 255, 255, 0.13) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background: #f4f2ec !important;
    border-color: #f4f2ec !important;
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) :is(span, strong, small, svg, path) {
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
    background: #151513 !important;
    border-color: #151513 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night strong,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--night small {
    color: rgba(255, 255, 255, 0.84) !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light .browse-theme-label--day strong {
    color: #151513 !important;
}

body.body-layout-foodstrip.browse-site-light .browse-theme-label--day small {
    color: rgba(21, 21, 19, 0.58) !important;
}

/* 2026-08-01: force visible header buttons in light theme. */
body.body-layout-foodstrip.browse-site-light header :is(
    #delivery-address-btn,
    #browse-theme-toggle,
    .store-admin-entry,
    #header-login-open-btn,
    #header-auth-user,
    #orders-icon,
    #cart-icon,
    .orders-icon-btn,
    .cart-icon-btn
) {
    background: #191c18 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: none !important;
    color: #f7faf4 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.body-layout-foodstrip.browse-site-light header :is(
    #delivery-address-btn,
    #browse-theme-toggle,
    .store-admin-entry,
    #header-login-open-btn,
    #header-auth-user,
    #orders-icon,
    #cart-icon,
    .orders-icon-btn,
    .cart-icon-btn
):hover {
    background: #232720 !important;
    color: #ffffff !important;
}

body.body-layout-foodstrip.browse-site-light header :is(
    #delivery-address-btn,
    #browse-theme-toggle,
    .store-admin-entry,
    #header-login-open-btn,
    #header-auth-user,
    #orders-icon,
    #cart-icon,
    .orders-icon-btn,
    .cart-icon-btn
) :is(span, strong, small, svg, path),
body.body-layout-foodstrip.browse-site-light header :is(
    #delivery-address-btn,
    #browse-theme-toggle,
    .store-admin-entry,
    #header-login-open-btn,
    #header-auth-user,
    #orders-icon,
    #cart-icon,
    .orders-icon-btn,
    .cart-icon-btn
) {
    color: #f7faf4 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light header .cart-bag-icon path,
body.body-layout-foodstrip.browse-site-light header .lumini-lucide path,
body.body-layout-foodstrip.browse-site-light header .lumini-lucide circle {
    stroke: currentColor !important;
}

body.body-layout-foodstrip.browse-site-light header .cart-count-badge {
    background: #79e89c !important;
    color: #071109 !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light header .cart-sum-badge {
    color: #f7faf4 !important;
    opacity: 1 !important;
}

/* Keep the segmented theme switch readable: active Day text sits on the light thumb. */
body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-thumb {
    background: #f7f5ef !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-label--night,
body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-label--night :is(strong, small) {
    color: rgba(247, 250, 244, 0.86) !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-label--day,
body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-label--day strong {
    color: #151713 !important;
    opacity: 1 !important;
}

body.body-layout-foodstrip.browse-site-light header #browse-theme-toggle .browse-theme-label--day small {
    color: rgba(21, 23, 19, 0.60) !important;
    opacity: 1 !important;
}



/* Search clear affordance 20260803: clean vector x, no native duplicate. */
.body-layout-foodstrip .global-search::-webkit-search-cancel-button,
.body-layout-foodstrip .global-search::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.body-layout-foodstrip .global-search-clear {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(245, 248, 240, .74) !important;
    padding: 0 !important;
}

.body-layout-foodstrip .global-search-clear .lumini-lucide,
.body-layout-foodstrip .global-search-clear .lumini-lucide path {
    stroke: currentColor !important;
    stroke-width: 2.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
}

.body-layout-foodstrip .global-search-clear:hover,
.body-layout-foodstrip .global-search-clear:focus-visible {
    color: rgba(255, 255, 255, .96) !important;
    background: transparent !important;
    transform: translateY(-50%) scale(1.06) !important;
}

body.body-layout-foodstrip.browse-site-light .global-search-clear {
    color: rgba(18, 21, 18, .62) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .global-search-clear:hover,
body.body-layout-foodstrip.browse-site-light .global-search-clear:focus-visible {
    color: rgba(18, 21, 18, .92) !important;
    background: transparent !important;
}

/* 2026-08-03: dark theme checkout — override the foodstrip light card default so
   the checkout stays dark with dark inputs. */
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page {
    background: rgba(0, 0, 0, 0.6) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page-card,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page-head {
    background: #1a1b1d !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page-head {
    border-bottom-color: rgba(255, 255, 255, 0.09) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page-head h2,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-section h3,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-side h3,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-section h4 {
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-page-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-section,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-side {
    background: #202124 !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-input::placeholder {
    color: rgba(245, 245, 245, 0.38) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-input:focus {
    border-color: rgba(216, 159, 56, 0.6) !important;
    box-shadow: 0 0 0 3px rgba(216, 159, 56, 0.18) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-muted {
    background: transparent !important;
    color: rgba(245, 245, 245, 0.6) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-fulfillment {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-fulfillment-btn {
    color: rgba(245, 245, 245, 0.72) !important;
    background: transparent !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-fulfillment-btn.is-active {
    background: linear-gradient(135deg, rgba(242, 199, 106, 0.95), rgba(126, 224, 154, 0.95)) !important;
    color: #15120b !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-order-chip--toggle,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-order-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-order-chip--toggle.is-active {
    background: #1f1f1f !important;
    border-color: #1f1f1f !important;
    color: #fff !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-order-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f5 !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-sum-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body.body-layout-foodstrip:not(.browse-site-light) .checkout-sum-row span,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-sum-row strong {
    color: #f5f5f5 !important;
}


/* 2026-08-03: desktop/web product cards — hide category pill (keeps hot/liked icon). */
@media (min-width: 761px) {
    body.body-layout-foodstrip :is(.food-card-badge--cat, .food-card-badge--premium, .product-options-badge) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* 2026-08-03: light theme (web/desktop) — category rail light, light store-card
   reading surface, and light friendly pills. Mirrors the compact mobile look. */
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
    background: rgba(255, 253, 248, 0.92) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.55)) !important;
    border: 1px solid rgba(23, 26, 21, 0.08) !important;
    box-shadow: 0 12px 32px rgba(44, 38, 26, 0.08) !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn),
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row:is(.browse-category-sort-row) :is(.line-filter-pill, .browse-sort-open-btn) {
    background: transparent !important;
    color: #232620 !important;
    box-shadow: none !important;
    border: 0 !important;
}
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill:hover, .browse-sort-open-btn:hover),
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill:hover, .browse-sort-open-btn:hover) {
    background: rgba(23, 26, 21, 0.08) !important;
    color: #171a15 !important;
}
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill.is-active, .browse-sort-open-btn[aria-expanded='true']),
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background: #171a15 !important;
    color: #fffdf8 !important;
    box-shadow: 0 8px 18px rgba(23, 26, 21, 0.16) !important;
}
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn) .lumini-lucide,
body.body-layout-foodstrip.browse-site-light .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn) .line-filter-pill-ico {
    color: currentColor !important;
    fill: none !important;
}
body.body-layout-foodstrip.browse-site-light .category-scroll-btn {
    background: rgba(255, 255, 255, 0.8) !important;
    color: #171a15 !important;
    border: 1px solid rgba(23, 26, 21, 0.1) !important;
    box-shadow: none !important;
}

/* Light theme: store cards (main shop grid) — light reading surface & pills. */
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light #dish-of-week-list .store-hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.body-layout-foodstrip.browse-site-light #stores-list.stores-masonry.stores-layout-line .store-title,
body.body-layout-foodstrip.browse-site-light #fast-delivery-list.stores-masonry.stores-layout-line .store-title,
body.body-layout-foodstrip.browse-site-light #repeat-stores-list.stores-masonry.stores-layout-line .store-title {
    color: #171a16 !important;
    text-shadow: none !important;
}
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta :is(.store-meta-pill, .store-live-tag) {
    background: rgba(23, 26, 21, 0.06) !important;
    border-color: rgba(23, 26, 21, 0.1) !important;
    color: #2a2d26 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta :is(.store-meta-pill--open, .store-live-tag--fast) {
    background: rgba(40, 90, 72, 0.12) !important;
    border-color: rgba(40, 90, 72, 0.3) !important;
    color: #1e4d3d !important;
}
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta :is(.store-meta-pill--closed) {
    background: rgba(185, 28, 28, 0.08) !important;
    border-color: rgba(185, 28, 28, 0.28) !important;
    color: #9f2d2d !important;
}
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta :is(.store-live-tag--tasty) {
    background: rgba(216, 159, 56, 0.12) !important;
    border-color: rgba(216, 159, 56, 0.3) !important;
    color: #8a5a14 !important;
}


/* 2026-09-13 launch polish: unified cards, store interior rhythm, green actions. */
.body-layout-foodstrip {
    --launch-action: #45c46f;
    --launch-action-hover: #5ed984;
    --launch-action-text: #071109;
    --launch-card-radius: 18px;
    --launch-image-radius: 18px;
    --launch-product-gap: 20px;
}

.body-layout-foodstrip :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) {
    gap: var(--launch-product-gap) !important;
    column-gap: var(--launch-product-gap) !important;
    row-gap: var(--launch-product-gap) !important;
}

.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card) {
    border-radius: var(--launch-card-radius) !important;
    overflow: visible !important;
    padding: 0 !important;
}

.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .store-shelf-product .product-rail-image-wrap, #products-section .product-card-image-wrap) {
    border-radius: var(--launch-image-radius) !important;
    aspect-ratio: 1 / 0.82 !important;
}

.body-layout-foodstrip #products-section .products-grid {
    gap: 24px !important;
    align-items: start !important;
    grid-template-columns: repeat(auto-fill, minmax(214px, 1fr)) !important;
}

.body-layout-foodstrip #products-section .product-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip #products-section .product-card-body {
    display: grid !important;
    gap: 8px !important;
    padding: 12px 2px 0 !important;
    background: transparent !important;
}

.body-layout-foodstrip #products-section .product-card-head {
    align-items: start !important;
    gap: 10px !important;
}

.body-layout-foodstrip #products-section .product-card-title,
.body-layout-foodstrip .product-rail-name,
.body-layout-foodstrip .dish-week-title {
    font-size: 15px !important;
    line-height: 1.12 !important;
}

.body-layout-foodstrip #products-section .product-card-desc,
.body-layout-foodstrip .product-rail-meta,
.body-layout-foodstrip .dish-week-meta {
    min-height: 34px !important;
    line-height: 1.32 !important;
}

.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit, .owner-btn.primary, .owner-btn.gold) {
    background: var(--launch-action) !important;
    background-image: none !important;
    border-color: transparent !important;
    color: var(--launch-action-text) !important;
    -webkit-text-fill-color: var(--launch-action-text) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit, .owner-btn.primary, .owner-btn.gold):hover {
    background: var(--launch-action-hover) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.checkout-input:focus, .delivery-address-input:focus, .header-auth-email-field input:focus, .owner-field input:focus, .owner-field textarea:focus, .owner-field select:focus) {
    border-color: rgba(69, 196, 111, .55) !important;
    box-shadow: 0 0 0 3px rgba(69, 196, 111, .16) !important;
    outline: none !important;
}

.body-layout-foodstrip :is(.checkout-pickup-chip, .checkout-order-chip:not(.checkout-order-chip--toggle), .store-live-tag--tasty) {
    background: rgba(69, 196, 111, .12) !important;
    border-color: rgba(69, 196, 111, .24) !important;
    color: #2b7046 !important;
}

.body-layout-foodstrip .checkout-fulfillment-btn.is-active,
body.body-layout-foodstrip:not(.browse-site-light) .checkout-fulfillment-btn.is-active,
body.body-layout-foodstrip.browse-site-light .checkout-fulfillment-btn.is-active {
    background: #171a15 !important;
    background-image: none !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip #products-section {
    background: transparent !important;
    color: var(--premium-text, #f5f5f0) !important;
}

.body-layout-foodstrip #products-section .store-page-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

.body-layout-foodstrip #products-section .store-interior-billboard {
    width: 100% !important;
    max-width: 1100px !important;
    min-height: 170px !important;
    margin: 0 auto 16px !important;
    border-radius: 24px !important;
    box-shadow: none !important;
}

.body-layout-foodstrip #products-section .store-interior-billboard-content {
    min-height: 170px !important;
    display: grid !important;
    align-content: center !important;
    gap: 12px !important;
    padding: 22px 26px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: rgba(17, 20, 17, .74) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip #products-section .store-interior-billboard-image {
    filter: saturate(1.08) brightness(.72) !important;
    opacity: .88 !important;
}

.body-layout-foodstrip #products-section.store-interior-light .store-interior-billboard-content,
body.body-layout-foodstrip.browse-site-light #products-section .store-interior-billboard-content {
    background: rgba(255, 255, 255, .88) !important;
    color: #171a15 !important;
}

.body-layout-foodstrip #products-section .store-menu-cats:not([hidden]) {
    margin: 0 auto 24px !important;
    max-width: 1100px !important;
    border-radius: 22px !important;
    background: rgba(29, 32, 29, .92) !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light #products-section .store-menu-cats:not([hidden]),
#products-section.store-interior-light .store-menu-cats:not([hidden]) {
    background: var(--lumini-ui-surface) !important;
    border: 0 !important;
    box-shadow: 0 10px 28px rgba(31, 36, 28, .055) !important;
}

.body-layout-foodstrip :is(.food-card-badge--cat, .food-card-badge--premium, .product-options-badge) {
    display: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(#products-section .product-card, .product-rail-card, .dish-week-card, .store-shelf-product) {
    background: transparent !important;
    border-color: transparent !important;
}


/* 2026-09-13 launch polish follow-up: remove legacy amber interactions. */
.body-layout-foodstrip :is(.config-sauce-card.active, .config-choice-btn.active, .store-review-praise-toggle input:checked + .store-review-praise-toggle-visual, .product-praise-btn.is-praised) {
    border-color: rgba(69, 196, 111, .55) !important;
    box-shadow: inset 0 0 0 1px rgba(69, 196, 111, .55) !important;
}
.body-layout-foodstrip .config-sauce-card.active .config-sauce-radio {
    border-color: #45c46f !important;
    box-shadow: inset 0 0 0 5px #45c46f !important;
}
.body-layout-foodstrip :is(.config-choice-btn.active, .config-sauce-card.active) {
    background: rgba(69, 196, 111, .14) !important;
}
.body-layout-foodstrip :is(.config-sauce-required, .store-review-praise-toggle-visual .praise-trophy-icon, .product-praise-btn.is-praised .praise-trophy-icon, .lumini-praise-card-icon) {
    color: #45c46f !important;
    filter: none !important;
}
.body-layout-foodstrip .browse-cart-checkout-btn {
    background: #45c46f !important;
    background-image: none !important;
    color: #071109 !important;
}


/* 2026-09-13: order art panel for checkout. */
.body-layout-foodstrip .checkout-page-card {
    width: min(1280px, 100%) !important;
}

.body-layout-foodstrip .checkout-page-grid {
    grid-template-columns: minmax(380px, 1fr) minmax(260px, 34%) minmax(260px, 300px) !important;
    align-items: start !important;
}

.body-layout-foodstrip .checkout-art-panel {
    align-self: stretch;
    min-height: 100%;
}

.body-layout-foodstrip .checkout-art-frame {
    position: sticky;
    top: 78px;
    min-height: min(640px, calc(92vh - 132px));
    border-radius: 24px;
    overflow: hidden;
    background: #111411;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
    isolation: isolate;
}

.body-layout-foodstrip .checkout-art-image {
    width: 100%;
    height: 100%;
    min-height: min(640px, calc(92vh - 132px));
    display: block;
    object-fit: cover;
    object-position: center 42%;
    transform: scale(1.01);
}

.body-layout-foodstrip .checkout-art-frame::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72));
    pointer-events: none;
    z-index: 1;
}

.body-layout-foodstrip .checkout-art-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: grid;
    gap: 4px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.body-layout-foodstrip .checkout-art-caption span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.body-layout-foodstrip .checkout-art-caption strong {
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.02;
    font-weight: 950;
}

body.body-layout-foodstrip.browse-site-light .checkout-art-frame {
    box-shadow: 0 20px 48px rgba(28, 25, 20, 0.16);
}

@media (max-width: 1180px) {
    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 36%) !important;
    }

    .body-layout-foodstrip .checkout-side {
        grid-column: 1 / -1;
        position: static !important;
    }
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: 1fr !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        order: -1;
        min-height: 0;
    }

    .body-layout-foodstrip .checkout-art-frame {
        position: relative;
        top: auto;
        min-height: 180px;
        max-height: 220px;
        border-radius: 22px;
    }

    .body-layout-foodstrip .checkout-art-image {
        min-height: 180px;
        height: 220px;
        object-position: center 34%;
    }

    .body-layout-foodstrip .checkout-art-caption {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }
}

/* 2026-09-13: light theme contrast cleanup for store cards and order actions. */
body.body-layout-foodstrip.browse-site-light {
    --launch-action: #171a15;
    --launch-action-hover: #232820;
    --launch-action-text: #fffdf8;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-hover {
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.08) 40%,
        rgba(0, 0, 0, 0.62) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-title {
    color: #fffdf8 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.46) !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-hours {
    color: rgba(255, 253, 248, 0.86) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.38) !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-card-meta :is(.store-meta-pill, .store-live-tag) {
    background: rgba(255, 253, 248, 0.86) !important;
    border-color: rgba(255, 253, 248, 0.72) !important;
    color: #171a15 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-card-meta :is(.store-meta-pill--open, .store-live-tag--fast) {
    background: rgba(233, 255, 239, 0.92) !important;
    border-color: rgba(40, 90, 72, 0.22) !important;
    color: #19583a !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-card-meta :is(.store-meta-pill--closed) {
    background: rgba(255, 235, 235, 0.92) !important;
    border-color: rgba(185, 28, 28, 0.24) !important;
    color: #9f2d2d !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #dish-of-week-list) .store-card-meta :is(.store-live-tag--tasty) {
    background: rgba(255, 239, 210, 0.92) !important;
    border-color: rgba(216, 159, 56, 0.24) !important;
    color: #8a4f10 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit) {
    background: var(--launch-action) !important;
    background-image: none !important;
    border-color: transparent !important;
    color: var(--launch-action-text) !important;
    -webkit-text-fill-color: var(--launch-action-text) !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit):hover {
    background: var(--launch-action-hover) !important;
    color: var(--launch-action-text) !important;
    -webkit-text-fill-color: var(--launch-action-text) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit) :is(svg, span, strong) {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

/* 2026-09-13: compact 16:9 restaurant rail inspired by delivery apps. */
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    padding-bottom: 16px !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
    flex: 0 0 clamp(260px, 24vw, 326px) !important;
    width: clamp(260px, 24vw, 326px) !important;
    min-width: clamp(260px, 24vw, 326px) !important;
    max-width: clamp(260px, 24vw, 326px) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    scroll-snap-align: start !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap,
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #171a15 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    gap: 5px !important;
    padding: 8px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--premium-text, #f5f5f0) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-shadow: none !important;
    -webkit-line-clamp: 1 !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title {
    color: #171a15 !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta {
    gap: 5px !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta :is(.store-meta-pill, .store-live-tag),
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta :is(.store-meta-pill, .store-live-tag) {
    flex: 0 0 auto !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hours,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hours {
    margin: 0 !important;
    color: var(--premium-muted, rgba(245, 245, 240, 0.62)) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hours {
    color: rgba(23, 26, 21, 0.56) !important;
}

@media (min-width: 1320px) {
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
        flex-basis: 318px !important;
        width: 318px !important;
        min-width: 318px !important;
        max-width: 318px !important;
    }
}

/* 2026-09-13: visual hygiene pass for crisp cards, rails and light-theme contrast. */
.body-layout-foodstrip {
    --lumini-surface-dark: #111411;
    --lumini-surface-dark-soft: #191d18;
    --lumini-surface-light: #fffdf8;
    --lumini-surface-light-soft: #f5f3ed;
    --lumini-text-dark: #f7f8f2;
    --lumini-text-light: #171a15;
    --lumini-muted-light: rgba(23, 26, 21, 0.68);
    --lumini-muted-dark: rgba(247, 248, 242, 0.62);
    --lumini-page-background: #10130f;
    --lumini-page-text: var(--lumini-text-dark);
    --lumini-ui-surface: rgba(23, 27, 22, .96);
    --lumini-ui-surface-soft: #171b16;
    --lumini-ui-surface-muted: #222720;
    --lumini-ui-text: var(--lumini-text-dark);
    --lumini-ui-muted: var(--lumini-muted-dark);
    --lumini-ui-border: rgba(255, 255, 255, .10);
    --lumini-ui-shadow: 0 18px 44px rgba(0, 0, 0, .28);
    --lumini-ui-active: #f5f6ef;
    --lumini-ui-active-text: #111411;
    --lumini-ui-input: #20251f;
    --lumini-ui-positive-soft: #173324;
}

.body-layout-foodstrip.browse-site-light {
    --lumini-page-background: radial-gradient(circle at 10% 0%, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) 32%), linear-gradient(135deg, #fbfaf4 0%, #f4f2ea 46%, #fffdf8 100%);
    --lumini-page-text: var(--lumini-text-light);
    --lumini-ui-surface: rgba(255, 253, 248, .94);
    --lumini-ui-surface-soft: #fffdf8;
    --lumini-ui-surface-muted: #f5f4ef;
    --lumini-ui-text: var(--lumini-text-light);
    --lumini-ui-muted: var(--lumini-muted-light);
    --lumini-ui-border: rgba(23, 26, 21, .09);
    --lumini-ui-shadow: 0 18px 44px rgba(28, 25, 18, .16);
    --lumini-ui-active: #111411;
    --lumini-ui-active-text: #fffdf8;
    --lumini-ui-input: #f7f7f3;
    --lumini-ui-positive-soft: #e7f5e9;
}

.body-layout-foodstrip :is(
    .store-card,
    .store-image-wrap,
    .store-image-inner,
    .product-rail-card,
    .product-rail-image-wrap,
    .dish-week-card,
    .dish-week-media,
    .dish-week-image-wrap,
    .store-shelf,
    .store-shelf-brand,
    .store-shelf-products-wrap,
    .store-shelf-product,
    #products-section .product-card,
    #products-section .product-card-image-wrap,
    .mini-product,
    .mini-product-media
)::before,
.body-layout-foodstrip :is(
    .store-card,
    .store-image-wrap,
    .store-image-inner,
    .product-rail-card,
    .product-rail-image-wrap,
    .dish-week-card,
    .dish-week-media,
    .dish-week-image-wrap,
    .store-shelf,
    .store-shelf-brand,
    .store-shelf-products-wrap,
    .store-shelf-product,
    #products-section .product-card,
    #products-section .product-card-image-wrap,
    .mini-product,
    .mini-product-media
)::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.body-layout-foodstrip :is(.store-image-wrap, .store-image-inner, .product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, #products-section .product-card-image-wrap, .mini-product-media) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: var(--lumini-surface-dark-soft) !important;
    background-image: none !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);
}

body.body-layout-foodstrip.browse-site-light :is(.store-image-wrap, .store-image-inner, .product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, #products-section .product-card-image-wrap, .mini-product-media) {
    background: var(--lumini-surface-light-soft) !important;
    background-image: none !important;
}

.body-layout-foodstrip :is(.store-image, .product-rail-image, .dish-week-image, .dish-week-media img, #products-section .product-card-image, .mini-product-img, .store-card-logo) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
    backface-visibility: hidden;
}

.body-layout-foodstrip :is(.store-card, .product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card, .mini-product) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-card, .product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card, .mini-product) {
    color: var(--lumini-text-light) !important;
}

body.body-layout-foodstrip:not(.browse-site-light) :is(.store-card, .product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card, .mini-product) {
    color: var(--lumini-text-dark) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-title, .store-shelf-name, .store-shelf-title, .product-rail-name, .dish-week-title, #products-section .product-card-title, .mini-product-title, .line-mode-heading, .section-title, .fast-delivery-title, .dish-of-week-title) {
    color: var(--lumini-text-light) !important;
    -webkit-text-fill-color: var(--lumini-text-light) !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.store-hours, .store-card-snippet, .store-meta-time, .store-shelf-meta, .store-shelf-sub, .product-rail-desc, .product-rail-meta, .dish-week-meta, #products-section .product-card-desc, .mini-product-desc, .line-mode-sub, .fast-delivery-sub, .dish-of-week-sub) {
    color: var(--lumini-muted-light) !important;
    -webkit-text-fill-color: var(--lumini-muted-light) !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip:not(.browse-site-light) :is(.store-title, .store-shelf-name, .store-shelf-title, .product-rail-name, .dish-week-title, #products-section .product-card-title, .mini-product-title, .line-mode-heading, .section-title, .fast-delivery-title, .dish-of-week-title) {
    color: var(--lumini-text-dark) !important;
    -webkit-text-fill-color: var(--lumini-text-dark) !important;
    text-shadow: none !important;
}

.body-layout-foodstrip :is(.category-scroll-btn, .rail-nav, .section-rail-nav) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: rgba(22, 25, 21, 0.86) !important;
    background-image: none !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.category-scroll-btn, .rail-nav, .section-rail-nav) {
    background: rgba(23, 26, 21, 0.9) !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

.body-layout-foodstrip :is(.category-scroll-btn, .rail-nav, .section-rail-nav) :is(svg, path, span) {
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    -webkit-text-fill-color: currentColor !important;
}

.body-layout-foodstrip :is(.category-scroll-btn[disabled], .rail-nav[disabled], .section-rail-nav[disabled], .category-scroll-btn.is-hidden, .rail-nav.is-hidden, .section-rail-nav.is-hidden) {
    opacity: 0 !important;
    pointer-events: none !important;
}

.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn) {
    color: var(--lumini-text-light) !important;
    -webkit-text-fill-color: var(--lumini-text-light) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    background: var(--lumini-ui-active) !important;
    color: var(--lumini-ui-active-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-active-text) !important;
}

body.body-layout-foodstrip.browse-site-light :is(.line-filter-pill.is-active, .store-menu-cat.is-active, .browse-sort-open-btn[aria-expanded='true']) :is(span, strong, small, svg, path) {
    color: #fffdf8 !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: var(--launch-action-text, #fffdf8) !important;
    -webkit-text-fill-color: var(--launch-action-text, #fffdf8) !important;
}

.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit) :is(svg, path, span, strong) {
    color: currentColor !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add, .mini-product .add, .browse-cart-checkout-btn, .checkout-submit-btn, .delivery-address-save, .header-auth-email-submit) {
    background: #111411 !important;
    background-image: none !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn) {
    color: rgba(17, 20, 17, 0.78) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.78) !important;
}

body.body-layout-foodstrip:not(.browse-site-light) :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn) {
    color: rgba(255, 253, 248, 0.86) !important;
    -webkit-text-fill-color: rgba(255, 253, 248, 0.86) !important;
}

.body-layout-foodstrip :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn).is-favorite {
    color: #45c46f !important;
    -webkit-text-fill-color: #45c46f !important;
}

/* 2026-09-13: remove leftover amber accents from interactive states. */
.body-layout-foodstrip :is(
    .config-sauce-card.active,
    .config-choice-btn.active,
    .checkout-order-chip.is-active,
    .checkout-order-chip--toggle.is-active,
    .checkout-fulfillment-btn.is-active,
    .store-review-praise-toggle input:checked + .store-review-praise-toggle-visual,
    .product-praise-btn.is-praised
) {
    border-color: rgba(69, 196, 111, 0.52) !important;
    box-shadow: none !important;
}

.body-layout-foodstrip :is(.config-choice-btn.active, .config-sauce-card.active, .checkout-order-chip.is-active, .checkout-order-chip--toggle.is-active) {
    background: rgba(69, 196, 111, 0.14) !important;
    background-image: none !important;
    color: #235d3e !important;
    -webkit-text-fill-color: #235d3e !important;
}

.body-layout-foodstrip .config-sauce-card.active .config-sauce-radio,
.body-layout-foodstrip :is(.config-choice-radio, .checkout-order-radio).is-active {
    border-color: #45c46f !important;
    box-shadow: inset 0 0 0 5px #45c46f !important;
}

.body-layout-foodstrip :is(.store-meta-pill--accent, .store-live-tag--tasty, .checkout-pickup-chip, .checkout-order-chip:not(.checkout-order-chip--toggle)) {
    background: rgba(69, 196, 111, 0.12) !important;
    background-image: none !important;
    border-color: rgba(69, 196, 111, 0.22) !important;
    color: #2b7046 !important;
    -webkit-text-fill-color: #2b7046 !important;
}

body.body-layout-foodstrip:not(.browse-site-light) :is(.config-choice-btn.active, .config-sauce-card.active, .checkout-order-chip.is-active, .checkout-order-chip--toggle.is-active, .store-meta-pill--accent, .store-live-tag--tasty, .checkout-pickup-chip, .checkout-order-chip:not(.checkout-order-chip--toggle)) {
    color: #bff5cf !important;
    -webkit-text-fill-color: #bff5cf !important;
}

/* 2026-09-13: store rail info lives below the 16:9 cover. */
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
    display: grid !important;
    gap: 9px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    transform: none !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: var(--lumini-surface-dark-soft, #191d18) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    transform: translateZ(0) !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
    background: #f1efe9 !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title {
    order: 1 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
    color: var(--lumini-text-dark, #f7f8f2) !important;
    -webkit-text-fill-color: var(--lumini-text-dark, #f7f8f2) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title {
    color: #171a15 !important;
    -webkit-text-fill-color: #171a15 !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta :is(.store-meta-pill, .store-live-tag) {
    min-height: 21px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(247, 248, 242, 0.82) !important;
    -webkit-text-fill-color: rgba(247, 248, 242, 0.82) !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta :is(.store-meta-pill, .store-live-tag) {
    background: rgba(17, 20, 17, 0.06) !important;
    color: rgba(17, 20, 17, 0.76) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.76) !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-meta-time {
    order: 3 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--lumini-muted-dark, rgba(247, 248, 242, 0.62)) !important;
    -webkit-text-fill-color: var(--lumini-muted-dark, rgba(247, 248, 242, 0.62)) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-meta-time {
    color: rgba(17, 20, 17, 0.68) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.68) !important;
}

/* 2026-09-13: store info is outside the cover card, matching delivery rail references. */
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
    display: grid !important;
    grid-template-rows: auto minmax(58px, auto) !important;
    gap: 9px !important;
    align-content: start !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    transform: none !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: var(--lumini-surface-dark-soft, #191d18) !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    transform: translateZ(0) !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
    background: #f1efe9 !important;
}

.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    gap: 5px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 2026-09-14: restaurant rail hover lifts only the cover, not the text below. */
@media (hover: hover) and (pointer: fine) {
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded),
    body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover,
    body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) {
        transform: none !important;
        background: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
        transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
        will-change: transform;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        transform: translateY(-4px) translateZ(0) !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16) !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        box-shadow: 0 12px 24px rgba(28, 24, 17, 0.10) !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-hover {
        transform: none !important;
        opacity: 1 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        transition-duration: 0.01ms !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

/* Admin-managed hero banners */
.premium-hero.premium-hero--banners {
    display: block !important;
    position: relative;
    min-height: 0 !important;
    padding: 0 !important;
    aspect-ratio: 4 / 1;
    overflow: hidden;
    border-radius: 24px;
    background: #111411 !important;
}

.premium-hero-banner-stage {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 220px;
}

.premium-hero-banner {
    position: absolute;
    inset: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.premium-hero-banner.is-active {
    opacity: 1;
    pointer-events: auto;
}

.premium-hero-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--banner-x, 50%) var(--banner-y, 50%);
    transform: scale(calc(var(--banner-scale, 1) * var(--banner-scale-x, 1)), calc(var(--banner-scale, 1) * var(--banner-scale-y, 1)));
    transform-origin: var(--banner-x, 50%) var(--banner-y, 50%);
}

.premium-hero-banner-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .16) 52%, rgba(0, 0, 0, .08));
    pointer-events: none;
}

.premium-hero-banner-copy {
    position: absolute;
    left: clamp(18px, 3vw, 38px);
    bottom: clamp(18px, 3vw, 32px);
    z-index: 2;
    display: grid;
    gap: 6px;
    max-width: min(520px, 55%);
    color: #fff;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .45);
}

.premium-hero-banner-copy strong {
    font-size: clamp(24px, 3.8vw, 48px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: 0;
}

.premium-hero-banner-copy small {
    font-size: clamp(13px, 1.4vw, 17px);
    line-height: 1.35;
    font-weight: 750;
}

.premium-hero-banner-dots {
    position: absolute;
    left: 50%;
    bottom: 12px;
    z-index: 4;
    display: flex;
    gap: 6px;
    transform: translateX(-50%);
}

.premium-hero-banner-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .48);
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}

.premium-hero-banner-dots button.is-active {
    width: 18px;
    background: #fff;
}

.premium-hero-default-slide {
    align-content: stretch;
    background:
        radial-gradient(circle at var(--hero-x, 18%) var(--hero-y, 28%), rgba(255, 255, 255, .22), transparent 26rem),
        radial-gradient(circle at 12% 12%, rgba(73, 181, 111, .28), transparent 25rem),
        linear-gradient(135deg, rgba(20, 24, 20, .98), rgba(51, 57, 47, .9));
    display: grid;
    gap: 18px;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: clamp(24px, 4vw, 42px);
}

.premium-hero-default-slide .premium-hero-copy,
.premium-hero-default-slide .premium-hero-stats {
    position: relative;
    z-index: 2;
}

.premium-hero-default-slide {
    grid-template-columns: minmax(0, 1fr) minmax(156px, 220px);
    grid-template-rows: 1fr;
    align-items: end;
}

.premium-hero-default-slide .premium-hero-copy {
    align-self: center;
    min-width: 0;
}

.premium-hero-default-slide .premium-hero-stats {
    align-self: end;
    justify-self: end;
    width: min(220px, 24vw);
    min-width: 156px;
}

/* 2026-09-15: checkout art layout and stable category hover. */
.body-layout-foodstrip .checkout-page-card {
    border-radius: 36px !important;
    overflow: hidden !important;
    padding: clamp(18px, 2.2vw, 28px) !important;
    width: min(1500px, calc(100vw - 42px)) !important;
}

.body-layout-foodstrip .checkout-page-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.78fr) minmax(0, 0.82fr) !important;
    gap: clamp(14px, 1.7vw, 24px) !important;
    align-items: stretch !important;
}

.body-layout-foodstrip .checkout-section {
    grid-column: 1 !important;
    min-width: 0 !important;
}

.body-layout-foodstrip .checkout-side {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    position: static !important;
}

.body-layout-foodstrip .checkout-art-panel {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    min-height: clamp(560px, 72vh, 820px) !important;
    order: initial !important;
}

.body-layout-foodstrip .checkout-art-frame {
    border-radius: 0 32px 32px 0 !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: clamp(560px, 72vh, 820px) !important;
    position: relative !important;
    top: auto !important;
}

.body-layout-foodstrip .checkout-art-image {
    height: 100% !important;
    min-height: clamp(560px, 72vh, 820px) !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
}

.body-layout-foodstrip .checkout-art-frame::after,
.body-layout-foodstrip .checkout-art-caption {
    display: none !important;
}

.body-layout-foodstrip .checkout-side .checkout-order-head {
    margin-top: 0 !important;
}

.body-layout-foodstrip .checkout-side .checkout-order-list {
    max-height: min(260px, 32vh) !important;
    overflow: auto !important;
    padding-right: 2px !important;
}

.body-layout-foodstrip .checkout-submit-btn {
    margin-top: auto !important;
}

@media (max-width: 1180px) {
    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 38%) !important;
    }

    .body-layout-foodstrip .checkout-section {
        grid-column: 1 !important;
    }

    .body-layout-foodstrip .checkout-side {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        min-height: 560px !important;
    }

    .body-layout-foodstrip .checkout-art-frame,
    .body-layout-foodstrip .checkout-art-image {
        min-height: 560px !important;
    }
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-page-card {
        border-radius: 26px !important;
        width: min(100%, calc(100vw - 20px)) !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: 1fr !important;
    }

    .body-layout-foodstrip .checkout-section,
    .body-layout-foodstrip .checkout-side,
    .body-layout-foodstrip .checkout-art-panel {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        order: -1 !important;
        min-height: 230px !important;
    }

    .body-layout-foodstrip .checkout-art-frame {
        border-radius: 22px !important;
        min-height: 230px !important;
    }

    .body-layout-foodstrip .checkout-art-image {
        height: 260px !important;
        min-height: 230px !important;
        object-position: center 36% !important;
    }
}

.body-layout-foodstrip .browse-category-sort-row {
    contain: layout paint !important;
}

.body-layout-foodstrip .browse-category-scroll,
.body-layout-foodstrip .line-mode-filters {
    min-height: 44px !important;
    overflow-y: hidden !important;
}

.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn),
.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn):hover,
.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn, .category-scroll-btn):focus-visible {
    box-sizing: border-box !important;
    min-height: 40px !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn)::before,
.body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn)::after {
    pointer-events: none !important;
}

/* Release: order confirmation uses the same art direction as checkout. */
.body-layout-foodstrip .order-game-card {
    background: #151816 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 30px !important;
    color: #f7f8f3 !important;
    max-width: 980px !important;
}

.body-layout-foodstrip .order-game-intro {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(300px, 0.68fr) !important;
    gap: 0 !important;
    padding: 0 !important;
}

.body-layout-foodstrip .order-game-copy {
    align-content: center;
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: clamp(28px, 5vw, 62px);
}

.body-layout-foodstrip .order-game-kicker {
    color: #64dd8b !important;
    letter-spacing: 0.08em !important;
}

.body-layout-foodstrip .order-game-intro h2 {
    color: #f7f8f3 !important;
}

.body-layout-foodstrip .order-game-intro p:not(.order-game-kicker) {
    color: rgba(247, 248, 243, 0.68) !important;
}

.body-layout-foodstrip .order-game-success-art {
    min-height: 500px;
    overflow: hidden;
}

.body-layout-foodstrip .order-game-success-art img {
    display: block;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    object-position: center 38%;
    width: 100%;
}

.body-layout-foodstrip .order-game-start {
    background: #45c46f !important;
    color: #08120b !important;
}

.body-layout-foodstrip .order-game-close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f7f8f3 !important;
}

body.body-layout-foodstrip.browse-site-light .order-game-card {
    background: #fff !important;
    border-color: rgba(17, 20, 17, 0.1) !important;
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light .order-game-intro h2 {
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light .order-game-intro p:not(.order-game-kicker) {
    color: rgba(17, 20, 17, 0.62) !important;
}

body.body-layout-foodstrip.browse-site-light .order-game-close {
    background: rgba(17, 20, 17, 0.07) !important;
    color: #111411 !important;
}

@media (max-width: 700px) {
    .body-layout-foodstrip .order-game-intro {
        grid-template-columns: 1fr !important;
    }

    .body-layout-foodstrip .order-game-success-art {
        min-height: 220px;
        order: -1;
    }

    .body-layout-foodstrip .order-game-success-art img {
        height: 220px;
        min-height: 220px;
        object-position: center 34%;
    }

    .body-layout-foodstrip .order-game-copy {
        padding: 24px 22px 26px;
    }
}
/* 2026-09-16 release polish: keep hover paint out of the document flow. */
.body-layout-foodstrip .browse-category-sort-row,
.body-layout-foodstrip .browse-category-sort-row:hover,
.body-layout-foodstrip .browse-category-scroll,
.body-layout-foodstrip .store-menu-cats-scroll {
    contain: layout paint;
    min-height: 56px;
}
.body-layout-foodstrip .browse-category-sort-row:hover,
.body-layout-foodstrip .browse-category-sort-row:focus-within {
    transform: none !important;
}
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card {
    contain: layout style;
}
.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner {
    overflow: hidden;
    isolation: isolate;
}
.body-layout-foodstrip .store-menu-cats-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.body-layout-foodstrip .store-menu-cats-scroll::-webkit-scrollbar {
    display: none;
}

@media (min-width: 761px) {
    .body-layout-foodstrip.body-on-store-page .store-interior-billboard {
        min-height: 300px !important;
        height: 300px !important;
    }
    .body-layout-foodstrip.body-on-store-page .store-interior-billboard-content {
        min-height: 300px !important;
        overflow: hidden !important;
        padding: 20px 24px !important;
    }
    .body-layout-foodstrip.body-on-store-page .store-interior-billboard .store-info-meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .body-layout-foodstrip.body-on-store-page .store-interior-billboard .store-info-pill {
        max-width: none;
        min-width: 0;
    }
}

/* A compact add control stays visible on pale product images in both themes. */
.body-layout-foodstrip :is(.product-add-btn, .product-rail-add, .dish-week-add-btn) {
    background: #121512 !important;
    border-color: #121512 !important;
    color: #fff !important;
    text-shadow: none !important;
}
.body-layout-foodstrip .product-add-btn {
    display: grid !important;
    place-items: center;
    font-size: 0 !important;
}
.body-layout-foodstrip .product-add-btn::before {
    color: #fff;
    content: "+";
    font-size: 29px;
    font-weight: 500;
    line-height: 1;
}

/* Keep the default hero message readable without overpowering the first viewport. */
.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy h2 {
    font-size: clamp(28px, 3.8vw, 54px) !important;
    line-height: .98 !important;
    max-width: 720px;
}
.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy p {
    font-size: clamp(13px, 1.3vw, 18px) !important;
    max-width: 580px;
}
/* 2026-09-16: store release fixes - stable category rail, compact menu cards, product quick view. */
.body-layout-foodstrip .browse-category-sort-row,
.body-layout-foodstrip .browse-category-sort-row:hover,
.body-layout-foodstrip .browse-category-sort-row:focus-within {
    border-width: 1px !important;
    min-height: 56px !important;
    transform: none !important;
    translate: none !important;
}

.body-layout-foodstrip .browse-category-sort-row * {
    transform: none !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .products-grid {
    gap: 18px !important;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card {
    cursor: pointer;
    max-width: 230px;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card-image-wrap {
    aspect-ratio: 1 / 0.76 !important;
    border-radius: 20px !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card-body {
    gap: 6px !important;
    padding-top: 10px !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card-title {
    font-size: 14px !important;
    line-height: 1.12 !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card-desc {
    font-size: 12px !important;
    line-height: 1.28 !important;
    min-height: 30px !important;
}

.body-layout-foodstrip.body-on-store-page #products-section .product-card-price,
.body-layout-foodstrip.body-on-store-page #products-section .price-current {
    font-size: 22px !important;
    line-height: 1 !important;
}

.body-layout-foodstrip.body-on-store-page #products-section :is(.product-add-btn, .product-card-add) {
    background: #45c46f !important;
    border: 2px solid rgba(255, 255, 255, 0.86) !important;
    color: #071109 !important;
    -webkit-text-fill-color: #071109 !important;
    box-shadow: 0 10px 24px rgba(69, 196, 111, 0.28) !important;
}

.body-layout-foodstrip.body-on-store-page #products-section :is(.product-add-btn, .product-card-add)::before {
    color: #071109 !important;
}

.body-layout-foodstrip.body-on-store-page #products-section :is(.product-add-btn, .product-card-add):hover {
    background: #5bdb81 !important;
}

.body-layout-foodstrip .store-menu-cats:not([hidden]) {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    gap: 8px !important;
    overflow: hidden !important;
}

.body-layout-foodstrip .store-menu-cats-scroll {
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.body-layout-foodstrip .store-menu-cats-scroll::-webkit-scrollbar {
    display: none;
}

.body-layout-foodstrip .store-menu-scroll-btn {
    align-items: center;
    background: rgba(16, 18, 17, 0.92);
    border: 0;
    border-radius: 16px;
    color: #fff;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0;
    width: 38px;
}

.body-layout-foodstrip .store-menu-scroll-btn svg {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.4;
    width: 20px;
}

body.body-layout-foodstrip.browse-site-light .store-menu-scroll-btn,
#products-section.store-interior-light .store-menu-scroll-btn {
    background: #111411;
    color: #fff;
}

.body-layout-foodstrip .product-info-card {
    border-radius: 28px;
    max-width: 860px;
    overflow: hidden;
    padding: 0;
    width: min(92vw, 860px);
}

.body-layout-foodstrip .product-info-layout {
    display: grid;
    grid-template-columns: minmax(260px, .86fr) minmax(280px, 1fr);
    min-height: 420px;
}

.body-layout-foodstrip .product-info-media {
    background: #eef0e9;
    min-height: 420px;
    overflow: hidden;
}

.body-layout-foodstrip .product-info-media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.body-layout-foodstrip .product-info-body {
    align-content: center;
    display: grid;
    gap: 16px;
    padding: 34px;
}

.body-layout-foodstrip .product-info-kicker {
    color: #45a965;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.body-layout-foodstrip .product-info-body h2 {
    color: #111411;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1;
    margin: 0;
}

.body-layout-foodstrip .product-info-body p {
    color: rgba(17, 20, 17, 0.66);
    line-height: 1.45;
    margin: 0;
}

.body-layout-foodstrip .product-info-specs {
    display: grid;
    gap: 8px;
    margin: 0;
}

.body-layout-foodstrip .product-info-specs div {
    align-items: center;
    background: rgba(17, 20, 17, 0.045);
    border-radius: 14px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
}

.body-layout-foodstrip .product-info-specs dt,
.body-layout-foodstrip .product-info-specs dd {
    margin: 0;
}

.body-layout-foodstrip .product-info-specs dt {
    color: rgba(17, 20, 17, 0.52);
    font-size: 12px;
    font-weight: 850;
}

.body-layout-foodstrip .product-info-specs dd {
    color: #111411;
    font-size: 13px;
    font-weight: 900;
    text-align: right;
}

.body-layout-foodstrip .product-info-footer {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-top: 4px;
}

.body-layout-foodstrip .product-info-footer strong {
    color: #111411;
    font-size: 30px;
    line-height: 1;
}

.body-layout-foodstrip .product-info-add {
    background: #111411;
    border: 0;
    border-radius: 18px;
    color: #fff;
    font-weight: 950;
    min-height: 52px;
    padding: 0 24px;
}

.body-layout-foodstrip .product-info-add:disabled {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 760px) {
    .body-layout-foodstrip.body-on-store-page #products-section .products-grid {
        gap: 16px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .body-layout-foodstrip .store-menu-cats:not([hidden]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .body-layout-foodstrip .store-menu-scroll-btn {
        display: none !important;
    }

    .body-layout-foodstrip .product-info-card {
        border-radius: 24px 24px 0 0;
        width: min(100vw, 520px);
    }

    .body-layout-foodstrip .product-info-layout {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .body-layout-foodstrip .product-info-media {
        aspect-ratio: 1 / .72;
        min-height: 0;
    }

    .body-layout-foodstrip .product-info-body {
        padding: 22px;
    }
}
/* 2026-09-16: order tracker, dish-week add control, and mobile store guard rails. */
.body-layout-foodstrip #dish-of-week-list .dish-week-media {
    position: relative !important;
}

.body-layout-foodstrip #dish-of-week-list .dish-week-add-btn {
    align-items: center !important;
    background: #45c46f !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 999px !important;
    bottom: 10px !important;
    box-shadow: 0 12px 28px rgba(69, 196, 111, .28) !important;
    color: #071109 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    height: 48px !important;
    justify-content: center !important;
    line-height: 1 !important;
    opacity: 1 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 10px !important;
    text-indent: 0 !important;
    top: auto !important;
    transform: none !important;
    width: 48px !important;
    z-index: 8 !important;
}

.body-layout-foodstrip #dish-of-week-list .dish-week-add-btn:hover {
    background: #5bdb81 !important;
}

.active-order-tracker {
    bottom: 24px;
    left: 50%;
    max-width: min(620px, calc(100vw - 32px));
    position: fixed;
    transform: translateX(-50%);
    width: 100%;
    z-index: 120;
}

.active-order-tracker[hidden] {
    display: none !important;
}

.active-order-card {
    background: rgba(17, 20, 17, .94);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .26);
    color: #f7f8f3;
    display: grid;
    gap: 12px;
    padding: 16px;
}

.active-order-card.is-cancelled {
    background: rgba(42, 20, 20, .96);
}

.active-order-head,
.active-order-foot {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.active-order-head span,
.active-order-foot span {
    color: rgba(247, 248, 243, .64);
    font-size: 12px;
    font-weight: 850;
}

.active-order-head strong,
.active-order-title {
    color: #fff;
    font-weight: 950;
}

.order-journey {
    display: grid;
    gap: 10px;
    padding: 13px 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: rgba(0, 0, 0, .12);
}

.order-journey-track {
    display: grid;
    grid-template-columns: repeat(var(--order-step-count, 6), minmax(0, 1fr));
}

.order-journey-step {
    align-items: center;
    color: rgba(236, 255, 247, .46);
    display: grid;
    gap: 4px;
    justify-items: center;
    min-width: 0;
    position: relative;
    text-align: center;
}

.order-journey-step:not(:first-child)::before {
    background: rgba(255, 255, 255, .12);
    content: "";
    height: 3px;
    position: absolute;
    right: 50%;
    top: 7px;
    width: 100%;
}

.order-journey-step.is-done:not(:first-child)::before {
    background: #45c46f;
}

.order-journey-step i {
    background: #3a3d38;
    border: 2px solid #20231f;
    border-radius: 999px;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    z-index: 1;
}

.order-journey-step.is-done i {
    background: #45c46f;
    border-color: #45c46f;
}

.order-journey-step.is-current i {
    box-shadow: 0 0 0 5px rgba(69, 196, 111, .18);
}

.order-journey-step b {
    font-size: 10px;
    font-weight: 850;
    line-height: 1.15;
    overflow-wrap: normal;
    word-break: normal;
}

.order-journey-step.is-done b,
.order-journey-step.is-current b {
    color: rgba(246, 250, 244, .94);
}

.order-journey-step small {
    color: rgba(236, 255, 247, .46);
    font-size: 9px;
    font-weight: 750;
}

.order-journey p {
    color: rgba(236, 255, 247, .68);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    text-align: center;
}

.order-journey.is-compact {
    background: transparent;
    border: 0;
    padding: 2px 0;
}

.order-journey-cancelled {
    background: rgba(255, 110, 110, .12);
    border: 1px solid rgba(255, 110, 110, .22);
    border-radius: 16px;
    color: #ffb3b3;
    font-size: 12px;
    font-weight: 800;
    padding: 11px 12px;
}

.active-order-foot button {
    background: #fff;
    border: 0;
    border-radius: 999px;
    color: #111411;
    font-weight: 950;
    min-height: 38px;
    padding: 0 14px;
}

@media (max-width: 760px) {
    .active-order-tracker {
        bottom: calc(92px + env(safe-area-inset-bottom));
        max-width: calc(100vw - 20px);
    }

    .active-order-card {
        border-radius: 22px;
        padding: 14px;
    }
}

/* 2026-09-16: final home rail stability and restaurant hover reveal. */
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row,
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row:hover,
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row:focus-within {
    align-items: center !important;
    box-sizing: border-box !important;
    contain: layout paint size !important;
    display: flex !important;
    height: 56px !important;
    max-height: 56px !important;
    min-height: 56px !important;
    margin-block: 0 18px !important;
    overflow: hidden !important;
    padding-block: 8px !important;
    transform: none !important;
    translate: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.browse-category-scroll, .line-mode-filters) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    overflow-y: hidden !important;
    padding-block: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn, .category-scroll-btn),
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn, .category-scroll-btn):hover,
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn, .category-scroll-btn):focus-visible,
body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.line-filter-pill.is-active, .browse-sort-open-btn[aria-expanded='true']) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    transform: none !important;
    translate: none !important;
    vertical-align: top !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row :is(.line-filter-pill, .browse-sort-open-btn) {
    padding-inline: 18px !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row .category-scroll-btn {
    width: 40px !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-card {
    appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
    text-align: left !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-media {
    position: relative !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-add-btn,
body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-add-btn:hover,
body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-add-btn:focus-visible {
    align-items: center !important;
    background: #111411 !important;
    border: 2px solid rgba(255, 255, 255, .9) !important;
    border-radius: 999px !important;
    bottom: 9px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2) !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    opacity: 1 !important;
    padding: 0 0 2px !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 9px !important;
    transform: none !important;
    visibility: visible !important;
    width: 36px !important;
    z-index: 30 !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
        isolation: isolate !important;
        padding-bottom: 0 !important;
        position: relative !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        align-items: center !important;
        background: linear-gradient(135deg, #42d776 0%, #1ba850 100%) !important;
        border-radius: 0 0 13px 13px !important;
        bottom: 0 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22) !important;
        box-sizing: border-box !important;
        color: #061009 !important;
        content: attr(data-delivery-hint) !important;
        display: flex !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        height: 44px !important;
        justify-content: center !important;
        left: 0 !important;
        letter-spacing: -.01em !important;
        line-height: 1.1 !important;
        opacity: 0 !important;
        padding: 7px 14px 8px !important;
        pointer-events: none !important;
        position: absolute !important;
        right: 0 !important;
        text-align: center !important;
        transform: translateY(-2px) !important;
        transition: opacity 180ms ease, transform 180ms ease !important;
        white-space: normal !important;
        z-index: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
        position: relative !important;
        z-index: 2 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-wrap::after {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        transform: translateY(-12px) translateZ(0) !important;
    }
}

/* 2026-09-16: release polish for restaurant rail lift, delivery reveal and add buttons. */
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(.stores-rail-shell, #stores-rail-shell-main, .fast-delivery-rail, .repeat-orders .stores-rail-shell) {
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        overflow: visible !important;
        padding-top: 42px !important;
        padding-bottom: 16px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
        contain: layout style !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
        background: #24c967 !important;
        border-radius: 18px !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        background: linear-gradient(135deg, #43df7d 0%, #17aa51 100%) !important;
        border-radius: 0 0 18px 18px !important;
        color: #061009 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        height: 42px !important;
        letter-spacing: -.01em !important;
        line-height: 1.12 !important;
        opacity: 1 !important;
        padding: 7px 14px 8px !important;
        transform: none !important;
        z-index: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
        border-radius: 18px !important;
        overflow: hidden !important;
        position: relative !important;
        transition: transform 190ms cubic-bezier(.2, .7, .2, 1), box-shadow 190ms ease !important;
        z-index: 2 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        box-shadow: 0 18px 36px rgba(17, 20, 17, .18) !important;
        transform: translateY(-38px) translateZ(0) !important;
    }
}

@media (min-width: 761px) {
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add),
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add):hover,
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add):focus-visible {
        align-items: center !important;
        background: #111411 !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: 0 12px 26px rgba(17, 20, 17, .22) !important;
        color: #fff !important;
        display: inline-flex !important;
        font-size: 0 !important;
        height: 42px !important;
        justify-content: center !important;
        min-height: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        text-shadow: none !important;
        width: 42px !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add),
    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add):hover,
    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add):focus-visible {
        background: #fff !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: #111411 !important;
        font-size: 0 !important;
        -webkit-text-fill-color: #111411 !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::before {
        content: "+" !important;
        display: block !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        margin-top: -2px !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::before {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::before {
        color: #111411 !important;
        -webkit-text-fill-color: #111411 !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::after {
        content: none !important;
        display: none !important;
    }
}

/* 2026-09-16: hotfix after visual QA - keep restaurant rails in place and normalize plus buttons. */
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        margin-top: 0 !important;
        overflow: visible !important;
        padding-top: 10px !important;
        padding-bottom: 12px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
        background: #25c966 !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        bottom: 0 !important;
        height: 34px !important;
        opacity: 1 !important;
        padding: 5px 12px 6px !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        transform: translateY(-18px) translateZ(0) !important;
    }
}

@media (min-width: 761px) {
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add),
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add):hover,
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add):focus-visible {
        align-items: center !important;
        background: #111411 !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: 0 12px 26px rgba(17, 20, 17, .22) !important;
        color: transparent !important;
        display: inline-flex !important;
        font-size: 0 !important;
        height: 42px !important;
        justify-content: center !important;
        line-height: 1 !important;
        min-height: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        text-indent: 0 !important;
        text-shadow: none !important;
        width: 42px !important;
        -webkit-text-fill-color: transparent !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add),
    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add):hover,
    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add):focus-visible {
        background: #fff !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: transparent !important;
        font-size: 0 !important;
        -webkit-text-fill-color: transparent !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add)::before {
        align-items: center !important;
        color: #fff !important;
        content: "+" !important;
        display: flex !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        height: 100% !important;
        justify-content: center !important;
        left: 0 !important;
        line-height: 1 !important;
        margin: 0 !important;
        position: absolute !important;
        top: -2px !important;
        width: 100% !important;
        -webkit-text-fill-color: currentColor !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add)::before {
        color: #111411 !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .product-rail-add-btn, .dish-week-add-btn, .mini-product .add, #products-section .product-add-btn, #products-section .product-card-add)::after {
        content: none !important;
        display: none !important;
    }
}

/* 2026-09-16: home rails polish - tighter dish rail, crisp add buttons, readable store delivery reveal. */
@media (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-section {
        max-width: min(100%, 964px) !important;
        width: fit-content !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-rail {
        max-width: 100% !important;
        width: fit-content !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list.dish-of-week-grid {
        max-width: min(100vw - 92px, 918px) !important;
        width: max-content !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-section::before {
        inset: -8px -10px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-rail .rail-nav-right {
        right: -18px !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add),
    body.body-layout-foodstrip.browse-site-light :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add):hover,
    body.body-layout-foodstrip.browse-site-light :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add):focus-visible {
        background: #111411 !important;
        border: 0 !important;
        box-shadow: 0 12px 26px rgba(17, 20, 17, .24) !important;
        color: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-text-fill-color: transparent !important;
        z-index: 24 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add)::before {
        color: #fff !important;
        content: "+" !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add)::after {
        content: none !important;
        display: none !important;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        padding-top: 8px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        align-items: center !important;
        background: linear-gradient(135deg, #41dc78 0%, #18aa52 100%) !important;
        border-radius: 0 0 18px 18px !important;
        color: #07120a !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        height: 38px !important;
        justify-content: center !important;
        letter-spacing: -.01em !important;
        line-height: 1.08 !important;
        opacity: .96 !important;
        padding: 7px 14px 8px !important;
        text-align: center !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        box-shadow: 0 16px 32px rgba(17, 20, 17, .18) !important;
        transform: translateY(-16px) translateZ(0) !important;
    }
}

/* 2026-09-16: real-state hotfix - default theme also needs the clean black add controls. */
@media (min-width: 761px) {
    body.body-layout-foodstrip :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-image-wrap, .product-card-image-wrap) {
        position: relative !important;
    }

    body.body-layout-foodstrip:not(.browse-site-dark) :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add),
    body.body-layout-foodstrip:not(.browse-site-dark) :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add):hover,
    body.body-layout-foodstrip:not(.browse-site-dark) :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add):focus-visible {
        align-items: center !important;
        background: #111411 !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: 0 12px 26px rgba(17, 20, 17, .24) !important;
        color: transparent !important;
        display: inline-flex !important;
        font-size: 0 !important;
        height: 42px !important;
        justify-content: center !important;
        line-height: 1 !important;
        min-height: 42px !important;
        min-width: 42px !important;
        opacity: 1 !important;
        padding: 0 !important;
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        text-indent: 0 !important;
        text-shadow: none !important;
        visibility: visible !important;
        width: 42px !important;
        -webkit-text-fill-color: transparent !important;
        z-index: 40 !important;
    }

    body.body-layout-foodstrip:not(.browse-site-dark) :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add)::before {
        align-items: center !important;
        color: #fff !important;
        content: "+" !important;
        display: flex !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        height: 100% !important;
        justify-content: center !important;
        left: 0 !important;
        line-height: 1 !important;
        margin: 0 !important;
        opacity: 1 !important;
        position: absolute !important;
        top: -2px !important;
        width: 100% !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip:not(.browse-site-dark) :is(#products-rail-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .mini-product .add, .product-add-btn, .product-card-add)::after {
        content: none !important;
        display: none !important;
    }
}

/* 2026-09-17: use the Dish of Week add-button component everywhere and restore masked store rails. */
@media (min-width: 761px) {
    body.body-layout-foodstrip :is(
        .product-rail-image-wrap,
        .dish-week-media,
        .dish-week-image-wrap,
        .store-shelf-product .product-rail-image-wrap,
        #products-section .product-card-image-wrap
    ) {
        position: relative !important;
    }

    body.body-layout-foodstrip :is(
        .product-rail-add,
        .product-rail-add-btn,
        .dish-week-add-btn,
        .mini-product .add,
        #products-section .product-add-btn,
        #products-section .product-card-add,
        .product-card-image-wrap .product-add-btn,
        .product-card-image-wrap .product-card-add
    ),
    body.body-layout-foodstrip :is(
        .product-rail-add,
        .product-rail-add-btn,
        .dish-week-add-btn,
        .mini-product .add,
        #products-section .product-add-btn,
        #products-section .product-card-add,
        .product-card-image-wrap .product-add-btn,
        .product-card-image-wrap .product-card-add
    ):hover,
    body.body-layout-foodstrip :is(
        .product-rail-add,
        .product-rail-add-btn,
        .dish-week-add-btn,
        .mini-product .add,
        #products-section .product-add-btn,
        #products-section .product-card-add,
        .product-card-image-wrap .product-add-btn,
        .product-card-image-wrap .product-card-add
    ):focus-visible {
        align-items: center !important;
        appearance: none !important;
        background: #111411 !important;
        border: 2px solid rgba(255, 255, 255, .9) !important;
        border-radius: 999px !important;
        bottom: 9px !important;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .2) !important;
        color: transparent !important;
        cursor: pointer !important;
        display: inline-flex !important;
        font-size: 0 !important;
        font-weight: 850 !important;
        height: 36px !important;
        justify-content: center !important;
        line-height: 1 !important;
        min-height: 36px !important;
        min-width: 36px !important;
        opacity: 1 !important;
        padding: 0 !important;
        pointer-events: auto !important;
        position: absolute !important;
        right: 9px !important;
        text-indent: 0 !important;
        text-shadow: none !important;
        top: auto !important;
        transform: none !important;
        visibility: visible !important;
        width: 36px !important;
        -webkit-text-fill-color: transparent !important;
        z-index: 40 !important;
    }

    body.body-layout-foodstrip :is(
        .product-rail-add,
        .product-rail-add-btn,
        .dish-week-add-btn,
        .mini-product .add,
        #products-section .product-add-btn,
        #products-section .product-card-add,
        .product-card-image-wrap .product-add-btn,
        .product-card-image-wrap .product-card-add
    )::before {
        color: #fff !important;
        content: "+" !important;
        display: block !important;
        font-size: 21px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        margin: 0 0 2px !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip :is(
        .product-rail-add,
        .product-rail-add-btn,
        .dish-week-add-btn,
        .mini-product .add,
        #products-section .product-add-btn,
        #products-section .product-card-add,
        .product-card-image-wrap .product-add-btn,
        .product-card-image-wrap .product-card-add
    )::after {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip :is(
        .product-rail-add--disabled,
        .product-add-btn--unavailable,
        .mini-add--disabled
    ) {
        cursor: not-allowed !important;
        opacity: .48 !important;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-rail-shell-main, .fast-delivery-rail, .repeat-orders .stores-rail-shell) {
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        margin-top: -28px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-top: 40px !important;
        padding-bottom: 14px !important;
        scroll-padding-inline: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
        background: #24c967 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        align-items: center !important;
        background: linear-gradient(135deg, #43df7d 0%, #17aa51 100%) !important;
        border-radius: 0 0 18px 18px !important;
        bottom: 0 !important;
        color: #061009 !important;
        content: attr(data-delivery-hint) !important;
        display: flex !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        height: 40px !important;
        justify-content: center !important;
        letter-spacing: -.01em !important;
        line-height: 1.1 !important;
        opacity: 1 !important;
        padding: 7px 14px 8px !important;
        pointer-events: none !important;
        position: absolute !important;
        text-align: center !important;
        transform: none !important;
        white-space: normal !important;
        z-index: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
        border-radius: 18px !important;
        overflow: hidden !important;
        position: relative !important;
        transition: transform 190ms cubic-bezier(.2, .7, .2, 1), box-shadow 190ms ease !important;
        z-index: 2 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        box-shadow: 0 18px 36px rgba(17, 20, 17, .2) !important;
        transform: translateY(-36px) translateZ(0) !important;
    }
}

/* 2026-09-17: store rail delivery reveal without lifting/cropping the image card. */
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-rail-shell-main, .fast-delivery-rail, .repeat-orders .stores-rail-shell) {
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        margin-top: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-top: 12px !important;
        padding-bottom: 56px !important;
        scroll-padding-inline: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
        overflow: visible !important;
        padding-bottom: 18px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap {
        background: transparent !important;
        border-radius: 18px !important;
        overflow: visible !important;
        position: relative !important;
        isolation: isolate !important;
        z-index: 2 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-wrap::after {
        align-items: center !important;
        background: linear-gradient(135deg, #43df7d 0%, #18b85a 100%) !important;
        border-radius: 999px !important;
        box-shadow: 0 14px 26px rgba(24, 184, 90, .24) !important;
        color: #061009 !important;
        content: attr(data-delivery-hint) !important;
        display: flex !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        height: 32px !important;
        justify-content: center !important;
        left: 12px !important;
        letter-spacing: -.01em !important;
        line-height: 1.1 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        padding: 7px 14px 8px !important;
        pointer-events: none !important;
        position: absolute !important;
        right: 12px !important;
        text-align: center !important;
        top: calc(100% + 8px) !important;
        transform: translateY(-12px) scale(.96) !important;
        transform-origin: top center !important;
        transition: opacity 180ms ease, transform 210ms cubic-bezier(.2, .7, .2, 1) !important;
        white-space: normal !important;
        z-index: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-image-inner {
        border-radius: 18px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        position: relative !important;
        transform: none !important;
        transition: box-shadow 190ms ease, filter 190ms ease !important;
        z-index: 3 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover {
        transition: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-meta-time {
        will-change: transform, opacity !important;
        transition: opacity 180ms ease, transform 210ms cubic-bezier(.2, .7, .2, 1) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-wrap::after {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-image-inner {
        box-shadow: 0 14px 30px rgba(17, 20, 17, .16) !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-title,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-card-meta {
        transform: translateY(42px) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card:hover:not(.expanded) .store-meta-time {
        opacity: 0 !important;
        transform: translateY(16px) !important;
    }
}

/* 2026-09-17: readable cart drawer in the light/default site state. */
body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-panel-inner,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-panel-inner {
    background: var(--lumini-ui-surface-soft) !important;
    border-color: var(--lumini-ui-border) !important;
    box-shadow: var(--lumini-ui-shadow) !important;
    color: var(--lumini-ui-text) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-panel-decor,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-panel-decor {
    opacity: .04 !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-title, .browse-cart-total-row, .browse-cart-total-row span, .browse-cart-total-row strong),
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-title, .browse-cart-total-row, .browse-cart-total-row span, .browse-cart-total-row strong) {
    color: var(--lumini-ui-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-text) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-panel-head, .browse-cart-panel-foot),
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-panel-head, .browse-cart-panel-foot) {
    border-color: var(--lumini-ui-border) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-close,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-close {
    background: var(--lumini-ui-surface-muted) !important;
    color: var(--lumini-ui-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-text) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-item,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-item {
    background: var(--lumini-ui-surface-muted) !important;
    border: 1px solid var(--lumini-ui-border) !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-item-title, .browse-cart-item-price-value, .cart-item-price-value),
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-item-title, .browse-cart-item-price-value, .cart-item-price-value) {
    color: var(--lumini-ui-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-text) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-item-price, .cart-line-part, .cart-line-fallback, .browse-cart-foot-hint, .cart-empty-state span, .browse-cart-empty-text),
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel :is(.browse-cart-item-price, .cart-line-part, .cart-line-fallback, .browse-cart-foot-hint, .cart-empty-state span, .browse-cart-empty-text) {
    color: var(--lumini-ui-muted) !important;
    -webkit-text-fill-color: var(--lumini-ui-muted) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-empty-text,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-empty-text {
    color: var(--lumini-ui-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-text) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-thumb,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-thumb {
    background: var(--lumini-ui-input) !important;
    border: 1px solid var(--lumini-ui-border) !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-qty-stepper,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-qty-stepper {
    background: #2b2c28 !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-qty-stepper :is(button, span),
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .browse-cart-qty-stepper :is(button, span) {
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .cart-empty-mark,
body.body-layout-foodstrip.browse-site-light :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel .cart-empty-mark {
    background: #2f7156 !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
}

/* 2026-09-17: checkout modal as one integrated composition with the art as the right edge. */
@media (min-width: 901px) {
    .body-layout-foodstrip .checkout-page {
        padding: clamp(18px, 2vw, 32px) !important;
    }

    .body-layout-foodstrip .checkout-page-card {
        background: #fffdf8 !important;
        border: 1px solid rgba(17, 20, 17, .08) !important;
        border-radius: 34px !important;
        box-shadow: 0 28px 90px rgba(24, 20, 14, .22) !important;
        max-height: min(860px, calc(100vh - 44px)) !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: relative !important;
        width: min(1220px, calc(100vw - 42px)) !important;
    }

    .body-layout-foodstrip .checkout-page-head {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        height: 0 !important;
        inset: 0 0 auto 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        z-index: 12 !important;
    }

    .body-layout-foodstrip .checkout-page-head h2 {
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important;
    }

    .body-layout-foodstrip .checkout-page-close {
        background: var(--lumini-ui-surface) !important;
        border: 1px solid rgba(17, 20, 17, .08) !important;
        box-shadow: 0 12px 28px rgba(17, 20, 17, .1) !important;
        color: #101411 !important;
        height: 44px !important;
        position: absolute !important;
        right: 20px !important;
        top: 20px !important;
        width: 44px !important;
        z-index: 14 !important;
        -webkit-text-fill-color: #101411 !important;
    }

    .body-layout-foodstrip .checkout-page-close:hover {
        background: #101411 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        align-items: stretch !important;
        display: grid !important;
        gap: clamp(18px, 2vw, 28px) !important;
        grid-template-columns: minmax(320px, .98fr) minmax(260px, .78fr) minmax(300px, .86fr) !important;
        min-height: min(780px, calc(100vh - 78px)) !important;
        padding: clamp(18px, 2.2vw, 32px) 0 clamp(18px, 2.2vw, 32px) clamp(18px, 2.2vw, 32px) !important;
    }

    .body-layout-foodstrip .checkout-section {
        align-self: stretch !important;
        background: rgba(255, 255, 255, .72) !important;
        border: 1px solid rgba(17, 20, 17, .045) !important;
        border-radius: 24px !important;
        box-shadow: 0 16px 44px rgba(24, 20, 14, .055) !important;
        grid-column: 1 !important;
        min-height: 0 !important;
        overflow: auto !important;
        padding: clamp(18px, 2vw, 26px) !important;
    }

    .body-layout-foodstrip .checkout-side {
        align-self: stretch !important;
        background: rgba(255, 255, 255, .68) !important;
        border: 1px solid rgba(17, 20, 17, .045) !important;
        border-radius: 24px !important;
        box-shadow: 0 16px 44px rgba(24, 20, 14, .055) !important;
        display: flex !important;
        flex-direction: column !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: clamp(18px, 1.8vw, 24px) !important;
        position: relative !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        align-self: stretch !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        margin: calc(-1 * clamp(18px, 2.2vw, 32px)) 0 calc(-1 * clamp(18px, 2.2vw, 32px)) 0 !important;
        min-height: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .body-layout-foodstrip .checkout-art-frame {
        background: #101411 !important;
        border-radius: 0 34px 34px 0 !important;
        box-shadow: none !important;
        height: 100% !important;
        min-height: min(780px, calc(100vh - 78px)) !important;
        overflow: hidden !important;
        position: relative !important;
        top: auto !important;
    }

    .body-layout-foodstrip .checkout-art-image {
        display: block !important;
        height: 100% !important;
        min-height: min(780px, calc(100vh - 78px)) !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
    }

    .body-layout-foodstrip .checkout-art-frame::after,
    .body-layout-foodstrip .checkout-art-caption,
    .body-layout-foodstrip .ui-brush-arrow--checkout {
        display: none !important;
    }

    .body-layout-foodstrip .checkout-side .checkout-order-list {
        flex: 0 1 auto !important;
        max-height: min(270px, 33vh) !important;
        overflow: auto !important;
    }

    .body-layout-foodstrip .checkout-submit-btn {
        margin-top: auto !important;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .body-layout-foodstrip .checkout-page-card {
        width: min(1040px, calc(100vw - 28px)) !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: minmax(300px, 1fr) minmax(250px, .78fr) minmax(260px, .72fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-page-card {
        padding: 0 !important;
    }

    .body-layout-foodstrip .checkout-page-head {
        border-bottom: 1px solid rgba(17, 20, 17, .07) !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        padding: 14px !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        order: -1 !important;
    }

    .body-layout-foodstrip .checkout-art-frame {
        border-radius: 22px !important;
    }
}

/* 2026-09-17: checkout panel alignment, real product thumbs, compact +/- controls. */
@media (min-width: 901px) {
    .body-layout-foodstrip .checkout-page-grid {
        column-gap: clamp(14px, 1.55vw, 22px) !important;
        row-gap: clamp(14px, 1.55vw, 22px) !important;
        grid-template-columns: minmax(320px, 1fr) minmax(260px, .76fr) minmax(330px, .98fr) !important;
    }

    .body-layout-foodstrip .checkout-side {
        align-self: stretch !important;
        justify-self: stretch !important;
        margin: 0 !important;
        top: auto !important;
        transform: none !important;
    }

    .body-layout-foodstrip .checkout-side .checkout-order-head {
        margin: 0 0 10px !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        margin-left: calc(-1 * clamp(14px, 1.55vw, 22px)) !important;
        min-width: calc(100% + clamp(14px, 1.55vw, 22px)) !important;
    }

    .body-layout-foodstrip .checkout-art-frame {
        border-radius: 0 34px 34px 0 !important;
        width: 100% !important;
    }

    .body-layout-foodstrip .checkout-art-image {
        object-position: center center !important;
    }

    .body-layout-foodstrip .checkout-order-item {
        align-items: center !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .body-layout-foodstrip .checkout-order-main {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    .body-layout-foodstrip .checkout-order-thumb {
        background: rgba(17, 20, 17, .06) !important;
        border: 1px solid rgba(17, 20, 17, .06) !important;
        height: 44px !important;
        width: 44px !important;
    }

    .body-layout-foodstrip .checkout-order-controls {
        background: rgba(17, 20, 17, .05) !important;
        border-radius: 999px !important;
        gap: 5px !important;
        padding: 3px !important;
    }

    .body-layout-foodstrip .checkout-portion-btn {
        align-items: center !important;
        background: #101411 !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: 0 8px 16px rgba(17, 20, 17, .14) !important;
        color: #fffdf8 !important;
        display: inline-flex !important;
        font-size: 17px !important;
        font-weight: 900 !important;
        height: 28px !important;
        justify-content: center !important;
        line-height: 1 !important;
        min-width: 28px !important;
        padding: 0 !important;
        width: 28px !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    .body-layout-foodstrip .checkout-portion-btn:hover {
        background: #000 !important;
        transform: translateY(-1px) !important;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .body-layout-foodstrip .checkout-page-grid {
        grid-template-columns: minmax(300px, 1fr) minmax(260px, .8fr) minmax(312px, .94fr) !important;
    }
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-portion-btn {
        background: #101411 !important;
        border: 0 !important;
        color: #fffdf8 !important;
        font-size: 18px !important;
        height: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
        width: 34px !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }
}

/* 2026-09-17: random checkout art caption and no visible old-image swap. */
.body-layout-foodstrip .checkout-art-image {
    opacity: 1 !important;
    transition: opacity .18s ease !important;
}

.body-layout-foodstrip .checkout-art-image.is-loading {
    opacity: 0 !important;
}

.body-layout-foodstrip .checkout-art-frame::after {
    background: linear-gradient(180deg, transparent 44%, rgba(0, 0, 0, .62) 100%) !important;
    content: "" !important;
    display: block !important;
    inset: auto 0 0 !important;
    height: 42% !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: 2 !important;
}

.body-layout-foodstrip .checkout-art-caption {
    bottom: 22px !important;
    color: #fffdf8 !important;
    display: grid !important;
    gap: 4px !important;
    left: 22px !important;
    max-width: min(320px, calc(100% - 44px)) !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 22px !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .45) !important;
    z-index: 3 !important;
}

.body-layout-foodstrip .checkout-art-caption span {
    color: rgba(255, 253, 248, .72) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.body-layout-foodstrip .checkout-art-caption strong {
    color: #fffdf8 !important;
    font-size: clamp(20px, 1.9vw, 28px) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
}

@media (max-width: 900px) {
    .body-layout-foodstrip .checkout-art-caption {
        bottom: 16px !important;
        left: 16px !important;
        right: 16px !important;
    }

    .body-layout-foodstrip .checkout-art-caption strong {
        font-size: 20px !important;
    }
}

/* 2026-09-17: light-theme hero banners should feel bright, not dimmed. */
body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners {
    background: rgba(255, 253, 248, .82) !important;
    border: 1px solid var(--lumini-ui-border) !important;
    box-shadow: 0 18px 54px rgba(53, 42, 25, .1) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner img {
    filter: saturate(1.04) brightness(1.04) contrast(.98) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-shade {
    background:
        linear-gradient(90deg, rgba(255, 250, 240, .48), rgba(255, 250, 240, .12) 48%, rgba(255, 250, 240, 0)),
        linear-gradient(0deg, rgba(18, 16, 12, .18), rgba(18, 16, 12, 0) 46%) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-copy {
    background: rgba(255, 253, 248, .74) !important;
    border: 1px solid var(--lumini-ui-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(53, 42, 25, .14) !important;
    color: #171a15 !important;
    max-width: min(500px, 48%) !important;
    padding: 14px 16px 15px !important;
    text-shadow: none !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-copy strong {
    color: #111411 !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-copy small {
    color: rgba(23, 26, 21, .68) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-dots button {
    background: rgba(17, 20, 17, .22) !important;
}

body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-dots button.is-active {
    background: #111411 !important;
}


/* 2026-09-22: release polish - unified rail arrows, semantic product badges, white default hero headline. */
.body-layout-foodstrip .stores-rail-shell {
    position: relative !important;
    overflow: visible !important;
}

.body-layout-foodstrip #stores-rail-shell-main {
    min-height: 250px;
}

.body-layout-foodstrip .stores-rail-shell > .rail-nav {
    align-items: center !important;
    background: rgba(23, 26, 21, 0.92) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 14px 34px rgba(23, 26, 21, 0.18) !important;
    color: #fffdf8 !important;
    display: inline-flex !important;
    height: 40px !important;
    justify-content: center !important;
    min-height: 40px !important;
    min-width: 40px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    z-index: 18 !important;
}

.body-layout-foodstrip .stores-rail-shell > .rail-nav-left {
    left: -20px !important;
}

.body-layout-foodstrip .stores-rail-shell > .rail-nav-right {
    right: -20px !important;
}

.body-layout-foodstrip .stores-rail-shell > .rail-nav:hover {
    background: rgba(23, 26, 21, 1) !important;
    transform: translateY(-50%) scale(1.03) !important;
}

.body-layout-foodstrip .stores-rail-shell > .rail-nav svg {
    height: 20px !important;
    width: 20px !important;
}

.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy h2,
.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy h2 .premium-hero-word {
    background: none !important;
    color: #fffdf8 !important;
    -webkit-text-fill-color: #fffdf8 !important;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .34) !important;
}

.food-card-badge--spicy,
.food-card-badge--slow,
.food-card-badge--guest,
.food-card-badge--promo {
    right: 10px;
    top: 10px;
}

.food-card-badge--spicy {
    background: linear-gradient(135deg, #ff4d37, #b91c1c) !important;
    color: #fff !important;
}

.food-card-badge--slow {
    background: linear-gradient(135deg, #3fcf7b, #157347) !important;
    color: #f7fff9 !important;
}

.food-card-badge--guest,
.food-card-badge--promo {
    background: linear-gradient(135deg, #ff7a3d, #d93d25) !important;
    color: #fff !important;
}

.food-card-badge-icon {
    display: block;
    flex: 0 0 auto;
    height: 13px;
    width: 13px;
}

.food-card-badge--spicy .food-card-badge-icon path {
    fill: currentColor;
    stroke: none;
}

.food-card-badge--slow .food-card-badge-icon circle,
.food-card-badge--slow .food-card-badge-icon path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

@media (max-width: 899px) {
    .body-layout-foodstrip .stores-rail-shell > .rail-nav {
        display: none !important;
    }
}

/* 2026-09-23: place carousel arrows outside the rail boundary without clipping. */
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) {
        margin-left: -30px !important;
        margin-right: -30px !important;
        overflow: visible !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) > .rail-nav-left {
        left: 8px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) > .rail-nav-right {
        right: 8px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-list,
        #dish-of-week-list,
        #fast-delivery-list,
        #products-rail-list,
        #repeat-stores-list
    ).stores-grid {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* 2026-09-23: release visual flow fixes - dish cards, product modal, hero accents, rails and store categories. */
.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-section,
.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-rail,
.body-layout-foodstrip:not(.body-on-store-page) .fast-delivery-rail,
.body-layout-foodstrip:not(.body-on-store-page) .products-rail-section > .stores-rail-shell,
.body-layout-foodstrip:not(.body-on-store-page) .repeat-orders > .stores-rail-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}
.body-layout-foodstrip:not(.body-on-store-page) :is(#dish-of-week-list, #fast-delivery-list, #products-rail-list, #repeat-stores-list).stores-grid {
    width: 100% !important;
    min-width: 0 !important;
}
.body-layout-foodstrip :is(.rail-nav, .store-shelf-nav) {
    align-items: center !important;
    background: rgba(23, 26, 21, .92) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 14px 34px rgba(23, 26, 21, .18) !important;
    color: #fffdf8 !important;
    display: inline-flex !important;
    height: 40px !important;
    justify-content: center !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    width: 40px !important;
    z-index: 90 !important;
}
.body-layout-foodstrip :is(.rail-nav, .store-shelf-nav) svg,
.body-layout-foodstrip :is(.rail-nav, .store-shelf-nav) path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 2.4 !important;
}
.body-layout-foodstrip .store-shelf-products-wrap { overflow: visible !important; position: relative !important; }
.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-shade {
    background: linear-gradient(90deg, rgba(0, 0, 0, .32), rgba(0, 0, 0, .06) 48%, rgba(0, 0, 0, 0)) !important;
}
.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-copy {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy h2 .premium-hero-word {
    background: radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, .82), transparent 34%), linear-gradient(110deg, #ffffff 0%, #7ee39f 44%, #f2c76a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}
.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-default-slide .premium-hero-copy h2 .premium-hero-word--fast {
    background: radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(255, 255, 255, .76), transparent 32%), linear-gradient(110deg, #ffffff 0%, #82e7a4 42%, #2fbd70 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
body.body-layout-foodstrip.browse-site-light .product-info-card {
    background: #fffdf8 !important;
    border: 1px solid var(--lumini-ui-border) !important;
    box-shadow: 0 32px 90px rgba(54, 42, 25, .18) !important;
    color: #111411 !important;
}
body.body-layout-foodstrip.browse-site-light .product-info-body,
body.body-layout-foodstrip.browse-site-light .product-info-body :is(h2, p, span, dt, dd, strong) {
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    text-shadow: none !important;
}
body.body-layout-foodstrip.browse-site-light .product-info-body p,
body.body-layout-foodstrip.browse-site-light .product-info-specs dt {
    color: rgba(17, 20, 17, .64) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, .64) !important;
}
body.body-layout-foodstrip.browse-site-light .product-info-kicker {
    background: rgba(17, 20, 17, .08) !important;
    border-radius: 999px !important;
    color: rgba(17, 20, 17, .72) !important;
    display: inline-flex !important;
    padding: 7px 10px !important;
    width: fit-content !important;
}
body.body-layout-foodstrip.browse-site-light .product-info-add { background: #111411 !important; color: #fffdf8 !important; -webkit-text-fill-color: #fffdf8 !important; }
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cats:not([hidden]) {
    align-items: center !important;
    background: var(--lumini-ui-surface) !important;
    border: 1px solid var(--lumini-ui-border) !important;
    border-radius: 22px !important;
    box-shadow: var(--lumini-ui-shadow) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    max-width: 100% !important;
    min-height: 56px !important;
    padding: 8px !important;
    width: 100% !important;
}
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cats-scroll {
    align-items: center !important;
    display: flex !important;
    gap: 18px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
}
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--lumini-ui-text) !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    gap: 8px !important;
    height: 40px !important;
    justify-content: center !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
}
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat small {
    align-items: center !important;
    background: var(--lumini-ui-surface-muted) !important;
    border-radius: 999px !important;
    color: var(--lumini-ui-text) !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: 22px !important;
    justify-content: center !important;
    min-width: 22px !important;
    padding: 0 7px !important;
}
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-active { background: var(--lumini-ui-active) !important; color: var(--lumini-ui-active-text) !important; -webkit-text-fill-color: var(--lumini-ui-active-text) !important; }
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-active small { background: rgba(127, 127, 127, .18) !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; }
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-scroll-btn { background: #111411 !important; border-radius: 999px !important; height: 40px !important; width: 40px !important; }

/* 2026-09-23: store status, orders history polish, and header orders badge. */
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill--open {
    background: rgba(217, 255, 228, 0.96) !important;
    border: 1px solid rgba(31, 154, 86, 0.26) !important;
    color: #147a3e !important;
}

body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill--closed {
    background: rgba(255, 232, 232, 0.96) !important;
    border: 1px solid rgba(204, 51, 51, 0.24) !important;
    color: #b32626 !important;
}

body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill--open {
    background: rgba(32, 173, 91, 0.22) !important;
    border-color: rgba(72, 211, 127, 0.34) !important;
    color: #b9f8ce !important;
}

body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill--closed {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: rgba(248, 113, 113, 0.32) !important;
    color: #ffd0d0 !important;
}

body.body-layout-foodstrip.browse-site-light .overlay-card.orders-modal,
body.body-layout-foodstrip.browse-site-light .overlay-card.orders-card {
    background: #fffdf8 !important;
    color: #171a16 !important;
    border: 1px solid rgba(23, 26, 22, 0.07) !important;
    box-shadow: 0 26px 80px rgba(25, 28, 24, 0.18) !important;
}

body.body-layout-foodstrip.browse-site-light #orders-content,
body.body-layout-foodstrip.browse-site-light .orders-list {
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-head {
    align-items: center !important;
    gap: 18px !important;
    padding: 18px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(245, 246, 239, 0.96), rgba(255, 255, 255, 0.9)) !important;
    border: 1px solid rgba(23, 26, 22, 0.07) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-title,
body.body-layout-foodstrip.browse-site-light .orders-modern-card h3,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-name,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-side strong,
body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid strong {
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-eyebrow,
body.body-layout-foodstrip.browse-site-light .orders-modern-kicker {
    color: #2f7d5a !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-head p,
body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid small,
body.body-layout-foodstrip.browse-site-light .orders-modern-line-options,
body.body-layout-foodstrip.browse-site-light .orders-modern-empty-line,
body.body-layout-foodstrip.browse-site-light .order-meta {
    color: rgba(23, 26, 22, 0.62) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-count,
body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid span,
body.body-layout-foodstrip.browse-site-light .orders-modern-line,
body.body-layout-foodstrip.browse-site-light .orders-modern-empty-line,
body.body-layout-foodstrip.browse-site-light .order-line-praise {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(23, 26, 22, 0.08) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-count strong {
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card {
    background: #fffaf1 !important;
    border: 1px solid rgba(23, 26, 22, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(23, 26, 22, 0.08) !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-status.is-new {
    background: rgba(255, 196, 87, 0.2) !important;
    color: #9a6200 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-status.is-active {
    background: rgba(67, 139, 255, 0.14) !important;
    color: #235fb3 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-status.is-complete {
    background: rgba(36, 176, 91, 0.15) !important;
    color: #147a3e !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-status.is-cancelled {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #b32626 !important;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-address {
    background: rgba(217, 255, 228, 0.72) !important;
    color: #23543b !important;
    border: 1px solid rgba(31, 154, 86, 0.14) !important;
}

body.body-layout-foodstrip.browse-site-light .order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.body-layout-foodstrip.browse-site-light .order-btn,
body.body-layout-foodstrip.browse-site-light .order-line-praise-btn {
    min-height: 36px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: #151914 !important;
    color: #fffaf1 !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip.browse-site-light .order-btn.secondary {
    background: rgba(21, 25, 20, 0.07) !important;
    color: #171a16 !important;
    border: 1px solid rgba(21, 25, 20, 0.1) !important;
}

body.body-layout-foodstrip.browse-site-light .order-line-praise-btn.is-on,
body.body-layout-foodstrip.browse-site-light .order-line-praise-btn:disabled {
    background: rgba(36, 176, 91, 0.16) !important;
    color: #147a3e !important;
}

body.body-layout-foodstrip #orders-icon {
    position: relative !important;
    overflow: visible !important;
}

body.body-layout-foodstrip #orders-icon :is(.cart-count-badge, .orders-count-badge, .orders-badge, .header-badge, [data-orders-count]) {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #43d17d !important;
    color: #fff !important;
    border: 2px solid #fffaf1 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 6px 14px rgba(16, 185, 95, 0.28) !important;
}

body.body-layout-foodstrip #orders-icon .cart-badges-stack {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    pointer-events: none !important;
}

body.body-layout-foodstrip #orders-icon .cart-sum-badge {
    display: none !important;
}

@media (max-width: 680px) {
    body.body-layout-foodstrip.browse-site-light .orders-modern-head {
        align-items: stretch !important;
        padding-right: 48px !important;
    }

    body.body-layout-foodstrip.browse-site-light .orders-modern-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* 2026-09-23: active store discount badges. */
.store-discount-badge {
    align-items: center;
    align-self: flex-start;
    background: #111f10;
    border: 1px solid rgba(97, 255, 91, 0.32);
    border-radius: 7px;
    box-shadow: 0 8px 18px rgba(20, 80, 28, 0.16);
    color: #60ff53;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    margin-top: 5px;
    max-width: 100%;
    padding: 4px 7px;
    white-space: nowrap;
}

.store-discount-badge--product {
    margin: 6px 0 0;
    width: fit-content;
}

body.body-layout-foodstrip.browse-site-light .store-discount-badge {
    background: #101b0f;
    border-color: rgba(78, 220, 77, 0.3);
    color: #5dff52;
}

.owner-discount-panel {
    background: rgba(73, 181, 111, 0.09);
    border: 1px solid rgba(73, 181, 111, 0.18);
    border-radius: 18px;
    display: grid;
    gap: 14px;
    grid-column: 1 / -1;
    padding: 14px;
}

.owner-discount-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.owner-discount-head strong {
    display: block;
    margin-bottom: 2px;
}

.owner-discount-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 0.7fr 1.2fr 0.8fr;
}

@media (max-width: 760px) {
    .owner-discount-head,
    .owner-discount-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* 2026-09-23: final layer conflict cleanup for orders icon, store status, store cats and repeat rail. */
body.body-layout-foodstrip header #orders-icon.orders-icon {
    background: #191c18 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f7faf4 !important;
    isolation: isolate !important;
    overflow: visible !important;
    position: relative !important;
}

body.body-layout-foodstrip header #orders-icon .orders-icon-glyph {
    background: #f7faf4 !important;
    color: #f7faf4 !important;
    opacity: 1 !important;
    filter: none !important;
}

body.body-layout-foodstrip header #orders-icon :is(.cart-badges-stack, .orders-badge, .orders-count-badge, .header-badge) {
    pointer-events: none !important;
    z-index: 3 !important;
}

body.body-layout-foodstrip header #orders-icon :is(.cart-count-badge, .orders-count-badge, .orders-badge, .header-badge, [data-orders-count]) {
    background: #43d17d !important;
    border: 2px solid #191c18 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill.store-meta-pill--open,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill.store-meta-pill--open {
    background: #dfffe8 !important;
    border: 1px solid rgba(31, 154, 86, 0.32) !important;
    color: #137a3f !important;
    -webkit-text-fill-color: #137a3f !important;
}

body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill.store-meta-pill--closed,
body.body-layout-foodstrip.browse-site-light :is(#stores-list, #fast-delivery-list, #repeat-stores-list, #store-shelves-list) .store-card-meta .store-meta-pill.store-meta-pill--closed {
    background: #ffe7e7 !important;
    border: 1px solid rgba(185, 28, 28, 0.28) !important;
    color: #b32626 !important;
    -webkit-text-fill-color: #b32626 !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cats:not([hidden]) {
    margin-bottom: 34px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 8 !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cats-scroll {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section :is(.store-section-title, #products-title, .products-title) {
    clear: both !important;
    margin-top: 30px !important;
    position: relative !important;
    z-index: 1 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-grid,
body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line {
    align-items: stretch !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: clamp(210px, 20vw, 248px) !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 8px 2px 18px !important;
    scroll-snap-type: x proximity !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list .product-rail-card {
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    scroll-snap-align: start !important;
}

body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn),
body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn):hover,
body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn):focus-visible {
    align-items: center !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(17, 20, 17, 0.12) !important;
    color: #111411 !important;
    display: inline-flex !important;
    height: 42px !important;
    justify-content: center !important;
    min-height: 42px !important;
    min-width: 42px !important;
    opacity: 1 !important;
    padding: 0 !important;
    transform: none !important;
    width: 42px !important;
    -webkit-text-fill-color: #111411 !important;
}

body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn)::before,
body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn)::after {
    content: none !important;
    display: none !important;
}

body.body-layout-foodstrip :is(#products-rail-list, #repeat-stores-list, .store-shelf-products, #products-section) :is(.product-rail-add, .product-rail-add-btn, .product-add-btn, .product-card-add, .dish-week-add-btn) .lumini-add-plus {
    color: #111411 !important;
    display: block !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transform: translateY(-1px) !important;
    -webkit-text-fill-color: #111411 !important;
}

/* 2026-09-23: compact product cards focus on title and price. */
body.body-layout-foodstrip :is(.product-rail-meta, #products-section .product-card-desc) {
    display: none !important;
}

body.body-layout-foodstrip :is(.product-rail-body, #products-section .product-card-body) {
    gap: 6px !important;
}

body.body-layout-foodstrip :is(.product-rail-name, #products-section .product-card-title) {
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.08 !important;
}

body.body-layout-foodstrip :is(.product-rail-price, #products-section .price-current) {
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: clamp(20px, 1.8vw, 27px) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
}

body.body-layout-foodstrip #products-section .product-card-prices,
body.body-layout-foodstrip .product-rail-footer {
    margin-top: 4px !important;
}

body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-name, #products-section .product-card-title, .product-rail-price, #products-section .price-current) {
    color: #f7faf4 !important;
    -webkit-text-fill-color: #f7faf4 !important;
}

@media (min-width: 901px) {
    /* 2026-09-23: desktop guard so store category rail does not cover section titles. Mobile owns sticky cats in ui-foundations.css. */
    body.body-layout-foodstrip.body-on-store-page #store-cart-track.store-cart-track {
        overflow: visible !important;
    }
    
    body.body-layout-foodstrip.body-on-store-page #store-cart-track > #store-menu-cats.store-menu-cats:not([hidden]) {
        inset: auto !important;
        margin: 0 0 42px !important;
        position: relative !important;
        top: auto !important;
        z-index: 2 !important;
    }
    
    body.body-layout-foodstrip.body-on-store-page #store-cart-track > #store-menu-cats.store-menu-cats:not([hidden]) + .store-section-title {
        clear: both !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-section-title {
        clear: both !important;
        margin-top: 34px !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    body.body-layout-foodstrip.body-on-store-page #products-section .products-grid {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* 2026-09-23: cookie consent system. */
.lumini-cookie-consent {
    bottom: max(18px, env(safe-area-inset-bottom));
    left: 50%;
    max-width: min(720px, calc(100vw - 28px));
    position: fixed;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2147483000;
}

.lumini-cookie-card {
    background: rgba(255, 253, 248, 0.96);
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(17, 20, 17, 0.22);
    color: #171a16;
    display: grid;
    gap: 16px;
    padding: 18px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.lumini-cookie-kicker {
    color: #2f7d5a;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.lumini-cookie-copy h2 {
    color: #111411;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.05;
    margin: 0 0 8px;
}

.lumini-cookie-copy p {
    color: rgba(17, 20, 17, 0.68);
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.lumini-cookie-options {
    display: grid;
    gap: 10px;
}

.lumini-cookie-option {
    align-items: center;
    background: rgba(17, 20, 17, 0.04);
    border: 1px solid rgba(17, 20, 17, 0.06);
    border-radius: 16px;
    display: flex;
    gap: 12px;
    padding: 12px;
}

.lumini-cookie-option input {
    accent-color: #111411;
    height: 18px;
    color: #111;
}

.lumini-cookie-option span {
    display: grid;
    gap: 2px;
}

.lumini-cookie-option strong {
    color: #111411;
    font-size: 14px;
}

.lumini-cookie-option small {
    color: rgba(17, 20, 17, 0.68);
    font-size: 12px;
    line-height: 1.35;
}

.lumini-cookie-option.is-locked {
    opacity: 0.78;
}

.lumini-cookie-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.lumini-cookie-btn {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 900;
    min-height: 42px;
    padding: 0 16px;
}

.lumini-cookie-btn--primary {
    background: #111411;
    color: #fffdf8;
}

.lumini-cookie-btn--muted {
    background: rgba(17, 20, 17, 0.08);
    color: #171a16;
}

.lumini-cookie-btn--ghost {
    background: transparent;
    color: rgba(17, 20, 17, 0.7);
}

body:not(.browse-site-light) .lumini-cookie-card {
    background: rgba(17, 20, 17, 0.96);
    border-color: rgba(255, 255, 255, 0.12);
    color: #f7faf4;
}

body:not(.browse-site-light) .lumini-cookie-copy h2,
body:not(.browse-site-light) .lumini-cookie-option strong {
    color: #f7faf4;
}

body:not(.browse-site-light) .lumini-cookie-copy p,
body:not(.browse-site-light) .lumini-cookie-option small,
body:not(.browse-site-light) .lumini-cookie-btn--ghost {
    color: rgba(247, 250, 244, 0.68);
}

body:not(.browse-site-light) .lumini-cookie-option,
body:not(.browse-site-light) .lumini-cookie-btn--muted {
    background: rgba(255, 255, 255, 0.08);
    color: #f7faf4;
}

@media (max-width: 560px) {
    .lumini-cookie-consent {
        bottom: max(10px, env(safe-area-inset-bottom));
        max-width: calc(100vw - 20px);
    }

    .lumini-cookie-card {
        border-radius: 20px;
        padding: 14px;
    }

    .lumini-cookie-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lumini-cookie-btn {
        width: 100%;
    }
}

/* 2026-09-23: unified storefront canvas - one background, rails/cards without extra section panels. */
body.body-layout-foodstrip {
    background: var(--lumini-page-background) !important;
    color: var(--lumini-page-text) !important;
}

body.body-layout-foodstrip #browse-with-cart-shell,
body.body-layout-foodstrip #browse-layout,
body.body-layout-foodstrip .stores-browse-root,
body.body-layout-foodstrip #browse-cart-track,
body.body-layout-foodstrip .store-page,
body.body-layout-foodstrip .store-page-with-cart-shell,
body.body-layout-foodstrip .store-page-main,
body.body-layout-foodstrip #store-cart-track {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders,
    .stores-rail-shell,
    .dish-of-week-rail,
    .fast-delivery-rail,
    #stores-rail-shell-main
),
body.body-layout-foodstrip.body-on-store-page :is(
    .store-page-topbar,
    #store-cart-track,
    #products-list,
    .products-grid
) {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
) {
    border-radius: 0 !important;
    margin-top: clamp(28px, 3.2vw, 46px) !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
)::before,
body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
)::after,
body.body-layout-foodstrip .ui-brush-arrow {
    display: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .repeat-orders-title,
    .dish-of-week-heading,
    .fast-delivery-heading,
    .store-shelves-head
) {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    #stores-list,
    #dish-of-week-list,
    #fast-delivery-list,
    #products-rail-list,
    #repeat-stores-list,
    .store-shelf-products
) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .store-shelves-list,
body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-row,
body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-card {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(.store-card, .product-rail-card, .dish-week-card),
body.body-layout-foodstrip.body-on-store-page #products-section .product-card {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    isolation: isolate !important;
}

body.body-layout-foodstrip.body-on-store-page #store-menu-cats.store-menu-cats:not([hidden]) {
    position: sticky !important;
    top: var(--store-menu-cats-top, 92px) !important;
    z-index: 24 !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-section-title {
    scroll-margin-top: 150px !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-scroll-active,
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-active {
    background: var(--lumini-ui-active) !important;
    color: var(--lumini-ui-active-text) !important;
    -webkit-text-fill-color: var(--lumini-ui-active-text) !important;
}

body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-scroll-active small,
body.body-layout-foodstrip.body-on-store-page #products-section .store-menu-cat.is-active small {
    background: rgba(127, 127, 127, .18) !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

/* 2026-09-23: remove leftover white veil from admin banner images. */
body.body-layout-foodstrip .premium-hero.premium-hero--banners .premium-hero-banner-shade,
body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-shade {
    background: transparent !important;
    opacity: 0 !important;
}

body.body-layout-foodstrip .premium-hero.premium-hero--banners::before,
body.body-layout-foodstrip .premium-hero.premium-hero--banners::after {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2026-09-23: storefront canvas cleanup v2 - remove remaining rail underlays and pseudo layers. */
body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .stores-rail-shell,
    #stores-rail-shell-main,
    .dish-of-week-rail,
    .fast-delivery-rail,
    .products-rail-section > .stores-rail-shell,
    .repeat-orders > .stores-rail-shell,
    .store-shelves-list,
    .store-shelf-row,
    .store-shelf-products-wrap,
    .store-shelf-products,
    #stores-list,
    #dish-of-week-list,
    #fast-delivery-list,
    #products-rail-list,
    #repeat-stores-list
),
body.body-layout-foodstrip.body-on-store-page :is(
    .store-page-main,
    .store-page-topbar,
    #store-cart-track,
    #products-list,
    .products-grid
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .stores-rail-shell,
    #stores-rail-shell-main,
    .dish-of-week-rail,
    .fast-delivery-rail,
    .products-rail-section > .stores-rail-shell,
    .repeat-orders > .stores-rail-shell,
    .store-shelves-list,
    .store-shelf-row,
    .store-shelf-products-wrap,
    .store-shelf-products,
    #stores-list,
    #dish-of-week-list,
    #fast-delivery-list,
    #products-rail-list,
    #repeat-stores-list,
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
)::before,
body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .stores-rail-shell,
    #stores-rail-shell-main,
    .dish-of-week-rail,
    .fast-delivery-rail,
    .products-rail-section > .stores-rail-shell,
    .repeat-orders > .stores-rail-shell,
    .store-shelves-list,
    .store-shelf-row,
    .store-shelf-products-wrap,
    .store-shelf-products,
    #stores-list,
    #dish-of-week-list,
    #fast-delivery-list,
    #products-rail-list,
    #repeat-stores-list,
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
)::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) :is(
    .dish-of-week-section,
    .fast-delivery-section,
    .products-rail-section,
    .store-shelves-section,
    .repeat-orders
) {
    isolation: auto !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) .stores-rail-shell,
body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products-wrap {
    overflow: visible !important;
}

body.body-layout-foodstrip.body-on-store-page #store-menu-cats.store-menu-cats:not([hidden]) {
    box-shadow: 0 14px 34px rgba(53, 42, 25, 0.08) !important;
}

/* 2026-09-23: storefront canvas cleanup v3 - real store shelf rows are transparent too. */
body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf,
body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #store-shelves-list .store-shelf {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf::before,
body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
}

body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-brand {
    box-shadow: none !important;
}

/* 2026-09-23: desktop store categories sticky fix. Mobile owns its category rail in ui-foundations.css. */
@media (min-width: 901px) {
    body.body-layout-foodstrip.body-on-store-page #products-section #store-cart-track.store-cart-track {
        overflow: visible !important;
        position: relative !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section #store-cart-track > #store-menu-cats.store-menu-cats:not([hidden]) {
        inset: auto !important;
        margin: 0 0 34px !important;
        overflow: hidden !important;
        position: sticky !important;
        top: clamp(76px, 8vw, 104px) !important;
        z-index: 38 !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section #store-menu-cats .store-menu-cats-scroll {
        overscroll-behavior-inline: contain !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
    }
}
/* 2026-09-23: rail arrows live outside the content lane on desktop. */
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    body.body-layout-foodstrip:not(.body-on-store-page) {
        --rail-arrow-outset: clamp(34px, 3.2vw, 54px);
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: relative !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) > .rail-nav {
        top: 42% !important;
        z-index: 120 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) > .rail-nav-left {
        left: calc(-1 * var(--rail-arrow-outset)) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(
        #stores-rail-shell-main,
        .dish-of-week-rail,
        .fast-delivery-rail,
        .products-rail-section > .stores-rail-shell,
        .repeat-orders > .stores-rail-shell
    ) > .rail-nav-right {
        right: calc(-1 * var(--rail-arrow-outset)) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-products-wrap {
        overflow: visible !important;
        position: relative !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-products-wrap > .store-shelf-nav {
        top: 42% !important;
        transform: translateY(-50%) !important;
        z-index: 120 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-products-wrap > .store-shelf-nav--left {
        left: calc(-1 * var(--rail-arrow-outset)) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-products-wrap > .store-shelf-nav--right {
        right: calc(-1 * var(--rail-arrow-outset)) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1180px) {
    body.body-layout-foodstrip:not(.body-on-store-page) {
        --rail-arrow-outset: 28px;
    }
}








/* 2026-09-24: unified vector product badges and animated icon tooltips. */
body.body-layout-foodstrip .food-card-badge[data-lumini-tip] {
    cursor: help;
    outline: none;
    transform-origin: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.body-layout-foodstrip .food-card-badge[data-lumini-tip]:is(:hover, :focus-visible) {
    filter: saturate(1.08);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
}

body.body-layout-foodstrip .food-card-badge--hit,
body.body-layout-foodstrip .food-card-badge--combo,
body.body-layout-foodstrip .food-card-badge--spicy,
body.body-layout-foodstrip .food-card-badge--slow,
body.body-layout-foodstrip .food-card-badge--guest {
    right: 10px;
    top: 10px;
    min-height: 24px;
    padding: 5px 9px 5px 8px;
    gap: 5px;
    letter-spacing: 0;
}

body.body-layout-foodstrip .food-card-badge--hit {
    background: linear-gradient(135deg, #ff7a3d, #e24727) !important;
    color: #fffdf8 !important;
}

body.body-layout-foodstrip .food-card-badge--combo {
    background: linear-gradient(135deg, #242923, #111411) !important;
    color: #fffdf8 !important;
}

body.body-layout-foodstrip .food-card-badge--spicy {
    background: linear-gradient(135deg, #ff4b35, #bd1f1f) !important;
    color: #fffdf8 !important;
}

body.body-layout-foodstrip .food-card-badge--slow {
    background: linear-gradient(135deg, #46c982, #17794c) !important;
    color: #f7fff9 !important;
}

body.body-layout-foodstrip .food-card-badge--guest {
    background: linear-gradient(135deg, #ff8a48, #d94828) !important;
    color: #fffdf8 !important;
}

body.body-layout-foodstrip .food-card-badge-icon {
    display: block;
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    color: currentColor;
    overflow: visible;
}

body.body-layout-foodstrip .food-card-badge-icon :is(path, circle, rect, line, polyline, polygon) {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

body.body-layout-foodstrip .food-card-badge--spicy .food-card-badge-icon path:first-child,
body.body-layout-foodstrip .food-card-badge--hit .food-card-badge-icon path,
body.body-layout-foodstrip .food-card-badge--guest .food-card-badge-icon path {
    fill: rgba(255, 255, 255, 0.14);
}

.lumini-icon-tooltip {
    position: fixed;
    z-index: 10020;
    max-width: min(270px, calc(100vw - 20px));
    padding: 9px 11px;
    border-radius: 14px;
    background: rgba(17, 20, 17, 0.94);
    color: #fffdf8;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(5px) scale(0.98);
    transition: opacity 0.16s ease, transform 0.16s ease;
    box-shadow: 0 16px 34px rgba(17, 20, 17, 0.22);
    backdrop-filter: blur(14px);
}

.lumini-icon-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@media (max-width: 640px) {
    body.body-layout-foodstrip .food-card-badge--hit,
    body.body-layout-foodstrip .food-card-badge--combo,
    body.body-layout-foodstrip .food-card-badge--spicy,
    body.body-layout-foodstrip .food-card-badge--slow,
    body.body-layout-foodstrip .food-card-badge--guest {
        min-height: 23px;
        padding: 5px 8px;
        font-size: 10.5px;
    }

    body.body-layout-foodstrip .food-card-badge-icon {
        width: 12px;
        height: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.body-layout-foodstrip .food-card-badge[data-lumini-tip],
    .lumini-icon-tooltip {
        transition: none;
    }
}

/* 2026-09-24: lightweight site loading splash. */
.lumini-site-splash {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    background: #f6f4ef;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.34s ease, visibility 0.34s ease;
    animation: luminiSplashFailsafe 0.42s ease 9.6s forwards;
}

.lumini-site-splash::before {
    content: "";
    position: absolute;
    width: min(390px, 76vw);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.62);
    filter: blur(44px);
    pointer-events: none;
}

.lumini-site-splash-logo {
    position: relative;
    z-index: 1;
    display: block;
    width: clamp(112px, 24vw, 168px);
    height: auto;
    filter: drop-shadow(0 18px 30px rgba(17, 20, 17, 0.14));
    animation: luminiSplashLogoIn 0.52s cubic-bezier(0.2, 0.8, 0.2, 1) both,
        luminiSplashLogoFloat 1.9s ease-in-out 0.55s infinite alternate;
}

.lumini-site-splash.is-hiding {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@keyframes luminiSplashLogoIn {
    from { opacity: 0; transform: translateY(8px) scale(0.92); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes luminiSplashLogoFloat {
    from { transform: translateY(0) scale(1); }
    to { transform: translateY(-4px) scale(1.015); }
}

@keyframes luminiSplashFailsafe {
    to { opacity: 0; visibility: hidden; pointer-events: none; }
}

@media (max-width: 640px) {
    .lumini-site-splash-logo {
        width: clamp(104px, 34vw, 142px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lumini-site-splash-logo {
        animation: none;
    }

    .lumini-site-splash {
        transition: none;
        animation-duration: 1ms;
    }
}
/* 2026-09-24: compact the desktop transition from the primary store rail to dish of the week. */
@media (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        padding-bottom: 22px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        padding-bottom: 10px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-section {
        margin-top: 18px !important;
    }
}
/* 2026-09-24: store shelf hover lift remains inside the scroll viewport. */
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-products {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-product.product-rail-card {
        position: relative !important;
        z-index: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #store-shelves-list .store-shelf-product.product-rail-card:hover {
        z-index: 4 !important;
    }
}
/* 2026-09-24: order journey is shared by the live card and order history. */
body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey {
    background: rgba(255, 255, 255, .58);
    border-color: rgba(33, 29, 23, .08);
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step:not(:first-child)::before {
    background: rgba(33, 29, 23, .14);
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step.is-done:not(:first-child)::before {
    background: #2fa95a;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step i {
    background: #e5e2da;
    border-color: #cbc7bd;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step.is-done i {
    background: #2fa95a;
    border-color: #2fa95a;
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step b,
body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey p,
body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step small {
    color: rgba(33, 29, 23, .52);
}

body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step.is-done b,
body.body-layout-foodstrip.browse-site-light .orders-modern-card .order-journey-step.is-current b {
    color: #211d17;
}

@media (max-width: 760px) {
    .order-journey {
        margin-inline: -2px;
        overflow: hidden;
        padding-inline: 7px;
    }

    .order-journey-step b {
        font-size: 9px;
    }

    .order-journey-step small {
        display: none;
    }

    .active-order-card .order-journey p {
        text-align: left;
    }
}
/* 2026-09-24: store feedback dialog follows the public light theme. */
body.body-layout-foodstrip.browse-site-light .overlay-card.store-rating-card {
    background: #fffdf8 !important;
    border: 1px solid rgba(23, 26, 22, .09) !important;
    box-shadow: 0 28px 84px rgba(25, 28, 24, .18) !important;
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .overlay-close {
    align-items: center !important;
    background: #f0eee7 !important;
    border: 1px solid rgba(23, 26, 22, .08) !important;
    border-radius: 999px !important;
    color: #171a16 !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 10px 10px 0 0 !important;
    min-height: 38px !important;
    padding: 0 !important;
    width: 38px !important;
    z-index: 3;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .store-live-strip {
    background: #f5f3ed !important;
    border-color: rgba(23, 26, 22, .09) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card :is(.nu-live-rating, .nu-label, .nu-photo-btn, .nu-login-tip, .nu-gate-hint, .nu-quota, .nu-feed-title, .nu-feed-empty, .nu-feed-author) {
    color: rgba(23, 26, 22, .62) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-textarea {
    background: #fff !important;
    border-color: rgba(23, 26, 22, .13) !important;
    box-shadow: inset 0 1px 0 rgba(23, 26, 22, .02) !important;
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-textarea::placeholder {
    color: rgba(23, 26, 22, .40) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-textarea:focus {
    border-color: rgba(47, 169, 90, .48) !important;
    box-shadow: 0 0 0 3px rgba(47, 169, 90, .10) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-chip {
    background: #fff !important;
    border-color: rgba(23, 26, 22, .12) !important;
    color: #171a16 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-chip:hover {
    background: #f5f3ed !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-chip--fast[aria-pressed='true'] {
    background: rgba(47, 169, 90, .12) !important;
    border-color: rgba(47, 169, 90, .38) !important;
    color: #176b36 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-chip--tasty[aria-pressed='true'] {
    background: rgba(220, 62, 55, .10) !important;
    border-color: rgba(220, 62, 55, .34) !important;
    color: #a52c27 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-submit {
    background: #1f6f4f !important;
    color: #fffdf8 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-item {
    background: #fff !important;
    border-color: rgba(23, 26, 22, .09) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-item.is-mine {
    background: rgba(47, 169, 90, .06) !important;
    border-color: rgba(47, 169, 90, .25) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-text {
    color: rgba(23, 26, 22, .86) !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-mine {
    color: #1f7b43 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-live-pill--fast,
body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-tag--fast {
    background: rgba(47, 169, 90, .10) !important;
    border-color: rgba(47, 169, 90, .30) !important;
    color: #176b36 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-live-pill--tasty,
body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-tag--tasty {
    background: rgba(220, 62, 55, .08) !important;
    border-color: rgba(220, 62, 55, .27) !important;
    color: #a52c27 !important;
}

body.body-layout-foodstrip.browse-site-light .store-rating-card .nu-feed-tag--neutral {
    background: rgba(190, 132, 14, .10) !important;
    border-color: rgba(190, 132, 14, .24) !important;
    color: #80570b !important;
}

@media (max-width: 760px) {
    body.body-layout-foodstrip .overlay-card.store-rating-card {
        max-height: min(90dvh, 760px) !important;
        max-width: calc(100vw - 20px) !important;
        border-radius: 24px !important;
    }

    body.body-layout-foodstrip .store-rating-card #store-rating-content {
        padding: 10px 12px 16px !important;
    }

    body.body-layout-foodstrip .store-rating-card .store-live-strip {
        align-items: flex-start;
    }
}
/* 2026-09-24: light active order tracker polish and delivery delay. */
body.body-layout-foodstrip.browse-site-light .active-order-tracker {
    box-sizing: border-box;
}

body.body-layout-foodstrip.browse-site-light .active-order-card {
    background: rgba(255, 253, 248, .97);
    border: 1px solid rgba(33, 29, 23, .1);
    box-shadow: 0 20px 56px rgba(33, 29, 23, .16);
    color: #211d17;
    overflow: hidden;
}

body.body-layout-foodstrip.browse-site-light .active-order-card.is-cancelled {
    background: #fff9f7;
    border-color: rgba(183, 58, 45, .2);
}

body.body-layout-foodstrip.browse-site-light .active-order-head,
body.body-layout-foodstrip.browse-site-light .active-order-foot,
body.body-layout-foodstrip.browse-site-light .active-order-title {
    min-width: 0;
}

body.body-layout-foodstrip.browse-site-light .active-order-head span,
body.body-layout-foodstrip.browse-site-light .active-order-foot span {
    color: rgba(33, 29, 23, .58);
}

body.body-layout-foodstrip.browse-site-light .active-order-title {
    color: #211d17;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.body-layout-foodstrip.browse-site-light .active-order-head strong {
    background: #e7f5eb;
    border: 1px solid rgba(47, 169, 90, .24);
    border-radius: 999px;
    color: #176b36;
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1;
    padding: 7px 10px;
}

body.body-layout-foodstrip.browse-site-light .active-order-card.is-cancelled .active-order-head strong {
    background: #fff0ec;
    border-color: rgba(183, 58, 45, .22);
    color: #a5382b;
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey.is-compact {
    background: #f7f5ef;
    border: 1px solid rgba(33, 29, 23, .08);
    border-radius: 18px;
    overflow: hidden;
    padding: 12px 10px;
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step:not(:first-child)::before {
    background: rgba(33, 29, 23, .14);
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step.is-done:not(:first-child)::before {
    background: #2fa95a;
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step i {
    background: #e2dfd6;
    border-color: #c8c3b8;
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step.is-done i {
    background: #2fa95a;
    border-color: #2fa95a;
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step.is-current i {
    box-shadow: 0 0 0 5px rgba(47, 169, 90, .16);
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step b,
body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step small,
body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey p {
    color: rgba(33, 29, 23, .56);
}

body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step.is-done b,
body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey-step.is-current b {
    color: #211d17;
}

.order-delay-notice {
    align-items: flex-start;
    background: #fff4dc;
    border: 1px solid rgba(190, 126, 26, .24);
    border-radius: 14px;
    color: #6f470d;
    display: flex;
    gap: 9px;
    min-width: 0;
    padding: 10px 11px;
    text-align: left;
}

.order-delay-notice svg {
    fill: none;
    flex: 0 0 20px;
    height: 20px;
    margin-top: 1px;
    stroke: #b87513;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.order-delay-notice span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.order-delay-notice strong,
.order-delay-notice small {
    color: inherit;
    display: block;
}

.order-delay-notice strong {
    font-size: 12px;
    font-weight: 950;
}

.order-delay-notice small {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

body.body-layout-foodstrip.browse-site-light .active-order-foot {
    border-top: 1px solid rgba(33, 29, 23, .08);
    padding-top: 11px;
}

body.body-layout-foodstrip.browse-site-light .active-order-foot button {
    background: #171a17;
    box-shadow: none;
    color: #fff;
    flex: 0 0 auto;
    min-height: 40px;
    transition: box-shadow .18s ease, transform .18s ease;
    width: auto;
}

@media (hover: hover) and (pointer: fine) {
    body.body-layout-foodstrip.browse-site-light .active-order-foot button:hover {
        background: #171a17;
        box-shadow: 0 7px 18px rgba(23, 26, 23, .16);
        transform: translateY(-1px);
    }
}

@media (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light .active-order-card {
        gap: 10px;
        padding: 13px;
    }

    body.body-layout-foodstrip.browse-site-light .active-order-card .order-journey.is-compact {
        margin-inline: 0;
        padding: 11px 7px;
    }

    .order-delay-notice {
        padding: 9px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.body-layout-foodstrip.browse-site-light .active-order-foot button {
        transition: none;
    }
}
/* 2026-09-24: cart groups orders by store without mixing fulfillment. */
.cart-store-group {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding-bottom: 12px;
}

.cart-store-group + .cart-store-group {
    border-top: 1px solid rgba(33, 29, 23, .1);
    padding-top: 13px;
}

.cart-store-group-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
    padding: 0 2px;
}

.cart-store-group-head > span {
    display: grid;
    min-width: 0;
}

.cart-store-group-head small {
    color: rgba(33, 29, 23, .5);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.cart-store-group-head strong {
    color: #211d17;
    font-size: 14px;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-store-group-head > b {
    color: #211d17;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 950;
}

.cart-store-group-items {
    display: grid;
    gap: 8px;
}

.cart-store-group-checkout {
    background: #171a17;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    min-height: 40px;
    padding: 0 14px;
    width: 100%;
}

.browse-cart-checkout-btn:disabled {
    cursor: default;
    opacity: .58;
}

#checkout-order-store-name {
    max-width: min(100%, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
    .cart-store-group-checkout:hover {
        background: #242824;
        transform: translateY(-1px);
    }
}

@media (max-width: 760px) {
    .cart-store-group + .cart-store-group {
        padding-top: 11px;
    }

    .cart-store-group-head strong {
        font-size: 13px;
    }
}
/* 2026-09-25: day-off storefront and green order journey. */
.store-card.is-day-off .store-image-wrap {
    isolation: isolate;
    overflow: hidden;
}

.store-card.is-day-off .store-image-inner {
    filter: blur(7px) saturate(.72) brightness(.76);
    transform: scale(1.045);
}

.store-day-off-overlay {
    align-items: center;
    backdrop-filter: blur(14px) saturate(1.15);
    background: rgba(250, 250, 247, .72);
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 15px;
    box-shadow: 0 12px 32px rgba(17, 22, 18, .18);
    color: #151915;
    display: flex;
    flex-direction: column;
    gap: 2px;
    left: 50%;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.store-day-off-overlay strong {
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .04em;
}

.store-day-off-overlay small {
    color: #5f675f;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
}

.store-meta-pill--day-off,
.store-compact-status.is-day-off {
    background: #fff0d5 !important;
    border-color: #e6bd69 !important;
    color: #805000 !important;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-track {
    align-items: start;
    gap: 0;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step {
    min-width: 0;
    padding-inline: 2px;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step:not(:first-child)::before {
    background: #dce5de !important;
    border: 0 !important;
    height: 4px;
    top: 10px;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-done:not(:first-child)::before {
    background: #2fa95a !important;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step i {
    background: #fff !important;
    border: 3px solid #cbd8ce !important;
    box-shadow: 0 0 0 3px #fff;
    height: 22px;
    position: relative;
    width: 22px;
    z-index: 2;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-done i {
    background: #2fa95a !important;
    border-color: #2fa95a !important;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-done i::after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 7px;
    position: absolute;
    top: 4px;
    transform: rotate(45deg);
    width: 4px;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-current i {
    box-shadow: 0 0 0 4px rgba(47, 169, 90, .17), 0 0 0 3px #fff !important;
}

body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-done b,
body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-current b {
    color: #176b3c !important;
}

@media (max-width: 430px) {
    .store-day-off-overlay { border-radius: 12px; padding: 8px 12px; }
    body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step i { height: 20px; width: 20px; }
    body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step:not(:first-child)::before { top: 9px; }
    body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step.is-done i::after { height: 7px; left: 6px; top: 3px; }
    body.body-layout-foodstrip.browse-site-light :is(.orders-modern-card, .active-order-card) .order-journey-step b { font-size: 8px; line-height: 1.15; overflow-wrap: normal; word-break: normal; }
}
/* 2026-09-25: product weight and free-delivery progress. */
.product-weight { color: rgba(33, 29, 23, .56); font-size: 12px; font-weight: 750; line-height: 1.25; margin-top: 3px; }
.product-rail-card .product-weight { min-height: 15px; }
.delivery-progress { background: rgba(47, 169, 90, .07); border: 1px solid rgba(47, 169, 90, .2); border-radius: 14px; color: #174d2a; display: grid; gap: 6px; margin-top: 12px; padding: 11px 12px; }
.delivery-progress-top { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
.delivery-progress-top strong { font-size: 12px; font-weight: 900; line-height: 1.25; }
.delivery-progress-top span { color: #208348; flex: 0 0 auto; font-size: 11px; font-weight: 950; }
.delivery-progress-track { background: rgba(47, 169, 90, .15); border-radius: 999px; height: 6px; overflow: hidden; }
.delivery-progress-track i { background: #2fa95a; border-radius: inherit; display: block; height: 100%; min-width: 5px; transition: width .3s ease; }
.delivery-progress small { color: rgba(23, 77, 42, .68); font-size: 10px; font-weight: 750; }
.delivery-progress.is-complete { background: rgba(47, 169, 90, .13); }
.delivery-progress--compact { margin: 2px 0 4px; padding: 9px 10px; }
.checkout-delivery-progress:empty { display: none; }
@media (max-width: 760px) { .product-weight { font-size: 11px; } .delivery-progress { border-radius: 12px; padding: 10px; } }
@media (prefers-reduced-motion: reduce) { .delivery-progress-track i { transition: none; } }
/* 2026-09-25: reviews as a calm light conversation. */
body.body-layout-foodstrip .overlay-card.store-rating-card { width: min(720px, calc(100vw - 32px)); }
body.body-layout-foodstrip .store-rating-card .nu-root { display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.nu-chat-head { align-items: center; display: flex; justify-content: space-between; padding: 0 2px; }
.nu-chat-head > div { display: grid; gap: 2px; }
.nu-chat-head span { color: var(--lumini-ui-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.nu-chat-head strong { color: var(--lumini-ui-text); font-size: 18px; font-weight: 950; }
.nu-chat-head > b { align-items: center; background: var(--lumini-ui-positive-soft); border-radius: 999px; color: #237a43; display: inline-flex; font-size: 12px; height: 28px; justify-content: center; min-width: 28px; padding: 0 8px; }
body.body-layout-foodstrip .store-rating-card .nu-feed { background: var(--lumini-ui-surface-muted); border: 1px solid var(--lumini-ui-border); border-radius: 18px; display: flex; flex-direction: column; gap: 10px; max-height: min(38vh, 330px); min-height: 150px; overflow-y: auto; padding: 13px; scroll-behavior: smooth; }
body.body-layout-foodstrip .store-rating-card .nu-feed-item { align-items: flex-end; background: transparent !important; border: 0 !important; display: flex; gap: 8px; padding: 0; }
body.body-layout-foodstrip .store-rating-card .nu-feed-item.is-mine { background: transparent !important; flex-direction: row-reverse; }
.nu-feed-avatar { align-items: center; background: var(--lumini-ui-surface-muted); border: 2px solid var(--lumini-ui-border); border-radius: 50%; color: #54bf7a; display: inline-flex; flex: 0 0 32px; font-size: 12px; font-weight: 950; height: 32px; justify-content: center; }
.nu-feed-item.is-mine .nu-feed-avatar { background: #2fa95a; color: #fff; }
.nu-feed-bubble { background: var(--lumini-ui-surface-soft); border: 1px solid var(--lumini-ui-border); border-radius: 16px 16px 16px 5px; box-shadow: 0 5px 18px rgba(23, 26, 22, .05); max-width: min(82%, 500px); min-width: 150px; padding: 10px 12px 8px; }
.nu-feed-item.is-mine .nu-feed-bubble { background: var(--lumini-ui-positive-soft); border-color: rgba(47, 169, 90, .28); border-radius: 16px 16px 5px 16px; }
.nu-feed-top { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
body.body-layout-foodstrip .store-rating-card .nu-feed-author { color: var(--lumini-ui-text) !important; font-size: 12px; font-weight: 900; }
.nu-feed-stars { color: #d6a725; font-size: 11px; letter-spacing: 1px; white-space: nowrap; }
body.body-layout-foodstrip .store-rating-card .nu-feed-text { font-size: 13px; line-height: 1.45; margin: 6px 0 0; overflow-wrap: anywhere; }
.nu-feed-meta { align-items: center; color: var(--lumini-ui-muted); display: flex; font-size: 9px; font-weight: 700; gap: 7px; justify-content: flex-end; margin-top: 6px; }
.nu-feed-imgs { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 8px; }
.nu-feed-image-link { border-radius: 10px; display: block; min-width: 0; overflow: hidden; }
.nu-feed-image-link img { aspect-ratio: 1; display: block; object-fit: cover; width: 100%; }
body.body-layout-foodstrip .store-rating-card .nu-composer { background: var(--lumini-ui-surface-soft); border: 1px solid var(--lumini-ui-border); border-radius: 18px; display: grid; gap: 10px; padding: 12px; }
.nu-compose-box { background: var(--lumini-ui-input); border: 1px solid var(--lumini-ui-border); border-radius: 14px; overflow: hidden; }
body.body-layout-foodstrip .store-rating-card .nu-compose-box .nu-textarea { background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; min-height: 68px; padding: 11px 12px 6px; resize: vertical; width: 100%; }
.nu-compose-toolbar { align-items: center; display: flex; gap: 8px; justify-content: space-between; padding: 5px 8px 8px; }
.nu-compose-toolbar small { color: var(--lumini-ui-muted); font-size: 10px; font-weight: 750; }
body.body-layout-foodstrip .store-rating-card .nu-photo-btn { align-items: center; background: var(--lumini-ui-surface-soft); border: 1px solid var(--lumini-ui-border); border-radius: 999px; color: #33553d !important; cursor: pointer; display: inline-flex; font-size: 11px; font-weight: 850; gap: 6px; min-height: 34px; padding: 0 11px; }
.nu-photo-btn svg { fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 16px; }
.nu-photo-preview { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 8px 8px; }
.nu-photo-item { border-radius: 10px; display: block; height: 62px; overflow: visible; position: relative; width: 62px; }
.nu-photo-item img { border-radius: inherit; height: 100%; object-fit: cover; width: 100%; }
.nu-photo-item button { align-items: center; background: var(--lumini-ui-active); border: 2px solid var(--lumini-ui-surface-soft); border-radius: 50%; color: var(--lumini-ui-active-text); display: flex; font-size: 15px; height: 23px; justify-content: center; padding: 0; position: absolute; right: -6px; top: -6px; width: 23px; }
.nu-composer-foot { align-items: center; display: flex; gap: 10px; justify-content: flex-end; }
.nu-composer-foot .store-review-msg { flex: 1; margin: 0; }
body.body-layout-foodstrip .store-rating-card .nu-submit { border-radius: 999px; min-height: 40px; padding: 0 18px; width: auto; }
@media (max-width: 760px) {
    body.body-layout-foodstrip .store-rating-card .nu-feed { max-height: 34vh; min-height: 130px; padding: 10px; }
    .nu-feed-bubble { max-width: calc(100% - 36px); }
    .nu-chat-head strong { font-size: 16px; }
    .nu-composer-foot { align-items: stretch; flex-direction: column; }
    body.body-layout-foodstrip .store-rating-card .nu-submit { width: 100%; }
}
[hidden] { display: none !important; }

/* Authenticated header: give the personal greeting room without crowding nearby actions. */
@media (min-width: 761px) {
    .body-layout-foodstrip header.is-authenticated .header-actions {
        gap: 10px !important;
    }

    .body-layout-foodstrip header.is-authenticated .browse-theme-toggle {
        margin-right: clamp(8px, 1.4vw, 22px) !important;
    }

    .body-layout-foodstrip header.is-authenticated .header-auth,
    .body-layout-foodstrip header.is-authenticated .header-auth.header-auth--session {
        flex: 0 1 auto;
        max-width: none !important;
        overflow: visible;
    }

    .body-layout-foodstrip header.is-authenticated .header-auth-user {
        display: inline-grid;
        grid-template-columns: minmax(0, 1fr);
        width: max-content;
        min-width: 132px;
        max-width: min(360px, 31vw) !important;
        padding-inline: 12px !important;
        transition: max-width .24s ease, padding .24s ease, background-color .2s ease;
    }

    .body-layout-foodstrip header.is-authenticated .header-auth-name {
        display: block;
        width: max-content;
        max-width: min(330px, 28vw) !important;
        text-align: center;
    }
}