.video-carousel-section{overflow:hidden}.video-carousel__title{text-align:center;margin:0 0 8px;font-family:inherit}.video-carousel__subtitle{text-align:center;margin:0 0 24px;color:#666;font-size:1rem}.video-carousel__wrapper{position:relative}.video-carousel__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__slide{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start;min-width:0}.video-carousel__media{position:relative;overflow:hidden;aspect-ratio:9 / 16;background:#f0f0f0}.video-carousel__media img,.video-carousel__media video{width:100%;height:100%;object-fit:cover;display:block}.video-carousel__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.video-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;z-index:2;transition:opacity .3s ease,transform .3s ease}.video-carousel__play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.video-carousel__play-btn--hidden{opacity:0;pointer-events:none}.video-carousel__caption{text-align:center;margin:10px 0 0;font-size:.875rem;color:#444}.video-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .2s,box-shadow .2s}.video-carousel__arrow:hover{background:#fff;box-shadow:0 4px 12px #0003}.video-carousel__arrow--prev{left:-12px}.video-carousel__arrow--next{right:-12px}.video-carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.video-carousel__dot{width:10px;height:10px;border-radius:50%;border:none;background:#ccc;cursor:pointer;padding:0;transition:background .3s,transform .3s}.video-carousel__dot--active{background:#1a1a1a;transform:scale(1.2)}@media(max-width:749px){.video-carousel__slide{flex:0 0 75%}.video-carousel__arrow{display:none}.video-carousel__track{scroll-padding-left:16px;padding-left:16px;padding-right:16px}}@media(min-width:750px)and (max-width:989px){.video-carousel__slide{flex:0 0 calc((100% - 20px)/2)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-carousel.css.map */