body.body--homepage:not(.body--menopause-vitamins) #MainContent>.shopify-section:first-child .banner-with-image--style-2{--banner-header-offset: 76px}.banner-with-image.banner-with-image--style-2{padding-top:calc(var(--banner-padding-top) + var(--banner-header-offset, 0px))}.banner-with-image--scheme-colors .banner-with-image__benefit-card{background:var(--gradient-background, rgb(var(--color-background)));color:rgb(var(--color-foreground))}.banner-with-image--style-2 .banner-with-image__container{display:grid;grid-template-columns:minmax(0,min(var(--content-width),42%)) minmax(0,1fr) minmax(0,min(310px,23%));align-items:start;gap:40px}.banner-with-image--style-2 .banner-with-image__column{min-width:0}.banner-with-image--style-2 .banner-with-image__column--content{position:relative;z-index:1;padding-top:16px}.banner-with-image--style-2 .banner-with-image__content{width:100%}.banner-with-image--style-2 .banner-with-image__rating{gap:10px;margin-bottom:20px;flex-wrap:wrap}.banner-with-image--style-2 .banner-with-image__rating-info{font-size:14px;line-height:20px;text-transform:none}.banner-with-image--style-2 .banner-with-image__stars{flex:0 0 auto}.banner-with-image--style-2 .banner-with-image__stars svg{display:block;width:100px;height:20px}.banner-with-image--style-2 .banner-with-image__text{gap:20px;font-size:16px;line-height:22px}.banner-with-image--style-2 .banner-with-image__text :is(h1,h2,h3,h4,h5,h6){font-size:46px;font-weight:600;text-wrap:balance;line-height:1.24;text-transform:none}.banner-with-image--style-2 .banner-with-image__actions{margin-top:30px}.banner-with-image--style-2 .banner-with-image__actions .button{min-width:0;min-height:0;max-width:100%;padding:16px 40px;border:0;border-radius:10px;background:var(--banner-button-background);color:var(--banner-button-text);font-family:var(--font-body-family);font-size:18px;font-weight:700;line-height:26px;letter-spacing:0;text-transform:none;text-align:center;overflow-wrap:anywhere}.banner-with-image--style-2 .banner-with-image__actions .button:before,.banner-with-image--style-2 .banner-with-image__actions .button:after{content:none}.banner-with-image--style-2 .banner-with-image__column--image{display:flex;justify-content:flex-end;margin-top:-36px;transform:translate(50px)}.banner-with-image--style-2 .banner-with-image__column--benefits{padding-top:16px}.banner-with-image--style-2 .banner-with-image__column--image picture{display:block;flex:0 0 min(620px,43vw);width:min(620px,43vw)}.banner-with-image--style-2 .banner-with-image__main-image,.banner-with-image--style-2 .banner-with-image__placeholder{display:block;width:100%;height:480px;object-fit:contain}.banner-with-image--style-2 .banner-with-image__placeholder{flex:0 0 560px;height:440px;fill:currentColor;background:var(--card-background);border-radius:10px}.banner-with-image--style-2 .banner-with-image__benefits{gap:18px;width:calc(100% + max(20px,(100vw - var(--page-width)) / 2 + 20px))}.banner-with-image--style-2 .banner-with-image__benefit-card{flex-direction:row;gap:10px;min-height:70px;padding:15px 20px;border-radius:10px;font-family:var(--font-body-family);font-size:18px;font-weight:400;line-height:22px;text-align:left;text-transform:none;border-start-end-radius:0;border-end-end-radius:0}.banner-with-image--style-2 .banner-with-image__benefit-icon{flex:0 0 40px;width:40px;height:40px;margin:0}.banner-with-image--style-2 .banner-with-image__benefit-label{min-width:0;overflow-wrap:anywhere}.banner-with-image--style-2.banner-with-image--no-benefits .banner-with-image__container{grid-template-columns:minmax(0,var(--content-width)) minmax(0,1fr)}@media screen and (min-width:750px){.banner-with-image--style-2 .banner-with-image__container--right .banner-with-image__column--image{justify-content:flex-start;transform:translate(-40px)}.banner-with-image--style-2 .banner-with-image__container--right .banner-with-image__benefits{margin-left:calc(-1*max(20px,(100vw - var(--page-width)) / 2 + 20px))}.banner-with-image--style-2 .banner-with-image__container--right .banner-with-image__benefit-card{border-radius:0 10px 10px 0}}@media screen and (min-width:750px)and (max-width:1199px){.banner-with-image--style-2 .banner-with-image__container{grid-template-columns:minmax(0,1.4fr) minmax(0,1.15fr) minmax(0,1fr);gap:24px;text-align:left}.banner-with-image--style-2 .banner-with-image__container--right{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.4fr)}.banner-with-image--style-2 .banner-with-image__column--image{margin-top:0;transform:none}.banner-with-image--style-2 .banner-with-image__container--right .banner-with-image__column--image{transform:none}.banner-with-image--style-2 .banner-with-image__column--image picture,.banner-with-image--style-2 .banner-with-image__placeholder{flex-basis:120%;width:120%}.banner-with-image--style-2 .banner-with-image__main-image{height:clamp(280px,38vw,440px)}.banner-with-image--style-2 .banner-with-image__rating{justify-content:flex-start}.banner-with-image--style-2 .banner-with-image__text :is(h1,h2,h3,h4,h5,h6){font-size:clamp(30px,3.2vw,40px)}.banner-with-image--style-2 .banner-with-image__benefit-card{padding:12px;font-size:14px;line-height:20px}.banner-with-image--style-2 .banner-with-image__actions .button{padding-inline:24px}}@media screen and (max-width:749px){body.body--homepage:not(.body--menopause-vitamins) #MainContent>.shopify-section:first-child .banner-with-image--style-2{--banner-header-offset: 64px}.banner-with-image.banner-with-image--style-2{padding-top:calc(var(--banner-padding-top-mobile) + var(--banner-header-offset, 0px))}.banner-with-image--style-2 .banner-with-image__column--content,.banner-with-image--style-2 .banner-with-image__column--benefits{padding-top:0}.banner-with-image--style-2 .banner-with-image__column--image picture,.banner-with-image--style-2 .banner-with-image__placeholder{flex-basis:calc(100% + 20px);width:calc(100% + 20px)}.banner-with-image--style-2 .banner-with-image__container,.banner-with-image--style-2.banner-with-image--no-benefits .banner-with-image__container{grid-template-columns:minmax(0,1fr);gap:8px;text-align:center}.banner-with-image--style-2 .banner-with-image__column--content{order:1;margin-bottom:14px}.banner-with-image--style-2 .banner-with-image__column--image{order:2;margin-top:0;transform:none;width:min(100%,345px);justify-content:center;justify-self:center}.banner-with-image--style-2 .banner-with-image__column--benefits{order:3}.banner-with-image--style-2 .banner-with-image__rating{justify-content:center;margin-bottom:12px}.banner-with-image--style-2.banner-with-image--mobile-rating .banner-with-image__rating{display:flex}.banner-with-image--style-2 .banner-with-image__text{gap:12px;font-size:14px;line-height:20px}.banner-with-image--style-2 .banner-with-image__text :is(h1,h2,h3,h4,h5,h6){font-size:30px;line-height:1.24}.banner-with-image--style-2 .banner-with-image__actions{margin-top:24px}.banner-with-image--style-2 .banner-with-image__actions .button{padding:16px 40px;font-size:14px;line-height:20px}.banner-with-image--style-2 .banner-with-image__main-image,.banner-with-image--style-2 .banner-with-image__placeholder{height:auto;max-height:300px}.banner-with-image--style-2 .banner-with-image__benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--benefit-rows),auto);grid-auto-flow:column;gap:10px;width:100%}.banner-with-image--style-2 .banner-with-image__benefit-card{flex-direction:column;justify-content:center;gap:10px;min-height:88px;padding:10px;border-radius:10px;font-size:14px;line-height:18px;text-align:center}}@media screen and (min-width:1200px){.banner-with-image--style-2 .banner-with-image__container--right{grid-template-columns:minmax(0,min(310px,23%)) minmax(0,1fr) minmax(0,min(var(--content-width),42%))}}@media screen and (min-width:750px){.banner-with-image--style-2.banner-with-image--no-benefits .banner-with-image__container--right{grid-template-columns:minmax(0,1fr) minmax(0,var(--content-width))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-banner-with-image-style-2.css.map */