/* Native video player — «Русская Сила» */

:root {
  --rs-video-background: #0a0a0a;
}

.rs-video-player {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: #0a0a0a;
  border-radius: var(--radius, 10px);
  overflow: hidden;
  border: 1px solid var(--rs-line, #d6cfc4);
  box-shadow: 0 12px 40px rgba(26, 20, 16, 0.12);
  isolation: isolate;
  contain: layout paint;
}

.rs-video-player--watch,
.rs-video-player--featured {
  aspect-ratio: 16 / 9;
  max-height: min(72vh, 720px);
}

.rs-video-player--portrait {
  aspect-ratio: 9 / 16;
  max-height: min(76vh, 620px);
}

.rs-video-player--watch video,
.rs-video-player--featured video,
.rs-video-player--portrait video {
  height: 100%;
  max-height: inherit;
  object-fit: contain;
}

.rs-video-player--card,
.rs-video-player--compact,
.rs-video-player--tile {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  box-shadow: none;
}

.rs-video-player__video {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.rs-video-player--card .rs-video-player__video,
.rs-video-player--compact .rs-video-player__video,
.rs-video-player--tile .rs-video-player__video {
  object-fit: cover;
}

/* Safety net for cached/legacy Plyr markup: never let controls escape cards. */
.rs-video-player .plyr {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: inherit !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: #0a0a0a !important;
}

.rs-video-player .plyr video,
.rs-video-player .plyr__video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.rs-video-player .plyr svg {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
}

.rs-video-player--card .plyr__controls,
.rs-video-player--compact .plyr__controls,
.rs-video-player--tile .plyr__controls {
  display: none !important;
}

.rs-video-player--card .plyr__control--overlaid,
.rs-video-player--compact .plyr__control--overlaid,
.rs-video-player--tile .plyr__control--overlaid {
  display: none !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  padding: .7rem !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Mobile: bigger tap targets */
@media (max-width: 640px) {
  .rs-video-player--watch {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-inline: calc(-1 * var(--container-pad, 4vw));
    width: calc(100% + 2 * var(--container-pad, 4vw));
    max-width: 100vw;
  }

  .video-watch__main .rs-video-player--watch {
    margin-inline: 0;
    width: 100%;
    border-radius: var(--radius, 10px);
    border: 1px solid var(--rs-line, #d6cfc4);
  }
}

/* Review card inline video */
.review-card__media .rs-video-player {
  aspect-ratio: 16 / 10;
  border: none;
  border-radius: 0;
  height: 100%;
}

.review-card__media .rs-video-player video {
  height: 100%;
}

.review-card__media .rs-video-player video {
  object-fit: cover;
}

/* Instant poster, native reveal and subtle anti-theft mark */
.rs-video-player__poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--rs-img-position, 50% 50%);
  display: block;
  background: #0a0a0a;
  transition: opacity .32s ease, transform .6s ease;
}

.rs-video-player--watch .rs-video-player__poster,
.rs-video-player--featured .rs-video-player__poster,
.rs-video-player--portrait .rs-video-player__poster { object-fit: contain; }

.rs-video-player__video,
.progressive-loop-video__video,
.ambient-video video,
.ambient-video .progressive-loop-video__video {
  opacity: 0;
  transition: opacity .34s ease;
  filter: saturate(1.04) contrast(1.035) brightness(1.01);
}

.rs-video-player.is-video-ready .rs-video-player__video,
.progressive-loop-video.is-video-ready .progressive-loop-video__video,
.ambient-video.is-video-ready video,
.ambient-video.is-video-ready .progressive-loop-video__video,
.progressive-loop-video.is-playing .progressive-loop-video__video,
.ambient-video.is-playing video { opacity: 1; }

.rs-video-player.is-video-ready .rs-video-player__poster,
.progressive-loop-video.is-video-ready .progressive-loop-video__poster,
.progressive-loop-video.is-playing .progressive-loop-video__poster {
  opacity: 0;
  pointer-events: none;
}

.rs-video-player::before,
.progressive-loop-video::before,
.video-lazy::before,
.tg-lightbox__dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.08), transparent 28%, transparent 72%, rgba(0,0,0,.12));
  opacity: .45;
}

.rs-video-player::after,
.progressive-loop-video::after,
.video-lazy::after,
.tg-lightbox__dialog::after {
  content: "\0420\0423\0421\0421\041A\0410\042F\0020\0421\0418\041B\0410";
  position: absolute;
  right: clamp(.45rem, 1.5vw, .85rem);
  top: clamp(.4rem, 1.4vw, .75rem);
  z-index: 9;
  pointer-events: none;
  color: #b91c1c;
  opacity: .18;
  font-weight: 900;
  font-size: clamp(.58rem, 1.25vw, .82rem);
  line-height: 1;
  letter-spacing: .02em;
  text-transform: none;
  text-shadow: 0 1px 1px rgba(255,255,255,.16), 0 0 8px rgba(185,28,28,.16);
  mix-blend-mode: multiply;
}

.rs-video-player--watch::after,
.rs-video-player--featured::after,
.rs-video-player--portrait::after,
.tg-lightbox__dialog::after {
  opacity: .14;
  font-size: clamp(.7rem, 1.1vw, .95rem);
}

@media (prefers-reduced-motion: reduce) {
  .rs-video-player__poster,
  .rs-video-player__video,
  .progressive-loop-video__poster,
  .progressive-loop-video__video,
  .ambient-video video { transition: none !important; }
}
