.ingredient-cards,.ingredient-cards__container{position:relative}.ingredient-cards__header{margin-bottom:2.4rem;text-align:center}.ingredient-cards__heading,.ingredient-cards__subheading{margin:0}.ingredient-cards__list{list-style:none;padding:0;margin:0}.ingredient-cards__list--m-grid{display:grid;grid-template-columns:repeat(var(--cards-cols-mobile, 1),minmax(0,1fr));gap:var(--cards-gap-mobile, 12px)}.ingredient-cards__list--m-slider{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--cards-gap-mobile, 12px);scrollbar-width:none}@media screen and (min-width:750px){.ingredient-cards__list--d-grid{display:grid;grid-template-columns:repeat(var(--cards-cols-desktop, 3),minmax(0,1fr));gap:var(--cards-gap-desktop, 24px);overflow-x:visible;scroll-snap-type:none}.ingredient-cards__list--d-slider{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--cards-gap-desktop, 24px);scrollbar-width:none}}.ingredient-cards__list::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.ingredient-cards__spacer{list-style:none;pointer-events:none;flex:0 0 calc((100vw - var(--page-width)) / 2 + 5rem - var(--cards-gap-desktop, 24px))}.ingredient-cards--full-bleed-desktop{overflow-x:clip}.ingredient-cards--full-bleed-desktop .ingredient-cards__list--d-slider{scroll-snap-type:none;scrollbar-width:none}.ingredient-cards--full-bleed-desktop .ingredient-cards__list--d-slider::-webkit-scrollbar{display:none}.ingredient-cards--full-bleed-desktop .ingredient-cards__list--d-slider>.ingredient-cards__item{flex:0 0 calc((var(--page-width) - 2 * 5rem - var(--cards-gap-desktop, 24px) * var(--cards-cols-desktop, 3)) / (var(--cards-cols-desktop, 3) + .5))}.ingredient-cards--full-bleed-desktop .ingredient-cards__container.page-width{max-width:none;width:100%;padding:0}.ingredient-cards--full-bleed-desktop .ingredient-cards__header{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding:0 5rem;box-sizing:border-box}}.ingredient-cards__list--m-slider>.ingredient-cards__item{flex:0 0 calc((100% - var(--cards-gap-mobile, 12px) * var(--cards-cols-mobile, 1)) / (var(--cards-cols-mobile, 1) + .5));scroll-snap-align:start}@media screen and (min-width:750px){.ingredient-cards__list--d-slider>.ingredient-cards__item{flex:0 0 calc((100% - var(--cards-gap-desktop, 24px) * var(--cards-cols-desktop, 3)) / (var(--cards-cols-desktop, 3) + .5));scroll-snap-align:start}}@media screen and (max-width:749px){.ingredient-cards__spacer{display:none}}.ingredient-cards__item{list-style:none}.ingredient-cards__card{position:relative;display:flex;flex-direction:column;width:100%;height:var(--card-height-mobile, 360px);border-radius:var(--card-radius, 16px);overflow:hidden;isolation:isolate;color:var(--card-text-color, #ffffff)}@media screen and (min-width:750px){.ingredient-cards__card{height:var(--card-height-desktop, 460px)}}.ingredient-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.ingredient-cards__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .35);z-index:1;pointer-events:none}.ingredient-cards__content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:var(--card-padding-mobile, 16px);gap:1.2rem}@media screen and (min-width:750px){.ingredient-cards__content{padding:var(--card-padding-desktop, 24px)}}.ingredient-cards__content--title-top.ingredient-cards__content--desc-top{justify-content:flex-start}.ingredient-cards__content--title-bottom.ingredient-cards__content--desc-bottom{justify-content:flex-end}.ingredient-cards__content--title-top.ingredient-cards__content--desc-bottom,.ingredient-cards__content--title-bottom.ingredient-cards__content--desc-top{justify-content:space-between}.ingredient-cards__title-group{display:flex;flex-direction:column;gap:.6rem}@media screen and (min-width:750px){.ingredient-cards__content .ingredient-cards__title-group{flex-direction:row;align-items:center;gap:1rem;width:100%}.ingredient-cards__title-group .ingredient-cards__title{flex:1 1 auto}.ingredient-cards__title-group .ingredient-cards__dosage{flex:0 0 auto}}.ingredient-cards__title{margin:0;line-height:1.2;color:inherit}.ingredient-cards__description{margin:0;color:inherit}.ingredient-cards__description>*{margin:0}.ingredient-cards__description>*+*{margin-top:.6rem}.ingredient-cards__content--align-left{text-align:left;align-items:flex-start}.ingredient-cards__content--align-left .ingredient-cards__title-group{align-items:flex-start}.ingredient-cards__content--align-center{text-align:center;align-items:center}.ingredient-cards__content--align-center .ingredient-cards__title-group{align-items:center}.ingredient-cards__content--align-right{text-align:right;align-items:flex-end}.ingredient-cards__content--align-right .ingredient-cards__title-group{align-items:flex-end}.ingredient-cards__dosage{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-size:1.2rem;font-weight:500;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:inherit}.ingredient-cards__card--stacked{height:100%;display:flex;flex-direction:column;background-color:var(--stacked-bg, #faf6f0);color:var(--stacked-text-color, #1a1a1a);border:var(--stacked-border-width, 4px) solid var(--stacked-border-color, #3a1f14);border-radius:var(--card-radius, 16px);overflow:hidden}.ingredient-cards__item:has(.ingredient-cards__card--stacked){display:flex;height:auto}.ingredient-cards__list:has(.ingredient-cards__card--stacked){align-items:stretch}.ingredient-cards__card--stacked .ingredient-cards__stacked-image{position:relative;width:100%;aspect-ratio:var(--stacked-image-ratio, 1 / 1);background-color:var(--stacked-image-bg, #eae2d3);overflow:hidden}.ingredient-cards__card--stacked .ingredient-cards__stacked-image img{width:100%;height:100%;object-fit:cover;display:block}.ingredient-cards__card--stacked .ingredient-cards__stacked-content{display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding-mobile, 16px);background-color:var(--stacked-bg, #faf6f0);color:var(--stacked-text-color, #1a1a1a);flex:1 1 auto}@media screen and (min-width:750px){.ingredient-cards__card--stacked .ingredient-cards__stacked-content{padding:var(--card-padding-desktop, 24px)}}.ingredient-cards__card--stacked .ingredient-cards__title,.ingredient-cards__card--stacked .ingredient-cards__description{color:var(--stacked-text-color, #1a1a1a)}.ingredient-cards__card--stacked .ingredient-cards__title-group{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%}@media screen and (min-width:750px){.ingredient-cards__card--stacked .ingredient-cards__title-group{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.ingredient-cards__card--stacked.ingredient-cards__content--align-center .ingredient-cards__title-group{align-items:center}.ingredient-cards__card--stacked.ingredient-cards__content--align-right .ingredient-cards__title-group{align-items:flex-end}@media screen and (min-width:750px){.ingredient-cards__card--stacked.ingredient-cards__content--align-center .ingredient-cards__title-group{justify-content:center}.ingredient-cards__card--stacked.ingredient-cards__content--align-right .ingredient-cards__title-group{justify-content:flex-end}}.ingredient-cards__card--stacked.ingredient-cards__content--align-center .ingredient-cards__stacked-content{text-align:center}.ingredient-cards__card--stacked.ingredient-cards__content--align-right .ingredient-cards__stacked-content{text-align:right}.ingredient-cards__dosage--stacked{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--stacked-border-color, #3a1f14);color:var(--stacked-text-color, #1a1a1a);padding:.4rem 1rem;font-weight:500;flex:0 0 auto;white-space:nowrap}@media screen and (max-width:749px){.ingredient-cards__list--m-slider{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;scroll-padding-left:15px}}.ing-tracker{display:none}@media screen and (max-width:749px){.ing-tracker{display:flex;align-items:center;justify-content:center;margin-top:16px}.ing-tracker--dots{gap:8px}.ing-dot{width:7px;height:7px;padding:0;border:0;background:rgba(var(--color-foreground),.2);border-radius:999px;cursor:pointer;transition:background-color .2s ease,transform .2s ease,width .2s ease;flex-shrink:0;position:relative}.ing-dot:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.ing-dot.is-active{background:rgba(var(--color-foreground),1);width:22px;border-radius:999px}.ing-tracker--dots_passive .ing-dot{cursor:default}.ing-tracker--dots_clickable .ing-dot:hover:not(.is-active){background:rgba(var(--color-foreground),.4)}.ing-tracker--progress{padding:0 15px}.ing-progress-track{position:relative;width:100%;max-width:120px;height:3px;background:rgba(var(--color-foreground),.12);border-radius:999px;overflow:hidden}.ing-progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:rgba(var(--color-foreground),1);border-radius:999px;transition:width .15s linear}.ing-tracker--nav{gap:10px}.ing-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.ing-nav-btn:hover:not([disabled]){background-color:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.5)}.ing-nav-btn[disabled]{opacity:.35;cursor:default}.ing-nav-btn svg{width:14px;height:14px;display:block}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-ingredient-cards.css.map */