/*! GENERATED by tools/scope-css.php from phoenix-pdp.css — do not edit. */
/* ═══════════════════════════════════════════════════════════════
   EEHP — Phoenix PDP (dark v3)
   Renders on the Phoenix product page via [eehp_phoenix_pdp].
   Ported from the content team's html/phoenix-pdp mockup.
   Scoped under .eehp-phoenix-pdp so it doesn't bleed into the theme.
   ═══════════════════════════════════════════════════════════════ */

/* ══ DESIGN TOKENS ══════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp{
  --bg:#0c0917;--surface:#151022;--surface2:#1c1730;--surface3:#221d3a;
  --border:rgba(255,255,255,0.08);--border-accent:rgba(201,168,76,0.45);--border-green:rgba(46,204,113,0.3);
  --gold:#c9a84c;--gold-light:#e8c96b;--gold-dark:#9a7a2e;--green:#2ecc71;--green-bright:#7ded6f;--red-warn:#e74c3c;
  --text:#eeecf5;--text-muted:#cdc9e2;--text-faint:#9c97b3;--radius:18px;--radius-sm:10px;--radius-pill:100px;

  background:var(--bg);
  color:var(--text);
  font-family:'Inter',-apple-system,system-ui,sans-serif;
  font-size:16px;
  line-height:1.65;
  position:relative;
  overflow:hidden;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp *, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp *::before, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp *::after{box-sizing:border-box;}

/* ══ BACKDROP ORBS ══════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .bg-orbs{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .orb{position:absolute;border-radius:50%;filter:blur(80px);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .orb-1{width:700px;height:700px;top:-150px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#e07b1a,transparent);opacity:.09;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .orb-2{width:500px;height:500px;top:42%;right:-100px;background:radial-gradient(circle,#2ecc71,transparent);opacity:.07;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .orb-3{width:400px;height:400px;bottom:12%;left:-80px;background:radial-gradient(circle,#c9a84c,transparent);opacity:.07;}

/* ══ LAYOUT PRIMITIVES ══════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .page{position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .wrap{max-width:860px;margin:0 auto;padding:0 28px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .wrap-wide{max-width:1060px;margin:0 auto;padding:0 28px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .tc{text-align:center;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp section{padding:70px 0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .sec-tight{padding-top:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .sec-last{padding-bottom:70px;}

/* ══ TYPE ═══════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .overline{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:14px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp h1{font-size:clamp(40px,6vw,66px);font-weight:800;line-height:1.06;letter-spacing:-.01em;margin:0;color:var(--text);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp h2{font-size:clamp(24px,3.5vw,36px);font-weight:700;line-height:1.25;margin:0;color:var(--text);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp h3{font-size:20px;font-weight:600;margin:0;color:var(--text);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp p{color:#d9d6e6;margin:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gold{color:var(--gold-light);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .green{color:var(--green-bright);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .muted{color:var(--text-muted);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-accent);color:var(--gold-light);background:rgba(201,168,76,.06);}

/* ══ BUTTON (shared with Woo add-to-cart) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .btn, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .single_add_to_cart_button{display:inline-block;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:.01em;color:#0c0917;background:linear-gradient(135deg,var(--green-bright),var(--green));border:none;border-radius:var(--radius-pill);padding:17px 44px;cursor:pointer;text-decoration:none;box-shadow:0 8px 30px rgba(46,204,113,.25);transition:transform .15s ease,box-shadow .15s ease;line-height:1.4;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .btn:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .single_add_to_cart_button:hover{transform:translateY(-2px);box-shadow:0 12px 38px rgba(46,204,113,.35);color:#0c0917;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .guarantee-line{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--green-bright);font-weight:600;}

/* ══ HERO ═══════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero{padding:50px 0 26px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-img-wrap{background:radial-gradient(circle at 50% 40%,rgba(224,123,26,.14),transparent 70%);display:flex;justify-content:center;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-img{max-width:100%;height:auto;max-height:560px;width:auto;border-radius:14px;filter:drop-shadow(0 24px 60px rgba(0,0,0,.6));}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero h1{margin:8px 0 6px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-badge{margin:0 0 14px;line-height:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-badge img{display:block;width:340px;max-width:100%;height:140px;object-fit:cover;object-position:center 47%;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-sub{font-size:19px;color:#cfcbe0;margin-bottom:22px;max-width:46ch;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 16px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .trust-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);margin-top:6px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .trust-row span{display:inline-flex;align-items:center;gap:6px;}

/* ══ CARDS ══════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px 32px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .card+.card{margin-top:20px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);margin-bottom:10px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .eyebrow-gap{margin-top:26px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .lead-p{font-size:18px;color:#e4e1ef;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .classroom-lede{margin:14px 0 20px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .classroom p{margin-bottom:16px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .classroom p:last-child{margin-bottom:0;}

/* ══ LISTS ══════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:6px 0 0;padding:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blist li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#dcd9ea;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ck{color:var(--green-bright);font-weight:800;flex-shrink:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blend-note{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}

/* ══ INGREDIENT CIRCLES ═════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circles{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 12px;margin:14px 0 6px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-tile{text-align:center;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle{width:92px;height:92px;border-radius:50%;margin:0 auto 8px;overflow:hidden;border:1px solid var(--border-green);background:radial-gradient(circle at 50% 38%,rgba(46,204,113,.12),var(--surface2));display:flex;align-items:center;justify-content:center;position:relative;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle.icon{background:transparent;border:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle.icon img{object-fit:contain;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle img.zoom-102{transform:scale(1.02);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle img.zoom-104{transform:scale(1.04);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle img.zoom-113{transform:scale(1.13);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circle img.zoom-114{transform:scale(1.14);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-name-sm{font-size:12.5px;font-weight:600;color:#dcd9ea;line-height:1.25;}

/* ══ LABEL GALLERY ══════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery figure{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center;position:relative;overflow:visible;margin:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery img{max-width:100%;max-height:380px;border-radius:6px;transition:transform .28s ease,box-shadow .28s ease;cursor:zoom-in;}
/* Hover-zoom only where a real pointer exists; touch devices use the
   tap-to-lightbox behavior in js/phoenix-pdp.js instead. */
@media (hover:hover) and (pointer:fine){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery figure:hover{z-index:30;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery figure:hover img{transform:scale(1.8);box-shadow:0 24px 70px rgba(0,0,0,.75);position:relative;z-index:30;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery figure:first-child:hover img{transform-origin:left center;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery figure:last-child:hover img{transform-origin:right center;}
}

/* ══ WHO / USE ══════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .for-list{list-style:none;margin:8px 0 0;padding:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .for-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border);font-size:15.5px;color:#dcd9ea;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .for-list li:first-child{border-top:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .use-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .usestep{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .usestep .n{color:var(--gold-light);font-weight:800;font-size:22px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .step-p{font-size:14px;margin-top:6px;}

/* ══ RESEARCH ═══════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-lede{font-size:14px;margin-bottom:6px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list .rrow{padding:10px 0;border-top:1px solid var(--border);font-size:14px;color:#dcd9ea;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list .rrow:first-child{border-top:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list .ring{color:var(--gold-light);font-weight:700;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list a{color:var(--green-bright);text-decoration:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list a:hover{text-decoration:underline;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list .sep{color:var(--text-faint);margin:0 5px;}

/* ══ FINAL CTA / OFFER ══════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .finalcta{background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--border-green);border-radius:var(--radius);padding:44px 36px;text-align:center;position:relative;overflow:hidden;isolation:isolate;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .cta-montage{position:absolute;right:-6px;bottom:-6px;width:250px;height:auto;max-width:42%;z-index:-1;pointer-events:none;opacity:.92;-webkit-mask-image:radial-gradient(135% 135% at 100% 100%,#000 50%,transparent 85%);mask-image:radial-gradient(135% 135% at 100% 100%,#000 50%,transparent 85%);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .finalcta-h{margin:14px 0 8px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .finalcta-sub{max-width:52ch;margin:0 auto 8px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .offer-buy{margin:18px 0 12px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .crosssell{text-align:center;font-size:15px;color:var(--text-muted);margin-top:26px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .crosssell a{color:var(--green-bright);font-weight:700;text-decoration:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .crosssell a:hover{text-decoration:underline;}

/* Woo price + add-to-cart form inside the offer card */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .offer-price .price{display:block;font-size:34px;font-weight:800;color:var(--green-bright);margin-bottom:14px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .offer-price .price del{font-size:20px;color:var(--text-faint);opacity:1;margin-right:10px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .offer-price .price ins{text-decoration:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart .quantity{display:inline-flex;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart .quantity .qty{width:74px;padding:14px 8px;text-align:center;font-size:16px;font-weight:700;color:var(--text);background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-sm);}
/* Hide Woo's stray labels/screen-reader bits that fight the layout */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart .quantity label{display:none;}

/* ══ SAFETY ═════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .safety{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 22px;font-size:13.5px;color:var(--text-muted);line-height:1.6;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .safety b{color:#cfcbe0;}

/* ══ RESPONSIVE ═════════════════════════ */
@media(max-width:760px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .hero-grid{grid-template-columns:1fr;gap:26px;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blist{grid-template-columns:1fr;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .gallery{grid-template-columns:1fr;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .use-steps{grid-template-columns:1fr;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp section{padding:50px 0;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .sec-tight{padding-top:0;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-circles{grid-template-columns:repeat(3,1fr);}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .cta-montage{width:150px;opacity:.8;}
}

/* ══ MOBILE READABILITY (Kenny 2026-09-18) ═══════════════════════
   Same brief as the quiz-results pages' eehp/eehp-results-mobile.css:
   the customer base skews 40-60, so mobile type is sized up. This PDP
   was already close — no overflow at 390px and a 48px-tall add-to-cart
   — so this is a type pass, not a layout rescue. Kept as its own block
   (rather than folded into the layout query above) so the two concerns
   stay separable, and at the same 700px breakpoint the results pages
   use, so the funnel does not change size between its own pages.

   Ordinary specificity is enough almost everywhere: unlike the
   generated results builds, this template carries no inline font-size
   attributes. The ONE exception is the add-to-cart button, and it is
   worth knowing why. The theme's own css/woocommerce.css declares

       .product form.cart .single_add_to_cart_button { font-size: 0.95rem !important }

   which is why this file's existing desktop rule (17px, no !important)
   has never actually applied — the button has been rendering at 15.2px
   all along, on desktop as well as mobile. That is a pre-existing
   condition, not something this block introduced; the mobile rule below
   carries !important to beat it, and the desktop rule is left as-is
   rather than quietly changing a size Kenny has already signed off on.
   Do not add !important anywhere else here.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width:700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp{font-size:17.5px;}

  /* Body copy and the bullet list are the "read the whole thing" text. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp p{font-size:17px;line-height:1.6;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blist li{font-size:16.5px;line-height:1.5;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .crosssell{font-size:16px;}

  /* Small caps labels. 10-11px is legible on a desk, not at arm's length. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .overline, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .eyebrow{font-size:12.5px;letter-spacing:.11em;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .pill{font-size:13px;padding:7px 13px;}

  /* Supporting copy blocks. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .trust-row{font-size:14.5px;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .guarantee-line{font-size:15.5px;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .blend-note{font-size:14px;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .step-p{font-size:15.5px;line-height:1.5;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-lede{font-size:15.5px;line-height:1.55;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .research-list .rrow{font-size:15.5px;line-height:1.5;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .ing-name{font-size:14.5px;}

  /* The buying controls. The price already renders large (34px) from
     WooCommerce; the button label was the small half of that pair. */
  /* Selector shape matters here, not just !important. The theme rule
     `.product form.cart .single_add_to_cart_button` is ALSO !important
     and scores an identical (0,3,1) — 3 classes + the form element — and
     css/woocommerce.css is enqueued after this file, so on a tie it wins.
     Going through body.eehp-phoenix-active (the class inc/phoenix-pdp.php
     already adds for exactly this kind of scoping) scores (0,3,2) and
     settles it on specificity rather than on load order, which is the
     part that would otherwise break the next time enqueues are reordered. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active form.cart .single_add_to_cart_button, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active form.cart .button{font-size:17px !important;min-height:52px;}
}

/* Add to Cart colour (client, 2026-09-26): the same bright green as the hero's
   green accents (--green-bright), solid, not the darker gradient. Scoped
   through body.eehp-phoenix-active so it outranks the theme's !important
   button rule on specificity, at every width. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active form.cart .single_add_to_cart_button, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .eehp-phoenix-pdp .btn{background:#7ded6f !important;background-image:none !important;color:#0c0917 !important;border:none !important;box-shadow:0 8px 30px rgba(125,237,111,.35);}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active form.cart .single_add_to_cart_button:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .eehp-phoenix-pdp .btn:hover{background:#8ff581 !important;color:#0c0917 !important;}
@media (max-width:600px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart .qty{font-size:16px;min-height:44px;}

  /* Variation dropdowns (single/2-pack/3-pack/drum): under 16px iOS
     zooms the viewport on focus, landing the buyer mid-page at 1.4x. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp form.cart select, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phoenix-pdp .variations select{font-size:16px;min-height:44px;}
}

/* ══ LABEL LIGHTBOX (js/phoenix-pdp.js appends to <body>) ══ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phx-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(8,6,16,.92);padding:24px;cursor:zoom-out;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phx-lightbox.open{display:flex;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-phx-lightbox img{max-width:min(92vw,900px);max-height:92vh;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.8);}

/* ════════════════════════════════════════════════════════════════
   FULL-WIDTH BREAKOUT
   Mirror of the results-page rules: when the Phoenix shortcode is
   rendering, release the theme's page-shell container and suppress
   the standard WC chrome so the dark page bleeds edge-to-edge.
   ════════════════════════════════════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .page-shell{
	padding: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .page-shell__inner, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .page-shell--wide .page-shell__inner{
	max-width: none;
	padding: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .eehp-pdp-results{
	margin: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .woocommerce-tabs, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .woocommerce-breadcrumb, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active nav.woocommerce-breadcrumb, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .related.products, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .upsells.products, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .product_meta-wrap, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-phoenix-active .woocommerce-notices-wrapper:empty{
	display: none;
}