/*
 * Tint Guru V60 — Inner hero image treatment only.
 * Goal: natural/original image with a subtle 10% dark overlay.
 * No layout, typography, spacing, buttons, header or home-page changes.
 */

/* All inner dynamic heroes: natural image + uniform 10% black overlay. */
.tg-unified .tg-dynamic-hero .tg-hero-image{
  filter:none!important;
  opacity:1!important;
  z-index:0!important;
  display:block!important;
}

.tg-unified .tg-dynamic-hero:before{
  display:none!important;
  content:none!important;
  background:none!important;
}

.tg-unified .tg-dynamic-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border-radius:0!important;
  filter:none!important;
  background:rgba(0,0,0,.10)!important;
  opacity:1!important;
  z-index:1!important;
  pointer-events:none!important;
}

/* Keep hero copy above the subtle overlay. */
.tg-unified .tg-dynamic-hero>.wrap,
.tg-unified .ppf-hero.tg-dynamic-hero .ppf-hero-inner{
  position:relative!important;
  z-index:2!important;
}

/* Service-detail heroes use a CSS background instead of .tg-hero-image. */
.tg-unified .page-service-detail .service-detail-hero{
  background:
    linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),
    var(--service-detail-image) center/cover no-repeat!important;
}

.tg-unified .page-service-detail .service-detail-hero:after{
  display:none!important;
  content:none!important;
  background:none!important;
}