/* NoorVista R9.2 — mobile hero height follows the active image's intrinsic aspect ratio.
 * The companion runtime sets --nv-mobile-hero-height from naturalWidth/naturalHeight.
 * A landscape fallback is used only until the active image reports its intrinsic size.
 */
@media (max-width: 760px) {
  html body.nv-home-page section.nv-home-slider,
  html body.nv-home-page .nv-home-slider[data-nv-home-slider],
  html body.nv-home-page .nv-home-slider {
    width: 100% !important;
    max-width: 100vw !important;
    height: var(--nv-mobile-hero-height, 56.25vw) !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  html body.nv-home-page .nv-home-slider__viewport,
  html body.nv-home-page .nv-home-slider__track,
  html body.nv-home-page .nv-home-slide,
  html body.nv-home-page .nv-home-slide__picture,
  html body.nv-home-page .nv-home-slide__picture.is-adaptive {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }

  html body.nv-home-page .nv-home-slide__picture .nv-home-slide__image,
  html body.nv-home-page .nv-home-slide__picture.is-adaptive .nv-home-slide__image,
  html body.nv-home-page .nv-home-slide > .nv-home-slide__image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}