.product-video-hero{background:var(--bg-0);padding:var(--space-16) 0;overflow:hidden}.product-video-wrapper{display:flex;flex-direction:column;gap:var(--space-8)}.video-header{text-align:center;margin-bottom:var(--space-4)}.video-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 var(--space-4) 0;color:#fff}.video-description{font-size:1.125rem;line-height:1.6;color:#ffffffb3;max-width:600px;margin:0 auto;padding:0 var(--space-4)}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0006;background:#000;transition:box-shadow .3s ease}.video-container:hover{box-shadow:0 30px 80px #00c8c833,0 20px 60px #0006}.product-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#0006;border:2px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;cursor:pointer;align-items:center;justify-content:center;opacity:0!important;visibility:hidden!important;pointer-events:none;transition:all .3s ease;z-index:10;padding:0;font-size:0}.video-play-btn:hover{background:#0009;border-color:#fff}.video-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.play-icon,.pause-icon{width:24px;height:24px}.video-container:hover .video-play-btn,.video-play-btn:focus{opacity:1!important;visibility:visible!important;pointer-events:auto;display:flex}.video-play-btn:focus{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){.product-video-hero{padding:var(--space-12) 0}.video-title{font-size:2rem}.video-description{font-size:1rem}.video-container{border-radius:var(--radius-lg)}.video-play-btn{width:48px;height:48px}.play-icon,.pause-icon{width:18px;height:18px}}@media(max-width:480px){.product-video-hero{padding:var(--space-8) var(--space-4)}.video-title{font-size:1.5rem;margin-bottom:var(--space-3)}.video-description{font-size:.95rem;padding:0}.video-container{border-radius:var(--radius-md)}.video-play-btn{width:40px;height:40px}.play-icon,.pause-icon{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-video-hero.css.map */