/**
 * Desktop hero image fit correction.
 * Keeps the complete uploaded banner visible and lets the hero height
 * follow the banner's natural aspect ratio instead of cropping it.
 */
@media (min-width: 768px) {
  .zf-hero-slider {
    background: #f2f6f8;
  }

  .zf-hero-track {
    height: auto !important;
    min-height: 0;
  }

  .zf-hero-slide {
    height: auto;
  }

  .zf-hero-slide.active {
    position: relative;
  }

  .zf-hero-slide > a,
  .zf-hero-slide > img,
  .zf-hero-slide a img {
    height: auto !important;
  }

  .zf-hero-slide img {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}