/* NuvikHost · Apple Full Bleed · 2026-10-10
   Covers only carousel presentation; 10 original PNGs stay byte-for-byte intact. */
.hero-carousel{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#071426;
}
.hero-carousel .carousel-viewport{
  position:relative;
  display:block;
  width:100%;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:16/9;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none !important;
  background:transparent !important;
}
.hero-carousel .carousel-track{
  width:100%;
  height:100%;
  position:relative;
  display:block;
  transform:none !important;
}
.hero-carousel .carousel-slide,
.hero-carousel .carousel-slide.is-active{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:transparent !important;
}
.hero-carousel .carousel-slide::before,
.hero-carousel .carousel-slide::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.hero-carousel .carousel-slide img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.hero-carousel .carousel-arrow{display:none !important}
.hero-carousel .carousel-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:46px;
  padding:2px 16px;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#071426;
}
.hero-carousel .carousel-toolbar::before{content:none;display:none}
.hero-carousel .carousel-dots{gap:1px}
.hero-carousel .carousel-dots button{min-height:44px}
.hero-carousel .carousel-count{display:none}
.hero-carousel .carousel-toggle{
  min-height:38px;
  min-width:38px;
  border:1px solid rgba(175,212,252,.22);
  border-radius:999px;
  background:rgba(132,172,218,.07);
  color:#c7ddef;
  box-shadow:none;
}
.hero-carousel .carousel-toggle:hover{background:rgba(135,193,245,.13)}
@media(max-width:640px){
  .hero-carousel .carousel-viewport{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:16/9;
  }
  .hero-carousel .carousel-toolbar{
    gap:7px;
    min-height:44px;
    padding:0 8px;
  }
  .hero-carousel .carousel-dots button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .hero-carousel .carousel-track,
  .hero-carousel .carousel-slide{
    transition:none!important;
    animation:none!important;
  }
}