.pup-product-video { background:#111; border:1px solid rgba(255,255,255,.18); border-radius:16px; bottom:18px; box-shadow:0 18px 55px rgba(0,0,0,.3); height:240px; overflow:hidden; position:fixed; width:160px; z-index:9998; }
.pup-product-video [hidden] { display:none !important; }
.pup-product-video.is-right { right:18px; }.pup-product-video.is-left { left:18px; }
.pup-video-facade { background-image:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72)),var(--pup-poster); background-position:center; background-size:cover; border:0; color:#fff; cursor:pointer; height:100%; padding:0; position:relative; width:100%; }
.pup-video-play { align-items:center; backdrop-filter:blur(4px); background:rgba(255,255,255,.9); border-radius:50%; color:#173e2c; display:flex; font-size:17px; height:48px; justify-content:center; left:50%; padding-left:3px; position:absolute; top:50%; transform:translate(-50%,-50%); width:48px; }
.pup-video-label { bottom:13px; font-size:12px; font-weight:750; left:12px; position:absolute; }
.pup-video-frame,.pup-video-frame iframe { border:0; height:100%; width:100%; }
.pup-video-close,.pup-video-expand { align-items:center; background:rgba(0,0,0,.64); border:0; border-radius:50%; color:#fff; cursor:pointer; display:flex; height:27px; justify-content:center; position:absolute; width:27px; z-index:2; }
.pup-video-close { right:7px; top:7px; }.pup-video-expand { bottom:7px; right:7px; }
.pup-product-video.is-expanded { border-radius:0; bottom:0; height:100dvh; left:0; right:0; top:0; width:100vw; z-index:100000; }
.pup-product-video.is-expanded .pup-video-close { height:38px; right:15px; top:15px; width:38px; }
.pup-video-badge { background:rgba(20,55,38,.88); border-radius:20px; color:#fff; font-size:10px; font-weight:750; left:10px; padding:5px 8px; pointer-events:none; position:absolute; top:10px; z-index:3; }
@media(max-width:600px){.pup-product-video{bottom:calc(82px + env(safe-area-inset-bottom,0px));height:195px;width:130px}.pup-product-video.is-right{right:12px}.pup-product-video.is-left{left:12px}body:has(.joinchat) .pup-product-video.is-right{right:82px}}
@media(prefers-reduced-motion:reduce){.pup-product-video{scroll-behavior:auto}}