#video-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#video-popup.active{opacity:1;display:flex}.video-popup-content{position:relative;width:90%;max-width:422px;background:#000;border-radius:12px;box-shadow:0 20px 60px #00000080;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.video-iframe-wrap{position:relative;width:100%;height:85vh;max-height:750px;overflow:hidden;background:#000}.video-iframe-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;object-fit:contain;background:#000}.video-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;font-size:20px;color:#000;font-weight:700}.video-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.video-nav:disabled{cursor:not-allowed;opacity:.3;background:#ffffff80}.video-nav.prev{left:-65px}.video-nav.next{right:-65px}.video-close{position:absolute;top:0;right:0;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:101;font-weight:700}.video-close:hover{color:#f44;transform:scale(1.2)}.video-iframe-wrap a{background-color:#000;color:#fff;font-weight:700;padding:8px 24px;font-size:16px;pointer-events:auto;position:absolute;bottom:35px;left:50%;transform:translate(-50%);z-index:10;text-align:center;border-radius:4px;text-decoration:none;transition:all .2s ease}.video-iframe-wrap a:hover{background-color:#333}@media screen and (max-width:768px){.video-popup-content{width:55%;max-width:100%}.video-iframe-wrap{height:70vh;max-height:500px}.video-nav{width:40px;height:40px;font-size:18px}.video-nav.prev{left:10px}.video-nav.next{right:10px}.video-close{top:10px;right:10px;font-size:28px}.video-iframe-wrap a{font-size:14px;padding:6px 16px;bottom:35px}}@media screen and (max-width:480px){.video-popup-content{width:98%;border-radius:8px}.video-iframe-wrap{height:60vh;max-height:450px}.video-nav{width:35px;height:35px;font-size:16px}.video-nav.prev{left:5px}.video-nav.next{right:5px}.video-close{top:8px;right:8px;font-size:24px}.video-iframe-wrap a{font-size:12px;padding:5px 12px;bottom:35px}}@media screen and (max-width:360px){.video-nav{width:30px;height:30px;font-size:14px}.video-iframe-wrap{height:50vh;max-height:400px}}.product-video-card{transition:transform .2s ease;cursor:pointer}.product-video-card:hover{transform:translateY(-2px)}.product-video-card[data-video-url]{cursor:pointer}.product-video-card[data-video-url]:hover .product-video-wrapper{box-shadow:0 8px 24px #00000026;transition:box-shadow .2s ease}.video-iframe-wrap.loading:before{content:"Loading video...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px;z-index:10}body.overflow-hidden{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/178/assets/collection-video-grid-popup.css.map */