.video-carousel-section{width:100%}.video-carousel__container{max-width:1400px;margin:0 auto;padding:0 20px}@media screen and (min-width: 750px){.video-carousel__container{padding:0 40px}}.video-carousel__header{margin-bottom:30px}@media screen and (min-width: 750px){.video-carousel__header{margin-bottom:40px}}.video-carousel__header--left{text-align:left}.video-carousel__header--center{text-align:center}.video-carousel__header--right{text-align:right}.video-carousel__title{margin:0;font-weight:600;line-height:1.2;letter-spacing:-.02em}.video-carousel__subtitle{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.video-carousel__wrapper{position:relative;display:flex;align-items:center;gap:20px}@media screen and (max-width: 989px){.video-carousel__wrapper{gap:15px}}@media screen and (max-width: 749px){.video-carousel__wrapper{gap:0}}.video-carousel__track-wrapper{width:100%;overflow:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;cursor:grab}.video-carousel__track-wrapper:active{cursor:grabbing}.video-carousel__track{display:flex;gap:20px;transition:transform .4s cubic-bezier(.25,.1,.25,1);will-change:transform;user-select:none;-webkit-user-select:none}.video-carousel__slide{flex:0 0 var(--slide-width, calc((100% - 60px)/4) );min-width:var(--slide-width, calc((100% - 60px)/4) )}@media screen and (max-width: 989px){.video-carousel__slide{flex:0 0 calc((100% - 20px)/2);min-width:calc((100% - 20px)/2)}}@media screen and (max-width: 749px){.video-carousel__slide{flex:0 0 85%;min-width:85%}}.video-carousel__video-card{cursor:pointer;transition:transform .3s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.video-carousel__thumbnail-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:#000;border-radius:12px;overflow:hidden}.video-carousel__thumbnail-wrapper--playing{padding-bottom:56.25%}.video-carousel__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease}.video-carousel__video-card:hover .video-carousel__thumbnail{transform:scale(1.05)}.video-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;box-shadow:0 4px 20px #0003;opacity:.9}@media screen and (max-width: 749px){.video-carousel__play-btn{width:60px;height:60px}}.video-carousel__video-card:hover .video-carousel__play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-carousel__play-icon{width:0;height:0;border-left:22px solid;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:5px;transition:border-left-color .3s ease}@media screen and (max-width: 749px){.video-carousel__play-icon{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;margin-left:4px}}.video-carousel__duration{position:absolute;bottom:10px;right:10px;background-color:#000000d9;color:#fff;font-size:12px;font-weight:500;padding:3px 6px;border-radius:4px;z-index:2}.video-carousel__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-carousel__video-info{padding:15px 5px 5px}.video-carousel__video-title{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width: 750px){.video-carousel__video-title{font-size:16px}}.video-carousel__video-meta{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:13px}.video-carousel__views:after{content:""}.video-carousel__channel{font-weight:500}.video-carousel__nav-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:2px solid;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:3;top:-40px;position:relative}@media screen and (min-width: 990px){.video-carousel__nav-btn{width:52px;height:52px}}@media screen and (max-width: 749px){.video-carousel__nav-btn{display:none}}.video-carousel__nav-btn:disabled{opacity:.3;cursor:not-allowed}.video-carousel__nav-btn:not(:disabled):hover{transform:scale(1.05)}.video-carousel__nav-btn svg{width:24px;height:24px;transition:fill .3s ease}.video-carousel__nav-btn--prev svg{margin-right:2px}.video-carousel__nav-btn--next svg{margin-left:2px}.video-carousel__pagination{display:flex;justify-content:center;gap:10px;margin-top:25px}.video-carousel__dot{width:10px;height:10px;border-radius:50%;background-color:#ddd;border:none;cursor:pointer;padding:0;transition:all .3s ease}.video-carousel__dot:hover,.video-carousel__dot.active{background-color:#333;transform:scale(1.2)}.video-carousel__empty{text-align:center;padding:60px 20px;color:#888}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-carousel__slide{animation:fadeInSlide .5s ease forwards}.video-carousel__thumbnail-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.video-carousel__video-card:hover .video-carousel__thumbnail-wrapper:before{opacity:1}.video-carousel__nav-btn:focus,.video-carousel__dot:focus,.video-carousel__video-card:focus{outline:2px solid #007bff;outline-offset:2px}.video-carousel__video-card:focus{border-radius:12px}@media (prefers-reduced-motion: reduce){.video-carousel__track,.video-carousel__thumbnail,.video-carousel__play-btn,.video-carousel__video-card{transition:none}.video-carousel__slide{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-video-carousel.css.map */