.ingredient-card{display:flex;width:min(320px,calc(100vw - 76px));flex-direction:column;align-items:center;gap:24px;flex:0 0 auto;transition:transform .2s ease,box-shadow .2s ease}.ingredient-card:hover{transform:translate(-4px)}.ingredient-image:hover{box-shadow:0 8px 25px #00000026}.ingredient-image{width:100%;max-width:320px;height:auto;aspect-ratio:320 / 343;border-radius:20px;border:1px solid var(--brand-black, #000);background:linear-gradient(0deg,#617ee0 25.32%,#cbdbff);position:relative;flex-shrink:0;box-sizing:border-box}@media(max-width:767px){.ingredient-card{width:min(320px,calc(100vw - 40px))}.ingredient-image{max-width:none}}.ingredient-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:20px}.ingredient-content{display:flex;flex-direction:column;align-items:center;gap:16px}.ingredient-name{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:12px;border-radius:178.044px;background:var(--brand-white, #fff);color:var(--brand-black, #000);font-family:var(--family-display, "SilvaDisplay");font-size:var(--size-body-xl, 20px);font-style:normal;font-weight:700;line-height:var(--lh-body-xl, 24px);margin-right:auto}.ingredient-description{color:var(--brand-black, #000);font-family:var(--ff-body, "Halis R");font-size:var(--size-body-xl, 20px);font-style:normal;font-weight:400;line-height:var(--lh-body-xl, 24px);width:100%;height:100%;max-width:300px;margin:0}.ingredient-benefits{display:flex;align-items:flex-start;align-content:flex-start;gap:12px;align-self:stretch;flex-wrap:wrap;justify-content:flex-start;margin-right:auto}.benefit-tag{display:flex;padding:6px 8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:4px;background:var(--brand-darkBlue, #3976ff);color:var(--brand-white, #fff);font-family:var(--ff-body, "Halis R");font-size:12px;font-style:normal;font-weight:700;line-height:14px;letter-spacing:.84px;text-transform:uppercase}.ingredients-section__grid .ingredient-card{width:100%;max-width:550px}.ingredients-section__grid .ingredient-image{width:100%;height:0;padding-bottom:100%;position:relative}.ingredients-section__grid .ingredient-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ingredients-section__grid .ingredient-content{width:100%;flex-grow:1}.ingredients-section__grid .ingredient-description{max-width:none;margin-bottom:auto;grid-area:description}.ingredients-section__grid .ingredient-name{background-color:#ebf0ff;border-radius:213.5px;padding:12px 24px;font-size:20px;letter-spacing:1px;grid-area:title}.ingredient-link-container{display:none}.ingredients-section__grid .ingredient-link-container{margin-top:auto;display:flex;align-items:center;gap:8px;margin-left:auto;padding-top:12px;grid-area:link}.ingredients-section__grid .ingredient-link-container svg{width:12px;height:12px}.ingredients-section__grid .ingredient-link-container .ingredient-link{text-transform:uppercase;font-size:16px;line-height:21px;font-weight:700;letter-spacing:.5px;text-decoration:underline;text-underline-offset:4px}.ingredients-section__grid .ingredient-link-container .ingredient-link:hover{text-decoration:none}.ingredients-section__grid .ingredient-card.card-hidden,.ingredient-image--mobile,.ingredients-section__grid .ingredient-card.pagination-hidden{display:none}@media(max-width:600px){.ingredients-section__grid .ingredient-card .ingredient-image{display:none}.ingredients-section__grid .ingredient-card .ingredient-content{display:grid;grid-template-columns:3fr 1fr;grid-template-areas:"title image" "benefits image" "description description" "link link"}.ingredients-section__grid .ingredient-image--mobile{display:block;grid-area:image;height:0;padding-bottom:100%;position:relative;border-radius:20px;border:1px solid #000000;overflow:hidden}.ingredients-section__grid .ingredient-image--mobile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ingredients-section__nav{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-snap-align:start;padding:4px 16px 4px 0;width:100%}.ingredients-section__header{padding:16px 0 20px 16px}.ingredients-section__nav-item{flex-shrink:0}.ingredients-section__description{margin-bottom:16px;padding-right:16px;font-size:14px;line-height:16px;text-align:center}.ingredients-section__title{font-size:32px;line-height:40px;text-align:center}.ingredients-section__grid .ingredient-name{background-color:#fff0;padding:0;font-size:24px;line-height:32px}.ingredients-section__grid .benefit-tag{font-weight:500}.ingredients-section__grid .ingredient-description{font-size:18px;line-height:22px}.ingredients-section__grid .ingredient-link-container .ingredient-link{font-size:14px;line-height:100%}.ingredients-section__grid .ingredient-benefits{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/ingredients-card.css.map */