; the tokens the rules read are set on that wrapper with the guide's values.
========================================================================== */
.lp .ms-cv-host{--r-pill:9999px;--r-xl:15px;--sh-sm:0 2px 8px rgba(43,55,112,.06);--bg-tint:#EEF6F4;position:relative;width:90%;max-width:480px;margin:0 auto}
.lp .ms-cv-host .ms-cv{position:relative;width:100%}
.ms .ms-story-replay{position:absolute;right:12px;bottom:12px;z-index:5;display:none;align-items:center;gap:6px;border:0;border-radius:var(--r-pill);padding:7px 14px;background:rgba(255,255,255,.92);box-shadow:var(--sh-sm);font:600 12px/1 var(--font);color:var(--navy);cursor:pointer;letter-spacing:.04em;text-transform:uppercase}
.ms .is-done > .ms-story-replay{display:inline-flex}
.ms .ms-gutmap .ms-story-replay{top:12px;left:12px;right:auto;bottom:auto}
.ms .ms-cmp2 > .ms-story-replay{position:static;align-self:flex-end;margin:6px 12px 12px 0;box-shadow:none;background:var(--bg-tint)}
.ms .ms-cv{margin:0;border-radius:var(--r-xl);overflow:hidden}
.ms .ms-cv--dark{color:#fff;background:#121D38;--cv-card:rgba(18,29,56,.62);--cv-panel:rgba(18,29,56,.88);--cv-dim:rgba(255,255,255,.18);--cv-good:#9FE3DB;box-shadow:0 24px 60px -24px rgba(11,18,41,.55)}
.ms .ms-cv--paper{color:#1A2242;background:#F3F2EE;--cv-card:rgba(255,255,255,.94);--cv-panel:rgba(250,249,246,.94);--cv-dim:rgba(26,34,66,.14);--cv-good:#1F7F75;box-shadow:0 0 0 1px rgba(26,34,66,.08),0 20px 50px -28px rgba(26,34,66,.35)}
.ms .ms-cv--tint{color:#1A2242;background:#EAF4F2;--cv-card:rgba(255,255,255,.94);--cv-panel:rgba(247,251,250,.94);--cv-dim:rgba(26,34,66,.14);--cv-good:#1F7F75;box-shadow:0 0 0 1px rgba(31,127,117,.12),0 20px 50px -28px rgba(26,34,66,.3)}
.ms .ms-split__media.ms-cv,.ms .ms-cv--stack{max-width:480px;width:100%;justify-self:center}
.ms .ms-cv > svg{display:block;width:100%;height:auto;font-family:var(--font);font-variant-numeric:tabular-nums}
.ms .ms-cv text{font-family:var(--font)}
.ms .ms-cv .cv-lab{font-size:12.4px;font-weight:500;letter-spacing:.14em;fill:currentColor}
.ms .ms-cv .cv-t{font-size:14.6px;font-weight:400;fill:currentColor;fill-opacity:.74}
.ms .ms-cv .cv-tt{font-size:15.6px;font-weight:600;fill:currentColor;letter-spacing:-.005em}
.ms .ms-cv .cv-tv{font-size:14.6px;font-weight:500;fill:var(--cv-good)}
.ms .ms-cv .cv-take{font-size:17.5px;font-weight:500;fill:currentColor;letter-spacing:-.01em}
.ms .ms-cv .cv-mid{font-size:21px;font-weight:500;fill:currentColor;letter-spacing:-.01em}
.ms .ms-cv .cv-mid .cv-unit{font-size:14.6px;font-weight:400;fill-opacity:.7}
.ms .ms-cv .cv-num{font-weight:300;fill:currentColor;letter-spacing:-.03em}
.ms .ms-cv .cv-tn{font-size:14.6px;font-weight:500;letter-spacing:.02em}
.ms .ms-cv .cv-lh{font-size:22px;font-weight:600;fill:#1d1d1d;letter-spacing:-.01em}
.ms .ms-cv .cv-lt{font-size:14.6px;font-weight:400;fill:#1d1d1d}
.ms .ms-cv .cv-card__bg{fill:var(--cv-card);stroke:currentColor;stroke-opacity:.16;stroke-width:1}
.ms .ms-cv .cv-card__q{font-size:24px;font-weight:300;fill:#F25FA8}
.ms .ms-cv .cv-card__n{font-size:24px;font-weight:300;fill:currentColor;letter-spacing:-.03em;opacity:0}
.ms .ms-cv .cv-card__u{font-size:13.4px;font-weight:400;fill:currentColor;fill-opacity:.6;opacity:0}
.ms .ms-cv .cv-card__l{font-size:13.4px;font-weight:400;fill:currentColor;fill-opacity:.74}
.ms .ms-cv .cv-card__ok{opacity:0}
.ms .ms-cv .cv-card.is-ok .cv-card__bg{stroke:#65C6BD;stroke-opacity:.7}
.ms .ms-cv .cv-card.is-ok .cv-card__q{opacity:0}
.ms .ms-cv .cv-card.is-ok .cv-card__ok,.ms .ms-cv .cv-card.is-ok .cv-card__n,.ms .ms-cv .cv-card.is-ok .cv-card__u{opacity:1}
.ms .ms-cv .cv-run{fill:var(--cv-dim)}
.ms .ms-cv .cv-slot{fill:currentColor;fill-opacity:.04;stroke:currentColor;stroke-opacity:.14}
.ms .ms-cv .cv-slot__no{font-size:14.6px;font-weight:500;fill:#E0408F}
.ms .ms-cv .cv-slot__yes{font-size:14.6px;font-weight:600;fill:var(--cv-good);opacity:0}
.ms .ms-cv .is-on .cv-slot{fill:#65C6BD;fill-opacity:.1;stroke:#65C6BD;stroke-opacity:.6}
.ms .ms-cv .is-on .cv-slot__no{opacity:0 !important}
.ms .ms-cv .is-on .cv-slot__yes{opacity:1}
.ms .ms-cv .cv-tag__bg{fill:var(--cv-card);stroke:currentColor;stroke-opacity:.22}
.ms .ms-cv .cv-tag text{fill:currentColor !important}
.ms .ms-cv .cv-tag.is-ok .cv-tag__bg{stroke:#65C6BD;stroke-opacity:.9;fill:#65C6BD;fill-opacity:.14}
.ms .ms-cv > .ms-story-replay{background:var(--cv-card);color:inherit;border:1px solid currentColor;border-color:rgba(127,127,127,.35);box-shadow:none;backdrop-filter:blur(8px)}
.ms .ms-cv--stack{margin:0}
.ms .ms-hero-full__media.ms-cv{align-self:center}
.ms .ms-cv > .ms-story-replay{top:12px;bottom:auto}
.ms .ms-cv--stack,.ms .ms-hero-full__media.ms-cv{position:relative;top:auto}
@media (max-width:900px){.ms .ms-split__media.ms-cv{position:relative;top:auto}}
.ms .ms-cv > .ms-story-replay{top:10px;right:10px;width:30px;height:30px;padding:0;justify-content:center;font-size:15px;border-radius:50%;letter-spacing:0}
.ms .ms-cv .cv-big{font-size:58px;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ms .ms-cv .cv-ringn{font-size:23px;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
/* hero v2 on probiotic-for-runners (Jeff 2026-10-11): bottle centred over the stomach, smaller staggered cards.
Card text 19 / 12 svg units = 15.5px label at 516px wide, 11px on a 370px phone (Jeff: callout text can be smaller). */
.lp .cv-hero-v2 .cv-card__q,.lp .cv-hero-v2 .cv-card__n{font-size:19px}
.lp .cv-hero-v2 .cv-card__u,.lp .cv-hero-v2 .cv-card__l{font-size:12px}
.lp .cv-hero-v2 .ms-story-replay{top:auto;left:auto;bottom:10px;right:10px}
/* ==== assets/css/26-listicle-extras.css ==== */
/* Listicle extras (2026-10-14, 3-reasons page): hero button pair, quote strip, transition headline, buy-section gap.
Every rule is scoped to a class that only exists when a content file asks for it. */
/* hero: CTA (navy) + Learn More (navy outline) side by side */
.lhero-btns{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.lhero-btns .lhero-btn{align-self:auto}
.lhero-btns .lhero-btn{padding-left:60px;padding-right:60px}
.lhero-btn--outline{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
@media (max-width:767px){.lhero-btns{justify-content:center;gap:14px}.lhero-btns .lhero-btn{width:100%;max-width:320px;text-align:center;padding-left:20px;padding-right:20px}}
/* quote strip: "What other runners are saying" */
.qstrip{padding:20px 15px 70px}
.qstrip-wrap{width:1100px;max-width:100%;margin:0 auto}
.qstrip-title{margin:0 0 40px;font-size:36px;line-height:1.2;font-weight:800;color:var(--navy);text-align:center;text-transform:uppercase}
.qstrip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.qstrip-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.qstrip-text{margin:0;font-size:16px;line-height:1.65;color:var(--ink);text-align:center}
.qstrip-who{display:flex;align-items:center;justify-content:center;gap:16px}
.qstrip-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}
.qstrip-name{display:block;font-size:17px;line-height:1.3;color:var(--ink)}
.qstrip-who .stars{font-size:20px;line-height:24px}
.qstrip-who .stars i{width:17px}
.qstrip .lx-btn-wrap{display:flex;justify-content:center;margin-top:45px;padding:0}
@media (max-width:767px){
.qstrip{padding:10px 15px 50px}
.qstrip-title{margin:0 0 25px;font-size:26px}
.qstrip-car{position:relative;padding-bottom:30px}
.qstrip-car .car-view{overflow:hidden;margin:0 26px}
.qstrip-car .qstrip-card{height:100%;padding:20px;border:1px solid var(--card-line);border-radius:12px}
.qstrip-text{font-size:15px}
.qstrip-car .car-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(50% - 15px);transform:translateY(-50%);width:26px;height:26px;padding:0;background:none;border:0;color:var(--navy)}
.qstrip-car .car-btn svg{width:20px;height:20px;fill:currentColor}
.qstrip-car .car-prev{left:0}.qstrip-car .car-next{right:0}
.qstrip-car .car-dots{position:absolute;left:0;right:0;bottom:0;gap:10px}
.qstrip-car .car-dots button{width:10px;height:10px;background:rgba(101,198,189,.45)}
.qstrip-car .car-dots button.is-active{background:var(--navy)}
.qstrip .lx-btn-wrap{margin-top:25px}
}
/* proof section (listicle): room between its button and the marquee on mobile */
@media (max-width:767px){.proof.m-cta-gap .lx-btn-wrap{margin-bottom:45px}}
/* product intro: transition headline with a swoosh under its first words, then short paragraphs */
.pintro-tr{width:1100px;max-width:100%;margin:0 auto;padding:8px 15px 30px;text-align:center}
.pintro-tr-q{margin:0 0 30px;font-size:51px;line-height:1.2;font-weight:900;color:var(--navy)}
.pintro-tr-u{position:relative;display:inline-block;white-space:nowrap}
.pintro-tr-u svg{position:absolute;left:-2%;bottom:-12px;width:104%;height:14px;color:var(--teal)}
.pintro-tr-body p{margin:0 0 14px;font-size:18px;line-height:1.6;color:var(--ink)}
.pintro-tr-body .highlightme{background:#FFFFCE}
@media (max-width:767px){
.pintro-tr{padding:0 15px 20px}
.pintro-tr-q{font-size:28px;margin-bottom:22px}
.pintro-tr-u{white-space:normal}
.pintro-tr-u svg{bottom:-8px;height:10px}
.pintro-tr-body p{font-size:16px}
}
/* buy section: more room above the title when the section before it ends on an image (title hidden on mobile by the 'probiotic' variant) */
.buy.buy--gap-top{padding-top:90px}
@media (max-width:767px){.buy.buy--gap-top{padding-top:25px}}
/* ==== assets/css/30-pdp.css ==== */
/* ==========================================================================
PDP family — product sales pages (NAD+, Iron, Creatine)
Partials: pdp-hero, pdp-section (element trees from lib/pdp.php), intro-band, pdp-buy; faq variant "pdp";
reviews variant "pdp". Measured on masedge.com/nad-for-runners/ and /iron-for-runners/ at 1440 and 390, 2026-10-09.
Every rule is scoped to a PDP class (.pdp, .pdp-hero, .intro-band, .pdp-buy, .faq--pdp, .reviews--pdp).
========================================================================== */
/* Proxima Nova — the live PDP pages load these two faces from /uploads/2024/03/ (400 = ExCn Bold, 700 = Black).
Kit copies in assets/mas-kit/fonts/ (same files). */
@font-face{font-family:"PDP Proxima";font-style:normal;font-weight:400;font-display:swap;src:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/fonts/FontsFree-Net-Proxima-Nova-ExCn-Bold.ttf") format("truetype")}
@font-face{font-family:"PDP Proxima";font-style:normal;font-weight:700;font-display:swap;src:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/fonts/proximanova-black-webfont.woff") format("woff")}
/* ---------- element defaults (lib/pdp.php) ---------- */
.pdp,.pdp-hero,.intro-band,.pdp-buy{position:relative;display:flow-root;background:#fff}
.pdp .pb{display:flex;flex-direction:column;min-width:0}
.pdp .pb-h{color:var(--navy)}
.pdp .pn,.pdp-hero .pn{font-family:"PDP Proxima",sans-serif}
.pdp .pb-rt p:last-child{margin-bottom:0}
.pdp sup{position:relative;top:-.5em;vertical-align:baseline;font-size:75%;line-height:0}
.pdp .pb-img img,.pdp .pb-video video{display:block}
.pb-list li{position:relative;padding-left:17.5px}
.pb-list li span{display:block;padding-left:5px}
.pb-list li svg{position:absolute;left:0;width:14px;height:14px;fill:var(--teal)}
.pb-list.pink li svg{fill:var(--pink)}
.pdp-cta{gap:12px;padding:20px 40px;border-radius:25px}
.pb-btn{display:flex;justify-content:center}
.pdp-stars{display:inline-flex;flex:none}
.pdp-stars svg{width:16px;height:16px;fill:#F0AD4E}
.pdp-stars .star-part{position:relative;display:block}
.pdp-stars .star-part .bg{fill:#CCD6DF}
.pdp-stars .star-part .fg{position:absolute;left:0;top:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.pb-rating{display:flex;align-items:flex-start;gap:8px}
.pb-rating p{font-size:14px;line-height:21px}
/* counters (Elementor counter: number centred between an empty prefix and the suffix) */
.pb-counters{display:flex;justify-content:center;gap:20px}
.pb-counter{display:flex;flex-direction:column;width:293px;padding:10px}
.pb-num{display:flex;font-size:69px;line-height:69px;font-weight:600;color:var(--teal)}
.pb-num .pre,.pb-num .suf{flex:1 1 auto}
.pb-num .n{flex:none;text-align:center}
.pb-num .pre{min-width:0}
.pb-num .suf{text-align:left}
.pb-clabel{margin-top:5px;font-size:18px;line-height:18px;font-weight:600;text-transform:uppercase;color:var(--navy);text-align:center}
.pb-ctext{margin-top:5px;font-size:14px;line-height:21px;text-align:center}
.pb-ctext p{font-size:14px;line-height:21px;text-align:center}
.pb-cdiv{display:none}
/* ==========================================================================
HERO (pdp-hero) · variant "nad": copy 570 @150 | video 547 (pad 5 5 5 25)
========================================================================== */
.pdp-hero--nad{padding:50px 0 75px}
.pdp-hero--nad .ph-grid{display:grid;grid-template-columns:570px 547px;width:1140px;margin:0 auto;align-items:start}
.pdp-hero--nad .ph-copy{margin-top:25px;padding:10px}
.pdp-hero .ph-rating{display:flex;align-items:flex-start;gap:8px;height:35px}
.pdp-hero .ph-rating p{font-size:14px;line-height:21px}
.pdp-hero--nad .ph-title{margin-top:-9px;font-size:41px;line-height:38px;font-weight:800;letter-spacing:-.8px;text-transform:uppercase;color:var(--navy)}
.pdp-hero--nad .ph-kicker{margin-top:10px;font-size:20px;line-height:22px;font-weight:700;letter-spacing:-.2px;text-transform:uppercase;color:var(--teal)}
.pdp-hero--nad .ph-lede{margin-top:15px}
.pdp-hero--nad .ph-lede p{font-size:16px;line-height:24px}
.pdp-hero--nad .ph-list{margin-top:14px}
.pdp-hero--nad .ph-list li{font-size:15px;line-height:22.5px;text-transform:capitalize}
.pdp-hero--nad .ph-list li+li{margin-top:11px}
.pdp-hero--nad .ph-list li svg{top:3px}
.pdp-hero--nad .ph-btn{margin-top:20px}
.pdp-hero--nad .ph-btn .pdp-cta{height:55px}
.pdp-hero--nad .ph-media{width:547px;padding:5px 5px 5px 25px;background:#fff}
.pdp-hero--nad .ph-media video{display:block;width:517px;height:517px;object-fit:cover;background:#000}
/* ==========================================================================
SCIENCE (pdp-section:science) — NAD: "The science of optimized aging"
========================================================================== */
.pdp--science{padding:75px 0 45px}
.pdp--science::before{content:"";position:absolute;inset:0;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/nad/NAD-Bakground-long.png") 0 0/cover no-repeat;opacity:.5}
.pdp--science>*{position:relative}
.pdp--science .head{align-items:center;padding:10px}
.pdp--science .sci-title{font-size:65px;line-height:65px;font-weight:700;letter-spacing:-1.7px;text-transform:uppercase}
.pdp--science .sci-sub{width:1050px;margin-top:-5px;padding:8.5px 0 15.5px;font-size:35px;line-height:42px;font-weight:600;letter-spacing:-1.5px;text-transform:capitalize;text-align:center;color:var(--navy)}
.hlz{position:relative;display:inline-block;color:var(--navy)}
.hlz svg{position:absolute;left:50%;top:50%;width:calc(100% + 20px);height:calc(100% + 20px);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.hlz path{fill:none;stroke:var(--pink);stroke-width:9;stroke-dasharray:0 1500;opacity:0}
.hlz.is-drawn path{animation:pdp-dash 1.2s forwards}
@keyframes pdp-dash{0%{opacity:1;stroke-dasharray:0 1500}to{opacity:1;stroke-dasharray:1500 1500}}
.pdp--science .row{flex-direction:row;gap:20px;width:1100px;margin:20px auto 0;padding-top:50px}
.pdp--science .row .col{width:539px;flex:none}
.pdp--science .row .pb-h{font-size:35px;line-height:38px;font-weight:700;letter-spacing:-.8px;text-transform:capitalize}
.pdp--science .row .pb-rt{margin-top:10px}
.pdp--science .row .pb-rt p:last-child{margin-bottom:-5px}
.pdp--science .ink-16 p,.pdp--science .pb-list.pink li{color:#161616}
.pdp--science .ink-1f p{color:#1F1F1F}
.pdp--science .ink-1b p{color:#1B1B1B}
.pdp--science .row .pb-list{margin-top:20px}
.pdp--science .row .pb-list li{font-size:16px;line-height:24px}
.pdp--science .row .pb-list li+li{margin-top:11px}
.pdp--science .row .pb-list li svg{top:5px}
.pdp--science .r1 .col-img{padding-left:25px}
.pdp--science .r1 .pb-img img{width:514px;border-radius:30px}
.pdp--science .r2 .col-img{padding-right:25px}
.pdp--science .r2 .pb-img img{width:514px;border-radius:25px}
.pdp--science .r3 .col{padding:10px}
.pdp--science .r3 .pb-img img{width:519px;border-radius:25px}
.pdp--science .better{width:1100px;margin:28px auto 0;padding:25px 10px 10px}
.pdp--science .better-title{font-size:55px;line-height:55px;font-weight:400;text-transform:uppercase;text-align:center}
.pdp--science .better-intro{margin-top:20px}
.pdp--science .better-intro p{font-size:18px;line-height:27px;text-align:center}
.pdp--science .pdp .better-intro p:last-child,.pdp--science .better-intro p:last-child{margin-bottom:14.4px}
.pdp--science .pb-counters{margin-top:20px;padding:10px}
.pdp--science .pb-ctext p:last-child{margin-bottom:14.4px}
.intro-band--nad{padding:50px 0 75px;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/nad/NAD-Background-Tilt-2.png") -145px -773px no-repeat}
.intro-band .ib-inner{display:flex;align-items:flex-start;width:1100px;margin:0 auto}
.intro-band--nad .ib-bottle{flex:none;width:363px;padding:10px}
.intro-band--nad .ib-bottle img{width:261px;margin:0 auto}
.intro-band--nad .ib-copy{width:550px;margin-top:25px}
.intro-band--nad .ib-kicker{font-family:"PDP Proxima",sans-serif;font-size:49px;line-height:38px;font-weight:700;letter-spacing:-.8px;text-transform:uppercase;color:var(--teal)}
.intro-band--nad .ib-title{margin-top:10px;font-size:35px;line-height:35px;font-weight:400;letter-spacing:-2px;text-transform:capitalize;color:#fff}
/* ==========================================================================
INGREDIENTS (pdp-section:ingredients) — NAD: accordion + badges | label 441, CTA
========================================================================== */
.ing-acc-left{margin-top:-90px;padding:0 0 50px;background:transparent}
.ing-acc-left .ing-row{flex-direction:row;gap:20px;width:1000px;margin:0 auto;padding:10px}
.ing-acc-left .ing-left{width:519px;flex:none;padding:10px}
.ing-acc-left .pb-acc{padding:10px}
.pb-acc-item+.pb-acc-item{margin-top:14px}
.pb-acc-item summary{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:16px;line-height:24px;font-weight:600;color:var(--navy)}
.pb-acc-ic{display:flex;flex:none}
.pb-acc-ic svg{width:13.125px;height:15px;fill:currentColor}
.pb-acc-ic svg+svg,.pb-acc-item[open] .pb-acc-ic svg:first-child{display:none}
.pb-acc-item[open] .pb-acc-ic svg+svg{display:block}
.pb-acc-item[open] summary{color:var(--teal)}
.pb-acc-body{padding:11px;border:1px solid var(--line)}
.pb-acc-body p{font-size:16px;line-height:24px}
.ing-acc-left .ing-badges{margin-top:20px}
.ing-acc-left .ing-badges img{width:374px;margin:0 auto}
.ing-acc-left .ing-label img{width:441px;border-radius:15px}
.ing-acc-left .ing-btn{margin-top:45px;padding:10px}
.ing-acc-left .ing-btn .pdp-cta{height:61px;font-size:21px;line-height:21px}
.ing-acc-left .ing-btn .pdp-cta svg{width:21px;height:21px}
/* ==========================================================================
BENEFITS (pdp-section:benefits) — NAD flip cards 380×200, 3 per row
========================================================================== */
.pdp-shape{position:absolute;left:0;right:0;overflow:hidden;line-height:0;direction:ltr;z-index:1;pointer-events:none}
.pdp-shape svg{display:block;position:relative;left:50%;width:calc(100% + 1.3px);transform:translateX(-50%)}
.pdp-shape path{fill:#fff}
.pdp-shape--top{top:-1px}
.pdp-shape--bottom{bottom:-1px;transform:rotate(180deg)}
.pdp--benefits{padding:25px 0 50px}
.pdp--benefits::before{content:"";position:absolute;inset:0;background:linear-gradient(#65C6BD 0%,rgba(209,209,209,0) 35%);opacity:.27}
.pdp--benefits .pdp-shape--top svg{height:15px}
.pdp--benefits>.pb{position:relative;width:1200px;margin:0 auto}
.pdp--benefits .ben-head{padding:30px 30px 20px}
.pdp--benefits .ben-head .pb-h{font-size:49px;line-height:49px;font-weight:700;letter-spacing:-1.7px;text-transform:uppercase;text-align:center;margin-bottom:-5px}
.pdp--benefits .ben-head .pb-rt p{font-size:18px;line-height:27px;text-align:center}
.pdp--benefits .ben-head .pb-rt p:last-child{margin-bottom:14.4px}
.pdp--benefits .ben-grid{flex-direction:row;flex-wrap:wrap;gap:45px 20px;margin-top:45px;padding:0 10px 10px}
.pb-flip{position:relative;width:380px;height:200px;perspective:1000px;cursor:pointer;outline:0}
.pb-flip .flip-in{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.pb-flip:hover .flip-in,.pb-flip.is-flipped .flip-in{transform:rotateY(180deg)}
.pb-flip .flip-front,.pb-flip .flip-back{position:absolute;top:0;left:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:rgba(101,198,189,.1);border-radius:25px}
.pb-flip .flip-front{z-index:2}
.pb-flip .flip-back{transform:rotateY(180deg);min-height:200px;padding:25px 15px 15px}
.pb-flip .flip-front img{width:380px;height:125px;border-radius:25px 25px 0 0}
.pb-flip .flip-cap{display:flex;gap:20px;margin-top:5px;padding:0 15px}
.pb-flip .flip-cap>div{flex:1;padding:10px;min-width:0}
.pb-flip .flip-cap svg{flex:none;width:32px;height:32px;margin:10px 10px 0 26px;fill:var(--navy)}
.pb-flip h2{font-size:18px;line-height:18px;font-weight:700;color:var(--navy)}
.pb-flip .flip-cap p{margin-top:1px;font-size:14px;line-height:21px}
.pb-flip .flip-back p{margin-top:20px;font-size:14px;line-height:21px}
.pb-flip.big .flip-back p{font-size:15px;line-height:22.5px}
/* ==========================================================================
RESULTS (pdp-section:results) — NAD: reviews carousel + collage, before/after + review
========================================================================== */
.pdp--results{padding:10px 10px 9px}
.pdp--results>*{width:1200px;margin-left:auto;margin-right:auto}
.pdp--results .res-head{padding:10px}
.pdp--results .res-head .pb-h{font-size:38px;line-height:38px;font-weight:800}
.pdp--results .res-head .pb-rating{margin-top:10px;height:37px;gap:5px}
.pdp--results .res-head .pdp-stars svg{width:18px;height:18px}
.pdp--results .res-head .pb-rating p{font-size:15px;line-height:22.5px}
.pdp--results .res-intro{margin-top:-17px;padding-left:10px}
.pdp--results .res-intro p{font-size:18px;line-height:27px}
.pdp--results .res-row{flex-direction:row;gap:20px;margin-top:35px;padding:10px}
.pdp--results .res-testi{width:411px;flex:none;padding-bottom:40px}
.pdp--results .res-collage{padding:10px}
.pdp--results .res-collage img{width:729px}
.pdp--results .res-ba-title{margin-top:20px;font-size:24px;line-height:24px;font-weight:600;text-align:center}
.pdp--results .res-ba-sub p{font-size:15px;line-height:22.5px;text-align:center}
.pdp--results .res-ba-row{flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:10px;padding:10px}
.pdp--results .res-ba-row .pb-ba{width:531px;padding:10px}
.pdp--results .res-testi2{width:541px;padding-bottom:40px}
/* testimonial carousel (Elementor "reviews" widget): 1 slide per view, chevrons in the 20px side gutters.
The live widget's star row renders empty (its icon font is not loaded there) — kept as a blank 21px line. */
.pb-testi{padding:0 20px}
.pb-testi .car-track{align-items:stretch}
.pt-card{height:100%;padding:15px;background:#fff;border:1px solid var(--card-line);border-radius:5px}
.pt-hdr{position:relative;display:flex;gap:19px;padding-right:30px}
.pt-avatar{width:68px;height:68px;border-radius:999px;object-fit:cover;flex:none}
.pt-who{padding-top:1px}
.pt-name{display:block;font-size:15px;line-height:22.5px;color:#1C2022}
.pt-who .pdp-stars{display:flex;height:21px;visibility:hidden}
.pt-sub{display:block;font-size:12.5px;line-height:18.75px;color:#697882}
.pt-ok{position:absolute;right:0;top:1px}
.pt-ok svg{width:20px;height:20px;fill:#00CE45}
.pt-text{margin-top:12px;font-size:14px;line-height:20px;font-weight:300;color:var(--ink)}
.pb-testi .car-btn{width:20px;height:20px;color:rgba(43,55,112,.6)}
.pb-testi .car-btn svg{fill:currentColor}
/* before/after slider */
.pb-ba .ba-inner{position:relative;width:300px;height:300px;margin:0 auto;overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none}
.pb-ba img{display:block;width:300px;height:300px;max-width:none}
.pb-ba .ba-before-clip{position:absolute;top:0;left:0;bottom:0;width:50%;overflow:hidden}
.pb-ba .ba-label{position:absolute;top:50%;padding:8px;border-radius:12px;background:var(--teal);color:#fff;font-size:14px;line-height:21px;opacity:0;transition:opacity .2s;transform:translateY(-50%)}
.pb-ba:hover .ba-label{opacity:1}
.pb-ba .ba-l1{left:10px}.pb-ba .ba-l2{right:10px}
.pb-ba .ba-sep{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#000}
.pb-ba .ba-handle{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px}
/* ==========================================================================
HOW TO (pdp-section:howto) — NAD: text 490 | image 395, pyramids divider
========================================================================== */
.pdp--howto{margin-top:25px;padding:50px 0} /* live: the container has a 25px top margin */
.pdp--howto::before{content:"";position:absolute;inset:0;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/nad/NAD-Bakground-flipped.png") 50% 0/cover no-repeat;opacity:.74}
.pdp--howto .pdp-shape--bottom svg{height:75px}
.pdp--howto .row{position:relative;flex-direction:row;gap:20px;width:1000px;margin:0 auto}
.pdp--howto .col{width:490px;flex:none;padding:10px}
.pdp--howto .pb-h{font-size:40px;line-height:40px;font-weight:800;text-transform:capitalize}
.pdp--howto .pb-rt{margin-top:20px}
.pdp--howto .pb-img img{width:395px;margin:0 auto;border-radius:25px}
/* ==========================================================================
BUY (pdp-buy) — title; gallery 600 (main 600×515, 500px image) + thumbs 142.5 + reviews | copy 560 + buy box
========================================================================== */
.pdp-buy{padding:50px 0}
.pdp-anchor{position:absolute;top:50px}
.pbuy-title{padding-bottom:50px;font-size:50px;line-height:38px;font-weight:800;letter-spacing:-.8px;text-transform:uppercase;text-align:center;color:var(--navy)}
.pbuy-title .hl{color:var(--teal)}
.pbuy-grid{display:grid;grid-template-columns:600px 560px;column-gap:30px;width:1200px;margin:0 auto;padding-bottom:72px;align-items:start}
.pdp-gal{position:relative}
.pg-main{width:600px;overflow:hidden;touch-action:pan-y}
.pg-track,.pg-ttrack{display:flex;transition:transform .4s ease}
.pg-slide{flex:0 0 600px;padding:0 50px 15px}
.pg-slide img{width:500px;height:500px;border-radius:15px}
.pg-thumbs{width:600px;overflow:hidden}
.pg-ttrack{gap:10px}
.pg-thumb{flex:0 0 142.5px;height:142.5px;border-radius:15px;overflow:hidden;opacity:.71;transition:opacity .2s}
.pg-thumb:hover{opacity:1}
.pg-thumb img{width:100%;height:100%}
.pbuy-testi{margin-top:20px}
.pdp-buy .pbuy-rating{gap:8px}
.pbuy-h{margin-top:6px;font-size:20px;line-height:26px;font-weight:800;text-transform:uppercase;color:var(--navy)}
.pbuy-lede{margin-top:5px}
.pbuy-lede p{font-size:16px;line-height:24px}
.pbuy-list li{font-size:15px;line-height:22.5px;text-transform:capitalize}
.pbuy-list li+li{margin-top:11px}
.pbuy-list li svg{top:3px}
main.lp .pdp-buy .buy-box-wrapper{width:500px;max-width:100%;margin:40px auto 0}
.pbuy-pay{margin-top:10px}
.pbuy-pay img{width:390px;margin:0 auto}
.pbuy-trust{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px}
.pbuy-trust li{width:153.5px;text-align:center}
.pbuy-trust img{width:61.4px;height:61.4px;margin:0 auto}
.pdp-buy .buybox-toggle-btn{font-family:inherit}
.pbuy-trust h3{margin-top:6px;font-size:10px;line-height:12px;font-weight:700;text-transform:uppercase;color:var(--navy)}
.pb-testi .car-prev{left:10px}.pb-testi .car-next{right:10px}
/* ==========================================================================
REVIEWS variant "pdp" (parts/reviews.php): ReviewX stats + list in a 1100 box, 30px padding
========================================================================== */
.reviews--pdp{width:1100px;padding:40px 30px;font-size:16px;color:var(--ink)}
.reviews--pdp .rv-box{padding:0;border:0}
/* ==========================================================================
FAQ variant "pdp" (parts/faq.php): untitled first group of product questions, "Questions" heading last
========================================================================== */
.faq--pdp{padding:70px 0 20px}
.faq--pdp .wrap{width:1140px}
.faq--pdp .faq-title{margin:0 10px;padding:0}
.faq--pdp .faq-group,.faq--pdp .faq-group+.faq-group{margin:0;padding:0}
.faq--pdp .faq-group-title{margin:10px 10px 0}
.faq--pdp .faq-divider{width:481.6px;margin:8px 0 0 10px}
.faq--pdp .faq-group:nth-of-type(2) .faq-divider{width:212.8px}
.faq--pdp .faq-cols{grid-template-columns:545px 545px;column-gap:25px;margin:60px 0 0}
.faq--pdp .faq-group.has-divider .faq-cols{margin-top:46px}
.faq--pdp .faq-group:nth-of-type(1) .faq-cols{padding-bottom:107px}
.faq--pdp .faq-group:nth-of-type(2) .faq-cols{padding-bottom:75px}
.faq--pdp .faq-group:nth-of-type(3) .faq-cols{padding-bottom:57px}
.faq--pdp .faq-group.faq-group--tail .faq-cols{padding-bottom:107px}
.faq--pdp .faq-note{margin:31px 0 0 130px}
.reviews--pdp30{padding:30px}
/* ==========================================================================
IRON (masedge.com/iron-for-runners/) — hero variant "iron", problem, band, label-left ingredients,
food, better, labs, consistency, buy variant "iron"
========================================================================== */
.pdp-hero--iron{padding:75px 0 50px}
.pdp-hero--iron .ph-grid{display:grid;grid-template-columns:721px 479px;width:1200px;margin:0 auto;align-items:start}
.pdp-hero--iron .ph-copy{display:flex;flex-direction:column;align-items:flex-start;padding-left:50px}
.pdp-hero--iron .ph-title{width:100%;font-size:44px;line-height:44px;font-weight:800;letter-spacing:-1.8px;text-transform:uppercase;color:var(--navy)}
.pdp-hero--iron .ph-lede{margin-top:20px}
.pdp-hero--iron .ph-lede p{font-size:17px;line-height:25.5px}
.pdp-hero--iron .ph-list{margin-top:20px}
.pb-list.i16 li,.pdp-hero--iron .ph-list li{padding-left:20px;font-size:16px;line-height:24px}
.pb-list.i16 li+li,.pdp-hero--iron .ph-list li+li{margin-top:10px}
.pb-list.i16 li svg,.pdp-hero--iron .ph-list li svg{top:4px;width:16px;height:16px}
.pdp-hero--iron .ph-badge{margin-top:20px}
.pdp-hero--iron .ph-badge img{width:271.1px}
.pdp-hero--iron .ph-proof{display:flex;align-items:flex-start;margin-top:-10.4px;padding:15px 0 10px}
.pdp-hero--iron .ph-proof img{width:116px;margin:0 10.5px}
.pdp-hero--iron .ph-proof p{margin-top:5px;font-size:12px;line-height:18px}
.pdp-hero--iron .ph-btn{margin-top:21px}
.pdp-hero--iron .pdp-cta,.pdp--ingredients .ing-btn .pdp-cta{height:61px;padding:20px;gap:6px;border:3px solid var(--pink);border-radius:30px}
.pdp-hero--iron .ph-media{padding-left:5px}
.pdp-hero--iron .ph-media img{width:473.7px}
/* problem */
.pdp--problem{padding:50px 0;background:rgba(101,198,189,.08)}
.pdp--problem .pr-title{width:880px;margin:45px auto 0;font-size:44px;line-height:44px;font-weight:700;text-align:center}
.pdp--problem .pr-counters{align-items:flex-start;gap:0;width:1140px;margin:50px auto 0;padding-bottom:15px}
.pdp--problem .pb-counter{width:380px;padding:0 25px}
.pdp--problem .pb-counter:nth-child(odd){margin-top:60px}
.pdp--problem .pb-num{font-weight:800;color:var(--navy)}
.pdp--problem .pb-clabel{font-size:16px;line-height:17px;font-weight:500;letter-spacing:-.8px;text-transform:none}
.pdp--problem .pb-ccite{margin-top:5px;font-size:10px;line-height:15px;text-align:center}
.pdp--problem .pr-statement{width:880px;margin:40px auto 0;padding:25px 0 10.7px}
.pdp--problem .pr-statement .pb-rt p{margin-bottom:14.4px;font-family:"PDP Proxima",sans-serif;font-size:40px;line-height:40px;font-weight:400;text-transform:capitalize;text-align:center;color:var(--navy)}
.pdp--problem .pr-statement .pb-img{margin-top:20px}
.pdp--problem .pr-statement .pb-img img{width:660px;margin:0 auto}
.pdp--problem .pr-boxes{flex-direction:row;width:1200px;margin:50px auto 0}
.pb-imgbox{display:flex;align-items:flex-start}
.pb-imgbox figure{flex:none;width:44.7px;margin-right:16.3px}
.pb-imgbox-body{flex:1;min-width:0}
.pb-imgbox h3{margin-top:8px;font-size:21px;line-height:22px;font-weight:700;letter-spacing:-1.2px;text-transform:uppercase;color:var(--navy)}
.pb-imgbox .rt{margin-top:16px}
.pdp--problem .pb-imgbox{width:400px;padding:0 30px}
.pdp--problem .pr-why{width:1120px;margin:60px auto 0;font-size:47px;line-height:47px;font-weight:700;text-align:center}
.pdp--problem .pr-steps{gap:20px;width:700px;margin:30px auto 0;padding:10px 10px 20px}
.pb-iconbox{display:flex;align-items:flex-start;gap:15px;padding:15px}
.pb-iconbox .pb-ib-icon{flex:none;width:50px}
.pb-iconbox .pb-ib-icon img{width:50px;height:50px}
.pb-iconbox h3{margin-top:7px;font-size:23px;line-height:27.6px;font-weight:500;color:var(--navy)}
.pb-iconbox p{margin-top:17.4px;font-size:16px;line-height:24px}
.pb-iconbox.ib-right{flex-direction:row-reverse;text-align:right}
.pdp--problem .pb-divider{width:482.8px;height:11px;margin:0 auto;border:0;background:linear-gradient(#DFDFDF,#DFDFDF) 0 5px/100% 1px no-repeat}
/* intro band (iron) */
.intro-band--iron{padding:60px 0 0;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/iron/iron-banner-background-1.png") 0 100%/cover no-repeat}
.intro-band--iron .ib-inner{width:799px;height:369px}
.intro-band--iron .ib-bottle{flex:none;width:274px;padding:10px 0 0 13px}
.intro-band--iron .ib-bottle img{width:248.4px}
.intro-band--iron .ib-copy{width:525px;padding:15px}
.intro-band--iron .ib-title{font-size:38px;line-height:39px;font-weight:700;letter-spacing:-1.8px;text-transform:uppercase;color:#fff}
/* ingredients: label left, accordion right */
.ing-label-left{padding:25px 0 70px}
.ing-label-left .pdp-shape--bottom svg{width:calc(116% + 1.3px);height:142px}
.ing-label-left .pdp-shape path{fill:#F6FCFB}
.ing-label-left>:not(.pdp-shape){position:relative;z-index:2}
.ing-label-left .ing-title{width:1100px;margin:20px auto 0;font-size:34px;line-height:34px;font-weight:700;letter-spacing:normal;text-align:center}
.ing-label-left .ing-title .hl{color:var(--teal)}
.ing-label-left .ing-featured{margin-top:17px;font-size:29px;line-height:29px;font-weight:700;text-align:center}
.ing-label-left .ing-logos{flex-direction:row;width:800px;margin:45px auto 0}
.ing-label-left .ing-logos .pb-img{width:200px;height:71px;padding:0 10px}
.ing-label-left .ing-logos img{margin:0 auto}
.ing-label-left .ing-logos .pb-img:nth-child(1) img{width:180px}
.ing-label-left .ing-logos .pb-img:nth-child(2) img{width:61.2px}
.ing-label-left .ing-logos .pb-img:nth-child(3) img{width:138.6px;margin-top:1px}
.ing-label-left .ing-logos .pb-img:nth-child(4) img{width:106.2px}
.ing-label-left .ing-row{flex-direction:row;width:1000px;margin:60px auto 0}
.ing-label-left .ing-left{width:373px;flex:none}
.ing-label-left .ing-label img{width:322.7px}
.ing-label-left .ing-badges{margin-top:20.3px;opacity:.71}
.ing-label-left .ing-badges img{width:313px;margin-left:5px}
.iron-acc{gap:20px}
.ing-label-left .iron-acc{width:627px;padding:10px}
.iron-acc .pb-acc-item+.pb-acc-item{margin-top:20px}
.iron-acc .pb-acc-item summary{gap:0;height:62px;padding:13px 15px;border:0;border-bottom:1px solid var(--teal);border-radius:0;font-size:16px;line-height:16px;font-weight:500;color:var(--navy)}
.iron-acc .pb-acc-pre{width:35px;height:35px;margin-right:8px;flex:none}
.iron-acc .pb-acc-t{flex:1}
.iron-acc .pb-acc-ic{order:3;margin-right:15px}
.iron-acc .pb-acc-ic svg{width:18px;height:18px}
.iron-acc .pb-acc-item[open] summary{color:#11194C}
.iron-acc .pb-acc-body{padding:15px;border:0}
.iron-acc .pb-acc-body p{font-size:15px;line-height:21px}
.iron-acc .pb-acc-body .cite{font-size:12px;line-height:21px}
.iron-acc .pb-acc-body ul{list-style:none;padding-left:12px}
.iron-acc .pb-acc-body li{position:relative;margin:15px 0;padding-left:12px;font-size:15px;line-height:21px}
.iron-acc .pb-acc-body li::before{content:"";position:absolute;left:-9px;top:0;width:7.5px;height:15px;border:solid #333;border-width:0 2px 2px 0;transform:rotate(45deg)}
.highlightme{background:#FFFFCE}
.ing-label-left .ing-btn{margin-top:25px;padding:10px 50px 10px 0}
.pb-btn.teal .pdp-cta{background:var(--teal);border-color:var(--teal)}
/* food / better / labs: Elementor stacks widgets without margin collapsing — so do these sections */
.pdp--food,.pdp--better,.pdp--labs{display:flex;flex-direction:column}
.pdp--food>*,.pdp--better>*,.pdp--labs>*{flex:none}
/* food */
.pdp--food{padding:0 0 80px}
.pdp--food::before,.pdp--labs::before{content:"";position:absolute;inset:0;background:var(--teal);opacity:.06}
.pdp--food>:not(.pdp-shape),.pdp--better>:not(.pdp-shape),.pdp--labs>:not(.pdp-shape){position:relative;z-index:2}
.pdp--food .pdp-shape--bottom svg,.pdp--better .pdp-shape--bottom svg{height:100px}
.pdp--better .pdp-shape path{fill:#F6FCFB}
.pdp--food .fd-title{width:880px;margin:70px auto 0;font-size:42px;line-height:40px;font-weight:700;text-transform:capitalize;text-align:center}
.pdp--food .fd-intro,.pdp--food .fd-q{width:880px;margin:40px auto 0}
.pdp--food .fd-intro p{font-size:18px;line-height:27px;text-align:center;margin-bottom:14.4px}
.pdp--food .fd-intro p:last-child{margin-bottom:14.4px}
.pdp--food .fd-q{margin-top:20.6px}
.pdp--food .fd-q p,.pdp--food .fd-q p:last-child{margin-bottom:14.4px;font-size:23px;line-height:34.5px;font-weight:700;text-transform:capitalize;text-align:center;color:var(--navy)}
.pdp--food .row,.pdp--better .row{flex-direction:row;width:1120px;margin:0 auto}
.pdp--food .row{padding-top:25px}
.pdp--food .r1{margin-top:10px}
.pdp--food .col{padding:10px}
.pdp--food .r1 .col-text{width:566px}.pdp--food .r1 .col-img{width:552px;justify-content:center}
.pdp--food .r2 .col-img{width:552px;justify-content:center}.pdp--food .r2 .col-text{width:566px}
.pdp--food .r3 .col-text{width:552px}.pdp--food .r3 .col-img{width:566px}
.pdp--food .row .pb-h{font-size:25px;line-height:25px;font-weight:600;text-transform:capitalize}
.pdp--food .row .pb-rt{margin-top:20px}
.pdp--food .row .pb-rt p:last-child{margin-bottom:14.4px}
.pdp--food .r1 .pb-img{margin-top:10px}
.pdp--food .r1 .pb-img img{width:473.7px;margin:0 auto}
.pdp--food .r2 .pb-img img{width:335.3px;margin:0 auto;border-radius:50px 100px 150px 200px}
.pdp--food .r3 .pb-img img{width:317.9px;margin-left:25px;border-radius:0 0 0 127px}
/* better */
.pdp--better{padding:0 0 100px}
.pdp--better .bt-title{width:880px;margin:80px auto 0;font-size:38px;line-height:29px;font-weight:800;text-transform:capitalize;text-align:center}
.pdp--better .bt-intro{width:880px;margin:40px auto 0}
.pdp--better .bt-intro p,.pdp--better .bt-intro p:last-child{margin-bottom:14.4px;font-size:18px;line-height:27px;text-align:center}
.pdp--better .row{justify-content:flex-start;align-items:flex-start;gap:35px;width:auto;margin:40px 0 0 305px}
.pdp--better .r2{margin-left:445px}
.pdp--better .r1{margin-top:20.6px}
.pdp--better .row .pb-h{font-size:35px;line-height:35px;font-weight:800}
.pdp--better .row .pb-rt{margin-top:20px}
.pdp--better .col-text{margin-top:40px}
.pdp--better .r1 .col-text,.pdp--better .r3 .col-text{width:331.7px}
.pdp--better .r2 .col-text{width:299.7px}
.pdp--better .r1 img,.pdp--better .r3 img{width:323.3px}
.pdp--better .r2 img{width:355.3px}
/* labs */
.pdp--labs{padding:50px 0 80px}
.pdp--labs .pdp-shape--bottom svg{width:calc(172% + 1.3px);height:94px}
.pdp--labs .lb-title{width:1120px;margin:10px auto 0;font-size:34px;line-height:34px;font-weight:700;text-align:center}
.pdp--labs .lb-graph img{width:780px;margin:0 auto}
.pdp--labs .lb-g1{margin-top:100px}
.pdp--labs .lb-row{flex-direction:row;gap:50px;width:1000px;margin:85px auto 0}
.pdp--labs .lb-g2{margin-top:50px}
.pb-ba.ba-lg .ba-inner{width:475px;height:475px}
.pdp--labs .pb-ba .ba-inner{width:475px;height:475px;margin:0}
.pdp--labs .pb-ba img{width:475px;height:475px}
.pdp--labs .pb-ba .ba-sep{background:var(--teal)}
.pdp--labs .pb-ba .ba-handle{width:45px;height:44px;margin:-22px 0 0 -22.5px}
.pdp--labs .pb-ba .ba-label{padding:15px;border-radius:3px;font-size:16px;line-height:24px}
.pb-quote{width:475px}
.pq-text{margin-bottom:20px;font-size:18px;line-height:27px;font-weight:300;font-style:italic;color:#1A1A1A;text-align:right}
.pq-foot{display:flex;justify-content:flex-end;align-items:flex-start;gap:15px}
.pq-foot>div{margin-top:26px}
.pq-avatar{width:74px;height:74px;border-radius:50%;object-fit:cover}
.pq-name{font-size:16px;line-height:24px}
.pb-quote .pdp-stars svg{width:19px;height:19px}
.pdp--labs .lb-videos{width:1080px;margin:70px auto 0;padding:9px 10px 26.6px}
.pb-vcar .car-slide{height:1884.4px}
.pb-vcar iframe{display:block;width:1060px;height:1884.4px;border:0;background:#000}
.pb-vcar .car-slide{border-radius:25px;overflow:hidden}
.pb-vcar .car-dots{display:none} /* live: empty swiper pagination */
.pb-vcar .car-btn{top:932px;width:25px;height:25px;transform:none;color:rgba(237,237,237,.9)}
.pb-vcar .car-next{left:528px;right:auto} /* live: the right arrow sits mid-carousel */
/* consistency */
.pdp--consistency{padding:60px 0}
.pdp--consistency .row{flex-direction:row;width:1140px;margin:0 auto}
.pdp--consistency .col-text{width:561px;padding:10px}
.pdp--consistency .col-img{width:579px;padding:10px}
.pdp--consistency .cs-title{font-size:46px;line-height:46px;font-weight:800;text-transform:uppercase}
.pdp--consistency .cs-sub{margin-top:10px;font-size:30px;line-height:30px;font-weight:700;letter-spacing:-1px;text-transform:uppercase;color:var(--teal)}
.pdp--consistency .pb-rt{margin-top:20px}
.pdp--consistency .pb-rt p:last-child{margin-bottom:14.4px}
.pdp--consistency .pb-list{margin-top:3px}
.pdp--consistency .pb-img img{width:475px;margin:0 auto}
/* buy (iron): animated title, 135px thumbs, testimonial cards with the verified badge, accordion */
.pdp-buy--iron{padding:10px 10px 10px}
.pdp-buy--iron .pbuy-title{width:1080px;margin:0 auto;padding:7px 0 36px;font-size:40px;line-height:48px;letter-spacing:-.6px}
.pdp-buy--iron .pbuy-title .hlz{color:var(--navy)}
.hlz--u path{stroke-width:9}
.pdp-buy--iron .pbuy-grid{padding:25px 0 76px}
.pdp-buy--iron .pg-slide{padding:0 50px 25px}
.pdp-buy--iron .pg-ttrack{gap:20px}
.pdp-buy--iron .pg-thumb{flex-basis:135px;height:135px;opacity:1}
.pdp-buy--iron .pbuy-testi{margin-top:20px;padding:0 15px}
.pdp-buy--iron .pt-card{padding:15px 0 0}
.pdp-buy--iron .pt-hdr{gap:9px;padding:0 0 6px 16px;border-bottom:1px solid var(--card-line)}
.pdp-buy--iron .pt-avatar{width:60px;height:60px}
.pdp-buy--iron .pt-name{color:var(--ink)}
.pdp-buy--iron .pt-sub{font-weight:600;color:var(--ink)}
.pdp-buy--iron .pt-hdr{padding-right:16px}
.pdp-buy--iron .pt-ok{flex:none;position:static;margin-left:auto}
.pdp-buy--iron .pt-ok img{width:76px;height:76px}
.pdp-buy--iron .pt-text{margin-top:6px;padding:0 16px 16px;font-size:16px;line-height:23px}
.pdp-buy--iron .pb-testi .car-btn{color:#E4E4E4}
.pbuy-acc{margin:85px 0 0 25px;width:575px}
.pbuy-acc>.pb-acc-item+.pb-acc-item{margin-top:0}
.pbuy-acc>.pb-acc-item>summary{justify-content:space-between;padding:15px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:18px;line-height:27px;font-weight:500;color:var(--ink)}
.pbuy-acc>.pb-acc-item>summary .pb-acc-ic{display:none}
.pbuy-acc>.pb-acc-item>summary::after{content:"";width:20px;height:20px;background:url("data:image/svg+xml;utf8,
") center/contain no-repeat}
.pbuy-acc>.pb-acc-item[open]>summary::after{transform:rotate(180deg)}
.pbuy-acc>.pb-acc-item>.pb-acc-body{padding:15px 0;border:0}
.pb-love li{margin-top:10px;padding-left:24px;font-size:16px;line-height:24px}
.pb-love li svg{fill:var(--teal);top:4px;width:16px;height:16px}
.pdp-buy--iron .pbuy-rating{gap:8px}
.pdp-buy--iron .pbuy-rating .pdp-stars{gap:5px}
.pdp-buy--iron .pbuy-rating .pdp-stars svg{width:15px;height:15px;fill:#FFE500}
.pdp-buy--iron .pbuy-h{margin-top:15px}
.pdp-buy--iron .pbuy-list{margin-top:14px}
.pdp-buy--iron .pbuy-list li{padding-left:20px;font-size:16px;line-height:24px;text-transform:none}
.pdp-buy--iron .pbuy-list li+li{margin-top:10px}
.pdp-buy--iron .pbuy-list li svg{width:16px;height:16px}
.pdp-buy--iron .pbuy-pay{margin-top:-15px}
@media (max-width:767px){
.intro-band--nad{padding:0 6px;background-image:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/nad/NAD-Background-angle-1024x644.png");background-position:-348px -230px}
.intro-band .ib-inner{flex-direction:column;align-items:stretch;width:auto}
.intro-band--nad .ib-copy{order:1;width:auto;margin-top:30px;text-align:center}
.intro-band--nad .ib-kicker{font-size:43px;line-height:38.7px}
.intro-band--nad .ib-title{margin:15.6px 0 -5.8px;font-size:24px;line-height:26.4px}
.intro-band--nad .ib-bottle{order:2;width:auto;height:251px;padding:25px 0 0}
.intro-band--nad .ib-bottle img{width:200.3px}
/* ingredients mobile */
.ing-acc-left{margin-top:0;padding:0 0 50px}
.ing-acc-left .ing-row{flex-direction:column;width:auto;padding:0}
.ing-acc-left .ing-left{width:auto;padding:35px 10px 10px}
.ing-acc-left .pb-acc{padding:0}
.ing-acc-left .pb-acc-item summary{font-size:14px;line-height:21px}
.ing-acc-left .ing-badges img{width:277.5px}
.ing-acc-left .ing-label img{width:390px;max-width:none}
.ing-acc-left .ing-btn{padding:0;margin-top:45px}
.ing-acc-left .ing-btn .pdp-cta{height:55px;padding:20px 30px;font-size:15px;line-height:15px;gap:12px}
.ing-acc-left .ing-btn .pdp-cta svg{width:15px;height:15px}
/* benefits mobile: one card per row */
.pdp--benefits{padding:35px 0 25px}
.pdp--benefits::before{opacity:.19}
.pdp--benefits>.pb{width:auto;margin:0 10px}
.pdp--benefits .ben-head{padding:30px 20px 20px}
.pdp--benefits .ben-head .pb-h{font-size:29px;line-height:23.2px;margin-bottom:10.6px}
.pdp--benefits .ben-head .pb-rt p{font-size:17px;line-height:17px}
.pdp--benefits .ben-grid{flex-direction:column;flex-wrap:nowrap;gap:45px;margin-top:20px;padding:0 0 10px}
.pdp--benefits .pb-flip{width:370px}
.pdp--benefits .pb-flip:nth-child(3n){margin-bottom:25px}
.pb-flip .flip-front img{width:370px}
.pb-flip .flip-cap{padding:0 10px 0 0}
.pb-flip .flip-cap>div{flex:none;width:270px}
.pb-flip .flip-cap svg{width:25px;height:25px;margin:10px 18px 0}
/* results mobile */
.pdp--results{padding:0 0 1px}
.pdp--results .res-ba-title{margin-top:35px}
.pdp--results>*{width:auto}
.pdp--results .res-head{padding:10px}
.pdp--results .res-head .pb-h{font-size:26px;line-height:26px}
.pdp--results .res-intro{padding:0 0 0 10px}
.pdp--results .res-intro p{font-size:16px;line-height:24px}
.pdp--results .res-row{flex-direction:column;gap:20px;margin-top:34px;padding:0}
.pdp--results .res-testi{width:auto;margin:0 10px}
.pdp--results .res-collage{padding:0}
.pdp--results .res-collage img{width:390px;max-width:none}
.pdp--results .res-ba-row{flex-direction:column;gap:45px;padding:0}
.pdp--results .res-ba-row .pb-ba{width:auto;padding:0}
.pdp--results .res-testi2{width:auto;margin:0 10px}
.pt-text{font-size:12.8px;line-height:16.64px}
/* how-to mobile */
.pdp--howto{padding:50px 0 50px}
.pdp--howto .row{flex-direction:column;width:auto;gap:0}
.pdp--howto .col{width:auto}
.pdp--howto .pb-h{font-size:28px;line-height:28px}
.pdp--howto .pb-rt p{font-size:15px;line-height:22.5px}
.pdp--howto .col-img{margin-top:34px}
.pdp--howto .pb-img img{width:310.8px}
/* buy mobile: rating, title, gallery, lede, list, buy box, payment, trust, reviews */
.pdp-buy{padding:50px 0}
.pbuy-title{padding:0 10px 44px;font-size:36px;line-height:32.4px}
.pbuy-grid{display:flex;flex-direction:column;align-items:stretch;width:auto;padding-bottom:75px}
.pbuy-left,.pbuy-right{display:contents}
.pdp-buy .pbuy-rating{order:1;justify-content:center}
.pbuy-h{order:2;padding:0 15px;font-size:22px;line-height:22px;text-align:center}
.pdp-gal{order:3;margin:10px 15px 0}
.pg-main{width:360px}
.pg-slide{flex-basis:360px;padding:0 10px 10px}
.pg-slide img{width:340px;height:340px}
.pg-thumbs{width:360px}
.pg-ttrack{gap:5px}
.pg-thumb{flex-basis:86.25px;height:86.25px}
.pbuy-lede{order:4;margin-top:20px;padding:0 15px;text-align:center}
.pbuy-list{order:5;margin-top:15px;padding:0 15px}
.pbuy-list li{font-size:14px;line-height:21px}
main.lp .pdp-buy .buy-box-wrapper{order:6;width:344px;margin:40px auto 0}
.pdp-buy .buybox-plan-right{transform:translateY(4px)}
.pdp-buy .buybox-toggle-btn{width:314px;max-width:314px}
.pbuy-pay{order:7}
.pbuy-pay img{width:320px}
.pbuy-trust{order:8;margin-top:17px;padding-left:15px}
.pbuy-trust li{width:86.4px}
.pbuy-trust img{width:43.2px;height:43.2px}
.pbuy-testi{order:9;margin:17px 24px 0;padding-bottom:40px}
.pb-testi .car-prev{left:1px}.pb-testi .car-next{right:1px}
/* reviews mobile */
.reviews--pdp{width:auto;padding:25px 25px}
.reviews--pdp .rv-box{padding:0;border:0}
/* faq (pdp) mobile */
.faq--pdp .wrap{width:auto}
.faq--pdp .faq-cols{margin-top:35px}
.faq--pdp .faq-group.has-divider .faq-cols{margin-top:46px}
.faq--pdp .faq-col+.faq-col{margin-top:32px}
.faq--pdp .faq-group:nth-of-type(2) .faq-col+.faq-col{margin-top:0}
.faq--pdp .faq-item summary{padding-right:30px}
.faq--pdp .faq-item summary::after{margin-left:6px}
.faq--pdp .faq-item+.faq-item{margin-top:32px}
.faq--pdp .faq-divider,.faq--pdp .faq-group:nth-of-type(2) .faq-divider{width:175px}
.faq--pdp .faq-group:nth-of-type(1) .faq-cols{padding-bottom:131px}
.faq--pdp .faq-group:nth-of-type(2) .faq-cols{padding-bottom:132px}
.faq--pdp .faq-group:nth-of-type(3) .faq-cols{padding-bottom:82px}
.faq--pdp .faq-note{margin:31px 10px 0}
/* hero (nad) mobile: rating, title, kicker, image, lede, list, button — centred copy */
.pdp-hero--nad{padding:30px 6px 50px}
.pdp-hero--nad .ph-grid{display:block;width:auto}
.pdp-hero--nad .ph-copy{margin:0;padding:10px}
.pdp-hero--nad .ph-rating{gap:9px}
.pdp-hero--nad .ph-title{font-size:31px;line-height:27.9px;text-align:center}
.pdp-hero--nad .ph-kicker{margin-top:15.2px;font-size:17px;line-height:17px;text-align:center}
.pdp-hero--nad .ph-media-m{margin:14px -10px 0}
.pdp-hero--nad .ph-media-m img{width:378px;max-width:none;height:auto}
.pdp-hero--nad .ph-lede{margin-top:20px;text-align:center}
.pdp-hero--nad .ph-list{margin-top:15px}
.pdp-hero--nad .ph-list li{font-size:14px;line-height:21px}
.pdp-hero--nad .ph-list li svg{top:3px}
.pdp-hero--nad .ph-btn{display:flex;justify-content:center}
.pdp-hero--nad .ph-btn .pdp-cta{height:45px;padding:15px 35px}
/* science mobile */
.pdp--science{padding:35px 0 0}
.pdp--science .head{padding:0 0 25px}
.pdp--science .sci-title{font-size:57px;line-height:45.6px;text-align:center}
.pdp--science .sci-sub{width:auto;margin-top:10.2px;padding:6px 0 18px;font-size:27px;line-height:29.7px}
.pdp--science .row{flex-direction:column;width:auto;gap:20px;margin-top:20px;padding-top:0}
.pdp--science .row .col{width:auto}
.pdp--science .row .col-text{order:1}
.pdp--science .row .col-img{order:2;padding:15px}
.pdp--science .row .pb-h{font-size:31px;line-height:27.9px;text-align:center}
.pdp--science .row .pb-rt{margin-top:15px}
.pdp--science .row .pb-list li{font-size:14px;line-height:21px}
.pdp--science .row .pb-list li svg{top:3.5px}
.pdp--science .r1{margin-top:20px}
.pdp--science .r1 .col-text{padding:1px 15px 0}
.pdp--science .r2 .col-text,.pdp--science .r3 .col-text{padding:25px 15px 15px}
.pdp--science .r1 .col-img,.pdp--science .r2 .col-img,.pdp--science .r3 .col-img{padding:15px}
.pdp--science .row .pb-img img{width:360px;max-width:100%;height:auto}
.pdp--science .better{width:auto;margin-top:19px;padding:30px 0 25px}
.pdp--science .better::before{content:"";position:absolute;inset:0;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/nad/NAD-Bakground.png") 0 0 repeat;opacity:.13}
.pdp--science .better>*{position:relative}
.pdp--science .better-title{font-size:44px;line-height:39.6px;letter-spacing:-1px}
.pdp--science .better-intro p{font-size:16px;line-height:24px}
.pdp--science .pb-counters{flex-direction:column;gap:20px;padding:10px}
.pdp--science .pb-counter:last-child .pb-clabel{margin-top:9px}
.pdp--science .pb-counter:last-child .pb-ctext{margin-top:6px}
.pdp--science .pb-counter{width:auto;padding:0}
.pdp--science .pb-counter+.pb-cdiv+.pb-counter{padding:30px 0}
.pdp--science .pb-num{font-size:60px;line-height:60px}
.pdp--science .pb-cdiv{display:block;width:240.5px;height:21px;margin:0 auto;border:0;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}
}
/* ==========================================================================
IRON — mobile (390)
========================================================================== */
@media (max-width:767px){
/* hero (iron) mobile: title, image, lede, list, button, badge, proof */
.pdp-hero--iron{padding:35px 10px 30.6px}
.pdp-hero--iron .ph-grid{display:block;width:auto}
.pdp-hero--iron .ph-copy{align-items:stretch;padding:0}
.pdp-hero--iron .ph-title{font-size:37px;line-height:29.6px;text-align:center}
.pdp-hero--iron .ph-media-m{margin-top:10px}
.pdp-hero--iron .ph-media-m img{width:355.2px;margin:0 auto}
.pdp-hero--iron .ph-lede{margin-top:20.6px;text-align:center}
.pdp-hero--iron .ph-lede p{font-size:15px;line-height:22.5px}
.pdp-hero--iron .ph-list{margin-top:24px}
.pdp-hero--iron .ph-list li{font-size:15px;line-height:22.5px}
.pdp-hero--iron .ph-list li+li{margin-top:16px}
.pdp-hero--iron .ph-list li svg{top:2px}
.pdp-hero--iron .ph-btn{order:1;display:flex;justify-content:center;margin-top:25px}
.pdp-hero--iron .ph-btn .pdp-cta{height:60px;font-size:14px;line-height:14px}
.pdp-hero--iron .ph-btn .pdp-cta svg{width:14px;height:14px}
.pdp-hero--iron .ph-badge{order:2;margin-top:25px}
.pdp-hero--iron .ph-badge img{width:207px;margin:0 auto}
.pdp-hero--iron .ph-proof{order:3;flex-direction:column;align-items:center;margin-top:-5.3px;padding:0}
.pdp-hero--iron .ph-proof img{align-self:flex-start;width:105.6px;margin:0 0 0 107px}
.pdp-hero--iron .ph-proof p{margin-top:0;text-align:center}
/* problem mobile: stacked counters, centred image boxes and icon boxes */
.pdp--problem .pr-title{width:auto;margin:20px 20px 0;font-size:30px;line-height:27px}
.pdp--problem .pr-counters{flex-direction:column;width:auto;margin:50px 0 0}
.pdp--problem .pb-counter,.pdp--problem .pb-counter:nth-child(odd){width:auto;margin-top:0}
.pdp--problem .pb-counter+.pb-counter{margin-top:55px}
.pdp--problem .pb-counter:nth-child(3){margin-top:40px}
.pdp--problem .pb-num{font-size:60px;line-height:60px}
.pdp--problem .pr-statement{width:auto;margin:40px 20px 0}
.pdp--problem .pr-statement .pb-rt p{font-size:27px;line-height:27px}
.pdp--problem .pr-statement .pb-img img{width:350px}
.pdp--problem .pr-boxes{flex-direction:column;gap:30px;width:auto}
.pdp--problem .pb-imgbox{flex-direction:column;align-items:center;width:auto;padding:0 10px;text-align:center}
.pdp--problem .pb-imgbox figure{width:74px;margin:0}
.pdp--problem .pb-imgbox figure img{width:74px;height:74px}
.pdp--problem .pb-imgbox-body{width:100%}
.pdp--problem .pb-imgbox h3{margin-top:15px}
.pdp--problem .pb-imgbox .rt p:last-child{margin-bottom:14.4px}
.pdp--problem .pr-why{width:auto;margin:60.6px 20px 0;font-size:34px;line-height:27.2px}
.pdp--problem .pr-steps{width:auto;margin-top:30px}
.pdp--problem .pb-iconbox,.pdp--problem .pb-iconbox.ib-right{flex-direction:column;align-items:center;gap:0;padding:0 10px;text-align:center}
.pdp--problem .pb-iconbox .pb-ib-icon{width:62px}
.pdp--problem .pb-iconbox .pb-ib-icon img{width:62px;height:62px}
.pdp--problem .pb-iconbox h3{margin-top:22px;font-size:19px;line-height:22.8px}
.pdp--problem .pb-iconbox p{margin-top:17px}
.pdp--problem .pb-divider{width:248.5px}
/* intro band (iron) mobile: title over the bottle */
.intro-band--iron{padding:0 0 39px;background-position:0 -197px}
.intro-band--iron .ib-inner{height:auto}
.intro-band--iron .ib-copy{order:1;width:auto;padding:50px 15px 0}
.intro-band--iron .ib-title{font-size:26px;line-height:28.6px;letter-spacing:-1.2px}
.intro-band--iron .ib-bottle{order:2;width:auto;margin-top:-16.4px;padding:0}
.intro-band--iron .ib-bottle img{width:237.9px;margin:0 auto}
/* ingredients (label-left) mobile: title, logos 2x2, accordion, label, badges, button */
.ing-label-left .ing-title{width:auto;margin:5px 20px 0;font-size:25px;line-height:25px}
.ing-label-left .ing-featured{margin:20px 20px 0;font-size:21px;line-height:21px}
.ing-label-left .ing-logos{display:grid;grid-template-columns:195px 195px;grid-template-rows:69px auto;width:auto;margin:35px 0 0}
.ing-label-left .ing-logos .pb-img{width:auto;height:auto;padding:0}
.ing-label-left .ing-logos .pb-img:nth-child(1) img{width:173.9px;margin:0 0 0 25px}
.ing-label-left .ing-logos .pb-img:nth-child(2) img{width:60.9px;margin:0 0 0 60px}
.ing-label-left .ing-logos .pb-img:nth-child(3) img{width:164px;margin:0 0 0 25px}
.ing-label-left .ing-logos .pb-img:nth-child(4) img{width:121.7px;margin:0 0 0 28px}
.ing-label-left .ing-row{flex-direction:column;width:auto;margin:60.2px 0 0}
.ing-label-left .ing-left{order:2;width:auto}
.ing-label-left .ing-label img{width:336.7px;margin:0 auto}
.ing-label-left .ing-badges img{width:358.9px;margin:0 auto}
.ing-label-left .iron-acc{width:auto;padding:0 10px}
.ing-label-left .iron-acc .pb-acc-item summary{font-size:15px;line-height:19.5px}
.ing-label-left .iron-acc .pb-acc-t{margin-right:-5px}
.ing-label-left .ing-btn{display:flex;justify-content:center;padding:10px 0}
.ing-label-left .ing-btn .pdp-cta{height:60px;font-size:14px;line-height:14px}
.ing-label-left .ing-btn .pdp-cta svg{width:14px;height:14px}
/* food mobile: rows stack, text above image */
.pdp--food .fd-title{width:auto;margin:20px 20px 0;font-size:28px;line-height:28px}
.pdp--food .fd-intro,.pdp--food .fd-q{width:auto;margin-left:20px;margin-right:20px}
.pdp--food .fd-intro p{font-size:16px;line-height:24px}
.pdp--food .fd-q{margin-top:19.6px}
.pdp--food .fd-q p,.pdp--food .fd-q p:last-child{font-size:31px;line-height:30px}
.pdp--food .row{flex-direction:column;width:auto;margin:0 10px}
.pdp--food .r1{margin-top:10px}
.pdp--food .r2{flex-direction:column-reverse;margin:0;padding-top:15px}
.pdp--food .row .col{width:auto}
.pdp--food .row .pb-h{font-size:19px;line-height:19px}
.pdp--food .r1 .pb-img{margin-top:25.6px}
.pdp--food .r1 .pb-img img{width:311.5px}
.pdp--food .r2 .col-text{padding-bottom:0}
.pdp--food .r2 .col-img{padding-top:10.6px}
.pdp--food .r2 .pb-img img{width:220.5px}
.pdp--food .r3 .col-img{padding-top:9.6px}
.pdp--food .r3 .pb-img img{width:198.3px}
.pdp--food .pdp-shape--bottom svg{height:27px}
/* better mobile: image, heading, text, mobile-only divider */
.pdp--better{padding:0 0 29.6px}
.pdp--better .bt-title{width:auto;margin:80px 30px 0;font-size:34px;line-height:37.4px}
.pdp--better .bt-intro{width:auto;margin:40.2px 30px 0}
.pdp--better .bt-intro p,.pdp--better .bt-intro p:last-child{font-size:16px;line-height:24px}
.pdp--better .row,.pdp--better .r2{flex-direction:column;align-items:stretch;gap:0;margin:25px 30px 0}
.pdp--better .r2{flex-direction:column-reverse}
.pdp--better .r1{margin-top:9.6px}
.pdp--better .r3{margin-top:35px}
.pdp--better .row .col-text,.pdp--better .r1 .col-text,.pdp--better .r2 .col-text,.pdp--better .r3 .col-text{width:auto;margin-top:20px;text-align:center}
.pdp--better .r1 .col-text{margin-top:15.5px}
.pdp--better .r1 .col-img{align-items:center}
.pdp--better .r1 img{width:269.5px}
.pdp--better .r2 img,.pdp--better .r3 img{width:330px}
.pdp--better .row .pb-rt p:last-child{margin-bottom:14.4px}
.pdp--better .pb-divider{width:194.7px;height:1px;margin:34.6px auto 0;border:0;background:#C6C6C6}
.pdp--better .pdp-shape--bottom svg{height:27px}
/* labs mobile: graph, before/after, quote, graph, video carousel (310 wide) */
.pdp--labs{padding:50px 0 80.4px}
.pdp--labs .lb-title{width:auto;margin:10px 10px 0;font-size:27px;line-height:27px}
.pdp--labs .lb-graph img{width:370px}
.pdp--labs .lb-g1{margin-top:90px}
.pdp--labs .lb-row{flex-direction:column;gap:45px;width:auto;margin:75.1px 10px 0}
.pdp--labs .pb-ba .ba-inner,.pdp--labs .pb-ba img{width:370px;height:370px}
.pdp--labs .pb-quote{width:auto}
.pdp--labs .pq-text{font-size:15px;line-height:22.5px}
.pdp--labs .lb-g2{margin-top:64px}
.pdp--labs .lb-videos{width:auto;margin:60.1px 30px 0;padding:10px 10px 26px}
.pb-vcar .car-slide{height:551.1px}
.pb-vcar iframe{width:310px;height:551.1px}
.pb-vcar .car-btn{top:266px;transform:none}
.pb-vcar .car-next{left:153px;right:auto}
/* consistency mobile: text only (live hides the image on mobile) */
.pdp--consistency{padding:10px 0 30px}
.pdp--consistency .row{flex-direction:column;width:auto;margin:0 10px}
.pdp--consistency .col-text{width:auto}
.pdp--consistency .col-img{display:none}
.pdp--consistency .cs-title{font-size:40px;line-height:40px}
.pdp--consistency .cs-sub{font-size:22px;line-height:22px}
/* buy (iron) mobile: title, rating, product title, gallery, lede, list, buy box, payment, trust, testimonials, accordion */
.pdp-buy--iron{padding:10px}
.pdp-buy--iron .pbuy-title{width:auto;padding:7px 0 27.5px;font-size:25px;line-height:27.5px;letter-spacing:-1.1px}
.pdp-buy--iron .pbuy-grid{padding:25px 0 0}
.pdp-buy--iron .pbuy-h{margin-top:14px;padding:0 8px;font-size:22px;line-height:19.8px;letter-spacing:-.8px}
.pdp-buy--iron .pdp-gal{margin:25.6px 8px 0}
.pdp-buy--iron .pg-main,.pdp-buy--iron .pg-thumbs{width:354px}
.pdp-buy--iron .pg-slide{flex-basis:354px;padding:0 10px 10px}
.pdp-buy--iron .pg-slide img{width:334px;height:334px}
.pdp-buy--iron .pg-ttrack{gap:10px}
.pdp-buy--iron .pg-thumb{flex-basis:81px;height:81px;border-radius:5px;opacity:.71}
.pdp-buy--iron .pb-testi .car-btn{display:none}
.pdp-buy--iron .pbuy-lede{padding:0 8px}
.pdp-buy--iron .pbuy-lede p{font-size:15px;line-height:22.5px}
.pdp-buy--iron .pbuy-list{margin-top:14px;padding:0 8px 0 23px}
.pdp-buy--iron .pbuy-list li{font-size:14px;line-height:21px}
.pdp-buy--iron .pbuy-list li+li{margin-top:17px}
.pdp-buy--iron .pbuy-list li svg{top:2px}
main.lp .pdp-buy--iron .buy-box-wrapper{width:338px;margin-top:40px}
.pdp-buy--iron .buybox-toggle-btn{width:308px;max-width:308px}
.pdp-buy--iron .buybox-plan-right{transform:none;margin:4px 10.7px -4px 0}
.pdp-buy--iron .pbuy-pay img{width:235.5px}
.pdp-buy--iron .pbuy-trust{margin-top:23px;padding:0 0 0 16px}
.pdp-buy--iron .pbuy-trust li{width:85px}
.pdp-buy--iron .pbuy-trust img{width:34px;height:34px}
.pdp-buy--iron .pbuy-trust h3{margin-top:5px}
.pdp-buy--iron .pbuy-testi{margin:20px 16.7px 0;padding:0}
.pbuy-acc{order:10;width:auto;margin:83px 8px 0 33px}
/* reviews + faq (iron) mobile */
.reviews--pdp30{padding:15px}
.faq--pdp .faq-group.faq-group--tail .faq-col+.faq-col{margin-top:32px}
.faq--pdp .faq-group.faq-group--tail .faq-cols{padding-bottom:133px}
}
/* ==== assets/css/40-creatine.css ==== */
/* ==========================================================================
40 · CREATINE — masedge.com/creatine-for-runners/ (PDP family) and the two creatine listicles
(/5-reasons-runners-are-choosing-this-creatine/, /4-reasons-why-every-runner-should-be-taking-a-creatine-supplement/).
Measured at 1440 and 390, 2026-10-09. Every rule is scoped to a creatine class:
.pdp--chero .pdp--developed .cr-research .cr-qa .marquee--creatine .pdp-buy--creatine .cr-* (listicles)
and the new lib/pdp.php elements .pb-tcar .pb-unfold .pb-tpacc .pb-ilh.
========================================================================== */
.tl{color:var(--teal)}
/* Montserrat italic — the live creatine pages load the real italic face (testimonial carousel, unfold citations);
without it the browser slants the upright face and lines wrap differently. Same file as the live page's
elementor google-fonts copy (montserrat-jtuqjig1_i6t8kchkm459wxrys7m.woff2). */
@font-face{font-family:"Montserrat";font-style:italic;font-weight:100 900;font-display:swap;src:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/fonts/montserrat-italic-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ---------- new elements (lib/pdp.php) ---------- */
/* testimonial carousel (Elementor testimonial-carousel): one 25px-rounded grey slide per view, chevrons outside */
.pb-tcar{padding:0 29.75px 40px}
.pb-tcar .car-track{align-items:stretch}
.pb-tcar .car-slide{padding:15px;background:#F8F8F8;border-radius:25px}
.pb-tcar .tc-text{font-size:14px;line-height:21px;font-weight:300;font-style:italic;color:var(--ink)}
.pb-tcar .tc-foot{display:flex;align-items:center;height:57px;margin-top:5px}
.pb-tcar .tc-avatar{align-self:flex-start;width:50px;height:50px;border-radius:999px;object-fit:cover}
.pb-tcar .tc-cite{display:flex;flex-direction:column;margin-left:20px;font-style:normal}
.pb-tcar .tc-name{font-size:14px;line-height:21px;color:var(--ink)}
.pb-tcar .tc-title{font-size:11px;line-height:16.5px;color:#39875A}
.pb-tcar .car-btn{top:calc((100% - 40px) / 2);width:25px;height:25px;color:var(--teal)}
.pb-tcar .car-prev{left:-20px}.pb-tcar .car-next{right:-20px}
/* unfold (ThePlus): title, 200px clipped body with a white fade, "Read More" pill */
.pb-unfold{display:flex;flex-direction:column}
.pb-unfold .uf-title{margin-bottom:15px;font-size:23px;line-height:34.5px;font-weight:700;text-transform:capitalize;color:var(--navy)}
.pb-unfold .uf-body{position:relative;height:200px;overflow:hidden;font-size:16px;font-weight:300;color:rgba(0,0,0,.8);text-align:justify}
.pb-unfold .uf-body::after{content:"";position:absolute;left:0;right:0;bottom:0;min-height:44px;background:linear-gradient(rgba(255,255,255,0),#fff);z-index:1}
.pb-unfold.is-open .uf-body{height:auto}
.pb-unfold.is-open .uf-body::after{display:none}
.pb-unfold .uf-body p{margin:0 0 14.4px;font-size:16px;line-height:1.5;font-weight:300;color:rgba(0,0,0,.8)}
.pb-unfold .uf-body ul{list-style:disc;margin:0 0 14.4px;padding-left:40px}
.pb-unfold .uf-body li{margin:10px 0;font-size:16px;line-height:24px}
.pb-unfold .uf-body img{display:inline-block}
.pb-unfold .uf-toggle-wrap{display:flex;justify-content:center;margin-top:15px}
.pb-unfold .uf-toggle{display:flex;align-items:center;height:40px;padding:8px 12px;border-radius:35px;background:var(--teal);color:#fff;font-size:16px;line-height:24px;font-weight:400}
.pb-unfold .uf-toggle svg{width:15.75px;height:14px;margin-right:13px;fill:currentColor}
.pb-unfold .uf-toggle .i-closed,.pb-unfold.is-open .uf-toggle .i-open{display:none}
.pb-unfold.is-open .uf-toggle .i-closed{display:block}
/* ThePlus accordion (mobile research) — the header face is "Plus Jakarta Sans", which the live page never loads,
so it falls back to the browser's sans-serif exactly as on live */
.pb-tpacc .tpa-item+.tpa-item{margin-top:12px}
.pb-tpacc summary{display:flex;align-items:center;padding:20px 10px 20px 20px;border:1px solid #D9DCE2;border-radius:10px;background:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;line-height:26px;font-weight:700;color:var(--navy)}
.pb-tpacc .tpa-t{flex:1;min-width:0}
.pb-tpacc .tpa-ic{display:flex;flex:none;margin-right:10px}
.pb-tpacc .tpa-ic svg{width:20px;height:20px;fill:var(--teal)}
.pb-tpacc .tpa-ic .i-open,.pb-tpacc .tpa-item[open] .tpa-ic .i-closed{display:none}
.pb-tpacc .tpa-item[open] .tpa-ic .i-open{display:block}
.pb-tpacc .tpa-item[open] summary{border-radius:10px;color:#000}
.pb-tpacc .tpa-body{padding:20px 50px 20px 20px;border:solid #D9DCE2;border-width:0 1px 1px;border-radius:0 0 10px 10px;background:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;line-height:24px}
.pb-tpacc .tpa-body p{margin:0 0 14.4px}
.pb-tpacc .tpa-body ul{list-style:disc;padding-left:40px;margin:0 0 14.4px}
.pb-tpacc .tpa-body img{display:block;margin:0 auto}
/* icon-list used as a heading (navy numbered pill) */
.pb-ilh{display:flex;align-items:center}
.pb-ilh .ilh-ic{flex:none;width:34px;height:34px;margin-right:8.5px}
.pb-ilh>span{padding-left:5px}
/* ---------- product page: hero ---------- */
.pdp--chero{padding:60px 0 60px}
.pdp--chero .ch-title{width:1113px;margin:0 auto;font-size:36px;line-height:36px;font-weight:800;text-transform:uppercase;text-align:center}
.pdp--chero .ch-row{flex-direction:row;width:1200px;margin:30px auto 0}
.pdp--chero .ch-copy{width:671px;flex:none;padding:25px 0 0 50px}
.pdp--chero .ch-kicker p,.pdp--chero .ch-kicker p:last-child{margin-bottom:11px;font-size:22px;line-height:21px;font-weight:700;text-transform:uppercase;color:var(--navy)}
.pdp--chero .ch-lede p,.pdp--chero .ch-lede p:last-child{margin-bottom:10px;font-size:17px;line-height:25.5px}
.pdp--chero .ch-list li,.cr-list li{padding-left:20px;font-size:16px;line-height:24px}
.pdp--chero .ch-list li+li{margin-top:10px}
.pdp--chero .ch-list li svg{top:4px;width:16px;height:16px}
.pdp--chero .ch-btn{justify-content:flex-start;margin-top:35px}
.pdp--chero .pdp-cta,.pdp--developed .pdp-cta,.cr-research .pr-btn .pdp-cta{height:55px;padding:20px 80px;gap:6px;border-radius:30px}
.pdp--chero .ch-rating{gap:0;margin-top:20px}
.pdp--chero .ch-rating p{padding-left:10px;font-size:13px;line-height:19.5px;font-weight:300}
.pdp--chero .ch-img{width:529px;padding:25px 0 0 5px}
.pdp--chero .ch-img img{width:522.7px}
/* ---------- product page: "A creatine developed specifically…" (navy over a photo, tilted edges) ---------- */
.pdp--developed{z-index:0;display:flex;flex-direction:column;padding:80px 0 50px;background:rgba(43,55,112,.85)}
.pdp--developed::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(101,198,189,.08) url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/creatine/creatine-comparison-background.png") 50% 50%/cover no-repeat;opacity:.18}
.pdp--developed .pdp-shape{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;direction:ltr}
.pdp--developed .pdp-shape svg{position:relative;left:50%;display:block;width:calc(100% + 1.3px);transform:translateX(-50%) rotateY(180deg);fill:#fff}
.pdp--developed .pdp-shape--top{top:-1px}
.pdp--developed .pdp-shape--top svg{height:23px}
.pdp--developed .pdp-shape--bottom{bottom:-1px;transform:rotate(180deg)}
.pdp--developed .pdp-shape--bottom svg{height:26px}
.pdp--developed>.pb-h,.pdp--developed>.pb-rt,.pdp--developed>.pb-img,.pdp--developed>.pb-btn{width:1100px;margin-left:auto;margin-right:auto}
.pdp--developed .dv-title{font-size:44px;line-height:44px;font-weight:700;text-align:center;color:#fff}
.pdp--developed .dv-text{margin-top:10px;padding-top:15px}
.pdp--developed .dv-text p{font-size:18px;line-height:25.2px;text-align:center;color:#fff}
.pdp--developed .dv-text p:last-child{margin-bottom:14.4px}
.pdp--developed .dv-text strong{color:#fff}
.pdp--developed .dv-img{margin-top:10px}
.pdp--developed .dv-img img{width:640px;margin:0 auto;border-radius:75px}
.pdp--developed .dv-tcar{width:1190px;margin:55px auto 0;transform:translateX(15px)}
.pdp--developed .dv-btn{margin-top:70px}
/* ---------- product page: research (shared "Over 19 studies" block + numbered reasons) ---------- */
.cr-research{margin-top:-20px;padding:80px 0 65px;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/creatine/Accordion-with-integration-of-Carousel-anything-Cover.png") 50% 50%/cover no-repeat}
.cr-research>.pb,.cr-research>.pb-h,.cr-research>.pb-btn{width:1100px;margin-left:auto;margin-right:auto}
.cr-research .cs-title{padding-bottom:30px;font-size:37px;line-height:37px;font-weight:800;text-align:center}
.cr-research .cs-rows{gap:45px;margin-top:45px}
.cr-research .cs-row{flex-direction:row;align-items:flex-start}
.cr-research .cs-row.text-first{width:1000px;margin:0 auto;gap:20px}
.cr-research .cs-row.img-first{width:1025px;margin:0 75px 0 0;gap:6px;justify-content:space-evenly}
.cr-research .cs-row .col{padding:10px}
.cr-research .cs-row .col-text{width:533.33px;flex:none}
.cr-research .cs-row .col-img{width:446.67px;flex:none;align-items:center}
.cr-research .cs-row .pb-img img{margin:0 auto}
.cr-research .cs-row.r1 .pb-img img,.cr-research .cs-row.r3 .pb-img img,.cr-research .cs-row.r5 .pb-img img{width:320px}
.cr-research .cs-row.r2 .pb-img img,.cr-research .cs-row.r4 .pb-img img{width:290px}
.cr-research .cs-row.r3 .uf-title{line-height:24px}
.cr-research .pr-head{margin-top:50px;padding:18px 10px 26px;font-size:35px;line-height:39px;font-weight:800;text-transform:uppercase;text-align:center;color:var(--navy)}
.cr-research .pr-head .hlz{color:var(--navy)}
.cr-research .pr-head .hlz path{stroke:var(--teal);stroke-width:8}
.cr-research .pr-row{flex-direction:row;gap:20px;margin-top:45px}
.cr-research .pr-row .col{width:540px;flex:none;padding:10px}
.cr-research .pr-row .col-text{gap:20px}
.cr-research .pill{padding:5px 0 5px 10px;border-radius:15px;background:var(--navy)}
.cr-research .pill>span{font-size:18px;line-height:18px;font-weight:700;text-transform:capitalize;color:#fff}
.cr-research .p1 .pill>span{line-height:19px}
.cr-research .p3 .pill{padding:10px 5px 5px 10px}
.cr-research .p3 .pill>span{line-height:20px}
.cr-research .pr-row .pb-rt{padding-left:10px}
.cr-research .pr-row .pb-rt p{line-height:1.5}
.cr-research .pr-row .pb-rt p:last-child{margin-bottom:14.4px}
.cr-research .p1 .col-img .pb-img{margin-left:-70px}
.cr-research .p1 .pb-img img{width:295px;margin:0 auto}
.cr-research .p2 .pb-img,.cr-research .p3 .pb-img{padding-top:50px}
.cr-research .p2 .pb-img img,.cr-research .p3 .pb-img img{width:421.2px;margin:0 auto;border-radius:25px}
.cr-research .p4 .pb-img img{width:436.8px;margin:0 auto;border-radius:25px}
.cr-research .pr-btn{margin-top:45px}
/* ---------- marquee: teal frame 10px all round (79px) ---------- */
.marquee--creatine{padding:22px 10px}
/* ---------- buy (template 5299 = the iron template): trusted row + headline above it ---------- */
.pdp-buy--creatine{padding:50px 10px 10px}
.pbuy-trusted{display:flex;align-items:flex-start;gap:20px;width:500px;height:35px;margin:10px auto 0}
.pbuy-trusted figure{display:flex;justify-content:flex-end;width:225px}
.pbuy-trusted img{width:103.5px}
.pbuy-trusted p{width:225px;font-size:14px;line-height:21px}
.pdp-buy--creatine .pbuy-title{width:1200px;padding:5px 0 0;font-size:44px;line-height:44px;letter-spacing:0}
.pdp-buy--creatine .pbuy-title .hl{color:var(--teal)}
.pdp-buy--creatine .pbuy-grid{padding-top:34px}
.pdp-buy--creatine .pbuy-h{margin-top:6px}
.pdp-buy--creatine .pbuy-lede p{font-size:17px;line-height:25.5px}
.pdp-buy--creatine .pbuy-list{margin-top:9px}
main.lp .pdp-buy--creatine .buy-box-wrapper{margin-top:58px}
.pdp-buy--creatine .pbuy-pay{margin-top:6px}
.pdp-buy--creatine .pt-text{padding:0 15px 15px}
.pdp-buy--creatine .pbuy-rating .pdp-stars{gap:0}
.pdp-buy--creatine .pbuy-rating .pdp-stars svg{width:16px;height:16px;fill:#F0AD4E}
/* ---------- product page: Q&A + consistency ---------- */
.cr-qa{padding:10px 10px 0;background:url("https://masedge.com/wp-content/themes/hello-elementor-child/assets/mas-kit/img/creatine/Accordion-with-integration-of-Carousel-anything-Cover.png") 0 0/cover no-repeat}
.cr-qa .cq-row{flex-direction:row;gap:20px;width:1140px;margin:0 auto;padding-top:50px}
.cr-qa .cq-left{width:456px;flex:none;padding:10px}
.cr-qa .cq-right{flex:1;padding:10px}
.cr-qa .cq-title{font-size:30px;line-height:30px;font-weight:700;text-transform:uppercase}
.cr-qa .cq-sub{margin-top:20px}
.cr-qa .cq-img{margin-top:4px}
.cr-qa .cq-img img{width:366.2px;margin:0 auto}
.cq-acc .pb-acc-item+.pb-acc-item{margin-top:8px}
.cq-acc .pb-acc-item summary{justify-content:space-between;gap:10px;height:62px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:16px;line-height:24px;font-weight:400;color:var(--ink-3)}
.cq-acc .pb-acc-ic{order:2}
.cq-acc .pb-acc-ic svg{width:9.375px;height:15px}
.cq-acc .pb-acc-item[open] summary{background:#EDCDDB;color:var(--ink-3)}
.cq-acc .pb-acc-body{padding:18px;border:0}
.cr-qa .cq-cons{margin-top:21px;padding:50px 0 59px;gap:10px}
.cr-qa .cq-cons .cq-left{width:570px;gap:10px}
.cr-qa .cons-title{margin-top:-13px;font-size:26px;line-height:26px;font-weight:700;text-transform:uppercase;color:var(--teal)}
.cr-qa .cons-img img{width:436.7px}
@media (max-width:767px){
.pb-tcar{padding:0 0 40px}
.pb-tcar .car-btn{width:16px;height:16px}
.pb-tcar .car-prev{left:1px}.pb-tcar .car-next{right:1px}
/* hero mobile: title, image, centred copy */
.pdp--chero{padding:35px 10px 45px}
.pdp--chero .ch-title{width:auto;font-size:24px;line-height:24px;letter-spacing:-1.2px}
.pdp--chero .ch-row{flex-direction:column;width:auto;margin-top:12px}
.pdp--chero .ch-copy{order:2;width:auto;padding:0 5px}
.pdp--chero .ch-img{order:1;width:auto;height:227px;padding:0}
.pdp--chero .ch-img img{width:299.7px;margin:0 auto}
.pdp--chero .ch-kicker p,.pdp--chero .ch-kicker p:last-child{margin-bottom:8.6px;font-size:17px;line-height:18.7px;letter-spacing:-1.4px;text-align:center}
.pdp--chero .ch-lede p,.pdp--chero .ch-lede p:last-child{margin-bottom:9.5px;font-size:15px;line-height:22.5px;text-align:center}
.pdp--chero .ch-list li{font-size:14px;line-height:21px}
.pdp--chero .ch-list li+li{margin-top:11px}
.pdp--chero .ch-list li svg{top:2px}
.pdp--chero .ch-btn{justify-content:center}
.pdp--chero .pdp-cta,.pdp--developed .pdp-cta,.cr-research .pr-btn .pdp-cta{height:54px;font-size:14px;line-height:14px}
.pdp--chero .pdp-cta svg,.pdp--developed .pdp-cta svg,.cr-research .pr-btn .pdp-cta svg{width:14px;height:14px}
.pdp--chero .ch-rating{margin-top:20px}
.pdp--developed>.pb-h,.pdp--developed>.pb-rt,.pdp--developed>.pb-img,.pdp--developed>.pb-btn{width:auto}
.pdp--developed .dv-title{font-size:28px;line-height:28px}
.pdp--developed .dv-text p{font-size:16px;line-height:22.4px}
.pdp--developed .dv-img img{width:390px;border-radius:25px}
.pdp--developed .dv-tcar{width:auto;margin:45px 10px 0;transform:none;padding:0 9.25px 40px}
.cr-research{margin-top:0;padding:50px 15px 20px}
.cr-research>.pb,.cr-research>.pb-h,.cr-research>.pb-btn{width:auto}
.cr-research .cs-title{padding-bottom:0;font-size:20px;line-height:20px}
.cr-research .cs-acc{margin-top:20px}
.cr-research .pr-head{margin-top:50px;font-size:19px;line-height:19px}
.cr-research .pr-head .hlz svg{height:calc(100% + 6px)}
.cr-research .pr-row{flex-direction:column;gap:20px;margin-top:20px}
.cr-research .pr-row.img-first{flex-direction:column-reverse}
.cr-research .pr-row .col{width:auto;padding:0}
.cr-research .p1 .pill{padding:10px}
.cr-research .pill>span{line-height:1em}
.cr-research .p1 .pill>span{line-height:1.2em}
.cr-research .p3 .pill>span{line-height:1em}
.cr-research .pr-row.p3,.cr-research .pr-row.p4{margin-top:55px}
.cr-research .p1 .pb-img img{width:270.9px}
.cr-research .p2 .pb-img,.cr-research .p3 .pb-img{padding-top:0}
.cr-research .p2 .pb-img img,.cr-research .p3 .pb-img img,.cr-research .p4 .pb-img img{width:324px}
.cr-research .pr-btn{margin-top:55px}
.pdp-buy--creatine{padding:25px 10px 10px}
.pbuy-trusted{justify-content:flex-start;gap:0;width:auto;height:36px}
.pbuy-trusted figure{justify-content:flex-start;width:142px;margin-left:28px}
.pbuy-trusted img{width:112.2px}
.pbuy-trusted p{width:195px;margin-left:-23px}
.pdp-buy--creatine .pbuy-title{width:auto;font-size:21px;line-height:21px;letter-spacing:-1.2px}
.pdp-buy--creatine .pbuy-grid{padding-top:25px}
.pdp-buy--creatine .pbuy-rating{margin-left:-22px}
.pdp-buy--creatine .pbuy-h{margin-top:9px;padding:0 3px}
.pdp-buy--creatine .pdp-gal{margin:15.6px 3px 0}
.pdp-buy--creatine .pg-main,.pdp-buy--creatine .pg-thumbs{width:364px}
.pdp-buy--creatine .pg-slide{flex-basis:364px;padding:0 10px 25px}
.pdp-buy--creatine .pg-slide img{width:344px;height:344px}
.pdp-buy--creatine .pg-ttrack{gap:15.33px}
.pdp-buy--creatine .pg-thumb{flex-basis:79.75px;height:79.75px}
.pdp-buy--creatine .pbuy-lede{margin-top:19px;padding:0 3px}
.pdp-buy--creatine .pbuy-lede p,.pdp-buy--creatine .pbuy-lede p:last-child{margin:0;font-size:15px;line-height:22.5px;text-align:center}
.pdp-buy--creatine .pbuy-list{margin-top:9.5px;padding-left:18px}
main.lp .pdp-buy--creatine .buy-box-wrapper{width:339px;margin:45px 0 0 11px}
.pdp-buy--creatine .buybox-sub{white-space:nowrap}
.pdp-buy--creatine .pbuy-pay{margin-top:15px}
.pdp-buy--creatine .pbuy-pay img{width:364px}
.pdp-buy--creatine .pbuy-trust{gap:5.6px;margin-top:20.5px;padding:0 0 0 56px;justify-content:flex-start}
.pdp-buy--creatine .pbuy-trust li{width:87.4px}
.pdp-buy--creatine .pbuy-trust img{width:34.9px;height:34.9px}
.pdp-buy--creatine .pbuy-trust h3{margin-top:8px}
.pdp-buy--creatine .pbuy-testi{margin:17px 12.2px 0 12px}
.pdp-buy--creatine .pt-sub{line-height:11.25px}
.pdp-buy--creatine .pbuy-acc{margin:75px 13px 0 13px}
.pdp-buy--creatine .pt-text{padding:0 15px 15px}
.cr-qa .cq-row{flex-direction:column;width:auto}
.cr-qa .cq-left,.cr-qa .cq-cons .cq-left{width:auto}
.cr-qa .cons-title{margin-top:0;font-size:22px;line-height:26.4px;text-align:center}
.cr-qa .cq-cons{margin-top:7px;padding:0}
.cr-qa .cq-right{margin-top:14px}
.cq-acc .pb-acc-item summary{height:auto;min-height:62px}
.cr-qa .cons-img img{width:370px}
.cr-qa{padding-bottom:10px}
.cr-qa .cons-img{margin-top:15px}
}
/* ==========================================================================
CREATINE LISTICLES (5-reasons, 4-reasons)
========================================================================== */
/* hero: the dark listicle hero, 83% overlay, teal "Learn more" pill, badges in a 10px box */
.lhero--cr{background-position:0 -91px}
.lhero--cr::before{opacity:.83}
.lhero--cr .lhero-btn{height:55px;background:var(--teal)}
.lhero--cr .lhero-badges{margin-top:0;padding:10px}
/* press strip: logo scroller (live widget with its stylesheet) */
.press-logos--scroll{background:var(--teal)}
.pl-scroller{position:relative;width:calc(100vw - 100px);margin:0 auto;overflow:hidden}
.pl-row{display:flex;height:90px}
.pl-sitem{position:absolute;padding:0 5px;animation:pl-scroll 50s linear infinite}
.pl-slogo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--pl-w,220px);height:90px;padding:5px 15px}
.pl-slogo img{max-width:var(--pl-w,220px)}
@keyframes pl-scroll{0%{transform:translateX(-220px)}to{transform:translateX(1800px)}}
@media (prefers-reduced-motion:reduce){.pl-sitem{animation-play-state:paused}}
.press-logos--scroll:hover .pl-sitem{animation-play-state:paused}
/* reasons ('top' header style): header half width above the text column, media column pulled up beside it */
.reason.cr-rs{--cr-pt:75px;--cr-mt:-75px}
.reason.cr-rs.is-tint{--cr-pt:50px;--cr-mt:-100px}
.reason.cr-rs .rs-wrap{width:1200px;padding:var(--cr-pt) 0 60px}
.reason.cr-rs .rs-head{width:50%;margin:0 0 20px;padding:0;gap:0;box-shadow:none;background:none}
.reason.cr-rs.media-left .rs-head{margin-left:auto}
.reason.cr-rs .rs-title{flex:1 1 auto;min-width:0;width:auto;align-items:flex-start;font-size:35px;line-height:33px;font-weight:800}
.reason.cr-rs .rs-title .rs-num{width:51px;height:51px;margin-right:12.75px}
.reason.cr-rs .rs-grid{gap:20px}
.reason.cr-rs .rs-media{margin-top:var(--cr-mt)}
.reason.cr-rs .rs-media .lx-img img{width:85%}
.reason.cr-rs .rs-text{gap:20px}
.reason.cr-rs .lx-rt p:last-child{margin-bottom:14.4px}
.cr-stats{margin-top:-15px}
.cr-stats .lx-stat-label{margin:-15px 0 14.4px;font-size:16px;line-height:14px;font-weight:500}
.cr-stats .lx-stat:first-child .lx-stat-label{font-weight:600}
.cr-stats .lx-stat-num{margin-bottom:20px}
.cr-feats .lx-feat img{margin:0 auto 27px}
.cr-feats .lx-feat p{margin-top:-15px;font-size:16px;line-height:14px;font-weight:500}
.reason.cr-rs.cr-r4{--cr-mt:-50px}
.reason.cr-r4 .rs-title{align-items:center}
.reason.cr-r2 .rs-title .rs-num{width:50px;height:50px;margin-right:12.5px}
.cr-review{padding:0 15px 40px}
.cr-review .lx-review-verified{top:15px}
.cr-btn .lx-btn{height:57px;padding:20px 100px;border-radius:24px;font-size:17px;line-height:17px;font-weight:400;gap:5px}
.cr-btn{text-align:left}
/* buy (listicles): the same template in a 1140 boxed container (gallery 570, copy 530), desktop-only headline */
.pdp-buy--creatine.pdp-buy--cr-lx{padding:15px 0 0}
.pdp-buy--cr-lx .pbuy-title{width:1140px;padding:0 0 30px;font-size:35px;line-height:35px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-grid{grid-template-columns:570px 530px;column-gap:30px;width:1140px;padding-top:45px}
.pdp-buy--cr-lx .pg-main,.pdp-buy--cr-lx .pg-thumbs{width:570px}
.pdp-buy--cr-lx .pg-slide{flex-basis:570px}
.pdp-buy--cr-lx .pg-slide img{width:470px;height:470px}
.pdp-buy--cr-lx .pg-thumb{flex-basis:127.5px;height:127.5px}
.pdp-buy--cr-lx .pbuy-acc{width:545px}
.pdp-buy--cr-lx .pbuy-lede p{font-size:16px;line-height:24px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-list{margin-top:14px}
main.lp .pdp-buy--creatine.pdp-buy--cr-lx .buy-box-wrapper{margin-top:55px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-pay{margin-top:11px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-testi{padding:0 14.25px}
.pdp-buy--cr-lx .pbuy-pay img{width:367.5px}
.pdp-buy--cr-lx .pbuy-trust li{width:145px}
.pdp-buy--cr-lx .pbuy-trust img{width:58px;height:58px}
/* "1,000+ athletes trust us" + heading */
.cr-trust{padding:50px 0 10px}
.cr-trust .tr-row{flex-direction:row;gap:20px;width:500px;margin:10px auto -15px}
.cr-trust .tr-row .pb-img{display:flex;justify-content:flex-end;width:225px}
.cr-trust .tr-row .pb-img img{width:103.5px}
.cr-trust .tr-row .pb-rt{width:225px}
.cr-trust .tr-row .pb-rt p{font-size:14px;line-height:21px}
.cr-trust .tr-title{margin-top:22px;padding:0 10px 30px;font-size:35px;line-height:35px;font-weight:800;text-transform:uppercase;text-align:center}
.cr-qa--lx{padding:50px 0 0;background:rgba(2,248,225,.05)}
.cr-qa--lx .cq-row{width:1000px;padding-top:0}
.cr-qa--lx .cq-left{width:400px}
.cr-qa--lx .cq-img{margin-top:4px}
.cr-qa--lx .cq-img img{width:319.2px}
/* ---------- 4-reasons: hero without a rating line, author/intro, research-benefit blocks, "what type" ---------- */
.reason.cr-rs.cr-r1.cr4{--cr-pt:50px}
.lhero--cr4 .lhero-title{font-size:45px;line-height:45px}
.cr-intro{padding:50px 0 0}
.cr-intro>*{width:1000px;margin-left:auto;margin-right:auto}
.cr-intro .ci-avatar img{width:50px;height:50px;margin:0 auto;border-radius:500px}
.cr-intro .ci-by{margin-top:7px}
.cr-intro .ci-by p{font-size:14px;line-height:21px;text-align:center}
.cr-intro .ci-lead{margin-top:31px;font-size:16px;line-height:24px}
.hilighter{padding:3px;border-radius:5px;background:#FF0;font-weight:600;color:#333}
.cr-intro .ci-list{margin-top:6px}
.cr-intro .ci-list li{padding-left:18.75px;font-size:16px;line-height:24px}
.cr-intro .ci-list li+li{margin-top:15px}
.cr-intro .ci-list li svg{top:5px;width:15px;height:15px;fill:var(--teal)}
.cr-intro .ci-h{padding:10px 0 15px;font-size:35px;line-height:35px;font-weight:700;text-align:center}
.cr-intro .ci-h1{margin-top:20px}
.cr-intro .ci-h2{margin-top:24px}
.cr-intro .ci-h2+.ci-rt{margin-top:5px}
.cr-intro .ci-rt{margin-top:20px}
.cr-intro .ci-img{margin-top:24px}
.cr-intro .ci-img img{width:750px;margin:0 auto;border-radius:15px}
.cr-intro .ci-rt2{margin-top:20px}
.cr-intro .ci-rt2 p:last-child{margin-bottom:14.4px}
.pb-rt p.alert,.lx-rt p.alert{margin:0 0 15px;padding:15px 25px;border:1px solid #D1B655;background:#FFF6D5;font-size:18px;line-height:24px;text-align:center;color:#3F2502;text-shadow:1px 1px #fff}
.cr-bens{padding:25px 0 0}
.cr-bens .bn{width:1100px;margin:0 auto}
.cr-bens .bn+.bn{margin-top:20px}
.cr-bens .bn-head{flex-direction:row;align-items:center;gap:20px;padding:15px;border-radius:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.24)}
.cr-bens .bn+.bn .bn-head{margin:10px 0 0 -10px}
.cr-bens .bn.bn3 .bn-head,.cr-bens .bn.bn4 .bn-head{margin-bottom:10px}
.cr-bens .bn-head h3{width:612.6px;flex:none;font-size:28px;line-height:28px;font-weight:700;color:var(--navy)}
.bn-badges{display:flex;align-items:center;gap:20px}
.bn-badges li:not(.bn-sep){display:flex;align-items:center;width:150px;height:30px}
.bn-badges img{width:25px;height:25px;margin-right:6.25px}
.bn-badges span{padding-left:5px;font-size:14px;line-height:15px;font-weight:300;color:var(--ink)}
.bn-badges .bn-sep{width:1px;height:30px;margin:0 5px 0 -25px;background:rgba(43,55,112,.58)}
.cr-bens .bn-intro{margin-top:20px;padding:10px}
.cr-bens .bn2 .bn-intro{margin-top:40px;padding:0}
.cr-bens .bn-intro p:last-child,.cr-bens .bn-col .rt p:last-child{margin-bottom:14.4px}
.cr-bens .bn-row{flex-direction:row;gap:20px;margin-top:-10px}
.cr-bens .bn-col{width:550px;flex:none;gap:20px;padding:10px}
.cr-bens .bn-list ul{margin:10px 0}
.cr-bens .bn-img{padding:10px}
.cr-bens .bn-img img{width:510px}
.cr-type{padding:50px 0 0}
.cr-type>*{width:1000px;margin-left:auto;margin-right:auto}
.cr-type .ct-title{font-size:40px;line-height:40px;font-weight:800;text-transform:uppercase;text-align:center}
.cr-type .ct-rt{margin-top:30px}
.cr-type .ct-box{margin-top:34px}
.cr-type .ct-img{margin-top:20px}
.cr-type .ct-h{font-size:35px;line-height:35px;font-weight:800;text-transform:uppercase;text-align:center}
.cr-type .ct-img img{width:450px;margin:0 auto}
@media (max-width:767px){
.lhero--cr{background-position:0 0}
.lhero--cr::before{opacity:.76}
.lhero--cr .lhero-btn{align-self:center;height:54px;font-size:14px;line-height:14px}
.lhero--cr .lhero-badges{padding:0}
.pl-row,.pl-slogo{height:65px}
.pl-slogo{padding:0 15px}
.reason.cr-rs .rs-wrap{width:auto;padding:40px 8px 50px}
.reason.cr-rs .rs-head{width:100%;margin:0 0 20px}
.reason.cr-rs .rs-title{font-size:23px;line-height:23px}
.reason.cr-rs .rs-title .rs-num{width:45px;height:45px;margin-right:11.25px}
.reason.cr-rs .rs-media{margin-top:0}
.reason.cr-rs .rs-media .lx-img img{width:100%}
.reason.cr-r2 .rs-title,.reason.cr-r4 .rs-title{font-size:25px;line-height:25px}
.reason.cr-r3 .rs-title{font-size:30px;line-height:30px}
.reason.cr-r5 .rs-title{font-size:27px;line-height:27px}
.reason.cr-r2 .rs-title .rs-num{width:50px;height:50px;margin-right:12.5px}
.reason.cr-r3 .rs-title .rs-num,.reason.cr-r4 .rs-title .rs-num,.reason.cr-r5 .rs-title .rs-num{width:51px;height:51px;margin-right:12.75px}
.cr-stats{margin-top:0}
.cr-review{padding:0 9px 40px}
.cr-btn .lx-btn{width:100%;height:47px;padding:15px 0}
.pdp-buy--creatine.pdp-buy--cr-lx{padding:15px 3px 10px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-grid{width:auto;padding-top:15px}
.pdp-buy--cr-lx .pbuy-h{padding:0}
.pdp-buy--creatine.pdp-buy--cr-lx .pdp-gal{margin:15.6px 0 0}
.pdp-buy--cr-lx .pg-main,.pdp-buy--cr-lx .pg-thumbs{width:384px}
.pdp-buy--cr-lx .pg-slide{flex-basis:384px;padding:0 10px 25px}
.pdp-buy--cr-lx .pg-slide img{width:364px;height:364px}
.pdp-buy--cr-lx .pg-thumb{flex-basis:84.75px;height:84.75px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-lede{padding:0}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-lede p{font-size:16px;line-height:24px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-list{padding:0 0 0 15px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-pay{margin-top:16px}
main.lp .pdp-buy--creatine.pdp-buy--cr-lx .buy-box-wrapper{margin:45px 0 0 8px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-pay img{width:384px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-trust{gap:5.3px;margin-top:9.5px;padding-left:56px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-trust li{width:92.2px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-trust img{width:36.9px;height:36.9px}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-testi{margin:17px 9.2px 0 10px;padding:0}
.pdp-buy--creatine.pdp-buy--cr-lx .pbuy-acc{margin:75px 10px 0}
.cr-qa--lx{padding:50px 0 0}
.cr-qa--lx .cq-left{width:auto}
.cr-qa--lx .cq-row{width:auto}
.cr-research--lx .pr-btn{margin-top:20px}
.cr-trust{padding:25px 0 10px}
.cr-trust .tr-row{gap:0;width:auto;height:36px;margin:10px 0 0}
.cr-trust .tr-row .pb-img{justify-content:flex-start;width:142px;margin-left:38px}
.cr-trust .tr-row .pb-img img{width:112.2px}
.cr-trust .tr-row .pb-rt{width:195px;margin-left:-23px}
.cr-trust .tr-title{margin-top:5px;padding:0 10px;font-size:21px;line-height:21px;letter-spacing:-1.2px}
.marquee.cr-m25{margin-top:25px;padding:12px 0}
.lhero--cr.lhero--cr4 .lhero-inner{padding-top:55px}
.lhero--cr4 .lhero-title{font-size:27px;line-height:29.7px}
.cr-intro{padding:25px 8px 0}
.cr-intro>*,.cr-type>*{width:auto}
.cr-intro .ci-h{font-size:24px;line-height:24px}
.cr-intro .ci-h2{font-size:22px;line-height:22px;text-align:left}
.cr-intro .ci-img img{width:374px}
.cr-type{padding:25px 8px 0}
.cr-type .ct-title{font-size:21px;line-height:21px;letter-spacing:-1.2px}
.cr-type .ct-rt{margin-top:20px}
.cr-type .ct-h{font-size:26px;line-height:26px;letter-spacing:-1.2px}
.cr-type .ct-img img{width:374px}
.cr-bens{padding:25px 15px 0}
.cr-bens .bn{width:auto}
.cr-bens .bn-head{flex-direction:column;align-items:stretch;gap:20px}
.cr-bens .bn+.bn .bn-head{margin:0}
.cr-bens .bn-head h3{width:auto;font-size:21px;line-height:21px;text-align:center;margin-bottom:-7px}
.cr-bens .bn1 .bn-head h3{font-size:23px;line-height:23px}
.cr-bens .bn3 .bn-head h3,.cr-bens .bn4 .bn-head h3{text-align:left}
.bn-badges li:not(.bn-sep){height:24px}
.bn-badges li:first-child{width:115px;margin-left:-5px}
.bn-badges li:last-child{width:125px}
.bn-badges span{font-size:12px;line-height:12px}
.bn-badges .bn-sep{height:20px;margin:0 5px 0 -15px}
.cr-bens .bn-row{flex-direction:column;margin-top:-10px}
.cr-bens .bn-col{width:auto;order:2;padding:0}
.cr-bens .bn-img img{width:340px}
.cr-bens .bn2 .bn-intro{margin-top:42px}
.lhero--cr .lhero-inner{padding-top:36px}
.lhero--cr .lhero-rating{position:relative;top:29px;left:-16px}
.lhero--cr .lhero-rating .stars{font-size:19px;line-height:16px}
.lhero--cr .lhero-rating .stars i{width:16px}
.lhero--cr .lhero-rating>span:not(.stars){font-size:14px;line-height:21px}
}
/* ---------- comparison testimonials (tcar): 3 per view like the live Elementor carousel, bullets under it (Jeff 2026-10-23) ---------- */
.pb-tcar .car-track{gap:30px;transition:none}
.pb-tcar .car-slide{flex:0 0 calc((100% - 60px) / 3)}
.pb-tcar .tc-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:12px}
.pb-tcar .tc-dots button{width:16px;height:16px;padding:0;border-radius:50%;background:var(--teal);opacity:.9}
.pb-tcar .tc-dots button.is-active{background:#7FF0E6;opacity:1}
@media (max-width:767px){
.pb-tcar .car-track{gap:10px}
.pb-tcar .car-slide{flex-basis:100%}
.pb-tcar .tc-dots{gap:8px}
.pb-tcar .tc-dots button{width:10px;height:10px}
}
/* ---------- buy gallery arrows (mas-design L17): circle arrows on the main image, chevrons beside the thumb row (desktop) ---------- */
.pdp-buy--creatine .pdp-gal{position:relative}
.pdp-buy--creatine .pg-main{position:relative}
.pdp-buy--creatine .pg-nav{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(50% - 8px);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 1px 6px rgba(0,0,0,.18);color:var(--navy);z-index:3;cursor:pointer}
.pdp-buy--creatine .pg-nav svg{width:24px;height:24px;fill:currentColor}
.pdp-buy--creatine .pg-nav-prev{left:58px}.pdp-buy--creatine .pg-nav-next{right:58px}
.pdp-buy--creatine .pg-tnav{display:flex;align-items:center;justify-content:center;position:absolute;bottom:52px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;z-index:3;cursor:pointer}
.pdp-buy--creatine .pg-tnav svg{width:14px;height:14px;fill:currentColor}
.pdp-buy--creatine .pg-tnav-prev{left:-14px}.pdp-buy--creatine .pg-tnav-next{right:-14px}
/* ---------- testimonial carousel under the gallery (mas-design L17): stars, larger type, arrows + dots ---------- */
.pdp-buy--creatine .pb-testi{padding:0 30px 34px}
.pdp-buy--creatine .pt-who .pdp-stars{visibility:visible;gap:2px;height:24px;align-items:center}
.pdp-buy--creatine .pt-who .pdp-stars svg{width:18px;height:18px;fill:#F0AD4E}
.pdp-buy--creatine .pt-name{font-size:19px;line-height:26px;font-weight:600;color:var(--navy)}
.pdp-buy--creatine .pt-sub{font-size:15px;line-height:21px;font-weight:600;color:var(--ink)}
.pdp-buy--creatine .pt-text{margin-top:10px;padding:0 20px 20px;font-size:17px;line-height:27px;font-weight:400}
.pdp-buy--creatine .pb-testi .car-btn{width:30px;height:30px;top:calc(50% - 17px);color:var(--navy)}
.pdp-buy--creatine .pb-testi .car-prev{left:0}.pdp-buy--creatine .pb-testi .car-next{right:0}
.pdp-buy--creatine .pb-testi .car-dots{position:absolute;left:0;right:0;bottom:0;gap:10px}
.pdp-buy--creatine .pb-testi .car-dots button{width:12px;height:12px;background:rgba(101,198,189,.45)}
.pdp-buy--creatine .pb-testi .car-dots button.is-active{background:var(--navy)}
@media (max-width:767px){
.pdp-buy--creatine .pg-nav-prev{left:16px}.pdp-buy--creatine .pg-nav-next{right:16px}
.pdp-buy--creatine .pg-nav{width:34px;height:34px}
.pdp-buy--creatine .pg-tnav{display:none}
.pdp-buy--creatine .pb-testi{padding:0 26px 30px}
.pdp-buy--creatine .pt-name{font-size:18px}
.pdp-buy--creatine .pt-sub{line-height:20px}
.pdp-buy--creatine .pt-text{font-size:16px;line-height:25px;padding:0 14px 16px}
.pdp-buy--creatine .pb-testi .car-btn{display:flex}
.pdp-buy--creatine .pt-hdr{position:relative;gap:12px;padding:14px 14px 10px}
.pdp-buy--creatine .pt-avatar{width:56px;height:56px}
.pdp-buy--creatine .pt-who{flex:1;min-width:0}
.pdp-buy--creatine .pt-name{padding-right:68px}
.pdp-buy--creatine .pt-ok{position:absolute;right:12px;top:16px;margin:0}
.pdp-buy--creatine .pt-ok img{width:64px;height:auto}
}
/* ==== assets/css/45-creatine-recovery.css ==== */
/* ==== creatine recovery section (.cr-recovery) — content/creatine-marathon-recovery.php ====
Layout follows the approved pill rows in .cr-research (40-creatine.css): 1100 wrap, 540px columns, navy pill heads.
Mobile order is title, image, text (mas-design Principle 8), then the short-side quote or button. */
.cr-recovery{padding:10px 0 90px;background:#fff}
.cr-recovery>.pb-h,.cr-recovery>.pb-rt,.cr-recovery>.pb{width:1100px;margin-left:auto;margin-right:auto}
.cr-recovery .rc-head{padding:18px 10px 10px;font-size:35px;line-height:39px;font-weight:800;text-transform:uppercase;text-align:center;color:var(--navy)}
.cr-recovery .rc-intro{width:880px!important;margin-top:10px}
.cr-recovery .rc-intro p{font-size:18px;line-height:27px;text-align:center}
.cr-recovery .rc-intro p:last-child{margin-bottom:0;font-weight:700;color:var(--navy)}
.cr-recovery .pr-row{flex-direction:row;gap:20px;margin-top:60px;align-items:flex-start}
.cr-recovery .pr-row .col{width:540px;flex:none;padding:10px}
.cr-recovery .pr-row .col-text{gap:18px}
.cr-recovery .pill{padding:8px 14px 8px 10px;border-radius:15px;background:var(--navy);align-self:flex-start}
.cr-recovery .pill>span{font-size:18px;line-height:22px;font-weight:700;color:#fff}
.cr-recovery .rc-text{padding-left:10px}
.cr-recovery .rc-text p{font-size:16px;line-height:1.5}
.cr-recovery .rc-text p:last-child{margin-bottom:0}
.cr-recovery .rc-text strong{color:var(--navy);text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px;text-underline-offset:5px}
.cr-recovery .rc-text .cite{font-size:12px;line-height:18px;color:var(--grey)}
.cr-recovery .col-img{gap:24px;align-items:center}
.cr-recovery .rc-img img{width:500px;margin:0 auto;border-radius:25px}
.cr-recovery .rc-side{width:auto;margin-left:10px}
.cr-recovery .rc-side.lx-review-wrap{padding:0;margin-top:6px}
.cr-recovery .rc-btn .pdp-cta{width:100%;height:55px;justify-content:center;border-radius:30px}
/* two stats of one comparison: the approved stat callout (.ms-statcall, 23-guide-blocks.css), stacked and compact,
number to the right of the ring (Jeff 2026-10-23). MAS row: teal ring + plus badge; the comparison row: grey, no badge. */
.cr-recovery .rc-stats{display:flex;flex-direction:column;gap:12px;margin-left:10px}
.cr-recovery .rc-stats .ms-statcall{margin:0;padding:10px 20px;gap:16px;border-radius:14px;box-shadow:0 8px 22px rgba(30,44,88,.07);border:1px solid var(--card-line)}
.cr-recovery .rc-stats .ms-statcall__ring{width:78px}
.cr-recovery .rc-stats .ms-statcall__chev{width:16px}
.cr-recovery .rc-stats .ms-statcall__head{max-width:none;font-size:13px;line-height:1.2}
.cr-recovery .rc-stats .ms-statcall__num{font-size:40px}
.cr-recovery .rc-stats .ms-statcall__badge rect{fill:#fff}
.cr-recovery .rc-stat--base{background:#FAFBFC}
.cr-recovery .rc-stat--base .ms-statcall__badge{display:none}
.cr-recovery .rc-stat--base .ms-statcall__arc{stroke:#B9C0CC}
.cr-recovery .rc-stat--base .ms-statcall__chev path{stroke:#B9C0CC}
.cr-recovery .rc-stat--base .ms-statcall__num{color:#6B7280}
.cr-recovery .rc-stat--base .ms-statcall__ring g[data-icon]{opacity:.55;filter:grayscale(1)}
.cr-recovery .rc-bridge{width:820px!important;margin-top:70px}
.cr-recovery .rc-bridge p{font-size:18px;line-height:27px;text-align:center}
.cr-recovery .rc-bridge p:nth-child(2){font-weight:700;color:var(--navy)}
.cr-recovery .rc-bridge p:last-child{margin-bottom:0}
@media (max-width:767px){
.cr-recovery{padding:0 15px 60px}
.cr-recovery>.pb-h,.cr-recovery>.pb-rt,.cr-recovery>.pb{width:auto}
.cr-recovery .rc-intro,.cr-recovery .rc-bridge{width:auto!important}
.cr-recovery .rc-head{font-size:20px;line-height:24px;padding:10px 0}
.cr-recovery .rc-intro p,.cr-recovery .rc-bridge p{font-size:16px;line-height:24px}
.cr-recovery .pr-row{flex-direction:column;gap:18px;margin-top:45px}
.cr-recovery .pr-row .col{display:contents}
.cr-recovery .pill{order:1}
.cr-recovery .rc-img{order:2}
.cr-recovery .rc-text{order:3;padding-left:0}
.cr-recovery .rc-stats{order:4;margin-left:0}
.cr-recovery .rc-text+.rc-stats+.rc-text{order:5}
.cr-recovery .rc-side{order:6;width:100%}
.cr-recovery .rc-img img{width:100%;max-width:360px}
.cr-recovery .rc-stats .ms-statcall{padding:8px 14px;gap:12px}
.cr-recovery .rc-stats .ms-statcall__ring{width:64px}
.cr-recovery .rc-stats .ms-statcall__num{font-size:34px}
.cr-recovery .rc-bridge{margin-top:50px}
}
/* strength chart (row 3): two lines through the weeks back in training, MAS Creatine vs training alone (iron quiz graph pattern) */
.cr-recovery .rc-chart{width:500px;margin:0 auto;padding:22px 18px 14px;border-radius:25px;background:linear-gradient(160deg,#EAF5F8 0%,#FFFFFF 55%,#FFF8F1 100%);border:1px solid var(--card-line)}
.rc-chart .sc-legend{display:flex;justify-content:center;gap:22px;margin-bottom:6px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.rc-chart .sc-k{display:flex;align-items:center;gap:8px}
.rc-chart .sc-k i{width:14px;height:14px;border-radius:50%;background:var(--teal)}
.rc-chart .sc-k--base i{background:var(--pink)}
.rc-chart .sc-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--font)}
.rc-chart .sc-grid{stroke:#D9DEE5;stroke-width:1}
.rc-chart .sc-axis{stroke:#9AA3B2;stroke-width:1.2}
.rc-chart .sc-ytick{font-size:13px;fill:#4A4F5A;text-anchor:end}
.rc-chart .sc-ytitle,.rc-chart .sc-xtitle{font-size:13px;font-weight:500;fill:#4A4F5A;text-anchor:middle}
.rc-chart .sc-xlab{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--navy)}
.rc-chart .sc-xlab--end{text-anchor:end}
.rc-chart .sc-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.rc-chart .sc-line--mas{stroke:var(--teal)}
.rc-chart .sc-line--base{stroke:var(--pink);stroke-width:3.5}
.rc-chart .sc-tip image{filter:drop-shadow(0 3px 4px rgba(20,30,60,.2))}
.rc-chart .sc-end text{font-size:30px;font-weight:800;text-anchor:end}
.rc-chart .sc-end--mas text{fill:var(--navy)}
.rc-chart .sc-end--base text{fill:var(--pink)}
@media (max-width:767px){
.cr-recovery .rc-chart{order:2;width:100%;padding:16px 8px 10px}
.rc-chart .sc-legend{gap:14px;font-size:13px}
.rc-chart .sc-ytick{font-size:17px}
.rc-chart .sc-ytitle,.rc-chart .sc-xtitle{font-size:17px}
.rc-chart .sc-xlab{font-size:16px;letter-spacing:.02em}
.rc-chart .sc-end text{font-size:34px}
}
/* hero on this page: the subheadline sits directly on the checklist (no lede between), so the list gets its own top space */
.pdp--chero .rc-hero-list{margin-top:12px}
/* closing ask: centred headline + pink button */
.cr-recovery .rc-ask{margin-top:80px;padding:0 10px;font-size:32px;line-height:38px;font-weight:800;text-transform:uppercase;text-align:center;color:var(--navy)}
.cr-recovery .rc-ask-btn{margin-top:26px;justify-content:center}
.cr-recovery .rc-ask-btn .pdp-cta{height:55px;padding:20px 80px;border-radius:30px}
@media (max-width:767px){
.cr-recovery .rc-ask{margin-top:55px;padding:0;font-size:21px;line-height:26px}
.cr-recovery .rc-ask-btn{margin-top:20px}
}
/* hero visual: tub centred, four frosted-glass callouts (icon, stat, takeaway). Sizes in cqw so the 1000x760 key frame scales to the column */
.pdp--chero .rh-wrap{align-self:center}
.rh-stage{position:relative;width:100%;aspect-ratio:1000/760;margin:0;container-type:inline-size}
.pdp--chero .rh-stage img.rh-prod{position:absolute;left:50%;top:50%;width:50%;height:auto;transform:translate(-50%,-50%) rotate(-2deg);filter:drop-shadow(0 3.4cqw 4cqw rgba(30,44,88,.26))}
.rh-call{position:absolute;display:flex;align-items:center;gap:1.6cqw;padding:1.6cqw 2.2cqw 1.6cqw 1.6cqw;border-radius:max(12px,2cqw);background:rgba(255,255,255,.55);
-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(43,55,112,.10);box-shadow:0 2cqw 4.4cqw rgba(30,44,88,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.rh-ic{flex:none;display:grid;place-items:center;width:max(34px,5.8cqw);height:max(34px,5.8cqw);border-radius:max(10px,1.6cqw);background:#fff;border:1px solid rgba(43,55,112,.08)}
.rh-ic svg{width:max(22px,3.8cqw);height:max(22px,3.8cqw)}
.rh-n{font-size:max(24px,4.6cqw);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums}
.rh-l{margin-top:.5cqw;font-size:max(12px,1.6cqw);line-height:1.25;font-weight:600;color:var(--ink);white-space:nowrap}
.rh-c1{left:4.6%;top:12.6%}
.rh-c2{right:7.8%;top:7.6%}
.rh-c3{right:3%;top:44.5%}
.rh-c4{right:53.5%;top:70.5%}
@media (max-width:767px){
.pdp--chero .ch-img.rh-wrap{width:100%;height:auto;align-self:stretch}
.rh-stage{aspect-ratio:360/440}
.pdp--chero .rh-stage img.rh-prod{width:60%;margin:0;top:52%}
.rh-call{gap:8px;padding:8px 12px 8px 8px;border-radius:12px}
.rh-ic{width:34px;height:34px;border-radius:10px}.rh-ic svg{width:22px;height:22px}
.rh-n{font-size:24px}
.rh-l{margin-top:2px;font-size:12px;white-space:normal;max-width:108px}
.rh-c1{left:0;top:2%}.rh-c2{right:0;top:9%}.rh-c3{right:0;top:37%}.rh-c4{right:auto;left:0;top:auto;bottom:4%}
}