/* Independent detail-page container; activated only by explicit vertical metadata. */
.if-video-player--vertical[data-orientation="vertical"] {
  position: relative;
  overflow: hidden;
  width: min(100%, 420px);
  aspect-ratio: 9 / 16;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  border-radius: 0;
  background: #000;
  box-shadow: none;
}

.if-video-player--vertical[data-orientation="vertical"] > .if-video-player__vertical-media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

.if-video-player--vertical[data-orientation="vertical"].is-playing > .play-button {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.94);
}

@media (max-width: 767px) {
  .if-video-player--vertical[data-orientation="vertical"] {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}