[data-area=customer]{--c-touch:3rem;--c-bottombar-space:7rem;--c-content-width:36rem;max-width:var(--c-content-width);padding:0 var(--smordy-space-4) var(--smordy-space-6);font:var(--smordy-type-body);color:var(--smordy-text-primary)}body:has([data-area=customer]){background:var(--smordy-surface-page)}[data-area=customer] h1,[data-area=customer] h2,[data-area=customer] h3{color:var(--smordy-text-primary);text-wrap:balance;margin:0}[data-area=customer] p{margin:0}[data-area=customer] :focus-visible{outline:3px solid var(--smordy-info);outline-offset:2px}.sm-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sm-icon{flex:none}.sm-stack{gap:var(--smordy-space-4);flex-direction:column;display:flex}.sm-has-bottombar{padding-bottom:calc(var(--c-bottombar-space) + env(safe-area-inset-bottom,0px))}.sm-secondary{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary)}.sm-brandbar{padding:var(--smordy-space-4) 0 var(--smordy-space-2);align-items:center;display:flex}.sm-wordmark{align-items:center;gap:var(--smordy-space-2);font:800 1.25rem/1 var(--smordy-font);letter-spacing:-.01em;color:var(--smordy-brand-text);display:inline-flex}.sm-wordmark-mark{border-radius:var(--smordy-radius-sm);background:var(--smordy-brand-primary);width:1.75rem;height:1.75rem;color:var(--smordy-text-inverse);place-items:center;font-size:1.125rem;display:grid}.sm-eyebrow{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sm-hero{gap:var(--smordy-space-1);padding:var(--smordy-space-2) 0 var(--smordy-space-4);flex-direction:column;display:flex}.sm-hero h1{font:var(--smordy-type-display);letter-spacing:-.01em}[data-area=customer] .sm-button{justify-content:center;align-items:center;gap:var(--smordy-space-2);min-height:var(--c-touch);min-width:var(--c-touch);padding:var(--smordy-space-3) var(--smordy-space-5);border-radius:var(--smordy-radius-md);border:2px solid var(--smordy-action-primary);background:var(--smordy-action-primary);color:var(--smordy-text-inverse);font:var(--smordy-type-button);cursor:pointer;touch-action:manipulation;text-decoration:none;display:inline-flex}[data-area=customer] .sm-button:hover{background:var(--smordy-action-primary-hover);border-color:var(--smordy-action-primary-hover)}[data-area=customer] .sm-button:active{background:var(--smordy-action-primary-pressed);border-color:var(--smordy-action-primary-pressed)}[data-area=customer] .sm-button.is-large{width:100%;min-height:3.5rem}[data-area=customer] .sm-button.is-secondary{background:var(--smordy-surface-card);border-color:var(--smordy-border-strong);color:var(--smordy-text-primary)}[data-area=customer] .sm-button.is-secondary:hover{background:var(--smordy-surface-subtle)}[data-area=customer] .sm-button:disabled{background:var(--smordy-surface-subtle);border-color:var(--smordy-border-soft);color:var(--smordy-text-secondary);cursor:not-allowed;opacity:1}.sm-badge{padding:var(--smordy-space-1) var(--smordy-space-3);border-radius:var(--smordy-radius-pill);border:1px solid var(--tone-fg);background:var(--tone-bg);color:var(--tone-fg);font:var(--smordy-type-secondary);white-space:nowrap;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.sm-tone-neutral{--tone-fg:var(--smordy-text-secondary);--tone-bg:var(--smordy-surface-subtle);--tone-line:var(--smordy-border-strong)}.sm-tone-info{--tone-fg:var(--smordy-info);--tone-bg:var(--smordy-info-soft);--tone-line:var(--smordy-info)}.sm-tone-success{--tone-fg:var(--smordy-success);--tone-bg:var(--smordy-success-soft);--tone-line:var(--smordy-success)}.sm-tone-warning{--tone-fg:var(--smordy-warning);--tone-bg:var(--smordy-warning-soft);--tone-line:var(--smordy-warning)}.sm-tone-danger{--tone-fg:var(--smordy-danger);--tone-bg:var(--smordy-danger-soft);--tone-line:var(--smordy-danger)}.sm-notice{gap:var(--smordy-space-1);padding:var(--smordy-space-4);border-radius:var(--smordy-radius-md);border:1px solid var(--smordy-border-soft);border-left:6px solid var(--tone-line);background:var(--tone-bg);color:var(--smordy-text-primary);flex-direction:column;display:flex}.sm-notice-title{font:var(--smordy-type-h3);color:var(--tone-fg)}.sm-catnav{z-index:5;margin:0 calc(-1 * var(--smordy-space-4));padding:var(--smordy-space-2) var(--smordy-space-4);background:var(--smordy-surface-page);border-bottom:1px solid var(--smordy-border-soft);position:sticky;top:0}.sm-catnav ul{gap:var(--smordy-space-2);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.sm-catnav a{min-height:2.75rem;padding:0 var(--smordy-space-4);border-radius:var(--smordy-radius-pill);border:1px solid var(--smordy-border-strong);background:var(--smordy-surface-card);color:var(--smordy-text-primary);font:var(--smordy-type-body-strong);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.sm-catnav a:hover{border-color:var(--smordy-brand-primary);background:var(--smordy-brand-soft)}.sm-category{gap:var(--smordy-space-3);padding-top:var(--smordy-space-5);flex-direction:column;scroll-margin-top:4rem;display:flex}.sm-category h2{font:var(--smordy-type-h2)}.sm-products{gap:var(--smordy-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sm-product{gap:var(--smordy-space-2);padding:var(--smordy-space-4);border-radius:var(--smordy-radius-lg);background:var(--smordy-surface-card);border:1px solid var(--smordy-border-soft);flex-direction:column;display:flex}.sm-product.is-picked{border-color:var(--smordy-brand-primary);box-shadow:inset 4px 0 0 var(--smordy-brand-primary)}.sm-product.is-soldout{background:var(--smordy-surface-subtle)}.sm-product.is-soldout .sm-price{color:var(--smordy-text-secondary);text-decoration:line-through}.sm-product-head{justify-content:space-between;align-items:baseline;gap:var(--smordy-space-4);display:flex}.sm-product-name{font:var(--smordy-type-h3);min-width:0}.sm-price{font:var(--smordy-type-price);font-variant-numeric:tabular-nums;white-space:nowrap}.sm-product-desc{font:var(--smordy-type-body);color:var(--smordy-text-secondary)}.sm-product-foot{justify-content:flex-end;align-items:center;gap:var(--smordy-space-4);min-height:var(--c-touch);display:flex}.sm-product.is-soldout .sm-product-foot{justify-content:space-between}.sm-allergens{gap:var(--smordy-space-1);font:var(--smordy-type-secondary);flex-direction:column;margin:0;display:flex}.sm-allergens>div{flex-wrap:wrap;align-items:center;gap:0 .4rem;display:flex}.sm-allergens dt{align-items:center;font-weight:700;display:inline-flex}.sm-allergens dt .sm-icon{margin-right:.3rem}.sm-allergens dt:after{content:":"}.sm-allergens dd{margin:0}.sm-allergens-declared{color:var(--smordy-text-primary)}.sm-allergens-declared .sm-icon{color:var(--smordy-warning)}.sm-allergens-may{color:var(--smordy-text-secondary)}.sm-qty{align-items:center;gap:var(--smordy-space-2);display:inline-flex}[data-area=customer] .sm-qty-btn{border-radius:var(--smordy-radius-pill);border:2px solid var(--smordy-brand-primary);background:var(--smordy-brand-primary);width:3rem;height:3rem;min-height:0;color:var(--smordy-text-inverse);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:grid}[data-area=customer] .sm-qty-btn:hover{background:var(--smordy-brand-primary-hover);border-color:var(--smordy-brand-primary-hover)}[data-area=customer] .sm-qty-btn:active{background:var(--smordy-brand-primary-pressed)}[data-area=customer] .sm-qty-minus{background:var(--smordy-surface-card);border-color:var(--smordy-border-strong);color:var(--smordy-text-primary)}[data-area=customer] .sm-qty-minus:hover{background:var(--smordy-surface-subtle);border-color:var(--smordy-border-strong)}[data-area=customer] .sm-qty-btn:disabled{background:var(--smordy-surface-subtle);border-color:var(--smordy-border-soft);color:var(--smordy-text-secondary);opacity:1;cursor:not-allowed}.sm-qty-value{text-align:center;min-width:2ch;font:700 1.25rem/1 var(--smordy-font);font-variant-numeric:tabular-nums}.sm-bottombar{z-index:10;padding:var(--smordy-space-3) var(--smordy-space-4) calc(var(--smordy-space-3) + env(safe-area-inset-bottom,0px));background:var(--smordy-surface-card);box-shadow:var(--smordy-shadow-elevated);border-top:1px solid var(--smordy-border-soft);position:fixed;bottom:0;left:0;right:0}.sm-bottombar-inner{justify-content:space-between;align-items:center;gap:var(--smordy-space-4);max-width:calc(var(--c-content-width) - 2 * var(--smordy-space-4));margin:0 auto;display:flex}.sm-cart-summary{flex-direction:column;min-width:0;display:flex}.sm-cart-count{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary)}.sm-cart-total{font:700 1.375rem/1.2 var(--smordy-font);font-variant-numeric:tabular-nums}.sm-bottombar .sm-button{flex:none;min-height:3.25rem}.sm-bottombar-actions{gap:var(--smordy-space-2);flex-direction:column;width:100%;display:flex}.sm-card{padding:var(--smordy-space-4);border-radius:var(--smordy-radius-lg);background:var(--smordy-surface-card);border:1px solid var(--smordy-border-soft)}.sm-section-title{font:var(--smordy-type-h2)}.sm-lines{margin:0;padding:0;list-style:none}.sm-line{gap:var(--smordy-space-1) var(--smordy-space-3);padding:var(--smordy-space-3) 0;border-bottom:1px solid var(--smordy-border-soft);grid-template-columns:1fr auto;align-items:baseline;display:grid}.sm-line:last-child{border-bottom:0}.sm-line-name{font:var(--smordy-type-body-strong);min-width:0}.sm-line-unit{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary);font-variant-numeric:tabular-nums;grid-column:1}.sm-line-extra{align-items:flex-start;gap:var(--smordy-space-1);flex-direction:column;grid-column:1/-1;display:flex}.sm-line.is-muted .sm-line-name,.sm-line.is-muted .sm-price{color:var(--smordy-text-secondary);text-decoration:line-through}.sm-total{padding-top:var(--smordy-space-4);margin-top:var(--smordy-space-1);border-top:2px solid var(--smordy-text-primary);font:var(--smordy-type-h2);justify-content:space-between;align-items:baseline;display:flex}.sm-total strong{font:700 2rem/1.1 var(--smordy-font);font-variant-numeric:tabular-nums}.sm-order-number{font:var(--smordy-type-display);font-variant-numeric:tabular-nums}.sm-headline{gap:var(--smordy-space-2);padding:var(--smordy-space-5) var(--smordy-space-4);border-radius:var(--smordy-radius-lg);background:var(--tone-bg);border:2px solid var(--tone-line);flex-direction:column;display:flex}.sm-headline h2{align-items:center;gap:var(--smordy-space-2);font:var(--smordy-type-h1);color:var(--tone-fg);display:flex}.sm-headline.is-ready{border-width:3px}.sm-headline.is-ready h2{font:var(--smordy-type-display);font-size:2.25rem}.sm-pay{align-items:center;gap:var(--smordy-space-2);padding:var(--smordy-space-5) var(--smordy-space-4);border-radius:var(--smordy-radius-lg);background:var(--smordy-surface-card);border:2px solid var(--smordy-warning);text-align:center;flex-direction:column;display:flex}.sm-pay h2{font:var(--smordy-type-h1)}.sm-pay-amount{font:700 2.5rem/1.1 var(--smordy-font);font-variant-numeric:tabular-nums}.sm-qr{width:min(15rem,70vw);padding:var(--smordy-space-2);background:var(--smordy-surface-card);border-radius:var(--smordy-radius-sm)}.sm-meta{align-items:center;gap:var(--smordy-space-2);flex-wrap:wrap;display:flex}.sm-fulfillments{gap:var(--smordy-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sm-fulfillment{gap:var(--smordy-space-2);padding:var(--smordy-space-4);border-radius:var(--smordy-radius-lg);background:var(--smordy-surface-card);border:1px solid var(--smordy-border-soft);flex-direction:column;display:flex}.sm-fulfillment.is-ready{border:3px solid var(--smordy-success);background:var(--smordy-success-soft)}.sm-fulfillment-head{justify-content:space-between;align-items:center;gap:var(--smordy-space-2);flex-wrap:wrap;display:flex}.sm-fulfillment-area{font:var(--smordy-type-h3)}.sm-pickup{flex-direction:column;display:flex}.sm-pickup-label{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary);font-weight:600}.sm-pickup-name{font:var(--smordy-type-h3)}.sm-pickup.is-ready .sm-pickup-name{font:var(--smordy-type-display);color:var(--smordy-success)}.sm-fulfillment-items{color:var(--smordy-text-secondary);margin:0;padding:0;list-style:none}.sm-group-title{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.sm-live{font:var(--smordy-type-secondary);color:var(--smordy-text-secondary);text-align:center}.sm-landing{gap:var(--smordy-space-4);padding-top:var(--smordy-space-6);flex-direction:column;display:flex}.sm-landing h1{font:var(--smordy-type-display);color:var(--smordy-brand-text)}.sm-landing .sm-brand-message{font:var(--smordy-type-h2)}@media (prefers-reduced-motion:no-preference){.sm-fulfillment.is-ready,.sm-headline.is-ready{animation:.4s ease-out sm-ready-in}@keyframes sm-ready-in{0%{opacity:.6;transform:scale(.98)}}}.sm-form{gap:var(--smordy-space-4);flex-direction:column;display:flex}.sm-field{gap:var(--smordy-space-2);font:var(--smordy-type-secondary);color:var(--smordy-text-primary);flex-direction:column;display:flex}[data-area=customer] .sm-field input{box-sizing:border-box;width:100%;min-height:var(--c-touch);padding:var(--smordy-space-3);border:2px solid var(--smordy-border-strong);border-radius:var(--smordy-radius-md);background:var(--smordy-surface-card);color:var(--smordy-text-primary);font:var(--smordy-type-body);font-size:max(1rem,16px)}[data-area=customer] .sm-field input[name=code]{letter-spacing:.3em;font-variant-numeric:tabular-nums}.sm-form-actions{gap:var(--smordy-space-2);flex-wrap:wrap;display:flex}.sm-form-actions>.sm-button{flex:12rem}.sm-account-bar{justify-content:space-between;align-items:center;gap:var(--smordy-space-2);margin:0 0 var(--smordy-space-4);flex-wrap:wrap;display:flex}.sm-account-bar>p{overflow-wrap:anywhere;min-width:0}