/* C037-v4 Local Food. The dedicated mobile root does not style the PC page. */
.mfood-app { display: none; }

@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body.has-mobile-food-home {
        margin: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body #food-app[data-page="home"].has-mobile-food-home {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: var(--mfood-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
    }
    html body #food-app[data-page="home"].has-mobile-food-home > :is(.creation-workspace, [data-fuuvo-shared-sidebar], [data-fuuvo-workspace-rail], .workspace-rail),
    html body.has-mobile-food-home :is(.fuuvo-mobile-topbar, .mobile-chat-topbar, [data-fuuvo-shared-topbar]) {
        display: none !important;
    }
    html body #fuuvo-mobile-food-home.mfood-app {
        --mf-paper: #fffdfa;
        --mf-ink: #29252b;
        --mf-muted: #8f7d70;
        --mf-accent: #a66b3c;
        --mf-line: #ece6e3;
        --mf-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans SC", sans-serif;
        --accent: var(--mf-accent);
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: var(--mfood-viewport-height, 100dvh) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        color: var(--mf-ink) !important;
        color-scheme: light !important;
        font-family: var(--mf-font) !important;
        background: radial-gradient(ellipse 100% 32% at 50% -5%, color-mix(in srgb, var(--home-bg-glow-b, #d9b7d542) 60%, transparent), transparent 94%),
            radial-gradient(ellipse 96% 28% at 65% -5%, color-mix(in srgb, var(--home-bg-glow-a, #f1dabb38) 60%, transparent), transparent 96%),
            radial-gradient(ellipse 90% 26% at 90% -5%, color-mix(in srgb, var(--home-bg-glow-c, #d2c2df30) 60%, transparent), transparent 98%), var(--mf-paper) !important;
        -webkit-text-size-adjust: 100% !important;
    }
    /* Reuse the site theme preference; palettes only supply the background glow. */
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #fuuvo-mobile-food-home.mfood-app,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #fuuvo-mobile-food-home.mfood-app {
        --mf-paper: #1c1a20;
        --mf-ink: #f1edf0;
        --mf-muted: #c6b8ae;
        --mf-accent: #e0aa7c;
        --mf-line: #494149;
        --mf-surface: #28252c;
        --mf-text: var(--mf-ink);
        --mf-highlight: var(--mf-accent);
        --mf-secondary: var(--mf-muted);
        --mf-placeholder: #b6aab9;
        --mf-border: var(--mf-line);
        --mf-language: #28252cb3;
        --mf-control: #353036;
        --mf-selected: #513b2e;
        --mf-button: #68492f;
        --mf-on-button: #fff;
        --mf-shadow: #00000026;
        --mf-footer-shadow: #1c1a20ee;
        --mf-sheet-shadow: #00000055;
        --mf-overlay: #08060fb3;
        --mf-map-opacity: .25;
        color-scheme: dark !important;
    }
    html body #fuuvo-mobile-food-home *,
    html body #fuuvo-mobile-food-home *::before,
    html body #fuuvo-mobile-food-home *::after {
        box-sizing: border-box !important;
        -webkit-text-fill-color: currentColor !important;
    }
    html body #fuuvo-mobile-food-home :is(button, input, textarea, select) {
        font-family: var(--mf-font) !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    html body #fuuvo-mobile-food-home :where(button, a) {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-weight: 400 !important;
        line-height: inherit !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }
    html body #fuuvo-mobile-food-home :is(button, a, input, select, textarea):focus-visible {
        outline: 2px solid var(--mf-accent) !important;
        outline-offset: 3px !important;
    }
    html body #fuuvo-mobile-food-home :is(button, input, select, textarea):disabled { opacity: .55 !important; cursor: default !important; }
    html body #fuuvo-mobile-food-home svg { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; }
    html body #fuuvo-mobile-food-home [hidden] { display: none !important; }
    html body #fuuvo-mobile-food-home :is(h1, h2, p) { margin: 0 !important; }

    html body #fuuvo-mobile-food-home > header,
    html body #fuuvo-mobile-food-home #food-home-header {
        display: flex !important;
        align-items: center !important;
        flex: none !important;
        gap: 8px !important;
        height: 54px !important;
        min-width: 0 !important;
        padding: max(0px, env(safe-area-inset-top)) 18px 0 !important;
        height: calc(54px + env(safe-area-inset-top)) !important;
        background: transparent !important;
        color: var(--mf-ink) !important;
    }
    html body #fuuvo-mobile-food-home .back { display: grid !important; place-items: center !important; flex: none !important; width: 32px !important; min-width: 32px !important; height: 44px !important; margin-left: -7px !important; }
    html body #fuuvo-mobile-food-home .back svg { width: 21px !important; height: 21px !important; }
    html body #fuuvo-mobile-food-home header h1 { display: flex !important; align-items: center !important; gap: 8px !important; flex: 1 !important; min-width: 0 !important; font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; line-height: 1.4 !important; }
    html body #fuuvo-mobile-food-home .mini-brand { display: block !important; width: 57px !important; min-width: 57px !important; height: auto !important; filter: none !important; object-fit: contain !important; }
    html body #fuuvo-mobile-food-home .language { display: flex !important; flex: none !important; gap: 2px !important; padding: 2px !important; border: 0 !important; border-radius: 11px !important; background: var(--mf-language, #ffffff80) !important; }
    html body #fuuvo-mobile-food-home .language button { display: grid !important; place-items: center !important; min-width: 31px !important; min-height: 44px !important; border-radius: 8px !important; font-size: 11px !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-food-home .language button[aria-pressed="true"] { background: var(--mf-surface, #fff) !important; box-shadow: 0 2px 7px var(--mf-shadow, #77707708) !important; }
    html body #fuuvo-mobile-food-home .keyboard-brand { display: none !important; width: 105px !important; height: auto !important; filter: none !important; }

    html body #fuuvo-mobile-food-home .page-scroll {
        display: block !important;
        flex: 1 !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain !important;
        scrollbar-width: none !important;
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    html body #fuuvo-mobile-food-home :is(.page-scroll, .sheet-scroll, .need-list, .taste-strip, .preference-chips)::-webkit-scrollbar { display: none !important; }
    html body #fuuvo-mobile-food-home #location-bar { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 0 8px !important; padding: 1px 22px 8px !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .location-status { flex: 0 0 100% !important; min-width: 0 !important; margin: 0 0 4px !important; color: var(--mf-secondary, #847a88) !important; font-size: 10px !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-food-home .location-status:empty { display: none !important; }
    html body #fuuvo-mobile-food-home .location-row { display: flex !important; align-items: center !important; gap: 6px !important; flex: 1 !important; min-width: 0 !important; min-height: 44px !important; text-align: left !important; background: transparent !important; }
    html body #fuuvo-mobile-food-home .location-row .pin { display: grid !important; place-items: center !important; width: 18px !important; color: var(--mf-accent) !important; flex: none !important; }
    html body #fuuvo-mobile-food-home .location-row .pin svg { width: 17px !important; height: 17px !important; }
    html body #fuuvo-mobile-food-home .location-copy { flex: 1 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .location-copy strong { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.5 !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-food-home .location-copy strong svg { width: 14px !important; height: 14px !important; color: var(--mf-secondary, #6d656b) !important; }
    html body #fuuvo-mobile-food-home .location-copy small { font-size: 11px !important; color: var(--mf-secondary, #625b5c) !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .locate-short { display: flex !important; align-items: center !important; gap: 5px !important; flex: none !important; min-height: 44px !important; font-size: 10px !important; white-space: nowrap !important; color: var(--mf-accent) !important; }
    html body #fuuvo-mobile-food-home .locate-short svg { width: 16px !important; height: 16px !important; }

    html body #fuuvo-mobile-food-home #food-prompt-form.composer { display: block !important; position: static !important; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 22px 3px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    html body #fuuvo-mobile-food-home .composer-frame { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; padding: 13px 14px !important; border: 1px solid var(--mf-border, #e8e0db) !important; border-radius: 23px !important; background: var(--mf-surface, #fff) !important; box-shadow: 0 4px 15px var(--mf-shadow, #49362b06) !important; }
    html body #fuuvo-mobile-food-home .composer-frame textarea { display: block !important; position: static !important; flex: 1 !important; min-width: 0 !important; width: 100% !important; height: 50px !important; min-height: 50px !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #171821 !important; box-shadow: none !important; outline: none !important; resize: none !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; }
    html body #fuuvo-mobile-food-home .composer-frame textarea::placeholder { color: var(--mf-placeholder, #a39aa3) !important; opacity: 1 !important; }
    html body #fuuvo-mobile-food-home .search-mark { display: grid !important; place-items: center !important; flex: none !important; color: var(--mf-text, #49434a) !important; }
    html body #fuuvo-mobile-food-home .search-mark svg { width: 22px !important; height: 22px !important; }
    html body #fuuvo-mobile-food-home .search-aura { display: grid !important; place-items: center !important; position: relative !important; flex: none !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: radial-gradient(circle at 20% 25%, #6acbc279, transparent 65%), radial-gradient(circle at 80% 75%, #ef9bbd85, transparent 70%), radial-gradient(circle at 65% 25%, #bca2e984, transparent 70%) !important; color: var(--mf-text, #61595e) !important; }
    html body #fuuvo-mobile-food-home .search-aura > span { font-size: 9px !important; letter-spacing: .3px !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-food-home #quick-bar { padding: 0 0 8px !important; }
    html body #fuuvo-mobile-food-home .need-list { display: flex !important; flex-direction: row !important; gap: 7px !important; padding: 0 22px !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; }
    html body #fuuvo-mobile-food-home .need { display: flex !important; align-items: center !important; gap: 5px !important; flex: none !important; min-height: 44px !important; padding: 0 11px !important; border-radius: 22px !important; background: var(--mf-control, #f1eae5a6) !important; color: var(--mf-text, #46404a) !important; font-size: 11px !important; white-space: nowrap !important; }
    html body #fuuvo-mobile-food-home .need-icon { display: grid !important; place-items: center !important; flex: none !important; width: 15px !important; height: 15px !important; background: transparent !important; }
    html body #fuuvo-mobile-food-home .need-icon svg { width: 15px !important; height: 15px !important; color: var(--mf-highlight, #997855) !important; }
    html body #fuuvo-mobile-food-home .need[aria-pressed="true"] { background: var(--mf-selected, #ebdbc9) !important; color: var(--mf-highlight, #835c36) !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-food-home #content { display: block !important; flex: none !important; min-height: auto !important; overflow: visible !important; padding: 0 22px 22px !important; background: transparent !important; }
    html body #fuuvo-mobile-food-home .section-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .section-top h2 { color: var(--mf-text, #29252b) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: -.1px !important; }
    html body #fuuvo-mobile-food-home .all-tastes { display: flex !important; align-items: center !important; gap: 3px !important; flex: none !important; min-height: 44px !important; font-size: 10px !important; color: var(--mf-secondary, #8b808b) !important; }
    html body #fuuvo-mobile-food-home .all-tastes svg { width: 12px !important; height: 12px !important; }
    html body #fuuvo-mobile-food-home .taste-strip { display: flex !important; gap: 9px !important; margin: 0 -22px !important; padding: 0 22px 7px !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; scroll-snap-type: x proximity !important; }
    html body #fuuvo-mobile-food-home .taste-thumb { position: relative !important; display: flex !important; align-items: center !important; flex-direction: column !important; gap: 3px !important; flex: none !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; min-height: 86px !important; padding: 2px 0 5px !important; color: var(--mf-secondary, #5d565e) !important; scroll-snap-align: center !important; }
    html body #fuuvo-mobile-food-home .food-thumb { display: flex !important; align-items: center !important; justify-content: center !important; width: 59px !important; height: 54px !important; background: transparent !important; }
    html body #fuuvo-mobile-food-home .food-thumb :is(svg, img) { display: block !important; width: 56px !important; height: 56px !important; object-fit: contain !important; }
    html body #fuuvo-mobile-food-home .taste-thumb > span:last-child { width: 100% !important; min-height: 26px !important; font-size: 10px !important; line-height: 1.35 !important; text-align: center !important; }
    html body #fuuvo-mobile-food-home .taste-thumb[aria-pressed="true"] { color: var(--mf-highlight, #9b5b2c) !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-food-home .taste-thumb[aria-pressed="true"]::after { content: ""; position: absolute !important; bottom: 0 !important; width: 16px !important; height: 2px !important; border-radius: 2px !important; background: var(--mf-accent) !important; }
    html body #fuuvo-mobile-food-home .preference-chips { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; margin: 0 -22px 0 0 !important; padding: 9px 22px 16px 0 !important; overflow-x: auto !important; overflow-y: hidden !important; border: 0 !important; scrollbar-width: none !important; overscroll-behavior-x: contain !important; }
    html body #fuuvo-mobile-food-home .filter-chip { display: flex !important; align-items: center !important; gap: 4px !important; flex: none !important; min-height: 44px !important; max-width: 240px !important; padding: 0 9px !important; border-radius: 22px !important; background: var(--mf-control, #f2ece8d4) !important; font-size: 10px !important; }
    html body #fuuvo-mobile-food-home .filter-chip > span { min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    html body #fuuvo-mobile-food-home .filter-chip > svg:first-child { width: 14px !important; height: 14px !important; color: var(--mf-secondary, #9a897d) !important; }
    html body #fuuvo-mobile-food-home .filter-chip > svg:last-child { width: 9px !important; height: 9px !important; color: var(--mf-secondary, #9c929c) !important; }
    html body #fuuvo-mobile-food-home .food-inspiration .section-top { margin-bottom: 10px !important; }
    html body #fuuvo-mobile-food-home .concept-label { font-size: 9px !important; color: var(--mf-secondary, #97877c) !important; line-height: 1.5 !important; text-align: right !important; }
    html body #fuuvo-mobile-food-home .photo-pair { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; }
    html body #fuuvo-mobile-food-home .food-story { display: block !important; min-width: 0 !important; text-align: left !important; }
    html body #fuuvo-mobile-food-home .story-photo { display: block !important; position: relative !important; width: 100% !important; aspect-ratio: 1.12 !important; overflow: hidden !important; border-radius: 15px !important; background: var(--mf-control, #eee4d8) !important; }
    html body #fuuvo-mobile-food-home .story-photo img { position: absolute !important; top: 50% !important; width: 200% !important; max-width: none !important; height: auto !important; transform: translateY(-50%) !important; }
    html body #fuuvo-mobile-food-home .story-photo img.dish-0 { left: 0 !important; }
    html body #fuuvo-mobile-food-home .story-photo img.dish-1 { right: 0 !important; }
    html body #fuuvo-mobile-food-home .story-photo img.dish-single { position: static !important; width: 100% !important; height: 100% !important; transform: none !important; object-fit: cover !important; }
    html body #fuuvo-mobile-food-home .food-story strong { display: block !important; margin-top: 9px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--mf-text, #29252b) !important; line-height: 1.4 !important; }
    html body #fuuvo-mobile-food-home .story-caption { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 3px !important; font-size: 10px !important; line-height: 1.4 !important; color: var(--mf-secondary, #918074) !important; }
    html body #fuuvo-mobile-food-home .story-caption svg { width: 13px !important; height: 13px !important; }
    html body #fuuvo-mobile-food-home .food-story[aria-pressed="true"] .story-caption { color: var(--mf-accent) !important; }
    html body #fuuvo-mobile-food-home .food-story[aria-pressed="true"] .story-photo { box-shadow: 0 0 0 2px var(--mf-highlight, #c09b76) !important; }
    html body #fuuvo-mobile-food-home .explore { display: block !important; margin: 22px 0 0 !important; padding: 0 !important; border: 0 !important; }
    html body #fuuvo-mobile-food-home .map-explore { display: flex !important; align-items: center !important; position: relative !important; isolation: isolate !important; gap: 10px !important; width: 100% !important; height: 88px !important; padding: 0 15px !important; border-radius: 15px !important; overflow: hidden !important; text-align: left !important; background: var(--mf-control, #f3eee8) !important; }
    html body #fuuvo-mobile-food-home .map-art { position: absolute !important; inset: 0 !important; z-index: 0 !important; opacity: var(--mf-map-opacity, .82) !important; }
    html body #fuuvo-mobile-food-home .map-art svg { width: 100% !important; height: 100% !important; object-fit: cover !important; }
    html body #fuuvo-mobile-food-home .map-copy { position: relative !important; z-index: 1 !important; flex: 1 !important; }
    html body #fuuvo-mobile-food-home .map-copy strong { display: block !important; color: var(--mf-text, #654d3b) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .map-copy small { display: block !important; margin-top: 3px !important; color: var(--mf-secondary, #917b68) !important; font-size: 10px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .map-go { display: grid !important; place-items: center !important; position: relative !important; z-index: 1 !important; flex: none !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: var(--mf-surface, #fff9eccc) !important; }
    html body #fuuvo-mobile-food-home .map-go svg { width: 16px !important; height: 16px !important; color: var(--mf-highlight, #a36c47) !important; }

    html body #fuuvo-mobile-food-home .supplement { margin-top: 23px !important; padding-top: 23px !important; border-top: 1px solid var(--mf-line) !important; }
    html body #fuuvo-mobile-food-home .supplement .section-top { margin-bottom: 8px !important; }
    html body #fuuvo-mobile-food-home .section-note { color: var(--mf-secondary, #9b8e86) !important; font-size: 10px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .need-menu { display: flex !important; flex-direction: column !important; gap: 0 !important; }
    html body #fuuvo-mobile-food-home :is(.quick-option, .explore-link) { display: flex !important; align-items: center !important; gap: 11px !important; width: 100% !important; min-height: 49px !important; padding: 5px 0 !important; text-align: left !important; font-size: 12px !important; color: var(--mf-text, #3e3941) !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .option-art { display: grid !important; place-items: center !important; flex: none !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: var(--mf-control, #fcf4e9) !important; }
    html body #fuuvo-mobile-food-home .option-art svg { width: 17px !important; height: 17px !important; color: var(--mf-highlight, #ad7b50) !important; }
    html body #fuuvo-mobile-food-home :is(.quick-option > span:nth-child(2), .explore-link > span) { flex: 1 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home :is(.quick-option, .explore-link) > svg:last-child { width: 15px !important; height: 15px !important; color: var(--mf-secondary, #a999a3) !important; }
    html body #fuuvo-mobile-food-home .quick-option[aria-pressed="true"] { color: var(--mf-highlight, #a46a3b) !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-food-home .quick-option[aria-pressed="true"] .option-art { background: var(--mf-selected, #f2e3cf) !important; }
    html body #fuuvo-mobile-food-home .preference-review { margin-top: 19px !important; padding-top: 20px !important; border-top: 1px solid var(--mf-line) !important; }
    html body #fuuvo-mobile-food-home .review-copy { margin: 2px 0 12px !important; color: var(--mf-secondary, #978a85) !important; font-size: 11px !important; line-height: 1.6 !important; }
    html body #fuuvo-mobile-food-home .preference-row { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 50px !important; padding: 9px 0 !important; border-bottom: 1px solid var(--mf-border, #efebe7) !important; text-align: left !important; }
    html body #fuuvo-mobile-food-home .preference-row > svg:first-child { width: 18px !important; height: 18px !important; color: var(--mf-secondary, #9a8271) !important; }
    html body #fuuvo-mobile-food-home .preference-name { min-width: 50px !important; color: var(--mf-secondary, #898087) !important; font-size: 11px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .preference-value { flex: 1 !important; min-width: 0 !important; color: var(--mf-text, #3e3941) !important; font-size: 12px !important; text-align: right !important; overflow-wrap: anywhere !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .preference-row > svg:last-child { width: 12px !important; height: 12px !important; color: var(--mf-secondary, #a99ea9) !important; }
    html body #fuuvo-mobile-food-home .more-explore { margin-top: 23px !important; padding-top: 19px !important; border-top: 1px solid var(--mf-line) !important; }
    html body #fuuvo-mobile-food-home .explore-link { min-height: 47px !important; border-bottom: 1px solid var(--mf-border, #efebe7) !important; }
    html body #fuuvo-mobile-food-home .explore-link > svg:first-child { width: 18px !important; height: 18px !important; color: var(--mf-highlight, #a4774b) !important; }
    html body #fuuvo-mobile-food-home .disclaimer { margin-top: 17px !important; font-size: 9px !important; color: var(--mf-secondary, #958578) !important; line-height: 1.65 !important; }
    html body #fuuvo-mobile-food-home #primary-action { display: block !important; flex: none !important; position: static !important; z-index: 2 !important; padding: 9px 22px calc(10px + env(safe-area-inset-bottom)) !important; background: var(--mf-paper) !important; box-shadow: 0 -7px 16px var(--mf-footer-shadow, #fffdfaee) !important; }
    html body #fuuvo-mobile-food-home .find-button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 48px !important; padding: 0 16px !important; border-radius: 24px !important; background: var(--mf-button, #29252a) !important; color: var(--mf-on-button, #fff) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; }
    html body #fuuvo-mobile-food-home .find-button svg { width: 18px !important; height: 18px !important; }

    html body #fuuvo-mobile-food-home :is(#food-home-overlay, #overlay, .mfood-overlay) { display: flex !important; align-items: flex-end !important; position: absolute !important; inset: 0 !important; z-index: 20 !important; background: var(--mf-overlay, #25233132) !important; backdrop-filter: blur(3px) !important; }
    html body #fuuvo-mobile-food-home :is(#food-home-overlay, #overlay, .mfood-overlay)[hidden] { display: none !important; }
    html body #fuuvo-mobile-food-home .sheet { display: flex !important; flex-direction: column !important; width: 100% !important; max-height: calc(100% - max(8px, env(safe-area-inset-top))) !important; min-height: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 27px 27px 0 0 !important; background: var(--mf-surface, #fff) !important; color: var(--mf-ink) !important; box-shadow: 0 -9px 40px var(--mf-sheet-shadow, #3a314514) !important; }
    html body #fuuvo-mobile-food-home .handle { flex: none !important; width: 33px !important; height: 4px !important; margin: 9px auto 2px !important; border-radius: 5px !important; background: var(--mf-border, #ded9e2) !important; }
    html body #fuuvo-mobile-food-home .sheet-header { display: flex !important; align-items: center !important; justify-content: space-between !important; flex: none !important; gap: 10px !important; padding: 5px 22px 7px !important; color: var(--mf-ink) !important; background: var(--mf-surface, #fff) !important; }
    html body #fuuvo-mobile-food-home .sheet-header h2 { font-size: 19px !important; font-weight: 500 !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .sheet-header button { display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; margin-right: -6px !important; }
    html body #fuuvo-mobile-food-home .sheet-header svg { width: 21px !important; height: 21px !important; }
    html body #fuuvo-mobile-food-home .sheet-scroll { min-width: 0 !important; min-height: 0 !important; padding: 0 22px calc(20px + env(safe-area-inset-bottom)) !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-width: none !important; overscroll-behavior-y: contain !important; }
    html body #fuuvo-mobile-food-home .sheet-description { margin: 0 0 16px !important; color: var(--mf-secondary, #847a88) !important; font-size: 11px !important; line-height: 1.6 !important; }
    html body #fuuvo-mobile-food-home .choice { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 48px !important; padding: 10px 6px !important; border-bottom: 1px solid var(--mf-border, #f0edf1) !important; text-align: left !important; color: var(--mf-text, #39333d) !important; font-size: 13px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .choice::before { content: ""; flex: none !important; width: 17px !important; height: 17px !important; border: 1px solid var(--mf-border, #dad3df) !important; border-radius: 50% !important; }
    html body #fuuvo-mobile-food-home .choice > span { flex: 1 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .choice svg { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-food-home .choice:is(.selected, [aria-selected="true"]) { color: var(--mf-accent) !important; }
    html body #fuuvo-mobile-food-home .choice:is(.selected, [aria-selected="true"])::before { border: 5px solid var(--mf-highlight, #b77745) !important; background: var(--mf-surface, #fff) !important; }
    html body #fuuvo-mobile-food-home .sheet-footer { flex: none !important; padding: 13px 22px calc(12px + env(safe-area-inset-bottom)) !important; border-top: 1px solid var(--mf-border, #f1edf1) !important; background: var(--mf-surface, #fff) !important; }
    html body #fuuvo-mobile-food-home .done { width: 100% !important; height: 45px !important; border-radius: 12px !important; background: var(--mf-button, #29252a) !important; color: var(--mf-on-button, #fff) !important; font-size: 13px !important; }
    html body #fuuvo-mobile-food-home .account-row { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 48px !important; width: 100% !important; border-bottom: 1px solid var(--mf-border, #f0edf2) !important; text-align: left !important; font-size: 13px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .account-row svg { width: 20px !important; height: 20px !important; color: var(--mf-secondary, #948494) !important; }

    /* The canonical location controls keep the existing CN and SG behaviour. */
    html body #fuuvo-mobile-food-home .food-location-panel { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--mf-surface, #fff) !important; box-shadow: none !important; }
    html body #fuuvo-mobile-food-home .food-location-panel > h2 { display: none !important; }
    html body #fuuvo-mobile-food-home .food-location-controls { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; margin-bottom: 13px !important; }
    html body #fuuvo-mobile-food-home .food-location-current { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; min-height: 45px !important; padding: 0 12px !important; border: 1px solid var(--mf-border, #eee1d5) !important; border-radius: 12px !important; background: var(--mf-surface, #fff) !important; color: var(--mf-accent) !important; font-size: 12px !important; }
    html body #fuuvo-mobile-food-home .food-location-current img { width: 18px !important; height: 18px !important; object-fit: contain !important; }
    html body #fuuvo-mobile-food-home .food-location-status { color: var(--mf-secondary, #847a88) !important; font-size: 11px !important; line-height: 1.6 !important; }
    html body #fuuvo-mobile-food-home .food-location-status:empty { display: none !important; }
    html body #fuuvo-mobile-food-home .food-address-picker { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 13px !important; margin: 0 !important; padding: 0 !important; width: 100% !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .food-address-picker label { display: block !important; min-width: 0 !important; width: 100% !important; }
    html body #fuuvo-mobile-food-home .food-address-picker label > span { display: block !important; margin: 0 0 6px !important; color: var(--mf-secondary, #89818e) !important; font-size: 11px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .food-location-panel :is(select, input:not([type="hidden"])) { position: static !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 10px 11px !important; border: 1px solid var(--mf-border, #e8e1e9) !important; border-radius: 10px !important; background: var(--mf-surface, #fff) !important; color: var(--mf-text, #39333d) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; box-shadow: none !important; }
    html body #fuuvo-mobile-food-home .food-location-panel input::placeholder { color: var(--mf-placeholder, #958b99) !important; opacity: 1 !important; }
    html body #fuuvo-mobile-food-home .food-mrt-select { position: static !important; min-width: 0 !important; }
    html body #fuuvo-mobile-food-home .food-mrt-trigger { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; min-height: 44px !important; padding: 10px 11px !important; border: 1px solid var(--mf-border, #e8e1e9) !important; border-radius: 10px !important; background: var(--mf-surface, #fff) !important; color: var(--mf-text, #39333d) !important; font-size: 13px !important; line-height: 1.5 !important; text-align: left !important; }
    html body #fuuvo-mobile-food-home .food-mrt-picker { position: static !important; width: 100% !important; min-width: 0 !important; max-height: none !important; margin-top: 8px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; background: var(--mf-surface, #fff) !important; box-shadow: none !important; }
    html body #fuuvo-mobile-food-home .food-mrt-tools { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 0 !important; }
    html body #fuuvo-mobile-food-home .food-mrt-options { max-height: none !important; overflow: visible !important; padding: 0 !important; }
    html body #fuuvo-mobile-food-home .food-mrt-option { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 5px 10px !important; width: 100% !important; min-height: 52px !important; padding: 8px 3px !important; border: 0 !important; border-bottom: 1px solid var(--mf-border, #f0edf2) !important; border-radius: 0 !important; background: var(--mf-surface, #fff) !important; color: var(--mf-text, #39333d) !important; text-align: left !important; }
    html body #fuuvo-mobile-food-home .food-mrt-option strong { font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-food-home .food-mrt-option-meta { display: flex !important; gap: 4px !important; flex-wrap: wrap !important; }
    html body #fuuvo-mobile-food-home .food-mrt-line-badge { padding: 3px 5px !important; border-radius: 4px !important; background: color-mix(in srgb, var(--mrt-line-color, #938b9a) 14%, var(--mf-surface, #fff)) !important; color: var(--mf-secondary, #625b68) !important; font: normal 9px/1.3 Arial, sans-serif !important; }
    html body #fuuvo-mobile-food-home .food-mrt-option small { grid-column: 1 / -1 !important; color: var(--mf-secondary, #8f8496) !important; font-size: 10px !important; }
    html body #fuuvo-mobile-food-home .food-mrt-option.is-selected { background: var(--mf-selected, #fcf6ef) !important; color: var(--mf-accent) !important; }
    html body #fuuvo-mobile-food-home .food-mrt-empty { padding: 30px 0 !important; color: var(--mf-secondary, #8d8293) !important; font-size: 12px !important; text-align: center !important; }

    /* Keyboard mode remains a naturally scrollable single input region. */
    html body #fuuvo-mobile-food-home.keyboard header :is(.back, h1, .language) { display: none !important; }
    html body #fuuvo-mobile-food-home.keyboard #food-home-header { justify-content: center !important; height: calc(56px + env(safe-area-inset-top)) !important; }
    html body #fuuvo-mobile-food-home.keyboard .keyboard-brand { display: block !important; }
    html body #fuuvo-mobile-food-home.keyboard :is(#location-bar, #quick-bar, #content) { display: none !important; }
    html body #fuuvo-mobile-food-home.keyboard .page-scroll { display: flex !important; flex-direction: column !important; overflow-y: auto !important; }
    html body #fuuvo-mobile-food-home.keyboard #food-prompt-form.composer { margin-top: 18px !important; }
    html body #fuuvo-mobile-food-home.keyboard .composer-frame textarea { height: 85px !important; min-height: 85px !important; }
    html body #fuuvo-mobile-food-home.keyboard .search-aura { display: none !important; }
    html body #fuuvo-mobile-food-home.keyboard #primary-action { padding-bottom: 10px !important; }

    @media (max-width: 374px) {
        html body #fuuvo-mobile-food-home #food-home-header { gap: 6px !important; padding-left: 16px !important; padding-right: 16px !important; }
        html body #fuuvo-mobile-food-home header h1 { gap: 6px !important; font-size: 14px !important; }
        html body #fuuvo-mobile-food-home .mini-brand { width: 52px !important; min-width: 52px !important; }
        html body #fuuvo-mobile-food-home :is(#location-bar, #content, #primary-action, #food-prompt-form.composer) { padding-left: 20px !important; padding-right: 20px !important; }
        html body #fuuvo-mobile-food-home .need-list { padding-left: 20px !important; padding-right: 20px !important; }
        html body #fuuvo-mobile-food-home .locate-short { font-size: 9px !important; }
        html body #fuuvo-mobile-food-home .location-copy strong { font-size: 12px !important; }
        html body #fuuvo-mobile-food-home .location-copy small { font-size: 10px !important; }
        html body #fuuvo-mobile-food-home .taste-strip { gap: 7px !important; margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important; }
        html body #fuuvo-mobile-food-home .preference-chips { margin-right: -20px !important; padding-right: 20px !important; }
        html body #fuuvo-mobile-food-home .photo-pair { gap: 10px !important; }
        html body #fuuvo-mobile-food-home .food-story strong { font-size: 13px !important; }
    }
    @media (prefers-reduced-motion: reduce) {
        html body #fuuvo-mobile-food-home,
        html body #fuuvo-mobile-food-home * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
    }
}
}