@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Archivo Variable", Archivo, system-ui, sans-serif;--font-body: "Archivo Variable", Archivo, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-label: .875rem;--text-base: 1rem;--text-title: clamp(1.5rem, 1.06rem + 1.75vw, 2rem);--text-display: clamp(2.25rem, 1.06rem + 4.75vw, 4.75rem);--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--leading-display: .95;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--control-sm: 36px;--control-md: 44px;--control-lg: 52px;--control-kds: 64px;--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--elevation-0: none;--elevation-1: 0 1px 2px rgba(26,24,22,.06), 0 1px 3px rgba(26,24,22,.1);--elevation-2: 0 2px 4px rgba(26,24,22,.06), 0 4px 8px rgba(26,24,22,.08);--elevation-3: 0 4px 8px rgba(26,24,22,.06), 0 8px 24px rgba(26,24,22,.12);--elevation-4: 0 8px 16px rgba(26,24,22,.08), 0 16px 48px rgba(26,24,22,.16);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-border-focus) 40%, transparent);--focus-offset: 2px;color-scheme:light dark;--color-text-heading: #2B2F36;--color-text-body: #2B2F36;--color-text-muted: #5F6672;--color-text-disabled: #6B7280;--color-text-inverse: #FFFFFF;--color-text-on-inverse: #FFFFFF;--color-text-muted-on-inverse: #C7CBD2;--color-text-brand: #B32317;--color-surface-page: #FFFFFF;--color-surface-raised: #FAF7F2;--color-surface-sunken: #F1EDE6;--color-surface-overlay: rgba(26,24,22,.55);--color-surface-inverse: #2B2F36;--color-border-subtle: #D4D7DD;--color-border-strong: #8A909B;--color-border-focus: #0B5FD0;--color-brand: #B32317;--color-brand-hover: #8F1C12;--color-brand-active: #6E150E;--color-brand-subtle: #FDF3F1;--color-brand-on: #FFFFFF;--color-brand-on-inverse: #E08B7E;--color-success: #0A6B32;--color-danger: #B3261E;--color-warning-surface: #FFC53D;--color-warning-text: #6B4A00;--color-warning-on: #000000}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-text-heading: #F5F6F8;--color-text-body: #E6E8EC;--color-text-muted: #A8AEB8;--color-text-disabled: #868C96;--color-text-inverse: #1A1816;--color-text-on-inverse: #E6E8EC;--color-text-muted-on-inverse: #C7CBD2;--color-text-brand: #FF8A7A;--color-surface-page: #1A1816;--color-surface-raised: #1F1D1B;--color-surface-sunken: #0F0E0D;--color-surface-overlay: rgba(0,0,0,.65);--color-surface-inverse: #0F0E0D;--color-border-subtle: #2A2D33;--color-border-strong: #6E737D;--color-border-focus: #7CB2FF;--color-brand: #FF8A7A;--color-brand-hover: #FFA396;--color-brand-active: #FFB9AF;--color-brand-subtle: #3A1A15;--color-brand-on: #3A0A05;--color-brand-on-inverse: #E08B7E;--color-success: #4ADE80;--color-danger: #FF6B6B;--color-warning-surface: #FFC53D;--color-warning-text: #FFD98A;--color-warning-on: #000000}}:root[data-theme=dark]{--color-text-heading: #F5F6F8;--color-text-body: #E6E8EC;--color-text-muted: #A8AEB8;--color-text-disabled: #868C96;--color-text-inverse: #1A1816;--color-text-on-inverse: #E6E8EC;--color-text-muted-on-inverse: #C7CBD2;--color-text-brand: #FF8A7A;--color-surface-page: #1A1816;--color-surface-raised: #1F1D1B;--color-surface-sunken: #0F0E0D;--color-surface-overlay: rgba(0,0,0,.65);--color-surface-inverse: #0F0E0D;--color-border-subtle: #2A2D33;--color-border-strong: #6E737D;--color-border-focus: #7CB2FF;--color-brand: #FF8A7A;--color-brand-hover: #FFA396;--color-brand-active: #FFB9AF;--color-brand-subtle: #3A1A15;--color-brand-on: #3A0A05;--color-brand-on-inverse: #E08B7E;--color-success: #4ADE80;--color-danger: #FF6B6B;--color-warning-surface: #FFC53D;--color-warning-text: #FFD98A;--color-warning-on: #000000}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{background:var(--color-surface-page);color:var(--color-text-body)}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}*{box-sizing:border-box}button,a,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:where(a,button,select,[tabindex]):focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-border-focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--color-surface-page);border-radius:0 0 var(--radius-md) 0;color:var(--color-text-heading);font-size:var(--text-base);font-weight:var(--weight-bold);left:0;padding:14px 20px;position:fixed;top:0;transform:translateY(-140%);transition:transform var(--duration-fast) var(--ease-out);z-index:var(--z-toast)}.skip-link:focus-visible{transform:translateY(0)}.preview-banner{background:var(--color-warning-surface);color:var(--color-warning-on);font-size:var(--text-label);line-height:var(--leading-snug);margin:0;padding:10px clamp(20px,4vw,68px);text-align:center}.preview-banner strong{font-weight:var(--weight-bold)}.topbar{position:relative;align-items:center;background:var(--color-surface-page);display:grid;gap:16px;grid-template-columns:auto 1fr auto;min-height:80px;padding:0 clamp(20px,4vw,68px);position:sticky;top:0;z-index:var(--z-sticky)}.wordmark{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.wordmark span{color:var(--color-brand)}.nav-toggle{display:none}.topbar nav{display:flex;gap:clamp(10px,2vw,30px);justify-content:center}.topbar nav a,.topbar nav button{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font-size:var(--text-label);font-weight:var(--weight-semibold);min-height:44px;padding:0 6px}.order-link,.button{align-items:center;background:var(--color-brand);border:0;border-radius:var(--radius-full);color:var(--color-brand-on);display:inline-flex;font-size:var(--text-label);font-weight:var(--weight-bold);gap:10px;justify-content:center;min-height:48px;padding:0 26px;transition:background-color var(--duration-fast) var(--ease-out)}.order-link{min-height:44px;padding:0 20px}.button:hover:not(:disabled),.order-link:hover{background:var(--color-brand-hover)}.button:disabled{cursor:not-allowed;opacity:.55}.button--wide{width:100%}.button--add{min-height:44px;width:100%}.button__count{background:var(--color-brand-on);border-radius:var(--radius-full);color:var(--color-brand);font-size:var(--text-label);font-weight:var(--weight-bold);min-width:24px;padding:2px 8px}.hero{min-height:min(700px,78vh);overflow:hidden;position:relative}.hero>img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.hero:after{background:linear-gradient(90deg,#140f0ce0,#140f0cb8 42%,#140f0c1f 88%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.hero__content{color:#fff;left:clamp(20px,8vw,140px);max-width:640px;padding:120px 0;position:relative;z-index:1}.hero h1{text-transform:uppercase;color:#fff;font-family:var(--font-display);font-size:min(var(--text-display),13vw);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-display);margin:0}.hero__copy{font-size:var(--text-base);line-height:var(--leading-normal);margin:24px 0 32px;max-width:34ch}.eyebrow{color:var(--color-text-brand);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0 0 14px;text-transform:uppercase}.eyebrow--light{color:#ffd9d3}.quick-links{background:var(--color-brand);color:var(--color-brand-on);display:grid;grid-template-columns:repeat(3,1fr)}.quick-links a{align-items:center;border-right:1px solid rgba(255,255,255,.3);display:grid;gap:4px 12px;grid-template-columns:auto 1fr auto;min-height:104px;padding:22px clamp(20px,5vw,70px)}.quick-links a:last-child{border-right:0}.quick-links span{font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.quick-links strong{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.how-it-works{display:grid;gap:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);margin:0 auto;max-width:1440px;padding:104px clamp(20px,6vw,96px)}.section-intro{max-width:34rem}.section-intro h2,.choice-section h2,.values-section__intro h2{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.section-intro>p:not(.eyebrow),.choice-section__body>p,.values-section__intro>p:not(.eyebrow){color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:18px 0 0}.how-it-works__steps{counter-reset:step;display:grid;gap:1px;list-style:none;margin:0;padding:0}.how-it-works__steps li{background:var(--color-surface-sunken);display:grid;gap:8px;grid-template-columns:52px 1fr;padding:24px}.how-it-works__steps span{color:var(--color-brand);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);grid-row:span 2}.how-it-works__steps h3{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.how-it-works__steps p{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.choice-section{background:var(--color-surface-inverse);color:var(--color-text-on-inverse);display:grid;grid-template-columns:1fr 1fr}.choice-section>img{height:100%;min-height:560px;object-fit:cover;width:100%}.choice-section__body{align-content:center;display:grid;padding:clamp(52px,7vw,112px)}.choice-section .eyebrow{color:var(--color-brand-on-inverse)}.choice-section h2{color:var(--color-text-on-inverse)}.choice-section__body>p{color:var(--color-text-muted-on-inverse)}.choice-section ul{display:grid;gap:18px;list-style:none;margin:32px 0 0;padding:0}.choice-section li{border-top:1px solid color-mix(in srgb,var(--color-text-on-inverse) 24%,transparent);display:grid;gap:4px;padding-top:16px}.choice-section li strong{color:var(--color-text-on-inverse);font-size:var(--text-base)}.choice-section li span{color:var(--color-text-muted-on-inverse);line-height:var(--leading-normal)}.order-config{align-items:end;background:var(--color-surface-raised);box-shadow:var(--elevation-1);display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1120px;padding:22px 26px;position:relative;width:calc(100% - 40px);z-index:2}.order-config__field{border:0;display:grid;gap:6px;margin:0;min-inline-size:0;min-width:0;padding:0}.order-config label,.order-config legend,.order-config__label{color:var(--color-text-muted);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);padding:0;text-transform:uppercase}.order-config select{background:var(--color-surface-page);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);min-height:44px;padding:0 12px;width:100%}.order-config__status{color:var(--color-text-muted);font-size:var(--text-label);margin:0}.config-change{align-items:center;align-self:start;background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-heading);display:inline-flex;font:inherit;font-weight:var(--weight-semibold);justify-content:center;min-height:44px;padding:0 18px;transition:background-color var(--duration-fast) var(--ease-out)}.config-change:hover{background:var(--color-surface-sunken)}.order-config strong{color:var(--color-text-heading)}.toggle{background:var(--color-surface-sunken);border-radius:var(--radius-full);display:flex;flex-wrap:wrap;justify-self:start;max-width:100%;padding:4px}.toggle__option{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--text-label);font-weight:var(--weight-semibold);gap:8px;min-height:40px;padding:0 16px}.toggle__option input{accent-color:var(--color-brand);height:18px;margin:0;width:18px}.toggle__option:has(input:checked){background:var(--color-surface-page);box-shadow:var(--elevation-1);color:var(--color-text-heading)}.toggle__option:has(input:disabled){color:var(--color-text-disabled);cursor:not-allowed}.module{display:grid;gap:34px;margin:0 auto;max-width:1560px;padding:96px clamp(20px,11.7vw,168px)}.module--closing{gap:26px;padding-bottom:110px}.module__cta{margin:0;text-align:center}.section-label{color:var(--color-text-heading);font-family:var(--font-display);font-size:min(var(--text-display),13vw);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:.95;margin:0;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.button--big{font-size:var(--text-base);min-height:60px;padding:0 38px}.rail{display:grid;gap:20px;grid-auto-columns:minmax(0,314px);grid-auto-flow:column;list-style:none;margin:0;padding:0}.rail__card{background:var(--color-surface-raised);border-radius:var(--radius-lg);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.rail__card img{aspect-ratio:5 / 4;display:block;height:auto;object-fit:cover;width:100%}.rail__card,.rail__body{min-width:0}.rail__body h3,.rail__body p{overflow-wrap:anywhere}.rail__body{align-content:start;display:grid;gap:14px;padding:20px}.rail__body h3{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;text-transform:uppercase}.rail__body button{align-items:center;align-self:end;background:none;border:0;color:var(--color-text-brand);display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-bold);gap:8px;justify-self:start;min-height:44px;padding:0;text-align:left}.rail__body button:hover{text-decoration:underline;text-underline-offset:4px}.hero--secondary{min-height:min(700px,78vh)}.hero--secondary .hero__content{padding:120px 0}.hero--secondary h2{text-transform:uppercase;color:#fff;font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-display);margin:0}.story-row{align-items:center;display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:1fr minmax(0,520px);margin:0 auto;max-width:1560px;padding:72px clamp(20px,11.7vw,168px)}.story-row__body{display:grid;gap:18px;justify-items:start;max-width:34ch}.story-row h2{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;text-transform:uppercase}.story-row p{color:var(--color-text-muted);margin:0}.story-row img{border-radius:var(--radius-lg);display:block;height:auto;object-fit:cover;width:100%}.text-link{align-items:center;background:transparent;border:0;color:var(--color-text-brand);display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-bold);gap:8px;min-height:44px;padding:0;text-align:left}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.full-bleed{aspect-ratio:21 / 8;display:block;object-fit:cover;width:100%}.module--tight{gap:18px;padding-top:0}.fine-print{color:var(--color-text-muted);font-size:var(--text-label);line-height:var(--leading-snug);margin:0;max-width:78ch}.rail__body p{color:var(--color-text-muted);font-size:var(--text-label);line-height:var(--leading-snug);margin:0}.rail__body a{align-items:center;align-self:end;color:var(--color-text-brand);display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-bold);gap:8px;justify-self:start;min-height:44px}.rail__body a:hover{text-decoration:underline;text-underline-offset:4px}.branch-where strong{line-height:var(--leading-snug)}.branch-where__links{display:flex;flex-wrap:wrap;gap:16px;margin:4px 0 0}.branch-where__links a{align-items:center;color:var(--color-text-brand);display:inline-flex;font-size:var(--text-label);font-weight:var(--weight-bold);gap:6px;min-height:32px}.branch-where__links a:hover{text-decoration:underline;text-underline-offset:4px}.delivery-line{color:var(--color-text-muted);font-size:var(--text-label);margin:12px auto 0;max-width:1120px;padding:0 26px;width:100%}.address .confirm__panel{gap:14px}.address__row{display:grid;gap:14px;grid-template-columns:1fr 140px}.address__quote{background:var(--color-surface-sunken);border-radius:var(--radius-md);display:grid;gap:8px;padding:14px}.address__quote p{margin:0}.address__minimum{color:var(--color-text-muted);font-size:var(--text-label)}.address__error{color:var(--color-danger);font-weight:var(--weight-semibold);margin:0}.address .tu-field{display:grid;gap:6px;max-width:none}.address label{color:var(--color-text-heading);font-size:var(--text-label);font-weight:var(--weight-semibold)}.address input{background:var(--color-surface-page);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-body);font:inherit;min-height:44px;padding:0 12px;width:100%}.address input[aria-invalid=true]{border-color:var(--color-danger)}.address .tu-field__hint{color:var(--color-text-muted);font-size:var(--text-label);margin:0}.cart__warning{background:var(--color-warning-surface);border-radius:var(--radius-md);color:var(--color-warning-on);font-size:var(--text-label);line-height:var(--leading-snug);margin:0;padding:10px 12px}.pick-branch{display:grid;gap:22px;justify-items:center;margin:0 auto;max-width:720px;padding:96px clamp(20px,6vw,40px);text-align:center}.pick-branch p{color:var(--color-text-muted);margin:0}.order-menu{margin:0 auto;max-width:1440px;padding:90px clamp(20px,5vw,72px) 110px}.order-menu__head{align-items:end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.order-menu h2{text-transform:uppercase;color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.order-menu__context{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.menu-layout{display:grid;gap:34px;grid-template-columns:165px minmax(0,1fr) 320px;margin-top:40px}.category-nav{align-content:start;display:grid;gap:4px;position:sticky;top:100px}.category-nav button{background:none;border:0;border-left:3px solid transparent;color:var(--color-text-body);font-size:var(--text-base);font-weight:var(--weight-semibold);min-height:44px;padding:0 14px;text-align:left}.category-nav button.active{border-left-color:var(--color-brand);color:var(--color-text-heading)}.product-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.product{background:var(--color-surface-raised);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.product__image{aspect-ratio:4 / 3;display:block;height:auto;object-fit:cover;width:100%}.product__body{display:grid;gap:12px;padding:18px}.product__title{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.product__body,.product__title{min-width:0}.product__title h3{min-width:0;overflow-wrap:anywhere}.product__title .tu-price{flex:none;white-space:nowrap}.product h3{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.product__description{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;max-width:52ch}.product__badges{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.product--sold-out .product__image{filter:grayscale(1);opacity:.55}.product__soldout{color:var(--color-danger);font-size:var(--text-label);font-weight:var(--weight-semibold);margin:0}.product__badges li{background:var(--color-brand-subtle);border-radius:var(--radius-full);color:var(--color-text-body);font-size:var(--text-label);font-weight:var(--weight-medium);padding:6px 10px}.cart{background:var(--color-surface-raised);border-radius:var(--radius-md);display:grid;gap:16px;padding:20px}.desktop-cart{align-self:start;position:sticky;top:100px}.cart__header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.cart h2{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}.cart__header>span{color:var(--color-text-muted);font-size:var(--text-label)}.cart__empty{color:var(--color-text-muted);display:grid;gap:6px;line-height:1.5}.cart__empty p{margin:0}.cart__empty-title{color:var(--color-text-heading);font-size:var(--text-base);font-weight:var(--weight-bold)}.cart__lines{display:grid;gap:14px;list-style:none;margin:0;padding:0}.cart__lines li{border-top:1px solid var(--color-border-subtle);display:grid;gap:10px;padding-top:14px}.cart__line-head{display:flex;gap:10px;justify-content:space-between}.cart__line-head strong{color:var(--color-text-heading)}.cart__mods{color:var(--color-text-muted);display:grid;font-size:var(--text-label);gap:2px;list-style:none;margin:0;padding:0}.cart__line-foot{align-items:center;display:flex;gap:12px;justify-content:space-between}.cart__unit{color:var(--color-text-muted);font-size:var(--text-label);white-space:nowrap}.cart__edit{background:transparent;border:0;color:var(--color-text-brand);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);justify-self:start;min-height:44px;padding:0;text-decoration:underline;text-underline-offset:4px}.stepper{align-items:center;display:flex;gap:6px}.stepper button{align-items:center;background:var(--color-surface-page);border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-heading);display:inline-flex;font-size:var(--text-title);height:44px;justify-content:center;line-height:1;width:44px}.stepper button:hover{background:var(--color-surface-sunken)}.stepper output{font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);min-width:2ch;text-align:center}.cart__totals{display:grid;gap:8px;margin:0}.cart__totals>div{display:flex;justify-content:space-between}.cart__totals dt,.cart__totals dd{margin:0}.cart__totals-gst{color:var(--color-text-muted);font-size:var(--text-label)}.cart__totals-grand{border-top:1px solid var(--color-border-strong);font-weight:var(--weight-bold);padding-top:14px}.cart__totals-grand dt,.cart__totals-grand dd{color:var(--color-text-heading);font-size:var(--text-title)}.cart__note,.cart__preview{color:var(--color-text-muted);font-size:var(--text-label);line-height:var(--leading-snug);margin:0}.cart__preview{background:var(--color-warning-surface);border-radius:var(--radius-md);color:var(--color-warning-on);padding:10px 12px}.mobile-cart,.cart-sheet{display:none}.detail{background:transparent;border:0;max-height:100dvh;max-width:760px;padding:0;width:100%}.detail::backdrop{background:var(--color-surface-overlay)}.detail__panel{background:var(--color-surface-page);border-radius:var(--radius-lg);display:grid;grid-template-rows:auto 1fr auto;max-height:90dvh;overflow:hidden;position:relative}.detail__close{align-items:center;background:var(--color-surface-page);border:0;border-radius:50%;box-shadow:var(--elevation-2);color:var(--color-text-heading);display:flex;height:44px;justify-content:center;position:absolute;right:14px;top:14px;width:44px;z-index:1}.detail__image{display:block;height:220px;object-fit:cover;width:100%}.detail__body{display:grid;gap:26px;overflow-y:auto;padding:24px 26px 8px}.detail__head{display:grid;gap:8px}.detail__head h2{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.detail__description{color:var(--color-text-muted);margin:0;max-width:56ch}.detail__groups{display:grid;gap:24px}.optgroup{border:0;display:grid;gap:10px;margin:0;padding:0}.optgroup legend{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;padding:0}.optgroup__name{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.optgroup__hint{color:var(--color-text-muted);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.optgroup:not([data-depth="0"]){border-left:3px solid var(--color-brand-subtle);margin-left:4px;padding-left:16px}.optgroup__list{display:grid}.option{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:12px;justify-content:space-between}.option:first-child{border-top:0}.option label{align-items:center;cursor:pointer;display:flex;flex:1;gap:12px;min-height:48px}.option input{accent-color:var(--color-brand);height:22px;margin:0;width:22px}.option__name{color:var(--color-text-body)}.option label:has(input:disabled){color:var(--color-text-disabled);cursor:not-allowed}.option__right{align-items:center;display:flex;gap:12px}.option__price{color:var(--color-text-muted);font-size:var(--text-label);white-space:nowrap}.option__price .tu-price{color:inherit;font-size:inherit}.stepper--sm button{height:36px;width:36px}.detail__footer{background:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle);display:grid;gap:12px;padding:16px 26px calc(16px + env(safe-area-inset-bottom))}.detail__error{color:var(--color-danger);font-size:var(--text-label);margin:0}.detail__panel,.detail__body,.detail__footer,.detail__actions{min-width:0}.detail__footer{grid-template-columns:1fr}.detail__actions{align-items:center;display:flex;gap:16px}.detail__actions .button{flex:1}.detail__actions .tu-price{color:inherit}.confirm{background:transparent;border:0;max-width:520px;padding:0;width:calc(100% - 32px)}.confirm::backdrop{background:var(--color-surface-overlay)}.confirm__panel{background:var(--color-surface-page);border-radius:var(--radius-lg);display:grid;gap:16px;padding:24px}.confirm__panel h2{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.confirm__panel h3{color:var(--color-text-heading);font-size:var(--text-base);font-weight:var(--weight-bold);margin:0 0 6px}.confirm__lead{color:var(--color-text-muted);margin:0}.confirm__list{color:var(--color-text-body);display:grid;gap:6px;margin:0;padding-left:20px}.confirm__actions{display:flex;gap:12px;justify-content:flex-end}.button--quiet{background:transparent;color:var(--color-text-brand)}.button--quiet:hover{background:var(--color-surface-sunken)}.restaurant{max-width:620px}.restaurant__heading{align-items:start;display:flex;justify-content:space-between;padding-right:48px;position:relative}.restaurant__heading .detail__close{right:0;top:0}.restaurant__search input{background:var(--color-surface-page);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-body);font:inherit;min-height:52px;padding:0 16px;width:100%}.restaurant__list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.restaurant__list button{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-body);display:flex;font:inherit;justify-content:space-between;min-height:72px;padding:12px 16px;text-align:left;width:100%}.restaurant__list button:hover{background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.restaurant__list span{display:grid;gap:4px}.restaurant__list strong{color:var(--color-text-heading)}.restaurant__list small{color:var(--color-text-muted);font-size:var(--text-label)}.restaurant__empty{color:var(--color-text-muted);margin:0}.values-section{background:var(--color-surface-sunken);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.values-section__intro{background:var(--color-surface-page);grid-column:1 / -1;padding:96px clamp(20px,6vw,96px) 60px}.values-section__intro>p:not(.eyebrow){max-width:46rem}.values-section article{background:var(--color-surface-page);padding-bottom:52px}.values-section img{aspect-ratio:1 / .85;display:block;height:auto;object-fit:cover;width:100%}.values-section article>:not(img){margin-left:clamp(20px,4vw,50px);margin-right:clamp(20px,4vw,50px)}.values-section .eyebrow{margin-top:30px}.values-section h3{color:var(--color-text-heading);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:14px}.values-section p:not(.eyebrow){color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);max-width:46ch}.site-footer{background:var(--color-surface-inverse);color:var(--color-text-on-inverse);display:grid;gap:40px 30px;grid-template-columns:2fr repeat(3,1fr);padding:66px clamp(20px,11.7vw,168px)}.footer__brand{display:grid;gap:12px;align-content:start}.wordmark--footer{color:var(--color-text-on-inverse);display:inline-block}.wordmark--footer span{color:var(--color-brand-on-inverse)}.site-footer nav{align-content:start;display:grid;gap:2px}.site-footer strong{color:var(--color-text-on-inverse);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);margin-bottom:8px;text-transform:uppercase}.site-footer p,.site-footer a{color:var(--color-text-muted-on-inverse);font-size:var(--text-base);line-height:var(--leading-normal)}.site-footer nav a{align-items:center;display:inline-flex;min-height:44px}.site-footer nav a:hover{color:var(--color-text-on-inverse);text-decoration:underline;text-underline-offset:4px}.footer__legal{border-top:1px solid rgba(255,255,255,.18);font-size:var(--text-label);grid-column:1 / -1;margin:0;padding-top:26px}@media (max-width: 1150px){.nav-toggle{align-items:center;background:none;border:0;color:var(--color-text-heading);display:inline-flex;font-size:var(--text-title);height:44px;justify-content:center;line-height:1;width:44px}.topbar{grid-template-columns:auto 44px auto}.topbar nav{display:none}.topbar nav[data-open=true]{background:var(--color-surface-page);border-top:1px solid var(--color-border-subtle);display:grid;gap:0;inset:100% 0 auto 0;padding:8px 20px 16px;position:absolute;box-shadow:var(--elevation-2)}.topbar nav[data-open=true] a{border-bottom:1px solid var(--color-border-subtle);min-height:52px;width:100%}.topbar nav[data-open=true] a:last-child{border-bottom:0}.topbar{position:sticky}.rail{grid-auto-columns:46%;margin:0 -20px;overflow-x:auto;padding:0 20px 6px;scroll-snap-type:x mandatory}.rail__card{scroll-snap-align:start}.menu-layout{grid-template-columns:145px minmax(0,1fr)}.desktop-cart{display:none}.order-menu{padding-bottom:130px}.mobile-cart{align-items:center;background:var(--color-brand);border:0;border-radius:var(--radius-full);color:var(--color-brand-on);bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;font-size:var(--text-base);font-weight:var(--weight-bold);gap:12px;justify-content:space-between;left:50%;max-width:520px;min-height:56px;padding:0 22px;position:fixed;transform:translate(-50%);width:calc(100% - 32px);z-index:var(--z-sticky)}.cart-sheet[open]{background:transparent;border:0;display:block;height:auto;margin:0 0 0 auto;max-width:560px;padding:0;position:fixed;inset:auto 0 0 0;width:100%;max-height:88vh;max-height:88dvh}.cart-sheet::backdrop{background:var(--color-surface-overlay)}.cart-sheet__panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto;max-height:88vh;max-height:88dvh;padding:20px 20px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.cart-sheet__close{background:var(--color-surface-page);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);min-height:44px;padding:0 18px}}@media (max-width: 720px){.topbar{min-height:66px;padding:0 20px}.hero{height:55vh;min-height:0}.hero__content{bottom:0;left:0;position:absolute;right:0}.hero:after{background:linear-gradient(0deg,#140f0ce6 18%,#140f0c47)}.hero__content{max-width:none;padding:0 20px 40px}.hero__copy{margin:16px 0 26px}.quick-links{grid-template-columns:1fr}.quick-links a{border-bottom:1px solid rgba(255,255,255,.3);border-right:0;min-height:68px;padding:14px 20px}.quick-links a:last-child{border-bottom:0}.how-it-works{display:grid;gap:32px;grid-template-columns:1fr;padding:68px 20px}.choice-section{grid-template-columns:1fr}.choice-section>img{min-height:360px}.choice-section__body{padding:56px 20px}.address__row{grid-template-columns:1fr}.delivery-line{padding:0 20px}.module{gap:26px;padding:64px 20px 72px}.story-row{gap:24px;grid-template-columns:1fr;padding:56px 20px}.story-row__body{max-width:none}.full-bleed{aspect-ratio:3 / 2}.rail{grid-auto-columns:208px;margin:0 -20px;overflow-x:auto;padding:0 20px 6px;scroll-padding:0 20px;scroll-snap-type:x mandatory}.rail__card{scroll-snap-align:start}.hero--secondary{height:55vh;min-height:0}.hero--secondary .hero__content{padding:0 20px 40px}.order-config{border-radius:0;box-shadow:none;gap:18px;grid-template-columns:1fr;margin:0;padding:20px;width:100%}.order-menu{padding:60px 20px 130px}.order-menu__head{display:block}.order-menu__context{margin-top:14px}.menu-layout{display:block}.category-nav{background:var(--color-surface-page);display:flex;gap:8px;margin:0 -20px 22px;overflow-x:auto;padding:10px 20px;position:sticky;top:66px;z-index:var(--z-sticky)}.category-nav button{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:0 16px;white-space:nowrap}.category-nav button.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-on)}.product-grid{gap:12px;grid-template-columns:1fr}.product{align-items:start;display:grid;grid-template-columns:104px 1fr}.product__image{aspect-ratio:1;height:auto;width:104px}.product__body{gap:10px;padding:14px}.product h3{font-size:var(--text-title)}.product__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-banner,.order-link,.button,.order-config__status,.how-it-works__steps p{font-size:var(--text-base)}.detail{max-height:100dvh}.detail__panel{border-radius:0;max-height:100dvh;min-height:100dvh}.detail__image{height:180px}.detail__body{padding:20px 20px 8px}.detail__footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}.values-section{display:block}.values-section__intro{padding:68px 20px 44px}.values-section article+article{margin-top:2px}.site-footer{gap:30px 24px;grid-template-columns:1fr 1fr;padding:48px 20px 110px}.footer__brand{grid-column:1 / -1}}.ifood-wordmark{display:inline-flex;width:164px}.ifood-wordmark img{display:block;height:auto;width:100%}.footer__logo{display:block;max-width:190px;width:100%}@media (max-width: 720px){.ifood-wordmark{width:116px}}@media (max-width: 360px){.order-link{gap:6px;padding:0 12px}.ifood-wordmark{width:96px}.topbar{gap:8px}}
