.ingredient-spotlight{--is-radius: clamp(20px, 3vw, 32px);--is-gap: clamp(28px, 5vw, 64px);--is-pad: clamp(24px, 5vw, 64px)}.ingredient-spotlight__card{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--is-gap);align-items:center;padding:var(--is-pad);border-radius:var(--is-radius);background:var(--is-bg, #f5f2ea);color:var(--is-text, #2c2d2e);overflow:hidden;isolation:isolate}.ingredient-spotlight--image-right .ingredient-spotlight__card{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.ingredient-spotlight--image-right .ingredient-spotlight__media{order:2}.ingredient-spotlight--bg-gradient .ingredient-spotlight__card{background:linear-gradient(135deg,var(--is-bg, #f5f2ea) 0%,var(--is-bg-2, #e4ebdd) 100%)}.ingredient-spotlight--bg-dots .ingredient-spotlight__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(var(--is-accent-rgb, 123, 142, 114),.18) 1.5px,transparent 1.6px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 20% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 20% 30%,#000 30%,transparent 75%);pointer-events:none}.ingredient-spotlight--image-right.ingredient-spotlight--bg-dots .ingredient-spotlight__card:before{mask-image:radial-gradient(ellipse at 80% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 80% 30%,#000 30%,transparent 75%)}.ingredient-spotlight--bg-none .ingredient-spotlight__card{background:transparent;padding-left:0;padding-right:0;overflow:visible}.ingredient-spotlight__media{position:relative;width:100%;max-width:520px;margin:0 auto}.ingredient-spotlight__frame{position:relative;z-index:1;aspect-ratio:1 / 1;overflow:hidden;background:var(--is-frame, #fff);box-shadow:0 18px 40px -18px #00000059;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ingredient-spotlight__frame--bordered{padding:clamp(6px,1vw,10px)}.ingredient-spotlight__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.ingredient-spotlight__image--placeholder{background:rgba(var(--is-accent-rgb, 123, 142, 114),.15);fill:rgba(var(--is-accent-rgb, 123, 142, 114),.6)}.ingredient-spotlight__media:hover .ingredient-spotlight__frame{transform:translateY(-4px)}.ingredient-spotlight--shape-blob .ingredient-spotlight__frame{border-radius:58% 42% 45% 55%/55% 48% 52% 45%}.ingredient-spotlight--shape-circle .ingredient-spotlight__frame{border-radius:50%}.ingredient-spotlight--shape-arch .ingredient-spotlight__frame{aspect-ratio:4 / 5;border-radius:999px 999px var(--is-radius) var(--is-radius)}.ingredient-spotlight--shape-rounded .ingredient-spotlight__frame{border-radius:var(--is-radius)}.ingredient-spotlight--shape-tilt .ingredient-spotlight__frame{border-radius:10px;padding:clamp(10px,1.6vw,16px);padding-bottom:clamp(34px,5vw,52px);transform:rotate(-3deg);box-shadow:0 24px 40px -20px #0006}.ingredient-spotlight--shape-tilt .ingredient-spotlight__image{border-radius:4px}.ingredient-spotlight--shape-tilt .ingredient-spotlight__media:hover .ingredient-spotlight__frame{transform:rotate(-1.5deg) translateY(-4px)}.ingredient-spotlight__accent{position:absolute;z-index:0;pointer-events:none}.ingredient-spotlight__accent--blob{top:-8%;left:-10%;width:60%;aspect-ratio:1 / 1;background:var(--is-accent, #7b8e72);opacity:.85;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;animation:is-drift 9s ease-in-out infinite alternate}.ingredient-spotlight__accent--ring{top:-6%;right:-8%;width:55%;aspect-ratio:1 / 1;border:clamp(10px,1.6vw,18px) solid var(--is-accent, #7b8e72);border-radius:50%;opacity:.9;animation:is-drift 11s ease-in-out infinite alternate}.ingredient-spotlight__accent--dots{bottom:-6%;left:-8%;width:55%;height:55%;background-image:radial-gradient(var(--is-accent, #7b8e72) 2.5px,transparent 2.6px);background-size:18px 18px;opacity:.7;border-radius:20%}.ingredient-spotlight__accent--burst{top:-10%;right:-12%;width:62%;aspect-ratio:1 / 1;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--is-accent, #7b8e72) 0deg 8deg,transparent 8deg 22.5deg);mask-image:radial-gradient(circle,transparent 38%,#000 40%,#000 70%,transparent 72%);-webkit-mask-image:radial-gradient(circle,transparent 38%,#000 40%,#000 70%,transparent 72%);opacity:.8;animation:is-spin 60s linear infinite}.ingredient-spotlight--image-right .ingredient-spotlight__accent--blob,.ingredient-spotlight--image-right .ingredient-spotlight__accent--dots{left:auto;right:-10%}.ingredient-spotlight--image-right .ingredient-spotlight__accent--ring,.ingredient-spotlight--image-right .ingredient-spotlight__accent--burst{right:auto;left:-10%}.ingredient-spotlight__badge{position:absolute;z-index:2;right:-2%;bottom:6%;display:inline-block;padding:.55em 1.1em;border-radius:999px;background:var(--is-badge, var(--is-accent, #7b8e72));color:var(--is-on-badge, var(--is-on-accent, #fff));font-size:clamp(.8rem,1.1vw,.95rem);font-weight:600;letter-spacing:.02em;line-height:1.2;white-space:nowrap;transform:rotate(-6deg);box-shadow:0 8px 18px -8px #00000073}.ingredient-spotlight--image-right .ingredient-spotlight__badge{right:auto;left:-2%;transform:rotate(6deg)}.ingredient-spotlight__badge--button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,filter .2s ease}.ingredient-spotlight__badge-text{text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:currentColor;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:3px;transition:text-decoration-color .25s ease,text-underline-offset .25s ease,text-decoration-thickness .25s ease}.ingredient-spotlight__badge--button:hover .ingredient-spotlight__badge-text,.ingredient-spotlight__badge--button:focus-visible .ingredient-spotlight__badge-text{text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:4px}.ingredient-spotlight__badge--button:hover,.ingredient-spotlight__badge--button:focus-visible{transform:rotate(0) translateY(-3px) scale(1.04);box-shadow:0 14px 26px -10px #00000080;filter:brightness(1.04)}.ingredient-spotlight__badge--button:focus-visible{outline:2px solid var(--is-heading, #1a1c1d);outline-offset:3px}.ingredient-spotlight__badge-cart{display:inline-flex;align-items:center;flex:0 0 auto;width:1em;height:1em;margin-right:-2px;color:#fff;--color-header-icons: #fff}.ingredient-spotlight__badge-cart svg{width:100%;height:100%;display:block}.ingredient-spotlight__badge-cart svg path{fill:#fff}.ingredient-spotlight__badge--button.loading .ingredient-spotlight__badge-cart{display:none}.ingredient-spotlight__badge--button>svg{display:none;width:14px;height:14px}.ingredient-spotlight__badge--button.loading>svg{display:inline-block;animation:is-spin 1s linear infinite}.ingredient-spotlight__badge--button.loading .ingredient-spotlight__badge-text{opacity:.75}.ingredient-spotlight__content{position:relative;z-index:1;min-width:0}.ingredient-spotlight__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--is-accent, #7b8e72)}.ingredient-spotlight__eyebrow:before{content:"";width:28px;height:3px;border-radius:3px;background:currentColor}.ingredient-spotlight__heading{margin:0 0 18px;color:var(--is-heading, #1a1c1d);line-height:1.1}.ingredient-spotlight__heading .animated-marker{white-space:nowrap}.ingredient-spotlight__text{color:var(--is-text, #2c2d2e);font-size:calc(var(--font-body-scale, 1) * 1.05rem);line-height:1.65}.ingredient-spotlight__text p:last-child{margin-bottom:0}.ingredient-spotlight__text a{color:var(--is-accent, #7b8e72);text-decoration:underline;text-underline-offset:3px}.ingredient-spotlight__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none}.ingredient-spotlight__fact{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--is-fact-bg, #fff);border:1px solid rgba(var(--is-accent-rgb, 123, 142, 114),.22);box-shadow:0 6px 16px -12px #00000059;transition:transform .25s ease,box-shadow .25s ease}.ingredient-spotlight__fact:hover{transform:translateY(-2px);box-shadow:0 12px 22px -14px #0006}.ingredient-spotlight__fact-emoji{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(var(--is-accent-rgb, 123, 142, 114),.14);font-size:1.25rem;line-height:1}.ingredient-spotlight__fact-body{display:flex;flex-direction:column;min-width:0}.ingredient-spotlight__fact-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--is-accent-own, #7b8e72)}.ingredient-spotlight__fact-value{font-weight:600;font-size:.95rem;line-height:1.3;color:var(--is-heading, #1a1c1d)}.ingredient-spotlight__actions{margin-top:26px}.ingredient-spotlight .ingredient-spotlight__button--quick{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative}.ingredient-spotlight .ingredient-spotlight__button--quick>svg{display:none;width:18px;height:18px}.ingredient-spotlight .ingredient-spotlight__button--quick.loading>svg{display:inline-block;animation:is-spin 1s linear infinite}.ingredient-spotlight .ingredient-spotlight__button--quick.loading>span{opacity:.7}.ingredient-spotlight .ingredient-spotlight__button--quick:focus-visible{outline:2px solid var(--is-heading, #1a1c1d);outline-offset:3px}.ingredient-spotlight .ingredient-spotlight__button{margin:0;background:var(--is-button, #7b8e72);border-color:var(--is-button, #7b8e72);color:var(--is-button-text, #fff);box-shadow:0 10px 20px -12px #0006;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.ingredient-spotlight .ingredient-spotlight__button:hover,.ingredient-spotlight .ingredient-spotlight__button:focus{background:var(--is-button, #7b8e72);border-color:var(--is-button, #7b8e72);color:var(--is-button-text, #fff);filter:brightness(.94);transform:translateY(-2px);box-shadow:0 14px 24px -12px #00000073}.ingredient-spotlight--animate [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 90ms)}.ingredient-spotlight--animate .ingredient-spotlight__media[data-reveal]{transform:translateY(18px) scale(.96)}.ingredient-spotlight--animate [data-reveal].is-revealed{opacity:1;transform:none}@keyframes is-drift{0%{transform:translate(0) rotate(0)}to{transform:translate(4%,5%) rotate(8deg)}}@keyframes is-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ingredient-spotlight__accent,.ingredient-spotlight__frame,.ingredient-spotlight__fact,.ingredient-spotlight__badge--button,.ingredient-spotlight .ingredient-spotlight__button{animation:none!important;transition:none!important}.ingredient-spotlight--animate [data-reveal]{opacity:1;transform:none;transition:none}}@media screen and (max-width:1023px){.ingredient-spotlight__card,.ingredient-spotlight--image-right .ingredient-spotlight__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media screen and (max-width:767px){.ingredient-spotlight__card,.ingredient-spotlight--image-right .ingredient-spotlight__card{grid-template-columns:1fr;gap:28px;text-align:left}.ingredient-spotlight--image-right .ingredient-spotlight__media{order:0}.ingredient-spotlight__media{max-width:78%}.ingredient-spotlight__badge,.ingredient-spotlight--image-right .ingredient-spotlight__badge{right:-4%;left:auto;bottom:4%;transform:rotate(-6deg)}.ingredient-spotlight--image-right .ingredient-spotlight__accent--blob,.ingredient-spotlight--image-right .ingredient-spotlight__accent--dots{right:auto;left:-10%}.ingredient-spotlight--image-right .ingredient-spotlight__accent--ring,.ingredient-spotlight--image-right .ingredient-spotlight__accent--burst{left:auto;right:-8%}.ingredient-spotlight__facts{gap:10px}.ingredient-spotlight__fact{padding:10px 12px;border-radius:14px}.ingredient-spotlight__fact-emoji{width:32px;height:32px;font-size:1.05rem}}@media screen and (max-width:479px){.ingredient-spotlight__facts{grid-template-columns:1fr}.ingredient-spotlight .ingredient-spotlight__button{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/662/assets/ingredient-spotlight.css.map */