.key-ingredients{--ki-thumb: 4.8rem;--ki-gap: 1.2rem}.key-ingredients .section__container{max-width:calc(134rem + var(--page-padding) * 2)}.key-ingredients__header{padding-bottom:1.4rem}.key-ingredients__list{margin:0;padding:0;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:var(--blocks-radius, 1rem);background:var(--ki-card-background, #fff)}.key-ingredient{display:grid;grid-template-columns:var(--ki-thumb) minmax(0,1fr);grid-template-areas:"media name" "media dose" "text text";align-items:center;gap:0 var(--ki-gap);margin:0;padding:1.4rem}.key-ingredient+.key-ingredient{border-top:1px solid rgb(var(--color-border))}.key-ingredient--no-image{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "dose" "text"}.key-ingredient__media{grid-area:media;width:var(--ki-thumb);aspect-ratio:1;overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:50%;background:rgb(var(--color-background))}.key-ingredient__image{display:block;width:100%;height:100%;object-fit:cover}.key-ingredient__name{grid-area:name;margin:0;font-family:var(--font-body-family);font-style:normal;font-weight:var(--font-body-weight);font-size:1.7rem;line-height:1.3;letter-spacing:0;text-transform:none;color:rgb(var(--color-foreground))}.key-ingredient__dose{grid-area:dose;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6rem;margin:.2rem 0 0}.key-ingredient__dose-value{font-family:"Chronicle Display Semi",var(--font-heading-family);font-weight:400;font-size:1.8rem;line-height:1.25;white-space:nowrap;color:rgb(var(--color-foreground))}.key-ingredient__dose-label{font-size:1.3rem;line-height:1.3;color:rgba(var(--color-subtext),.65)}.key-ingredient__benefit{display:none}.key-ingredient__text{grid-area:text;margin-top:1.2rem;font-size:1.6rem;line-height:1.55;color:rgba(var(--color-subtext),.85)}.key-ingredient__text p,.key-ingredient__text ul,.key-ingredient__text ol{margin:0 0 .8em}.key-ingredient__text p:last-child,.key-ingredient__text ul:last-child,.key-ingredient__text ol:last-child{margin-bottom:0}@media(min-width:768px){.key-ingredients{--ki-thumb: 8.8rem;--ki-gap: 2.8rem}.key-ingredients--single{--ki-thumb: 12rem}.key-ingredients__header{padding-bottom:2.4rem}.key-ingredients__list{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(22rem,32%)}.key-ingredient{grid-column:1 / -1;grid-template-columns:var(--ki-thumb) minmax(0,1fr) 24rem;grid-template-columns:subgrid;grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:"media . benefit" "media name benefit" "media dose benefit" "media text benefit" "media . benefit";align-items:start;padding:2.4rem 0 2.4rem 2.4rem}.key-ingredient--no-image{grid-template-areas:". . benefit" "name name benefit" "dose dose benefit" "text text benefit" ". . benefit"}.key-ingredient--no-benefit{grid-template-areas:"media . ." "media name name" "media dose dose" "media text text" "media . .";padding-right:2.4rem}.key-ingredient--no-benefit.key-ingredient--no-image{grid-template-areas:". . ." "name name name" "dose dose dose" "text text text" ". . ."}.key-ingredient__media{align-self:center}.key-ingredient__name{font-size:2rem}.key-ingredient__dose{margin-top:.6rem}.key-ingredient__dose-value{font-size:2.2rem}.key-ingredient__dose-label{font-size:1.5rem}.key-ingredient__benefit{grid-area:benefit;align-self:stretch;display:flex;align-items:center;gap:1.2rem;margin:0;padding:0 2.4rem 0 var(--ki-gap);border-left:1px solid rgb(var(--color-border));font-size:1.7rem;line-height:1.45;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-subtext))}.key-ingredient__benefit-icon{flex:none;width:2rem;height:2rem;color:rgb(var(--color-foreground))}.key-ingredient__text{max-width:62ch;font-size:1.7rem;line-height:1.6}}@media(min-width:1024px){.key-ingredients{--ki-thumb: 11.2rem;--ki-gap: 4rem}.key-ingredient{padding:2.8rem 0 2.8rem 2.8rem}.key-ingredient--no-benefit{padding-right:2.8rem}.key-ingredient__name{font-size:2.2rem}.key-ingredient__benefit{padding-right:2.8rem}.key-ingredients--single{--ki-thumb: 18.4rem;--ki-gap: 4.4rem}.key-ingredients--single .key-ingredient{padding:3.2rem 0 3.2rem 3.2rem}.key-ingredients--single .key-ingredient--no-benefit{padding-right:3.2rem}.key-ingredients--single .key-ingredient__name,.key-ingredients--single .key-ingredient__dose-value{font-size:2.6rem}.key-ingredients--single .key-ingredient__benefit,.key-ingredients--single .key-ingredient__text{font-size:1.8rem}.key-ingredients--single .key-ingredient__benefit{padding-right:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/747/assets/section-nw-key-ingredients.css.map */