/* NoorVista 3.5.14 - mobile hero keeps artwork ratio, outer gutter, and preloads hidden slides safely */

@media (max-width: 760px) {
  html body.nv-home-page .nv-home-slider {
    position: relative !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 8px auto 0 !important;
    aspect-ratio: var(--nv-mobile-hero-ratio, 3 / 1) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  html body.nv-home-page .nv-home-slider__viewport,
  html body.nv-home-page .nv-home-slider__track {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  html body.nv-home-page .nv-home-slide {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  html body.nv-home-page .nv-home-slide.is-active {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.nv-home-page .nv-home-slide__picture,
  html body.nv-home-page .nv-home-slide__picture.is-adaptive {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body.nv-home-page .nv-home-slide__image,
  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 {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  html body.nv-home-page .nv-home-slide__veil,
  html body.nv-home-page .nv-home-slide__content,
  html body.nv-home-page .nv-home-slide__eyebrow,
  html body.nv-home-page .nv-home-slide__title,
  html body.nv-home-page .nv-home-slide__subtitle,
  html body.nv-home-page .nv-home-slide__actions,
  html body.nv-home-page .nv-home-slide__action,
  html body.nv-home-page .nv-home-slide__trust,
  html body.nv-home-page .nv-home-slider__arrow,
  html body.nv-home-page .nv-home-slider__footer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
