@import url("./xf-styles-v411.css?v412");
.restaurant-spatial-page{max-width:none!important;padding:0!important;min-height:calc(100vh - 110px)}
.restaurant-spatial-shell{position:relative;min-height:calc(100vh - 110px);overflow:hidden;background:#101820;color:#fff}
.restaurant-spatial-stage{position:absolute;inset:0;min-height:620px}.restaurant-spatial-stage canvas{display:block;width:100%;height:100%;touch-action:none}
.restaurant-spatial-header{position:absolute;z-index:6;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 36px);padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(10,17,22,.7);box-shadow:0 15px 40px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.restaurant-spatial-header h1{margin:0;font-size:clamp(18px,2vw,28px);letter-spacing:0}.restaurant-spatial-header small{color:#bdd3dc}
.restaurant-spatial-product{position:absolute;z-index:8;right:18px;top:92px;width:min(390px,calc(100% - 36px));max-height:calc(100% - 130px);overflow:auto;padding:12px;border:1px solid rgba(255,194,132,.25);border-radius:8px;background:rgba(249,252,253,.96);color:#172033;box-shadow:0 28px 80px rgba(0,0,0,.36)}
.restaurant-spatial-product>img{width:100%;max-height:240px;object-fit:cover;border-radius:6px}.restaurant-spatial-product h2{margin:0}.restaurant-spatial-product p{margin:0;color:#526277}.restaurant-spatial-close{position:absolute;top:18px;right:18px}
.restaurant-product-embed{width:100%;height:min(430px,54vh);border:1px solid #dce6eb;border-radius:7px;background:#fff}
.product-embed-mode #product-root{padding:8px}.product-embed-mode .product-public-detail{box-shadow:none;border:0;padding:6px}.product-embed-mode .product-detail-carousel{max-height:220px;overflow:auto}.product-embed-mode .product-detail-image{max-height:190px}
.restaurant-spatial-hint,.restaurant-spatial-scan{position:absolute;z-index:6;bottom:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(9,17,22,.74);color:#fff;backdrop-filter:blur(12px)}
.restaurant-spatial-hint{left:50%;transform:translateX(-50%);padding:9px 13px;font-weight:750;white-space:nowrap}.restaurant-spatial-scan{right:18px;padding:10px 14px;cursor:pointer}
.spatial-store-compatible{position:absolute;inset:0;overflow:hidden;background-size:cover;background-position:center;isolation:isolate}.spatial-store-compatible:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,18,.12),rgba(7,13,17,.72));z-index:-1}
.spatial-store-brand{position:absolute;left:50%;top:9%;transform:translateX(-50%);display:grid;place-items:center;padding:9px 18px;border:1px solid color-mix(in srgb,var(--store-primary) 70%,white);background:rgba(9,15,19,.7);box-shadow:0 0 34px color-mix(in srgb,var(--store-primary) 35%,transparent)}.spatial-store-brand b{font-size:clamp(24px,4vw,48px)}.spatial-store-brand small{color:#dbe9ed}
.spatial-store-shelves{position:absolute;left:5%;right:5%;bottom:12%;display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:9px}.spatial-store-shelves button{display:grid;gap:5px;place-items:center;min-height:118px;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.88);color:#172033;cursor:pointer}.spatial-store-shelves img{width:58px;height:58px;object-fit:cover;border-radius:6px}.spatial-store-shelves span{display:grid;place-items:center;width:58px;height:58px;border-radius:6px;color:white;background:var(--store-primary)}
.spatial-store-workers span{position:absolute;bottom:27%;left:10%;width:28px;height:70px;border-radius:50% 50% 12px 12px;background:linear-gradient(#fff 0 28%,var(--store-primary) 28% 100%);box-shadow:0 8px 18px rgba(0,0,0,.28);animation:store-worker-walk 14s linear infinite;animation-delay:var(--worker-delay)}
@keyframes store-worker-walk{0%{transform:translateX(-10vw) scale(.8)}50%{transform:translateX(78vw) scale(1)}100%{transform:translateX(-10vw) scale(.8)}}
.environment-scan-dialog{width:min(720px,calc(100% - 24px));border:0;border-radius:8px;padding:0;box-shadow:0 35px 100px rgba(0,0,0,.4)}.environment-scan-dialog::backdrop{background:rgba(5,10,14,.72);backdrop-filter:blur(8px)}.environment-scan-card{display:grid;gap:12px;padding:18px}.environment-scan-card video{width:100%;aspect-ratio:16/9;border-radius:7px;background:#0c151b;object-fit:cover}.environment-scan-progress{height:8px;overflow:hidden;border-radius:8px;background:#dbe4ea}.environment-scan-progress span{display:block;width:0;height:100%;background:#ff5b18;transition:width .2s}.environment-scan-points{display:flex;gap:7px;overflow:auto}.environment-scan-points span{flex:0 0 auto;padding:6px 9px;border-radius:6px;background:#eef6f8;color:#172033}
@media(max-width:720px){.restaurant-spatial-shell,.restaurant-spatial-page{min-height:calc(100svh - 70px)}.restaurant-spatial-stage{min-height:100%}.restaurant-spatial-header{top:10px;left:10px;right:10px;max-width:calc(100% - 20px)}.restaurant-spatial-product{left:10px;right:10px;top:auto;bottom:76px;width:auto;max-height:52vh}.restaurant-spatial-hint{bottom:14px;max-width:58%;overflow:hidden;text-overflow:ellipsis}.restaurant-spatial-scan{right:10px;bottom:14px}.spatial-store-brand{top:17%}.spatial-store-shelves{grid-template-columns:repeat(3,1fr);bottom:18%;max-height:37%;overflow:auto}.spatial-store-shelves button{min-height:86px}.spatial-store-shelves img,.spatial-store-shelves span{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.spatial-store-workers span{animation:none}}