.main-product-banner{position:relative}.main-product-banner .main-product-container{min-height:300px}.main-product-banner .product-banner-content h2.heading{font-size:clamp(31px,3.3vw,var(--font));color:var(--color);margin:0;line-height:1.2;margin-bottom:clamp(8px,.9vw,16px)}.main-product-banner .product-banner-content p.subheading{color:var(--color);margin:0;line-height:1.5;font-size:clamp(11px,1.2vw,22px)}.main-product-banner .product-banner-Video-block video{width:100%;display:block;object-fit:cover;height:calc(100vh - clamp(6.5rem,7vw,13rem))}.main-product-banner .product-banner-content{position:absolute;top:clamp(22px,2.4vw,45px);left:50%;transform:translate(-50%);text-align:center;overflow:hidden}.main-product-banner .block-buttons{display:flex;align-items:center;justify-content:center;gap:clamp(8px,.9vw,16px);margin-top:clamp(15px,1.6vw,30px)}.main-product-banner a.btn.btn--button--secondary,.main-product-banner a.btn.btn--button--primary{padding:clamp(6px,.7vw,12px) clamp(10px,1.1vw,20px);min-width:clamp(77.5px,8.9vw,155px);width:fit-content;background:#fff;color:#000;border-radius:clamp(2px,.3vw,4px);font-size:clamp(9px,1vw,18px);font-family:Poppins-medium;font-weight:500;line-height:1;min-height:clamp(25px,2.7vw,50px);display:flex;align-items:center;justify-content:center;letter-spacing:0;text-decoration:none}.main-product-banner a.btn.btn--button--secondary{background:transparent;color:#fff;border:1px solid;min-width:clamp(9rem,10vw,18rem)}.main-product-banner a.btn.btn--button--secondary svg{margin-left:clamp(5px,.6vw,10px);width:clamp(7px,.8vw,14px)}.main-product-banner .product-banner-content-animation{transform:translateY(100%);transition:all .6s ease}.main-product-banner.active-top .product-banner-content-animation{transform:translateY(0)}.overflow-hidden{overflow:hidden!important}.main-product-banner .product-banner-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999;align-items:center;justify-content:center}.main-product-banner .product-banner-popup.active{display:flex}.main-product-banner .popup-overlay{position:absolute;width:100%;height:100%;background:#0009;display:block!important}.main-product-banner .popup-box{position:relative;width:100%;max-width:87.5%;height:90vh;overflow-y:scroll;background:#fff;border-radius:clamp(5px,.6vw,10px);padding:2.5vw 6.5vw 2.5vw 3.2vw;animation:popupFade .3s ease}@keyframes popupFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-product-banner .popup-close{position:absolute;top:clamp(5px,.6vw,10px);right:clamp(7px,.8vw,15px);font-size:clamp(15px,1.6vw,30px);cursor:pointer;border:none;background:none}.main-product-banner .popup-btn{margin-top:clamp(7px,.8vw,15px);padding:clamp(5px,.6vw,10px) clamp(10px,1.1vw,20px);background:#000;color:#fff;border:none;cursor:pointer}.main-product-banner .product-video-popup video{width:100%;display:block;object-fit:cover;height:70vh}.main-product-banner .product-video-popup .popup-box{max-width:72%;height:70vh;border-radius:0;padding:0;overflow:visible;background:transparent}.main-product-banner .product-video-popup .popup-close{position:absolute;top:0;right:-40px;font-size:clamp(11px,1.2vw,22px);line-height:1;background:#fff;border-radius:100%;width:clamp(15px,1.6vw,30px);height:clamp(15px,1.6vw,30px)}@media(max-width:749px){.main-product-banner .product-banner-content h2.heading{font-size:var(--font-mobile)}.main-product-banner .product-banner-Video-block video{height:100%;aspect-ratio:3 / 4}}.main-product-banner .product__column-sticky{top:0}.main-product-banner a.btn--button--primary .btn-anim{position:relative;overflow:hidden;border:none;width:100%;height:clamp(14px,1.4vw,25px)}.main-product-banner a.btn--button--primary .btn-anim .text{display:flex;justify-content:center;position:absolute;left:0;width:100%}.main-product-banner a.btn--button--primary .btn-anim .top{top:50%;transform:translateY(-50%)}.main-product-banner a.btn--button--primary .btn-anim .bottom{top:100%}.main-product-banner a.btn--button--primary .char{display:inline-block;transition:transform .4s ease,opacity .4s ease;min-width:clamp(4px,.5vw,8px)}.main-product-banner a.btn--button--primary:hover .top .char{transform:translateY(-30px);opacity:0}.main-product-banner a.btn--button--primary:hover .bottom .char{transform:translateY(-22px);opacity:1}@media(max-width:1200px){.main-product-banner .popup-box{padding:2.5vw}}@media screen and (max-width:990px){.main-product-banner .popup-box{padding:6vw 2.5vw}}@media screen and (max-width:749px){.main-product-banner a.btn .btn-anim{height:15px}.main-product-banner .popup-box{padding:7.8vw 4.8vw;max-width:92%}.main-product-banner .popup-close{top:5px;right:5px;font-size:25px;line-height:1}.main-product-banner .product-video-popup .popup-box{max-width:92%}.main-product-banner .product-video-popup .popup-close{top:-40px;right:0}.main-product-banner .product-video-popup .popup-close{top:-35px;right:0;width:24px;height:24px}.main-product-banner a.btn.btn--button--secondary,.main-product-banner a.btn.btn--button--primary{min-width:120px;font-size:14px;min-height:36px;padding:10px}.main-product-banner a.btn.btn--button--secondary{min-width:145px}.main-product-banner .product-banner-content{width:100%;max-width:90%;top:50px}.main-product-banner a.btn.btn--button--secondary svg{width:10px;height:12px}.main-product-banner .block-buttons{gap:5px;margin-top:16px}.main-product-banner .product-banner-content p.subheading{font-size:16px}.main-product-banner .product-banner-content h2.heading{margin:0 0 8px}.main-product-banner .product-video-popup .popup-box{height:max-content}.main-product-banner .product-video-popup video{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/main-product-banner.css.map */