.video-carousel-section{padding:4rem 0;background-color:var(--section-bg-color, #FFF5F7);overflow:hidden}.video-carousel__heading{text-align:center;font-size:var(--heading-size, 28px);font-weight:700;color:var(--heading-color, #1A202C);margin:0 auto 2.5rem;max-width:900px;padding:0 1rem;line-height:1.3}.video-carousel__container{position:relative;max-width:1200px;margin:0 auto;padding:0 3rem}.video-carousel__track{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0 2rem}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__item{flex:0 0 auto;width:280px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-carousel__item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.video-carousel__item video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.video-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:10}.video-carousel__nav:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.05)}.video-carousel__nav--prev{left:.5rem}.video-carousel__nav--next{right:.5rem}.video-carousel__nav svg{width:24px;height:24px;stroke:#1a202c;stroke-width:2.5}.video-carousel__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.video-carousel__dot{width:10px;height:10px;border-radius:50%;background:#cbd5e0;border:none;cursor:pointer;transition:all .3s ease;padding:0}.video-carousel__dot.active{background:#1a202c;width:24px;border-radius:5px}@media screen and (max-width:989px){.video-carousel__container{padding:0 2.5rem}.video-carousel__item{width:240px}.video-carousel__heading{font-size:var(--heading-size-mobile, 22px)}}@media screen and (max-width:749px){.video-carousel-section{padding:3rem 0}.video-carousel__container{padding:0 1rem}.video-carousel__heading{font-size:var(--heading-size-mobile, 20px);margin-bottom:2rem}.video-carousel__track{gap:1rem}.video-carousel__item{width:200px}.video-carousel__nav{width:40px;height:40px}.video-carousel__nav svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/video-carousel.css.map */