:root{--bg:#f7f4f1;--surface:#fff;--surface-soft:#f4f0ed;--surface-raised:#fff8f5;--border:#ddd6d2;--border-strong:#d5c1b8;--text:#171313;--muted:#5b5350;--faint:#8a817c;--accent:#ff6b86;--accent-strong:#d94f68;--success:#137c63;--warning:#a66400;--danger:#c83244}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a,input{font:inherit}button{min-height:44px}.ordering-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.customer-surface{border:1px solid var(--border);background:var(--surface);border-radius:28px;width:min(100%,460px);min-height:min(900px,100vh - 48px);position:relative;overflow:hidden;box-shadow:0 20px 60px #17131324}.store-header{border-bottom:1px solid var(--border);background:var(--surface-raised);justify-content:space-between;gap:16px;padding:22px 22px 16px;display:flex}.store-header h1,.landing-copy h2,.detail-panel h2,.confirmation-panel h2{margin:4px 0 6px;font-size:28px;line-height:1.08}.store-header p,.landing-copy p,.state-panel p,.menu-card p,.cart-line p,.confirmation-panel p,.blocked-submit{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.template-chip,.tag-row span,.item-image span,.option-group legend span{white-space:nowrap;border-radius:999px;font-size:12px;font-weight:800}.template-chip{color:var(--accent-strong);background:#ffe4e9;align-self:flex-start;padding:7px 10px}.landing-panel{padding:18px 22px 112px}.hero-image{background:linear-gradient(#1713130f,#17131347),url(https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=900&q=80) 50%/cover;border-radius:22px;min-height:280px}.landing-copy{padding-top:18px}.landing-copy button,.primary-action,.cart-bar button{color:#2b0c14;background:var(--accent);cursor:pointer;border:0;border-radius:14px;width:100%;font-weight:900}.landing-copy button{margin-top:18px}.compact-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 22px;display:grid}.compact-context div,.state-panel,.state-banner,.cart-view,.confirmation-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px}.compact-context div{padding:12px}.compact-context span,.section-heading span,.cart-bar span,.cart-total span{color:var(--faint);font-size:12px;font-weight:800}.compact-context strong{margin-top:3px;display:block}.state-panel,.state-banner{margin:0 22px 16px;padding:14px}.state-panel.error{background:#fff0f2;border-color:#c8324452}.state-banner{justify-content:space-between;align-items:center;gap:12px;display:flex}.state-banner span{color:var(--warning);text-align:right;font-size:12px;font-weight:800}.category-rail{scrollbar-width:none;gap:10px;padding:0 22px 16px;display:flex;overflow-x:auto}.category-rail::-webkit-scrollbar{display:none}.category-pill,.text-button,.icon-button{border:1px solid var(--border);cursor:pointer;background:var(--surface);font-weight:800}.category-pill{min-height:42px;color:var(--muted);border-radius:999px;flex:none;padding:0 16px}.category-pill.active{border-color:var(--accent);color:#2b0c14;background:#ffe4e9}.menu-section{padding:0 22px 112px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading p{margin:0 0 2px;font-weight:900}.menu-list,.cart-lines{gap:12px;display:grid}.menu-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px;display:grid}.item-image{background:linear-gradient(135deg, #ff6b8638, #137c6324), var(--surface-soft);background-position:50%;background-size:cover;border-radius:12px;align-items:end;min-height:104px;padding:8px;display:grid}.item-image span{color:#2b0c14;background:#ffffffe6;width:max-content;max-width:100%;padding:5px 8px}.item-copy{gap:12px;min-width:0;display:grid}.item-title-row,.item-footer,.cart-line,.cart-total,.option-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-title-row h2{margin:0;font-size:17px;line-height:1.2}.item-title-row strong,.cart-line span,.cart-total strong{white-space:nowrap}.tag-row{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.tag-row span{color:var(--success);background:#e7f6f1;padding:5px 8px}.item-footer button{color:#2b0c14;background:var(--accent);cursor:pointer;border:0;border-radius:12px;flex:none;min-height:40px;padding:0 14px;font-weight:900}button:disabled{cursor:not-allowed;color:var(--faint);background:#ebe5e1}.cart-bar{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:18px;grid-template-columns:1fr 150px;align-items:center;gap:12px;padding:14px;display:grid;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 18px 40px #17131324}.cart-bar strong{font-size:22px;display:block}.cart-view,.confirmation-panel{margin:0 22px 112px;padding:16px}.text-button,.icon-button{border-radius:10px;min-height:38px;padding:0 12px}.cart-line{border-bottom:1px solid var(--border);padding:12px 0}.cart-line:last-child{border-bottom:0}.cart-total{border-top:1px solid var(--border);margin:14px 0;padding-top:12px}.cart-total strong{font-size:26px}.blocked-submit{color:var(--warning);margin:0 0 12px;font-weight:800}.confirmation-panel{text-align:left}.confirmation-panel strong{margin-top:18px;font-size:28px;display:block}.detail-backdrop{z-index:5;background:#17131342;align-items:end;display:grid;position:absolute;inset:0}.detail-panel{background:var(--surface);border-radius:24px 24px 0 0;max-height:86%;padding:18px 22px 22px;overflow-y:auto;box-shadow:0 -18px 44px #1713132e}.detail-panel>.icon-button{float:right}.detail-panel>p{clear:both;color:var(--muted);margin:0 0 16px}.option-group{border:0;gap:8px;margin:0 0 16px;padding:0;display:grid}.option-group legend{justify-content:space-between;gap:12px;width:100%;margin-bottom:8px;font-weight:900;display:flex}.option-group legend span{color:var(--faint)}.option-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;min-height:48px;padding:10px 12px}.option-row input{flex:none}.option-row span{flex:1}.primary-action{margin-top:4px}.template-fast_casual{--accent:#ff6b4a;--accent-strong:#c94b2f}.template-fresh_healthy{--accent:#65d18b;--accent-strong:#137c63}.template-premium_bar{--accent:#d9b46b;--accent-strong:#7a5617}.template-playful_dessert{--accent:#ff79b0;--accent-strong:#c83272}.template-editorial_dining{--accent:#94a3b8;--accent-strong:#475569}@media (max-width:520px){.ordering-shell{min-height:100svh;padding:0}.customer-surface{border:0;border-radius:0;width:100%;min-height:100svh}.store-header{padding:18px 18px 14px}.store-header h1,.landing-copy h2,.detail-panel h2,.confirmation-panel h2{font-size:25px}.landing-panel,.compact-context,.menu-section,.category-rail{padding-left:18px;padding-right:18px}.state-panel,.state-banner,.cart-view,.confirmation-panel{margin-left:18px;margin-right:18px}.hero-image{min-height:230px}.menu-card{grid-template-columns:92px minmax(0,1fr)}.cart-bar{grid-template-columns:1fr 132px}}