/* The theme places the hero; native MetaSlider styles own tracks and controls. */
.mfai-home-carousel {
  --mfai-carousel-desktop-ratio: 24 / 3;
  --mfai-carousel-mobile-ratio: 16 / 9;
  width: 100%;
  margin: 0;
  padding: 0;
}
.mfai-home-carousel__stage {
  --mfai-carousel-ratio: var(--mfai-carousel-desktop-ratio);
  position: relative;
  width: 100%;
}
.mfai-home-carousel .metaslider {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0;
}
.mfai-home-carousel__fallback {
  display: block;
  width: 100%;
  aspect-ratio: var(--mfai-carousel-ratio);
  margin: 0;
  background: var(--tint, #f5f3f2);
}
.mfai-home-carousel__fallback img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
/* Keep the real first photo visible while the plugin measures and initializes underneath. */
.mfai-home-carousel:not(.is-ready) .mfai-home-carousel__stage { overflow: hidden; }
.mfai-home-carousel:not(.is-ready) .metaslider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  z-index: -1;
}
.mfai-home-carousel .slides > li > a:focus-visible {
  outline: 3px solid var(--sea, #12566b);
  outline-offset: -3px;
}
@media (max-width: 767px) {
  .mfai-home-carousel[data-mobile-id]:not([data-mobile-id=""]):not([data-mobile-id="0"]) .mfai-home-carousel__stage {
    --mfai-carousel-ratio: var(--mfai-carousel-mobile-ratio);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mfai-home-carousel .slides { animation-play-state: paused !important; }
  .mfai-home-carousel .flex-viewport,
  .mfai-home-carousel .slides,
  .mfai-home-carousel .slides > li { transition-duration: 0s !important; }
}