/* LUMINI mobile module. Keep all phone/tablet overrides here, after style.css. */
.mobile-app-nav {
    display: none;
}

/* 2026-09-17: light-theme hero banner readability on phones. */
@media (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners {
        background: rgba(255, 253, 248, .86) !important;
        border: 1px solid rgba(33, 29, 23, .08) !important;
        box-shadow: 0 16px 42px rgba(53, 42, 25, .1) !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .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:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-shade {
        background:
            linear-gradient(180deg, rgba(255, 250, 240, .08), rgba(18, 16, 12, .16)),
            linear-gradient(90deg, rgba(255, 250, 240, .5), rgba(255, 250, 240, 0) 68%) !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-copy {
        background: rgba(255, 253, 248, .76) !important;
        border: 1px solid rgba(33, 29, 23, .08) !important;
        border-radius: 16px !important;
        bottom: 18px !important;
        box-shadow: 0 12px 30px rgba(53, 42, 25, .13) !important;
        color: #171a15 !important;
        left: 18px !important;
        max-width: min(78%, 330px) !important;
        padding: 11px 12px 12px !important;
        right: auto !important;
        text-shadow: none !important;
        backdrop-filter: blur(12px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-copy strong {
        color: #111411 !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-copy small {
        color: rgba(23, 26, 21, .68) !important;
    }
}

@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .store-shelf-product .product-rail-image-wrap, .dish-week-media),
    .body-layout-foodstrip #products-section .product-card-image-wrap {
        position: relative !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .store-shelf-product .product-rail-image-wrap) .product-rail-add,
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-week-media .dish-week-add-btn,
    .body-layout-foodstrip #products-section .product-card-image-wrap :is(.product-add-btn, .product-card-add) {
        align-items: center !important;
        bottom: 10px !important;
        display: inline-flex !important;
        height: 42px !important;
        justify-content: center !important;
        left: auto !important;
        margin: 0 !important;
        min-height: 42px !important;
        min-width: 42px !important;
        padding: 0 0 3px !important;
        position: absolute !important;
        right: 10px !important;
        top: auto !important;
        transform: none !important;
        width: 42px !important;
        z-index: 8 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .dish-week-media .dish-week-add-btn {
        font-size: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .store-shelf-product .product-rail-image-wrap) .product-rail-add::before,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .store-shelf-product .product-rail-image-wrap) .product-rail-add::after,
    .body-layout-foodstrip #products-section .product-card-image-wrap :is(.product-add-btn, .product-card-add)::before,
    .body-layout-foodstrip #products-section .product-card-image-wrap :is(.product-add-btn, .product-card-add)::after {
        line-height: 1 !important;
    }
}

@media (max-width: 760px) {
    html {
        scroll-padding-top: 144px;
    }

    body.body-layout-foodstrip {
        min-width: 0 !important;
        overflow-x: hidden !important;
        padding-bottom: calc(82px + env(safe-area-inset-bottom));
        background: var(--browse-bg) !important;
    }

    .body-layout-foodstrip .app-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 8px 16px calc(86px + env(safe-area-inset-bottom)) !important;
        gap: 16px !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        position: sticky !important;
        top: 8px !important;
        z-index: 80 !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand actions"
            "address address" !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 0 !important;
        border-radius: 26px !important;
        background: rgba(18, 20, 17, .90) !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .header-brand,
    .body-layout-foodstrip .brand-block {
        grid-area: brand !important;
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
        max-width: 150px !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    .body-layout-foodstrip .brand-logo-image {
        width: auto !important;
        max-width: 132px !important;
        max-height: 42px !important;
        object-fit: contain !important;
    }

    .body-layout-foodstrip .header-actions {
        grid-area: actions !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        min-width: 0 !important;
    }

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

    .body-layout-foodstrip .browse-theme-toggle,
    .body-layout-foodstrip .cart-icon,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .cart-icon {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .10) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .browse-theme-toggle-label,
    .body-layout-foodstrip .browse-theme-toggle-index,
    .body-layout-foodstrip .cart-sum-badge {
        display: none !important;
    }

    .body-layout-foodstrip .cart-icon-btn {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    .body-layout-foodstrip .cart-count-badge {
        display: grid !important;
        top: 4px !important;
        right: 5px !important;
        min-width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
    }

    .body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        grid-area: address !important;
        width: 100% !important;
        height: 48px !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .08) !important;
        color: #fff !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    .body-layout-foodstrip .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
        color: rgba(255, 255, 255, .78) !important;
        transform: none !important;
    }

    .body-layout-foodstrip .hero-premium,
    body.body-layout-foodstrip.browse-site-light .hero-premium {
        width: 100% !important;
        min-height: 160px !important;
        margin: 0 !important;
        padding: 20px !important;
        border-radius: 28px !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .hero-kicker {
        margin-bottom: 8px !important;
        font-size: 10px !important;
    }

    .body-layout-foodstrip .hero-premium h1 {
        max-width: 100% !important;
        font-size: clamp(30px, 9vw, 42px) !important;
        line-height: .98 !important;
        letter-spacing: -0.02em !important;
        overflow-wrap: anywhere !important;
    }

    .body-layout-foodstrip .hero-premium p {
        display: block !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .body-layout-foodstrip .hero-stat-stack {
        display: none !important;
    }

    .body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search {
        width: 100% !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 22px !important;
        background: color-mix(in srgb, var(--browse-soft-bg) 92%, transparent) !important;
        box-shadow: none !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        position: sticky !important;
        top: 100px !important;
        z-index: 55 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 -16px !important;
        padding: 10px 16px !important;
        border: 0 !important;
        border-radius: 0 0 22px 22px !important;
        background: color-mix(in srgb, var(--browse-bg) 96%, transparent) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .browse-category-scroll,
    .body-layout-foodstrip .store-menu-cats-scroll {
        display: flex !important;
        gap: 10px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    .body-layout-foodstrip .browse-category-scroll::-webkit-scrollbar,
    .body-layout-foodstrip .store-menu-cats-scroll::-webkit-scrollbar {
        display: none !important;
    }

    .body-layout-foodstrip :is(.category-scroll-btn, .section-rail-nav, .rail-nav) {
        display: none !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn) {
        flex: 0 0 auto !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 17px !important;
        background: color-mix(in srgb, var(--browse-soft-bg) 96%, transparent) !important;
        box-shadow: none !important;
        color: var(--browse-text) !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill.active, .line-filter-pill.is-active, .store-menu-cat.active, .store-menu-cat.is-active) {
        background: #111 !important;
        color: #fff !important;
    }

    .body-layout-foodstrip :is(.section-title, .dish-of-week-title, .fast-delivery-title, .line-mode-heading, .store-section-title) {
        font-size: clamp(28px, 8vw, 38px) !important;
        line-height: .98 !important;
        margin-bottom: 14px !important;
    }

    .body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line,
    .body-layout-foodstrip #fast-delivery-list.stores-masonry.stores-layout-line {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
    }

    .body-layout-foodstrip #repeat-stores-list.stores-masonry.stores-layout-line {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(280px, 84vw) !important;
        gap: 14px !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-wrap {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
        line-height: normal !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner::before,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner::after {
        display: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: clamp(176px, 50vw, 248px) !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        border-radius: 24px !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-hover {
        position: static !important;
        display: grid !important;
        gap: 6px !important;
        width: 100% !important;
        max-height: none !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        padding: 10px 2px 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-title {
        margin: 0 !important;
        color: var(--browse-text) !important;
        font-size: 22px !important;
        line-height: 1.08 !important;
        text-shadow: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 12px !important;
        overflow: visible !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-meta-pill {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--browse-text) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-live-tag,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-meta-pill--accent {
        display: none !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-meta-time {
        margin: 0 !important;
        color: var(--mobile-muted, rgba(21, 24, 21, .68)) !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        text-shadow: none !important;
    }

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

    .body-layout-foodstrip #products-list .product-card,
    .body-layout-foodstrip #products-section .product-card,
    .body-layout-foodstrip :is(.product-rail-card, .dish-week-card, .store-shelf-product) {
        width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
        border-radius: 24px !important;
        background: color-mix(in srgb, var(--browse-soft-bg) 94%, #fff 6%) !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(.add-to-cart-btn, .product-rail-add-btn, .dish-week-add-btn, #products-section .product-card-add) {
        min-height: 38px !important;
        border-radius: 999px !important;
        padding: 0 14px !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .browse-cart-panel {
        align-items: flex-end !important;
    }

    .body-layout-foodstrip .browse-cart-panel-inner {
        width: 100% !important;
        max-height: 88vh !important;
        border-radius: 28px 28px 0 0 !important;
    }

    .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        position: fixed;
        z-index: 1200;
        left: 0;
        right: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2px;
        min-height: calc(66px + env(safe-area-inset-bottom));
        padding: 8px 14px calc(8px + env(safe-area-inset-bottom));
        border-radius: 24px 24px 0 0;
        background: color-mix(in srgb, var(--browse-bg) 92%, transparent);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, .18);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .mobile-app-nav-item {
        display: grid;
        place-items: center;
        gap: 3px;
        min-width: 0;
        border: 0;
        border-radius: 18px;
        background: transparent;
        color: color-mix(in srgb, var(--browse-text) 48%, transparent);
        font: 800 11px/1.05 var(--font-ui);
        cursor: pointer;
    }

    .mobile-app-nav-item.is-active {
        color: var(--browse-text);
        background: transparent;
    }

    .mobile-app-nav-ico {
        position: relative;
        width: 22px;
        height: 22px;
        display: inline-block;
    }

    .mobile-app-nav-ico::before,
    .mobile-app-nav-ico::after {
        content: '';
        position: absolute;
        inset: 4px;
        border: 2px solid currentColor;
        border-radius: 7px;
    }

    .mobile-app-nav-ico--home::before {
        transform: rotate(45deg);
        border-radius: 4px;
    }

    .mobile-app-nav-ico--pickup::before {
        inset: 5px 4px 6px;
        border-radius: 5px 5px 8px 8px;
    }

    .mobile-app-nav-ico--pickup::after {
        inset: 3px 7px 13px;
        border-width: 0 0 2px 0;
        border-radius: 0;
    }

    .mobile-app-nav-ico--search::before {
        inset: 3px 7px 7px 3px;
        border-radius: 50%;
    }

    .mobile-app-nav-ico--search::after {
        inset: auto 3px 3px auto;
        width: 9px;
        height: 2px;
        border: 0;
        border-radius: 999px;
        background: currentColor;
        transform: rotate(45deg);
        transform-origin: center;
    }

    .mobile-app-nav-ico--cart::before {
        inset: 6px 3px 5px;
        border-radius: 5px 5px 8px 8px;
    }

    .mobile-app-nav-ico--cart::after {
        inset: 2px 7px 12px;
        border-width: 2px 2px 0;
        border-radius: 10px 10px 0 0;
    }
}

@media (max-width: 420px) {
    .body-layout-foodstrip .app-container {
        padding-inline: 12px !important;
    }

    .body-layout-foodstrip .hero-premium h1 {
        font-size: clamp(28px, 9vw, 36px) !important;
    }

    .body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        margin-inline: -12px !important;
        padding-inline: 12px !important;
    }
}

/* Emergency mobile stability pass: no top overlays, store page in a normal vertical flow. */
@media (max-width: 760px) {
    html {
        scroll-padding-top: 12px !important;
    }

    body.body-layout-foodstrip,
    body.body-layout-foodstrip.body-on-store-page {
        overflow-x: hidden !important;
    }

    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        position: relative !important;
        top: auto !important;
        z-index: 5 !important;
        margin-bottom: 0 !important;
    }

    .body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        position: relative !important;
        top: auto !important;
        z-index: 4 !important;
        margin-top: 0 !important;
    }

    .body-layout-foodstrip #products-section.store-page,
    .body-layout-foodstrip #products-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: var(--browse-bg) !important;
    }

    .body-layout-foodstrip .store-page,
    .body-layout-foodstrip .store-page-main,
    .body-layout-foodstrip .store-page-with-cart-shell {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    .body-layout-foodstrip .store-page-topbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .body-layout-foodstrip .store-interior-billboard,
    #products-section.store-interior-light .store-interior-billboard {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        isolation: auto !important;
    }

    .body-layout-foodstrip .store-interior-billboard::before,
    .body-layout-foodstrip .store-interior-billboard::after,
    #products-section.store-interior-light .store-interior-billboard::before,
    #products-section.store-interior-light .store-interior-billboard::after {
        content: none !important;
        display: none !important;
    }

    .body-layout-foodstrip .store-interior-billboard-content,
    #products-section.store-interior-light .store-interior-billboard-content {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        max-width: none !important;
        padding: 18px !important;
        border: 0 !important;
        border-radius: 24px !important;
        overflow: visible !important;
        background: color-mix(in srgb, var(--browse-card-bg) 92%, transparent) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .store-place-gallery {
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        width: 100% !important;
        height: 170px !important;
        min-height: 0 !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        background: var(--browse-soft-bg) !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .store-interior-billboard-image,
    #products-section.store-interior-light .store-interior-billboard-image,
    .body-layout-foodstrip .store-place-gallery .store-interior-billboard-image {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        opacity: 0 !important;
        filter: none !important;
        transform: none !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .store-place-gallery .store-interior-billboard-image.is-active,
    .body-layout-foodstrip .store-interior-billboard-image.is-active {
        opacity: 1 !important;
    }

    .body-layout-foodstrip .store-info-title,
    .body-layout-foodstrip .store-interior-billboard .store-info-title,
    #products-section.store-interior-light .store-info-title {
        color: var(--browse-text) !important;
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1 !important;
        text-shadow: none !important;
        margin: 0 !important;
    }

    .body-layout-foodstrip .store-info-desc,
    .body-layout-foodstrip .store-interior-billboard .store-info-desc,
    #products-section.store-interior-light .store-info-desc {
        color: var(--mobile-muted, rgba(21, 24, 21, .68)) !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin: 10px 0 0 !important;
        text-shadow: none !important;
    }

    .body-layout-foodstrip .store-rating-open-btn {
        margin-top: 12px !important;
    }

    .body-layout-foodstrip .food-store-trust,
    .body-layout-foodstrip .store-info-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    .body-layout-foodstrip .food-trust-item,
    .body-layout-foodstrip .store-info-pill {
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 8px 10px !important;
        border-radius: 14px !important;
    }

    .body-layout-foodstrip #products-list.products-grid,
    .body-layout-foodstrip #products-section .products-grid {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip #products-section .product-card {
        position: relative !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: color-mix(in srgb, var(--browse-card-bg) 92%, transparent) !important;
    }

    .body-layout-foodstrip #products-section .product-card-image-wrap {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .body-layout-foodstrip #products-section .product-card-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .body-layout-foodstrip .mobile-app-nav {
        z-index: 1200 !important;
    }
}

@media (max-width: 420px) {
    .body-layout-foodstrip #products-list.products-grid,
    .body-layout-foodstrip #products-section .products-grid {
        gap: 14px 10px !important;
    }
}

/* Home mobile stability pass: keep the main page as a clean vertical app feed. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-with-cart-shell,
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-layout,
    body.body-layout-foodstrip:not(.body-on-store-page) .stores-browse-root,
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-cart-track {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .browse-layout {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .line-mode-chrome {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 14px !important;
        padding: 18px !important;
        border: 0 !important;
        border-radius: 26px !important;
        overflow: hidden !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy,
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy h2,
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy p {
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy h2 {
        font-size: clamp(28px, 8.8vw, 40px) !important;
        line-height: .98 !important;
        margin: 0 !important;
        overflow-wrap: anywhere !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy p {
        margin: 12px 0 0 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 16px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats span {
        min-width: 0 !important;
        padding: 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .line-mode-search {
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row {
        margin: 0 0 14px !important;
        padding: 8px !important;
        border-radius: 22px !important;
        background: color-mix(in srgb, var(--browse-card-bg) 88%, transparent) !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .stores-rail-shell,
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-rail,
    body.body-layout-foodstrip:not(.body-on-store-page) .fast-delivery-rail {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .stores-line-expand-row,
    body.body-layout-foodstrip:not(.body-on-store-page) .ui-brush-arrow,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-nav,
    body.body-layout-foodstrip:not(.body-on-store-page) .rail-nav {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 26px !important;
        padding: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(164px, 46vw) !important;
        gap: 12px !important;
        width: calc(100% + 16px) !important;
        max-width: none !important;
        margin: 0 -16px 24px 0 !important;
        padding: 0 16px 4px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line::-webkit-scrollbar,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list.stores-masonry.stores-layout-line::-webkit-scrollbar,
    body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .fast-delivery-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelves-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .repeat-orders {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.repeat-orders-title, .dish-of-week-heading, .fast-delivery-heading, .store-shelves-head h3) {
        position: relative !important;
        z-index: 1 !important;
        margin: 0 0 8px !important;
        color: var(--browse-text) !important;
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: .98 !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.dish-of-week-sub, .fast-delivery-sub, .store-shelves-sub) {
        margin: 0 0 12px !important;
        color: var(--mobile-muted, rgba(21, 24, 21, .68)) !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        background: color-mix(in srgb, var(--browse-card-bg) 92%, transparent) !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, .store-shelf-product .product-rail-image-wrap) {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: var(--browse-soft-bg) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image, .dish-week-media img, .dish-week-image, .store-shelf-product .product-rail-image) {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelves-list {
        display: grid !important;
        gap: 18px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        border-radius: 22px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(164px, 46vw) !important;
        gap: 12px !important;
        width: calc(100% + 16px) !important;
        margin: 0 -16px 0 0 !important;
        padding: 0 16px 4px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products::-webkit-scrollbar {
        display: none !important;
    }
}

@media (max-width: 420px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        grid-auto-columns: minmax(150px, 48vw) !important;
    }
}

/* Home shelves width clamp: prevent showcase rows from widening the mobile page. */
@media (max-width: 760px) {
    .body-layout-foodstrip .store-shelves-section,
    .body-layout-foodstrip .store-shelves-list,
    .body-layout-foodstrip .store-shelf,
    .body-layout-foodstrip .store-shelf-products-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .store-shelves-section,
    .body-layout-foodstrip .store-shelves-list,
    .body-layout-foodstrip .store-shelf {
        overflow: visible !important;
    }

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

    .body-layout-foodstrip .store-shelf-products-wrap {
        display: block !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .body-layout-foodstrip .store-shelf-products {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
        contain: inline-size !important;
    }

    .body-layout-foodstrip .store-shelf-products::-webkit-scrollbar {
        display: none !important;
    }

    .body-layout-foodstrip .store-shelf-product.product-rail-card,
    .body-layout-foodstrip .store-shelf-products .product-rail-card {
        flex: 0 0 min(158px, 46vw) !important;
        width: min(158px, 46vw) !important;
        min-width: min(158px, 46vw) !important;
        max-width: min(158px, 46vw) !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
    }

    .body-layout-foodstrip .store-shelf-brand {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 150px !important;
        margin: 0 0 12px !important;
        box-sizing: border-box !important;
    }
}

/* Home geometry containment: parent sections must contain their mobile cards. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        contain: layout paint !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        contain: inline-size !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .fast-delivery-section,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelves-section {
        clear: both !important;
    }
}

/* Home top restaurants as a contained horizontal rail, not a giant vertical wall. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 28px !important;
        padding: 0 0 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
        contain: inline-size !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line::-webkit-scrollbar,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
        flex: 0 0 min(336px, 86vw) !important;
        width: min(336px, 86vw) !important;
        min-width: min(336px, 86vw) !important;
        max-width: min(336px, 86vw) !important;
        scroll-snap-align: start !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-image {
        height: clamp(176px, 48vw, 224px) !important;
    }
}

/* Mobile calm surfaces: plain background, compact cards, and safe cart checkout area. */
@media (max-width: 760px) {
    body.body-layout-foodstrip,
    body.body-layout-foodstrip.browse-site-light,
    body.body-layout-foodstrip.body-on-store-page,
    body.body-layout-foodstrip.browse-site-light.body-on-store-page {
        --mobile-bg: #10120f;
        --mobile-card: #181b17;
        --mobile-card-soft: #20241f;
        --mobile-text: #f5f6ef;
        --mobile-muted: rgba(245, 246, 239, .66);
        background: var(--mobile-bg) !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip.browse-site-light {
        --mobile-bg: #f4f5f1;
        --mobile-card: #ffffff;
        --mobile-card-soft: #eceee8;
        --mobile-text: #161815;
        --mobile-muted: rgba(22, 24, 21, .62);
    }

    body.body-layout-foodstrip::before,
    body.body-layout-foodstrip::after,
    .body-layout-foodstrip .app-container::before,
    .body-layout-foodstrip .app-container::after,
    .body-layout-foodstrip .browse-with-cart-shell::before,
    .body-layout-foodstrip .browse-with-cart-shell::after,
    .body-layout-foodstrip .stores-browse-root::before,
    .body-layout-foodstrip .stores-browse-root::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    .body-layout-foodstrip .app-container {
        background: var(--mobile-bg) !important;
    }

    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        background: var(--mobile-card) !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn,
    .body-layout-foodstrip .browse-theme-toggle,
    .body-layout-foodstrip .cart-icon,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .cart-icon {
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    .body-layout-foodstrip .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
        color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero,
    .body-layout-foodstrip .store-interior-billboard-content,
    #products-section.store-interior-light .store-interior-billboard-content {
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero {
        padding: 16px !important;
        border-radius: 24px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy h2 {
        color: var(--mobile-text) !important;
        font-size: clamp(26px, 8.1vw, 36px) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy p,
    .body-layout-foodstrip .store-info-desc,
    .body-layout-foodstrip .store-interior-billboard .store-info-desc,
    #products-section.store-interior-light .store-info-desc {
        color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats {
        gap: 7px !important;
        margin-top: 14px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats span,
    .body-layout-foodstrip .food-trust-item,
    .body-layout-foodstrip .store-info-pill,
    .body-layout-foodstrip .store-rating-open-btn {
        background: var(--mobile-card-soft) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search,
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn) {
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        border-radius: 15px !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill.active, .line-filter-pill.is-active, .store-menu-cat.active, .store-menu-cat.is-active) {
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
        flex-basis: min(306px, 82vw) !important;
        width: min(306px, 82vw) !important;
        min-width: min(306px, 82vw) !important;
        max-width: min(306px, 82vw) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-image,
    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image {
        height: clamp(158px, 43vw, 198px) !important;
        border-radius: 22px !important;
        background: var(--mobile-card-soft) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product),
    .body-layout-foodstrip #products-section .product-card {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, .store-shelf-product .product-rail-image-wrap),
    .body-layout-foodstrip #products-section .product-card-image-wrap,
    .body-layout-foodstrip .store-place-gallery {
        background: var(--mobile-card-soft) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 20px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand {
        min-height: 132px !important;
        border-radius: 20px !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* Retired: store-shelf-brand pseudo layers are disabled in the mobile shelf contract. */


    .body-layout-foodstrip .store-place-gallery {
        height: 148px !important;
    }

    .body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: 0 -10px 26px rgba(0, 0, 0, .16) !important;
    }

    .body-layout-foodstrip .mobile-app-nav-item,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item {
        color: var(--mobile-muted) !important;
    }

    .body-layout-foodstrip .mobile-app-nav-item.is-active,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item.is-active {
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip :is(.browse-cart-panel.is-open, .store-cart-slide-panel.is-open) ~ .mobile-app-nav,
    body:has(.browse-cart-panel.is-open) .mobile-app-nav,
    body:has(.store-cart-slide-panel.is-open) .mobile-app-nav,
    body:has(.checkout-page.is-open) .mobile-app-nav {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(18px) !important;
    }

    .body-layout-foodstrip .browse-cart-panel,
    .body-layout-foodstrip .store-cart-slide-panel {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .body-layout-foodstrip .browse-cart-panel-inner {
        max-height: calc(100dvh - 18px) !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: 0 -12px 34px rgba(0, 0, 0, .22) !important;
    }

    .body-layout-foodstrip .browse-cart-panel-scroll {
        max-height: calc(100dvh - 250px) !important;
        padding-bottom: 12px !important;
    }

    .body-layout-foodstrip .browse-cart-panel-foot {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 3 !important;
        padding: 12px 0 0 !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .browse-cart-checkout-btn {
        min-height: 50px !important;
        border-radius: 16px !important;
        margin-bottom: 0 !important;
    }
}

/* Mobile final background/cart safety override. */
@media (max-width: 760px) {
    html,
    html body,
    html body.body-layout-foodstrip,
    html body.body-layout-foodstrip.browse-site-light,
    html body.body-layout-foodstrip.body-on-store-page,
    html body.body-layout-foodstrip.browse-site-light.body-on-store-page {
        background: var(--mobile-bg, #10120f) !important;
        background-color: var(--mobile-bg, #10120f) !important;
        background-image: none !important;
    }

    html body.body-layout-foodstrip.browse-site-light {
        background: var(--mobile-bg, #f4f5f1) !important;
        background-color: var(--mobile-bg, #f4f5f1) !important;
        background-image: none !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open,
    .body-layout-foodstrip .store-cart-slide-panel.is-open,
    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 {
        position: fixed !important;
        inset: 0 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: stretch !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
        z-index: 1300 !important;
        transform: none !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-inner,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-inner,
    body.body-layout-foodstrip #browse-cart-panel.browse-cart-panel.is-open .browse-cart-panel-inner,
    body.body-layout-foodstrip #store-cart-slide-panel.browse-cart-panel.is-open .browse-cart-panel-inner {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 14px) !important;
        max-height: calc(100dvh - 14px) !important;
        margin: 0 !important;
        padding: 16px 16px calc(16px + env(safe-area-inset-bottom)) !important;
        border-radius: 28px 28px 0 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-scroll,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        padding-bottom: 12px !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-foot,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-foot {
        flex: 0 0 auto !important;
        position: relative !important;
        bottom: auto !important;
        margin-top: 8px !important;
        padding: 10px 0 0 !important;
        background: var(--mobile-card, #181b17) !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-checkout-btn,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-checkout-btn {
        width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body:has(.checkout-page.is-open) .mobile-app-nav {
        display: none !important;
    }
}

/* Mobile module 9: flat app surface and cleaner compact blocks. */
@media (max-width: 760px) {
    html,
    body.body-layout-foodstrip,
    body.body-layout-foodstrip:not(.browse-site-light),
    body.body-layout-foodstrip.body-on-store-page:not(.browse-site-light) {
        --mobile-bg: #10120f;
        background: #10120f !important;
        background-color: #10120f !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip.browse-site-light,
    body.body-layout-foodstrip.browse-site-light.body-on-store-page {
        --mobile-bg: #f4f5f1;
        --mobile-card: #ffffff;
        --mobile-card-soft: #eceee8;
        --mobile-text: #161815;
        --mobile-muted: rgba(22, 24, 21, .62);
        background: #f4f5f1 !important;
        background-color: #f4f5f1 !important;
        background-image: none !important;
    }

    .body-layout-foodstrip .app-container,
    .body-layout-foodstrip .browse-with-cart-shell,
    .body-layout-foodstrip .stores-browse-root,
    .body-layout-foodstrip .browse-layout,
    .body-layout-foodstrip .store-page,
    .body-layout-foodstrip .store-page-main,
    .body-layout-foodstrip .store-page-with-cart-shell {
        background: var(--mobile-bg, #10120f) !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .stores-rail-shell,
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-of-week-rail,
    body.body-layout-foodstrip:not(.body-on-store-page) .fast-delivery-rail {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line {
        gap: 14px !important;
        padding: 0 2px 8px !important;
        scroll-padding-inline: 2px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-card {
        flex-basis: min(286px, 78vw) !important;
        width: min(286px, 78vw) !important;
        min-width: min(286px, 78vw) !important;
        max-width: min(286px, 78vw) !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 22px !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-image-wrap {
        border-radius: 22px !important;
        overflow: hidden !important;
        background: var(--mobile-card-soft, #20241f) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-image {
        display: block !important;
        width: 100% !important;
        height: clamp(142px, 39vw, 178px) !important;
        border-radius: 0 !important;
        object-fit: cover !important;
        background: transparent !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-title,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-title {
        margin-top: 10px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product),
    .body-layout-foodstrip #products-section .product-card {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, .store-shelf-product .product-rail-image-wrap),
    .body-layout-foodstrip #products-section .product-card-image-wrap {
        border-radius: 22px !important;
        overflow: hidden !important;
        background: var(--mobile-card-soft, #20241f) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image, .dish-week-media img, .dish-week-image, .store-shelf-product .product-rail-image),
    .body-layout-foodstrip #products-section .product-card-image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open,
    .body-layout-foodstrip .store-cart-slide-panel.is-open {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 100svh !important;
        max-height: 100svh !important;
        transform: none !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-inner,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-inner {
        max-height: calc(100svh - 12px) !important;
        border-radius: 26px 26px 0 0 !important;
    }

    body:has(.checkout-page.is-open) .mobile-app-nav {
        display: none !important;
    }
}

/* Mobile cart CTA fix: one clear checkout action, no floating overlap. */
@media (max-width: 760px) {
    body:has(.browse-cart-panel.is-open) #mobile-order-bar,
    body:has(.store-cart-slide-panel.is-open) #mobile-order-bar,
    body:has(.checkout-page.is-open) #mobile-order-bar,
    body:has(.browse-cart-panel.is-open) .mobile-order-bar,
    body:has(.store-cart-slide-panel.is-open) .mobile-order-bar,
    body:has(.checkout-page.is-open) .mobile-order-bar {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(18px) !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-inner,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-inner {
        padding: 18px 18px calc(18px + env(safe-area-inset-bottom)) !important;
        background: #121611 !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-cart-panel.is-open .browse-cart-panel-inner,
    body.body-layout-foodstrip.browse-site-light .store-cart-slide-panel.is-open .browse-cart-panel-inner {
        background: #ffffff !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-scroll,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-scroll {
        padding-bottom: 18px !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-foot,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-foot {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 14px 0 0 !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
        background: inherit !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-cart-panel.is-open .browse-cart-panel-foot,
    body.body-layout-foodstrip.browse-site-light .store-cart-slide-panel.is-open .browse-cart-panel-foot {
        border-top-color: rgba(20, 24, 20, .10) !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-total,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-total {
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-total span,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-total span {
        font-size: 22px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-foot-hint,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-foot-hint {
        grid-column: 1 / -1 !important;
        order: -1 !important;
        min-width: 0 !important;
        color: rgba(245,246,239,.56) !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-cart-panel.is-open .browse-cart-foot-hint,
    body.body-layout-foodstrip.browse-site-light .store-cart-slide-panel.is-open .browse-cart-foot-hint {
        color: rgba(18,22,17,.58) !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-checkout-btn,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-checkout-btn {
        width: auto !important;
        min-width: 148px !important;
        min-height: 54px !important;
        padding: 0 20px !important;
        border-radius: 18px !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        box-shadow: none !important;
        white-space: nowrap !important;
    }

    .body-layout-foodstrip .browse-cart-panel.is-open .browse-cart-panel-foot.is-empty .browse-cart-checkout-btn,
    .body-layout-foodstrip .store-cart-slide-panel.is-open .browse-cart-panel-foot.is-empty .browse-cart-checkout-btn {
        opacity: .45 !important;
        pointer-events: none !important;
    }
}

/* Mobile UX pass: delivery-app rhythm, cleaner restaurant/feed cards, focused checkout. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-bg: #10120f;
        --mobile-card: #171a16;
        --mobile-card-soft: #20241f;
        --mobile-line: rgba(245, 246, 239, .08);
        --mobile-text: #f5f6ef;
        --mobile-muted: rgba(245, 246, 239, .62);
        --mobile-accent: #2f7a5b;
        --mobile-accent-strong: #35a973;
        font-family: Inter, Arial, sans-serif !important;
    }

    body.body-layout-foodstrip.browse-site-light {
        --mobile-bg: #f4f5f1;
        --mobile-card: #ffffff;
        --mobile-card-soft: #eceee8;
        --mobile-line: rgba(18, 22, 17, .08);
        --mobile-text: #151815;
        --mobile-muted: rgba(21, 24, 21, .68);
        --mobile-accent: #2f7a5b;
        --mobile-accent-strong: #208454;
    }

    body.body-layout-foodstrip,
    body.body-layout-foodstrip:not(.browse-site-light),
    body.body-layout-foodstrip.browse-site-light {
        color: var(--mobile-text) !important;
        background: var(--mobile-bg) !important;
        background-image: none !important;
    }

    .body-layout-foodstrip .app-container {
        padding: 8px 16px calc(96px + env(safe-area-inset-bottom)) !important;
        gap: 14px !important;
    }

    .body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        top: 6px !important;
        padding: 10px !important;
        border-radius: 24px !important;
        background: color-mix(in srgb, var(--mobile-card) 94%, transparent) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .14) !important;
        border: 0 !important;
    }

    .body-layout-foodstrip .header-brand-logo,
    .body-layout-foodstrip .brand-logo-image {
        max-width: 120px !important;
        max-height: 34px !important;
    }

    .body-layout-foodstrip .browse-theme-toggle,
    .body-layout-foodstrip .cart-icon,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .cart-icon {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        border-radius: 17px !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        height: 46px !important;
        border-radius: 17px !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    .body-layout-foodstrip .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
        color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 18px !important;
        border: 0 !important;
        border-radius: 26px !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero:not(.premium-hero--banners)::before,
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero:not(.premium-hero--banners)::after {
        opacity: .18 !important;
        filter: blur(18px) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy h2 {
        max-width: 100% !important;
        font-size: clamp(30px, 8.2vw, 38px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.02em !important;
        margin: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy p {
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 14px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats span {
        min-height: 54px !important;
        padding: 10px !important;
        border-radius: 18px !important;
        background: var(--mobile-card-soft) !important;
        border: 0 !important;
    }

    .body-layout-foodstrip .line-mode-search,
    body.body-layout-foodstrip.browse-site-light .line-mode-search {
        margin: 0 !important;
    }

    .body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search {
        height: 48px !important;
        border-radius: 20px !important;
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .global-search::placeholder,
    body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
        color: var(--mobile-muted) !important;
    }

    .body-layout-foodstrip .global-search:focus,
    .body-layout-foodstrip .global-search:focus-visible {
        outline: none !important;
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mobile-accent) 35%, transparent) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        top: 92px !important;
        margin: 0 -16px !important;
        padding: 8px 16px 10px !important;
        border-radius: 0 0 24px 24px !important;
        background: color-mix(in srgb, var(--mobile-bg) 96%, transparent) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill, .store-menu-cat, .browse-sort-open-btn) {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 15px !important;
        border-radius: 16px !important;
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .body-layout-foodstrip :is(.line-filter-pill.active, .line-filter-pill.is-active, .store-menu-cat.active, .store-menu-cat.is-active) {
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.line-mode-heading, .repeat-orders-title, .dish-of-week-heading, .fast-delivery-heading, .store-shelves-head h3) {
        margin: 0 0 12px !important;
        color: var(--mobile-text) !important;
        font-size: clamp(26px, 7.2vw, 32px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.02em !important;
        font-weight: 950 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.dish-of-week-sub, .fast-delivery-sub, .store-shelves-sub) {
        margin-top: -6px !important;
        color: var(--mobile-muted) !important;
        font-size: 13px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        overflow: visible !important;
        max-height: none !important;
        padding: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 24px !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image-inner {
        display: block !important;
        min-height: 0 !important;
        border-radius: 24px !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image {
        display: block !important;
        width: 100% !important;
        height: clamp(154px, 44vw, 188px) !important;
        border-radius: 24px !important;
        object-fit: cover !important;
        background: var(--mobile-card-soft) !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-hover {
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 4px 10px !important;
        padding: 10px 2px 0 !important;
        background: transparent !important;
        color: var(--mobile-text) !important;
        transform: none !important;
        opacity: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-title {
        grid-column: 1 / 2 !important;
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card-meta {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 2px 0 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-meta-time {
        grid-column: 1 / -1 !important;
        margin: 0 !important;
        color: var(--mobile-muted) !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-meta-pill,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-live-tag {
        min-height: 26px !important;
        padding: 0 9px !important;
        border-radius: 999px !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #repeat-stores-list).stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        gap: 14px !important;
        padding: 0 2px 8px !important;
        scroll-padding-inline: 2px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product),
    .body-layout-foodstrip #products-section .product-card {
        width: min(168px, 44vw) !important;
        min-width: min(168px, 44vw) !important;
        max-width: min(168px, 44vw) !important;
        padding: 0 !important;
        border-radius: 22px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .dish-week-media, .dish-week-image-wrap, .store-shelf-product .product-rail-image-wrap),
    .body-layout-foodstrip #products-section .product-card-image-wrap {
        height: min(168px, 44vw) !important;
        border-radius: 22px !important;
        background: var(--mobile-card-soft) !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-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, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap)::after,
    .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 {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image, .dish-week-media img, .dish-week-image, .store-shelf-product .product-rail-image),
    .body-layout-foodstrip #products-section .product-card-image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    .body-layout-foodstrip .product-rail-body,
    .body-layout-foodstrip .dish-week-body,
    .body-layout-foodstrip #products-section .product-card-body {
        padding: 8px 2px 0 !important;
    }

    .body-layout-foodstrip :is(.product-rail-name, .dish-week-title, #products-section .product-card-title) {
        color: var(--mobile-text) !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        letter-spacing: -0.01em !important;
    }

    .body-layout-foodstrip :is(.product-rail-meta, .dish-week-meta, #products-section .product-card-desc) {
        margin-top: 3px !important;
        color: var(--mobile-muted) !important;
        font-size: 12px !important;
        line-height: 1.22 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .body-layout-foodstrip :is(.product-rail-price, .dish-week-price, #products-section .product-card-price) {
        color: var(--mobile-text) !important;
        font-size: 17px !important;
        font-weight: 950 !important;
    }

    .body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add) {
        min-width: 42px !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        font-size: 0 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
    }

    .body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::after {
        content: '+' !important;
        font-size: 24px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    .body-layout-foodstrip .store-shelf,
    body.body-layout-foodstrip.browse-site-light .store-shelf {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .store-shelf .store-shelf-brand {
        min-height: 112px !important;
        border-radius: 24px !important;
        background: var(--mobile-card) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .checkout-page {
        align-items: flex-end !important;
        justify-content: stretch !important;
        padding: 0 !important;
        background: rgba(0,0,0,.48) !important;
    }

    .body-layout-foodstrip .checkout-page-card {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100svh - 8px) !important;
        margin: 0 !important;
        border-radius: 28px 28px 0 0 !important;
        border: 0 !important;
        background: var(--mobile-bg) !important;
        color: var(--mobile-text) !important;
        box-shadow: 0 -18px 44px rgba(0,0,0,.26) !important;
    }

    .body-layout-foodstrip .checkout-page-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 2 !important;
        padding: 16px 18px 12px !important;
        background: var(--mobile-bg) !important;
        border-bottom: 1px solid var(--mobile-line) !important;
    }

    .body-layout-foodstrip .checkout-page-head h2 {
        font-size: 24px !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
    }

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

    .body-layout-foodstrip .checkout-section,
    .body-layout-foodstrip .checkout-side {
        padding: 14px !important;
        border-radius: 22px !important;
        border: 0 !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .checkout-section h3,
    .body-layout-foodstrip .checkout-side h3 {
        margin-bottom: 10px !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        color: var(--mobile-text) !important;
    }

    .body-layout-foodstrip .checkout-row,
    .body-layout-foodstrip .checkout-row--triple,
    .body-layout-foodstrip .checkout-address-main-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .body-layout-foodstrip .checkout-input {
        min-height: 48px !important;
        border-radius: 16px !important;
        border: 0 !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .checkout-input:focus,
    .body-layout-foodstrip .checkout-input:focus-visible {
        outline: none !important;
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mobile-accent) 35%, transparent) !important;
    }

    .body-layout-foodstrip .checkout-fulfillment {
        padding: 4px !important;
        border-radius: 18px !important;
        background: var(--mobile-card-soft) !important;
    }

    .body-layout-foodstrip .checkout-fulfillment-btn {
        min-height: 42px !important;
        border-radius: 15px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--mobile-muted) !important;
        font-weight: 850 !important;
    }

    .body-layout-foodstrip .checkout-fulfillment-btn.is-active {
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .checkout-order-item {
        border: 0 !important;
        border-radius: 18px !important;
        background: var(--mobile-card-soft) !important;
        padding: 10px !important;
    }

    .body-layout-foodstrip .checkout-order-thumb {
        width: 56px !important;
        height: 56px !important;
        border-radius: 14px !important;
    }

    .body-layout-foodstrip .checkout-side {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 2 !important;
        margin: 0 -2px !important;
    }

    .body-layout-foodstrip .checkout-submit-btn {
        min-height: 54px !important;
        border-radius: 18px !important;
        background: var(--mobile-accent) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        width: auto !important;
        border-radius: 24px !important;
        background: color-mix(in srgb, var(--mobile-card) 94%, transparent) !important;
        border: 0 !important;
        box-shadow: 0 -8px 26px rgba(0,0,0,.18) !important;
    }
}

/* Mobile UX pass 2: prevent sticky overlaps, compact restaurant posters, natural checkout order. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero {
        padding: 16px !important;
        border-radius: 24px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy h2 {
        font-size: clamp(28px, 7.5vw, 34px) !important;
        line-height: 1.02 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy p {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats {
        margin-top: 12px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-stats span {
        min-height: 48px !important;
        padding: 8px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    .body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        position: relative !important;
        top: auto !important;
        z-index: 3 !important;
        margin: 0 !important;
        padding: 8px 0 10px !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .body-layout-foodstrip .browse-category-scroll,
    .body-layout-foodstrip .store-menu-cats-scroll {
        padding: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .line-mode-chrome,
    body.body-layout-foodstrip:not(.body-on-store-page) .stores-rail-shell {
        margin-top: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-rail-shell-main {
        min-height: 241px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        gap: 20px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-image {
        height: clamp(154px, 43vw, 182px) !important;
        min-height: clamp(154px, 43vw, 182px) !important;
        max-height: clamp(154px, 43vw, 182px) !important;
        aspect-ratio: auto !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-hover {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card-meta {
        max-height: 32px !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #repeat-stores-list .store-card {
        flex-basis: min(286px, 78vw) !important;
        width: min(286px, 78vw) !important;
        min-width: min(286px, 78vw) !important;
    }

    .body-layout-foodstrip .checkout-page-grid {
        align-items: start !important;
    }

    .body-layout-foodstrip .checkout-section {
        order: 1 !important;
    }

    .body-layout-foodstrip .checkout-side {
        order: 2 !important;
        position: static !important;
        bottom: auto !important;
        margin: 0 !important;
    }

    .body-layout-foodstrip .checkout-submit-btn {
        width: 100% !important;
    }
}

/* Mobile UX pass 3: beat legacy restaurant image height rules. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image {
        width: 100% !important;
        height: clamp(154px, 43vw, 182px) !important;
        min-height: clamp(154px, 43vw, 182px) !important;
        max-height: clamp(154px, 43vw, 182px) !important;
        object-fit: cover !important;
        border-radius: 24px !important;
    }
}

/* Mobile UX pass 4: move restaurant info below image instead of old overlay. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-hover {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 10px 2px 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        background: transparent !important;
        color: var(--mobile-text) !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-title {
        min-height: 0 !important;
        height: auto !important;
        font-size: 20px !important;
        line-height: 1.12 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Mobile UX pass 5: remove legacy poster aspect ratio from main restaurant cards. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        aspect-ratio: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
    }
}

/* Mobile UX pass 6: keep main restaurants as a compact swipe rail, not a 31-card wall. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
        max-height: none !important;
        height: auto !important;
        padding: 0 2px 10px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line::-webkit-scrollbar {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        flex: 0 0 min(310px, 84vw) !important;
        width: min(310px, 84vw) !important;
        min-width: min(310px, 84vw) !important;
        max-width: min(310px, 84vw) !important;
        scroll-snap-align: start !important;
        height: auto !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image {
        height: clamp(150px, 40vw, 178px) !important;
        min-height: clamp(150px, 40vw, 178px) !important;
        max-height: clamp(150px, 40vw, 178px) !important;
    }
}

/* Mobile UX pass 7: constrain store menu category rail to viewport. */
@media (max-width: 760px) {
    body.body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip .store-menu-cats:not([hidden])::-webkit-scrollbar {
        display: none !important;
    }

    body.body-layout-foodstrip .store-menu-cats-scroll {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

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

/* Mobile polish: center canvas, roomier shelves, clean arrows, theme toggle, finished add buttons. */
@media (max-width: 760px) {
    html,
    body.body-layout-foodstrip {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.body-layout-foodstrip .app-container,
    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 .store-page,
    body.body-layout-foodstrip .store-page-main,
    body.body-layout-foodstrip .store-page-with-cart-shell,
    body.body-layout-foodstrip #products-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip .app-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.body-layout-foodstrip :is(.ui-brush-arrow, .rail-nav, .section-rail-nav, .store-shelf-nav) {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip :is(
        .line-mode-heading,
        .repeat-orders-title,
        .dish-of-week-heading,
        .fast-delivery-heading,
        .store-shelves-head h3,
        .store-section-title,
        .store-info-title,
        #products-section .store-section-title,
        #products-section h2,
        .checkout-page-head h2
    ) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 950 !important;
        letter-spacing: -0.035em !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        gap: 18px !important;
        column-gap: 18px !important;
        padding-left: 2px !important;
        padding-right: 18px !important;
        scroll-padding-inline: 2px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-product.product-rail-card {
        margin-right: 0 !important;
        flex-basis: min(166px, 43vw) !important;
        min-width: min(166px, 43vw) !important;
        width: min(166px, 43vw) !important;
    }

    body.body-layout-foodstrip .browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light .browse-theme-toggle {
        width: 78px !important;
        min-width: 78px !important;
        height: 42px !important;
        padding: 3px !important;
        border-radius: 999px !important;
        display: inline-grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        gap: 0 !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip .browse-theme-toggle-label {
        position: relative !important;
        z-index: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 36px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip .browse-theme-toggle-label strong,
    body.body-layout-foodstrip .browse-theme-toggle-label small,
    body.body-layout-foodstrip .browse-theme-toggle-index {
        display: none !important;
    }

    body.body-layout-foodstrip .browse-theme-label--night::after {
        content: 'Night' !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body.body-layout-foodstrip .browse-theme-label--day::after {
        content: 'Day' !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body.body-layout-foodstrip .browse-theme-thumb,
    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        position: absolute !important;
        inset: 3px auto 3px 3px !important;
        width: calc(50% - 3px) !important;
        height: auto !important;
        border-radius: 999px !important;
        background: var(--mobile-text) !important;
        box-shadow: none !important;
        transform: none !important;
        transition: left .22s ease, background .22s ease !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-theme-thumb {
        left: calc(50% + 0px) !important;
        background: var(--mobile-text) !important;
    }

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

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

    body.body-layout-foodstrip #products-section .products-grid,
    body.body-layout-foodstrip #products-list.products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.body-layout-foodstrip #products-section .product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip #products-section .product-card-image-wrap {
        position: relative !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border-radius: 22px !important;
    }

    body.body-layout-foodstrip #products-section .product-add-btn,
    body.body-layout-foodstrip #products-section .product-card-add,
    body.body-layout-foodstrip #products-section .product-card-image-wrap .product-add-btn {
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        left: auto !important;
        top: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        font-size: 0 !important;
        line-height: 1 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .18) !important;
        transform: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip #products-section .product-add-btn::before,
    body.body-layout-foodstrip #products-section .product-card-add::before {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip #products-section .product-add-btn::after,
    body.body-layout-foodstrip #products-section .product-card-add::after {
        content: '+' !important;
        display: block !important;
        font-size: 25px !important;
        line-height: 38px !important;
        font-weight: 700 !important;
        color: currentColor !important;
        transform: translateY(-1px) !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        header,
        .premium-hero,
        .global-search,
        .line-filter-pill,
        .store-menu-cat,
        .browse-sort-open-btn,
        .store-shelf .store-shelf-brand,
        .product-rail-image-wrap,
        .dish-week-image-wrap,
        #products-section .product-card-image-wrap,
        .mobile-app-nav,
        .browse-cart-panel-inner,
        .checkout-page-card,
        .checkout-section,
        .checkout-side
    ) {
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        .product-rail-meta,
        .dish-week-meta,
        #products-section .product-card-desc,
        .store-meta-time,
        .store-shelf-sub,
        .delivery-address-btn-label
    ) {
        color: var(--mobile-muted) !important;
    }
}

/* Mobile polish 2: real spacing for store shelf product rails and typography tune. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 20px !important;
        column-gap: 20px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 22px 10px 2px !important;
        scroll-padding-inline: 2px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products::-webkit-scrollbar {
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products > .store-shelf-product,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products > .product-rail-card {
        flex: 0 0 min(166px, 43vw) !important;
        width: min(166px, 43vw) !important;
        min-width: min(166px, 43vw) !important;
        max-width: min(166px, 43vw) !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products-wrap {
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.body-layout-foodstrip :is(
        .premium-hero-copy h2,
        .line-mode-heading,
        .repeat-orders-title,
        .dish-of-week-heading,
        .fast-delivery-heading,
        .store-shelves-head h3,
        .store-section-title,
        .store-info-title,
        #products-section .store-section-title,
        #products-section h2,
        .checkout-page-head h2
    ) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 950 !important;
        letter-spacing: -0.04em !important;
    }

    body.body-layout-foodstrip :is(.product-rail-name, .dish-week-title, #products-section .product-card-title, .store-title) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: -0.02em !important;
    }

    body.body-layout-foodstrip #products-section .product-add-btn,
    body.body-layout-foodstrip #products-section .product-card-add,
    body.body-layout-foodstrip #products-section .product-card-image-wrap .product-add-btn {
        clip-path: none !important;
        -webkit-mask: none !important;
        mask: none !important;
        overflow: visible !important;
        z-index: 3 !important;
    }

    body.body-layout-foodstrip #products-section .product-add-btn::after,
    body.body-layout-foodstrip #products-section .product-card-add::after {
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        text-align: center !important;
    }
}

/* Mobile cleanup: compact header, clean theme toggle, category rail, cart-safe content. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-bottom-safe: calc(126px + env(safe-area-inset-bottom));
        padding-bottom: var(--mobile-bottom-safe) !important;
    }

    body.body-layout-foodstrip:has(.mobile-order-bar.is-visible) .app-container {
        padding-bottom: calc(156px + env(safe-area-inset-bottom)) !important;
    }

    body.body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-areas:
            "brand theme cart"
            "address address address" !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 10px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        background: color-mix(in srgb, var(--mobile-card) 96%, transparent) !important;
    }

    body.body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip .brand-block {
        grid-area: brand !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 38px !important;
        align-items: center !important;
    }

    body.body-layout-foodstrip .header-home-btn {
        width: auto !important;
        height: 38px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip .header-brand-logo,
    body.body-layout-foodstrip .brand-logo-image {
        max-width: 114px !important;
        max-height: 30px !important;
        object-fit: contain !important;
    }

    body.body-layout-foodstrip .header-actions {
        display: contents !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle.browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle.browse-theme-toggle {
        grid-area: theme !important;
        position: relative !important;
        isolation: isolate !important;
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 3px !important;
        border-radius: 999px !important;
        display: block !important;
        border: 0 !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-track,
    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle .browse-theme-track {
        position: relative !important;
        inset: auto !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label,
    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle .browse-theme-label {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        color: var(--mobile-muted) !important;
        transform: none !important;
        opacity: 1 !important;
        white-space: nowrap !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label strong,
    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label small,
    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-index,
    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-toggle-index {
        display: none !important;
        content: none !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label::before,
    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label::after {
        display: none !important;
        content: none !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label--night::before {
        content: 'Night' !important;
        display: block !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-label--day::before {
        content: 'Day' !important;
        display: block !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle .browse-theme-thumb,
    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle .browse-theme-thumb {
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 50% !important;
        height: 32px !important;
        border-radius: 999px !important;
        background: var(--mobile-text) !important;
        box-shadow: none !important;
        transform: translateX(0) !important;
        transition: transform .22s ease !important;
    }

    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle .browse-theme-thumb {
        transform: translateX(100%) !important;
    }

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

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

    body.body-layout-foodstrip .cart-icon,
    body.body-layout-foodstrip .cart-icon-btn,
    body.body-layout-foodstrip.browse-site-light .cart-icon,
    body.body-layout-foodstrip.browse-site-light .cart-icon-btn {
        grid-area: cart !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 17px !important;
    }

    body.body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        grid-area: address !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        border-radius: 18px !important;
        justify-content: center !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 42px !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip .browse-category-scroll,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        padding: 4px !important;
        border-radius: 22px !important;
        background: var(--mobile-card) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
    }

    body.body-layout-foodstrip .browse-sort-open-btn,
    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
        grid-column: 2 !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        align-self: center !important;
        justify-self: end !important;
    }

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

    body.body-layout-foodstrip .category-scroll-btn,
    body.body-layout-foodstrip.browse-site-light .category-scroll-btn,
    body.body-layout-foodstrip .stores-line-expand-row,
    body.body-layout-foodstrip #stores-rail-expand-btn {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip .line-filter-pill,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill {
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 17px !important;
        background: transparent !important;
        color: var(--mobile-text) !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip .line-filter-pill.is-active,
    body.body-layout-foodstrip .line-filter-pill.active,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.active {
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-category-scroll,
    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
    body.body-layout-foodstrip.browse-site-light .premium-hero,
    body.body-layout-foodstrip.browse-site-light .global-search {
        background: #fffdf8 !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip.browse-site-light .line-filter-pill:not(.is-active):not(.active) {
        color: #171a15 !important;
    }

    body.body-layout-foodstrip .mobile-order-bar.is-visible {
        bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        z-index: 120 !important;
        min-height: 72px !important;
        border-radius: 22px !important;
    }
}

/* Mobile cleanup 2: final contrast and bottom bar bounds. */
@media (max-width: 760px) {
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-label strong,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-label small,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-index,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-toggle-index,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-toggle-label strong,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-toggle-label small {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-label::after,
    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-toggle-label::after {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-label--night::before {
        content: 'Night' !important;
        display: block !important;
        font-size: 11px !important;
        line-height: 1 !important;
        letter-spacing: -0.01em !important;
    }

    body.body-layout-foodstrip header #browse-theme-toggle .browse-theme-label--day::before {
        content: 'Day' !important;
        display: block !important;
        font-size: 11px !important;
        line-height: 1 !important;
        letter-spacing: -0.01em !important;
    }

    body.body-layout-foodstrip .line-filter-pill.is-active,
    body.body-layout-foodstrip .line-filter-pill.active,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.active,
    body.body-layout-foodstrip .line-filter-pill.is-active *,
    body.body-layout-foodstrip .line-filter-pill.active *,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active *,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.active * {
        color: #fffdf8 !important;
    }

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

    body.body-layout-foodstrip .mobile-order-bar.is-visible {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

/* Mobile cleanup 3: force readable active category text on mobile browsers. */
@media (max-width: 760px) {
    body.body-layout-foodstrip .browse-category-scroll .line-filter-pill.is-active,
    body.body-layout-foodstrip .browse-category-scroll .line-filter-pill.active,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll .line-filter-pill.is-active,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll .line-filter-pill.active {
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) .browse-category-scroll .line-filter-pill.is-active,
    body.body-layout-foodstrip:not(.browse-site-light) .browse-category-scroll .line-filter-pill.active {
        background: #f5f6ef !important;
        color: #11140f !important;
        -webkit-text-fill-color: #11140f !important;
    }
}

/* Mobile yandex-like tidy pass: clean rails, calm cards, readable light theme. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-bg: #10130f;
        --mobile-card: #161a15;
        --mobile-card-soft: #20241f;
        --mobile-text: #f5f6ef;
        --mobile-muted: rgba(245, 246, 239, .64);
        --mobile-quiet: rgba(245, 246, 239, .08);
        background: var(--mobile-bg) !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip.browse-site-light {
        --mobile-bg: #f7f6f1;
        --mobile-card: #ffffff;
        --mobile-card-soft: #f0efe9;
        --mobile-text: #151815;
        --mobile-muted: rgba(21, 24, 21, .68);
        --mobile-quiet: rgba(21, 24, 21, .07);
        background: var(--mobile-bg) !important;
        color: var(--mobile-text) !important;
    }

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

    body.body-layout-foodstrip .app-container {
        background: var(--mobile-bg) !important;
        background-image: none !important;
        padding-top: 10px !important;
    }

    body.body-layout-foodstrip :is(.ui-brush-arrow, .rail-nav, .section-rail-nav, .store-shelf-nav, .category-scroll-btn, .stores-line-expand-row, #stores-rail-expand-btn) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        padding: 12px !important;
        border-radius: 26px !important;
        background: color-mix(in srgb, var(--mobile-card) 86%, transparent) !important;
        border: 0 !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .14) !important;
        backdrop-filter: blur(22px) saturate(1.35) !important;
        -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip .header-brand,
    body.body-layout-foodstrip .brand-block {
        align-self: center !important;
    }

    body.body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    body.body-layout-foodstrip .delivery-address-btn-label,
    body.body-layout-foodstrip .delivery-address-pin,
    body.body-layout-foodstrip .delivery-address-btn-row1,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-row1 {
        color: var(--mobile-text) !important;
        -webkit-text-fill-color: var(--mobile-text) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip #browse-theme-toggle.browse-theme-toggle,
    body.body-layout-foodstrip.browse-site-light #browse-theme-toggle.browse-theme-toggle,
    body.body-layout-foodstrip .cart-icon,
    body.body-layout-foodstrip .cart-icon-btn,
    body.body-layout-foodstrip.browse-site-light .cart-icon,
    body.body-layout-foodstrip.browse-site-light .cart-icon-btn {
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero {
        margin: 0 0 12px !important;
        border-radius: 26px !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero + .global-search {
        margin-top: 0 !important;
    }

    body.body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search,
    body.body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
    body.body-layout-foodstrip .browse-category-scroll,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll,
    body.body-layout-foodstrip .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        background: var(--mobile-card) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip .global-search {
        min-height: 52px !important;
        border-radius: 22px !important;
        margin-bottom: 12px !important;
    }

    body.body-layout-foodstrip .global-search input,
    body.body-layout-foodstrip.browse-site-light .global-search input,
    body.body-layout-foodstrip .global-search input::placeholder,
    body.body-layout-foodstrip.browse-site-light .global-search input::placeholder {
        color: var(--mobile-muted) !important;
        -webkit-text-fill-color: currentColor !important;
    }

    body.body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
        position: sticky !important;
        top: 8px !important;
        z-index: 35 !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: 8px !important;
        padding: 6px !important;
        border-radius: 23px !important;
        margin: 0 0 18px !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip .browse-category-scroll,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll {
        height: 44px !important;
        padding: 0 !important;
        border-radius: 18px !important;
        gap: 6px !important;
    }

    body.body-layout-foodstrip .line-filter-pill,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill,
    body.body-layout-foodstrip .store-menu-cat,
    body.body-layout-foodstrip.browse-site-light .store-menu-cat {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 16px !important;
        border-radius: 16px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--mobile-text) !important;
        -webkit-text-fill-color: var(--mobile-text) !important;
        box-shadow: none !important;
        font-weight: 850 !important;
    }

    body.body-layout-foodstrip .line-filter-pill.is-active,
    body.body-layout-foodstrip .line-filter-pill.active,
    body.body-layout-foodstrip .store-menu-cat.is-active,
    body.body-layout-foodstrip .store-menu-cat.active {
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
        -webkit-text-fill-color: var(--mobile-bg) !important;
    }

    body.body-layout-foodstrip.browse-site-light .line-filter-pill.is-active,
    body.body-layout-foodstrip.browse-site-light .line-filter-pill.active,
    body.body-layout-foodstrip.browse-site-light .store-menu-cat.is-active,
    body.body-layout-foodstrip.browse-site-light .store-menu-cat.active {
        background: #151815 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body.body-layout-foodstrip .browse-sort-open-btn,
    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 16px !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        -webkit-text-fill-color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip :is(.line-mode-heading, .dish-of-week-title, .fast-delivery-title, .repeat-orders-title, .store-section-title, .store-shelf-title, .store-shelf-name, .product-rail-name, .dish-week-title, #products-section .product-card-title) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        color: var(--mobile-text) !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip :is(.line-mode-heading, .repeat-orders-title, .store-section-title) {
        font-size: clamp(28px, 8.4vw, 36px) !important;
        line-height: .98 !important;
        margin-bottom: 8px !important;
    }

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

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

    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) {
        background: var(--mobile-card) !important;
        border: 0 !important;
        border-radius: 22px !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip :is(.product-rail-image, .dish-week-media img, .dish-week-image, .store-shelf-product .product-rail-image, #products-section .product-card-image) {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    body.body-layout-foodstrip :is(.product-rail-badges, .product-rail-flags, .product-rail-tags, .product-card-badges, .product-card-tags) {
        display: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-badge, .product-rail-chip, .product-card-badge, .taste-badge):not(.slow-cook-badge):not(.product-long-cook-badge) {
        display: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add) {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
        -webkit-text-fill-color: var(--mobile-bg) !important;
        border: 0 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .12) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

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

    body.body-layout-foodstrip :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add)::after {
        content: '+' !important;
        display: block !important;
        color: currentColor !important;
        -webkit-text-fill-color: currentColor !important;
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 38px !important;
        transform: translateY(-1px) !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add) {
        background: #151815 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        margin-bottom: 30px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-brand {
        background: var(--mobile-card) !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 22px !important;
        color: var(--mobile-text) !important;
        min-height: 112px !important;
        padding: 14px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand::before,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand::after {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-logo {
        border-radius: 18px !important;
        background: var(--mobile-card-soft) !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products-wrap {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        gap: 18px !important;
        column-gap: 18px !important;
        padding: 0 2px 2px !important;
    }

    body.body-layout-foodstrip.browse-site-light .mobile-app-nav,
    body.body-layout-foodstrip .mobile-app-nav {
        background: color-mix(in srgb, var(--mobile-card) 88%, transparent) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .12) !important;
        backdrop-filter: blur(22px) saturate(1.25) !important;
        -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
    }

    body.body-layout-foodstrip .mobile-app-nav-item,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item {
        color: var(--mobile-muted) !important;
        -webkit-text-fill-color: var(--mobile-muted) !important;
    }

    body.body-layout-foodstrip .mobile-app-nav-item.is-active,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item.is-active {
        color: var(--mobile-text) !important;
        -webkit-text-fill-color: var(--mobile-text) !important;
    }
}

/* Mobile tidy 2: stronger product transparency and scroll glass state. */
@media (max-width: 760px) {
    body.body-layout-foodstrip :is(
        #products-rail-list .product-rail-card,
        #dish-of-week-list .dish-week-card,
        #dish-of-week-list .product-rail-card,
        #fast-delivery-list .product-rail-card,
        .store-shelf-products .store-shelf-product,
        .store-shelf-products .product-rail-card,
        #products-section .product-card
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        #products-rail-list .product-rail-card,
        #dish-of-week-list .dish-week-card,
        #dish-of-week-list .product-rail-card,
        #fast-delivery-list .product-rail-card,
        .store-shelf-products .store-shelf-product,
        .store-shelf-products .product-rail-card,
        #products-section .product-card
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip :is(
        #products-rail-list .product-rail-card::before,
        #products-rail-list .product-rail-card::after,
        #dish-of-week-list .dish-week-card::before,
        #dish-of-week-list .dish-week-card::after,
        .store-shelf-products .product-rail-card::before,
        .store-shelf-products .product-rail-card::after,
        #products-section .product-card::before,
        #products-section .product-card::after
    ) {
        content: none !important;
        display: none !important;
    }

}

/* Mobile fix 20260802: app-like layout cleanup after phone screenshots. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-bg: #f7f6f1;
        --mobile-card: #fffdf8;
        --mobile-card-soft: #efeee8;
        --mobile-text: #151815;
        --mobile-muted: rgba(21, 24, 21, .68);
        --mobile-nav-h: 94px;
        background: var(--mobile-bg) !important;
        background-image: none !important;
        overflow-x: hidden !important;
        padding-bottom: calc(var(--mobile-nav-h) + 34px + env(safe-area-inset-bottom)) !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) {
        --mobile-bg: #10130f;
        --mobile-card: #171b16;
        --mobile-card-soft: #222720;
        --mobile-text: #f5f6ef;
        --mobile-muted: rgba(245, 246, 239, .62);
    }

    body.body-layout-foodstrip .app-container,
    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 .stores-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
        background: var(--mobile-bg) !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip .app-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: calc(var(--mobile-nav-h) + 72px + env(safe-area-inset-bottom)) !important;
    }

    body.body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        width: auto !important;
        max-width: none !important;
        min-height: 82px !important;
        padding: 10px 8px !important;
        border-radius: 24px !important;
        background: color-mix(in srgb, var(--mobile-card) 92%, transparent) !important;
        color: var(--mobile-text) !important;
        border: 0 !important;
        box-shadow: 0 -8px 26px rgba(0, 0, 0, .10) !important;
        backdrop-filter: blur(18px) saturate(1.25) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
        z-index: 950 !important;
    }

    body.body-layout-foodstrip :is(.mobile-order-bar.is-visible, .browse-cart-panel.is-open, .checkout-page.is-open) ~ .mobile-app-nav,
    body.body-layout-foodstrip:has(.browse-cart-panel.is-open) .mobile-app-nav,
    body.body-layout-foodstrip:has(.store-cart-slide-panel.is-open) .mobile-app-nav,
    body.body-layout-foodstrip:has(.checkout-page.is-open) .mobile-app-nav {
        display: none !important;
    }

    body.body-layout-foodstrip .mobile-order-bar.is-visible {
        bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        z-index: 980 !important;
    }

    body.body-layout-foodstrip header,
    body.body-layout-foodstrip.browse-site-light header {
        margin: 0 0 12px !important;
        padding: 12px !important;
        border-radius: 26px !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08) !important;
    }

    body.body-layout-foodstrip .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn {
        background: #151815 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) .delivery-address-btn {
        background: #2a3028 !important;
        color: #f5f6ef !important;
        -webkit-text-fill-color: #f5f6ef !important;
    }

    body.body-layout-foodstrip .delivery-address-btn :is(span, strong, small, svg, path),
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn :is(span, strong, small, svg, path),
    body.body-layout-foodstrip .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    body.body-layout-foodstrip .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin {
        color: currentColor !important;
        -webkit-text-fill-color: currentColor !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero {
        margin: 0 0 14px !important;
        border-radius: 26px !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip .global-search,
    body.body-layout-foodstrip.browse-site-light .global-search {
        display: flex !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 0 12px !important;
        padding: 0 18px !important;
        border-radius: 22px !important;
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row {
        position: sticky !important;
        top: 8px !important;
        z-index: 60 !important;
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: 8px !important;
        padding: 6px !important;
        margin: 0 0 22px !important;
        border-radius: 24px !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip .browse-category-scroll,
    body.body-layout-foodstrip.browse-site-light .browse-category-scroll {
        min-width: 0 !important;
        height: 44px !important;
        padding: 0 !important;
        gap: 6px !important;
        border-radius: 18px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip .browse-sort-open-btn,
    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn {
        opacity: 1 !important;
        background: var(--mobile-card-soft) !important;
        color: var(--mobile-text) !important;
        -webkit-text-fill-color: var(--mobile-text) !important;
        border: 0 !important;
    }

    body.body-layout-foodstrip :is(.category-scroll-btn, .rail-nav, .section-rail-nav, .store-shelf-nav, .ui-brush-arrow) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip :is(.line-mode-heading, .repeat-orders-title, .store-section-title, .dish-of-week-title, .fast-delivery-title) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: -0.04em !important;
        font-size: clamp(30px, 8.8vw, 40px) !important;
        line-height: .96 !important;
        color: var(--mobile-text) !important;
        margin: 0 0 8px !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip :is(.store-shelf-name, .store-shelf-title, .product-rail-name, .dish-week-title, #products-section .product-card-title) {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        color: var(--mobile-text) !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip :is(.dish-of-week-sub, .fast-delivery-sub, .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) {
        color: var(--mobile-muted) !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line {
        display: flex !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        padding: 0 0 18px !important;
        margin: 0 0 26px !important;
    }

    body.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-card {
        flex: 0 0 min(310px, 82vw) !important;
        width: min(310px, 82vw) !important;
        max-width: min(310px, 82vw) !important;
        min-width: min(310px, 82vw) !important;
        scroll-snap-align: start !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip #stores-list.stores-masonry.stores-layout-line .store-image-wrap {
        border-radius: 24px !important;
        overflow: hidden !important;
        background: var(--mobile-card) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf {
        padding: 0 !important;
        margin: 0 0 32px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-brand,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-brand {
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) auto !important;
        gap: 14px !important;
        align-items: center !important;
        min-height: 116px !important;
        padding: 14px !important;
        border-radius: 24px !important;
        background: var(--mobile-card) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products-wrap {
        overflow: hidden !important;
        padding-top: 12px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding: 0 2px 12px !important;
        scroll-snap-type: x proximity !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products > .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-product.product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #fast-delivery-list .product-rail-card {
        flex: 0 0 min(170px, 44vw) !important;
        width: min(170px, 44vw) !important;
        min-width: min(170px, 44vw) !important;
        max-width: min(170px, 44vw) !important;
        scroll-snap-align: start !important;
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card) :is(
        .product-rail-badges,
        .product-rail-flags,
        .product-rail-tags,
        .product-card-badges,
        .product-card-tags,
        .product-rail-labels,
        .product-card-labels,
        .product-rail-ribbons,
        .product-card-ribbons
    ),
    body.body-layout-foodstrip :is(.product-rail-badge, .product-rail-chip, .product-card-badge, .product-card-chip, .taste-badge, .store-live-tag, .nu-live-pill, .product-rail-mark, .product-card-mark) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    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) {
        border-radius: 22px !important;
        background: var(--mobile-card) !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    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)::before,
    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)::after,
    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card)::before,
    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, .store-shelf-product, #products-section .product-card)::after {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-image, .dish-week-media img, .dish-week-image, .store-shelf-product .product-rail-image, #products-section .product-card-image) {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add) {
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 999px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
        -webkit-text-fill-color: var(--mobile-bg) !important;
        border: 0 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .14) !important;
        font-size: 0 !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

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

    body.body-layout-foodstrip :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add)::after {
        content: '+' !important;
        display: block !important;
        font-size: 26px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        color: currentColor !important;
        -webkit-text-fill-color: currentColor !important;
        transform: translateY(-1px) !important;
    }

}

/* Mobile fix 20260802 pass 2: compact bottom nav and hard address contrast. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-nav-h: 78px;
    }

    body.body-layout-foodstrip .app-container {
        padding-bottom: calc(var(--mobile-nav-h) + 96px + env(safe-area-inset-bottom)) !important;
    }

    body.body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        min-height: 72px !important;
        height: 72px !important;
        padding: 7px 8px 8px !important;
        border-radius: 22px !important;
        align-items: center !important;
    }

    body.body-layout-foodstrip .mobile-app-nav-item,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item {
        gap: 3px !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
    }

    body.body-layout-foodstrip .mobile-app-nav-ico {
        width: 20px !important;
        height: 20px !important;
    }

    body.body-layout-foodstrip.browse-site-light .delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light #delivery-address-btn,
    body.body-layout-foodstrip.browse-site-light header #delivery-address-btn {
        background: #151815 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body.body-layout-foodstrip.browse-site-light .delivery-address-btn *,
    body.body-layout-foodstrip.browse-site-light #delivery-address-btn *,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-row1 {
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
        opacity: 1 !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) .delivery-address-btn *,
    body.body-layout-foodstrip:not(.browse-site-light) #delivery-address-btn *,
    body.body-layout-foodstrip:not(.browse-site-light) .delivery-address-btn-label,
    body.body-layout-foodstrip:not(.browse-site-light) .delivery-address-pin,
    body.body-layout-foodstrip:not(.browse-site-light) .delivery-address-btn-row1 {
        color: #f5f6ef !important;
        -webkit-text-fill-color: #f5f6ef !important;
        opacity: 1 !important;
    }

    body.body-layout-foodstrip .section-block,
    body.body-layout-foodstrip .line-mode-block,
    body.body-layout-foodstrip .store-shelf,
    body.body-layout-foodstrip .dish-of-week-section,
    body.body-layout-foodstrip .fast-delivery-section {
        scroll-margin-bottom: calc(var(--mobile-nav-h) + 34px) !important;
    }
}

/* Mobile fix 20260802 pass 3: hard theme colors at the end of cascade. */
@media (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light {
        --mobile-bg: #f7f6f1 !important;
        --mobile-card: #fffdf8 !important;
        --mobile-card-soft: #efeee8 !important;
        --mobile-text: #151815 !important;
        --mobile-muted: rgba(21, 24, 21, .68) !important;
        background: #f7f6f1 !important;
        color: #151815 !important;
    }

    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        background: rgba(255, 253, 248, .92) !important;
        color: #151815 !important;
        -webkit-text-fill-color: #151815 !important;
    }

    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item {
        color: rgba(21, 24, 21, .68) !important;
        -webkit-text-fill-color: rgba(21, 24, 21, .68) !important;
    }

    body.body-layout-foodstrip.browse-site-light .mobile-app-nav-item.is-active {
        color: #151815 !important;
        -webkit-text-fill-color: #151815 !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn,
    body.body-layout-foodstrip.browse-site-light .browse-sort-open-btn :is(svg, path, span) {
        background: #efeee8 !important;
        color: #151815 !important;
        -webkit-text-fill-color: #151815 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add) {
        background: #151815 !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-add, .product-card-add, #products-section .product-add-btn, #products-section .product-card-add)::after {
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
    }

    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-label,
    body.body-layout-foodstrip.browse-site-light .delivery-address-pin,
    body.body-layout-foodstrip.browse-site-light .delivery-address-btn-row1,
    body.body-layout-foodstrip.browse-site-light #delivery-address-btn :is(span, strong, small, svg, path) {
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
        opacity: 1 !important;
    }
}

/* Mobile fix 20260802 pass 5: light store surfaces and no floating back arrow on home. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #back-to-stores,
    body.body-layout-foodstrip:not(.body-on-store-page) .back-fab,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-page-topbar > .back-btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip.browse-site-light {
        --mobile-bg: #f7f6f1 !important;
        --mobile-card: #ffffff !important;
        --mobile-card-soft: #f1f0eb !important;
        --mobile-text: #151815 !important;
        --mobile-muted: rgba(21, 24, 21, .68) !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        .store-shelf,
        .store-shelf-products-wrap,
        .store-shelf-products,
        .dish-of-week-section,
        .fast-delivery-section,
        .line-mode-section,
        .stores-rail-shell,
        .stores-grid,
        #stores-list,
        #repeat-stores-list,
        #products-rail-list,
        #dish-of-week-list,
        #fast-delivery-list
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        #stores-list .store-card,
        #fast-delivery-list .store-card,
        #repeat-stores-list .store-card,
        .store-shelf-brand,
        .store-shelf-product,
        .product-rail-card,
        .dish-week-card,
        #products-section .product-card
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(
        #stores-list .store-image-wrap,
        #fast-delivery-list .store-image-wrap,
        #repeat-stores-list .store-image-wrap,
        #stores-list .store-image-inner,
        #fast-delivery-list .store-image-inner,
        #repeat-stores-list .store-image-inner,
        .product-rail-image-wrap,
        .dish-week-image-wrap,
        .dish-week-media,
        .store-shelf-product .product-rail-image-wrap,
        #products-section .product-card-image-wrap
    ) {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-brand,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero,
    body.body-layout-foodstrip.browse-site-light header {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light .store-hover,
    body.body-layout-foodstrip.browse-site-light .store-card-body,
    body.body-layout-foodstrip.browse-site-light .store-card-meta,
    body.body-layout-foodstrip.browse-site-light .store-card-snippet,
    body.body-layout-foodstrip.browse-site-light .store-meta-time {
        background: transparent !important;
        background-image: none !important;
        color: var(--mobile-text) !important;
        text-shadow: none !important;
    }

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

/* Mobile fix 20260802 pass 6: exact white light surfaces for stores and shelves. */
@media (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-card,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line .store-card {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #fast-delivery-list.stores-masonry.stores-layout-line .store-image-inner,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #repeat-stores-list.stores-masonry.stores-layout-line .store-image-inner {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-products-wrap,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-products {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf .store-shelf-brand {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile fix 20260802 pass 7: remove square shelf sheets in light theme. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip.browse-site-light .store-shelf.store-shelf,
    html body.body-layout-foodstrip.browse-site-light .store-shelf.store-shelf:hover,
    html body.body-layout-foodstrip.browse-site-light .store-shelf.store-shelf.store-shelf {
        background: rgba(0, 0, 0, 0) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand,
    html body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand.store-shelf-brand {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile fix 20260802 pass 8: blend shelf container with light page background. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light .store-shelf,
    body.body-layout-foodstrip.browse-site-light .store-shelf.store-shelf,
    body.body-layout-foodstrip.browse-site-light .store-shelf[style] {
        background: #f7f6f1 !important;
        background-color: #f7f6f1 !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand,
    body.body-layout-foodstrip.browse-site-light .store-shelf .store-shelf-brand[style] {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }
}

/* Mobile product/store polish 20260802: spacing, stickers, no shelf sheets. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list,
    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-list {
        gap: 22px !important;
        column-gap: 22px !important;
        padding-inline: 2px 18px !important;
        scroll-padding-inline: 2px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card {
        margin-right: 0 !important;
        flex: 0 0 min(170px, 44vw) !important;
        width: min(170px, 44vw) !important;
        min-width: min(170px, 44vw) !important;
        max-width: min(170px, 44vw) !important;
    }

    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;
    }

    body.body-layout-foodstrip :is(.food-card-badge--hot) {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        right: auto !important;
        z-index: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 !important;
        border-radius: 11px !important;
        background: rgba(255, 255, 255, .92) !important;
        color: #151815 !important;
        -webkit-text-fill-color: #151815 !important;
        border: 0 !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .16) !important;
        backdrop-filter: blur(10px) saturate(1.15) !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
        font-size: 0 !important;
        line-height: 1 !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip :is(.food-card-badge--hot)::before {
        content: '★' !important;
        display: block !important;
        color: currentColor !important;
        -webkit-text-fill-color: currentColor !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.food-card-badge--hot) {
        background: rgba(20, 23, 20, .86) !important;
        color: #f5f6ef !important;
        -webkit-text-fill-color: #f5f6ef !important;
    }

    body.body-layout-foodstrip :is(.store-shelf, .store-shelf:hover, .store-shelf-products-wrap, .store-shelf-products),
    body.body-layout-foodstrip.browse-site-light :is(.store-shelf, .store-shelf:hover, .store-shelf-products-wrap, .store-shelf-products),
    body.body-layout-foodstrip:not(.browse-site-light) :is(.store-shelf, .store-shelf:hover, .store-shelf-products-wrap, .store-shelf-products) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    body.body-layout-foodstrip :is(.store-shelf)::before,
    body.body-layout-foodstrip :is(.store-shelf)::after,
    body.body-layout-foodstrip :is(.store-shelf-products-wrap)::before,
    body.body-layout-foodstrip :is(.store-shelf-products-wrap)::after {
        content: none !important;
        display: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf .store-shelf-brand {
        background: color-mix(in srgb, var(--mobile-card) 82%, transparent) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf .store-shelf-brand {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card,
    body.body-layout-foodstrip:not(.browse-site-light):not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-hover,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-body,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-wrap,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner,
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .store-shelf-product .product-rail-image-wrap) {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light):not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-wrap,
    body.body-layout-foodstrip:not(.browse-site-light):not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-image-inner,
    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .store-shelf-product .product-rail-image-wrap) {
        background: #171b16 !important;
        background-color: #171b16 !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Mobile product/store polish 20260802 pass 2: beat heavy shared card surfaces. */
@media (max-width: 760px) {
    body.body-layout-foodstrip :is(#products-section, .store-shelf),
    body.body-layout-foodstrip.browse-site-light :is(#products-section, .store-shelf),
    body.body-layout-foodstrip:not(.browse-site-light) :is(#products-section, .store-shelf) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    body.body-layout-foodstrip :is(#products-section, .store-shelf) .store-shelf-products-wrap,
    body.body-layout-foodstrip :is(#products-section, .store-shelf) .store-shelf-products {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip :is(#products-section, .store-shelf) .store-shelf-brand {
        background: color-mix(in srgb, var(--mobile-card) 82%, transparent) !important;
        background-color: color-mix(in srgb, var(--mobile-card) 82%, transparent) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(#products-section, .store-shelf) .store-shelf-brand {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(#products-section, .store-shelf) .store-shelf-brand {
        background: rgba(23, 27, 22, .82) !important;
        background-color: rgba(23, 27, 22, .82) !important;
    }

    body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card,
    body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-hover,
    body.body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list) .store-card-meta,
    body.body-layout-foodstrip :is(#products-section, #products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) .product-rail-card,
    body.body-layout-foodstrip :is(#products-section, #products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) .dish-week-card {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile product/store polish 20260802 pass 3: keep light shelves on the page, not on a sheet. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) main :is(.store-shelf, .store-shelf.store-shelf, .store-shelf[style]),
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) main :is(.store-shelf-products-wrap, .store-shelf-products) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
}

/* Mobile product/store polish 20260802 pass 4: override styled light shelf shells. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf.store-shelf,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf.store-shelf[style],
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf.store-shelf:hover,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-products-wrap.store-shelf-products-wrap,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .store-shelf-products.store-shelf-products {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
}

/* Mobile product/store polish 20260802 pass 5: same selector as old light sheet, later value wins. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip.browse-site-light .store-shelf,
    body.body-layout-foodstrip.browse-site-light .store-shelf.store-shelf,
    body.body-layout-foodstrip.browse-site-light .store-shelf[style] {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile product/store polish 20260802 pass 6: stop shelf enter animation from preserving its sheet color. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf {
        animation: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
}

/* Mobile refinement 20260802 pass 8: market-like product/store cards. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list,
    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-list {
        gap: 20px !important;
        column-gap: 20px !important;
        padding-inline: 2px 16px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products > .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-product.product-rail-card {
        flex: 0 0 min(168px, 43.5vw) !important;
        width: min(168px, 43.5vw) !important;
        min-width: min(168px, 43.5vw) !important;
        max-width: min(168px, 43.5vw) !important;
    }

    body.body-layout-foodstrip :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, #products-section .product-card-image-wrap, .store-shelf-product .product-rail-image-wrap) {
        position: relative !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip :is(.product-rail-footer, .dish-week-footer, #products-section .product-card-footer) {
        position: static !important;
        display: block !important;
        min-height: 34px !important;
        padding-right: 0 !important;
    }

    body.body-layout-foodstrip :is(.product-rail-actions, .dish-week-actions, #products-section .product-card-actions) {
        position: static !important;
        display: contents !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add) {
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        z-index: 6 !important;
        min-width: 42px !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 50% !important;
        background: rgba(18, 21, 18, .94) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !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) {
        background: rgba(18, 21, 18, .94) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    body.body-layout-foodstrip :is(.product-rail-add, .dish-week-add-btn, #products-section .product-add-btn, #products-section .product-card-add)::after {
        transform: translateY(-1px) !important;
        font-size: 25px !important;
        font-weight: 850 !important;
    }

    body.body-layout-foodstrip .food-card-badge--hot {
        top: 9px !important;
        left: 9px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        border-radius: 10px !important;
    }

    body.body-layout-foodstrip .food-card-badge--hot::before {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        font-size: 14px !important;
        line-height: 1 !important;
        transform: none !important;
        text-align: center !important;
    }

    body.body-layout-foodstrip.browse-site-light .global-search {
        background: rgba(255, 255, 255, .96) !important;
        border: 0 !important;
        box-shadow: 0 12px 30px rgba(33, 39, 31, .08) !important;
        color: #171a17 !important;
    }

    body.body-layout-foodstrip.browse-site-light .global-search input,
    body.body-layout-foodstrip.browse-site-light .global-search input::placeholder {
        color: #171a17 !important;
        -webkit-text-fill-color: #171a17 !important;
        opacity: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        display: block !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner {
        display: block !important;
        width: 100% !important;
        height: 196px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-logo-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-hover,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-body,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-meta {
        position: static !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 10px 2px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--mobile-text) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-name,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-title,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card-title {
        color: var(--mobile-text) !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-meta-time,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card-snippet,
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list .store-card-meta {
        color: var(--mobile-muted) !important;
        text-shadow: none !important;
    }

    body.body-layout-foodstrip.body-on-store-page :is(.ui-brush-arrow, .rail-nav, .section-rail-nav, .store-shelf-nav, .category-scroll-btn) {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip.body-on-store-page.browse-site-light :is(.store-interior-billboard, .store-info-card, #store-info, .store-info-panel) {
        background: rgba(255, 255, 255, .96) !important;
        background-image: none !important;
        color: #171a17 !important;
        border: 0 !important;
        box-shadow: 0 16px 36px rgba(33, 39, 31, .08) !important;
    }

    body.body-layout-foodstrip.body-on-store-page.browse-site-light :is(.store-info-title, .store-info-desc, .store-info-meta, .store-info-pill, .food-trust-item) {
        color: #171a17 !important;
        -webkit-text-fill-color: #171a17 !important;
        text-shadow: none !important;
    }
}

/* Mobile refinement 20260802 pass 9: exact plus/search/store-info placement. */
@media screen and (max-width: 760px) {
    /* Retired: add-button geometry is owned by ui-foundations.css. */


    html body.body-layout-foodstrip.browse-site-light .global-search,
    html body.body-layout-foodstrip.browse-site-light .global-search.global-search,
    html body.body-layout-foodstrip.browse-site-light.mobile-page-scrolled .global-search {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: 0 14px 34px rgba(33, 39, 31, .1) !important;
        color: #171a17 !important;
        -webkit-text-fill-color: #171a17 !important;
        opacity: 1 !important;
    }

    html body.body-layout-foodstrip.browse-site-light .global-search::placeholder {
        color: rgba(23, 26, 23, .62) !important;
        -webkit-text-fill-color: rgba(23, 26, 23, .62) !important;
        opacity: 1 !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-hover,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-body,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-meta {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
        padding: 11px 2px 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-meta-row,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-meta-row {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile refinement 20260802 pass 10: split wide store cards into image plus text. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-logo-img {
        display: block !important;
        width: 100% !important;
        height: 196px !important;
        min-height: 196px !important;
        object-fit: cover !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        background: var(--mobile-card) !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-hover {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: start !important;
        gap: 6px 10px !important;
        min-height: 0 !important;
        padding: 11px 2px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--mobile-text) !important;
    }
}

/* Mobile refinement 20260802 pass 11: no sheet under wide store card text. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-wrap.store-image-wrap,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image-inner.store-image-inner {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 0 !important;
    }
}


/* Mobile polish 20260802 pass 9: spacing, category rail edges, visible favorite hearts. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list,
    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-list {
        gap: 22px !important;
        column-gap: 22px !important;
        row-gap: 22px !important;
        padding-inline: 4px 18px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card {
        margin-right: 0 !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        border-radius: 22px !important;
        overflow: hidden !important;
        background: rgba(255, 255, 255, .86) !important;
        border-color: transparent !important;
        box-shadow: 0 12px 34px rgba(32, 38, 30, .07) !important;
    }

    body.body-layout-foodstrip.browse-site-light .browse-category-scroll {
        background: transparent !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn) .fav-heart-path {
        color: rgba(18, 21, 18, .82) !important;
        stroke: rgba(18, 21, 18, .82) !important;
        stroke-width: 2.35 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-fav-btn, .store-fav-btn, .store-info-fav-btn):not(.is-favorite) {
        background: rgba(255, 255, 255, .82) !important;
        box-shadow: 0 8px 20px rgba(18, 21, 18, .10) !important;
    }
}


/* Mobile polish 20260802 pass 12: clean Yandex-like mobile composition. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .stores-browse-root,
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-layout,
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-cart-track {
        padding-bottom: max(150px, calc(116px + env(safe-area-inset-bottom))) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero {
        margin-top: max(14px, env(safe-area-inset-top)) !important;
        scroll-margin-top: 120px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero-copy {
        position: relative !important;
        z-index: 2 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        gap: 22px !important;
        column-gap: 22px !important;
        padding-inline: 4px 20px !important;
        scroll-padding-inline: 4px 28px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        flex: 0 0 min(300px, calc(100vw - 86px)) !important;
        width: min(300px, calc(100vw - 86px)) !important;
        min-width: min(300px, calc(100vw - 86px)) !important;
        max-width: min(300px, calc(100vw - 86px)) !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light .store-menu-cats:not([hidden]) {
        width: auto !important;
        margin-inline: 0 !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        background: rgba(255, 255, 255, .92) !important;
        box-shadow: 0 10px 28px rgba(31, 36, 28, .055) !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-scroll {
        border-radius: 20px !important;
        background: transparent !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) {
        position: relative !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 7 !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 12px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, .82) !important;
        border: 0 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .14) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) svg {
        width: 19px !important;
        height: 19px !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) .fav-heart-path {
        color: rgba(18, 21, 18, .84) !important;
        stroke: rgba(18, 21, 18, .84) !important;
        stroke-width: 2.25 !important;
        fill: transparent !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn.is-favorite, .store-info-fav-btn.is-favorite) {
        background: rgba(255, 255, 255, .92) !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn.is-favorite, .store-info-fav-btn.is-favorite) .fav-heart-path {
        color: #ff5d6c !important;
        stroke: #ff5d6c !important;
        fill: #ff5d6c !important;
    }

    body.body-layout-foodstrip .food-card-badge--hot {
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
        z-index: 7 !important;
    }

    body.body-layout-foodstrip :is(.food-card-badge--cat, .food-card-badge--premium, .product-options-badge) {
        display: none !important;
    }

    /* Retired: add-button geometry is owned by ui-foundations.css. */


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


/* Mobile polish 20260802 pass 13: compact main store cards. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        gap: 16px !important;
        column-gap: 16px !important;
        padding-inline: 4px 18px !important;
        scroll-padding-inline: 4px 24px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card {
        flex: 0 0 min(158px, 42vw) !important;
        width: min(158px, 42vw) !important;
        min-width: min(158px, 42vw) !important;
        max-width: min(158px, 42vw) !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-image,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-logo-img {
        height: 112px !important;
        min-height: 112px !important;
        border-radius: 18px !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-hover,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-body,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-meta {
        padding-top: 8px !important;
        gap: 5px 7px !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-title,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-title,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-name {
        font-size: 20px !important;
        line-height: 1.02 !important;
        letter-spacing: -0.01em !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-snippet,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-meta-time,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-card-meta {
        font-size: 13px !important;
        line-height: 1.18 !important;
    }

    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-meta-pill,
    html body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line .store-status-pill {
        min-height: 26px !important;
        padding: 5px 8px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
    }
}


/* Mobile polish 20260802 pass 14: favorite hearts are clean outline icons, no backing tile. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path,
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path {
        color: #111411 !important;
        stroke: #111411 !important;
        fill: transparent !important;
        stroke-width: 2.35 !important;
    }

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

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn.is-favorite, .store-info-fav-btn.is-favorite) .fav-heart-path {
        color: #111411 !important;
        stroke: #111411 !important;
        fill: #111411 !important;
    }
}


/* Mobile polish 20260802 pass 15: transparent category rail and more space before stores. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .browse-category-sort-row {
        margin-bottom: 18px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #stores-list.stores-masonry.stores-layout-line {
        margin-top: 10px !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row:hover {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        overflow: visible !important;
        padding: 8px 0 !important;
        border-radius: 0 !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-scroll {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(.line-filter-pill, .browse-sort-open-btn, .category-scroll-btn) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #141713 !important;
        -webkit-text-fill-color: #141713 !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(.line-filter-pill.is-active, .line-filter-pill.active) {
        background: #111411 !important;
        border: 0 !important;
        border-radius: 18px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(.line-filter-pill.is-active, .line-filter-pill.active) :is(span, strong, small, svg, path) {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        stroke: currentColor !important;
    }

    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-sort-open-btn {
        width: 54px !important;
        min-width: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        border-radius: 20px !important;
        background: rgba(20, 23, 19, .055) !important;
    }
}


/* Mobile polish 20260802 pass 16: remove every light category rail backing layer. */
@media screen and (max-width: 760px) {
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) :is(
        .browse-category-sort-row,
        .browse-category-sort-row:hover,
        .browse-category-sort-row::before,
        .browse-category-sort-row::after,
        .browse-category-scroll,
        .browse-category-scroll::before,
        .browse-category-scroll::after,
        .line-mode-filters,
        .line-mode-filters::before,
        .line-mode-filters::after,
        #category-filters,
        #category-filters::before,
        #category-filters::after
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-sort-row {
        overflow: visible !important;
        border-radius: 0 !important;
        padding: 8px 0 !important;
    }

    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .browse-category-scroll,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .line-mode-filters,
    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) #category-filters {
        overflow-y: visible !important;
        border-radius: 0 !important;
    }

    html body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .line-filter-pill:not(.is-active):not(.active) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}


/* Mobile polish 20260802 pass 17: keep favorite hearts below food photos for readability. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) {
        top: calc(min(168px, 43.5vw) + 12px) !important;
        right: 10px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 6 !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-rail-title, .product-rail-name, .dish-week-title, #products-section .product-card-title) {
        padding-right: 38px !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path,
    body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path {
        color: #111411 !important;
        stroke: #111411 !important;
        fill: transparent !important;
        stroke-width: 2.45 !important;
    }
}


/* Mobile polish 20260803 pass 18: align favorite hearts with title line and theme contrast. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) {
        top: calc(min(168px, 43.5vw) + 3px) !important;
        right: 8px !important;
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn) svg {
        width: 21px !important;
        height: 21px !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path {
        color: rgba(250, 252, 246, .92) !important;
        stroke: rgba(250, 252, 246, .92) !important;
        fill: transparent !important;
        stroke-width: 2.45 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn, .store-info-fav-btn):not(.is-favorite) .fav-heart-path {
        color: #111411 !important;
        stroke: #111411 !important;
        fill: transparent !important;
        stroke-width: 2.45 !important;
    }

    body.body-layout-foodstrip:not(.browse-site-light) :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn.is-favorite, .store-info-fav-btn.is-favorite) .fav-heart-path {
        color: #f9fbf4 !important;
        stroke: #f9fbf4 !important;
        fill: #f9fbf4 !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.product-rail-card, .dish-week-card, #products-section .product-card, .store-shelf-product) :is(.product-fav-btn.is-favorite, .store-info-fav-btn.is-favorite) .fav-heart-path {
        color: #111411 !important;
        stroke: #111411 !important;
        fill: #111411 !important;
    }
}


/* Mobile cart sheet 20260803: bottom nav slides away, cart sheet replaces it. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip.browse-site-light .mobile-app-nav {
        display: grid !important;
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        transition:
            transform 360ms cubic-bezier(.22, .86, .24, 1),
            opacity 260ms ease,
            filter 360ms ease !important;
        will-change: transform, opacity !important;
    }

    body.body-layout-foodstrip:has(.browse-cart-panel.is-open) .mobile-app-nav,
    body.body-layout-foodstrip:has(.store-cart-slide-panel.is-open) .mobile-app-nav,
    body.body-layout-foodstrip:has(.checkout-page.is-open) .mobile-app-nav,
    body.body-layout-foodstrip :is(.mobile-order-bar.is-visible, .browse-cart-panel.is-open, .checkout-page.is-open) ~ .mobile-app-nav {
        display: grid !important;
        transform: translate3d(0, calc(118% + 18px), 0) !important;
        opacity: 0 !important;
        filter: blur(2px) saturate(.92) !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip.mobile-cart-sheet-closing:not(:has(.checkout-page.is-open)) .mobile-app-nav,
    body.body-layout-foodstrip.mobile-cart-sheet-closing:not(:has(.checkout-page.is-open)) :is(.browse-cart-panel.is-open, .store-cart-slide-panel.is-open) ~ .mobile-app-nav {
        display: grid !important;
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        filter: none !important;
        pointer-events: auto !important;
    }

body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-open,
    body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-closing {
        background: transparent !important;
        transition: none !important;
    }

    body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel:not(.is-open):not(.is-closing) {
        transition: none !important;
        max-width: 0 !important;
        width: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-open .browse-cart-panel-inner {
        opacity: 1 !important;
        transition:
            transform 380ms cubic-bezier(.2, .88, .2, 1),
            opacity 260ms ease !important;
        will-change: transform, opacity !important;
    }

    body.body-layout-foodstrip.mobile-cart-sheet-opening :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-open .browse-cart-panel-inner {
        animation: mobileCartSheetRise 380ms cubic-bezier(.17, .92, .2, 1) both !important;
    }

    body.body-layout-foodstrip.mobile-cart-sheet-closing :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-closing .browse-cart-panel-inner {
        animation: mobileCartSheetSink 360ms cubic-bezier(.36, 0, .26, 1) both !important;
        pointer-events: none !important;
    }
}

@keyframes mobileCartSheetRise {
    0% {
        opacity: .98;
        transform: translate3d(0, calc(100% + 20px), 0) scale(.992);
    }
    62% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes mobileCartSheetSink {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .98;
        transform: translate3d(0, calc(100% + 20px), 0) scale(.992);
    }
}

@media screen and (max-width: 760px) and (prefers-reduced-motion: reduce) {
    body.body-layout-foodstrip .mobile-app-nav,
    body.body-layout-foodstrip :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-open .browse-cart-panel-inner,
    body.body-layout-foodstrip.mobile-cart-sheet-opening :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-open .browse-cart-panel-inner,
    body.body-layout-foodstrip.mobile-cart-sheet-closing :is(#browse-cart-panel, #store-cart-slide-panel).browse-cart-panel.is-closing .browse-cart-panel-inner {
        transition: none !important;
        animation: none !important;
    }
}


/* Mobile launch polish 20260913: consistent cards and store interior. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-product-w: min(170px, 44vw);
        --mobile-product-gap: 22px;
        --mobile-product-media-h: min(168px, 43.5vw);
    }

    body.body-layout-foodstrip :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products, #products-section .products-grid) {
        gap: var(--mobile-product-gap) !important;
        column-gap: var(--mobile-product-gap) !important;
        row-gap: 26px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) > :is(.product-rail-card, .dish-week-card, .store-shelf-product) {
        flex: 0 0 var(--mobile-product-w) !important;
        width: var(--mobile-product-w) !important;
        min-width: var(--mobile-product-w) !important;
        max-width: var(--mobile-product-w) !important;
    }

    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) {
        height: var(--mobile-product-media-h) !important;
        min-height: var(--mobile-product-media-h) !important;
        aspect-ratio: auto !important;
        border-radius: 22px !important;
    }

    body.body-layout-foodstrip #products-section .products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 0 0 calc(110px + env(safe-area-inset-bottom)) !important;
    }

    body.body-layout-foodstrip #products-section .product-card {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.body-layout-foodstrip #products-section .product-card-body,
    body.body-layout-foodstrip .product-rail-body,
    body.body-layout-foodstrip .dish-week-body {
        padding: 10px 2px 0 !important;
        gap: 7px !important;
        background: transparent !important;
    }

    body.body-layout-foodstrip :is(.product-rail-name, .dish-week-title, #products-section .product-card-title) {
        font-size: 18px !important;
        line-height: 1.06 !important;
        letter-spacing: -0.02em !important;
        padding-right: 36px !important;
    }

    body.body-layout-foodstrip :is(.product-rail-meta, .dish-week-meta, #products-section .product-card-desc) {
        min-height: 40px !important;
        font-size: 13px !important;
        line-height: 1.22 !important;
    }

    body.body-layout-foodstrip :is(.product-rail-price, .dish-week-price, #products-section .product-card-price, #products-section .product-card-price-main) {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    /* Retired: product add buttons are owned by the canonical component in ui-foundations.css. */

    body.body-layout-foodstrip.body-on-store-page #products-section {
        padding-top: 0 !important;
        background: transparent !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section .store-page-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard,
    body.body-layout-foodstrip.body-on-store-page #products-section.store-interior-light .store-interior-billboard {
        min-height: 210px !important;
        margin: 0 0 16px !important;
        border-radius: 26px !important;
        background: var(--mobile-card) !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard-content,
    body.body-layout-foodstrip.body-on-store-page #products-section.store-interior-light .store-interior-billboard-content {
        min-height: 210px !important;
        padding: 20px !important;
        border: 0 !important;
        border-radius: 26px !important;
        background: rgba(15, 18, 15, .72) !important;
        color: #f7f8f2 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.body-layout-foodstrip.body-on-store-page.browse-site-light .store-interior-billboard-content,
    body.body-layout-foodstrip.body-on-store-page #products-section.store-interior-light .store-interior-billboard-content {
        background: rgba(255, 255, 255, .9) !important;
        color: #151815 !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard-image {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        filter: saturate(1.04) brightness(.72) !important;
        opacity: .86 !important;
        transform: none !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-menu-cats:not([hidden]),
    body.body-layout-foodstrip.body-on-store-page.browse-site-light .store-menu-cats:not([hidden]) {
        margin: 0 0 20px !important;
        padding: 6px !important;
        border-radius: 24px !important;
        background: color-mix(in srgb, var(--mobile-card) 92%, transparent) !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-menu-cat.is-active {
        background: var(--mobile-text) !important;
        color: var(--mobile-bg) !important;
        -webkit-text-fill-color: var(--mobile-bg) !important;
    }

    body.body-layout-foodstrip.body-on-store-page :is(.food-card-badge--cat, .food-card-badge--premium, .product-options-badge),
    body.body-layout-foodstrip:not(.body-on-store-page) :is(.food-card-badge--cat, .food-card-badge--premium, .product-options-badge) {
        display: none !important;
    }
}


/* 2026-09-13: compact checkout art on phones. */
@media (max-width: 760px) {
    .body-layout-foodstrip .checkout-page-grid {
        gap: 12px !important;
    }

    .body-layout-foodstrip .checkout-art-panel {
        order: -1 !important;
    }

    .body-layout-foodstrip .checkout-art-frame {
        min-height: clamp(150px, 42vw, 190px) !important;
        max-height: 190px !important;
        border-radius: 22px !important;
        box-shadow: none !important;
    }

    .body-layout-foodstrip .checkout-art-image {
        height: clamp(150px, 42vw, 190px) !important;
        min-height: clamp(150px, 42vw, 190px) !important;
        object-position: center 38% !important;
    }

    .body-layout-foodstrip .checkout-art-caption strong {
        font-size: 22px !important;
    }

    .body-layout-foodstrip .checkout-art-caption span {
        font-size: 10px !important;
    }
}

/* 2026-09-13: mobile restaurant rail uses compact 16:9 cards. */
@media (max-width: 768px) {
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line {
        gap: 14px !important;
        padding: 0 0 16px !important;
        margin-bottom: 24px !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 {
        flex: 0 0 min(272px, 72vw) !important;
        width: min(272px, 72vw) !important;
        min-width: min(272px, 72vw) !important;
        max-width: min(272px, 72vw) !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !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,
    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 {
        aspect-ratio: 16 / 9 !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 18px !important;
        background: var(--mobile-card) !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-hover {
        position: relative !important;
        inset: auto !important;
        display: grid !important;
        gap: 6px !important;
        padding: 9px 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;
        text-shadow: 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 {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        -webkit-line-clamp: 1 !important;
        text-shadow: none !important;
    }
}

/* 2026-09-13: mobile visual hygiene pass for clean surfaces and visible controls. */
@media (max-width: 768px) {
    body.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) {
        overflow: hidden !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        isolation: isolate !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }

    body.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)::before,
    body.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)::after {
        content: none !important;
        display: none !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.8) !important;
        -webkit-text-fill-color: rgba(17, 20, 17, 0.8) !important;
        background: transparent !important;
        box-shadow: none !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.9) !important;
        -webkit-text-fill-color: rgba(255, 253, 248, 0.9) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.body-layout-foodstrip.browse-site-light :is(.category-scroll-btn, .rail-nav, .section-rail-nav) {
        background: rgba(17, 20, 17, 0.88) !important;
        color: #fffdf8 !important;
        -webkit-text-fill-color: #fffdf8 !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* 2026-09-13: mobile store cards use separate info below cover. */
@media (max-width: 768px) {
    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 {
        display: grid !important;
        gap: 9px !important;
        overflow: visible !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-mask-image: 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-image-inner {
        border-radius: 18px !important;
        overflow: hidden !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black) !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 {
        position: static !important;
        display: grid !important;
        gap: 5px !important;
        min-height: 66px !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        background-image: 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 {
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
    }
}

/* 2026-09-13: mobile store info sits below, outside the photo card. */
@media (max-width: 768px) {
    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 {
        display: grid !important;
        grid-template-rows: auto minmax(64px, auto) !important;
        gap: 9px !important;
        align-content: start !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 {
        display: block !important;
        overflow: visible !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        -webkit-mask-image: none !important;
    }
}

@media (max-width: 760px) {
    .premium-hero.premium-hero--banners {
        aspect-ratio: 16 / 9;
        border-radius: 24px;
    }

    .premium-hero-banner-stage {
        min-height: clamp(190px, 52vw, 240px);
    }

    .premium-hero-banner-shade {
        background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .44));
    }

    .premium-hero-banner-copy {
        left: 18px;
        right: 18px;
        bottom: 20px;
        max-width: 78%;
    }

    .premium-hero-banner-copy strong {
        font-size: clamp(24px, 8vw, 36px);
    }

    .premium-hero-banner-copy small {
        font-size: 13px;
    }
}

@media (max-width: 760px) {
    .premium-hero.premium-hero--banners:has(.premium-hero-default-slide) {
        min-height: 410px !important;
    }

    .premium-hero-default-slide {
        gap: 16px;
        padding: 26px 22px 30px;
    }

    .premium-hero-default-slide .premium-hero-copy h2 {
        font-size: clamp(2.05rem, 10vw, 3rem);
        line-height: .98;
    }

    .premium-hero-default-slide .premium-hero-copy p {
        font-size: .98rem;
    }
}

@media (max-width: 760px) {
    .premium-hero-default-slide {
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        align-items: stretch !important;
    }

    .premium-hero-default-slide .premium-hero-stats {
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* 2026-09-14: mobile banner ratio and tighter restaurant rail info. */
@media (max-width: 760px) {
    .premium-hero.premium-hero--banners {
        aspect-ratio: 16 / 9 !important;
        min-height: clamp(218px, 58vw, 292px) !important;
        max-height: 292px !important;
        padding: 0 !important;
    }

    .premium-hero-banner-stage {
        height: 100% !important;
        min-height: 0 !important;
    }

    .premium-hero-banner:not(.premium-hero-default-slide) img {
        object-fit: cover !important;
    }

    .premium-hero-default-slide {
        padding: 18px 18px 24px !important;
    }

    .premium-hero-default-slide .premium-hero-copy h2 {
        font-size: clamp(25px, 7.7vw, 33px) !important;
        line-height: 1 !important;
    }

    .premium-hero-default-slide .premium-hero-copy p {
        display: none !important;
    }

    .premium-hero-default-slide .premium-hero-stats {
        gap: 7px !important;
        margin-top: 10px !important;
    }

    .premium-hero-default-slide .premium-hero-stats span {
        min-height: 44px !important;
        padding: 7px 8px !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card {
        grid-template-rows: auto minmax(44px, auto) !important;
        row-gap: 7px !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-hover {
        gap: 5px !important;
        padding-top: 0 !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-title {
        margin: 0 !important;
    }

    .body-layout-foodstrip :is(#stores-list, #fast-delivery-list, #repeat-stores-list).stores-masonry.stores-layout-line .store-card-meta {
        margin-top: 2px !important;
    }
}


/* 2026-09-14: keep mobile hero banner image inside rounded frame. */
@media (max-width: 760px) {
    .body-layout-foodstrip .premium-hero.premium-hero--banners,
    body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners {
        border-radius: 24px !important;
        overflow: hidden !important;
        background: var(--browse-card-bg, #111411) !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
        contain: paint !important;
    }

    .body-layout-foodstrip .premium-hero.premium-hero--banners .premium-hero-banner-stage,
    .body-layout-foodstrip .premium-hero.premium-hero--banners .premium-hero-banner,
    .body-layout-foodstrip .premium-hero.premium-hero--banners .premium-hero-banner img,
    body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner-stage,
    body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner,
    body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner img {
        border-radius: inherit !important;
        overflow: hidden !important;
    }

    .body-layout-foodstrip .premium-hero.premium-hero--banners .premium-hero-banner img,
    body.body-layout-foodstrip.browse-site-light .premium-hero.premium-hero--banners .premium-hero-banner img {
        display: block !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: var(--banner-x, 50%) var(--banner-y, 50%) !important;
        transform: scale(calc(var(--banner-scale, 1) * var(--banner-scale-x, 1)), calc(var(--banner-scale, 1) * var(--banner-scale-y, 1))) !important;
        transform-origin: var(--banner-x, 50%) var(--banner-y, 50%) !important;
        width: 100% !important;
    }
}

/* 2026-09-14: final mobile hero banner fit and swipe hit area. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners {
        aspect-ratio: 16 / 9 !important;
        border-radius: 24px !important;
        box-sizing: border-box !important;
        height: auto !important;
        margin: 0 0 14px !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        touch-action: pan-y !important;
        width: 100% !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-stage,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-stage {
        border-radius: inherit !important;
        height: 100% !important;
        inset: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        touch-action: pan-y !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner,
    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-default-slide,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-default-slide {
        border-radius: inherit !important;
        inset: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 18px !important;
        touch-action: pan-y !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner:not(.premium-hero-default-slide),
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner:not(.premium-hero-default-slide) {
        padding: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-copy h2,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-copy h2 {
        font-size: clamp(24px, 7.2vw, 32px) !important;
        line-height: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-stats,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-stats {
        bottom: 18px !important;
        left: 18px !important;
        margin: 0 !important;
        position: absolute !important;
        right: 18px !important;
        z-index: 3 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-dots,
    body.body-layout-foodstrip.browse-site-light:not(.body-on-store-page) .premium-hero.premium-hero--banners .premium-hero-banner-dots {
        bottom: 8px !important;
        z-index: 5 !important;
    }
}

/* 2026-09-14: compact mobile store rails and product cards. */
@media (max-width: 760px) {
    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 {
        grid-template-rows: auto auto !important;
        row-gap: 3px !important;
        padding-bottom: 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-image-wrap {
        margin-bottom: 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-image-inner {
        aspect-ratio: 16 / 7.4 !important;
        margin-bottom: 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-hover,
    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-body {
        gap: 4px !important;
        margin: 0 !important;
        min-height: 0 !important;
        padding: 5px 2px 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-title {
        line-height: 1.06 !important;
        margin: 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-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-card-meta-row,
    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-row {
        gap: 4px 6px !important;
        margin: 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-hours,
    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 {
        margin-top: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list).stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products,
    body.body-layout-foodstrip:not(.body-on-store-page) .products-rail-list,
    body.body-layout-foodstrip:not(.body-on-store-page) .dish-week-list {
        gap: 14px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) {
        flex-basis: clamp(138px, 41vw, 168px) !important;
        max-width: clamp(138px, 41vw, 168px) !important;
        min-width: clamp(138px, 41vw, 168px) !important;
        row-gap: 6px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .store-shelf-product .product-rail-image-wrap) {
        aspect-ratio: 1 / 0.76 !important;
        border-radius: 18px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-name, .product-rail-title, .dish-week-title, .product-card-title) {
        font-size: 15px !important;
        line-height: 1.1 !important;
        margin-top: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-store, .dish-week-store, .product-rail-description, .product-card-desc) {
        font-size: 12px !important;
        line-height: 1.22 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-price, .dish-week-price, .product-card-price, .product-card-price-main) {
        font-size: 20px !important;
        line-height: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-add-btn, .dish-week-add-btn, .store-shelf-product .product-rail-add-btn) {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }
}

/* 2026-09-14: final unified mobile product rail rhythm. */
@media (max-width: 760px) {
    body.body-layout-foodstrip {
        --mobile-product-w: clamp(122px, 32vw, 136px) !important;
        --mobile-product-gap: 14px !important;
        --mobile-product-media-h: clamp(96px, 25vw, 108px) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products).stores-masonry.stores-layout-line,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) {
        column-gap: var(--mobile-product-gap) !important;
        gap: var(--mobile-product-gap) !important;
        row-gap: 18px !important;
        padding-inline: 0 14px !important;
        scroll-padding-inline: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) > :is(.product-rail-card, .dish-week-card, .store-shelf-product),
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .dish-week-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #dish-of-week-list .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-products > .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) .store-shelf-product.product-rail-card {
        flex: 0 0 var(--mobile-product-w) !important;
        flex-basis: var(--mobile-product-w) !important;
        max-width: var(--mobile-product-w) !important;
        min-width: var(--mobile-product-w) !important;
        width: var(--mobile-product-w) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(#products-rail-list, #dish-of-week-list, #fast-delivery-list, .store-shelf-products) :is(.product-rail-image-wrap, .dish-week-image-wrap, .dish-week-media, .store-shelf-product .product-rail-image-wrap) {
        aspect-ratio: auto !important;
        border-radius: 16px !important;
        height: var(--mobile-product-media-h) !important;
        min-height: var(--mobile-product-media-h) !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) .product-rail-body,
    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) .dish-week-body {
        gap: 4px !important;
        padding-top: 6px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-name, .product-rail-title, .dish-week-title, .product-card-title) {
        font-size: 14px !important;
        line-height: 1.08 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-meta, .product-rail-store, .dish-week-store, .product-rail-description, .product-card-desc) {
        font-size: 11.5px !important;
        line-height: 1.18 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-card, .dish-week-card, .store-shelf-product) :is(.product-rail-price, .dish-week-price, .product-card-price, .product-card-price-main) {
        font-size: 19px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) :is(.product-rail-add, .dish-week-add-btn, .store-shelf-product .product-rail-add) {
        height: 38px !important;
        min-height: 38px !important;
        min-width: 38px !important;
    }
}

/* 2026-09-15: popular menu square compact cards. */
@media (max-width: 760px) {
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list.stores-masonry.stores-layout-line {
        column-gap: 10px !important;
        gap: 10px !important;
        padding-inline: 0 10px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list > .product-rail-card,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-card {
        flex: 0 0 clamp(132px, 38vw, 148px) !important;
        flex-basis: clamp(132px, 38vw, 148px) !important;
        max-width: clamp(132px, 38vw, 148px) !important;
        min-width: clamp(132px, 38vw, 148px) !important;
        width: clamp(132px, 38vw, 148px) !important;
        min-height: 0 !important;
        row-gap: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-image-wrap {
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-body {
        gap: 4px !important;
        min-height: 0 !important;
        padding-top: 6px !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-head {
        align-items: flex-start !important;
        gap: 6px !important;
        min-height: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-name {
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        font-size: 14px !important;
        line-height: 1.05 !important;
        max-height: 2.1em !important;
        min-height: 0 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-meta,
    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-cooking-note {
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        font-size: 11.5px !important;
        line-height: 1.16 !important;
        max-height: 2.32em !important;
        min-height: 0 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-footer {
        margin-top: 2px !important;
        min-height: 0 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-rail-price {
        font-size: 19px !important;
        line-height: 1 !important;
    }

    body.body-layout-foodstrip:not(.body-on-store-page) #products-rail-list .product-fav-btn {
        height: 30px !important;
        min-width: 30px !important;
        width: 30px !important;
    }
}
/* 2026-09-16: final phone layout for the inner store page. */
@media (max-width: 760px) {
    body.body-layout-foodstrip.body-on-store-page #products-section,
    body.body-layout-foodstrip.body-on-store-page #products-section.store-page {
        display: block !important;
        min-height: 100svh !important;
        overflow-x: hidden !important;
        padding: 8px 14px 116px !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-page-with-cart-shell,
    body.body-layout-foodstrip.body-on-store-page .store-page-main,
    body.body-layout-foodstrip.body-on-store-page .store-cart-track {
        display: block !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-page-topbar {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    body.body-layout-foodstrip.body-on-store-page .back-fab {
        left: 8px !important;
        position: fixed !important;
        top: calc(12px + env(safe-area-inset-top)) !important;
        z-index: 70 !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-info {
        display: block !important;
        margin: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard {
        display: grid !important;
        grid-template-columns: 1fr !important;
        height: auto !important;
        margin: 0 0 14px !important;
        min-height: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard-content {
        display: grid !important;
        gap: 10px !important;
        height: auto !important;
        min-height: 0 !important;
        order: 2 !important;
        padding: 18px !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-place-gallery {
        aspect-ratio: 16 / 9 !important;
        border-radius: 24px !important;
        height: auto !important;
        min-height: 0 !important;
        order: 1 !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-interior-billboard-image,
    body.body-layout-foodstrip.body-on-store-page .store-place-gallery .store-interior-billboard-image {
        display: block !important;
        height: 100% !important;
        inset: auto !important;
        object-fit: cover !important;
        opacity: 1 !important;
        position: absolute !important;
        transform: none !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-info-title {
        font-size: clamp(30px, 10vw, 46px) !important;
        line-height: .96 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-info-desc {
        display: -webkit-box !important;
        font-size: 13px !important;
        line-height: 1.32 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-info-meta,
    body.body-layout-foodstrip.body-on-store-page .food-store-trust {
        display: grid !important;
        gap: 8px !important;
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-info-pill,
    body.body-layout-foodstrip.body-on-store-page .food-trust-item {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-menu-cats:not([hidden]) {
        border-radius: 20px !important;
        margin: 0 0 18px !important;
        padding: 6px !important;
        position: sticky !important;
        top: max(8px, env(safe-area-inset-top)) !important;
        z-index: 24 !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-menu-cats-scroll {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 0 !important;
        scroll-snap-type: x proximity !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-menu-cat {
        flex: 0 0 auto !important;
        min-height: 38px !important;
        scroll-snap-align: start !important;
        white-space: nowrap !important;
    }

    body.body-layout-foodstrip.body-on-store-page .store-section-title {
        font-size: 32px !important;
        line-height: 1 !important;
        margin: 18px 0 16px !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section .products-grid {
        align-items: start !important;
        display: grid !important;
        gap: 18px 14px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section .product-card {
        display: block !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        width: 100% !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section .product-card-image-wrap {
        aspect-ratio: 1 / .82 !important;
        border-radius: 18px !important;
        min-height: 0 !important;
        width: 100% !important;
    }

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

    body.body-layout-foodstrip.body-on-store-page #products-section .product-card-desc {
        font-size: 11px !important;
        line-height: 1.25 !important;
        min-height: 28px !important;
    }

    body.body-layout-foodstrip.body-on-store-page #products-section .price-current {
        font-size: 22px !important;
    }
}



/* 2026-09-23: mobile quick nav uses Orders instead of Pickup. */
@media screen and (max-width: 760px) {
    body.body-layout-foodstrip .mobile-app-nav-ico--orders::before {
        inset: 3px 5px 3px;
        border-radius: 6px;
    }

    body.body-layout-foodstrip .mobile-app-nav-ico--orders::after {
        inset: 8px 8px auto 8px;
        height: 7px;
        border-width: 2px 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    body.body-layout-foodstrip .mobile-app-nav-item[data-mobile-nav="orders"].is-active .mobile-app-nav-ico--orders::before,
    body.body-layout-foodstrip .mobile-app-nav-item[data-mobile-nav="orders"].is-active .mobile-app-nav-ico--orders::after {
        color: currentColor !important;
    }
}