/* ============================================================
   V23 — HERO ALIGNMENT FIX (single source of truth)
   Nine stacked hero override passes (V8→V21) across this file
   left a stray transform: translateX(-12%) on .bpm-hero-content
   from an old layout experiment. Nothing since reset it, so the
   frosted content panel has been rendering shifted left of
   center this whole time — that's the misalignment in QA.
   This block is now the single source of truth for hero layout;
   every relevant property is explicitly set so nothing from an
   earlier pass can leak through again.
   ============================================================ */
.bpm-hero, .bpm-hero--sell {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-height: clamp(390px, 53vh, 530px) !important;
  padding: 40px 24px !important;
  overflow: hidden !important;
}
.bpm-hero-bg { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
.bpm-hero-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.bpm-hero-content {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  transform: none !important;
  margin: 0 auto !important;
  max-width: 460px !important;
  width: auto !important;
  padding: 24px 30px !important;
  text-align: center !important;
}
@media (max-width: 749px) {
  .bpm-hero, .bpm-hero--sell { min-height: clamp(357px, 49vh, 476px) !important; padding: 28px 18px !important; }
  .bpm-hero-content { max-width: 100% !important; padding: 20px 19px !important; }
}

/* ============================================================
   V24 — QUICK GLANCE LINK STYLING FIX
   The 4-item strip under the hero is a set of <a> tags with no
   color/decoration override, so default browser link styling
   (blue-purple + underline) was bleeding through on every title
   and description.
   ============================================================ */
.bpm-quickglance-item {
  text-decoration: none !important;
  color: inherit !important;
}
.bpm-quickglance-title {
  text-decoration: none !important;
  color: #2f2a26 !important;
}
.bpm-quickglance-desc {
  text-decoration: none !important;
  font-style: italic;
  color: #6b645d !important;
}

/* ============================================================
   V25 — NEWSLETTER GLOW TONED DOWN
   Rachael's QA: the purple at the bottom of the page reads too
   dark/heavy. Tightened the blur radius and dropped the glow
   opacity so it doesn't wash into the footer below it.
   ============================================================ */
.bpm-newsletter-box {
  box-shadow: 6px 6px 0 var(--scream-purple, #6b3ea0), 8px 8px 14px rgba(155,109,204,.22) !important;
}