.hero-banner-section{width:100%}.hero-banner{position:relative;width:100%;min-height:600px;overflow:clip;border-radius:40px;background:var( --section-bg-color, linear-gradient(180deg, #faeef4 0%, #f6ddeb 100%) )}.hero-banner.section-base--no-radius-top{border-top-left-radius:0;border-top-right-radius:0}.hero-banner.section-base--no-radius-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.hero-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__background-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__background-image--mobile{display:none}.hero-banner__wrapper{position:relative;z-index:1;display:flex;align-items:center;min-height:600px;padding-top:18px;padding-bottom:18px}.hero-banner__cta{width:fit-content}.hero-banner__content{max-width:810px;width:100%;padding-left:102px;padding-right:6px;color:var(--surfaces-black-100, #1e1e1e)}.hero-banner__rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hero-banner__stars-icon{width:78px;height:14px;flex-shrink:0}.hero-banner__rating-score{padding-right:12px;border-right:1px solid rgba(30,30,30,.2)}.hero-banner__rating-text{opacity:.8}.hero-banner__rating-link{text-decoration:underline}.hero-banner__title{margin:0 0 18px}.hero-banner__subtitle{margin:0 0 42px}.hero-banner__subtitle p{margin:0}@media screen and (max-width:989px){.hero-banner__background-image--mobile{display:block}.hero-banner__background-image--desktop:has(+.hero-banner__background-image--mobile){display:none}.hero-banner-section .page-width-small{padding:0}.hero-banner{min-height:640px;border-radius:0 0 24px 24px;margin-top:-55px}.hero-banner__wrapper{min-height:500px;padding:70px 12px 12px;align-items:flex-start;margin-top:0}.hero-banner__content{max-width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:24px}.hero-banner__rating{margin-bottom:6px;justify-content:center}.hero-banner__title{margin-bottom:-12px;text-align:center;font-size:32px;line-height:38px}.hero-banner__subtitle{margin-bottom:0;text-align:center;font-size:14px;line-height:20px}.hero-banner__subtitle br{display:none}.hero-banner__cta{width:100%}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__content{padding-left:48px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner.css.map */