/* /poh/ The Power of Hormones sales letter - page-only additions and overrides (loaded after hba.css) */

/* readability: eyebrows and text links a shade darker so they pass contrast on the blush tint */
.poh .eyebrow,.poh .poh-textlink{color:#A62E3D}
.poh .brand span{line-height:1.45}
.poh .brand b{font-size:16px}
.poh .ben .num{font-size:16px}
.poh .card p,.poh .poh-feat p,.poh .poh-revs .rev blockquote,.poh .author-card p{font-size:18px;line-height:1.65}
.poh .poh-disc{font-size:18px}

/* hero */
.poh-hero{padding:56px 0 64px}
.poh-hero .hero-grid{grid-template-columns:1.18fr .82fr;gap:48px}
.poh-hero h1{font-size:clamp(34px,3.9vw,50px);line-height:1.08}
.poh-hero h1 em{display:block;margin-top:.12em}
.poh-sub{font:400 20px/1.6 Inter,sans-serif;color:var(--text);margin:18px 0 24px;max-width:600px}
.poh-hero-pack-m{display:none}
.poh-from{margin:16px 0 0;font:500 18px/1.5 Inter,sans-serif;color:var(--ink)}
.poh-from s{color:var(--muted)}
.poh-from b{color:#A62E3D;font-weight:700}
.poh-hero .chips{margin-top:20px}
.poh-hero-pic .poh-script{position:absolute;left:-18px;top:-22px;bottom:auto;margin:0;font-size:27px;line-height:1.15;transform:rotate(-4deg);z-index:2}
.poh-mini-rev{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 18px;align-items:center;max-width:980px;margin:44px auto 0;background:#fff;border:1px solid var(--ring);border-radius:18px;padding:20px 26px;box-shadow:var(--shadow-sm)}
.poh-mini-rev img{grid-row:1/3;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--ring)}
.poh-mini-rev blockquote{margin:0;font:500 18px/1.55 Inter,sans-serif;color:var(--ink);font-style:italic}
.poh-mini-rev figcaption{font:600 18px/1.5 Inter,sans-serif;color:var(--muted)}
.poh-mini-rev figcaption a{margin-left:10px;color:#A62E3D}

/* calls to action inside the letter */
.poh-cta-box{margin-top:2em;background:linear-gradient(90deg,var(--hero-a),var(--hero-b));border:1px solid var(--ring);border-radius:20px;padding:28px 30px;text-align:center}
.poh-cta-box p{font:600 21px/1.45 Outfit,sans-serif;color:var(--ink);margin:0 0 18px}
.poh-cta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px}
.poh-cta-note{margin:14px 0 0;font-size:18px;color:var(--muted)}
.poh-items + .poh-mid-cta{margin-top:48px}

/* price block: guarantee right under the prices */
.poh-pricing .poh-head .lead{max-width:680px;margin:10px auto 0;font-size:19px}
.poh-guar-strip{display:flex;align-items:center;gap:22px;max-width:860px;margin:40px auto 0;background:#fff;border:1px solid var(--ring);border-radius:18px;padding:18px 26px;box-shadow:var(--shadow-sm)}
.poh-guar-strip img{flex:none;width:96px;height:96px}
.poh-guar-strip p{margin:0;font-size:18px;line-height:1.55;color:var(--text)}
.poh-guar-strip b{color:#A62E3D}
.poh-tier.best .poh-price strong{font-size:60px}
.poh-tier-img{height:auto}

/* phone buy bar steps aside while the prices are on screen */
.sticky-buy.poh-off{transform:translateY(110%)!important}

@media (max-width:960px){
  .poh-hero .hero-grid{grid-template-columns:1fr;gap:36px}
  .poh-hero-pic .poh-script{left:8px}
}
@media (max-width:640px){
  .poh .card p,.poh .poh-feat p,.poh .poh-revs .rev blockquote,.poh .author-card p,.poh .poh-disc{font-size:17px}
  .poh-hero{padding:26px 0 40px}
  .poh-hero h1{font-size:33px}
  .poh-sub{font-size:17px;margin:14px 0 18px}
  .poh-hero-pic{display:none}
  .poh-hero-pack-m{display:block;width:46%;max-width:180px;margin:0 auto 16px;filter:drop-shadow(0 14px 22px rgba(80,30,40,.25))}
  .poh-hero-copy{display:flex;flex-direction:column}
  .poh-hero-copy .poh-cd{order:3;margin-top:18px}
  .poh-hero-copy .poh-from{order:2}
  .poh-hero-copy .chips{order:4}
  .poh-hero-cta{margin-top:0}
  .poh-from{text-align:center;font-size:17px}
  .poh-hero .chips{gap:10px}
  .poh-mini-rev{grid-template-columns:52px minmax(0,1fr);padding:18px;margin-top:30px}
  .poh-mini-rev img{grid-row:auto;width:52px;height:52px}
  .poh-mini-rev blockquote{grid-column:1/-1;grid-row:1;font-size:17px}
  .poh-mini-rev figcaption{font-size:17px}
  .poh-mini-rev figcaption a{display:block;margin:2px 0 0}
  .poh-laura{display:grid;grid-template-columns:120px auto;align-items:center;gap:16px;max-width:none;margin:0}
  .poh-laura .rounded{width:120px;border-radius:50%}
  .poh-sign{margin:0;width:150px}
  .poh-cta-box{padding:22px 18px}
  .poh-cta-box p{font-size:19px}
  .poh-cta-row{flex-direction:column;align-items:stretch}
  .poh-guar-strip{flex-direction:column;text-align:center;padding:20px 18px;gap:12px}
  .poh-guar-strip p{font-size:17px}
  .poh-pricing .poh-head .lead{font-size:17px}
}