/* Shared player: public intro media only. LTR timeline is independent of RTL copy. */
.intro-video-player.is-premium { --player-gold: #fba830; }
body :is(#hero,#intro) .intro-video-player.is-premium .intro-video-shell { display: flex; flex-direction: column; height: auto; max-height: none; aspect-ratio: auto; border: 1px solid #d8a85570; border-radius: 17px; background: #061e32; box-shadow: 0 14px 38px #00132126; }
.intro-video-player.is-premium .intro-video-shell::before,
.intro-video-player.is-premium .intro-video-shell::after { display: none; }
.mrtax-player-screen { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #020e19; }
body :is(#hero,#intro) .is-premium .mrtax-player-screen video { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; transform: none; direction: ltr; }
body.mrtax-responsive :is(#hero,#intro) .intro-video-player.is-premium .intro-video-controls { position: relative; inset: auto; display: block; visibility: visible; opacity: 1; transform: none; pointer-events: auto; padding: 8px 12px 10px; direction: ltr; background: linear-gradient(135deg,#0b304b,#051b2e); border-top: 1px solid #e8bc682e; backdrop-filter: none; }
.mrtax-player-timeline { display: flex; align-items: center; min-height: 24px; }
.mrtax-player-timeline input { --played: 0%; direction: ltr; width: 100%; height: 24px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; cursor: pointer; background: transparent; accent-color: #fba830; }
.mrtax-player-timeline input::-webkit-slider-runnable-track { height: 5px; border-radius: 6px; background: linear-gradient(to right,#fba830 0 var(--played),#ffffff26 var(--played) 100%); }
.mrtax-player-timeline input::-moz-range-track { height: 5px; border-radius: 6px; background: linear-gradient(to right,#fba830 0 var(--played),#ffffff26 var(--played) 100%); }
.mrtax-player-timeline input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; margin-top: -4.5px; border-radius: 50%; border: 3px solid #fba830; background: #fff4df; box-shadow: 0 0 0 3px #fba8301c; }
.mrtax-player-timeline input::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; border: 3px solid #fba830; background: #fff4df; }
.mrtax-player-timeline input:disabled { opacity: .5; cursor: default; }
.mrtax-player-toolbar { display: flex; align-items: center; gap: 6px; direction: ltr; }
.mrtax-player-toolbar button { flex: none; display: grid; place-items: center; min-width: 44px; width: 44px; height: 44px; border-radius: 12px; border: 1px solid #ffffff1c; background: #ffffff07; color: #e0edf5; font-size: 12px; font-weight: 700; }
.mrtax-player-toolbar button:hover { border-color: #fba83080; background: #fba83018; }
.mrtax-player-toolbar button.mrtax-player-toggle { color: #3a280b; border-color: #f8c778; background: linear-gradient(140deg,#ffcf85,#fba830); }
.mrtax-player-time { min-width: 0; flex: 1; color: #d4e3ee; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: left; direction: ltr; unicode-bidi: isolate; }
.is-premium :is(button,input):focus-visible { outline: 2px solid #ffd793; outline-offset: 2px; }
.mrtax-player-status { position: absolute; inset: auto 12px 12px; z-index: 8; padding: 8px 10px; border-radius: 10px; background: #021523ed; color: #ffe0a9; text-align: center; direction: rtl; font-size: 12px; line-height: 1.8; pointer-events: none; }
.mrtax-player-status[hidden] { display: none; }
body :is(#hero,#intro) .is-premium .intro-video-play-btn { width: 58px; height: 58px; border-radius: 19px; border: 1px solid #ffdda3; background: linear-gradient(140deg,#ffd793,#fba830); color: #35250b; box-shadow: 0 7px 24px #00121f45; }
.is-premium .intro-video-play-ring { display: none; }
body :is(#hero,#intro) .intro-video-player.is-premium .intro-video-shell:fullscreen,
body :is(#hero,#intro) .intro-video-player.is-premium .intro-video-shell:-webkit-full-screen { width: 100vw; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
.is-premium .intro-video-shell:fullscreen .mrtax-player-screen,
.is-premium .intro-video-shell:-webkit-full-screen .mrtax-player-screen { flex: 1; min-height: 0; aspect-ratio: auto; }
@media (max-width: 767px) {
  body :is(#hero,#intro) .intro-video-player.is-premium .intro-video-controls { padding: 5px 8px 8px; }
  .mrtax-player-toolbar { gap: 3px; }
  .mrtax-player-time { font-size: 10px; }
  body :is(#hero,#intro) .is-premium .intro-video-play-btn { width: 50px; height: 50px; border-radius: 16px; }
}