/* ============================================================
   V19 — SACRED CHAOS CARDS
   PURPLE UPDATED per Rachael: the neon #9d00ff read wrong.
   Switched to a deep jewel violet from her own dark-mode
   grimoire token family — richer, more "mystical authority,"
   still hits as hard as the pink but doesn't look like a rave.
   ============================================================ */

.bpm-readings-grid {
  --scream-pink: #ff2d8e;
  --scream-pink-glow: rgba(255, 45, 142, 0.34);
  --scream-purple: #6b3ea0;
  --scream-purple-glow: rgba(155, 109, 204, 0.42);
  --parchment: #f6efdc;
  --parchment-2: #efe6cf;
  --ink-deep: #1a1612;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 40px 26px !important;
  max-width: 1060px !important;
  padding: 26px 6px 40px !important;
}

.bpm-reading-card {
  flex: 0 1 252px !important;
  position: relative !important;
  overflow: visible !important;
  background: var(--parchment) !important;
  border: 2px solid var(--ink-deep) !important;
  border-radius: 3px !important;
  padding: 30px 18px 20px !important;
  transition: transform .2s cubic-bezier(.2,.9,.3,1.3), box-shadow .2s ease !important;
}

.bpm-reading-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70px 46px at 12% 18%, rgba(80,40,20,0.06), transparent 70%),
    radial-gradient(ellipse 54px 34px at 88% 82%, rgba(80,40,20,0.05), transparent 70%);
}

.bpm-reading-card:nth-child(6n+1) { transform: rotate(-0.4deg); margin-top: 2px;  flex-basis: 272px; }
.bpm-reading-card:nth-child(6n+2) { transform: rotate(0.35deg); margin-top: 22px; flex-basis: 230px; }
.bpm-reading-card:nth-child(6n+3) { transform: rotate(-0.25deg); margin-top: 0px; flex-basis: 300px; }
.bpm-reading-card:nth-child(6n+4) { transform: rotate(0.4deg);  margin-top: 30px; flex-basis: 210px; }
.bpm-reading-card:nth-child(6n+5) { transform: rotate(-0.35deg); margin-top: 12px; flex-basis: 258px; }
.bpm-reading-card:nth-child(6n+6) { transform: rotate(0.22deg); margin-top: 34px; flex-basis: 240px; }

.bpm-reading-card .bpm-reading-price {
  position: absolute !important;
  top: -18px !important;
  right: -6px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 50px !important;
  padding: 6px 11px !important;
  background: var(--parchment) !important;
  border: 2px solid currentColor !important;
  border-radius: 2px !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  transform: rotate(-7deg) !important;
  z-index: 6 !important;
}

.bpm-reading-card:nth-child(odd) {
  box-shadow: 5px 5px 0 var(--scream-pink), 9px 9px 20px var(--scream-pink-glow) !important;
}
.bpm-reading-card:nth-child(odd) .bpm-reading-price { color: var(--scream-pink) !important; }
.bpm-reading-card:nth-child(odd):hover,
.bpm-reading-card:nth-child(odd):focus-visible {
  transform: rotate(0deg) translate(-4px, -4px) !important;
  box-shadow: 9px 9px 0 var(--scream-pink), 15px 15px 26px var(--scream-pink-glow) !important;
  z-index: 5 !important;
}

.bpm-reading-card:nth-child(even) {
  box-shadow: 5px 5px 0 var(--scream-purple), 9px 9px 20px var(--scream-purple-glow) !important;
}
.bpm-reading-card:nth-child(even) .bpm-reading-price { color: var(--scream-purple) !important; }
.bpm-reading-card:nth-child(even):hover,
.bpm-reading-card:nth-child(even):focus-visible {
  transform: rotate(0deg) translate(-4px, -4px) !important;
  box-shadow: 9px 9px 0 var(--scream-purple), 15px 15px 26px var(--scream-purple-glow) !important;
  z-index: 5 !important;
}

.bpm-reading-card:nth-child(6n+1) .bpm-reading-name { font-family: 'IM Fell English', serif; font-style: italic; font-size: 17px !important; letter-spacing: .01em !important; text-transform: none !important; }
.bpm-reading-card:nth-child(6n+2) .bpm-reading-name { font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 18px !important; letter-spacing: .02em !important; text-transform: none !important; }
.bpm-reading-card:nth-child(6n+3) .bpm-reading-name { font-family: 'Bebas Neue', sans-serif; font-size: 19px !important; letter-spacing: .06em !important; }
.bpm-reading-card:nth-child(6n+4) .bpm-reading-name { font-family: 'Special Elite', 'Courier New', monospace; font-size: 13px !important; letter-spacing: .03em !important; text-transform: none !important; }
.bpm-reading-card:nth-child(6n+5) .bpm-reading-name { font-family: 'Caveat', cursive; font-size: 22px !important; font-weight: 700; letter-spacing: 0 !important; text-transform: none !important; }
.bpm-reading-card:nth-child(6n+6) .bpm-reading-name { font-family: var(--cinzel); }

.bpm-reading-card .bpm-reading-name { margin-top: 6px !important; display: block !important; color: var(--ink-deep) !important; }
.bpm-reading-card .bpm-reading-desc { color: #4a423a !important; }

.bpm-reading-card .bpm-reading-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .09em !important;
  color: var(--parchment) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.bpm-reading-card:nth-child(odd) .bpm-reading-cta { background: var(--scream-pink) !important; box-shadow: 2px 2px 0 var(--ink-deep); }
.bpm-reading-card:nth-child(even) .bpm-reading-cta { background: var(--scream-purple) !important; box-shadow: 2px 2px 0 var(--ink-deep); }
.bpm-reading-card:hover .bpm-reading-cta { transform: translate(-2px,-2px) !important; box-shadow: 4px 4px 0 var(--ink-deep) !important; }

.bpm-reading-card--hero { flex-basis: 320px !important; }

@media (max-width: 900px) {
  .bpm-reading-card:nth-child(6n+1),
  .bpm-reading-card:nth-child(6n+2),
  .bpm-reading-card:nth-child(6n+3),
  .bpm-reading-card:nth-child(6n+4),
  .bpm-reading-card:nth-child(6n+5),
  .bpm-reading-card:nth-child(6n+6) { flex-basis: 44% !important; margin-top: 18px !important; }
}

@media (max-width: 640px) {
  .bpm-readings-grid { gap: 34px 14px !important; }
  .bpm-reading-card:nth-child(6n+1),
  .bpm-reading-card:nth-child(6n+2),
  .bpm-reading-card:nth-child(6n+3),
  .bpm-reading-card:nth-child(6n+4),
  .bpm-reading-card:nth-child(6n+5),
  .bpm-reading-card:nth-child(6n+6) {
    flex-basis: 100% !important;
    max-width: 340px;
    transform: rotate(0deg) !important;
    margin-top: 0 !important;
  }
}

/* ============================================================
   V20 — FAQ CARDS + NEWSLETTER, SAME SACRED CHAOS TREATMENT
   ============================================================ */
.bpm-faq-grid {
  --scream-pink: #ff2d8e;
  --scream-purple: #6b3ea0;
  --parchment: #f6efdc;
  --ink-deep: #1a1612;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 34px 22px !important;
  max-width: 1040px !important;
  padding: 8px 6px 20px !important;
}
.bpm-faq-card {
  flex: 0 1 300px !important;
  position: relative !important;
  overflow: visible !important;
  background: var(--parchment) !important;
  border: 2px solid var(--ink-deep) !important;
  border-radius: 3px !important;
  padding: 22px 20px !important;
}
.bpm-faq-card:nth-child(3n+1) { transform: rotate(-0.35deg); box-shadow: 5px 5px 0 var(--scream-pink) !important; }
.bpm-faq-card:nth-child(3n+2) { transform: rotate(0.3deg);  box-shadow: 5px 5px 0 var(--scream-purple) !important; }
.bpm-faq-card:nth-child(3n+3) { transform: rotate(-0.22deg); box-shadow: 5px 5px 0 var(--scream-pink) !important; }
.bpm-faq-card:hover { transform: rotate(0deg) translate(-3px,-3px) !important; }
.bpm-faq-card:nth-child(3n+1) h3 { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: .05em !important; font-size: 15px !important; color: var(--scream-pink) !important; text-transform: uppercase !important; }
.bpm-faq-card:nth-child(3n+2) h3 { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: .05em !important; font-size: 15px !important; color: var(--scream-purple) !important; text-transform: uppercase !important; }
.bpm-faq-card:nth-child(3n+3) h3 { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: .05em !important; font-size: 15px !important; color: var(--scream-pink) !important; text-transform: uppercase !important; }
.bpm-faq-card p { color: var(--ink-deep) !important; }
@media (max-width: 640px) { .bpm-faq-card { flex-basis: 100% !important; transform: none !important; } }

.bpm-newsletter-box {
  --scream-pink: #ff2d8e;
  --scream-purple: #6b3ea0;
  background: #f6efdc !important;
  border: 2px solid #1a1612 !important;
  border-radius: 3px !important;
  box-shadow: 6px 6px 0 var(--scream-purple), 11px 11px 24px rgba(155,109,204,.4) !important;
  transform: rotate(-0.3deg);
  position: relative;
}
.bpm-newsletter-title {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: .06em !important;
  color: #1a1612 !important;
  font-size: clamp(24px, 3.6vw, 30px) !important;
}
.bpm-newsletter-desc { color: #4a423a !important; }
.bpm-newsletter-btn {
  background: var(--scream-pink) !important;
  color: #f6efdc !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 0 #1a1612 !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.bpm-newsletter-btn:hover {
  background: var(--scream-pink) !important;
  transform: translate(-2px,-2px) !important;
  box-shadow: 5px 5px 0 #1a1612 !important;
}
.bpm-newsletter-input {
  border: 2px solid #1a1612 !important;
  border-radius: 6px !important;
  background: #fffdf7 !important;
}

/* ============================================================
   V21 — HERO CUT ~15% FURTHER + "HOW IT WORKS" FLIP CARDS
   ============================================================ */

.bpm-hero--sell { min-height: clamp(390px, 53vh, 530px) !important; }
.bpm-hero-content { max-width: 460px !important; padding: 24px 30px !important; }
.bpm-hero-title--light { font-size: clamp(22px, 3vw, 32px) !important; line-height: 1.14 !important; margin-bottom: 5px !important; }
.bpm-hero-title-amp--light { font-size: clamp(14px, 1.9vw, 18px) !important; }
.bpm-hero-eyebrow--light { font-size: 8px !important; margin-bottom: 8px !important; }
.bpm-hero-desc--light { font-size: clamp(11px, 1.3vw, 13px) !important; line-height: 1.55 !important; margin-bottom: 12px !important; }
.bpm-hero-trust { margin-bottom: 15px !important; }
.bpm-hero-trust span { font-size: 9px !important; }
.bpm-hero-ctas .btn-primary, .bpm-hero-ctas .btn-ghost, .btn-primary--hero, .btn-ghost--hero { padding: 12px 24px !important; font-size: 10px !important; }
@media (max-width: 749px) {
  .bpm-hero--sell { min-height: clamp(357px, 49vh, 476px) !important; padding: 27px 17px !important; }
  .bpm-hero-content { max-width: 100% !important; padding: 20px 19px !important; }
}

.bpm-process-grid { perspective: 1400px !important; }
.bpm-flip-card { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; cursor: pointer; outline: none; }
.bpm-flip-inner { position: relative; width: 100%; min-height: 220px; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.85,.3,1.15); }
.bpm-flip-card:hover .bpm-flip-inner,
.bpm-flip-card.is-flipped .bpm-flip-inner,
.bpm-flip-card:focus-visible .bpm-flip-inner { transform: rotateY(180deg); }
.bpm-flip-front, .bpm-flip-back { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 3px; border: 2px solid #1a1612; background: #f6efdc; padding: 22px 16px; display: flex; flex-direction: column; }
.bpm-flip-back { transform: rotateY(180deg); justify-content: center; }
.bpm-flip-card:nth-child(5n+1) .bpm-flip-front, .bpm-flip-card:nth-child(5n+1) .bpm-flip-back { box-shadow: 5px 5px 0 #ff2d8e; }
.bpm-flip-card:nth-child(5n+2) .bpm-flip-front, .bpm-flip-card:nth-child(5n+2) .bpm-flip-back { box-shadow: 5px 5px 0 #6b3ea0; }
.bpm-flip-card:nth-child(5n+3) .bpm-flip-front, .bpm-flip-card:nth-child(5n+3) .bpm-flip-back { box-shadow: 5px 5px 0 #ff2d8e; }
.bpm-flip-card:nth-child(5n+4) .bpm-flip-front, .bpm-flip-card:nth-child(5n+4) .bpm-flip-back { box-shadow: 5px 5px 0 #6b3ea0; }
.bpm-flip-card:nth-child(5n+5) .bpm-flip-front, .bpm-flip-card:nth-child(5n+5) .bpm-flip-back { box-shadow: 5px 5px 0 #ff2d8e; }
.bpm-flip-num { width: 34px; height: 34px; border-radius: 999px; background: #1a1612; color: #f6efdc; font-family: 'Bebas Neue', sans-serif; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.bpm-flip-front h3 { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: .08em; text-transform: uppercase; color: #1a1612; margin: 0 0 auto; }
.bpm-flip-hint { font-family: 'Special Elite', 'Courier New', monospace; font-size: 10px; color: #7a6f65; margin-top: auto; letter-spacing: .02em; }
.bpm-flip-back p { font-family: 'Libre Baskerville', Georgia, serif; font-size: 13px; line-height: 1.6; color: #2f2a26; margin: 0; }
@media (max-width: 1040px) { .bpm-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .bpm-flip-inner { min-height: 200px; } }
@media (max-width: 640px) { .bpm-process-grid { grid-template-columns: 1fr !important; } }

/* ============================================================
   V22 — "WHY PURCHASE / WHAT YOU RECEIVE" REBUILD
   Rachael's QA: this read like a generic web form — flat white
   boxes, sterile bullet rules, no personality. Rebuilt with the
   same Sacred Chaos card language as everything else: parchment,
   ink border, hard shadow, sub-degree tilt, a torn-corner stamp
   label instead of a form-field eyebrow, and handwritten-style
   bullets instead of ruled list rows.
   ============================================================ */
.bpm-oracle-two {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 40px 30px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}
.bpm-oracle-card {
  flex: 1 1 380px !important;
  max-width: 420px !important;
  position: relative !important;
  overflow: visible !important;
  background: #f6efdc !important;
  border: 2px solid #1a1612 !important;
  border-radius: 3px !important;
  padding: 34px 28px 28px !important;
}
.bpm-oracle-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80px 50px at 10% 15%, rgba(80,40,20,0.06), transparent 70%),
    radial-gradient(ellipse 60px 36px at 90% 85%, rgba(80,40,20,0.05), transparent 70%);
}
.bpm-oracle-two .bpm-oracle-card:nth-child(1) { transform: rotate(-0.4deg); box-shadow: 6px 6px 0 #ff2d8e, 11px 11px 22px rgba(255,45,142,.32) !important; }
.bpm-oracle-two .bpm-oracle-card:nth-child(2) { transform: rotate(0.35deg); box-shadow: 6px 6px 0 #6b3ea0, 11px 11px 22px rgba(155,109,204,.38) !important; }
.bpm-oracle-card:hover { transform: rotate(0deg) translate(-3px,-3px) !important; }
.bpm-oracle-card .bpm-eyebrow {
  display: inline-block !important;
  position: relative;
  top: -46px;
  left: -6px;
  background: #1a1612 !important;
  color: #f6efdc !important;
  padding: 5px 12px !important;
  border-radius: 2px !important;
  transform: rotate(-3deg);
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  opacity: 1 !important;
  margin-bottom: -30px !important;
}
.bpm-oracle-card .bpm-title {
  font-family: 'Cormorant Garamond', 'IM Fell English', serif !important;
  font-style: italic;
  font-weight: 700 !important;
  font-size: clamp(20px, 2.6vw, 25px) !important;
  line-height: 1.32 !important;
  color: #1a1612 !important;
  letter-spacing: .01em !important;
}
.bpm-oracle-card > p {
  font-family: 'Libre Baskerville', Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #3a332c !important;
}
.bpm-oracle-list { list-style: none !important; padding: 0 !important; margin: 18px 0 0 !important; }
.bpm-oracle-list li {
  border-top: none !important;
  padding: 7px 0 7px 26px !important;
  font-family: 'Libre Baskerville', Georgia, serif !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #3a332c !important;
}
.bpm-oracle-two .bpm-oracle-card:nth-child(1) .bpm-oracle-list li::before { content: '✦'; color: #ff2d8e !important; font-family: inherit; font-size: 13px; top: 8px; }
.bpm-oracle-two .bpm-oracle-card:nth-child(2) .bpm-oracle-list li::before { content: '✦'; color: #6b3ea0 !important; font-family: inherit; font-size: 13px; top: 8px; }
@media (max-width: 640px) { .bpm-oracle-card { flex-basis: 100% !important; transform: none !important; } .bpm-oracle-card .bpm-eyebrow { top: -40px; } }