.lp-homepage-3-hero-banner-2{position:relative;width:100%;min-height:612px;display:flex;align-items:flex-end;padding:40px 20px 20px;box-sizing:border-box;overflow:hidden}.lp-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#111}.lp-hero-bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.lp-hero-bg .lp-hero-bg__desktop{display:none}.lp-hero-bg .lp-hero-bg__mobile{display:block}.lp-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0009,#0000);z-index:2}.lp-hero-content{position:relative;z-index:3;width:100%;max-width:100%;display:flex;flex-direction:column;gap:30px}.lp-hero-top{display:flex;flex-direction:column;gap:15px}.lp-hero-main-text{display:flex;flex-direction:column;gap:2px}.lp-desc-block{display:flex;flex-direction:column;gap:15px}.lp-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;background-color:var(--badge-1-bg);color:var(--badge-1-text);font-family:Roc Grotesk Condensed;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;text-transform:lowercase;width:fit-content}.lp-badge--top{border-radius:10px}.lp-badge--price{border-radius:31px}.lp-heading{margin:0;color:var(--heading-color);font-family:Roc Grotesk Condensed Extra Bold;font-size:54px;font-weight:750;line-height:57px;letter-spacing:0;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.lp-desc{margin:0;color:var(--desc-color);font-family:Open Sans;font-size:var(--desc-font-size-mobile, 18px);font-weight:400;line-height:1.78;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.lp-price-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.lp-price{color:#fff;font-family:Open Sans;font-size:22px;font-weight:700;line-height:1.45;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.lp-compare-price{color:#ffffffb3;font-family:Open Sans;font-size:20px;font-weight:400;line-height:1.6;text-decoration:line-through;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.lp-button-wrap{display:flex;flex-direction:column;gap:15px}.lp-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;min-height:56px;max-width:294px;background-color:var(--btn-bg);color:var(--btn-text);border-radius:12px;font-family:Roc Grotesk Condensed;font-size:18px;font-weight:500;line-height:1.56;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;box-sizing:border-box;transition:opacity .2s ease;width:100%}.lp-button:hover{opacity:.9}.lp-button--sold-out{background-color:var(--sold-out-btn-bg);color:var(--sold-out-btn-text);cursor:not-allowed;pointer-events:none}.lp-button--sold-out:hover{opacity:1}.lp-button--secondary{background-color:var(--secondary-btn-bg, transparent);color:var(--secondary-btn-text, #ffffff);border:1px solid var(--secondary-btn-border, #ffffff)}@media(min-width:768px){.lp-homepage-3-hero-banner-2{align-items:center;padding:60px}.lp-hero-bg .lp-hero-bg__desktop{display:block}.lp-hero-bg .lp-hero-bg__mobile{display:none}.lp-hero-overlay{background:linear-gradient(90deg,#0009 28.42%,#0000 76.15%)}.lp-hero-content{max-width:608px}.lp-button-wrap{flex-direction:row;align-items:center}.lp-heading{font-size:64px;line-height:70px}.lp-desc{font-size:var(--desc-font-size-desktop, 22px);line-height:1.45}.lp-button--sold-out{width:223px;max-width:223px}.lp-homepage-3-hero-banner-2--content-right .lp-hero-overlay{background:linear-gradient(270deg,#0009 28.42%,#0000 76.15%)}.lp-homepage-3-hero-banner-2--content-right .lp-hero-content{margin-left:auto}.lp-homepage-3-hero-banner-2--content-right .lp-hero-top,.lp-homepage-3-hero-banner-2--content-right .lp-hero-main-text,.lp-homepage-3-hero-banner-2--content-right .lp-desc-block{align-items:flex-end;text-align:right}.lp-homepage-3-hero-banner-2--content-right .lp-price-row{justify-content:flex-end}.lp-homepage-3-hero-banner-2--content-right .lp-button-wrap{width:100%;justify-content:flex-end;flex-wrap:nowrap}.lp-homepage-3-hero-banner-2--content-right .lp-button{white-space:nowrap}}@media(max-width:768px){#MainContent .lp-button{padding:10px 7rem;max-width:100%}}@media(min-width:1640px){.lp-homepage-3-hero-banner-2{min-height:32vw;padding-left:max(60px,calc((100% - 1440px)/2));padding-right:max(60px,calc((100% - 1440px)/2))}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/homepage-3-hero-banner-2.css.map */
