.page-customer-video-width{max-width:1280px;margin:0 auto;padding:0}.customer-video-carousel{padding:0;padding-top:var(--padding-top, 0);padding-bottom:var(--padding-bottom, 0);background-color:var(--background-color, #fff);overflow:hidden}.customer-video-carousel .swiper-button-lock{display:none}.customer-video-carousel__header{margin-bottom:48px;text-align:center}.customer-video-carousel__title,.customer-video-carousel__subtitle{padding:0 20px}.customer-video-carousel__wrapper{position:relative}.customer-video-swiper .swiper-wrapper{align-items:stretch}.customer-video-swiper .swiper-slide{width:calc((100% - 40px) / 3);height:auto;margin-right:25px}.video-card{width:100%;height:380px;height:auto;aspect-ratio:410 / 250;background:#fff;border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative}.video-card__video,.video-card__poster{width:100%;height:100%;display:block;position:relative;overflow:hidden}.video-card__poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card__poster img{transform:scale(1.05)}.video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(270deg,#2667ff,#0dc1fa);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:2;outline:none}.video-card__play:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 20px #2667ff66}.video-card__play svg{width:32px;height:32px}.video-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600;position:absolute;top:0;left:0;right:0;bottom:0}.video-card__placeholder svg{width:60px;height:60px}.video-card__content{padding:20px 30px;display:flex;flex-direction:column;position:absolute;bottom:0;width:100%;transition:transform .5s;background:linear-gradient(180deg,#0000,#0000008c)}.video-card__title{font-size:24px;font-weight:700;margin-bottom:5px;line-height:30px;color:#fff}.video-card__description{padding:0;font-size:14px;line-height:18px;color:#fff}.video-card__title_mobile{font-size:18px;font-weight:700;line-height:25px;color:#222d3f;margin-top:20px;display:flex;align-items:center}.video-card__description_mobile{font-size:14px;line-height:18px;color:#444b56;margin-top:10px}.video-card__title_mobile .sub_num{background:linear-gradient(90deg,#2667ff,#0dc1fa);border-radius:8px 8px 8px 1px;font-size:12px;padding:3px 6px;margin-left:8px;line-height:15px;color:#fff}.video-card__description p{font-size:.875rem;line-height:1.6;color:#333;margin:0}.video-card:hover .video-card__description{opacity:1;transform:translateY(0)}.customer-video-nav{display:flex;justify-content:right;align-items:center;position:relative;width:calc(100% - 15px);margin-top:15px;gap:10px}@media (min-width: 1280px){.customer-video-nav{max-width:1280px}}.customer-video-prev,.customer-video-next{position:static}.customer-video-prev:after,.customer-video-next:after{display:none}@media screen and (max-width: 1280px){.page-customer-video-width{padding:0 15px}.customer-video-carousel__wrapper{max-width:calc(100% + 15px)}.customer-video-prev{left:30px;right:auto}.customer-video-next{right:30px;left:auto}}@media screen and (max-width: 768px){.customer-video-carousel{padding-top:var(--padding-top-mobile, calc(var(--padding-top, 0) / 2));padding-bottom:var(--padding-bottom-mobile, calc(var(--padding-bottom, 0) / 2))}.customer-video-carousel__header{margin-bottom:20px;padding:0}.customer-video-carousel__title{font-size:28px}.customer-video-carousel__subtitle{font-size:14px;font-weight:500}.customer-video-swiper .swiper-slide{width:290px}.video-card__content{transform:none;border-radius:0;padding:6px 14px}.video-card__description,.video-card__title{display:none}.customer-video-carousel__subtitle{margin:22px auto 20px}.video-card__description_mobile{display:block;font-size:14px;line-height:18px;color:#333}.video-card__title_mobile{display:block;font-size:15px;font-weight:700;line-height:23px;margin:10px 0 8px;color:#333}.customer-video-nav{margin-top:5px}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;justify-content:center;align-items:center;display:flex}.video-modal[aria-hidden=false],.video-modal.is-open{opacity:1;visibility:visible}.video-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;cursor:pointer}.video-modal__content{position:relative;width:90%;max-width:800px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;z-index:1}.video-modal__close{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;outline:none}.video-modal__close:hover{background:#000000e6;color:#fff;transform:scale(1.1)}.video-modal__close svg{width:20px;height:20px}.video-modal__video{width:100%;height:100%;position:relative}.video-modal__video iframe{width:100%;height:100%;border:none}@media screen and (max-width: 768px){.video-card{border-radius:10px}.video-modal__content{width:95%;max-width:none}.video-modal__close{top:10px;right:10px;width:35px;height:35px}.video-modal__close svg{width:18px;height:18px}.video-card__play{width:36px;height:36px}.video-card__play svg{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/dl-customer-video-carousel.css.map */