.ingredient-spotlight{padding:var(--is-pad-top) 0 var(--is-pad-bottom);background:var(--is-bg);color:var(--is-text)}.ingredient-spotlight__head{max-width:720px;margin:0 auto 32px;text-align:center}.ingredient-spotlight__kicker{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--is-accent)}.ingredient-spotlight__heading{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.15;color:var(--is-text)}.ingredient-spotlight__text{margin-top:14px;font-size:16px;line-height:1.6;opacity:.85}.ingredient-spotlight__text p{margin:0 0 8px}.ingredient-spotlight__text p:last-child{margin-bottom:0}.ingredient-spotlight__stats{display:flex;justify-content:center;gap:12px;margin-top:22px}.ingredient-spotlight__stat{display:flex;align-items:baseline;gap:8px;padding:10px 18px;border-radius:999px;background:var(--is-card)}.ingredient-spotlight__stat-value{font-size:17px;font-weight:700;color:var(--is-accent)}.ingredient-spotlight__stat-label{font-size:14px}.ingredient-spotlight__bar{display:flex;gap:4px;max-width:1160px;height:14px;margin:0 auto 12px}.ingredient-spotlight__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;max-width:1160px;margin:0 auto 28px;padding:0;list-style:none;font-size:13px}.ingredient-spotlight__legend-item{display:inline-flex;align-items:center;gap:6px;margin:0}.ingredient-spotlight__legend-item:before{content:"";width:10px;height:10px;border-radius:50%}.ingredient-spotlight__legend-item:nth-child(1):before{background:var(--is-accent)}.ingredient-spotlight__legend-item:nth-child(2):before{background:var(--is-text)}.ingredient-spotlight__legend-item:nth-child(3):before{background:#b59a80}.ingredient-spotlight__bar-part{flex:var(--share) 1 0;min-width:14px;border-radius:999px;transform-origin:left center;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.ingredient-spotlight.is-animated:not(.is-in) .ingredient-spotlight__bar-part{transform:scaleX(0)}.ingredient-spotlight__bar-part:nth-child(2){transition-delay:.25s}.ingredient-spotlight__bar-part:nth-child(3){transition-delay:.4s}.ingredient-spotlight__bar-part:nth-child(1),.ingredient-spotlight__card:nth-child(1) .ingredient-spotlight__percent{background:var(--is-accent)}.ingredient-spotlight__bar-part:nth-child(2),.ingredient-spotlight__card:nth-child(2) .ingredient-spotlight__percent{background:var(--is-text)}.ingredient-spotlight__bar-part:nth-child(3),.ingredient-spotlight__card:nth-child(3) .ingredient-spotlight__percent{background:#b59a80}.ingredient-spotlight__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1160px;margin:0 auto}.ingredient-spotlight__grid--feature{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:first-child{grid-row:span 2}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:first-child .ingredient-spotlight__media{flex:1 1 auto;min-height:320px;aspect-ratio:auto}.ingredient-spotlight__card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--is-card);box-shadow:0 16px 40px #3c281414}.ingredient-spotlight__media{position:relative;aspect-ratio:16 / 9;overflow:hidden}.ingredient-spotlight__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ingredient-spotlight__card:hover .ingredient-spotlight__media img{transform:scale(1.04)}.ingredient-spotlight__percent{position:absolute;top:14px;left:14px;padding:6px 14px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;box-shadow:0 4px 12px #0000001f}.ingredient-spotlight__percent small{margin-left:2px;font-size:1em}.ingredient-spotlight__body{padding:20px 22px 22px}.ingredient-spotlight__title{margin:0 0 6px;font-size:20px;line-height:1.25}.ingredient-spotlight__card-text{margin:0;font-size:15px;line-height:1.55;opacity:.82}.ingredient-spotlight__free{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1160px;margin:30px auto 0;padding:0;list-style:none}.ingredient-spotlight__free-item{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 18px;border:1.5px solid rgba(43,33,28,.18);border-radius:999px;background:var(--is-card);font-size:14px;font-weight:600}.ingredient-spotlight__free-item svg{color:var(--is-accent);flex:0 0 auto}@media(max-width:989px){.ingredient-spotlight__grid{grid-template-columns:minmax(0,1fr)}.ingredient-spotlight__grid--feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:first-child{grid-row:auto;grid-column:1 / -1}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:first-child .ingredient-spotlight__media{min-height:0;aspect-ratio:16 / 10}}@media(max-width:767px){.ingredient-spotlight__head{margin-bottom:26px}.ingredient-spotlight__stats{flex-wrap:wrap;gap:8px}.ingredient-spotlight__stat{padding:8px 14px}.ingredient-spotlight__stat-value{font-size:15px}.ingredient-spotlight__stat-label{font-size:13px}.ingredient-spotlight__bar{height:12px;margin-bottom:20px}.ingredient-spotlight__grid{gap:16px}.ingredient-spotlight__card{border-radius:20px}.ingredient-spotlight__title{font-size:20px}.ingredient-spotlight__grid--feature{gap:12px}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:not(:first-child) .ingredient-spotlight__media{aspect-ratio:4 / 3}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:not(:first-child) .ingredient-spotlight__body{padding:14px 14px 16px}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:not(:first-child) .ingredient-spotlight__title{font-size:17px}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:not(:first-child) .ingredient-spotlight__card-text{font-size:13px}.ingredient-spotlight__grid--feature .ingredient-spotlight__card:not(:first-child) .ingredient-spotlight__percent{top:10px;left:10px;padding:5px 10px}.ingredient-spotlight__free-item{font-size:13px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){.ingredient-spotlight__bar-part,.ingredient-spotlight__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/ingredient-spotlight.css.map */