/* Video.js v10 — all main walkthrough cards */
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-vjs-mount {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  background: #000;
  display: none;
  overflow: hidden;
}
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"].sp-vjs-active .sp-vjs-mount {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-vjs-player,
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-vjs-skin,
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-vjs-yt {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  max-width: none !important;
  max-height: none !important;
}
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"].sp-vjs-active .sp-ph-player {
  display: block !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 50 !important;
}
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-ph-controls {
  pointer-events: auto !important;
  z-index: 55 !important;
}
/* Hide stock VJS skin chrome — we use red controls */
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] video-skin [part],
#sp-walkthrough .cinematic-slide[data-sp-vjs="1"] .sp-vjs-skin > :not(youtube-video) {
  /* leave media visible */
}
@media (max-width: 991px) and (orientation: landscape) {
  #sp-walkthrough .cinematic-slide[data-sp-vjs="1"].sp-vjs-active .poster-wrapper {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99990 !important;
  }
}