@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{--ink:#080909;--panel:#171717;--orange:#f48a26;--gold:#ffd16e;--white:#f9f5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:20}.top{height:72px;padding:10px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff27;background:#0b0b0bf7}.logo img{display:block;width:160px;height:50px;object-fit:cover;object-position:center 62%;mix-blend-mode:screen}.top-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#e9d3a6}.top-label b{color:var(--orange);margin:0 8px}.top-back{text-decoration:none;font-size:12px;font-weight:700}.intro{max-width:1540px;margin:auto;padding:50px clamp(22px,4vw,64px) 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.2em}.intro h1,.zone-heading h2,.panel-title h2,.pay-panel h2,.finish-panel h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;line-height:1.02;margin:15px 0}.intro h1{font-size:clamp(48px,6vw,100px)}.intro h1 em{font-style:normal;color:var(--gold)}.intro p{max-width:620px;color:#c4c2ba;line-height:1.6;font-size:16px}.intro-side{min-width:210px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-left:1px solid #d59a4970;padding-left:25px}.intro-side strong{font-family:'Space Grotesk';font-size:72px;line-height:1;color:var(--orange)}.intro-side span{font-weight:800}.intro-side small{font-size:11px;color:#aaaba6;max-width:180px;margin-top:13px;line-height:1.4}.stage{width:min(100% - 34px,1500px);margin:auto;border:1px solid #db973f67;border-radius:22px;overflow:hidden;box-shadow:0 40px 100px #0008}.stage-bar{height:48px;background:#171511;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.stage-bar span:last-child{color:#c3b39c}.panorama{height:min(69vw,740px);min-height:470px;max-height:740px;position:relative;overflow:hidden;touch-action:pan-y;background:#111}.panorama-photo{position:absolute;inset:-1%;background:url('../hero-interior.jpg') 50% center/cover no-repeat;transform:scale(1.09) translateX(0);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s;filter:saturate(1.02)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 32%),linear-gradient(90deg,#0004,transparent 24%,transparent 76%,#0005);pointer-events:none}.hotspot{position:absolute;min-width:128px;text-align:left;display:flex;align-items:center;gap:10px;background:#0b0c0bd9;backdrop-filter:blur(12px);border:1px solid #f1c374b0;border-radius:13px;padding:11px 14px;color:#fff;box-shadow:0 0 0 7px #f1ae4030,0 15px 35px #0008;transition:transform .25s,box-shadow .25s;animation:hotspot-in .7s both}.hotspot:hover{transform:scale(1.08);box-shadow:0 0 0 12px #f1ae4033,0 15px 35px #0008}.hotspot span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#111;font-size:10px;font-weight:900}.hotspot strong{font-size:12px}.hs-left{left:6%;top:44%}.hs-back{left:39%;top:35%;animation-delay:.14s}.hs-right{right:7%;top:47%;animation-delay:.28s}.hs-freezer{left:42%;bottom:18%;animation-delay:.42s}.scene-guide{position:absolute;bottom:20px;left:22px;background:#080a08c9;padding:13px 16px;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-direction:column;gap:3px}.scene-guide span{color:var(--orange);letter-spacing:.14em;font-size:9px;font-weight:900}.scene-guide strong{font-size:14px}.scene-controls{min-height:68px;background:#161513;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:20px}.walk-controls,.stage-nav{display:flex;align-items:center;gap:9px}.walk-controls span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#b6a587}.walk-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #a97540;background:#28231d;color:#fff}.stage-nav button,.zone-bottom button,.pay-controls button,#restart{border:0;border-radius:11px;background:var(--orange);color:#14110e;padding:13px 17px;font-weight:900}.stage-nav button:first-child{background:#343026;color:var(--white);border:1px solid #86653c}.stage-nav span{font-size:17px;margin-left:10px}.checkout-scene,.exit-scene{position:absolute;inset:0;background:linear-gradient(90deg,#080808f0,#0808089a 50%,#080808d0);display:flex;align-items:center;justify-content:center;gap:7vw;animation:fade-scene .5s}.checkout-scene[hidden],.exit-scene[hidden]{display:none}.counter-top{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffdd93}.counter-top span:last-child{color:#4cff91}.terminal{width:min(47%,460px);height:min(70%,490px);border-radius:22px;background:linear-gradient(140deg,#272727,#080808);border:8px solid #262626;box-shadow:0 20px 70px #000,0 0 0 2px #b0824b;transform:perspective(1100px) rotateY(-8deg);position:relative;padding:18px;display:flex;flex-direction:column}.terminal-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--gold)}.terminal-head small{color:#a5a5a5}.terminal-display{flex:1;min-height:0;margin:22px 0 12px;border-radius:10px;background:radial-gradient(circle at 80% 20%,#375b4555,transparent 50%),#0c1b18;border:1px solid #40684d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:10px;text-align:center}.terminal-display span{font-size:clamp(12px,1.6vw,18px)}.terminal-display strong{font-family:'Space Grotesk';font-size:clamp(32px,5vw,72px);color:#cfffbe}.terminal-display small{font-size:10px;color:#a5bca9}.scanner-line{height:9px;border-radius:5px;background:#ffb24c;box-shadow:0 0 25px #ffa334;opacity:.6}.scanner-line.flash{animation:scanner .7s}.terminal-foot{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;letter-spacing:.1em;color:#b4a991}.bag{width:clamp(130px,20vw,300px);height:clamp(160px,29vw,350px);background:linear-gradient(135deg,#ecaf48,#b56e22);clip-path:polygon(8% 15%,92% 15%,100% 100%,0 100%);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;filter:drop-shadow(12px 17px 15px #000c)}.bag-handle{position:absolute;top:2%;width:32%;height:30%;border:10px solid #e1aa50;border-radius:50%;z-index:-1}.bag strong{font:900 5vw 'Space Grotesk';color:#231a0c}.bag small{letter-spacing:.2em;color:#231a0c;font-weight:800}.exit-scene img{height:94%;max-width:43%;object-fit:contain;object-position:bottom;align-self:end;filter:drop-shadow(10px 15px 18px #0009);animation:person-arrive .8s}.exit-scene div{max-width:480px}.exit-scene span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--orange)}.exit-scene h2{font:700 clamp(42px,5vw,78px)/1 'Space Grotesk';letter-spacing:-.07em}.exit-scene p{font-size:17px;color:#e7d7b6}.product-zone,.checkout-panel,.pay-panel,.finish-panel{width:min(100% - 34px,1500px);margin:32px auto;padding:clamp(20px,3vw,42px);background:linear-gradient(130deg,#1a1a18,#11120f);border:1px solid #564532;border-radius:22px}.zone-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.zone-heading h2,.panel-title h2,.pay-panel h2,.finish-panel h2{font-size:clamp(36px,4vw,64px)}.zone-heading p,.panel-title p,.pay-panel p,.finish-panel p{max-width:660px;color:#bcb8ad;line-height:1.55}.bag-count{white-space:nowrap;background:#d88527;color:#15110d;border-radius:100px;padding:12px 16px;font-size:12px;font-weight:900}.filter-row{display:flex;gap:8px;overflow-x:auto;margin:25px 0 18px}.filter-row button{border:1px solid #73644e;background:#262522;color:#e5dfd4;border-radius:100px;padding:9px 17px;font-weight:800;white-space:nowrap}.filter-row button.active{background:var(--gold);color:#17120c;border-color:var(--gold)}.product-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-height:190px}.product{min-height:260px;background:linear-gradient(#ece6d7,#e7dfca);color:#1b1a16;border:2px solid transparent;border-radius:15px;padding:10px;display:flex;flex-direction:column;align-items:stretch;text-align:left;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 20px 25px #0006}.product.selected{border-color:var(--orange);box-shadow:0 0 0 4px #f48a2644}.product img{width:100%;height:158px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 7px #0004)}.product strong{font-size:12px;line-height:1.3;flex:1;margin-top:8px}.product small{font-size:10px;font-weight:800;color:#915714;margin-top:8px}.zone-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff2b;margin-top:25px;padding-top:20px}.zone-bottom span{font-size:12px;color:#aaa}.checkout-panel[hidden],.pay-panel[hidden],.finish-panel[hidden]{display:none}.scan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scan-item{display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #6b5f4d;border-radius:13px;background:#e7dfd0;color:#191612;text-align:left;min-height:86px}.scan-item img{width:60px;height:65px;object-fit:contain;mix-blend-mode:multiply}.scan-item span{flex:1;font-size:13px;font-weight:800}.scan-item b{font-size:20px;color:#a66719}.scan-item.scanned{background:#fde7b8;border-color:#f7a23e}.pay-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.pay-options{display:flex;gap:12px}.pay-options button{min-width:130px;padding:18px;border:1px solid #ffb55f;border-radius:14px;background:#302921;color:#fff;font-weight:900}.pay-options button:hover{background:#ffad49;color:#19110b}.finish-panel a{display:inline-block;margin-left:16px;font-weight:800}.finish-panel h2{max-width:780px}footer{text-align:center;color:#aaa;font-size:12px;padding:25px 16px 40px}footer a{color:var(--gold)}@keyframes hotspot-in{from{opacity:0;filter:blur(8px);scale:.8}to{opacity:1;filter:blur(0);scale:1}}@keyframes fade-scene{from{opacity:0}to{opacity:1}}@keyframes person-arrive{from{opacity:0;transform:translateX(-70px)}to{opacity:1;transform:translateX(0)}}@keyframes scanner{0%,100%{opacity:.6;box-shadow:0 0 20px #ffa334}50%{opacity:1;box-shadow:0 0 60px #ffa334,0 0 100px #ff7b00}}@media(max-width:1000px){.product-wall{grid-template-columns:repeat(4,1fr)}.scan-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top{height:60px;padding:5px 18px}.logo img{width:130px}.top-label{font-size:8px}.top-back,.intro-side{display:none}.intro{padding:30px 20px 22px}.intro h1{font-size:clamp(40px,10vw,65px)}.intro p{font-size:13px}.stage{width:100%;border-radius:0;border-left:0;border-right:0}.stage-bar{height:38px;padding:0 11px;font-size:8px}.stage-bar span:last-child{display:none}.panorama{height:68vh;min-height:430px;max-height:650px}.panorama-photo{background-size:auto 100%;background-position:center}.hotspot{min-width:0;padding:8px;gap:4px;border-radius:9px}.hotspot span{width:24px;height:24px}.hotspot strong{font-size:9px}.hs-left{left:3%;top:45%}.hs-back{left:38%;top:27%}.hs-right{right:2%;top:46%}.hs-freezer{left:35%;bottom:22%}.scene-guide{bottom:13px;left:12px;padding:8px 10px}.scene-guide strong{font-size:11px}.scene-controls{display:block;padding:10px}.walk-controls{justify-content:center;margin-bottom:8px}.stage-nav button{flex:1;font-size:12px;padding:12px 8px}.stage-nav span{margin-left:4px}.product-zone,.checkout-panel,.pay-panel,.finish-panel{width:100%;border-radius:0;margin:20px auto;padding:20px}.zone-heading{display:block}.bag-count{display:inline-block}.product-wall{grid-template-columns:repeat(3,1fr);gap:7px}.product{min-height:180px;padding:6px}.product img{height:95px}.product strong{font-size:9px}.product small{font-size:8px}.zone-bottom{display:block}.zone-bottom button{width:100%;margin-top:12px}.scan-list{grid-template-columns:1fr}.counter-top{top:12px;left:12px;right:12px;font-size:8px}.checkout-scene{gap:1vw}.terminal{width:58%;height:60%;padding:8px;border-width:5px}.terminal-head,.terminal-foot{font-size:6px}.terminal-display{margin:10px 0 7px}.terminal-display strong{font-size:30px}.terminal-display small{font-size:7px}.bag{width:30%;height:40%}.bag strong{font-size:26px}.exit-scene{gap:0}.exit-scene img{max-width:54%;height:80%}.exit-scene div{width:45%}.exit-scene h2{font-size:34px}.exit-scene p{font-size:11px}.exit-scene span{font-size:8px}.pay-controls{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hotspot[hidden],.scene-guide[hidden]{display:none!important}

.stage.is-checkout .panorama{height:clamp(380px,45vw,520px);min-height:380px}.stage.is-checkout .walk-controls,.stage.is-checkout #view-checkout{display:none}.stage.is-checkout .scene-controls{justify-content:flex-end}.product-zone[hidden]{display:none!important}@media(max-width:700px){.stage.is-checkout .panorama{height:420px;min-height:420px}.stage.is-checkout .terminal{height:75%}.stage.is-checkout .scene-controls{min-height:52px}}