.hero-product{position:relative;overflow:hidden;background:linear-gradient(165deg,var(--hero-bg-start) 0%,var(--hero-bg-end) 100%);color:var(--hero-text)}.hero-product--wave{padding-bottom:6rem}.hero-product__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;min-height:56rem;padding-top:4rem;padding-bottom:3rem}.hero-product__content{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.hero-product__heading{margin:0;color:var(--hero-text);font-family:var(--font-body-family);font-size:clamp(3.6rem,4.6vw,6.4rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}.hero-product__subheading{margin:0;color:var(--hero-text);font-family:var(--font-body-family);font-size:clamp(1.7rem,1.6vw,2.2rem);font-weight:500;line-height:1.4}.hero-product__rating{display:inline-flex;align-items:center;gap:.8rem;color:var(--hero-text);font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;text-decoration:none}.hero-product__rating:hover span:last-child{text-decoration:underline}.hero-product__stars{color:#f3ab2b;font-size:1.8rem;letter-spacing:.1em;text-shadow:0 1px 0 rgba(17,75,95,.25)}.hero-product__stage{position:relative;display:flex;flex-direction:column;align-items:center}.hero-product__stage:before{content:"";position:absolute;top:-4%;right:0;bottom:10%;left:0;border-radius:50%;background:radial-gradient(closest-side,#ffffff80,#fff0)}.hero-product__media{position:relative;width:min(100%,46rem)}.hero-product__image{display:block;width:100%;height:auto}.hero-product__stage .hero-product__rating{position:relative;z-index:1;margin-top:1.6rem}.hero-product .hero-product__button{position:relative;z-index:1;margin:-5.2rem auto 0;box-shadow:0 .8rem 2rem #114b5f40}.hero-product__wave{position:absolute;left:0;bottom:-1px;z-index:0;width:100%;height:8rem;fill:var(--hero-wave)}@media screen and (max-width:989px){.hero-product__inner{grid-template-columns:minmax(0,1fr);min-height:0;gap:2rem;padding-top:3.2rem;text-align:center}.hero-product__content{align-items:center;gap:1.6rem}.hero-product__stage{order:0}.hero-product__media{width:min(78%,40rem)}.hero-product .hero-product__button{margin-top:-4.4rem}.hero-product--wave{padding-bottom:4.8rem}.hero-product__wave{height:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-product.css.map */
