/* =========================================================
   Roadeo Hero Wash v2.4.1
   Tuned for:
   - top-shower-2.png (single strong overhead shower)
   - botton-wash-2.png (two strong underbody jets)
   Loaded last so legacy hero sizing cannot override it.
========================================================= */

/* Single overhead shower: keep the new, taller 4:3 artwork focused over the car. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit{
  width:min(520px,44vw) !important;
  top:-28px !important;
  z-index:26 !important;
  transform-origin:center top !important;
}
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit .rd9-hero-top-shower{
  width:100% !important;
  height:auto !important;
  max-height:420px !important;
  object-fit:contain !important;
  object-position:center top !important;
  filter:drop-shadow(0 14px 24px rgba(4,42,79,.18)) saturate(1.04) !important;
}
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit::after{
  top:116px !important;
  width:64% !important;
  height:235px !important;
  opacity:.62 !important;
}

/* Two underbody jets: slightly wider than the wheel track, but kept below the body. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit{
  width:min(600px,50vw) !important;
  bottom:-108px !important;
  z-index:24 !important;
  transform-origin:center bottom !important;
}
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit .rd9-hero-bottom-wash{
  width:100% !important;
  height:auto !important;
  max-height:360px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:drop-shadow(0 12px 22px rgba(4,42,79,.18)) saturate(1.04) !important;
}
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit::after{
  bottom:104px !important;
  width:72% !important;
  height:118px !important;
  opacity:.55 !important;
}

/* Make sure both wash assets remain cleanly clipped inside the hero stage. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd9-hero-scene{
  overflow:hidden !important;
}

@media (min-width:901px) and (max-width:1280px){
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit{
    width:min(455px,42vw) !important;
    top:-22px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit{
    width:min(530px,49vw) !important;
    bottom:-96px !important;
  }
}

@media (max-width:900px){
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit{
    width:min(420px,70vw) !important;
    top:-14px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit .rd9-hero-top-shower{
    max-height:330px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit{
    width:min(520px,76vw) !important;
    bottom:-82px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit .rd9-hero-bottom-wash{
    max-height:290px !important;
  }
}

@media (max-width:600px){
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit{
    width:76vw !important;
    top:-8px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit .rd9-hero-top-shower{
    max-height:250px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit{
    width:88vw !important;
    bottom:-58px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit .rd9-hero-bottom-wash{
    max-height:225px !important;
  }
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-top-unit::after,
  #roadeo-v9 .rd9-hero.rd10-cinematic .rd10-bottom-unit::after{
    opacity:.38 !important;
  }
}