/** Hero clip: full frame, centered, and a one-second crossfade like the beauty hero. */
.slotivo-hero-clips {
  position: absolute;
  inset: 0;
  display: block;
}
.slotivo-hero-clip {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  transition: opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.slotivo-hero-clip.is-on {
  opacity: 1;
  z-index: 1;
}
.slotivo-hero-clip.is-incoming {
  z-index: 2;
}

/*
 * All industries — never flash a still/poster under a film hero.
 * Still-only heroes (.is-still) keep their image.
 */
.slotivo-hero-clip:not(.is-on) {
  opacity: 0 !important;
}
.slotivo-beauty-k1 .hero-media:has(video) > img:not(.is-on),
.slotivo-beauty-k2 .frame.is-playing .frame-poster,
.slotivo-beauty-k2 .frame.is-dominant:not(.is-still) .frame-poster,
.slotivo-beauty-k2 .frame:has(video):not(.is-still) .frame-poster,
.slotivo-beauty-k3 .cine.is-playing .cine-poster,
.slotivo-beauty-k3 .cine:not(.is-still) .cine-poster,
.slotivo-beauty-k3 .cine:has(video.cine-media):not(.is-still) .cine-poster,
.slotivo-beauty-k3 .san-closewide.is-playing .san-film-still,
.slotivo-beauty-k3 .rit-photo.has-video.is-pending img,
.slotivo-beauty-k3 .rit-photo.has-video.is-playing img,
.slotivo-beauty-k4 .k4-hero-edit.is-film .k4-hero-img,
.slotivo-beauty-k4 .k4-hero-edit.is-film .k4-hero-edit-slot {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/** Mobile layout shields — keep template Tailwind flex/grid intact on tenant + preview. */
@media (max-width: 980px) {
  .slotivo-hero-clip,
  .slotivo-hero-bg .slotivo-hero-clip,
  .k4-home-hero-bg .slotivo-hero-clip {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

@media (max-width: 767px) {
  html[data-slotivo-template-ready] body[class*='slotivo-kostur-'] {
    overflow-x: hidden;
    max-width: 100%;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-'] nav > [class~='flex'] {
    flex-wrap: nowrap !important;
  }
}