.shoppable-video-section{position:relative;width:100%}.shoppable-video-grid{display:grid;width:100%}.shoppable-video-slider{position:relative;overflow:hidden;padding:0 40px}.shoppable-video-slider .swiper-wrapper{display:flex}.shoppable-video-slider .swiper-slide{height:auto}.swiper-button-prev,.swiper-button-next{color:#000;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.swiper-button-prev:hover,.swiper-button-next:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026}.swiper-button-prev:after,.swiper-button-next:after{font-size:20px;font-weight:700}.swiper-button-prev{left:0}.swiper-button-next{right:0}.swiper-pagination{bottom:-30px!important}.swiper-pagination-bullet{width:10px;height:10px;background:#000;opacity:.3;transition:all .3s ease}.swiper-pagination-bullet-active{opacity:1;width:24px;border-radius:5px}.shoppable-video-item{position:relative;width:100%;overflow:hidden;background:#000}.shoppable-video-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;transition:opacity .3s ease}.shoppable-video-item video,.shoppable-video-item iframe{width:100%;height:100%;object-fit:cover}.shoppable-video__play-btn{background:transparent;border:none;cursor:pointer;transition:all .3s ease}.shoppable-video__play-btn svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.shoppable-video__play-btn:hover svg{transform:scale(1.1)}.video-played-hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.shoppable-video-item.is-playing .video-played-hidden{opacity:0}.product-hotspot{animation:hotspot-pulse 2s ease-in-out infinite}@keyframes hotspot-pulse{0%,to{transform:scale(1) translate(-50%,-50%)}50%{transform:scale(1.1) translate(-50%,-50%)}}.product-hotspot{transform:translate(-50%,-50%)}.product-hotspot:hover{transform:translate(-50%,-50%) scale(1.2)}.shoppable-video__info{transition:transform .3s ease}.shoppable-video-item:hover .shoppable-video__info{transform:translateY(0)!important}.product-card-popup{max-width:320px;animation:fadeInScale .3s ease}.product-card-popup.hidden{display:none}.product-card-popup.show{display:block}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.close-popup{background:none;border:none;cursor:pointer;padding:0;z-index:10}.media__placeholder{background:#f5f5f5}@media(max-width:1023px){.shoppable-video-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:639px){.shoppable-video-grid{grid-template-columns:1fr!important}.swiper-button-prev,.swiper-button-next{display:none}.shoppable-video-slider{padding:0}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shoppable-video-item video-component[data-loading=true]:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.shoppable-video-section[data-layout=grid] .shoppable-video-item{transition:transform .3s ease,box-shadow .3s ease}.shoppable-video-section[data-layout=grid] .shoppable-video-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.product-hotspot:focus,.shoppable-video__play-btn:focus,.close-popup:focus{outline:2px solid #000;outline-offset:2px}.section-header{margin-bottom:2rem}.section-header__title{margin:0;font-weight:600}.section-header__description{margin-top:1rem;color:#666}.color-scheme--1{background:var(--color-scheme-1-bg, #fff);color:var(--color-scheme-1-text, #000)}.color-scheme--2{background:var(--color-scheme-2-bg, #f5f5f5);color:var(--color-scheme-2-text, #000)}.color-scheme--3{background:var(--color-scheme-3-bg, #000);color:var(--color-scheme-3-text, #fff)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shoppable-video.css.map */