/* =========================================================
   Fab Audio — HOME only (home.css)
   - Swiper hero sizing + no-warp media
   - header overlays hero (no gaps)
   - home-only spacing tweaks
   ========================================================= */

:root{
  /* HOME HERO sizing only */
  --hero-min: 520px;
  --hero-max: 820px;
}

@media (max-width: 992px){
  :root{
    --hero-min: 380px;
    --hero-max: 680px;
  }
}

p {text-align:justify;min-width:100% !important;}
div.fullwidth {width:100% !important;}

/* Prevent any wrapper padding pushing hero down */
.wrapper2{ padding-top: 0 !important; }
#home-page{ padding-top: 0 !important; }

/* Full-bleed hero section */
.jmf-slider.style17{
  position: relative;
  z-index: 1; /* header is above (site.css) */
  width: 100vw;
  max-width: 100%;
  margin: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  overflow: hidden;
}

/* Swiper root (new/old Swiper) */
.jmf-slider.style17 :is(.swiper, .swiper-container){
  height: clamp(var(--hero-min), calc(100vh - var(--header-h)), var(--hero-max)) !important;
}

.jmf-slider.style17 :is(.swiper, .swiper-container) .swiper-wrapper,
.jmf-slider.style17 :is(.swiper, .swiper-container) .swiper-slide{
  height: 100% !important;
}

/* Stage so contain looks intentional */
.jmf-slider.style17 .swiper-slide{ background:#000; }

/* No warp: contain for images + videos */
.jmf-slider.style17 .swiper-slide img,
.jmf-slider.style17 .swiper-slide video{
  width: 100% !important;
  height: 100% !important;
  display:block;
  object-fit: contain !important;
  object-position: center !important;
}

/* First content section after hero */
#topintro{
  margin-top: 3rem !important;
}