/* Build: 2026.09.17-ios-avc-v85 — Cinema Mode; iOS controls hit-test; AVC proxy */
.dramatr-player {
  position: relative;
  width: 100%;
  max-width: min(100%, 420px);
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  touch-action: manipulation;
  user-select: none;
  z-index: 2;
  transition: border-radius .38s cubic-bezier(.22, 1, .36, 1),
    box-shadow .38s ease;
}
.dramatr-player video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
/* Hide native cues — custom overlay is the only visible subtitle layer */
.dramatr-player video::cue {
  opacity: 0 !important;
  color: transparent !important;
  background: transparent !important;
}
.dramatr-player__embed {
  width: 100%;
  height: 100%;
}
.dramatr-player__embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.dramatr-player__poster {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  z-index: 2;
  pointer-events: auto;
}
.dramatr-player__poster[hidden],
.dramatr-player.is-playing .dramatr-player__poster,
.dramatr-player.has-started .dramatr-player__poster {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
.dramatr-player video.dramatr-player__outgoing {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  background: #000;
}
.dramatr-player__poster::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}
.dramatr-player__bigplay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 50%;
  background: rgba(229,9,20,.92);
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 5;
}
.dramatr-player__bigplay[hidden],
.dramatr-player.is-buffering .dramatr-player__bigplay,
.dramatr-player.is-playing .dramatr-player__bigplay {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.dramatr-player__buffer {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  z-index: 12;
  pointer-events: none;
}
.dramatr-player__buffer[hidden] {
  display: none !important;
}
.dramatr-player__buffer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.dramatr-player__buffer-label {
  color: #f8fafc;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}
.dramatr-player__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .5rem .65rem calc(.75rem + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(transparent, rgba(0,0,0,.85));
  display: flex;
  flex-direction: column;
  gap: .35rem;
  opacity: 0;
  transition: opacity .2s;
  z-index: 30;
  /* iOS: always hit-testable — opacity alone hides UI; never block scrub/buttons */
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.dramatr-player.is-active .dramatr-player__controls,
.dramatr-player.is-paused .dramatr-player__controls {
  opacity: 1;
}
.dramatr-player.is-auto-advancing .dramatr-player__controls {
  opacity: 0 !important;
  pointer-events: none;
}
.dramatr-player__progress {
  position: relative;
  height: 28px;
  margin: 0 -.15rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.dramatr-player__progress-track {
  position: relative;
  width: 100%;
  height: 4px;
  background: rgba(255,255,255,.22);
  border-radius: 999px;
  overflow: visible;
  transition: height .15s ease;
}
.dramatr-player__progress:hover .dramatr-player__progress-track,
.dramatr-player__progress.is-scrubbing .dramatr-player__progress-track,
.dramatr-player__progress:focus-visible .dramatr-player__progress-track {
  height: 7px;
}
.dramatr-player__progress-buf {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: rgba(255,255,255,.28);
  border-radius: 999px;
  pointer-events: none;
}
.dramatr-player__progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(90deg, #e50914, #ff6b35);
  border-radius: 999px;
  pointer-events: none;
}
.dramatr-player__progress-thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(229,9,20,.55), 0 2px 8px rgba(0,0,0,.45);
  opacity: 0;
  transform: scale(.7);
  transition: opacity .15s ease, transform .15s ease;
  pointer-events: none;
  z-index: 2;
}
.dramatr-player__progress:hover .dramatr-player__progress-thumb,
.dramatr-player__progress.is-scrubbing .dramatr-player__progress-thumb,
.dramatr-player__progress:focus-visible .dramatr-player__progress-thumb {
  opacity: 1;
  transform: scale(1);
}
.dramatr-player__progress-tip {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  transform: translateX(-50%);
  padding: .2rem .45rem;
  border-radius: 6px;
  background: rgba(8,12,22,.92);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
  z-index: 3;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
@media (hover: none), (pointer: coarse) {
  .dramatr-player__progress {
    height: 32px;
  }
  .dramatr-player__progress-track {
    height: 5px;
  }
  .dramatr-player__progress-thumb {
    opacity: 1;
    transform: scale(1);
    width: 14px;
    height: 14px;
    margin-left: -7px;
    margin-top: -7px;
  }
}
.dramatr-player__row {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.dramatr-player__btn {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: .85rem;
  cursor: pointer;
  padding: .25rem .4rem;
}
.dramatr-player__time {
  font-size: .75rem;
  color: rgba(255,255,255,.85);
  margin-right: auto;
}
.dramatr-player__vol {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  flex-shrink: 0;
  max-width: 100%;
}
.dramatr-player__vol-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 0;
  max-width: 0;
  height: 4px;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  background: rgba(255,255,255,.28);
  border-radius: 999px;
  outline: none;
  transition: width .18s ease, max-width .18s ease, opacity .18s ease;
  vertical-align: middle;
  cursor: pointer;
}
.dramatr-player__vol:hover .dramatr-player__vol-slider,
.dramatr-player__vol:focus-within .dramatr-player__vol-slider,
.dramatr-player.is-active .dramatr-player__vol-slider {
  width: 72px;
  max-width: 28vw;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
}
.dramatr-player__vol-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35);
  cursor: pointer;
}
.dramatr-player__vol-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 0;
  cursor: pointer;
}
.dramatr-player__vol-slider::-moz-range-track {
  height: 4px;
  background: rgba(255,255,255,.28);
  border-radius: 999px;
}
@media (hover: none), (pointer: coarse) {
  .dramatr-player__vol-slider {
    width: 64px;
    max-width: 30vw;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    /* Larger hit area for touch without changing track height */
    padding: .55rem 0;
    background-clip: content-box;
  }
}
.dramatr-player__menu {
  position: relative;
}
.dramatr-player__menu-list {
  display: none;
  position: absolute;
  bottom: 100%;
  right: 0;
  min-width: 120px;
  background: rgba(20,20,24,.95);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: .35rem 0;
  margin-bottom: .35rem;
}
.dramatr-player__menu.is-open .dramatr-player__menu-list {
  display: block;
}
.dramatr-player__menu-list button {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: #fff;
  padding: .4rem .75rem;
  cursor: pointer;
  font-size: .8rem;
}
.dramatr-player__menu-list button.is-active,
.dramatr-player__menu-list button:hover {
  background: rgba(229,9,20,.2);
}
.dramatr-player__sub-style-list{min-width:210px;padding:.55rem}
.dramatr-player__sub-style-list strong{display:block;padding:.2rem .35rem;color:#cbd5e1;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}
.dramatr-player__sub-style-list>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin:.15rem 0 .45rem}
.dramatr-player__sub-style-list>div:first-of-type{grid-template-columns:repeat(3,1fr)}
.dramatr-player__sub-style-list button{text-align:center;padding:.45rem .3rem;border-radius:6px;background:rgba(255,255,255,.06)}
.dramatr-player__wp-notice {
  position: absolute;
  left: 50%;
  bottom: 4.6rem;
  transform: translateX(-50%);
  z-index: 6;
  max-width: min(92%, 22rem);
  padding: .45rem .85rem;
  border-radius: 8px;
  background: rgba(12, 12, 14, .82);
  color: #f2f2f2;
  font-size: .82rem;
  line-height: 1.35;
  letter-spacing: .01em;
  text-align: center;
  pointer-events: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
}
.dramatr-player__wp-notice[hidden] {
  display: none !important;
}
.dramatr-player__chat-toast{position:absolute;left:50%;top:12%;transform:translate(-50%,-8px);z-index:35;width:max-content;max-width:88%;padding:.55rem .85rem;border-radius:999px;background:rgba(8,12,22,.86);border:1px solid rgba(255,46,149,.38);box-shadow:0 8px 28px rgba(0,0,0,.45);color:#fff;font-size:.82rem;font-weight:700;line-height:1.3;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.dramatr-player__chat-toast.is-showing{opacity:1;transform:translate(-50%,0)}
.dramatr-player__chat-toast[hidden]{display:none!important}
.dramatr-player.is-wp-guest .dramatr-player__progress {
  pointer-events: none;
  opacity: .88;
}
.dramatr-player.is-wp-guest [data-speed-menu] {
  pointer-events: none;
  opacity: .45;
}
.dramatr-player__spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255,255,255,.25);
  border-top-color: #e50914;
  border-radius: 50%;
  animation: dt-spin .8s linear infinite;
}
@keyframes dt-spin { to { transform: rotate(360deg); } }
.dramatr-player__error {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: 1rem;
  text-align: center;
  background: rgba(0,0,0,.8);
  color: #fff;
  z-index: 7;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dramatr-player__error p { margin: 0; font-size: .9rem; }
.dramatr-player__tapzones {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  /* Leave bottom control strip free so scrub/buttons are never under tapzones */
  bottom: 96px;
  display: flex;
  z-index: 3;
  pointer-events: auto;
}
.dramatr-player__tapzones span {
  flex: 1;
}
/* Single styled overlay — above controls (~80px), better font */
.dramatr-player__sub-overlay {
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 80px;
  z-index: 8;
  text-align: center;
  font-size:calc(clamp(.9rem, 2.8vw, 1.15rem) * var(--dt-sub-scale,1));
  font-weight: 700;
  letter-spacing: .01em;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,.95), 0 0 2px rgba(0,0,0,.8);
  pointer-events: none;
  line-height: 1.4;
  word-break: break-word;
}
.dramatr-player__sub-overlay:empty { display: none; }
.dramatr-player__sub-cue { display: block; white-space: pre-line; }
.dramatr-player__sub-cue + .dramatr-player__sub-cue {
  border-top: 1px solid rgba(255,255,255,.55);
  margin-top: .3em;
  padding-top: .3em;
}
.dramatr-player__sub-overlay:not(:empty) {
  background:rgba(0,0,0,var(--dt-sub-bg,.55));
  border-radius: 6px;
  padding: .35rem .65rem;
}
@media (min-width: 768px) {
  .dramatr-player__sub-overlay { bottom: 64px; }
}
.dramatr-player.is-locked .dramatr-player__poster { display: none; }
.dramatr-player__nextup {
  position: absolute;
  inset: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.72);
  color: #fff;
  font-weight: 700;
}
.dramatr-player__nextup p { margin: 0; }

/* Layout placeholder while player is position:fixed (avoids page jump) */
.dramatr-player__ph {
  width: 100%;
  max-width: min(100%, 420px);
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  visibility: hidden;
  pointer-events: none;
}

/* —— Cinema Mode (CSS/DOM page-level — NOT browser Fullscreen API) —— */
.dramatr-player--cinema,
.dramatr-player--fslike {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  width: 100% !important;
  width: 100dvw !important;
  height: 100% !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: auto !important;
  background: #000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 100vmax #000;
}
.dramatr-player--cinema.dramatr-player--anim-in,
.dramatr-player--fslike.dramatr-player--anim-in {
  animation: dt-cover-in .42s cubic-bezier(.22, 1, .36, 1) both;
}
.dramatr-player--cinema.dramatr-player--anim-out,
.dramatr-player--fslike.dramatr-player--anim-out {
  animation: dt-cover-out .36s cubic-bezier(.4, 0, .2, 1) both;
  pointer-events: none;
}
/* iOS/WebKit: never apply transform to the player that contains <video> */
.dramatr-player.dramatr-player--ios-safe,
.dramatr-player--cinema.dramatr-player--ios-safe,
.dramatr-player--fslike.dramatr-player--ios-safe,
.dramatr-player--cinema.dramatr-player--ios-safe.dramatr-player--anim-in,
.dramatr-player--fslike.dramatr-player--ios-safe.dramatr-player--anim-in,
.dramatr-player--cinema.dramatr-player--ios-safe.dramatr-player--anim-out,
.dramatr-player--fslike.dramatr-player--ios-safe.dramatr-player--anim-out {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}
@keyframes dt-cover-in {
  from {
    opacity: .88;
    transform: scale(.94);
    border-radius: 14px;
  }
  to {
    opacity: 1;
    transform: scale(1);
    border-radius: 0;
  }
}
@keyframes dt-cover-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: .92;
    transform: scale(.96);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dramatr-player--cinema.dramatr-player--anim-in,
  .dramatr-player--fslike.dramatr-player--anim-in,
  .dramatr-player--cinema.dramatr-player--anim-out,
  .dramatr-player--fslike.dramatr-player--anim-out {
    animation: none;
  }
}
/* Max size in viewport; preserve aspect — no crop, no stretch */
.dramatr-player--cinema video,
.dramatr-player--fslike video {
  position: relative;
  z-index: 1;
  flex: 0 1 auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #000;
}
.dramatr-player--cinema .dramatr-player__poster,
.dramatr-player--fslike .dramatr-player__poster {
  z-index: 0;
}
.dramatr-player--cinema.is-playing .dramatr-player__poster,
.dramatr-player--fslike.is-playing .dramatr-player__poster,
.dramatr-player--cinema.has-started .dramatr-player__poster,
.dramatr-player--fslike.has-started .dramatr-player__poster,
.dramatr-player--cinema .dramatr-player__poster[hidden],
.dramatr-player--fslike .dramatr-player__poster[hidden] {
  display: none !important;
}
.dramatr-player--cinema .dramatr-player__sub-overlay,
.dramatr-player--fslike .dramatr-player__sub-overlay { z-index: 510; bottom: 90px; }
.dramatr-player--cinema .dramatr-player__controls,
.dramatr-player--fslike .dramatr-player__controls { z-index: 10060; }
.dramatr-player--cinema .dramatr-player__fslike-panel,
.dramatr-player--fslike .dramatr-player__fslike-panel {
  position: relative;
  width: 280px;
  flex-shrink: 0;
  background: #0f172a;
  border-left: 1px solid rgba(255,255,255,.08);
  overflow-y: auto;
  z-index: 510;
  padding: 1rem;
}
.dramatr-player__btn--fslike-close {
  position: absolute;
  top: .75rem;
  right: .75rem;
  z-index: 520;
}

/* Cinema close (X) — top-left; independent of native FS */
.dramatr-player__cinema-close {
  position: absolute;
  top: max(.65rem, env(safe-area-inset-top, 0px));
  left: max(.65rem, env(safe-area-inset-left, 0px));
  z-index: 540;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(8, 12, 22, .78);
  color: #f8fafc;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.dramatr-player--cinema .dramatr-player__cinema-close:not([hidden]),
.dramatr-player--fslike .dramatr-player__cinema-close:not([hidden]) {
  display: inline-flex;
}
.dramatr-player__cinema-close[hidden] {
  display: none !important;
}
.dramatr-player__btn--cinema.is-on,
.dramatr-player__btn--fs.is-on {
  color: #f87171;
}

/* Lock FAB — top-right overlay */
.dramatr-player__lock-wrap {
  position: absolute;
  top: max(.65rem, env(safe-area-inset-top, 0px));
  right: max(.65rem, env(safe-area-inset-right, 0px));
  z-index: 530;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: .5rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.dramatr-player.is-active .dramatr-player__lock-wrap,
.dramatr-player.is-paused .dramatr-player__lock-wrap,
.dramatr-player.is-chrome-locked .dramatr-player__lock-wrap,
.dramatr-player--cinema .dramatr-player__lock-wrap.is-tip-on,
.dramatr-player--fslike .dramatr-player__lock-wrap.is-tip-on {
  opacity: 1;
  pointer-events: auto;
}
.dramatr-player.is-chrome-locked .dramatr-player__lock-wrap {
  opacity: 1;
  pointer-events: auto;
}
.dramatr-player__lock-fab {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(8, 12, 22, .72);
  backdrop-filter: blur(8px);
  color: rgba(255,255,255,.5);
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.dramatr-player__lock-fab:not(.is-locked) {
  color: rgba(226, 232, 240, .55);
}
.dramatr-player__lock-fab.is-locked {
  color: #ef4444;
  border-color: rgba(239, 68, 68, .55);
  background: rgba(239, 68, 68, .14);
  box-shadow: 0 0 0 1px rgba(239, 68, 68, .25), 0 0 14px rgba(239, 68, 68, .35);
}
.dramatr-player__lock-tip {
  max-width: min(68vw, 240px);
  padding: .45rem .65rem;
  border-radius: 8px;
  background: rgba(15, 23, 42, .94);
  border: 1px solid rgba(255,255,255,.12);
  color: #f8fafc;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}
.dramatr-player__lock-tip[hidden] {
  display: none !important;
}

/* Watch-page chrome: animate away / back (player.css only on izle) */
.site-header,
.bottom-nav,
.site-footer,
.bottom-search-sheet,
.watch-page__hero,
.breadcrumb,
.watch-breadcrumb,
.watch-page__head,
.watch-continue,
.ep-nav,
.watch-eps,
.watch-page__report,
.ad-slot,
[data-ad] {
  transition: opacity .38s ease, transform .38s cubic-bezier(.22, 1, .36, 1), visibility .38s;
}
body.cinema-mode .site-header,
body.cinema-mode .bottom-nav,
body.cinema-mode .site-footer,
body.cinema-mode .bottom-search-sheet,
body.cinema-mode .watch-page__hero,
body.cinema-mode .breadcrumb,
body.cinema-mode .watch-breadcrumb,
body.cinema-mode .watch-page__head,
body.cinema-mode .watch-continue,
body.cinema-mode .ep-nav,
body.cinema-mode .watch-eps,
body.cinema-mode .watch-page__report,
body.cinema-mode .ad-slot,
body.cinema-mode [data-ad],
body.cinema-mode .back-to-top,
body.player-immersive .site-header,
body.player-immersive .bottom-nav,
body.player-immersive .site-footer,
body.player-immersive .bottom-search-sheet,
body.player-immersive .watch-page__hero,
body.player-immersive .breadcrumb,
body.player-immersive .watch-breadcrumb,
body.player-immersive .watch-page__head,
body.player-immersive .watch-continue,
body.player-immersive .ep-nav,
body.player-immersive .watch-eps,
body.player-immersive .watch-page__report,
body.player-immersive .ad-slot,
body.player-immersive [data-ad],
body.player-immersive .back-to-top {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.cinema-mode .back-to-top,
body.player-immersive .back-to-top {
  display: none !important;
}
body.cinema-mode .site-header,
body.player-immersive .site-header {
  transform: translateY(-100%);
}
body.cinema-mode .bottom-nav,
body.player-immersive .bottom-nav {
  transform: translateY(100%);
}
body.cinema-mode .watch-page__head,
body.cinema-mode .breadcrumb,
body.cinema-mode .watch-breadcrumb,
body.player-immersive .watch-page__head,
body.player-immersive .breadcrumb,
body.player-immersive .watch-breadcrumb {
  transform: translateY(-12px);
}
body.cinema-mode,
body.player-immersive {
  padding: 0 !important;
  background: #000 !important;
  overscroll-behavior: none;
}
body.cinema-mode .watch-page__inner,
body.player-immersive .watch-page__inner {
  padding: 0 !important;
  max-width: none !important;
}
body.cinema-mode .watch-stage,
body.cinema-mode .watch-stage__phone,
body.cinema-mode .phone-frame,
body.player-immersive .watch-stage,
body.player-immersive .watch-stage__phone,
body.player-immersive .phone-frame {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  transition: border-radius .38s ease, max-width .38s ease;
}
/* Phone frame glow / cover art must stay behind the playing video */
.watch-stage__phone.phone-frame::before {
  z-index: 0 !important;
  pointer-events: none;
}
.watch-stage__phone .dramatr-player,
.watch-stage__phone #dramatr-player-root {
  position: relative;
  z-index: 2;
}
.watch-stage__phone .phone-screen__art,
.watch-stage__phone .phone-screen__cover {
  z-index: 0;
}
body.player-chrome-locked {
  touch-action: none;
  overscroll-behavior: none;
}