.formula-reference{background:#f5faff;overflow:hidden}
.formula-reference__art{display:none}
.formula-reference__mobile{display:grid;width:min(1280px,calc(100% - 48px));min-height:650px;margin:auto;padding:52px 0;grid-template-columns:45% 55%;grid-template-areas:"eyebrow art" "title art" "lead art" "items art" "dose art" "cta art";grid-template-rows:auto auto auto auto auto auto;column-gap:24px;align-content:center}
.formula-reference__eyebrow{grid-area:eyebrow;margin:0 0 13px;color:#139bf3;font-size:11px;line-height:1.4;font-weight:900;letter-spacing:.16em}
.formula-reference__mobile h2{grid-area:title;max-width:620px;margin:0;color:#061a35;font-size:clamp(46px,4.3vw,64px);line-height:.98;letter-spacing:-.055em}
.formula-reference__lead{grid-area:lead;max-width:620px;margin:19px 0 22px;color:#52729a;font-size:16px;line-height:1.55}
.formula-reference__items{grid-area:items;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:620px}
.formula-reference__items article{display:flex;align-items:center;gap:12px;min-height:70px}
.formula-reference__items i{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#0d96ff,#0562c6);box-shadow:0 9px 24px rgba(0,105,210,.22);color:#fff;font-style:normal;font-size:21px}
.formula-reference__items div{display:flex;flex-direction:column;gap:4px}
.formula-reference__items strong{color:#09244a;font-size:13px}
.formula-reference__items span{color:#597ba2;font-size:12px;line-height:1.35}
.formula-reference__dose{grid-area:dose;max-width:620px;margin:12px 0 0;padding:16px 0;border-top:1px solid #bed8ed;color:#0b75db;font-size:16px}
.formula-reference__dose strong{margin-left:8px}
.formula-reference__product{display:none}
.formula-reference__product-mobile{display:none;width:100%;height:auto}
.formula-reference__product-art{position:relative;grid-area:art;display:block;align-self:stretch;min-height:580px;margin:-20px calc(-1 * max(24px,(100vw - 1280px)/2)) -20px -38px;background:url('assets/nutre-men-formula-reference-clean-v6.webp') calc(100% + 55px) center/auto 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 8%,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,transparent 8%,#000 24%,#000 100%)}
.formula-reference__product-art::before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:25%;background:linear-gradient(90deg,#f5faff 0 58%,rgba(245,250,255,.92) 70%,rgba(245,250,255,0) 100%);pointer-events:none}
.formula-reference__cta{grid-area:cta;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:min(100%,520px);min-height:68px;margin:0;padding:12px 22px;border-radius:14px;background:linear-gradient(110deg,#ff9b25,#ff484f);box-shadow:0 16px 35px rgba(255,77,66,.28);color:#fff;font-weight:900;text-align:center}
.formula-reference__cta span{font-size:11px;line-height:1.25;letter-spacing:.06em}.formula-reference__cta strong{font-size:24px;line-height:1.05;letter-spacing:-.02em}
@media(max-width:1050px){.formula-reference__mobile{grid-template-columns:48% 52%;min-height:610px}.formula-reference__mobile h2{font-size:clamp(42px,5vw,54px)}.formula-reference__lead{font-size:15px}.formula-reference__items{grid-template-columns:1fr}.formula-reference__items article{min-height:55px}.formula-reference__product-art{min-height:540px;margin-left:-22px}}
@media(max-width:900px){.formula-reference__mobile{display:block;width:100%;min-height:0;padding:66px 20px 36px;background:#f5faff}.formula-reference__mobile h2{max-width:680px;font-size:clamp(38px,8.2vw,58px)}.formula-reference__lead{max-width:680px;margin:19px 0 26px;font-size:16px;line-height:1.65}.formula-reference__items{grid-template-columns:1fr 1fr;gap:14px;max-width:680px}.formula-reference__items article{min-height:78px}.formula-reference__items i{flex-basis:56px;width:56px;height:56px;font-size:23px}.formula-reference__items strong{font-size:14px}.formula-reference__items span{font-size:13px}.formula-reference__dose{max-width:680px;margin:18px 0 0;padding:19px 0}.formula-reference__product-art{display:block;width:calc(100% + 40px);min-height:0;aspect-ratio:914/860;margin:0 -20px 18px;background:url('assets/nutre-men-formula-reference-clean-v6.webp') right center/200% auto no-repeat;-webkit-mask-image:none;mask-image:none}.formula-reference__product-art::before{display:none}.formula-reference__cta{width:min(100%,680px);min-height:72px;margin:0 auto;padding:16px 22px;font-size:16px}}
@media(max-width:560px){.formula-reference__mobile{padding-top:52px}.formula-reference__items{grid-template-columns:1fr}.formula-reference__items article{min-height:67px}.formula-reference__mobile h2{font-size:clamp(38px,11vw,48px)}.formula-reference__lead{font-size:15px}.formula-reference__cta{font-size:14px}}
