/* =========================================================
   Urbiax banner background only — 2026-07-03
   Change scope: desktop + mobile hero background image only.
   Existing text, buttons, filters, tabs, cards and backend stay untouched.
   Mobile follow-up: stronger, clearer buildings visible on phones.
   ========================================================= */

body.urbiax-modern-home-v1 .ubx-home-hero-v6{
  background:
    linear-gradient(135deg, rgba(10,43,105,.76) 0%, rgba(25,112,205,.58) 50%, rgba(17,145,97,.60) 100%),
    url('/rentals/assets/promo/ubx-hero-buildings-bg-20260703.webp') center center / cover no-repeat !important;
}

body.urbiax-modern-home-v1.ubx-theme-dark .ubx-home-hero-v6{
  background:
    linear-gradient(135deg, rgba(10,26,55,.82) 0%, rgba(24,66,112,.66) 52%, rgba(18,94,86,.68) 100%),
    url('/rentals/assets/promo/ubx-hero-buildings-bg-20260703.webp') center center / cover no-repeat !important;
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    background:
      linear-gradient(135deg, rgba(10,43,105,.34) 0%, rgba(25,112,205,.20) 50%, rgba(17,145,97,.22) 100%),
      url('/rentals/assets/promo/ubx-hero-buildings-bg-mobile-20260703.webp') right center / cover no-repeat !important;
    background-color:#9bb5cb !important;
  }

  body.urbiax-modern-home-v1 .ubx-mobile-superhero::before{
    background:
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01) 34%, rgba(255,255,255,0) 100%) !important;
    opacity:.14 !important;
  }

  body.urbiax-modern-home-v1.ubx-theme-dark .ubx-mobile-superhero{
    background:
      linear-gradient(135deg, rgba(10,26,55,.44) 0%, rgba(24,66,112,.27) 52%, rgba(18,94,86,.28) 100%),
      url('/rentals/assets/promo/ubx-hero-buildings-bg-mobile-20260703.webp') right center / cover no-repeat !important;
    background-color:#4d6379 !important;
  }

  body.urbiax-modern-home-v1.ubx-theme-dark .ubx-mobile-superhero::before{
    background:
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008) 34%, rgba(255,255,255,0) 100%) !important;
    opacity:.10 !important;
  }
}

@media (max-width:520px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero,
  body.urbiax-modern-home-v1.ubx-theme-dark .ubx-mobile-superhero{
    background-position: 100% center !important;
    background-size: cover !important;
  }
}