:root{--r-xs: 8px;--r-sm: 14px;--r: 22px;--r-lg: 32px;--r-xl: 44px;--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--brand-red: #D7282F;--brand-green: #2BA147;--brand-yellow: #F4C842;--brand-tomato: #E8483D}[data-theme=dark]{--bg: #0A0204;--bg-elevated: #14080A;--bg-gradient: radial-gradient(ellipse 70% 50% at 20% 10%, rgba(215,40,47,.2) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 80% 90%, rgba(43,161,71,.1) 0%, transparent 70%);--surface: rgba(255,255,255,.055);--surface-hover: rgba(255,255,255,.1);--surface-active: rgba(255,255,255,.13);--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.22);--text: #FFFFFF;--text-soft: rgba(255,255,255,.85);--muted: rgba(255,255,255,.6);--dim: rgba(255,255,255,.35);--accent: var(--brand-red);--accent-strong: #B71C1C;--accent-glow: rgba(215,40,47,.35);--secondary: var(--brand-green);--gold: var(--brand-yellow);--shadow: 0 8px 40px rgba(0,0,0,.55);--shadow-accent: 0 0 32px rgba(215,40,47,.4);--shadow-card: 0 4px 24px rgba(0,0,0,.3);--card-bg: rgba(255,255,255,.04);--image-overlay: linear-gradient(180deg, rgba(10,2,4,0) 0%, rgba(10,2,4,.85) 100%)}[data-theme=light]{--bg: #FFF8F0;--bg-elevated: #FFFFFF;--bg-gradient: radial-gradient(ellipse 70% 50% at 20% 10%, rgba(215,40,47,.06) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 80% 90%, rgba(244,200,66,.1) 0%, transparent 70%);--surface: rgba(0,0,0,.04);--surface-hover: rgba(0,0,0,.07);--surface-active: rgba(215,40,47,.1);--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.16);--text: #1A0E0E;--text-soft: #2D1A1A;--muted: rgba(26,14,14,.65);--dim: rgba(26,14,14,.4);--accent: var(--brand-red);--accent-strong: #A8181D;--accent-glow: rgba(215,40,47,.28);--secondary: var(--brand-green);--gold: #C99A1C;--shadow: 0 12px 40px rgba(120,30,30,.12);--shadow-accent: 0 8px 28px rgba(215,40,47,.22);--shadow-card: 0 4px 18px rgba(120,40,40,.08);--card-bg: #FFFFFF;--image-overlay: linear-gradient(180deg, rgba(255,248,240,0) 0%, rgba(26,14,14,.55) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);background-image:var(--bg-gradient);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:16px;transition:background-color .5s ease,color .3s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none;color:inherit;background:transparent}input{font-family:inherit;outline:none}img{display:block;max-width:100%}.font-display{font-family:Fraunces,Poppins,serif;letter-spacing:-.02em}.font-cursive{font-family:Pacifico,cursive}.heading-hero{font-size:clamp(48px,7vw,84px);font-weight:900;line-height:1;letter-spacing:-.03em}.heading-xl{font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.02em}.heading-lg{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.15}.heading-md{font-size:clamp(20px,2.5vw,30px);font-weight:700}.heading-sm{font-size:clamp(16px,2vw,22px);font-weight:700}.price-tag{color:var(--gold);font-weight:800}.text-soft{color:var(--text-soft)}.text-muted{color:var(--muted)}.text-dim{color:var(--dim)}.text-accent{color:var(--accent)}.text-green{color:var(--secondary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.gap-xs{gap:8px}.gap-sm{gap:14px}.gap-md{gap:22px}.gap-lg{gap:36px}.w-full{width:100%}.kiosk-root{width:100vw;height:100vh;overflow:hidden;position:relative}.screen-fade{animation:screenIn .32s var(--ease-smooth) both}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:200}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r);font-weight:700;transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease,background .2s ease;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 6px 22px var(--accent-glow),var(--shadow-card)}.btn-primary:hover{box-shadow:0 10px 32px var(--accent-glow),var(--shadow)}.btn-secondary{background:var(--surface);border:2px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-green{background:linear-gradient(135deg,var(--secondary),#1F8639);color:#fff;box-shadow:0 6px 22px #2ba1474d,var(--shadow-card)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text)}.btn-xl{font-size:22px;padding:22px 52px;border-radius:var(--r-lg)}.btn-lg{font-size:18px;padding:18px 36px}.btn-md{font-size:15px;padding:14px 28px}.btn-sm{font-size:13px;padding:10px 20px;border-radius:var(--r-sm)}.btn-full{width:100%}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:disabled:active{transform:none}.theme-toggle{position:fixed;top:18px;right:18px;z-index:100;width:52px;height:52px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);transition:transform .3s var(--ease),background .2s}.theme-toggle:hover{transform:scale(1.08) rotate(15deg);background:var(--surface-hover)}.theme-toggle:active{transform:scale(.92)}.welcome{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative}.welcome-logo-img{width:clamp(280px,32vw,460px);filter:drop-shadow(0 16px 40px rgba(0,0,0,.25))}.welcome-tagline{font-size:clamp(18px,2.2vw,28px);color:var(--text-soft);margin:32px 0 8px;font-style:italic;font-family:Fraunces,serif}.welcome-sub{font-size:clamp(14px,1.5vw,18px);color:var(--muted);margin-bottom:56px}.btn-start{font-size:clamp(20px,2.5vw,28px);padding:26px 80px;border-radius:999px;font-weight:800;letter-spacing:.3px}.pulse-glow{animation:pulse-glow 2.6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 6px 22px #d7282f4d,0 0 #d7282f00}50%{box-shadow:0 10px 32px #d7282f80,0 0 0 16px #d7282f00}}.welcome-hint{position:absolute;bottom:32px;color:var(--dim);font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600}.mode-picker{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;max-width:880px;margin-top:24px}.mode-card{position:relative;border:none;border-radius:var(--r-lg);padding:56px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;cursor:pointer;min-height:320px;box-shadow:0 12px 40px #00000026;overflow:hidden}.mode-emoji{font-size:90px;line-height:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}.mode-name{font-family:Fraunces,serif;font-size:32px;font-weight:800;letter-spacing:-.02em}.mode-sub{font-size:15px;font-weight:500}.mode-arrow{margin-top:16px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800;box-shadow:0 6px 18px #0000002e}.name-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:24px;text-align:center}.name-emoji{font-size:64px;margin-bottom:0}.name-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:540px;margin-top:8px}.name-field{display:flex;flex-direction:column;gap:8px;text-align:left}.name-field label{font-size:14px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px;letter-spacing:.3px}.name-hint{font-size:12px;color:var(--dim);font-style:italic;margin-top:4px}.name-input{width:100%;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r);color:var(--text);font-size:22px;font-weight:600;padding:18px 24px;text-align:left;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:var(--dim);font-weight:400}.name-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.app-shell{height:100vh;display:grid;grid-template-columns:1fr 360px;grid-template-rows:auto 1fr;grid-template-areas:"header header" "content cart";overflow:hidden}.app-shell.no-cart{grid-template-columns:1fr;grid-template-areas:"header" "content"}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:5}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo img{height:48px}.brand-logo-text{display:flex;flex-direction:column}.brand-logo-text .name{font-family:Pacifico,cursive;font-size:22px;color:var(--accent);line-height:1}.brand-logo-text .sub{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-weight:600}.header-greeting{text-align:center;flex:1}.header-greeting strong{color:var(--accent)}.header-greeting .hello{font-size:15px;color:var(--muted)}.header-greeting .name{font-size:18px;font-weight:700;color:var(--text)}.header-actions{display:flex;gap:10px;align-items:center}.app-content{grid-area:content;overflow-y:auto;position:relative}.cart-sidebar{grid-area:cart;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.cart-header{padding:20px 22px 14px;border-bottom:1px solid var(--border)}.cart-header .title{font-size:17px;font-weight:800;display:flex;align-items:center;gap:10px}.cart-header .count{font-size:12px;color:var(--muted);margin-top:4px}.cart-items{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:40px 20px;gap:14px}.cart-empty-emoji{font-size:60px;opacity:.4}.cart-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.cart-item-img{width:48px;height:48px;border-radius:var(--r-xs);object-fit:cover;background:var(--surface)}.cart-item-emoji{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.cart-item-info{min-width:0}.cart-item-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-sub{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:14px;font-weight:800;color:var(--gold);display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cart-item-remove{background:#d7282f1f;border:1px solid rgba(215,40,47,.25);color:var(--accent);border-radius:6px;width:22px;height:22px;font-size:11px;display:flex;align-items:center;justify-content:center}.cart-footer{border-top:1px solid var(--border);padding:16px 20px;background:var(--bg-elevated)}.cart-totals{margin-bottom:14px}.cart-totals .row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:3px 0}.cart-totals .row.total{font-size:22px;font-weight:800;color:var(--text);border-top:1px solid var(--border);padding-top:10px;margin-top:6px}.cart-totals .row.total .price-tag{font-size:26px}.home{padding:26px 30px;display:flex;flex-direction:column;gap:22px;height:100%}.home-title-row{display:flex;align-items:baseline;justify-content:space-between}.home-title{font-family:Fraunces,serif;font-size:clamp(28px,3.5vw,44px);font-weight:800;letter-spacing:-.02em}.home-title em{font-style:italic;color:var(--accent)}.home-sub{color:var(--muted);font-size:14px}.home-grid{flex:1;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1.15fr 1fr;gap:18px;min-height:0}.promo-panel{position:relative;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;background:var(--card-bg);border:1.5px solid var(--border);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s ease,border-color .2s;box-shadow:var(--shadow-card)}.promo-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}.promo-panel:active{transform:scale(.98)}.promo-panel-hero{grid-area:1 / 1}.promo-img-wrap{position:relative;flex:1;overflow:hidden}.promo-img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-smooth)}.promo-panel:hover .promo-img{transform:scale(1.07)}.promo-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--image-overlay)}.promo-badge{position:absolute;top:18px;left:18px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border-strong);border-radius:999px;padding:7px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px;z-index:2}.promo-badge .icon{font-size:14px}.promo-price-chip{position:absolute;top:18px;right:18px;background:var(--brand-yellow);color:#1a0e0e;border-radius:999px;padding:10px 18px;font-size:22px;font-weight:900;box-shadow:0 6px 18px #f4c84273;z-index:2;font-family:Fraunces,serif}.promo-info{padding:20px 22px;position:absolute;bottom:0;left:0;right:0;z-index:2;color:#fff}.promo-name{font-family:Fraunces,serif;font-size:clamp(20px,2.2vw,30px);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:4px}.promo-desc{font-size:13px;opacity:.85;line-height:1.35}.promo-panel-hero .promo-name{font-size:clamp(28px,3.2vw,48px)}.promo-panel-order{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);border:none;color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.promo-panel-order:hover{border:none}.promo-panel-order .icon-big{font-size:56px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.promo-panel-order h3{font-family:Fraunces,serif;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.1;margin-bottom:6px}.promo-panel-order p{font-size:13px;opacity:.9;line-height:1.4}.promo-panel-order .cta-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-top:12px}.promo-panel-order .cta-row .arrow{background:#fff3;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.menu-screen{padding:22px 26px;display:flex;flex-direction:column;gap:18px;height:100%}.menu-top{display:flex;align-items:center;gap:14px}.menu-back{width:44px;height:44px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s}.menu-back:hover{background:var(--surface-hover)}.menu-back:active{transform:scale(.92)}.menu-title{font-family:Fraunces,serif;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em}.tabs-bar{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none;padding-bottom:4px}.tabs-bar::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;background:var(--card-bg);border:1.5px solid var(--border);border-radius:999px;color:var(--muted);font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:var(--text);border-color:var(--border-strong)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.products-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-content:start;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.product-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:var(--shadow-card)}.product-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px var(--accent-glow)}.product-card:active{transform:scale(.97)}.product-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--surface)}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-smooth)}.product-card:hover .product-img{transform:scale(1.08)}.product-fallback-emoji{font-size:64px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.product-price-badge{position:absolute;top:10px;right:10px;background:var(--brand-yellow);color:#1a0e0e;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:900;box-shadow:0 4px 12px #f4c84266;font-family:Fraunces,serif}.product-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.product-name{font-size:16px;font-weight:700}.product-desc{font-size:12px;color:var(--muted);line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0204b8;z-index:50;display:flex;align-items:center;justify-content:center;padding:30px}.modal-panel{background:var(--bg-elevated);border-radius:var(--r-lg);border:1px solid var(--border);width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #00000080}.modal-header{display:flex;align-items:center;gap:16px;padding:20px 26px;border-bottom:1px solid var(--border)}.modal-header-img{width:64px;height:64px;border-radius:var(--r-sm);object-fit:cover;background:var(--surface)}.modal-header-info{flex:1}.modal-close{width:40px;height:40px;border-radius:50%;background:var(--surface);font-size:18px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface-hover)}.modal-body{flex:1;overflow-y:auto;padding:26px 30px;display:flex;flex-direction:column;gap:22px;scrollbar-width:thin}.modal-footer{border-top:1px solid var(--border);padding:16px 26px;display:flex;gap:12px}.config-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.crumb{font-size:11px;font-weight:700;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);color:var(--dim);letter-spacing:.5px;text-transform:uppercase}.crumb.done{background:#2ba1471f;border-color:var(--secondary);color:var(--secondary)}.crumb.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.crumb-sep{color:var(--dim);font-size:11px}.recap-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 18px;font-size:13px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.recap-strip strong{color:var(--text)}.options-label{font-size:17px;font-weight:700;font-family:Fraunces,serif}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.options-grid-photo{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.option-card-photo{padding:0!important;overflow:hidden;align-items:stretch!important;gap:0!important}.option-photo-wrap{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border)}.option-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease-smooth)}.option-card-photo:hover .option-photo{transform:scale(1.07)}.option-photo-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:60px}.option-card-photo .option-info{width:100%;padding:14px 16px 18px;text-align:center;display:flex;flex-direction:column;gap:4px}.option-card-photo .option-name{font-size:19px;font-weight:700;font-family:Fraunces,serif;letter-spacing:-.01em}.option-card-photo .option-sub{font-size:12.5px;color:var(--muted);line-height:1.4}.option-card-photo .option-check{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 14px var(--accent-glow),0 0 0 3px #ffffffe6;z-index:2}.option-extra-chip{position:absolute;top:10px;left:10px;background:#fffffff2;color:#1a0e0e;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;z-index:2;box-shadow:0 4px 12px #0003}.option-extra-chip.gold{background:var(--brand-yellow);color:#1a0e0e}.option-dynamic-badge{position:absolute;bottom:10px;left:10px;background:linear-gradient(135deg,#fffffff7,#ffffffd9);color:#1a0e0e;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;z-index:2;box-shadow:0 6px 18px #0000004d;display:flex;align-items:center;gap:6px;letter-spacing:.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.option-dynamic-badge span{font-size:15px;display:inline-block;transform:translateY(-1px)}.option-card{position:relative;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r);padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card)}.option-card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.option-card:active{transform:scale(.96)}.option-card.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 6px 24px var(--accent-glow)}.option-emoji{font-size:42px}.option-name{font-size:16px;font-weight:700}.option-sub{font-size:12px;color:var(--muted)}.option-extra{font-size:13px;color:var(--gold);font-weight:700}.option-check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.sauce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sauce-card{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r-sm);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.sauce-card:hover{background:var(--surface-hover)}.sauce-card.selected{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.sauce-emoji{font-size:26px}.sauce-disabled{opacity:.3;cursor:not-allowed}.sauce-counter{margin-left:auto;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--muted)}.sauce-counter.ready{background:#2ba14726;border-color:var(--secondary);color:var(--secondary)}.combo-screen,.addmore-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:26px;position:relative}.combo-visual{font-size:90px;line-height:1}.combo-price-badge{background:linear-gradient(135deg,var(--brand-yellow),#E89E0F);color:#1a0e0e;border-radius:var(--r-lg);padding:12px 36px;font-size:38px;font-weight:900;font-family:Fraunces,serif;box-shadow:0 8px 28px #f4c84273}.combo-actions{display:flex;gap:16px;width:100%;max-width:580px}.refresco-grid{display:flex;gap:14px;justify-content:center}.refresco-card{flex:1;max-width:220px;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r);padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s;box-shadow:var(--shadow-card)}.refresco-card:hover{transform:translateY(-3px);border-color:var(--accent)}.refresco-emoji{font-size:54px}.summary-screen{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.summary-header{padding:22px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-elevated)}.summary-list{flex:1;overflow-y:auto;padding:22px 32px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.summary-item{display:grid;grid-template-columns:64px 1fr auto auto;gap:16px;align-items:center;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:14px 18px;box-shadow:var(--shadow-card)}.summary-item-img{width:64px;height:64px;border-radius:var(--r-xs);object-fit:cover;background:var(--surface)}.summary-item-name{font-size:16px;font-weight:700}.summary-item-sub{font-size:13px;color:var(--muted);margin-top:3px}.summary-item-price{font-size:20px;font-weight:800;color:var(--gold);font-family:Fraunces,serif}.remove-btn{background:#d7282f1f;border:1px solid rgba(215,40,47,.3);color:var(--accent);border-radius:8px;width:36px;height:36px;font-size:16px;display:flex;align-items:center;justify-content:center}.summary-totals{border-top:1px solid var(--border);padding:20px 32px;background:var(--bg-elevated)}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:15px;color:var(--muted)}.totals-row.total{font-size:26px;font-weight:800;color:var(--text);border-top:1px solid var(--border);padding-top:14px;margin-top:10px;font-family:Fraunces,serif}.totals-row.total .price-tag{font-size:32px}.summary-actions{padding:18px 32px;display:flex;gap:12px;background:var(--bg-elevated);border-top:1px solid var(--border)}.payment-screen{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.payment-header{padding:22px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-elevated)}.payment-list{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:16px;max-width:920px;width:100%;margin:0 auto}.payment-grid{flex:1;overflow-y:auto;padding:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;width:100%;margin:0 auto;align-content:center}.payment-card-xl{position:relative;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r-lg);padding:44px 32px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;cursor:pointer;transition:all .25s;box-shadow:var(--shadow-card);min-height:480px;overflow:hidden}.payment-card-xl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,#d7282f00,#d7282f00);pointer-events:none;transition:background .3s}.payment-card-xl:hover{border-color:var(--accent);box-shadow:0 20px 50px var(--accent-glow)}.payment-card-xl:hover:before{background:radial-gradient(ellipse at top,rgba(215,40,47,.1) 0%,transparent 60%)}.payment-card-xl:active{transform:scale(.985)}.payment-card-xl.has-discount{border-color:#2ba14766}.payment-card-xl.has-discount:hover{border-color:var(--secondary);box-shadow:0 20px 50px #2ba1474d}.payment-card-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--secondary),#1F8639);color:#fff;font-size:12px;font-weight:800;padding:7px 16px;border-radius:999px;letter-spacing:.5px;box-shadow:0 6px 18px #2ba14759;z-index:2;white-space:nowrap}.payment-card-emoji{font-size:84px;line-height:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.payment-card-name{font-family:Fraunces,serif;font-size:28px;font-weight:800;letter-spacing:-.02em}.payment-card-title{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.3px}.payment-card-sub{font-size:14px;color:var(--muted);line-height:1.5;max-width:320px}.payment-card-divider{width:60px;height:1.5px;background:var(--border);margin:6px 0}.payment-card-prices{display:flex;flex-direction:column;align-items:center;gap:4px}.payment-card-strike{font-size:16px;color:var(--dim);text-decoration:line-through}.payment-card-final{font-size:44px;font-weight:900;color:var(--gold);font-family:Fraunces,serif;line-height:1;letter-spacing:-.02em}.payment-card-saved{font-size:13px;color:var(--secondary);font-weight:800;margin-top:4px}.payment-card-cta{margin-top:auto;background:var(--accent);color:#fff;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px var(--accent-glow);transition:all .2s}.payment-card-xl:hover .payment-card-cta{background:var(--accent-strong);box-shadow:0 10px 28px var(--accent-glow)}.payment-card-cta .arrow{font-size:18px;font-weight:900;transition:transform .25s}.payment-card-xl:hover .payment-card-cta .arrow{transform:translate(4px)}@media (max-width: 880px){.payment-grid{grid-template-columns:1fr;max-width:480px}.payment-card-xl{min-height:420px;padding:36px 24px 26px}}.payment-card{display:grid;grid-template-columns:80px 1fr auto auto;gap:22px;align-items:center;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--r);padding:22px 26px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-card);text-align:left}.payment-card:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 12px 32px var(--accent-glow)}.payment-card:active{transform:scale(.985)}.payment-emoji{font-size:56px;line-height:1;text-align:center}.payment-info{display:flex;flex-direction:column;gap:4px;min-width:0}.payment-name{font-size:19px;font-weight:700;font-family:Fraunces,serif;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-badge{background:linear-gradient(135deg,var(--secondary),#1F8639);color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:.4px;box-shadow:0 4px 12px #2ba1474d}.payment-sub{font-size:13px;color:var(--muted)}.payment-prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:110px}.payment-strike{font-size:13px;color:var(--dim);text-decoration:line-through}.payment-final{font-size:26px;font-weight:900;color:var(--gold);font-family:Fraunces,serif}.payment-saved{font-size:11px;color:var(--secondary);font-weight:700}.payment-arrow{font-size:22px;color:var(--accent);font-weight:800;width:38px;height:38px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center}.terminal-screen{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.terminal-header{padding:22px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-elevated)}.terminal-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 60px;align-items:center;max-width:1200px;width:100%;margin:0 auto}.terminal-visual{position:relative;height:380px;display:flex;align-items:center;justify-content:center}.terminal-device{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:24px;padding:22px 18px;width:240px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff14;position:relative}.terminal-device:after{content:"";position:absolute;top:50%;left:-8px;width:4px;height:60px;background:#444;border-radius:4px 0 0 4px}.terminal-device-screen{background:linear-gradient(180deg,#a8d8a8,#8bc78b);border:3px solid #3a3a3a;border-radius:10px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-family:Courier New,monospace;color:#1a3a1a;font-size:22px;font-weight:800;letter-spacing:1px;box-shadow:inset 0 0 12px #0050004d}.terminal-device-text{text-shadow:0 0 4px rgba(0,150,0,.4)}.terminal-device-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.terminal-device-buttons span{height:26px;border-radius:6px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006}.terminal-device-buttons span.red{background:linear-gradient(180deg,#d32f2f,#a01818)}.terminal-device-buttons span.green{background:linear-gradient(180deg,#4caf50,#2e7d32)}.terminal-card{position:absolute;width:130px;height:82px;background:linear-gradient(135deg,#2962ff,#0d47a1);border-radius:10px;box-shadow:0 12px 30px #00000080;z-index:2}.terminal-card-chip{position:absolute;top:18px;left:14px;width:26px;height:20px;background:linear-gradient(135deg,gold,#b8860b);border-radius:4px}.terminal-card-stripe{position:absolute;bottom:18px;left:14px;right:14px;height:4px;background:linear-gradient(90deg,#ffffff80,#ffffff40);border-radius:2px}.terminal-steps{display:flex;flex-direction:column;gap:14px}.terminal-step{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r);padding:16px 20px;transition:all .3s}.terminal-step.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 4px 18px var(--accent-glow)}.terminal-step.done{border-color:var(--secondary);background:#2ba1471a}.terminal-step.done .terminal-step-icon{background:var(--secondary);color:#fff}.terminal-step-icon{width:54px;height:54px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px}.terminal-step.active .terminal-step-icon{background:var(--accent);border-color:var(--accent);color:#fff}.terminal-step-label{font-size:16px;font-weight:700;font-family:Fraunces,serif}.terminal-step-sub{font-size:13px;color:var(--muted);margin-top:2px}.terminal-step-spinner{width:22px;height:22px;border:3px solid var(--accent-glow);border-top-color:var(--accent);border-radius:50%}.terminal-footer{padding:18px 32px;border-top:1px solid var(--border);background:var(--bg-elevated);display:flex;justify-content:space-between;align-items:center;gap:20px}.terminal-tip{font-size:12.5px;color:var(--muted);font-style:italic;text-align:right;flex:1;line-height:1.4}.online-pay-screen{height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.online-pay-header{padding:22px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-elevated)}.online-pay-tabs{display:flex;gap:10px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.online-pay-body{flex:1;overflow-y:auto;padding:28px 32px;max-width:920px;width:100%;margin:0 auto}.online-pay-card{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.virtual-card{background:linear-gradient(135deg,#4a148c,#1a237e);border-radius:18px;padding:22px;color:#fff;height:200px;position:relative;box-shadow:0 16px 40px #4a148c59;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.virtual-card:before{content:"";position:absolute;top:-60px;right:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff14}.virtual-card-brand{font-size:16px;font-weight:800;letter-spacing:2px;text-align:right;font-family:Fraunces,serif}.virtual-card-chip{width:44px;height:32px;background:linear-gradient(135deg,gold,#b8860b);border-radius:6px;box-shadow:inset 0 0 6px #0000004d}.virtual-card-number{font-size:20px;font-family:Courier New,monospace;letter-spacing:2.5px;font-weight:700}.virtual-card-row{display:flex;justify-content:space-between;gap:16px}.virtual-card-mini-label{font-size:9px;opacity:.65;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px}.virtual-card-name{font-size:13px;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px}.online-pay-form{display:flex;flex-direction:column;gap:14px}.online-pay-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.online-pay-spinner{width:80px;height:80px;border:6px solid var(--accent-glow);border-top-color:var(--accent);border-radius:50%}.online-pay-qr{display:flex;justify-content:center}.qr-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r);padding:32px;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;max-width:720px;box-shadow:var(--shadow-card)}.qr-img{background:#fff;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}.qr-banks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.qr-bank{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.online-pay-transfer{display:flex;justify-content:center}.transfer-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r);padding:28px;max-width:560px;width:100%;box-shadow:var(--shadow-card)}.transfer-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:15px}.transfer-row:last-of-type{border-bottom:none}.transfer-row.total{font-size:18px;border-top:2px solid var(--border);margin-top:8px;padding-top:14px;border-bottom:none}.transfer-row span{color:var(--muted)}.transfer-row strong{color:var(--text);font-weight:700}.transfer-row .mono{font-family:Courier New,monospace;letter-spacing:.5px}.online-pay-footer{padding:18px 32px;border-top:1px solid var(--border);background:var(--bg-elevated);max-width:920px;width:100%;margin:0 auto}@media (max-width: 900px){.terminal-body{grid-template-columns:1fr;padding:20px;gap:24px}.terminal-visual{height:280px}.online-pay-card{grid-template-columns:1fr}.virtual-card{max-width:380px;margin:0 auto}.qr-card{grid-template-columns:1fr;text-align:center}}.confirmed-details{display:flex;flex-direction:column;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r);padding:16px 24px;min-width:340px;box-shadow:var(--shadow-card)}.confirmed-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}.confirmed-row-label{color:var(--muted);font-weight:600}.confirmed-row-value{color:var(--text);font-weight:700;font-family:Fraunces,serif}.confirmed-instructions{background:var(--accent-glow);border:1px solid var(--accent);border-radius:var(--r-sm);padding:14px 22px;text-align:center}.instructions-line{font-size:16px;font-weight:700;color:var(--text)}.instructions-sub{font-size:13px;color:var(--muted);margin-top:3px}.confirmed-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:22px}.confirmed-check{font-size:110px;filter:drop-shadow(0 0 36px rgba(43,161,71,.55))}.order-number{background:var(--card-bg);border:2px solid var(--secondary);border-radius:var(--r);padding:18px 44px;font-size:30px;font-weight:900;letter-spacing:2px;color:var(--secondary);font-family:Fraunces,serif}.confirmed-message{max-width:520px;font-size:18px;color:var(--muted);line-height:1.6}.confirmed-message strong{color:var(--text)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}