.ordering{--fs-display:34px;--fs-h1:28px;--fs-h2:22px;--fs-h3:18px;--fs-body:17px;--fs-sm:15px;--fs-xs:13px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--header-height:56px;--logo-box:40px;--content-width:720px;--duration-state:.12s;font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:var(--surface-sunken);margin:0;padding:0;line-height:1.45}.ordering h1,.ordering h2,.ordering h3{font-family:var(--font-heading);margin:0;font-weight:700}.ordering h1{font-size:var(--fs-h1);line-height:1.15}.ordering h2{font-size:var(--fs-h2);line-height:1.2}@media (min-width:1024px){.ordering{--fs-display:42px;--fs-h1:35px;--fs-h2:27px;--header-height:72px;--logo-box:48px}}.brand-header{z-index:10;height:var(--header-height);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex;position:sticky;top:0}.brand-header.on-dark{background:var(--text);border-bottom-color:var(--text)}.brand-logo{height:var(--logo-box);object-fit:contain;width:auto;max-width:60vw}.brand-wordmark{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h2);letter-spacing:-.01em;color:var(--text)}.brand-header.on-dark .brand-wordmark{color:var(--surface)}.ordering main{max-width:var(--content-width);padding:var(--space-6) var(--space-4) 120px;margin:0 auto}.ordering .card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.ordering .note{color:var(--text-muted);font-size:var(--fs-sm)}.ordering a{color:var(--text);text-underline-offset:2px;text-decoration-thickness:1px}.ordering .money,.ordering dd{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.ordering .error{color:var(--error);font-weight:600}.ordering label{margin:var(--space-3) 0 var(--space-1);font-weight:600;font-size:var(--fs-sm);display:block}.ordering input,.ordering select,.ordering textarea{width:100%;font:inherit;padding:var(--space-3);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.ordering textarea{resize:vertical}.ordering .notice{padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;border-left:3px solid var(--warning);background:var(--surface-raised);border-radius:var(--radius-sm)}.ordering .notice button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.ordering .menu-section{margin:var(--space-8) 0 0}.ordering .menu-section h2{padding-bottom:var(--space-2);border-bottom:2px solid var(--accent)}.ordering .menu-items{margin:0;padding:0;list-style:none}.ordering .menu-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);content-visibility:auto;contain-intrinsic-size:auto 140px;display:flex}.ordering .menu-item-text{flex:1;min-width:0}.ordering .menu-item h3{font-size:var(--fs-h3);line-height:1.3}.ordering .menu-item-description{margin:var(--space-1) 0 var(--space-2);color:var(--text-muted)}.ordering .menu-item .money{font-size:var(--fs-body);display:block}.ordering .menu-item-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-sunken);flex:none;width:112px}@media (min-width:768px){.ordering .menu-item-photo{width:160px}}.ordering :focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--surface-raised)}.ordering .cta{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:48px;padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--fs-body);color:var(--action-label);background:var(--action);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--action-edge-width) var(--action-edge);cursor:pointer;transition:background-color var(--duration-state) ease-out;border:0;font-weight:700;display:flex}.ordering .cta:hover{background:var(--action-hover)}.ordering .cta:active{background:var(--action-pressed)}.ordering .cta-bar{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;right:0}.ordering .pickup{margin:var(--space-4) 0 var(--space-6)}.ordering .pickup-heading{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:600}.ordering .pickup-row{gap:var(--space-2);padding:var(--space-1) var(--space-4);margin:0;margin-inline:calc(-1 * var(--space-4));scroll-snap-type:x proximity;scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}.ordering .pickup-row::-webkit-scrollbar{display:none}.ordering .pickup-row>li{scroll-snap-align:start}.ordering .chip{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-muted);transition:background-color var(--duration-state) ease-out;font-weight:600;text-decoration:none;display:inline-block}.ordering .chip:hover{color:var(--text)}.ordering .chip.selected{background:var(--action-subtle);border-color:var(--action);color:var(--text)}.ordering .chip-detail{color:var(--text-muted);font-weight:400}.ordering .chip.selected .chip-detail{color:var(--text)}.ordering .item-add{margin-top:var(--space-2);min-width:88px;min-height:44px;padding:var(--space-2) var(--space-4);font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-state) ease-out;font-weight:600}.ordering .item-add:hover{background:var(--action-subtle)}.ordering .item-add:disabled{color:var(--text-muted);border-color:var(--border-subtle);cursor:default}.ordering .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ordering .sheet{width:100%;max-width:var(--content-width);max-height:88vh;color:var(--text);background:var(--surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:0;margin:auto auto 0;padding:0;overflow:hidden}.ordering .sheet::backdrop{background:#00000073}@media (min-width:768px){.ordering .sheet{border-radius:var(--radius-lg);margin:auto}}.ordering .sheet form{flex-direction:column;max-height:88vh;display:flex}.ordering .sheet-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.ordering .sheet-close{min-height:44px;padding:0 var(--space-3);font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;text-decoration:underline}.ordering .sheet-body{padding:var(--space-4);flex:1;overflow-y:auto}.ordering .sheet-foot{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));position:static}.ordering .modifier-group{margin:var(--space-6) 0 0;border:0;padding:0}.ordering .modifier-group legend{padding:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700}.ordering .modifier-group legend .note{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400}.ordering .modifier-option{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) 0;border-top:1px solid var(--border-subtle);cursor:pointer;margin:0;font-weight:400;display:flex}.ordering .modifier-option input{width:22px;height:22px;accent-color:var(--action);flex:none;margin:0;padding:0}.ordering .modifier-option-name{flex:1}.ordering .modifier-option:has(input:disabled){color:var(--text-muted);cursor:default}.ordering .stepper{align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.ordering .stepper button{width:48px;height:48px;font:inherit;font-size:var(--fs-h3);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer}.ordering .stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:600}.ordering .cta:disabled{opacity:.55;cursor:default}.ordering .cart-panel{max-height:78vh;overflow-y:auto}.ordering .cart-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.ordering .cart-head button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;text-decoration:underline}.ordering .cart-lines{margin:0 0 var(--space-4);padding:0;list-style:none}.ordering .cart-line{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);display:flex}.ordering .cart-line.needs-attention{padding-left:var(--space-3);border-left:3px solid var(--error)}.ordering .cart-line h3{font-size:var(--fs-body)}.ordering .cart-line-controls{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.ordering .cart-line-controls>button{min-height:44px;padding:0 var(--space-2);font:inherit;font-size:var(--fs-sm);color:var(--text);cursor:pointer;background:0 0;border:0;text-decoration:underline}.ordering .cart-line-controls .stepper{margin-top:0}.ordering .checkout-payment{margin-top:var(--space-4)}.ordering .payment{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.ordering .payment .error{padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-left:3px solid var(--error);border-radius:var(--radius-sm);margin:0}.ordering .payment .cta-bar{box-shadow:none;background:0 0;border:0;padding:0;position:static}.ordering .payment-back{min-height:44px;padding:0 var(--space-2);font:inherit;font-size:var(--fs-sm);color:var(--text);cursor:pointer;background:0 0;border:0;align-self:center;text-decoration:underline}.ordering .consent{align-items:start;gap:var(--space-3);min-height:48px;margin:var(--space-4) 0 0;padding:var(--space-2) 0;font-weight:400;font-size:var(--fs-sm);cursor:pointer;display:flex}.ordering .consent input{width:22px;height:22px;accent-color:var(--action);flex:none;margin:0;padding:0}.ordering .totals{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);grid-template-columns:1fr auto;display:grid}.ordering .totals dt,.ordering .totals dd{margin:0}.ordering .totals dt{color:var(--text-muted)}.ordering .totals dt.total,.ordering .totals dd.total{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);color:var(--text);font-weight:700}@media (prefers-reduced-motion:reduce){.ordering *{transition:none!important}}
