.hero-banner{position:relative;overflow:visible;display:flex;align-items:stretch;min-height:42rem;z-index:1}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hero-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner__media--mobile{display:none}@media screen and (max-width: 749px){.hero-banner__media--desktop{display:none}.hero-banner__media--mobile{display:block}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:1;pointer-events:none}.hero-banner__container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:end;width:100%;gap:2rem}.hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem 0;gap:1.2rem;z-index:2}.hero-banner__product-image{position:relative;align-self:flex-end;display:flex;align-items:flex-end;justify-content:center;z-index:2;margin-bottom:0;padding-bottom:0}.hero-banner__product-image img{display:block;max-width:100%;height:var(--product-image-height, 480px);width:auto;object-fit:contain;vertical-align:bottom}.hero-banner__badge-block{display:inline-block;transform:rotate(-3deg) translateY(var(--badge-offset-y, 0px));position:relative;z-index:0;margin-bottom:.4rem}.hero-banner__badge-block .hero-banner__badge-text{font-size:clamp(2.4rem,4vw,3.6rem)}.hero-banner__badge{display:inline-block;transform:rotate(-3deg);margin-right:.3em;vertical-align:middle;position:relative;top:-.05em}.hero-banner__badge-text{display:inline-block;background:var(--hero-badge-bg, #f5c518);color:var(--hero-badge-color, #000);font-family:var(--font-heading-family);font-weight:900;font-size:.65em;line-height:1.1;padding:.25em .45em;border-radius:.4rem;letter-spacing:-.02em;text-transform:uppercase}.hero-banner__heading{position:relative;z-index:1;font-weight:900;font-size:var(--heading-size-desktop, 60px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0}@media screen and (max-width: 749px){.hero-banner__heading{font-size:var(--heading-size-mobile, 32px)}}.hero-banner__heading--stroke strong,.hero-banner__heading--stroke b{-webkit-text-stroke:var(--text-effect-size, 2px) var(--text-effect-color, #000);paint-order:stroke fill}.hero-banner__heading--glow strong,.hero-banner__heading--glow b{text-shadow:0 0 var(--text-effect-size, 2px) var(--text-effect-color, #000),0 0 calc(var(--text-effect-size, 2px) * 2) var(--text-effect-color, #000),0 0 calc(var(--text-effect-size, 2px) * 4) var(--text-effect-color, #000)}.hero-banner__heading strong,.hero-banner__heading b{color:var(--hero-heading-accent, #f5c518)}.hero-banner__text{color:#ffffffe6;font-size:clamp(1.4rem,1.8vw,1.8rem);line-height:1.5;max-width:48rem}.hero-banner__text p{margin:0}.hero-banner__usps{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center}.hero-banner__usp{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:clamp(1.3rem,1.6vw,1.6rem);font-weight:600}.hero-banner__usp-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#22c55e}.hero-banner__usp-icon svg{width:2.2rem;height:2.2rem}.hero-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}@media screen and (max-width: 749px){.hero-banner{min-height:0}.hero-banner__container{grid-template-columns:1fr;gap:0}.hero-banner__content{align-items:center;text-align:center;padding:3rem 1.5rem 2rem}.hero-banner__heading,.hero-banner__text{text-align:center}.hero-banner__usps{justify-content:center}.hero-banner__buttons{justify-content:center;width:100%}.hero-banner__buttons .button{flex-grow:1;min-width:14rem}.hero-banner__product-image{justify-content:center;padding:0 1.5rem}.hero-banner__product-image img{height:auto;max-height:var(--product-image-height, 300px)}}@media screen and (min-width: 750px){.hero-banner{min-height:46rem}.hero-banner__content{padding:5rem 0;gap:1.4rem}}@media screen and (min-width: 1200px){.hero-banner{min-height:52rem}.hero-banner__product-image img{height:var(--product-image-height, 480px)}}.section-hero-banner{margin-top:calc(var(--header-height, 0px) * -1);margin-bottom:0!important;padding-bottom:0!important;position:relative;z-index:2}.hero-banner{padding-top:calc(var(--header-height, 0px) + -8rem)!important}@media screen and (max-width: 749px){.hero-banner{padding-top:calc(var(--header-height, 0px) + -3rem)!important}}body:has(.hero-banner) .section-header{margin-top:0!important}.section-hero-banner+.section{margin-top:0!important;position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero-banner.css.map */
