.yobe-ingredients-focus{--yobe-focus-bg: #faf7f3;--yobe-focus-ink: #1f1f1f;--yobe-focus-muted: #756d64;--yobe-focus-line: rgba(31, 31, 31, .13);--yobe-focus-soft: rgba(255, 255, 255, .34);--yobe-focus-accent: #f8ada2;display:block;position:relative;overflow:clip;padding-block:clamp(64px,8vw,118px);background:linear-gradient(180deg,#faf7f3f2,#f2ece2c2),var(--yobe-focus-bg);color:var(--yobe-focus-ink)}.yobe-ingredients-focus *,.yobe-ingredients-focus *:before,.yobe-ingredients-focus *:after{box-sizing:border-box}.yobe-ingredients-focus__inner{width:min(100% - clamp(32px,8vw,152px),1180px);margin-inline:auto}.yobe-ingredients-focus__header{display:grid;justify-items:center;gap:18px;max-width:760px;margin-inline:auto;text-align:center}.yobe-ingredients-focus__header h2,.yobe-ingredients-focus__header p{margin:0}.yobe-ingredients-focus__header h2{max-width:720px;font-size:clamp(2.3rem,4.3vw,4.45rem);line-height:.98;letter-spacing:0}.yobe-ingredients-focus__header h2 em{font-family:Newsreader,Iowan Old Style,Georgia,serif;font-style:italic;font-weight:400}.yobe-ingredients-focus__header p{color:var(--yobe-focus-muted);font-size:clamp(.98rem,1.25vw,1.12rem);font-weight:650;line-height:1.45}.yobe-ingredients-focus__guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(34px,5vw,58px) auto 0;border-block:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__guide span{display:grid;gap:6px;min-height:82px;align-content:center;padding:20px clamp(18px,2.6vw,30px);border-right:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__guide span:last-child{border-right:0}.yobe-ingredients-focus__guide strong{font-size:.84rem;line-height:1.2}.yobe-ingredients-focus__guide small{color:var(--yobe-focus-muted);font-size:.78rem;font-weight:650;line-height:1.35}.yobe-ingredients-focus__layout{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(420px,1.9fr) minmax(180px,.85fr);gap:clamp(26px,4vw,52px);align-items:start;margin-top:clamp(42px,6vw,72px)}.yobe-ingredients-focus__rail{display:grid;gap:0;border-top:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__rail--left{order:1}.yobe-ingredients-focus__stage{order:2}.yobe-ingredients-focus__rail--right{order:3}.yobe-ingredients-focus__ingredient{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;width:100%;min-height:84px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--yobe-focus-line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;isolation:isolate}.yobe-ingredients-focus__mobile-panel,.yobe-ingredients-focus__ingredient-chevron{display:none}.yobe-ingredients-focus__ingredient:before{content:"";position:absolute;top:0;right:-10px;bottom:0;left:-10px;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 16%,transparent),transparent 68%);opacity:0;transition:opacity .18s ease-out}.yobe-ingredients-focus__ingredient:hover:before,.yobe-ingredients-focus__ingredient:focus-visible:before,.yobe-ingredients-focus__ingredient.is-active:before{opacity:1}.yobe-ingredients-focus__ingredient:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--ingredient-accent, var(--yobe-focus-accent))}.yobe-ingredients-focus__ingredient-media{display:grid;width:58px;height:58px;place-items:center}.yobe-ingredients-focus__ingredient-media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.yobe-ingredients-focus__ingredient-copy{display:grid;min-width:0;gap:3px}.yobe-ingredients-focus__ingredient-copy span{color:color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 62%,#1f1f1f);font-size:.68rem;font-weight:850;line-height:1.1}.yobe-ingredients-focus__ingredient-copy strong{font-size:clamp(.94rem,1vw,1.08rem);line-height:1.12}.yobe-ingredients-focus__stage{position:sticky;top:clamp(84px,10vw,132px);min-height:520px}.yobe-ingredients-focus__panel{display:none;min-height:520px;padding:clamp(28px,4.8vw,58px);border-top:1px solid color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 42%,var(--yobe-focus-line));border-bottom:1px solid var(--yobe-focus-line);background:linear-gradient(135deg,color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 18%,transparent),transparent 42%),linear-gradient(180deg,#fffdf8c2,#faf7f373)}.yobe-ingredients-focus__panel.is-active{display:grid;gap:clamp(22px,3vw,34px);align-content:start}.yobe-ingredients-focus__panel-top{display:grid;grid-template-columns:minmax(150px,.58fr) minmax(0,1fr);gap:clamp(22px,3.4vw,42px);align-items:center}.yobe-ingredients-focus__hero-media{display:grid;aspect-ratio:1;min-height:180px;place-items:center}.yobe-ingredients-focus__hero-media img{display:block;width:min(100%,260px);height:min(100%,260px);object-fit:contain;filter:drop-shadow(0 22px 34px rgba(31,31,31,.08));mix-blend-mode:multiply}.yobe-ingredients-focus__panel-copy{display:grid;gap:14px}.yobe-ingredients-focus__panel-copy>span{width:fit-content;color:color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 60%,#1f1f1f);font-size:.72rem;font-weight:850}.yobe-ingredients-focus__panel-copy h3,.yobe-ingredients-focus__panel-copy p{margin:0}.yobe-ingredients-focus__panel-copy h3{max-width:520px;font-size:clamp(2.1rem,4vw,4rem);line-height:.96;letter-spacing:0}.yobe-ingredients-focus__panel-copy p{max-width:500px;color:var(--yobe-focus-muted);font-size:clamp(.95rem,1.1vw,1.04rem);font-weight:650;line-height:1.5}.yobe-ingredients-focus__chips{display:flex;flex-wrap:wrap;gap:8px}.yobe-ingredients-focus__chips span{display:inline-flex;min-height:30px;align-items:center;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 44%,var(--yobe-focus-line));border-radius:999px;background:color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 9%,transparent);color:var(--yobe-focus-ink);font-size:.7rem;font-weight:780;line-height:1.1}.yobe-ingredients-focus__facts{display:grid;margin:0;border-top:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__facts div{display:grid;grid-template-columns:minmax(86px,.28fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);padding:14px 0;border-bottom:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__facts dt,.yobe-ingredients-focus__facts dd{margin:0}.yobe-ingredients-focus__facts dt{color:color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 58%,#1f1f1f);font-size:.63rem;font-weight:850;line-height:1.2;text-transform:uppercase}.yobe-ingredients-focus__facts dd{color:var(--yobe-focus-ink);font-size:.86rem;font-weight:650;line-height:1.42}.yobe-ingredients-focus__evidence{display:inline-flex;width:fit-content;min-height:34px;align-items:center;justify-content:center;border-bottom:1px solid currentColor;color:var(--yobe-focus-ink);font-size:.78rem;font-weight:850;text-decoration:none}.yobe-ingredients-focus__evidence:hover,.yobe-ingredients-focus__evidence:focus-visible{color:color-mix(in srgb,var(--ingredient-accent, var(--yobe-focus-accent)) 58%,#1f1f1f)}.yobe-ingredients-focus__proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:clamp(36px,5vw,64px);border-block:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__proof-item{display:flex;min-height:68px;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--yobe-focus-line);font-size:.8rem;font-weight:850}.yobe-ingredients-focus__proof-item:last-child{border-right:0}.yobe-ingredients-focus__proof-dot{width:8px;height:8px;border-radius:999px;background:var(--proof-accent, var(--yobe-focus-accent))}.yobe-ingredients-focus__action{display:flex;justify-content:center;margin-top:22px}.yobe-ingredients-focus__cta{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding-inline:22px;border-radius:999px;background:var(--yobe-focus-ink);color:#fffdf8;font-size:.82rem;font-weight:850;text-decoration:none;transition:transform .18s ease-out}.yobe-ingredients-focus__cta:hover,.yobe-ingredients-focus__cta:focus-visible{transform:translateY(-1px)}@media(max-width:989px){.yobe-ingredients-focus__layout{grid-template-columns:1fr}.yobe-ingredients-focus__stage{position:relative;top:auto;order:2;min-height:0}.yobe-ingredients-focus__rail{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}.yobe-ingredients-focus__rail--left{order:1}.yobe-ingredients-focus__rail--right{order:3}.yobe-ingredients-focus__ingredient{grid-template-columns:52px minmax(0,1fr);min-height:76px;padding:10px 0}.yobe-ingredients-focus__ingredient-media{width:48px;height:48px}}@media(max-width:749px){.yobe-ingredients-focus{padding-block:54px 66px}.yobe-ingredients-focus__inner{width:min(100% - 28px,560px)}.yobe-ingredients-focus__header h2{font-size:clamp(2.05rem,11vw,3rem)}.yobe-ingredients-focus__header p{font-size:.9rem}.yobe-ingredients-focus__guide{grid-template-columns:1fr;margin-top:30px}.yobe-ingredients-focus__guide span{min-height:0;padding:14px 0;border-right:0;border-bottom:1px solid var(--yobe-focus-line)}.yobe-ingredients-focus__guide span:last-child{border-bottom:0}.yobe-ingredients-focus__layout{gap:22px;margin-top:34px}.yobe-ingredients-focus__rail{grid-template-columns:1fr}.yobe-ingredients-focus__rail--left{order:1}.yobe-ingredients-focus__rail--right{order:2;margin-top:-22px}.yobe-ingredients-focus__stage{display:none}.yobe-ingredients-focus__ingredient{grid-template-columns:56px minmax(0,1fr) 24px;min-height:72px}.yobe-ingredients-focus__ingredient-chevron{display:grid;width:24px;height:24px;place-items:center}.yobe-ingredients-focus__ingredient-chevron:before{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease-out}.yobe-ingredients-focus__ingredient.is-active .yobe-ingredients-focus__ingredient-chevron:before{transform:translateY(2px) rotate(-135deg)}.yobe-ingredients-focus__mobile-panel{display:none;min-height:0;padding:18px 0 24px;border-bottom:1px solid var(--yobe-focus-line);scroll-margin-top:96px}.yobe-ingredients-focus__mobile-panel.is-active{display:grid;gap:18px}.yobe-ingredients-focus__panel-top{grid-template-columns:104px minmax(0,1fr);gap:18px}.yobe-ingredients-focus__hero-media{min-height:112px}.yobe-ingredients-focus__hero-media img{width:112px;height:112px}.yobe-ingredients-focus__panel-copy{gap:10px}.yobe-ingredients-focus__panel-copy h3{font-size:clamp(1.58rem,8vw,2.32rem)}.yobe-ingredients-focus__panel-copy p{font-size:.84rem;line-height:1.42}.yobe-ingredients-focus__chips span{min-height:26px;padding:5px 8px;font-size:.66rem}.yobe-ingredients-focus__facts div{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:10px 0}.yobe-ingredients-focus__facts dt{font-size:.56rem}.yobe-ingredients-focus__facts dd{font-size:.74rem}.yobe-ingredients-focus__proof{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.yobe-ingredients-focus__proof-item{min-height:58px;justify-content:flex-start;padding-left:16px}.yobe-ingredients-focus__proof-item:nth-child(2n){border-right:0}.yobe-ingredients-focus__proof-item:nth-child(n+3){border-top:1px solid var(--yobe-focus-line)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/yobe-ingredients-focus.css.map?focus_layout=1 */