/* =========================================================
   AASTHA PREMIUM V5 — REFERENCE-MATCH PREVIEW ONLY
   ---------------------------------------------------------
   Primary art direction: the two user-approved reference renders.

   Scope for this implementation round:
   - homepage
   - acne-treatment page
   - shared header/footer + comparison interaction styling

   Design language:
   - couture editorial rather than generic clinic UI
   - dense but disciplined information hierarchy
   - sharp panels, hairline bronze borders, minimal radius
   - blackened espresso / oxblood / antique champagne in dark mode
   - warm stone / oxblood / aged bronze in light mode
   - photography, typography and layout create the luxury signal
   ========================================================= */

body.release-v24 {
  --v5-bg: #f2ede3;
  --v5-surface: #faf6ee;
  --v5-surface-2: #eee7dc;
  --v5-surface-3: #e7dfd2;
  --v5-text: #171411;
  --v5-text-soft: #3f3933;
  --v5-muted: #766d64;
  --v5-wine: #741d38;
  --v5-wine-deep: #531126;
  --v5-gold: #9d7545;
  --v5-gold-soft: #bea078;
  --v5-line: rgba(99, 71, 40, .23);
  --v5-line-soft: rgba(80, 59, 40, .12);
  --v5-shadow: 0 22px 64px rgba(38, 28, 20, .08);
  --v5-serif: "Iowan Old Style", Baskerville, "Times New Roman", Georgia, serif;
  --v5-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --v5-max: 1320px;
}

html[data-theme="dark"] body.release-v24 {
  --v5-bg: #080b0d;
  --v5-surface: #0d1114;
  --v5-surface-2: #11161a;
  --v5-surface-3: #161b1f;
  --v5-text: #f1e8dc;
  --v5-text-soft: #d0c5b8;
  --v5-muted: #958a7e;
  --v5-wine: #86203d;
  --v5-wine-deep: #65152e;
  --v5-gold: #b08655;
  --v5-gold-soft: #d0ad7a;
  --v5-line: rgba(190, 150, 94, .25);
  --v5-line-soft: rgba(190, 150, 94, .13);
  --v5-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

/* ---------------------------------------------------------
   Shared chrome
   --------------------------------------------------------- */
body.release-v24 .topbar { display: none !important; }
body.release-v24 .site-header {
  background: color-mix(in srgb, var(--v5-bg) 91%, transparent) !important;
  border-bottom: 1px solid var(--v5-line-soft) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(112%);
  -webkit-backdrop-filter: blur(20px) saturate(112%);
  transition: min-height .28s ease, background .28s ease, border-color .28s ease;
}
body.release-v24 .site-header.v5-header-compact {
  background: color-mix(in srgb, var(--v5-bg) 96%, transparent) !important;
}
body.release-v24 .nav-shell {
  width: min(calc(100% - 44px), var(--v5-max));
  min-height: 72px !important;
  padding-block: 0 !important;
}
body.release-v24 .site-header.v5-header-compact .nav-shell { min-height: 62px !important; }
body.release-v24 .brand { gap: 10px !important; }
body.release-v24 .brand strong {
  color: var(--v5-text) !important;
  font-family: var(--v5-serif) !important;
  font-size: 1rem !important;
  font-weight: 520 !important;
  letter-spacing: -.025em !important;
}
body.release-v24 .brand small {
  color: var(--v5-muted) !important;
  font-size: .58rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}
body.release-v24 .brand .brand-mark.brand-mark--image {
  height: 46px !important;
  min-width: 38px !important;
  max-width: 120px !important;
}
body.release-v24 .primary-nav { gap: 4px !important; }
body.release-v24 .primary-nav > a,
body.release-v24 .nav-item > button {
  min-height: 40px !important;
  padding: 8px 9px !important;
  border-radius: 0 !important;
  color: var(--v5-text-soft) !important;
  background: transparent !important;
  font-size: .66rem !important;
  font-weight: 650 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase;
}
body.release-v24 .primary-nav > a:not(.button):hover,
body.release-v24 .primary-nav > a.is-current,
body.release-v24 .nav-item > button:hover,
body.release-v24 .nav-item > button[aria-expanded="true"] {
  color: var(--v5-gold-soft) !important;
}
body.release-v24 .primary-nav .button.button-small {
  min-height: 40px !important;
  margin-left: 8px !important;
  padding: 9px 16px !important;
  border: 1px solid color-mix(in srgb, var(--v5-wine) 75%, var(--v5-gold)) !important;
  border-radius: 1px !important;
  background: var(--v5-wine) !important;
  color: #fff9f1 !important;
  box-shadow: none !important;
  font-size: .68rem !important;
  text-transform: none;
  letter-spacing: 0 !important;
}
body.release-v24 .theme-toggle {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--v5-text) !important;
}
body.release-v24 .dropdown {
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: color-mix(in srgb, var(--v5-surface) 97%, transparent) !important;
  box-shadow: var(--v5-shadow) !important;
}
body.release-v24 .dropdown a { border-radius: 0 !important; }
body.release-v24 .dropdown a:hover {
  color: var(--v5-gold-soft) !important;
  background: var(--v5-surface-2) !important;
}

body.release-v24 .button,
body.release-v24 a.button {
  min-height: 44px;
  border-radius: 1px !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
body.release-v24 .button:not(.button-secondary),
body.release-v24 a.button:not(.button-secondary) {
  border-color: var(--v5-wine) !important;
  background: var(--v5-wine) !important;
  color: #fff8ef !important;
}
body.release-v24 .button:not(.button-secondary):hover,
body.release-v24 a.button:not(.button-secondary):hover {
  border-color: var(--v5-wine-deep) !important;
  background: var(--v5-wine-deep) !important;
  transform: translateY(-1px);
}
body.release-v24 .button-secondary,
body.release-v24 a.button-secondary {
  border: 1px solid var(--v5-line) !important;
  background: transparent !important;
  color: var(--v5-text) !important;
}
body.release-v24 .button-secondary:hover,
body.release-v24 a.button-secondary:hover {
  border-color: var(--v5-gold) !important;
  color: var(--v5-gold-soft) !important;
}

/* ---------------------------------------------------------
   Homepage — closely follows the approved homepage reference
   --------------------------------------------------------- */
body.cms-home-page {
  background: var(--v5-bg) !important;
  color: var(--v5-text) !important;
  font-family: var(--v5-sans) !important;
}
body.cms-home-page .home-main { background: var(--v5-bg) !important; overflow: clip; }
body.cms-home-page .container { width: min(calc(100% - 52px), var(--v5-max)) !important; }
body.cms-home-page h1,
body.cms-home-page h2,
body.cms-home-page h3,
body.cms-home-page h4 {
  font-family: var(--v5-serif) !important;
  color: var(--v5-text) !important;
  font-weight: 500 !important;
  letter-spacing: -.04em !important;
}
body.cms-home-page .home-hero {
  min-height: 0 !important;
  padding: clamp(48px, 5vw, 76px) 0 38px !important;
  border-bottom: 1px solid var(--v5-line-soft) !important;
  background:
    radial-gradient(circle at 57% 26%, color-mix(in srgb, var(--v5-wine) 8%, transparent), transparent 35%),
    var(--v5-bg) !important;
}
body.cms-home-page .home-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .78fr) minmax(210px, .42fr) !important;
  gap: clamp(24px, 3vw, 48px) !important;
  align-items: center !important;
}
body.cms-home-page .home-hero-copy { max-width: 650px !important; }
body.cms-home-page .home-hero .eyebrow,
body.cms-home-page .section-kicker,
body.cms-home-page .quiet-label {
  color: var(--v5-gold-soft) !important;
  font-family: var(--v5-sans) !important;
  font-size: .61rem !important;
  font-weight: 680 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
body.cms-home-page .home-hero .eyebrow::before,
body.cms-home-page .section-kicker::before { background: var(--v5-gold) !important; width: 30px !important; height: 1px !important; }
body.cms-home-page .home-hero h1 {
  max-width: 670px !important;
  margin-top: 18px !important;
  font-size: clamp(3.45rem, 5.2vw, 5.85rem) !important;
  line-height: .97 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
body.cms-home-page .home-hero h1 em { color: var(--v5-gold-soft) !important; font-style: italic !important; }
body.cms-home-page .home-hero .lead {
  max-width: 570px !important;
  margin-top: 22px !important;
  color: var(--v5-text-soft) !important;
  font-size: .84rem !important;
  line-height: 1.72 !important;
}
body.cms-home-page .hero-actions { margin-top: 24px !important; gap: 10px !important; }
body.cms-home-page .hero-actions .button { min-height: 42px !important; padding-inline: 18px !important; }
body.cms-home-page .home-hero-media {
  min-height: 520px !important;
  height: 520px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--v5-line) !important;
  background: var(--v5-surface-2) !important;
}
body.cms-home-page .home-hero-media > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: 50% 18% !important;
  filter: saturate(.84) contrast(1.06) !important;
  transition: transform .75s cubic-bezier(.2,.72,.2,1), filter .45s ease !important;
}
body.cms-home-page .home-hero-media > img:not(.v3-real-photo) {
  object-fit: contain !important;
  padding: 48px !important;
  filter: saturate(.72) contrast(1.04) !important;
}
body.cms-home-page .home-hero-media:hover > img.v3-real-photo { transform: scale(1.018); filter: saturate(.9) contrast(1.075) !important; }
body.cms-home-page .home-hero-media::after { display: none !important; }
body.cms-home-page .hero-booking-card { display: none !important; }

body.cms-home-page .v5-hero-side {
  display: grid;
  gap: 14px;
  align-self: center;
}
body.cms-home-page .v5-hero-card {
  position: relative;
  padding: 22px 20px;
  border: 1px solid var(--v5-line);
  border-radius: 1px;
  background: color-mix(in srgb, var(--v5-surface) 95%, transparent);
  box-shadow: none;
}
body.cms-home-page .v5-hero-card::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--v5-gold);
  border-radius: 50%;
  opacity: .55;
}
body.cms-home-page .v5-hero-card--accent {
  background: linear-gradient(145deg, var(--v5-wine-deep), var(--v5-wine));
  border-color: color-mix(in srgb, var(--v5-gold) 45%, var(--v5-wine));
  color: #fff7ef;
}
body.cms-home-page .v5-hero-card .v5-card-kicker {
  margin: 0 0 8px;
  color: var(--v5-gold-soft);
  font-size: .56rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.cms-home-page .v5-hero-card h2,
body.cms-home-page .v5-hero-card h3 {
  margin: 0;
  color: inherit !important;
  font-size: 1.24rem !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em !important;
}
body.cms-home-page .v5-hero-card p {
  margin: 10px 0 0;
  color: color-mix(in srgb, currentColor 70%, transparent);
  font-size: .69rem;
  line-height: 1.55;
}
body.cms-home-page .v5-hero-card .button {
  width: 100%;
  min-height: 38px !important;
  margin-top: 16px;
  padding: 8px 12px !important;
  font-size: .66rem !important;
}
body.cms-home-page .v5-hero-card--accent .button {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(20,10,13,.26) !important;
  color: #fff !important;
}
body.cms-home-page .v5-hero-card .v5-text-link {
  display: inline-flex;
  margin-top: 12px;
  color: var(--v5-gold-soft);
  font-size: .62rem;
  text-decoration: none;
}

/* Compact proof/category rail from the reference. */
body.cms-home-page .trust-ribbon {
  margin-top: 34px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  border: 1px solid var(--v5-line) !important;
  background: color-mix(in srgb, var(--v5-surface) 78%, transparent) !important;
}
body.cms-home-page .trust-item {
  min-height: 82px !important;
  padding: 16px 18px !important;
  border-right: 1px solid var(--v5-line-soft) !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  background: transparent !important;
}
body.cms-home-page .trust-item:last-child { border-right: 0 !important; }
body.cms-home-page .trust-icon { display: block !important; width: 22px !important; height: 22px !important; color: var(--v5-gold) !important; }
body.cms-home-page .trust-item strong {
  color: var(--v5-text) !important;
  font-family: var(--v5-serif) !important;
  font-size: .88rem !important;
  font-weight: 520 !important;
}
body.cms-home-page .trust-item span { color: var(--v5-muted) !important; font-size: .58rem !important; }

body.cms-home-page .home-section { padding-block: clamp(52px, 5.7vw, 80px) !important; border-bottom: 1px solid var(--v5-line-soft); }
body.cms-home-page .section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 30px !important;
  margin-bottom: 28px !important;
}
body.cms-home-page .section-heading h2 {
  max-width: 760px !important;
  margin-top: 8px !important;
  font-size: clamp(2.45rem, 3.8vw, 4.1rem) !important;
  line-height: .98 !important;
}
body.cms-home-page .section-heading p { max-width: 530px !important; color: var(--v5-muted) !important; font-size: .74rem !important; line-height: 1.62 !important; }

/* Concern cards: premium framed catalogue, not loose rows. */
body.cms-home-page .concern-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.cms-home-page .concern-card {
  min-height: 150px !important;
  padding: 22px 24px !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: color-mix(in srgb, var(--v5-surface) 91%, transparent) !important;
  box-shadow: none !important;
  transition: border-color .28s ease, transform .28s ease, background .28s ease !important;
}
body.cms-home-page .concern-card:hover,
body.cms-home-page .concern-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--v5-gold) 62%, transparent) !important;
  background: var(--v5-surface) !important;
}
body.cms-home-page .concern-card .icon-bubble {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 16px !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 50% !important;
  color: var(--v5-gold) !important;
  background: transparent !important;
}
body.cms-home-page .concern-card h3 { margin: 0 0 7px !important; font-size: 1.26rem !important; line-height: 1.08 !important; }
body.cms-home-page .concern-card p { color: var(--v5-muted) !important; font-size: .68rem !important; line-height: 1.55 !important; }
body.cms-home-page .concern-card .text-link { color: var(--v5-gold-soft) !important; font-size: .61rem !important; }

/* Doctor section = the editorial brand moment from the approved reference. */
body.cms-home-page .doctor-section,
body.cms-home-page .doctor-feature-section {
  background: color-mix(in srgb, var(--v5-bg) 88%, #000 12%) !important;
}
body.cms-home-page .doctor-feature {
  display: grid !important;
  grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr) !important;
  gap: clamp(38px, 5vw, 82px) !important;
  align-items: stretch !important;
}
body.cms-home-page .doctor-visual {
  min-height: 460px !important;
  height: 460px !important;
  border: 1px solid var(--v5-line) !important;
  background: var(--v5-surface-2) !important;
  overflow: hidden !important;
}
body.cms-home-page .doctor-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center 13% !important;
  filter: saturate(.82) contrast(1.07) !important;
  transition: transform .7s cubic-bezier(.2,.72,.2,1) !important;
}
body.cms-home-page .doctor-visual img:not(.v3-real-photo) { object-fit: contain !important; padding: 44px 34px 0 !important; }
body.cms-home-page .doctor-visual:hover img.v3-real-photo { transform: scale(1.018); }
body.cms-home-page .doctor-copy { align-self: center !important; padding-block: 28px !important; }
body.cms-home-page .doctor-copy h2 { margin-top: 8px !important; font-size: clamp(2.6rem, 4vw, 4.45rem) !important; line-height: .95 !important; }
body.cms-home-page .doctor-copy .doctor-role { margin-top: 12px !important; color: var(--v5-gold-soft) !important; font-size: .62rem !important; letter-spacing: .12em !important; }
body.cms-home-page .doctor-copy > p { max-width: 620px !important; margin-top: 16px !important; color: var(--v5-muted) !important; font-size: .72rem !important; line-height: 1.66 !important; }
body.cms-home-page .doctor-points {
  grid-template-columns: 1fr !important;
  margin-top: 18px !important;
  border-top: 1px solid var(--v5-line-soft) !important;
}
body.cms-home-page .doctor-points li {
  min-height: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v5-line-soft) !important;
  background: transparent !important;
  color: var(--v5-text-soft) !important;
  font-size: .67rem !important;
}

/* Selected treatments = four editorial image cards with horizontal interaction. */
body.cms-home-page .treatment-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(250px, 1fr) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}
body.cms-home-page .treatment-grid::-webkit-scrollbar { display: none; }
body.cms-home-page .treatment-card:nth-child(n) {
  grid-column: auto !important;
  margin: 0 !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
  overflow: hidden !important;
  scroll-snap-align: start;
}
body.cms-home-page .treatment-card img,
body.cms-home-page .treatment-card:nth-child(2) img,
body.cms-home-page .treatment-card:nth-child(3) img {
  width: 100% !important;
  aspect-ratio: 1.42 / .82 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--v5-surface-2) !important;
  object-fit: cover !important;
  filter: saturate(.82) contrast(1.05) !important;
  transition: transform .55s cubic-bezier(.2,.72,.2,1), filter .35s ease !important;
}
body.cms-home-page .treatment-card img:not(.v3-real-photo) { object-fit: contain !important; padding: 26px !important; }
body.cms-home-page .treatment-card:hover img.v3-real-photo { transform: scale(1.025); filter: saturate(.88) contrast(1.07) !important; }
body.cms-home-page .treatment-card-body { padding: 16px 16px 17px !important; }
body.cms-home-page .treatment-card h3 { font-size: 1.22rem !important; line-height: 1.05 !important; }
body.cms-home-page .treatment-card p { margin-top: 7px !important; color: var(--v5-muted) !important; font-size: .64rem !important; line-height: 1.5 !important; }
body.cms-home-page .treatment-card .text-link { color: var(--v5-gold-soft) !important; font-size: .59rem !important; }
body.cms-home-page .v5-treatment-controls {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-self: end;
}
body.cms-home-page .v5-treatment-controls button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--v5-line);
  border-radius: 50%;
  background: transparent;
  color: var(--v5-text);
  cursor: pointer;
}
body.cms-home-page .v5-treatment-progress {
  min-width: 74px;
  color: var(--v5-muted);
  font-size: .58rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* Results / comparisons get the reference's framed luxury presentation. */
body.release-v24 .cms-comparison-section,
body.release-v24 .clinical-results {
  --comparison-line: var(--v5-line);
}
body.release-v24 .cms-comparison-section {
  padding: clamp(26px, 3vw, 42px) !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
}
body.release-v24 .cms-comparison-section h2 { font-family: var(--v5-serif) !important; }
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced {
  position: relative;
  display: block !important;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid var(--v5-line);
  background: var(--v5-surface-2);
}
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figure {
  position: absolute;
  inset: 0;
  margin: 0 !important;
}
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figure:first-child { z-index: 1; }
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figure:nth-child(2) { z-index: 2; clip-path: inset(0 0 0 var(--v5-compare, 50%)); }
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced img {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px;
  object-fit: cover !important;
  display: block;
}
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figcaption {
  position: absolute;
  bottom: 12px;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(8,11,13,.72);
  color: #fff9f1;
  font-size: .58rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figure:first-child figcaption { left: 12px; }
body.release-v24 .cms-comparison-grid.v5-comparison-enhanced figure:nth-child(2) figcaption { right: 12px; }
body.release-v24 .v5-comparison-range {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
}
body.release-v24 .v5-comparison-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--v5-compare, 50%);
  width: 1px;
  background: rgba(255,255,255,.82);
  transform: translateX(-.5px);
  pointer-events: none;
}
body.release-v24 .v5-comparison-handle::after {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background: color-mix(in srgb, var(--v5-wine) 88%, #000 12%);
  color: #fff;
  font-size: .72rem;
  box-shadow: 0 8px 26px rgba(0,0,0,.24);
}

/* Credibility + clinic strips are compact and architectural. */
body.cms-home-page .why-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid var(--v5-line) !important;
  background: var(--v5-surface) !important;
}
body.cms-home-page .why-card {
  min-height: 150px !important;
  padding: 22px 20px !important;
  border: 0 !important;
  border-right: 1px solid var(--v5-line-soft) !important;
  background: transparent !important;
}
body.cms-home-page .why-card:last-child { border-right: 0 !important; }
body.cms-home-page .why-card .why-number { color: var(--v5-gold) !important; font-size: .78rem !important; }
body.cms-home-page .why-card h3 { margin-top: 14px !important; font-size: 1.18rem !important; }
body.cms-home-page .why-card p { margin-top: 6px !important; color: var(--v5-muted) !important; font-size: .63rem !important; }
body.cms-home-page .location-pro-grid { gap: 14px !important; }
body.cms-home-page .location-pro-card {
  min-height: 190px !important;
  grid-template-columns: 42% 58% !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
  box-shadow: none !important;
}
body.cms-home-page .location-pro-card .location-art { background: var(--v5-surface-2) !important; }
body.cms-home-page .location-pro-card .location-copy { padding: 18px !important; }
body.cms-home-page .location-pro-card h3 { font-size: 1.15rem !important; }
body.cms-home-page .location-pro-card p,
body.cms-home-page .location-pro-card li { color: var(--v5-muted) !important; font-size: .61rem !important; }

/* FAQ + closing CTA mirror the reference's narrow accordion / burgundy band. */
body.cms-home-page .faq-pro-list,
body.cms-home-page .faq-list {
  border-top: 1px solid var(--v5-line) !important;
}
body.cms-home-page details {
  border: 0 !important;
  border-bottom: 1px solid var(--v5-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.cms-home-page details summary {
  min-height: 44px !important;
  padding: 12px 36px 12px 0 !important;
  color: var(--v5-text) !important;
  font-size: .69rem !important;
  font-weight: 560 !important;
}
body.cms-home-page .article-cta,
body.cms-home-page .home-cta,
body.cms-home-page .final-cta {
  border: 0 !important;
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--v5-wine-deep) 95%, #000 5%), color-mix(in srgb, var(--v5-wine) 74%, #1b0c13 26%)) !important;
  color: #fff9f1 !important;
}
body.cms-home-page .article-cta h2,
body.cms-home-page .home-cta h2,
body.cms-home-page .final-cta h2 { color: #fff4e7 !important; }

/* ---------------------------------------------------------
   Acne treatment page — closely follows the approved reference
   --------------------------------------------------------- */
body.release-v24[data-page-slug="acne-treatment"] {
  background: var(--v5-bg) !important;
  color: var(--v5-text) !important;
  font-family: var(--v5-sans) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .container {
  width: min(calc(100% - 46px), var(--v5-max)) !important;
}
body.release-v24[data-page-slug="acne-treatment"] h1,
body.release-v24[data-page-slug="acne-treatment"] h2,
body.release-v24[data-page-slug="acne-treatment"] h3,
body.release-v24[data-page-slug="acne-treatment"] h4 {
  font-family: var(--v5-serif) !important;
  color: var(--v5-text) !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero,
body.release-v24[data-page-slug="acne-treatment"] .page-hero.page-hero--professional {
  padding: 34px 0 22px !important;
  border-bottom: 0 !important;
  background: var(--v5-bg) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero--professional .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}
body.release-v24[data-page-slug="acne-treatment"] .breadcrumbs {
  margin-bottom: 16px !important;
  color: var(--v5-muted) !important;
  font-size: .56rem !important;
  letter-spacing: .08em !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy { align-self: center !important; padding-block: 16px !important; }
body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy .eyebrow,
body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy .quiet-label {
  color: var(--v5-gold-soft) !important;
  font-size: .58rem !important;
  font-weight: 680 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy h1 {
  max-width: 690px !important;
  margin-top: 11px !important;
  font-size: clamp(3.15rem, 4.7vw, 5.25rem) !important;
  line-height: .94 !important;
  letter-spacing: -.052em !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy .lead {
  max-width: 620px !important;
  margin-top: 18px !important;
  color: var(--v5-muted) !important;
  font-size: .73rem !important;
  line-height: 1.65 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .section-actions { margin-top: 22px !important; gap: 8px !important; }
body.release-v24[data-page-slug="acne-treatment"] .page-hero-art {
  min-height: 360px !important;
  height: 360px !important;
  overflow: hidden !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface-2) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero-art img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center 16% !important;
  filter: saturate(.82) contrast(1.055) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .page-hero-art img:not(.v3-real-photo) { object-fit: contain !important; padding: 44px !important; }

body.release-v24[data-page-slug="acne-treatment"] .v5-proof-strip {
  width: min(calc(100% - 46px), var(--v5-max));
  margin: 0 auto 22px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--v5-line);
  background: var(--v5-surface);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-proof-item {
  min-height: 62px;
  display: grid;
  place-items: center;
  padding: 12px 14px;
  border-right: 1px solid var(--v5-line-soft);
  color: var(--v5-text-soft);
  font-size: .59rem;
  text-align: center;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-proof-item:last-child { border-right: 0; }
body.release-v24[data-page-slug="acne-treatment"] .v5-proof-item::before {
  content: "✦";
  display: block;
  margin-bottom: 5px;
  color: var(--v5-gold);
  font-size: .8rem;
}

body.release-v24[data-page-slug="acne-treatment"] .section { padding-block: 0 !important; }
body.release-v24[data-page-slug="acne-treatment"] .content-layout {
  display: grid !important;
  grid-template-columns: 154px minmax(0, 1fr) 286px !important;
  gap: 22px !important;
  align-items: start !important;
  padding-top: 0 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail {
  position: sticky;
  top: 88px;
  align-self: start;
  min-width: 0;
  padding: 18px 16px 16px;
  border-right: 1px solid var(--v5-line-soft);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail-title {
  margin: 0 0 16px;
  color: var(--v5-gold-soft);
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail ol {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail ol::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  bottom: 7px;
  width: 1px;
  background: var(--v5-line);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail li { position: relative; margin: 0; padding: 0 0 0 18px; }
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 15px;
  width: 7px;
  height: 7px;
  border: 1px solid var(--v5-gold);
  border-radius: 50%;
  background: var(--v5-bg);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail li.v5-active::before { background: var(--v5-gold); }
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail a {
  display: block;
  padding: 9px 0;
  color: var(--v5-muted);
  font-size: .57rem;
  line-height: 1.35;
  text-decoration: none;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail li.v5-active a { color: var(--v5-text); }
body.release-v24[data-page-slug="acne-treatment"] .v5-rail-help {
  margin-top: 24px;
  padding: 14px;
  border: 1px solid var(--v5-line);
  background: var(--v5-surface);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-rail-help strong {
  display: block;
  font-family: var(--v5-serif);
  font-size: .78rem;
  font-weight: 500;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-rail-help p { margin: 7px 0 0; color: var(--v5-muted); font-size: .55rem; line-height: 1.45; }
body.release-v24[data-page-slug="acne-treatment"] .v5-rail-help a { margin-top: 8px; color: var(--v5-gold-soft); font-size: .56rem; }

body.release-v24[data-page-slug="acne-treatment"] .prose {
  max-width: none !important;
  min-width: 0;
  padding: 0 8px 46px !important;
  color: var(--v5-text-soft) !important;
  font-size: .71rem !important;
  line-height: 1.62 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .article-toc { display: none !important; }
body.release-v24[data-page-slug="acne-treatment"] .prose > h2 {
  margin: 0 !important;
  padding: 22px 0 9px !important;
  border-top: 1px solid var(--v5-line) !important;
  border-bottom: 0 !important;
  font-size: clamp(1.72rem, 2.3vw, 2.38rem) !important;
  line-height: 1.04 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .prose > h2:first-of-type { border-top: 0 !important; }
body.release-v24[data-page-slug="acne-treatment"] .prose > h2::after { width: 30px !important; margin-top: 10px !important; background: var(--v5-gold) !important; }
body.release-v24[data-page-slug="acne-treatment"] .prose > h3 {
  margin-top: 22px !important;
  margin-bottom: 8px !important;
  font-size: 1.24rem !important;
  line-height: 1.08 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .prose > p,
body.release-v24[data-page-slug="acne-treatment"] .prose > ul,
body.release-v24[data-page-slug="acne-treatment"] .prose > ol { margin-bottom: 14px !important; }
body.release-v24[data-page-slug="acne-treatment"] .prose ul,
body.release-v24[data-page-slug="acne-treatment"] .prose ol,
body.release-v24[data-page-slug="acne-treatment"] .feature-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 12px !important;
  border-top: 1px solid var(--v5-line-soft) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .prose li,
body.release-v24[data-page-slug="acne-treatment"] .feature-list li {
  min-height: 42px !important;
  padding: 10px 8px 10px 19px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v5-line-soft) !important;
  background: transparent !important;
  color: var(--v5-text-soft) !important;
  font-size: .65rem !important;
}
body.release-v24[data-page-slug="acne-treatment"] .prose li::before,
body.release-v24[data-page-slug="acne-treatment"] .feature-list li::before {
  width: 4px !important;
  height: 4px !important;
  left: 4px !important;
  top: 16px !important;
  background: var(--v5-gold) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .inline-cta {
  margin: 20px 0 !important;
  padding: 18px 0 !important;
  border-top: 1px solid var(--v5-line) !important;
  border-bottom: 1px solid var(--v5-line) !important;
}

/* Right-side consultation concierge. */
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card {
  position: sticky !important;
  top: 88px !important;
  padding: 20px !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
  box-shadow: none !important;
}
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card::before {
  content: "Consultation";
  display: block;
  margin-bottom: 6px;
  color: var(--v5-gold-soft);
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card h2 {
  margin: 0 !important;
  font-size: 1.55rem !important;
  line-height: 1.02 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card p,
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card li,
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card small {
  color: var(--v5-muted) !important;
  font-size: .61rem !important;
  line-height: 1.5 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .sidebar-card .button { width: 100% !important; min-height: 39px !important; margin-top: 8px !important; }
body.release-v24[data-page-slug="acne-treatment"] .v5-sidebar-trust {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--v5-line-soft);
}
body.release-v24[data-page-slug="acne-treatment"] .v5-sidebar-trust div {
  position: relative;
  padding: 8px 0 8px 18px;
  border-bottom: 1px solid var(--v5-line-soft);
  color: var(--v5-muted);
  font-size: .58rem;
  line-height: 1.38;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-sidebar-trust div::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 8px;
  color: var(--v5-gold);
}

/* Clinical results: dark editorial frame similar to the reference screenshot. */
body.release-v24[data-page-slug="acne-treatment"] .clinical-results {
  margin: 24px 0 !important;
  padding: 0 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__inner {
  width: 100% !important;
  padding: 16px !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
  box-shadow: none !important;
}
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__heading {
  color: var(--v5-text) !important;
  font-family: var(--v5-serif) !important;
  font-size: 1.48rem !important;
  font-weight: 500 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__intro,
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__note { color: var(--v5-muted) !important; font-size: .61rem !important; }
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__viewport {
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface-2) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__slide { min-height: 300px !important; }
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__slide img { max-height: 430px !important; background: var(--v5-surface-2) !important; }
body.release-v24[data-page-slug="acne-treatment"] .clinical-results__button {
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: transparent !important;
  color: var(--v5-text) !important;
  font-size: .6rem !important;
}

/* Accordions, clinic cards and bottom CTA. */
body.release-v24[data-page-slug="acne-treatment"] details {
  border: 0 !important;
  border-top: 1px solid var(--v5-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.release-v24[data-page-slug="acne-treatment"] details:last-child { border-bottom: 1px solid var(--v5-line) !important; }
body.release-v24[data-page-slug="acne-treatment"] details summary {
  padding: 12px 32px 12px 0 !important;
  color: var(--v5-text) !important;
  font-size: .65rem !important;
  font-weight: 560 !important;
}
body.release-v24[data-page-slug="acne-treatment"] .location-pro-grid { gap: 12px !important; }
body.release-v24[data-page-slug="acne-treatment"] .location-pro-card {
  min-height: 160px !important;
  grid-template-columns: 42% 58% !important;
  border: 1px solid var(--v5-line) !important;
  border-radius: 1px !important;
  background: var(--v5-surface) !important;
}
body.release-v24[data-page-slug="acne-treatment"] .location-pro-card .location-copy { padding: 14px !important; }
body.release-v24[data-page-slug="acne-treatment"] .article-cta {
  margin: 28px 0 0 !important;
  padding: 24px !important;
  border: 1px solid color-mix(in srgb, var(--v5-wine) 50%, var(--v5-gold)) !important;
  background: linear-gradient(105deg, var(--v5-wine-deep), color-mix(in srgb, var(--v5-wine) 80%, #1a0c12 20%)) !important;
  color: #fff7ef !important;
}
body.release-v24[data-page-slug="acne-treatment"] .article-cta h2,
body.release-v24[data-page-slug="acne-treatment"] .article-cta h3 { color: #fff7ef !important; }

/* Reading progress rail. */
body.release-v24[data-page-slug="acne-treatment"] .v5-reading-progress {
  position: fixed;
  z-index: 80;
  left: 0;
  top: 72px;
  width: 2px;
  height: calc(100vh - 72px);
  background: var(--v5-line-soft);
  pointer-events: none;
}
body.release-v24[data-page-slug="acne-treatment"] .v5-reading-progress span {
  display: block;
  width: 100%;
  height: var(--v5-progress, 0%);
  background: linear-gradient(var(--v5-gold), var(--v5-wine));
  transition: height .08s linear;
}

/* ---------------------------------------------------------
   Motion and interaction polish
   --------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
  body.release-v24 .v5-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition:
      opacity .52s cubic-bezier(.2,.72,.2,1),
      transform .52s cubic-bezier(.2,.72,.2,1);
  }
  body.release-v24 .v5-reveal.v5-visible { opacity: 1; transform: translateY(0); }
  body.release-v24 .v5-image-reveal { clip-path: inset(0 0 100% 0); transition: clip-path .72s cubic-bezier(.2,.72,.2,1); }
  body.release-v24 .v5-image-reveal.v5-visible { clip-path: inset(0); }
  body.release-v24 details > *:not(summary) { animation: v5DetailsIn .24s ease both; }
  @keyframes v5DetailsIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 1120px) {
  body.cms-home-page .home-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .85fr) !important;
  }
  body.cms-home-page .v5-hero-side {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.release-v24[data-page-slug="acne-treatment"] .content-layout {
    grid-template-columns: 130px minmax(0, 1fr) 250px !important;
  }
}

@media (max-width: 900px) {
  body.release-v24 .nav-shell { width: min(calc(100% - 30px), var(--v5-max)); }
  body.cms-home-page .container,
  body.release-v24[data-page-slug="acne-treatment"] .container,
  body.release-v24[data-page-slug="acne-treatment"] .v5-proof-strip {
    width: min(calc(100% - 32px), var(--v5-max)) !important;
  }
  body.cms-home-page .home-hero-grid,
  body.cms-home-page .doctor-feature,
  body.release-v24[data-page-slug="acne-treatment"] .page-hero--professional .container,
  body.release-v24[data-page-slug="acne-treatment"] .content-layout {
    grid-template-columns: 1fr !important;
  }
  body.cms-home-page .home-hero-media { height: 560px !important; }
  body.cms-home-page .v5-hero-side { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.cms-home-page .trust-ribbon { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  body.cms-home-page .concern-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.cms-home-page .why-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.cms-home-page .why-card:nth-child(2) { border-right: 0 !important; }
  body.release-v24[data-page-slug="acne-treatment"] .v5-page-rail { display: none; }
  body.release-v24[data-page-slug="acne-treatment"] .sidebar-card { position: relative !important; top: auto !important; }
  body.release-v24[data-page-slug="acne-treatment"] .v5-reading-progress { display: none; }
  body.release-v24[data-page-slug="acne-treatment"] .v5-proof-strip { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 700px) {
  [data-site-header] { min-height: 70px !important; }
  body.release-v24 .nav-shell { min-height: 64px !important; }
  body.release-v24 .brand small { display: none !important; }
  body.release-v24 .brand strong { font-size: .9rem !important; }

  body.cms-home-page .container,
  body.release-v24[data-page-slug="acne-treatment"] .container,
  body.release-v24[data-page-slug="acne-treatment"] .v5-proof-strip {
    width: min(calc(100% - 24px), var(--v5-max)) !important;
  }
  body.cms-home-page .home-hero { padding: 34px 0 26px !important; }
  body.cms-home-page .home-hero h1 { font-size: clamp(3rem, 13.5vw, 4.3rem) !important; }
  body.cms-home-page .home-hero .lead { font-size: .78rem !important; }
  body.cms-home-page .home-hero-media { height: 470px !important; min-height: 470px !important; }
  body.cms-home-page .home-hero-media > img:not(.v3-real-photo) { padding: 34px !important; }
  body.cms-home-page .v5-hero-side { grid-template-columns: 1fr; }
  body.cms-home-page .trust-ribbon { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.cms-home-page .trust-item { border-bottom: 1px solid var(--v5-line-soft) !important; }
  body.cms-home-page .section-heading { grid-template-columns: 1fr !important; }
  body.cms-home-page .section-heading h2 { font-size: clamp(2.25rem, 11vw, 3.5rem) !important; }
  body.cms-home-page .concern-grid { grid-template-columns: 1fr !important; }
  body.cms-home-page .doctor-visual { height: 500px !important; min-height: 500px !important; }
  body.cms-home-page .doctor-copy h2 { font-size: clamp(2.5rem, 12vw, 3.85rem) !important; }
  body.cms-home-page .treatment-grid { grid-template-columns: none !important; grid-auto-columns: minmax(76vw, 1fr) !important; }
  body.cms-home-page .why-grid { grid-template-columns: 1fr !important; }
  body.cms-home-page .why-card { border-right: 0 !important; border-bottom: 1px solid var(--v5-line-soft) !important; }
  body.cms-home-page .location-pro-card { grid-template-columns: 1fr !important; }

  body.release-v24[data-page-slug="acne-treatment"] .page-hero,
  body.release-v24[data-page-slug="acne-treatment"] .page-hero.page-hero--professional { padding: 28px 0 18px !important; }
  body.release-v24[data-page-slug="acne-treatment"] .page-hero-copy h1 { font-size: clamp(2.8rem, 13vw, 4rem) !important; }
  body.release-v24[data-page-slug="acne-treatment"] .page-hero-art { height: 340px !important; min-height: 340px !important; }
  body.release-v24[data-page-slug="acne-treatment"] .v5-proof-strip { grid-template-columns: repeat(2, minmax(0,1fr)); margin-bottom: 14px; }
  body.release-v24[data-page-slug="acne-treatment"] .v5-proof-item { min-height: 58px; }
  body.release-v24[data-page-slug="acne-treatment"] .prose { padding-inline: 0 !important; }
  body.release-v24[data-page-slug="acne-treatment"] .prose ul,
  body.release-v24[data-page-slug="acne-treatment"] .prose ol,
  body.release-v24[data-page-slug="acne-treatment"] .feature-list { grid-template-columns: 1fr !important; }
  body.release-v24 .cms-comparison-grid.v5-comparison-enhanced,
  body.release-v24 .cms-comparison-grid.v5-comparison-enhanced img { min-height: 280px; }
}
