/* Base (desktop/tablet default) */
section.uv-hero {
    position: relative;
    width: 100%;
    min-height: 78vh !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  /* Desktop/tablet: FORCE center/cover even if theme parallax CSS fights it */
  @media (min-width: 768px) {
    section.uv-hero {
      background-position: center center !important;
      background-size: cover !important;
      background-attachment: scroll !important;
      transform: none !important;
    }
  }
  
  /* Mobile: FIT image (no cropping) and TURN OFF parallax */
  @media (max-width: 767.98px) {
    section.uv-hero {
      background-size: contain !important;
      background-position: center top !important;
      background-repeat: no-repeat !important;
  
      /* Banner height based on screen width (16:9) */
      height: 56.25vw !important;
      min-height: 0 !important;
      max-height: 100vh !important;
  
      /* Turn off parallax behavior */
      background-attachment: scroll !important;
      transform: none !important;
      will-change: auto !important;
  
      /* Optional: fill empty space behind contain */
      background-color: #000;
    }
  }