/* Bliss Mind cosmetic refinement — November 5, 2026. Scoped enhancements only. */
.bliss-hero-inner { padding-top: 1.75rem; padding-bottom: 2rem; }
.bliss-hero-intro { margin-bottom: 1.4rem; }
.bliss-hero-eyebrow-row { margin-bottom: .75rem; }
.bliss-hero-title { margin-bottom: .75rem; }
.bliss-hero-copy { max-width: 44rem; }
.bliss-hero-lead {
  color: hsl(var(--foreground));
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-wrap: pretty;
}
.bliss-hero-details {
  margin-top: .55rem;
  color: hsl(var(--muted-foreground));
  font-size: .9375rem;
  line-height: 1.6;
  text-wrap: pretty;
}
.bliss-mobile-provider-card { gap: .7rem; padding: .85rem; }
.bliss-mobile-provider-card figcaption { min-width: 0; }
.bliss-mobile-provider-name { white-space: normal; overflow-wrap: normal; font-size: .94rem; line-height: 1.25; }
.bliss-mobile-provider-credentials { font-size: .72rem; line-height: 1.3; color: hsl(var(--muted-foreground)); margin-top: .18rem; overflow-wrap: break-word; }
.bliss-mobile-provider-book { min-height: 42px; font-size: .74rem; padding-inline: .9rem; }
@media (max-width: 375px) {
  .bliss-mobile-provider-card { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); align-items: center; }
  .bliss-mobile-provider-book { grid-column: 1 / -1; width: 100%; }
  }
@media (min-width: 768px) {
  .bliss-hero-inner { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .bliss-hero-intro { margin-bottom: 2rem; }
  .bliss-hero-eyebrow-row { margin-bottom: 1rem; }
  .bliss-hero-title { margin-bottom: 1rem; }
  .bliss-hero-lead { font-size: 1.125rem; line-height: 1.55; }
  .bliss-hero-details { margin-top: .7rem; font-size: 1rem; line-height: 1.6; }
}
@media (min-width: 1024px) {
  .bliss-hero-inner { padding-top: 3rem; padding-bottom: 3rem; }
  .bliss-hero-intro { margin-bottom: 2.1rem; }
}
@media (max-width: 767px) {
  #how-it-works, #about, #reviews { padding-top: 3.5rem; padding-bottom: 3.5rem; }
}

/* V2 refinements: no empty decorative rules above the desktop headline.
   Keep the informative short eyebrow text on mobile. */
.bliss-hero-eyebrow-row > div { display: none; }
@media (min-width: 768px) {
  .bliss-hero-eyebrow-row { display: none; }
}
/* Balance desktop lines instead of leaving a short orphan on its own. */
.bliss-hero-details { text-wrap: balance; }