@font-face{font-family:Quicksand;src:url(/assets/fonts/Quicksand-Regular.ttf);font-weight:400}@font-face{font-family:Quicksand;src:url(/assets/fonts/Quicksand-Medium.ttf);font-weight:500}@font-face{font-family:Quicksand;src:url(/assets/fonts/Quicksand-Bold.ttf);font-weight:700}@font-face{font-family:Comfortaa;src:url(/assets/fonts/Comfortaa-Regular.ttf);font-weight:400}@font-face{font-family:Comfortaa;src:url(/assets/fonts/Comfortaa-Medium.ttf);font-weight:500}@font-face{font-family:Comfortaa;src:url(/assets/fonts/Comfortaa-Bold.ttf);font-weight:700}@font-face{font-family:Montserrat;src:local(Montserrat);font-weight:400 700}:root{color:#fff;font-synthesis:none;background:#050d18;font-family:Quicksand,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}.pairing-screen{background:radial-gradient(circle at 75% 35%,#123b7d 0,#07162d 42%,#030914 100%);min-height:100%;padding:58px 84px}header img{object-fit:contain;width:340px;height:72px}.pairing-card{background:#0b1b36f0;border:1px solid #ffffff4d;border-radius:28px;grid-template-columns:1fr 470px;align-items:center;gap:76px;max-width:1480px;min-height:650px;margin:70px auto 0;padding:70px 88px;display:grid}.eyebrow{color:#62a5ff;letter-spacing:.08em;font-size:24px;font-weight:700}h1{margin:22px 0;font-size:58px;line-height:1.1}p{color:#d8e3f5;font-size:27px;line-height:1.45}.pairing-code{letter-spacing:.18em;background:#0871ef;border-radius:14px;margin-top:24px;padding:18px 28px 18px 38px;font-size:58px;display:inline-block}.manual-url{opacity:.8;margin-top:20px;font-size:22px;display:block}.qr-frame{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:470px;height:470px;padding:28px;display:flex}.qr-frame img{width:100%;height:100%}.loader{border:12px solid #dbe7f8;border-top-color:#0871ef;border-radius:50%;width:110px;height:110px;animation:1s linear infinite spin}.error{color:#ffca28;font-size:20px}.player-screen,.status-screen{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player-screen img,.player-screen video{object-fit:contain;width:100%;height:100%}.status-screen{text-align:center;background:#07162d;flex-direction:column}.status-screen img{width:420px}.status-screen h1{margin-top:55px;font-size:48px}.toast{color:#ffca28;background:#0b1b36;padding:14px 20px;font-size:20px;position:fixed;bottom:30px;right:30px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.pairing-screen{padding:32px}.pairing-card{grid-template-columns:1fr 360px;gap:36px;padding:48px}.qr-frame{width:360px;height:360px}}.player-screen{position:relative;overflow:hidden}.player-screen img,.player-screen video{z-index:1;position:relative}.media-backdrop{filter:blur(34px)brightness(.38);background-position:50%;background-size:cover;position:absolute;inset:-60px;transform:scale(1.08)}.product-page{background-position:50%;background-size:cover;width:100%;height:100%;padding:4.5% 5.8%;overflow:hidden}.product-page header{justify-content:space-between;align-items:center;display:flex}.product-page header h1{max-width:60%;margin:0;padding:.6vw 1.25vw;font-size:2.2vw}.business-logo{object-fit:contain;border-radius:999px;width:6vw;height:6vw}.business-logo.fallback{background:#006e3b;justify-content:center;align-items:center;font-size:2vw;display:flex}.product-grid{grid-template-columns:repeat(var(--columns,1),minmax(0,1fr));justify-content:center;align-items:flex-start;gap:1.5vw;height:calc(100% - 7vw);padding-top:4vw;display:grid}.products-2 .product-grid{--columns:2;padding-left:12%;padding-right:12%}.products-3 .product-grid{--columns:3}.products-4 .product-grid{--columns:2;grid-template-rows:repeat(2,1fr);padding-top:2vw}.product-card{flex-direction:column;align-self:start;min-width:0;display:flex}.product-image{background:#0000000f;align-self:center;width:100%;height:19.5vw;overflow:hidden}.product-image.circular{aspect-ratio:1;width:19.5vw;height:19.5vw}.product-image img{object-fit:cover;width:100%;height:100%}.product-copy{flex-direction:column;gap:.65vw;padding-top:1.15vw;display:flex}.product-copy h2{align-self:flex-start;margin:0;padding:.45vw 1vw;font-size:2.5vw}.product-copy p{margin:0;padding:0 1vw;font-size:1.4vw}.price-row{align-items:center;gap:1.5vw;padding:0 1vw;display:flex}.price-row strong{font-size:3vw}.previous-price{font-size:1.35vw;text-decoration:line-through}.products-3 .product-copy h2,.products-4 .product-copy h2{font-size:1.9vw}.products-3 .price-row strong,.products-4 .price-row strong{font-size:2.4vw}.products-4 .product-card{flex-direction:row;align-items:center;gap:1.5vw}.products-4 .product-image{width:14.5vw;height:11.5vw}.portrait.product-page{padding:4.5%}.portrait .product-grid{grid-template-columns:1fr}.portrait.products-2 .product-grid{gap:4vh;padding:3vh 12%}.portrait.products-2 .product-image{height:31vh}.portrait.products-3 .product-grid,.portrait.products-4 .product-grid{grid-template-columns:repeat(2,1fr)}.home-shell{background:#0b1b36;height:100%;overflow:hidden}.home-scroll{flex-direction:column;gap:1.55vw;height:100%;padding:2vw 1.9vw;display:flex;overflow-y:auto}.app-header,.link-banner,.unlinked-hero,.linked-hero,.modules{flex-shrink:0}.app-header{justify-content:center;align-items:center;min-height:3.45vw;display:flex}.app-header.linked{justify-content:space-between}.brand-horizontal{object-fit:contain;width:16.4vw;height:2.05vw}.top-menu{gap:1.35vw;display:flex}.top-menu button{color:#fff;background:#ffffff1a;border:2px solid #0000;border-radius:5px;align-items:center;gap:.5vw;padding:.48vw .65vw;font-family:Quicksand,Arial,sans-serif;font-size:1.25vw;display:flex}.top-menu img{filter:brightness(0)invert();object-fit:contain;width:1.4vw;height:1.4vw}.business-greeting{align-items:center;gap:.8vw;max-width:20vw;font-family:Quicksand,Arial,sans-serif;font-size:1.55vw;display:flex}.business-avatar{background:#0162e8;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:3vw;height:3vw;font-size:1vw;font-weight:700;display:flex;overflow:hidden}.business-avatar img{object-fit:cover;width:100%;height:100%}.linked-hero{border-radius:18px;align-items:center;height:28.5vw;display:flex;position:relative;overflow:hidden}.linked-hero>img,.linked-hero>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:#04142c7a;position:absolute;inset:0}.device-card{z-index:2;background:#0b1b36f0;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1.05vw;width:27vw;height:20.8vw;margin-left:5.85vw;display:flex}.device-card>img{filter:brightness(0)invert();object-fit:contain;width:7.35vw;height:5.8vw}.device-card>strong{font-family:Quicksand,Arial,sans-serif;font-size:1.88vw}.device-card>span{align-items:center;gap:.65vw;font-family:Quicksand,Arial,sans-serif;font-size:1.18vw;font-weight:700;display:flex}.device-card span img{width:1.9vw;height:1.9vw}.linked-copy{z-index:2;flex-direction:column;gap:1.55vw;margin-left:3.75vw;display:flex}.linked-copy h1{margin:0;font-family:Quicksand,Arial,sans-serif;font-size:1.88vw;line-height:1.28}.linked-copy>div{flex-direction:column;gap:.75vw;width:24vw;display:flex}.home-button{color:#fff;background:#0162e8;border:3px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:.65vw;min-height:3.15vw;padding:.65vw 1vw;font-family:Comfortaa,Arial,sans-serif;font-size:.86vw;font-weight:700;display:flex}.home-button img{filter:brightness(0)invert();object-fit:contain;width:1.4vw;height:1.4vw}.home-button.secondary{color:#0162e8;background:#fff}.home-button.secondary img{filter:none}.home-button.danger{background:#0b1b36e0;border-color:#fff}.link-banner{color:#0b1b36;background:#ffcb16;border-radius:10px;justify-content:center;align-items:center;gap:1.9vw;height:4.7vw;display:flex}.link-banner>strong{font-family:Comfortaa,Arial,sans-serif;font-size:1.72vw}.link-banner .home-button{min-width:19vw}.unlinked-hero{background-position:50%;background-size:cover;border-radius:18px;justify-content:center;align-items:center;gap:3.5vw;height:27.35vw;display:flex;position:relative;overflow:hidden}.brand-icon{object-fit:contain;z-index:2;width:21vw;height:17vw}.unlinked-copy{z-index:2;flex-direction:column;gap:1.35vw;display:flex}.unlinked-copy>div:first-child span{color:#0162e8;background:#f5f5f5;border-radius:8px;padding:.35vw .8vw;font-family:Quicksand,Arial,sans-serif;font-size:1.72vw;display:inline-block}.unlinked-copy h1{color:#0b1b36;background:#ffcb16;border-radius:8px;width:max-content;margin:0;padding:0 .8vw;font-family:Quicksand,Arial,sans-serif;font-size:2.5vw;line-height:1.35}.unlinked-copy p{color:#fff;margin:0;font-family:Quicksand,Arial,sans-serif;font-size:1.32vw;line-height:1.28}.unlinked-copy>div:last-child{gap:.9vw;display:flex}.modules{flex-direction:column;gap:.8vw;display:flex}.modules h2{margin:0;font-family:Comfortaa,Arial,sans-serif;font-size:1.65vw;font-weight:400}.module-row{gap:1.85vw;display:flex}.module-row>button{background:#061226;border:3px solid #0000;border-radius:11px;width:17.5vw;height:21.9vw;padding:0;position:relative;overflow:hidden}.module-row>button>img{object-fit:cover;width:100%;height:100%}.module-row>button:after{content:"";background:linear-gradient(#0000,#04142ce6);position:absolute;inset:0}.module-row>button>span{color:#fff;text-align:left;z-index:2;flex-direction:column;gap:.4vw;display:flex;position:absolute;bottom:1.25vw;left:1.25vw}.module-row strong{font-family:Quicksand,Arial,sans-serif;font-size:1.65vw}.module-row small{color:#cfe1fb;font-family:Quicksand,Arial,sans-serif;font-size:.95vw;font-weight:700}.top-menu button:hover,.home-button:hover,.module-row>button:hover{outline:none;transform:scale(1.04);box-shadow:0 0 0 4px #0162e8,0 0 24px #0162e8e6;border-color:#fff!important}.modal-overlay{z-index:40;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal{background:#0b1b36;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1.5vw;width:80vw;min-height:28vw;padding:4.8vw;display:flex}.app-modal h2{text-align:center;margin:0;font-family:Quicksand,Arial,sans-serif;font-size:1.9vw}.app-modal p{text-align:center;max-width:60vw;margin:0;font-family:Quicksand,Arial,sans-serif;font-size:1.5vw}.app-modal .home-button{min-width:22vw}.modal-logo{object-fit:contain;width:20vw;height:2.4vw}.modal-qr{object-fit:contain;width:15.8vw;height:15.8vw}.logout-icon{filter:brightness(0)invert();width:7.8vw;height:7.8vw}.menu-modal{width:42vw;min-height:43vw;padding:4vw}.modal-menu{flex-direction:column;gap:1vw;width:32vw;display:flex}.modal-menu .home-button{background:#ffffff1a;width:100%;font-family:Quicksand,Arial,sans-serif;font-size:1.5vw;font-weight:400}.dual-qr{gap:8vw;display:flex}.dual-qr>div{flex-direction:column;align-items:center;gap:1vw;font-family:Quicksand,Arial,sans-serif;font-size:1.4vw;display:flex}.dual-qr img{width:16vw;height:16vw}.module-detail-image{object-fit:cover;width:32vw;height:28vw}.module-modal{flex-direction:row;padding:0;overflow:hidden}.module-detail{flex-direction:column;flex:1;gap:1.5vw;padding:3vw;display:flex}.module-detail small{color:#ffcb16;font-family:Comfortaa,Arial,sans-serif;font-weight:700}html,body,#root{overscroll-behavior:none;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden}body{cursor:default}button,.tv-button{cursor:pointer}.pairing-screen{height:100%;min-height:0;overflow:hidden}.pairing-card{height:calc(100% - 9vw);min-height:0;margin-top:2.5vw}.player-wrapper{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.player-wrapper>.player-screen,.player-wrapper>.product-page{height:100%}.player-controls{z-index:30;background:#07162df0;border:1px solid #ffffff4d;border-radius:16px;align-items:center;gap:.75vw;padding:.65vw;display:flex;position:absolute;bottom:2vw;left:50%;transform:translate(-50%)}.player-controls button{color:#fff;background:#17345f;border:3px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:4.5vw;height:3.8vw;font-family:Arial,sans-serif;font-size:1.8vw;display:flex}.player-controls button:last-child{background:#0871ef;margin-left:.5vw}.player-controls button:focus{border-color:#fff;outline:none;transform:scale(1.08);box-shadow:0 0 0 5px #0871efb8}
