@font-face{font-family:Montserrat;src:local(Montserrat);font-weight:400 700}:root{color:#fff;font-synthesis:none;background:#050d18;font-family:Montserrat,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)}
