.key-ingredients__header{margin-bottom:3rem}.key-ingredients__heading{margin:0}.key-ingredients__subheading{margin:1rem 0 0;opacity:.75}.key-ingredients__track{display:grid;grid-template-columns:1fr;gap:var(--ki-gap);margin:0;padding:0;list-style:none}.key-ingredients__card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ki-radius);text-align:left}.key-ingredients__card--border{border:1px solid rgba(var(--color-foreground),.2)}.key-ingredients__image img{display:block;width:100%;aspect-ratio:var(--ki-image-ratio);object-fit:cover}.key-ingredients__body{padding:2rem}.key-ingredients__title{margin:0 0 1rem;font-size:2rem;line-height:1.25}.key-ingredients__text{font-size:1.4rem}.key-ingredients__text p{margin:0 0 1rem}.key-ingredients__text p:last-child{margin-bottom:0}.key-ingredients__nav{display:none}@media screen and (max-width:749px){.key-ingredients--carousel .key-ingredients__track{display:flex;overflow-x:auto;gap:1.2rem;margin-right:-1.5rem;padding-right:1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.key-ingredients--carousel .key-ingredients__track::-webkit-scrollbar{display:none}.key-ingredients--carousel .key-ingredients__card{flex:0 0 82%;scroll-snap-align:start}.key-ingredients--carousel .key-ingredients__nav{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2rem}.key-ingredients__dots{display:flex;gap:.8rem}.key-ingredients__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.key-ingredients__arrow svg{width:1.2rem;height:1.2rem}.key-ingredients__arrow--prev svg{transform:rotate(90deg)}.key-ingredients__arrow--next svg{transform:rotate(-90deg)}.key-ingredients__arrow:disabled{opacity:.3;cursor:default}.key-ingredients__dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.25);transition:background-color .2s}.key-ingredients__dot.is-active{background:rgb(var(--color-foreground))}}@media screen and (min-width:750px){.key-ingredients__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.key-ingredients__track{grid-template-columns:repeat(var(--ki-columns),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/28/compiled_assets/styles.css.map?subset=AAAACA */