/* Surgery heroes: preserve the source artwork and control contrast per program. */
html[data-abelle-site=true]:is(
  .ab-sev2-active,
  .ab-snv2-active,
  .ab-spv2-active,
  .ab-scv2-page-facelift,
  .ab-scv2-page-forehead-lift
) #subtitle .subtitle_bg img {
  filter:none!important;
}

/* The shared theme also paints a second dark layer on subtitle_bg. Surgery
   artwork already has a dedicated contrast veil, so keep only one layer. */
html[data-abelle-site=true]:is(
  .ab-sev2-active,
  .ab-snv2-active,
  .ab-spv2-active,
  .ab-scv2-page-facelift,
  .ab-scv2-page-forehead-lift
) #subtitle .subtitle_bg:after,
html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle .subtitle_bg:after {
  background:none!important;
}

html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle .subtitle_bg img {
  filter:none!important;
}

html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle:after {
  background:linear-gradient(90deg,rgba(27,34,37,.17) 0%,rgba(27,34,37,.05) 58%,rgba(27,34,37,.10) 100%)!important;
}

/* Eye and nose portraits start warm; a restrained cool-charcoal veil keeps copy clear. */
html[data-abelle-site=true].ab-sev2-active #subtitle:after,
html[data-abelle-site=true].ab-snv2-active #subtitle:after {
  background:linear-gradient(90deg,rgba(27,40,47,.18) 0%,rgba(27,40,47,.07) 56%,rgba(27,40,47,.12) 100%)!important;
}

/* Nose-detail portraits are intentionally low-key. Lift the source exposure
   slightly so hair and facial contours remain readable without adding a veil. */
html[data-abelle-site=true].ab-ndv3-active #subtitle .subtitle_bg img {
  filter:brightness(1.16) saturate(.94)!important;
}

/* The rib portrait is naturally high-key. Keep the mobile artwork unchanged,
   but restore a calmer desktop exposure so highlights and white copy remain clear. */
@media (min-width:768px) {
  html[data-abelle-site=true].ab-ndv3-active.ab-ndv3-page-rib #subtitle .subtitle_bg img.pc {
    filter:brightness(.98) saturate(.94)!important;
  }
}

/* Program pages retain their own identity without unnecessarily dimming the image. */
html[data-abelle-site=true].ab-spv2-page-eyelid #subtitle:after {
  background:rgba(49,39,47,.15)!important;
}
html[data-abelle-site=true].ab-spv2-page-mini-lift #subtitle:after {
  background:rgba(35,49,40,.14)!important;
}
html[data-abelle-site=true].ab-spv2-page-double-chin #subtitle:after {
  background:rgba(28,47,55,.20)!important;
}
html[data-abelle-site=true].ab-spv2-page-breast #subtitle:after {
  background:rgba(57,40,48,.22)!important;
}
html[data-abelle-site=true].ab-scv2-page-facelift #subtitle:after {
  background:rgba(38,45,47,.14)!important;
}
html[data-abelle-site=true].ab-scv2-page-forehead-lift #subtitle:after {
  background:rgba(40,43,50,.14)!important;
}

/* Lower-eye artwork has dedicated left copy space and needs its directional gradient. */
@media (min-width:768px) {
  html[data-abelle-site=true].ab-spv2-page-lower-eye #subtitle:after {
    background:linear-gradient(90deg,rgba(31,35,44,.30) 0%,rgba(35,39,49,.14) 34%,rgba(35,39,49,.03) 62%,rgba(35,39,49,.05) 100%)!important;
  }
}

@media (max-width:767px) {
  html[data-abelle-site=true]:is(
    .ab-sev2-active,
    .ab-snv2-active,
    .ab-spv2-active,
    .ab-scv2-page-facelift,
    .ab-scv2-page-forehead-lift
  ) #subtitle.ab-person-hero-shell>.container,
  html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle.ab-person-hero-shell>.container {
    width:60%!important;
    max-width:60%!important;
  }

  html[data-abelle-site=true]:is(
    .ab-sev2-active,
    .ab-snv2-active,
    .ab-spv2-active,
    .ab-scv2-page-facelift,
    .ab-scv2-page-forehead-lift
  ) #subtitle.ab-person-hero-shell>.container h1.font-60,
  html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle.ab-person-hero-shell>.container h1.font-60 {
    max-width:100%!important;
    font-size:clamp(32px,8.7vw,34px)!important;
    line-height:1.18!important;
    letter-spacing:-.05em!important;
  }

  html[data-abelle-site=true][data-ab-page-type=procedure] body #subtitle.ab-person-hero-shell>.container>h1.font-60.bold700 {
    max-width:100%!important;
    font-size:clamp(32px,8.7vw,34px)!important;
    line-height:1.18!important;
    letter-spacing:-.05em!important;
  }

  html[data-abelle-site=true][data-ab-page-type=procedure] body #subtitle.ab-person-hero-shell>.container>h1.font-60.bold700 {
    max-width:100%!important;
    font-size:clamp(32px,8.7vw,34px)!important;
    line-height:1.18!important;
    letter-spacing:-.05em!important;
  }

  html[data-abelle-site=true].ab-sev2-active #subtitle:after,
  html[data-abelle-site=true].ab-snv2-active #subtitle:after {
    background:linear-gradient(180deg,rgba(27,40,47,.16),rgba(27,40,47,.04) 56%,rgba(27,40,47,.13))!important;
  }

  html[data-abelle-site=true].ab-ndv3-active #subtitle .subtitle_bg img.mo {
    object-position:64% center!important;
    filter:brightness(1.06) saturate(.96)!important;
  }

  html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle:after {
    background:linear-gradient(180deg,rgba(27,34,37,.14) 0%,rgba(27,34,37,.03) 55%,rgba(27,34,37,.16) 100%)!important;
  }

  html[data-abelle-site=true].ab-spv2-page-eyelid #subtitle:after,
  html[data-abelle-site=true].ab-spv2-page-mini-lift #subtitle:after,
  html[data-abelle-site=true].ab-spv2-page-breast #subtitle:after,
  html[data-abelle-site=true].ab-scv2-page-facelift #subtitle:after,
  html[data-abelle-site=true].ab-scv2-page-forehead-lift #subtitle:after {
    background:rgba(35,43,47,.22)!important;
  }

  html[data-abelle-site=true].ab-spv2-page-double-chin #subtitle:after {
    background:rgba(28,47,55,.20)!important;
  }

  html[data-abelle-site=true].ab-spv2-page-lower-eye #subtitle:after {
    background:linear-gradient(180deg,rgba(31,35,44,.09) 0%,rgba(35,39,49,.02) 38%,rgba(35,39,49,.18) 69%,rgba(30,33,41,.28) 100%)!important;
  }
}

/* 2026-09 mobile surgery hero tone audit.
   Keep contrast around the logo and copy, while leaving the portrait area open. */
@media (max-width:767px) {
  html[data-abelle-site=true].ab-ndv3-active #subtitle:after,
  html[data-abelle-site=true].ab-phv3-active #subtitle:after {
    background:linear-gradient(180deg,rgba(27,34,37,.18) 0%,rgba(27,34,37,.04) 54%,rgba(27,34,37,.14) 100%)!important;
  }

  html[data-abelle-site=true]:is(
    .ab-spv2-page-eyelid,
    .ab-spv2-page-mini-lift,
    .ab-spv2-page-breast,
    .ab-scv2-page-facelift,
    .ab-scv2-page-forehead-lift
  ) #subtitle:after {
    background:linear-gradient(180deg,rgba(31,39,43,.15) 0%,rgba(31,39,43,.03) 54%,rgba(31,39,43,.13) 100%)!important;
  }

  html[data-abelle-site=true].ab-spv2-page-lower-eye #subtitle:after {
    background:linear-gradient(180deg,rgba(31,35,44,.07) 0%,rgba(35,39,49,.01) 40%,rgba(35,39,49,.11) 70%,rgba(30,33,41,.18) 100%)!important;
  }
}

/* 2026-09 neutral surgery imagery.
   Preserve white/black contrast and luminance; only reduce the warm cast. */
html[data-abelle-site=true]:is(
  .ab-sev2-active,
  .ab-eyev3-active,
  .ab-ndv3-active,
  .ab-phv3-active,
  .ab-scv2-active,
  .ab-cbv3-active,
  .ab-spv2-active,
  .ab-snv2-active
) #subtitle .subtitle_bg img,
html[data-abelle-site=true]:has(.ab-detail--category-surgery) #subtitle .subtitle_bg img{
  filter:grayscale(.10) saturate(.78) contrast(1.03) brightness(1.01)!important;
}
html[data-abelle-site=true]:is(.ab-sev2-active,.ab-eyev3-active,.ab-spv2-page-eyelid) #subtitle .subtitle_bg img{
  filter:grayscale(.14) saturate(.70) contrast(1.03) brightness(1.01)!important;
}

/* Neutral-background source images are authored for final display. */
html[data-abelle-site=true].ab-neutral-hero-source #subtitle .subtitle_bg img{
  filter:none!important;
}
html[data-abelle-site=true] #subtitle .subtitle_bg img[src*="-hero-neutral-"],
html[data-abelle-site=true] #subtitle .subtitle_bg img[src*="-hero-mobile-neutral-"]{
  filter:none!important;
}
html[data-abelle-site=true] body #subtitle#subtitle .subtitle_bg img.mo[src*="-hero-mobile-neutral-"]{
  filter:none!important;
}
html[data-abelle-site=true] body #subtitle#subtitle .subtitle_bg img.mo[src*="-hero-mobile-neutral-"]{
  filter:none!important;
}
html[data-abelle-site=true] #subtitle .subtitle_bg img[src*="-hero-neutral-"],
html[data-abelle-site=true] #subtitle .subtitle_bg img[src*="-hero-mobile-neutral-"]{
  filter:none!important;
}