/*
 * YOKO Kids v3.4.12 — standalone embedded Rey Cover Split runtime.
 * The wrapper owns the runway; the Cover Split visual remains sticky for one
 * viewport per slide. This overrides the v3.4.11 display:contents release.
 */
body.yoko-home-php-page .yoko-home-embedded-hero.yoko-cover-standalone {
  --yoko-cover-count: 3;
  --yoko-cover-height: calc(100vh - var(--yoko-header-offset, 0px));
  --yoko-cover-runway-height: calc(var(--yoko-cover-count) * var(--yoko-cover-height));
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: var(--yoko-cover-runway-height) !important;
  min-height: var(--yoko-cover-runway-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  contain: none !important;
  transform: none !important;
  isolation: isolate;
}

body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-pass-through {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
  transform: none !important;
  perspective: none !important;
  filter: none !important;
}

body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: var(--yoko-header-offset, 0px) !important;
  display: block !important;
  width: 100% !important;
  height: var(--yoko-cover-height) !important;
  min-height: var(--yoko-cover-height) !important;
  max-height: var(--yoko-cover-height) !important;
  margin: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  contain: layout paint !important;
  transform: translateZ(0);
  z-index: 2;
}

body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage > *,
body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage .elementor,
body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage .elementor-section,
body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage .elementor-container {
  min-height: 0;
}

body.yoko-home-php-page .yoko-home-embedded-hero + .yoko-home-trust {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  body.yoko-home-php-page .yoko-home-embedded-hero.yoko-cover-standalone {
    --yoko-cover-height: calc(100svh - var(--yoko-header-offset, 0px));
  }

  body.yoko-home-php-page .yoko-home-embedded-hero .yoko-cover-standalone-stage {
    height: var(--yoko-cover-height) !important;
    min-height: var(--yoko-cover-height) !important;
    max-height: var(--yoko-cover-height) !important;
  }
}