body.no-scroll{overflow:hidden!important;height:100vh}.banner-with-target-section .section_style_container{position:relative}#mountHere.hidden{visibility:hidden!important;display:none!important}.newsletter-form__field-wrapper.hidden{visibility:hidden}.banner_target-title{margin:0}.title__headline p{margin:0!important;font-size:20px}.banner-with-target{display:block;width:100%;position:relative;overflow:hidden}.banner-with-target__container{width:100%;height:100%;display:flex;align-items:center;position:relative}.section_style_container{border-radius:10px;padding:0}.banner-with-target__background{width:100%;height:100%;z-index:1}.banner-with-target__content{position:absolute;left:5%;top:50%;transform:translateY(-50%);padding:2rem;border-radius:10px;width:30%;z-index:2}.banner-with-target__buttons{display:flex;gap:1rem;margin-top:1em}.banner-with-target__buttons .button{border:2px solid;cursor:pointer;font-size:1.6rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease;text-align:center;padding:12px 50px}.banner-with-target__buttons .button.off{background-color:transparent}.banner-with-target__image-group{width:100%;height:var(--banner-height, 400px)}.banner-with-target__target-container{position:absolute;right:0;top:0;width:100%;height:100%;z-index:2}.banner-with-target__target-container.color_target-container{width:90%;height:80%;display:flex;justify-content:center;align-items:center;position:absolute;top:10%;right:5%}.banner-with-target__target-container.color_target-container .banner-with-target__icon{width:30px;height:30px}.banner-with-target__target-container.color_target-container .banner-with-target__pulse{width:38px;height:38px}.banner-with-target__image-wrapper{width:100%;height:100%;display:none;justify-content:flex-end;align-items:center;position:absolute;top:0;left:0}.banner-with-target__container.color-with-target .banner-with-target__image-wrapper{justify-content:center}.banner-with-target__image-wrapper.active{display:flex}.banner-with-target__image-wrapper img{width:100%;height:100%;object-fit:cover}.banner-with-target__target{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.banner-with-target__icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;border-radius:50%;font-size:3rem;transition:transform .2s ease;background-color:inherit;padding-bottom:5px;font-weight:700}.banner-with-target__target.active .banner-with-target__icon{transform:rotate(45deg)}.banner-with-target__pulse{position:absolute;width:38px;height:38px;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);background-color:#fff6;border:4px solid rgba(255,255,255,.4);border-radius:50%;animation:pulse 3s infinite ease-in-out;pointer-events:none;z-index:-1}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.banner-with-target__popup{position:absolute;top:calc(100% + 15px);left:-100%;transform:translate(100%);width:max-content;max-width:300px;background:#fff;padding:12px 20px;border-radius:5px;box-shadow:0 2rem 3rem #848bc82e;display:none}.banner-with-target__popup h3{margin:5px 0 8px}.banner-with-target__popup p{margin:0}.banner-with-target__target.active .banner-with-target__popup{display:block;animation:myAnim 1s ease-in-out 0s 1 normal forwards}@keyframes myAnim{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.banner-with-target__popup-container,.banner-with-target__target[data-image-group="2"]{display:none}.target_modal-btn-container .target_modal-btn{width:100%!important;padding:16px!important;max-width:100%!important;margin-top:10px}@media screen and (max-width: 749px){.banner-with-target__image-group{height:var(--mobile-height, 700px)}.banner-with-target__content{display:none}.banner-with-target__content-mobile{display:block;width:100%;min-width:250px;padding:1rem 2rem;margin-bottom:3rem;text-align:center}.banner-with-target__buttons{justify-content:center}.banner-with-target__target-container{width:100%}.banner-with-target__popup-container{display:block;padding:1rem;width:100%}.banner-with-target__popup-mobile{display:none;background:#fff;padding:1rem;margin-top:.5rem;border-radius:5px;box-shadow:0 4px 10px #0003}.banner-with-target__popup-mobile.active{display:block}}.banner-with-target__overlay{position:relative;top:auto;left:0;bottom:0;width:100%;height:0;overflow:hidden;z-index:-1;justify-content:center;align-items:flex-end;display:flex}.banner-with-target__overlay.active{position:fixed;height:100vh;z-index:9999}.banner-with-target__drawer{position:relative;bottom:0!important;top:auto!important;left:0;width:100%;max-height:90vh;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 10px #0003;transform:translateY(100%);transition:transform .4s ease-in-out;display:flex;flex-direction:column;overflow:visible}.banner-with-target__drawer-close{width:36px;height:36px;font-size:2rem;background:#fff;border-radius:50%;border:none;z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:0 -2PX 10px #0003}@media screen and (max-width: 749px){.banner-with-target__drawer{position:relative;bottom:0!important;top:auto!important;left:0;width:100%;max-height:90vh;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 10px #0003;transform:translateY(100%)!important;transition:transform .4s ease-in-out;display:flex;flex-direction:column;overflow:visible}.banner-with-target__drawer.active{transform:translateY(0)!important;overflow-y:visible}.banner-with-target__drawer-content{padding:1rem;overflow-y:auto;max-height:calc(90vh - 50px)}.banner-with-target__drawer-close{position:absolute;top:-40px;left:50%;transform:translate(-50%)}}.banner_image--mobile,.banner_image--desktop{width:100%;height:100%}.banner_image--mobile{display:none}.banner_image--desktop{display:block}.image__desktop-container{width:90%;height:80%}@media screen and (min-width: 750px){.banner-with-target__background{border-radius:10px}.banner-with-target__drawer{position:absolute}.image__desktop-container{width:65%;height:100%;position:absolute;right:0%;display:block}.banner-with-target__target-container .banner-with-target__icon{width:50px;height:50px}.banner-with-target__target-container .banner-with-target__pulse{width:58px;height:58px}.banner-box-shadow{box-shadow:0 2rem 3rem #848bc82e;z-index:90;position:relative}}@media screen and (max-width: 749px){.banner_image--desktop{display:none}.banner_image--mobile{display:block}body.no-scroll{overflow:hidden}}@media screen and (min-width: 1099px){.image__desktop-container{width:50%;height:100%;position:absolute;right:10%;display:block}.banner-with-target__target-container.color_target-container{right:10%;width:50%}.banner-with-target__content-mobile{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;text-align:center;margin:0 0 2rem}.banner-with-target__content-mobile-wrapper{max-width:75%;margin:0 auto}.banner-with-target__overlay.active{position:absolute;height:100%;display:flex;align-items:center}}@media screen and (min-width: 1499px){.image__desktop-container{width:40%;max-width:40%;height:100%;position:absolute;right:10%;display:block}.banner-with-target__content{width:20%}.section_style_container .banner-with-target__content{width:30%}}.target_modal-btn-container{margin-top:20px}.target_modal-btn-container a.target_modal-btn,.target_modal-btn-container .button,.target_modal-btn-container .target_modal-btn{width:100%!important;padding:20px!important;max-width:100%!important}.description-wrapper{display:flex;flex-direction:row;gap:.5rem}.description-toggle{background:#003b61;border:none;color:#fff;cursor:pointer;font-weight:700;align-self:flex-start;min-height:4px;min-width:4px;border-radius:50%}.description-content{max-height:3.2em;overflow:hidden;transition:max-height .3s ease;position:relative}.description-content.expanded{max-height:1000px}.product-form__buttons button.button{width:100%;padding:20px}.banner-with-target__drawer-content{overflow-y:auto;flex:1;max-height:80vh;position:relative}.banner-with-target__drawer-content .grid__item.product__media-wrapper .slider,.banner-with-target__drawer-content .grid__item.product__media-wrapper .slider .product__media-list{max-height:350px;margin:0 auto;max-width:350px}.banner-with-target__drawer-content .grid__item.product__media-wrapper .slider .product__media-list .product__media-list{flex-direction:row;display:flex;gap:10px}.banner-with-target__drawer-content .grid__item.product__media-wrapper .slider .product__media-list .product__media-list .slider__slide img{max-height:350px;max-width:350px;object-fit:cover}@media screen and (min-width: 768px){.banner-with-target__drawer{left:50%;top:-100%;max-width:90%;max-height:max-content;padding:20px 10px;min-height:inherit;transform:translate(-50%,calc(100% + 350px));border-radius:12px}.banner-with-target__drawer-content{overflow:initial}.banner-with-target__drawer.active{top:50%;transform:translate(-50%,-100%)}.target-modal-wrapper{overflow:initial;height:100%}.target-modal-wrapper .product{min-height:100%}.grid__item.product__media-wrapper{overflow-y:scroll}.product__info-wrapper.grid__item{position:sticky;top:0;overflow:initial;align-self:start}.banner-with-target__drawer-close{left:initial;position:absolute;right:10px;top:10px;z-index:10000}.target-modal-wrapper .grid__item.product__media-wrapper{scrollbar-width:thin;scrollbar-color:#003b61 #ffff}.target-modal-wrapper .grid__item.product__media-wrapper::-webkit-scrollbar{height:8px}.target-modal-wrapper .grid__item.product__media-wrapper::-webkit-scrollbar-track{background:#fff;border-radius:10px}.target-modal-wrapper .grid__item.product__media-wrapper::-webkit-scrollbar-thumb{background-color:#0078cc;border-radius:10px;border:2px solid #f1f1f1}.target-modal-wrapper .grid__item.product__media-wrapper::-webkit-scrollbar-thumb:hover{background-color:#005fa3}.target-modal-wrapper .product__info-wrapper{display:flex;flex-direction:column;min-height:340px;height:100%;justify-content:end;padding-left:20px}}@media screen and (min-width: 1199px){.banner-with-target__drawer{max-width:55%}.banner-with-target__drawer.active{transform:translate(-50%,-30%)}}@media screen and (min-width: 1599px){.banner-with-target__drawer{max-width:950px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/banner-with-target.css.map */