.video-carousel{padding:60px 0;background:#231f20;overflow:hidden}.video-carousel__container{max-width:1200px;margin:0 auto;padding:0 20px}.video-carousel__title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.video-carousel__subtitle{font-size:16px;color:#ffffffb3;text-align:center;margin:0 0 40px}.video-carousel__track-wrapper{position:relative}.video-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__card{flex:0 0 220px;scroll-snap-align:start;cursor:pointer}.video-carousel__thumb-wrapper{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:9/16;background:#333}.video-carousel__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.video-carousel__thumb--placeholder{width:100%;height:100%;background:#444}.video-carousel__card:hover .video-carousel__thumb{transform:scale(1.05)}.video-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s;pointer-events:none}.video-carousel__card:hover .video-carousel__play-btn{opacity:.9}.video-carousel__author{color:#fff;font-size:14px;font-weight:600;text-align:center;margin:10px 0 0}.video-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-carousel__arrow:hover{background:#ffffff4d}.video-carousel__arrow--prev{left:-8px}.video-carousel__arrow--next{right:-8px}.video-carousel__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center}.video-carousel__modal[hidden]{display:none}.video-carousel__modal-close{position:absolute;top:16px;right:16px;z-index:10000;background:none;border:none;cursor:pointer;padding:8px}.video-carousel__video{max-width:90vw;max-height:90vh;border-radius:12px}@media(max-width:767px){.video-carousel{padding:40px 0}.video-carousel__title{font-size:22px}.video-carousel__subtitle{font-size:14px;margin-bottom:24px}.video-carousel__card{flex:0 0 180px}.video-carousel__arrow{display:none}.video-carousel__video{max-width:95vw;max-height:85vh}}@media(min-width:768px)and (max-width:1023px){.video-carousel__card{flex:0 0 200px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/video-carousel.css.map */