/* Luminous Consults v150 — final layout corrections */

/* HERO: force exactly three lines regardless of older flex/inline rules. */
#hero-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  white-space: normal !important;
  line-height: .91 !important;
}
#hero-title .hero-title-line {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  clear: both !important;
  float: none !important;
}
#hero-title .hero-title-line:nth-child(2),
#hero-title .hero-title-line:nth-child(3) {
  margin-top: .04em !important;
}

/* BRILLIANCE: keep both status pills inside the card and stack them. */
.package-grid .in-development-card {
  overflow: hidden !important;
  padding-top: 1.35rem !important;
}
.package-grid .in-development-card .package-status-row {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: .45rem !important;
  width: calc(100% - 1rem) !important;
  max-width: calc(100% - 1rem) !important;
  min-height: 84px !important;
  margin: 0 0 .45rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 12 !important;
}
.package-grid .in-development-card .package-status-row > * {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .42rem .68rem !important;
  white-space: nowrap !important;
  font-size: clamp(.62rem, .88vw, .76rem) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
.package-grid .in-development-card > .service-icon {
  margin-top: 0 !important;
}

/* MONTHLY HR CARDS: lock icons, titles and descriptions to identical rows. */
.membership-grid {
  align-items: stretch !important;
}
.membership-grid .membership-card {
  position: relative !important;
  display: block !important;
  min-height: 500px !important;
  padding-top: 1.25rem !important;
}
.membership-grid .membership-card > .popular {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  right: auto !important;
  margin: 0 !important;
  z-index: 8 !important;
}
.membership-grid .membership-card > .service-icon {
  position: absolute !important;
  top: 4.45rem !important;
  left: 1.6rem !important;
  margin: 0 !important;
}
.membership-grid .membership-card > h3 {
  margin: 8.15rem 0 .55rem !important;
  min-height: 1.35em !important;
  display: block !important;
}
.membership-grid .membership-card > .service-subtitle {
  min-height: 4.9em !important;
  margin: 0 0 1rem !important;
}
.membership-grid .membership-card > ul {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  #hero-title { max-width: 100% !important; }
  #hero-title .hero-title-line { white-space: normal !important; }
  .package-grid .in-development-card .package-status-row > * { white-space: normal !important; }
}