.hero-section{background:var(--alternating_bg);padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.hero-section .hero-heading{color:var(--text-primary);max-width:860px;margin:30px auto 0}.hero-section .hero-heading span *,.hero-section .hero-heading span{color:var(--primary_light_color)}.hero-section .rating-wrapper{margin:0 auto;width:fit-content;gap:15px;background:var(--white-color);border:1px solid #e6e2da;padding:7px 20px;border-radius:30px;box-shadow:0 1px 3px #14120e0d;align-items:baseline}.hero-section .rating-wrapper .rating_star{color:var(--text-highlight-color)}.hero-section .rating-wrapper .rating_text{color:var(--text-muted);display:flex;gap:3px;text-align:left;line-height:1.3}.hero-section .rating-wrapper strong{color:var(--text-primary);font-weight:400;white-space:nowrap}.hero-section .hero-description{font-size:21px;line-height:1.7;color:var(--text-secondary);margin:20px auto 0;max-width:620px}.hero-section .hero-buttons{margin-top:40px;display:flex;gap:12px;justify-content:center;align-items:center}.hero-section .hero-buttons .button--primary{width:100%;max-width:700px}.hero-section .guarantee_text_wrapper{margin-top:30px;gap:16px}.hero-section .guarantee_text{color:var(--text-muted);position:relative}.hero-section .guarantee_text:not(:first-child):before{content:"\b7";padding-right:16px;font-size:30px;line-height:1}.hero-section.main-collection-banner .hero-heading{max-width:660px;margin:20px auto 0;font-size:68px;font-weight:600}.hero-section.main-collection-banner .hero-description{font-size:19px;max-width:560px}@media(max-width:1024px){.hero-section.main-collection-banner .hero-description{font-size:17px;max-width:500px}.hero-section.main-collection-banner .hero-heading{max-width:550px;font-size:53px}}@media(max-width:767px){.hero-section{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.hero-section .hero-heading{margin:20px auto 0}.hero-section .rating-wrapper{gap:6px;padding:6px 10px}.hero-section .hero-description{font-size:16px;line-height:1.6}.hero-section .guarantee_text_wrapper{margin-top:20px;gap:3px 10px}.hero-section .guarantee_text:not(:first-child):before{padding-right:10px}.hero-section.main-collection-banner .hero-description{font-size:16px}.hero-section.main-collection-banner .hero-heading{font-size:38px}}@media(max-width:600px){.hero-section .hero-buttons .button--primary{max-width:100%}.hero-section .hero-buttons{margin-top:30px;align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-section.css.map */
