.banner-product{--banner-font: var(--font-heading-family, "Poppins", sans-serif);position:relative;width:100%;height:var(--section-height, 600px);overflow:hidden}.banner-product__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.banner-product__bg-picture{display:block;width:100%;height:100%}.banner-product__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-product__bg-placeholder{width:100%;height:100%;background-color:var(--section-bg-color, #eef1f6)}.banner-product__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--overlay-opacity, 0));pointer-events:none}.banner-product__container{position:relative;z-index:2;display:flex;align-items:stretch;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 var(--content-padding, 60px)}.banner-product__content{display:flex;flex-direction:column;justify-content:var(--content-vertical-align, center);align-items:var(--content-horizontal-align, flex-start);width:calc(100% - var(--product-image-width, 50%));padding-right:40px}.banner-product__content-inner{max-width:var(--content-max-width, 400px);width:100%}.banner-product__subheading{font-family:var(--subheading-font, var(--banner-font));font-style:var(--subheading-font-style, normal);font-size:var(--subheading-size, 20px);font-weight:var(--subheading-weight, 400);color:var(--subheading-color, #ffffff);line-height:1.4;letter-spacing:.02em;margin:0 0 var(--subheading-mb, 12px);word-wrap:break-word;overflow-wrap:break-word}.banner-product__heading{font-family:var(--heading-font, var(--banner-font));font-style:var(--heading-font-style, normal);font-size:var(--heading-size, 72px);font-weight:var(--heading-weight, 700);color:var(--heading-color, #ffffff);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--heading-mb, 24px);word-wrap:break-word;overflow-wrap:break-word}.banner-product__text{font-family:var(--banner-font);font-size:var(--text-size, 16px);color:var(--text-color, #ffffff);line-height:1.6;margin:0 0 var(--text-mb, 16px);word-wrap:break-word;overflow-wrap:break-word}.banner-product__text p{margin:0}.banner-product__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--btn-margin-top, 24px)}.banner-product__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--banner-font);font-weight:500;font-size:var(--btn-font-size, 16px);padding:var(--btn-padding-y, 14px) var(--btn-padding-x, 32px);border-radius:var(--btn-radius, 30px);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none;line-height:1}.banner-product__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.banner-product__btn--detail{background-color:var(--detail-btn-bg, #ffffff);color:var(--detail-btn-text, #000000);border:1px solid var(--detail-btn-border, #ffffff)}.banner-product__btn--buy{background-color:var(--buy-btn-bg, #ffffff);color:var(--buy-btn-text, #4A7CFF);border:1px solid var(--buy-btn-border, #4A7CFF);font-weight:500}.banner-product__btn--buy:hover{background-color:var(--buy-btn-text, #4A7CFF);color:var(--buy-btn-bg, #ffffff)}.banner-product__btn-arrow{font-size:1.2em;transition:transform .3s ease}.banner-product__btn:hover .banner-product__btn-arrow{transform:translate(4px)}.banner-product__image{display:flex;align-items:center;justify-content:center;width:var(--product-image-width, 50%);flex-shrink:0}.banner-product__product-img{max-width:var(--product-image-max-width, 600px);max-height:80%;width:auto;height:auto;object-fit:contain;display:block}.banner-product__placeholder{width:60%;height:auto;opacity:.5}@media screen and (max-width:989px){.banner-product{height:auto;min-height:var(--section-height-mobile, 500px)}.banner-product__container{flex-direction:column;padding:20px var(--content-padding-mobile, 20px) 40px;gap:20px}.banner-product__content{width:100%;padding-right:0;order:2;justify-content:var(--content-vertical-align-mobile, flex-start);align-items:var(--content-horizontal-align-mobile, flex-start)}.banner-product__content-inner{max-width:100%}.banner-product__subheading{font-size:var(--subheading-size-mobile, 16px);margin-bottom:var(--subheading-mb-mobile, 8px)}.banner-product__heading{font-size:var(--heading-size-mobile, 40px);margin-bottom:var(--heading-mb-mobile, 16px);line-height:1.3}.banner-product__text{font-size:var(--text-size-mobile, 14px);margin-bottom:var(--text-mb-mobile, 16px)}.banner-product__actions{margin-top:var(--btn-margin-top-mobile, 16px)}.banner-product__btn{font-size:var(--btn-font-size-mobile, 14px);padding:var(--btn-padding-y-mobile, 10px) var(--btn-padding-x-mobile, 24px)}.banner-product__image{width:100%;order:1;max-height:50vh;min-height:200px}.banner-product__product-img{max-width:var(--product-image-max-width-mobile, 400px);max-height:50vh}}@media screen and (max-width:749px){.banner-product__container{gap:16px}.banner-product__image,.banner-product__product-img{max-height:45vh}}@media screen and (max-width:480px){.banner-product__container{padding:16px var(--content-padding-mobile, 16px) 36px;gap:12px}.banner-product__image,.banner-product__product-img{max-height:40vh}.banner-product__text{font-size:clamp(12px,3.5vw,var(--text-size-mobile, 14px))}.banner-product__btn{white-space:nowrap}}@keyframes banner-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-fade-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.banner-product__subheading{animation:banner-fade-up 1s cubic-bezier(.22,1,.36,1) .2s both}.banner-product__heading{animation:banner-fade-up 1.1s cubic-bezier(.22,1,.36,1) .4s both}.banner-product__text{animation:banner-fade-up 1s cubic-bezier(.22,1,.36,1) .6s both}.banner-product__actions{animation:banner-fade-up 1s cubic-bezier(.22,1,.36,1) .8s both}.banner-product__image{animation:banner-fade-in-right 1.2s cubic-bezier(.22,1,.36,1) .3s both}@media(prefers-reduced-motion:reduce){.banner-product__btn,.banner-product__btn-arrow,.banner-product__subheading,.banner-product__heading,.banner-product__text,.banner-product__actions,.banner-product__image{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/banner-product.css.map */