.shoppable-videos-container{width:100%;max-width:1200px;margin:40px auto;padding:0 20px;box-sizing:border-box}.shoppable-videos-title{text-align:center;margin-bottom:30px;font-size:28px}.shoppable-videos-wrapper{position:relative;width:100%;overflow:hidden}.shoppable-videos-wrapper.aspect-ratio-portrait .video-container{padding-top:180%}.shoppable-videos-wrapper.aspect-ratio-landscape .video-container{padding-top:56.25%}.shoppable-videos-wrapper.aspect-ratio-square .video-container{padding-top:100%}.shoppable-videos-wrapper.grid .shoppable-videos-slider{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.shoppable-videos-wrapper.carousel{display:flex;align-items:center}.shoppable-videos-wrapper.carousel .shoppable-videos-slider{display:flex;transition:transform .5s ease;width:100%;flex-wrap:nowrap;margin:0 auto}.shoppable-video-item{position:relative;box-sizing:border-box;padding:0 10px;margin-bottom:20px}.carousel .shoppable-video-item{flex:0 0 calc(100% / var(--desktop-items, 3));min-width:calc(100% / var(--desktop-items, 3));max-width:320px}.video-container{position:relative;width:100%;background-color:#f8f8f8;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.video-player{position:absolute;top:0;left:0;width:100%;height:100%}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;background-color:#000}.product-overlay{position:absolute;z-index:3;transition:opacity .3s ease}.product-overlay.bottom-left{bottom:10px;left:10px;right:10px}.product-overlay.bottom-right{bottom:10px;right:10px}.product-overlay.top-left{top:10px;left:10px}.product-overlay.top-right{top:10px;right:10px}.product-overlay.bottom-center{bottom:10px;left:10px;right:10px;display:flex;justify-content:center}.product-card{display:flex;align-items:center;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:8px;text-decoration:none;color:inherit;width:100%;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.product-image{width:50px;height:50px;flex-shrink:0;margin-right:8px}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.product-details{flex-grow:1;overflow:hidden;min-width:0}.product-title{margin:0 0 4px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:13px;font-weight:600;display:flex;flex-wrap:nowrap;gap:5px;white-space:nowrap}.price.sale-price{color:#e53e3e}.compare-price{text-decoration:line-through;color:#718096;font-weight:400}.video-caption{margin-top:8px;font-size:13px;text-align:center}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 2px 6px #00000026;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.nav-button:hover{background-color:#f8f8f8}.prev-button{left:-5px}.next-button{right:-5px}@media screen and (max-width: 1024px){.shoppable-videos-wrapper[data-desktop-items="4"] .shoppable-video-item{flex:0 0 33.333%;min-width:33.333%}}@media screen and (max-width: 768px){.shoppable-videos-wrapper[data-desktop-items="4"] .shoppable-video-item,.shoppable-videos-wrapper[data-desktop-items="3"] .shoppable-video-item{flex:0 0 50%;min-width:50%}.shoppable-videos-title{font-size:24px}.product-card{padding:6px}}@media screen and (max-width: 576px){.shoppable-videos-wrapper.grid .shoppable-videos-slider{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shoppable-videos-wrapper.carousel[data-mobile-items="2"] .shoppable-video-item{flex:0 0 50%;min-width:50%}.shoppable-videos-wrapper.carousel[data-mobile-items="1"] .shoppable-video-item{flex:0 0 100%;min-width:100%}.product-card{padding:4px}.product-image{width:40px;height:40px}.product-title,.product-price{font-size:12px}.nav-button{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/shoppable-videos.css.map */