.ingredients-banner{display:block}.ingredients-banner__grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media screen and (max-width:1280px){.ingredients-banner__grid{padding:0 5rem}}@media screen and (min-width:990px){.ingredients-banner__grid{grid-template-columns:1fr 1fr;gap:8rem}}.ingredients-banner__content{display:flex;flex-direction:column;gap:2.4rem;padding:4rem 0;text-align:center}.ingredients-banner__content h2{margin:0}.ingredients-banner__content h2 em{line-height:var(--line-height-normal)}@media screen and (min-width:990px){.ingredients-banner__content{padding:6rem 0}}.ingredients-banner__title{margin:0}.ingredients-banner__title .button-color{color:rgb(var(--color-button))}.ingredients-banner__subtitle{margin:0;line-height:1.6}.ingredients-banner__subtitle p{font-size:var(--font-body-l);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);letter-spacing:0}.ingredients-banner__subtitle strong,.ingredients-banner__subtitle b{color:rgb(var(--color-button));font-weight:700}.ingredients-banner__button{align-self:flex-start;margin-top:.8rem;margin:auto}.ingredients-banner__grid-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-s)}@media screen and (min-width:750px){.ingredients-banner__grid-wrapper{gap:var(--spacing-m)}}.ingredient-card{display:flex;flex-direction:column;border-radius:var(--radius-default);overflow:hidden}.ingredient-card__media{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.ingredient-card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ingredient-card__media.placeholder{background-color:rgba(var(--color-foreground),.1)}.ingredient-card__media .placeholder-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;fill:rgba(var(--color-foreground),.3)}.ingredient-card__title{margin:0;font-size:var(--font-body-m);font-weight:600;line-height:1.2;text-align:center;background-color:rgb(var(--color-button));padding:var(--spacing-xxs) 0;color:rgb(var(--color-button-text));height:100%}@media screen and (min-width:750px){.ingredient-card__title{font-size:var(--font-display-xs);line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ingredients-banner.css.map */