.key-ingredients__grid{display:grid;gap:2.4rem;align-items:start}.key-ingredients__grid--2-col{grid-template-columns:repeat(2,1fr)}.key-ingredients__grid--3-col{grid-template-columns:repeat(3,1fr)}.key-ingredients__grid--4-col{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:749px){.key-ingredients__grid--3-col,.key-ingredients__grid--4-col{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:449px){.key-ingredients__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}.key-ingredients__card{display:flex;flex-direction:column;height:auto;justify-content:flex-start}.key-ingredients__image-wrapper{position:relative;overflow:hidden;border-radius:1.2rem;background:var(--color-background-secondary, #f5f5f0)}.key-ingredients__grid--square .key-ingredients__image-wrapper{aspect-ratio:1 / 1}.key-ingredients__grid--square .key-ingredients__image{width:100%;height:100%;object-fit:cover}.key-ingredients__grid--portrait .key-ingredients__image-wrapper{aspect-ratio:3 / 4}.key-ingredients__grid--portrait .key-ingredients__image{width:100%;height:100%;object-fit:cover}.key-ingredients__image{width:100%;height:auto;display:block}.key-ingredients__placeholder{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:2rem}.key-ingredients__placeholder-svg{width:100%;height:auto;opacity:.3}.key-ingredients__badge{position:absolute;top:1.2rem;left:1.2rem;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.4rem 1rem;border-radius:10rem;font-size:1.1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-foreground, #1a1a1a);line-height:1.4}@media screen and (max-width:449px){.key-ingredients__badge{font-size:1rem;padding:.3rem .8rem;top:.8rem;left:.8rem}}.key-ingredients__content{padding:1.2rem 0 0;margin-top:0;flex:0 0 auto}.key-ingredients__name{display:flex;align-items:center;gap:.6rem;margin:0 0 .4rem}.key-ingredients__number{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1.5px solid var(--color-foreground, #1a1a1a);font-size:1.1rem;font-weight:600;flex-shrink:0;line-height:1}.key-ingredients__description{font-size:1.3rem;line-height:1.6;color:var(--color-foreground-secondary, #666);margin:0}.key-ingredients__description p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-key-ingredients.css.map */