:root{--bg: #f0f2f6;--surface: #ffffff;--surface-2: #f6f8fb;--surface-3: #eef1f5;--line: #e6e9ee;--line-soft: #eef1f5;--ink: #1a1c23;--ink-soft: #5a5e68;--ink-mute: #969aa3;--ink-faint: #c4c8cf;--action: #d4002b;--action-light: #ff3a5a;--action-deep: #a30022;--action-hover: #b90026;--action-soft: #fdebee;--action-faint: #fff5f7;--action-ink: #6b0015;--customisable: #2b65cf;--customisable-soft: #e7eefb;--discount: #d97614;--discount-soft: #fef0e0;--success: #19b066;--g-action: linear-gradient( 140deg, #ff486a 0%, #d4002b 55%, #a30022 100% );--g-action-deep: linear-gradient( 140deg, #d4002b 0%, #a30022 60%, #6b0015 100% );--g-action-soft: linear-gradient( 180deg, rgba(255, 255, 255, .96) 0%, rgba(253, 235, 238, .95) 100% );--g-surface: linear-gradient( 180deg, #ffffff 0%, #f7f9fc 100% );--g-card: linear-gradient( 180deg, #ffffff 0%, #fcfdfe 100% );--g-hero: linear-gradient( 160deg, #f4f7fb 0%, #e6ecf3 55%, #d8dfe8 100% );--g-hero-warm: linear-gradient( 160deg, #fff5ec 0%, #f4dfcd 55%, #e6ccb3 100% );--g-cart-head: linear-gradient( 180deg, #f0f5fc 0%, #e1eaf6 100% );--g-speaker: linear-gradient( 180deg, #2b2e38 0%, #1a1c24 50%, #0e1015 100% );--g-speaker-glow: radial-gradient( ellipse at 50% -10%, rgba(255, 72, 106, .22) 0%, transparent 65% );--g-bezel-outer: radial-gradient( ellipse at 28% 8%, #2a2c36 0%, #14161b 60%, #0a0b0e 100% );--g-header: linear-gradient( 180deg, #ffffff 0%, #fbfcfe 100% );--sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--display: "Anton", "Manrope", system-ui, sans-serif;--r-panel: 24px;--r-card: 18px;--r-image: 14px;--r-pill: 999px;--r-button: 12px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 1px 2px rgba(20, 22, 30, .04), 0 8px 24px rgba(20, 22, 30, .05);--shadow-lift: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 4px 8px rgba(20, 22, 30, .06), 0 18px 40px rgba(20, 22, 30, .1);--shadow-focus: 0 0 0 2px var(--action), 0 1px 0 rgba(255, 255, 255, .6) inset, 0 22px 44px rgba(212, 0, 43, .18);--shadow-action: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 2px 4px rgba(212, 0, 43, .1), 0 10px 22px rgba(212, 0, 43, .28);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 2px 6px rgba(20, 22, 30, .04), 0 30px 60px rgba(20, 22, 30, .08);--shadow-speaker: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 56px rgba(0, 0, 0, .45);--pad-panel: 22px;--pad-card: 16px;--pad-tight: 12px;--currency-symbol: "AED";--canvas-w: 1760px;--canvas-h: 1000px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#08090c;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill)}.label-customisable,.tag-customisable{color:var(--customisable);font:800 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}.badge-discount{display:inline-flex;align-items:center;padding:4px 8px;font:800 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--discount);background:var(--discount-soft);border:1px solid rgba(217,118,20,.18);border-radius:6px}.currency{font-variant-numeric:tabular-nums;font-weight:800}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--g-bezel-outer);overflow:hidden}.canvas{width:var(--canvas-w);height:var(--canvas-h);background:var(--bg);border-radius:44px;border:1px solid #1c1f25;box-shadow:0 1px #ffffff0a inset,0 40px 100px #0000008c,0 8px 24px #00000059;overflow:hidden;transform-origin:center center;position:relative}.kiosk{height:100%;display:grid;grid-template-rows:auto auto 1fr;gap:0}.kiosk-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px 16px;background:var(--g-header);border-bottom:1px solid var(--line);position:relative}.brand-mark{display:inline-flex;align-items:center;gap:14px}.brand-logo{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--g-action);color:#fff;border-radius:14px;font:400 22px/1 var(--display);letter-spacing:.05em;box-shadow:0 1px #ffffff38 inset,0 2px 6px #d4002b2e,0 10px 22px #d4002b33}.brand-name{font:800 24px/1 var(--sans);color:var(--ink);letter-spacing:-.015em}.brand-sub{font:700 10.5px/1.2 var(--sans);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.18em;margin-top:6px}.drive-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-pill);background:var(--action-soft);color:var(--action-ink);font:800 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(212,0,43,.16)}.drive-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--action);box-shadow:0 0 0 3px #d4002b38;animation:pulse-red 1.6s ease-in-out infinite}.location-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-soft);font:600 12.5px/1 var(--sans)}.cat-strip{display:flex;align-items:center;gap:2px;padding:12px 22px;background:var(--g-header);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;position:relative}.cat-strip::-webkit-scrollbar{display:none}.cat-tab{display:inline-flex;align-items:center;gap:11px;padding:8px 14px 13px;background:transparent;color:var(--ink-soft);font:800 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;position:relative;transition:color .22s ease}.cat-tab .thumb{width:42px;height:42px;border-radius:12px;background:var(--g-hero);display:inline-grid;place-items:center;font:400 17px/1 var(--display);letter-spacing:.04em;color:var(--ink);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #fff9,0 1px 2px #14161e0a}.cat-tab.active{color:var(--action)}.cat-tab.active .thumb{background:linear-gradient(180deg,#ffd2db,#fbb8c4);color:var(--action-deep);border-color:#d4002b33;box-shadow:inset 0 1px #ffffff80,0 4px 10px #d4002b2e}.cat-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--g-action);border-radius:3px 3px 0 0}.cat-tab:hover{color:var(--ink)}.cat-search{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-mute);font:600 12.5px/1 var(--sans);white-space:nowrap}.kiosk-body{display:grid;grid-template-columns:320px 1.55fr 1fr;gap:20px;padding:22px;min-height:0;background:radial-gradient(ellipse at 22% 0%,rgba(212,0,43,.04) 0%,transparent 55%),var(--bg)}.speaker-rail{display:block;min-height:0}.speaker-frame{height:100%;background:var(--g-speaker);border-radius:var(--r-panel);border:1px solid rgba(255,255,255,.06);padding:22px 22px 18px;display:grid;grid-template-rows:auto auto auto auto 1fr auto auto auto;gap:16px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-speaker)}.speaker-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-speaker-glow);pointer-events:none}.speaker-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.022) 1px,transparent 0);background-size:4px 4px;pointer-events:none}.speaker-frame>*{position:relative;z-index:1}.speaker-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 13px;background:#ff486a1f;border:1px solid rgba(255,72,106,.28);border-radius:999px;font:800 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#ffa6b6;width:fit-content;margin:0 auto}.speaker-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--action-light);box-shadow:0 0 0 3px #ff486a47;animation:pulse-soft 1.6s ease-in-out infinite}.speaker-grille{position:relative;height:84px;border-radius:14px;background:linear-gradient(180deg,#0a0c10,#0e1117);border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:inset 0 6px 14px #000000b3,inset 0 0 0 1px #ffffff06}.speaker-grille-mesh{position:absolute;top:7px;right:7px;bottom:7px;left:7px;background-image:radial-gradient(circle at center,#2a2d34 1.3px,transparent 1.5px);background-size:9px 9px;border-radius:9px;opacity:.85}.speaker-grille-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,72,106,.14) 0%,transparent 60%);pointer-events:none}.speaker-grille-label{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:800 9px/1 var(--sans);letter-spacing:.36em;color:#fff6}.speaker-identity{text-align:center}.speaker-callsign{font:700 10px/1 var(--sans);letter-spacing:.24em;color:#ffffff6b;text-transform:uppercase}.speaker-name{font:400 60px/1 var(--display);background:linear-gradient(180deg,#fff,#d1d4dd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.speaker-role{font:700 10px/1 var(--sans);letter-spacing:.22em;color:var(--action-light);text-transform:uppercase;margin-top:6px}.speaker-status{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:999px;width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-dot{width:9px;height:9px;border-radius:50%;background:#686b75}.status-dot.listening{background:var(--action-light);box-shadow:0 0 0 3px #ff486a4d;animation:pulse-soft 1.2s ease-in-out infinite}.status-dot.speaking{background:#1fcd6f;box-shadow:0 0 0 3px #1fcd6f4d}.status-dot.thinking{background:#f4a020;box-shadow:0 0 0 3px #f4a0204d}.status-label{font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff}.speaker-transcript{display:grid;align-content:end;gap:10px;min-height:0;overflow:hidden}.bubble{border-radius:14px;padding:11px 14px;font:500 13px/1.45 var(--sans)}.bubble-eyebrow{font:800 9px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin-bottom:5px}.bubble-guest{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border:1px solid rgba(255,255,255,.06)}.bubble-guest .bubble-eyebrow{color:#ffffff73}.bubble-guest .bubble-text{color:#ffffffe0}.bubble-agent{background:linear-gradient(135deg,#ff486a24,#d4002b0f);border:1px solid rgba(255,72,106,.24)}.bubble-agent .bubble-eyebrow{color:#ff9aab}.bubble-agent .bubble-text{color:#fff}.bubble-caret{display:inline-block;width:2px;height:13px;background:var(--action-light);margin-left:3px;vertical-align:-2px;animation:blink 1s steps(2,end) infinite}.speaker-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:38px;padding:0 8px}.speaker-wave i{display:block;width:3px;border-radius:2px;background:linear-gradient(180deg,#ff7691,#d4002b);transition:height .1s ease}.speaker-cta{display:grid;gap:9px}.talk{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;background:var(--g-action);color:#fff;font:800 12.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;border-radius:14px;transition:filter .18s ease,transform .12s ease;box-shadow:inset 0 1px #fff3,0 10px 22px #d4002b52,0 2px 4px #d4002b1f}.talk:hover{filter:brightness(1.05)}.talk:active{transform:scale(.98)}.talk.off{background:linear-gradient(180deg,#3a3d47,#2a2d35);box-shadow:inset 0 1px #ffffff0f,0 6px 14px #00000052}.talk-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff2e;font:700 10px/1 var(--sans)}.speaker-hint{text-align:center;font:600 11px/1.4 var(--sans);letter-spacing:.08em;color:#ffffff8c}.speaker-foot{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.foot-spacer{flex:1}.foot-tag{font:800 10px/1 var(--sans);letter-spacing:.2em;color:#ffffff6b;text-transform:uppercase}.menu-panel{background:transparent;display:grid;grid-template-rows:auto 1fr;gap:14px;min-height:0}.menu-panel-head{display:flex;align-items:end;justify-content:space-between;padding:0 6px}.menu-panel-title{font:800 24px/1 var(--sans);color:var(--ink);letter-spacing:-.018em}.menu-panel-title:after{content:"";display:block;width:36px;height:3px;background:var(--g-action);border-radius:2px;margin-top:9px}.menu-panel-count{font:700 12px/1 var(--sans);color:var(--ink-mute);letter-spacing:.12em;text-transform:uppercase}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:348px;gap:18px;align-content:start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:8px 6px 10px}.menu-grid::-webkit-scrollbar{width:6px}.menu-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.card{background:var(--g-card);border-radius:var(--r-card);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);display:grid;grid-template-rows:156px 1fr auto;gap:0;padding:11px 11px 14px;position:relative;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease;overflow:hidden;min-height:0}.card:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow-lift)}.card.focused{box-shadow:var(--shadow-focus);transform:translateY(-4px) scale(1.012)}.card-image{background:var(--g-hero);border-radius:var(--r-image);position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffff8c}.card-image:before{content:"";position:absolute;top:-20%;right:30%;bottom:30%;left:30%;background:radial-gradient(ellipse,rgba(255,255,255,.55) 0%,transparent 60%);pointer-events:none}.card-image:after{content:"";position:absolute;bottom:10px;right:12px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at center,rgba(212,0,43,.22) 0%,transparent 60%);border:1px solid rgba(212,0,43,.16)}.card-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.card-image:has(img){background:#efe9e2}.card-image:has(img):before,.card-image:has(img):after{display:none}.card-sauce{width:100%;height:100%;display:grid;place-items:center;position:relative;z-index:1;padding:0 18px}.card-sauce-name{font:800 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000047;padding:6px 12px;border-radius:999px;text-align:center;box-shadow:0 2px 10px #00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-image:has(.card-sauce){background:none}.card-image:has(.card-sauce):before,.card-image:has(.card-sauce):after{display:none}.card-image-placeholder{font:800 11.5px/1.25 var(--sans);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.22em;text-align:center;padding:0 16px;position:relative;display:grid;place-items:center;gap:8px}.card-image-placeholder:before{content:"";width:46px;height:46px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0%,rgba(212,0,43,.1) 60%,transparent 100%);border-radius:50%;display:block;border:2px dashed rgba(212,0,43,.2)}.card-heart{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fffffff0;border:1px solid rgba(0,0,0,.04);color:var(--ink-mute);font-size:14px;pointer-events:none;z-index:2;box-shadow:0 2px 8px #0000000f}.card-heart.in-cart{color:#fff;background:var(--g-action);border-color:#d4002b66;box-shadow:0 4px 12px #d4002b52}.card-body{padding:14px 8px 6px;display:grid;gap:5px;align-content:start;min-height:0}.card-name{font:700 16px/1.2 var(--sans);color:var(--ink);letter-spacing:-.005em}.card-desc{font:400 12.5px/1.4 var(--sans);color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.card-tag-row{display:inline-flex;align-items:center;gap:8px;margin-top:2px}.card-footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:6px 8px 2px;margin-top:auto}.card-price-stack{display:grid;gap:4px;min-width:0}.card-price-old-row{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--sans);color:var(--ink-mute)}.card-price-old{text-decoration:line-through}.card-price-now{display:inline-flex;align-items:baseline;gap:6px;color:var(--action);line-height:1}.card-price-now .symbol{font:800 11px/1 var(--sans);letter-spacing:.1em;color:var(--ink-soft)}.card-price-now .amount{font:400 28px/1 var(--display);letter-spacing:.02em;color:var(--action)}.card-add-btn{background:var(--g-action);color:#fff;font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:11px 16px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-action);transition:filter .18s ease,transform .12s ease;white-space:nowrap}.card-add-btn:hover{filter:brightness(1.06)}.card-add-btn:active{transform:scale(.97)}.qty-stepper{display:inline-flex;align-items:center;background:var(--surface);border:1.5px solid rgba(212,0,43,.2);border-radius:12px;overflow:hidden;box-shadow:0 1px #fff9 inset}.qty-stepper button{width:34px;height:34px;display:grid;place-items:center;color:var(--action);font:700 14px/1 var(--sans);transition:background .14s ease}.qty-stepper button:hover{background:var(--action-faint)}.qty-stepper button.plus{background:var(--g-action);color:#fff;box-shadow:inset 0 1px #ffffff2e}.qty-stepper button.plus:hover{filter:brightness(1.05)}.qty-stepper .count{min-width:28px;text-align:center;font:800 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--action);padding:0 4px}.cart{background:var(--g-surface);border-radius:var(--r-panel);border:1px solid var(--line-soft);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative;box-shadow:var(--shadow-panel)}.cart-head{background:var(--g-cart-head);color:#1d3661;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(43,101,207,.1)}.cart-head-title{font:800 17px/1.1 var(--sans);letter-spacing:-.005em}.cart-head-motif{display:inline-flex;gap:4px}.cart-head-motif span{width:10px;height:10px;background:var(--action);border-radius:2px;box-shadow:0 2px 4px #d4002b4d}.cart-list{padding:16px;display:grid;gap:12px;align-content:start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.cart-list::-webkit-scrollbar{width:6px}.cart-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.cart-empty{text-align:center;padding:64px 24px 40px;color:var(--ink-mute);font:600 13.5px/1.6 var(--sans);display:grid;gap:18px;justify-items:center}.cart-empty-mark{width:64px;height:64px;border-radius:50%;background:var(--g-action-soft);border:2px dashed rgba(212,0,43,.18);display:grid;place-items:center;font:400 26px/1 var(--display);color:var(--action)}.cart-empty strong{color:var(--ink);font-weight:800}.cart-line{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--line-soft);border-radius:14px;padding:14px 16px;display:grid;gap:8px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;box-shadow:0 1px 2px #14161e08}.cart-line:hover{border-color:var(--ink-faint);box-shadow:0 4px 14px #14161e0f;transform:translateY(-1px)}.cart-line-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.cart-line-name{font:700 14px/1.25 var(--sans);color:var(--ink);flex:1}.cart-line-total{font:400 20px/1 var(--display);color:var(--action);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.cart-line-mods{font:400 12px/1.4 var(--sans);color:var(--ink-soft);display:grid;gap:3px;padding-left:10px;border-left:2px solid var(--surface-3)}.cart-line-mod{display:flex;justify-content:space-between;gap:8px}.cart-line-foot{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.cart-line-stepper{display:inline-flex;align-items:center;gap:6px}.cart-line-stepper button{width:26px;height:26px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);font:700 13px/1 var(--sans);transition:all .14s ease}.cart-line-stepper button:hover{border-color:var(--ink-mute);color:var(--ink)}.cart-line-stepper .count{font:800 13px/1 var(--sans);width:22px;text-align:center;font-variant-numeric:tabular-nums}.cart-line-stepper button.plus{background:var(--g-action);color:#fff;border-color:transparent;box-shadow:0 2px 6px #d4002b3d}.cart-line-trash{color:var(--ink-mute);font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:color .14s ease}.cart-line-trash:hover{color:var(--action)}.agent-strip{padding:14px 18px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.agent-avatar{width:38px;height:38px;border-radius:50%;background:var(--g-action);color:#fff;display:grid;place-items:center;font:800 16px/1 var(--sans);position:relative;box-shadow:inset 0 1px #fff3,0 4px 10px #d4002b47}.agent-avatar:after{content:"";position:absolute;bottom:0;right:0;width:11px;height:11px;border-radius:50%;background:#9a9da4;border:2px solid var(--surface)}.agent-avatar.speaking:after{background:var(--success)}.agent-avatar.listening:after{background:var(--action-light);animation:pulse-soft 1.2s ease-in-out infinite}.agent-avatar.thinking:after{background:#f4a020}.agent-meta{display:grid;gap:3px;min-width:0}.agent-name{font:800 10px/1 var(--sans);color:var(--action);letter-spacing:.2em;text-transform:uppercase}.agent-caption{font:500 13px/1.35 var(--sans);color:var(--ink);min-height:17px;display:flex;align-items:baseline;gap:2px}.agent-caret{display:inline-block;width:2px;height:13px;background:var(--action);margin-left:2px;animation:blink 1s steps(2,end) infinite}.agent-wave{display:none}.cart-total-bar{background:var(--g-action);color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;transition:filter .16s ease;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000026}.cart-total-bar:hover:not(:disabled){filter:brightness(1.05)}.cart-total-bar:disabled{background:linear-gradient(180deg,#cfd2d8,#b9bdc5);cursor:default;box-shadow:inset 0 1px #fff6}.cart-total-stack{display:grid;gap:4px}.cart-total-amount{font:400 30px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.04em}.cart-total-amount .symbol{font:800 13px/1 var(--sans);margin-right:6px;vertical-align:6px;letter-spacing:.08em}.cart-total-vat{font:600 10.5px/1 var(--sans);opacity:.85;letter-spacing:.1em;text-transform:uppercase}.cart-cta{display:inline-flex;align-items:center;gap:12px;font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.cart-cta .arrow{width:36px;height:36px;background:#fff;color:var(--action);border-radius:50%;display:grid;place-items:center;font:800 16px/1 var(--sans);box-shadow:inset 0 1px #ffffffe6,0 2px 4px #0000001a}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f121a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:30;animation:scrim-in .22s ease-out}.modal{width:78%;max-width:1240px;max-height:86%;background:var(--g-surface);border-radius:26px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 1px #ffffff80 inset,0 48px 100px #00000073,0 12px 28px #0003;animation:modal-in .3s cubic-bezier(.16,1,.3,1)}.modal-head{position:relative;padding:24px 22px 20px;text-align:center;border-bottom:1px solid var(--line);background:var(--g-header)}.modal-head h2{font:800 19px/1 var(--sans);letter-spacing:-.005em;color:var(--ink);margin:0}.modal-head .motif{display:inline-flex;gap:6px;margin-bottom:12px}.modal-head .motif span{width:12px;height:12px;background:var(--action);border-radius:2px;box-shadow:0 2px 4px #d4002b4d}.modal-head .underline{width:42px;height:2px;background:var(--g-action);margin:10px auto 0;border-radius:2px}.modal-close{position:absolute;top:18px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);display:grid;place-items:center;font:600 18px/1 var(--sans);transition:background .14s ease,color .14s ease;border:1px solid var(--line-soft)}.modal-close:hover{background:var(--action-faint);color:var(--action);border-color:#d4002b2e}.modal-body{display:grid;grid-template-columns:232px 1fr 336px;min-height:0;overflow:hidden}.modal-nav{padding:26px 22px;border-right:1px solid var(--line);background:var(--surface);display:grid;gap:4px;align-content:start}.modal-nav-item{padding:12px 12px 12px 8px;font:600 13px/1.35 var(--sans);color:var(--ink-mute);border-right:2px solid transparent;text-align:right;background:transparent;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;border-radius:0;width:100%}.modal-nav-item:hover{color:var(--ink-soft);background:linear-gradient(90deg,transparent 0%,rgba(212,0,43,.04) 100%)}.modal-nav-item.active{color:var(--ink);font-weight:700;border-right-color:var(--action)}.modal-nav-item.active:after{content:"";display:none}.modal-content{padding:26px 28px;overflow-y:auto;display:grid;gap:24px;align-content:start;background:var(--surface-2)}.modal-group-title{font:700 14.5px/1.2 var(--sans);color:var(--ink);margin:0 0 6px;letter-spacing:-.005em}.opt-list{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;display:grid;box-shadow:0 1px 2px #14161e08}.opt{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .14s ease}.opt:hover{background:var(--surface-2)}.opt:last-child{border-bottom:none}.opt-thumb{width:56px;height:56px;border-radius:10px;background:var(--g-hero);display:grid;place-items:center;font:700 9.5px/1.2 var(--sans);letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;text-align:center;padding:4px;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffff8c}.opt-thumb img{width:80%;height:80%;object-fit:contain}.opt-label{font:600 14px/1.25 var(--sans);color:var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.opt-price{font:700 12px/1 var(--sans);color:var(--ink-soft);font-variant-numeric:tabular-nums}.opt-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:border-color .16s ease;background:var(--surface)}.opt-radio.selected{border-color:var(--action);box-shadow:0 0 0 4px var(--action-faint)}.opt-radio.selected:after{content:"";width:10px;height:10px;background:var(--g-action);border-radius:50%}.opt-add-btn{padding:8px 16px;border:1.5px solid rgba(212,0,43,.3);border-radius:var(--r-pill);background:var(--surface);color:var(--action);font:800 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:background .14s ease,border-color .14s ease}.opt-add-btn:hover{background:var(--action-faint);border-color:var(--action)}.modal-aside{background:var(--g-surface);padding:26px 24px;display:grid;grid-template-rows:1fr auto auto;gap:16px;border-left:1px solid var(--line)}.modal-aside-image{background:var(--g-hero);border-radius:var(--r-image);display:grid;place-items:center;font:700 11.5px/1.3 var(--sans);letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;padding:24px;text-align:center;position:relative;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffff8c}.modal-aside-image:before{content:"";position:absolute;top:-20%;right:30%;bottom:30%;left:30%;background:radial-gradient(ellipse,rgba(255,255,255,.55) 0%,transparent 60%);pointer-events:none}.modal-aside-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.modal-aside-image:has(img){padding:0;overflow:hidden;background:#efe9e2}.modal-aside-image:has(img):before{display:none}.modal-aside-name{text-align:center;font:800 17px/1.1 var(--sans);color:var(--ink);margin-top:4px}.modal-aside-name .underline{width:32px;height:2px;background:var(--g-action);margin:8px auto 10px;border-radius:2px}.modal-aside-desc{text-align:center;font:500 12.5px/1.5 var(--sans);color:var(--ink-soft)}.modal-reset{font:800 11px/1 var(--sans);color:#2b65cf;text-align:center;padding:8px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.modal-cta{background:var(--g-action);color:#fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-action)}.modal-cta-stack{display:grid;gap:4px}.modal-cta-amount{font:400 24px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.04em}.modal-cta-amount .symbol{font:800 12px/1 var(--sans);margin-right:5px;vertical-align:4px;letter-spacing:.08em}.modal-cta-vat{font:600 10px/1 var(--sans);opacity:.9;letter-spacing:.1em;text-transform:uppercase}.modal-cta-add{display:inline-flex;align-items:center;gap:10px;font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.modal-cta-add .arrow{width:32px;height:32px;background:#fff;color:var(--action);border-radius:50%;display:grid;place-items:center;font:800 16px/1 var(--sans);box-shadow:inset 0 1px #ffffffe6}.end-call{margin-top:12px;padding:10px 22px;border-radius:var(--r-pill);background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.18);font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.end-call:hover{background:#ff3c3c2e;color:#fff;border-color:#ff3c3c80}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#fff0f4f7,#fffffffc 70%)}.start-screen--mobile{padding:24px}.start-card{display:grid;gap:28px;justify-items:center;padding:48px 56px;text-align:center}.start-tagline{font:700 14px/1 var(--sans);color:#5a5e68;letter-spacing:.18em;text-transform:uppercase}.lang-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);padding:4px;border-radius:var(--r-pill);gap:4px}.lang-toggle-btn{border:0;background:transparent;padding:10px 22px;border-radius:var(--r-pill);font:700 14px/1 var(--sans);color:var(--ink-soft);cursor:pointer;letter-spacing:.04em;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.lang-toggle-btn:hover:not(:disabled):not(.active){color:var(--ink)}.lang-toggle-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #0000000f}.lang-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.lang-toggle-btn[lang=ar]{font-size:16px}.start-cta{padding:22px 46px;border-radius:var(--r-pill);background:var(--g-action, linear-gradient(135deg, #e7553f, #c4321d));color:#fff;font:800 16px/1 var(--sans);letter-spacing:.06em;border:0;cursor:pointer;box-shadow:0 18px 34px #c4321d40;transition:transform .12s ease,box-shadow .12s ease}.start-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 40px #c4321d4d}.start-cta:active:not(:disabled){transform:translateY(0)}.start-cta:disabled{opacity:.6;cursor:progress}.start-error{font:500 13px/1.4 var(--sans);color:#a30022;max-width:340px}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 0%,#ffe6ebf2,#fffffff7 60%);z-index:40;display:grid;place-items:center;animation:scrim-in .36s ease-out}.confirm-card{text-align:center;display:grid;gap:26px;padding:40px}.confirm-restart{justify-self:center;margin-top:4px;padding:14px 30px;border-radius:var(--r-pill);background:var(--g-action);color:#fff;font:800 13.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-action);transition:transform .16s ease,box-shadow .16s ease}.confirm-restart:hover{transform:translateY(-2px)}.confirm-restart:active{transform:translateY(0)}.confirm-agent{font:800 11px/1 var(--sans);color:var(--action);letter-spacing:.22em;text-transform:uppercase}.confirm-message{font:600 18px/1.4 var(--sans);color:var(--ink-soft);max-width:480px;margin:0 auto}.confirm-pickup{display:grid;place-items:center;width:320px;height:320px;border-radius:50%;border:4px dashed var(--action);margin:0 auto;position:relative;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0%,transparent 70%);animation:ring-pulse 2.4s ease-in-out infinite}.confirm-pickup-eyebrow{font:800 11px/1 var(--sans);color:var(--action);letter-spacing:.2em;text-transform:uppercase}.confirm-pickup-instruction{font:800 24px/1.2 var(--sans);color:var(--ink);margin-top:6px}.confirm-pickup-number{font:400 116px/1 var(--display);background:var(--g-action);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:12px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.confirm-meta{display:inline-flex;gap:28px;font:600 13px/1 var(--sans);color:var(--ink-soft);justify-content:center}.confirm-meta strong{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse-red{0%,to{box-shadow:0 0 #d4002b73}50%{box-shadow:0 0 0 8px #d4002b00}}@keyframes pulse-soft{0%,to{box-shadow:0 0 #ff486a80}50%{box-shadow:0 0 0 8px #ff486a00}}@keyframes ring-pulse{0%,to{box-shadow:0 0 #d4002b40}50%{box-shadow:0 0 0 32px #d4002b00}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{transform:translateY(20px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes card-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: no-preference){.menu-grid .card{animation:card-rise .44s cubic-bezier(.16,1,.3,1) both}.menu-grid .card:nth-child(1){animation-delay:0ms}.menu-grid .card:nth-child(2){animation-delay:60ms}.menu-grid .card:nth-child(3){animation-delay:.12s}.menu-grid .card:nth-child(4){animation-delay:.18s}.menu-grid .card:nth-child(5){animation-delay:.24s}.menu-grid .card:nth-child(6){animation-delay:.3s}.menu-grid .card:nth-child(n+7){animation-delay:.36s}}.stage--mobile{place-items:stretch}.canvas--mobile{width:100%;height:100dvh;border-radius:0;border:none;transform:none;box-shadow:none}.kiosk--mobile{grid-template-rows:1fr}.kiosk--mobile .kiosk-body{grid-template-columns:1fr;padding:0;gap:0}.kiosk--mobile .speaker-frame{border-radius:0}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f121a6b;opacity:0;transition:opacity .28s ease;pointer-events:none}.sheet-root.half .sheet-scrim,.sheet-root.full .sheet-scrim{opacity:1;pointer-events:auto}.menu-sheet{position:absolute;left:0;right:0;bottom:0;height:84px;pointer-events:auto;background:var(--g-surface);border-radius:20px 20px 0 0;box-shadow:0 -1px #fff9 inset,0 -16px 48px #00000038;display:flex;flex-direction:column;overflow:hidden;transition:height .34s cubic-bezier(.16,1,.3,1)}.menu-sheet.peek{height:84px}.menu-sheet.half{height:56dvh}.menu-sheet.full{height:94dvh}.sheet-handle{flex:0 0 auto;display:grid;place-items:center;padding:10px 0 6px;cursor:grab;touch-action:none}.sheet-grip{width:44px;height:5px;border-radius:999px;background:var(--line)}.sheet-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;opacity:1;transition:opacity .2s ease}.menu-sheet.peek .sheet-body{opacity:0;pointer-events:none}.sheet-body .cat-strip{flex:0 0 auto;padding:10px 14px}.sheet-body .menu-panel{flex:1 1 auto;min-height:0;gap:10px;padding:4px 12px 0}.sheet-body .menu-panel-title{font-size:19px}.sheet-body .menu-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:296px;gap:12px}.sheet-body .cart-list{flex:1 1 auto;min-height:0}.sheet-cartbar{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.sheet-cartbar-summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-soft)}.scb-stack{display:flex;align-items:baseline;gap:10px}.scb-count{font:800 13px/1 var(--sans);color:var(--ink)}.scb-total{font:800 15px/1 var(--sans);color:var(--action)}.scb-empty{font:700 13px/1 var(--sans);color:var(--ink-mute);letter-spacing:.02em}.scb-cta{font:800 12px/1 var(--sans);color:var(--action);letter-spacing:.04em}.sheet-confirm{width:100%;padding:14px;border-radius:14px;background:var(--g-action);color:#fff;font:800 14px/1 var(--sans);letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-action)}.sheet-confirm .arrow{font-size:16px}@media (max-width: 768px){.modal{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}.modal-body{display:flex;flex-direction:column}.modal-nav{flex:0 0 auto;display:flex;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 14px;border-right:none;border-bottom:1px solid var(--line)}.modal-nav::-webkit-scrollbar{display:none}.modal-nav-item{width:auto;white-space:nowrap;text-align:center;padding:8px 14px;border-right:none;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-soft)}.modal-nav-item.active{border-color:var(--action);color:var(--action)}.modal-content{flex:1 1 auto;min-height:0;padding:16px}.modal-aside{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;grid-template-rows:none;border-left:none;border-top:1px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.modal-aside-image,.modal-aside-desc,.modal-reset{display:none}.modal-cta{width:100%}}
