/*! Movino Player 1.0.0 | no flex-gap / inset / aspect-ratio so old TV browsers render it too */

html.mvp-lock, html.mvp-lock body { overflow: hidden !important; }

/* ---------- "watch" button (button mode) ---------- */
.mvp-root { --mvp-accent: #ff9f1c; --mvp-on-accent: #1c1200; }
.mvp-root .mvp-open {
	display: inline-flex; align-items: center; justify-content: center;
	margin: 0; padding: 13px 28px; border: 0; border-radius: 16px;
	background: #ff9f1c; background: var(--mvp-accent);
	color: #1c1200; color: var(--mvp-on-accent);
	font: inherit; font-size: 16px; font-weight: 700; line-height: 1.4;
	cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
	-webkit-appearance: none; appearance: none;
}
.mvp-root .mvp-open svg { margin-left: 8px; }
.mvp-root .mvp-open:hover, .mvp-root .mvp-open:focus { filter: brightness(1.08); }

/* ---------- full-screen shell ---------- */
.mvp-modal {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483000;
	overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
	background: #0a0e18; color: #e9edf6; direction: rtl; font-family: inherit;
}
body.mvp-page {
	margin: 0; min-height: 100vh; background: #0a0e18; color: #e9edf6;
	font-family: Vazirmatn, IRANSansX, IRANSans, "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;
}

/* ---------- root ---------- */
.mvp {
	position: relative; direction: rtl; text-align: right;
	color: #e9edf6; font-family: inherit; font-size: 14px; line-height: 1.6;
	-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;
}
.mvp *, .mvp *:before, .mvp *:after { box-sizing: border-box; }
.mvp [hidden] { display: none !important; }
.mvp-m-inline { margin: 0 0 24px; }
.mvp-m-modal, .mvp-m-page { max-width: 1120px; margin: 0 auto; padding: 0 14px 32px; }

.mvp button, .mvp select, .mvp input { font-family: inherit; }
.mvp button {
	-webkit-appearance: none; appearance: none;
	margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
	text-shadow: none; text-transform: none; letter-spacing: 0; text-decoration: none;
	color: inherit; font-size: inherit; font-weight: inherit; line-height: 1.3; text-align: center;
	cursor: pointer; min-width: 0; min-height: 0; width: auto; height: auto;
}

/* keyboard / TV-remote focus ring (mouse users do not get one) */
.mvp :focus { outline: none; }
.mvp :focus-visible { outline: 3px solid #ff9f1c; outline: 3px solid var(--mvp-accent); outline-offset: 2px; }
.mvp.mvp-kbd :focus { outline: 3px solid #ff9f1c; outline: 3px solid var(--mvp-accent); outline-offset: 2px; }
.mvp .mvp-stage:focus, .mvp.mvp-kbd .mvp-stage:focus { outline: none; }

/* ---------- header (modal / page) ---------- */
.mvp-head { display: flex; align-items: center; min-height: 64px; padding: 10px 0; }
.mvp-title { flex: 1 1 auto; min-width: 0; margin: 0 12px; }
.mvp-title b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 700; line-height: 1.5; }
.mvp-title span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #8f9ab4; }
.mvp .mvp-rep {
	display: inline-flex; align-items: center; flex: 0 0 auto;
	padding: 9px 13px; border-radius: 12px; background: transparent; color: #c7cfe2; font-size: 13px;
}
.mvp .mvp-rep:hover, .mvp .mvp-rep:focus { background: rgba(255, 255, 255, .08); color: #fff; }
.mvp .mvp-rep svg { width: 18px; height: 18px; margin-left: 6px; fill: currentColor; }

/* ---------- stage ---------- */
.mvp-sw { position: relative; margin: 0 auto; }
.mvp-m-modal .mvp-sw, .mvp-m-page .mvp-sw { max-width: 1100px; max-width: calc(66vh * 1.7778); }
.mvp-stage {
	position: relative; width: 100%; overflow: hidden; border-radius: 16px; background: #000;
	direction: ltr; -webkit-user-select: none; user-select: none;
}
.mvp-stage:before { content: ""; display: block; padding-top: 56.25%; }
.mvp-video, .mvp-surface, .mvp-cover, .mvp-err, .mvp-dlg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mvp-video { z-index: 1; display: block; background: #000; object-fit: contain; outline: 0; }
.mvp-video::cue { background: rgba(0, 0, 0, .66); color: #fff; font-family: inherit; line-height: 1.55; }
.mvp-cues {
	position: absolute; z-index: 4; left: 5%; right: 5%; bottom: 6%; margin-bottom: 0; direction: rtl; text-align: center; font-size: 16px; pointer-events: none;
	-webkit-transition: margin-bottom .2s, opacity .2s; transition: margin-bottom .2s, opacity .2s;
}
.mvp-cue { display: block; margin-top: 4px; }
.mvp-cue span {
	padding: 1px 12px; border-radius: 8px; background: rgba(0, 0, 0, .68); color: #fff; line-height: 1.95; white-space: pre-wrap;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .9); unicode-bidi: plaintext;
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.mvp-cov .mvp-cues { display: none; }
.mvp:not(.mvp-idle) .mvp-cues { margin-bottom: 84px; }
.mvp-tv:not(.mvp-idle) .mvp-cues { margin-bottom: 120px; }
/* small touch player: the centre buttons would sit on top of the text, so the subtitle steps aside while controls are visible */
.mvp-touch:not(.mvp-idle):not(.mvp-is-fs):not(.mvp-fakefs) .mvp-cues { opacity: 0; }
.mvp-logo { position: absolute; z-index: 2; top: 12px; left: 12px; max-width: 22%; max-height: 38px; opacity: .55; pointer-events: none; }
.mvp-cov .mvp-logo { display: none; }
.mvp-surface { z-index: 3; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; }
.mvp-idle .mvp-stage { cursor: none; }

/* fullscreen */
.mvp-is-fs .mvp-stage:before { display: none; }
.mvp-stage:-webkit-full-screen { width: 100%; height: 100%; border-radius: 0; background: #000; }
.mvp-stage:fullscreen { width: 100%; height: 100%; border-radius: 0; background: #000; }
.mvp-fakefs .mvp-stage {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483100;
	width: 100%; height: 100%; border-radius: 0;
}

/* ---------- cover (before play) ---------- */
.mvp-cover {
	z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 16px; direction: rtl; text-align: center; cursor: pointer;
	background-color: #0b1020; background-position: center; background-size: cover; background-repeat: no-repeat;
}
.mvp-cover:before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(8, 12, 22, .6);
	background: linear-gradient(to top, rgba(8, 12, 22, .94) 0%, rgba(8, 12, 22, .5) 55%, rgba(8, 12, 22, .62) 100%);
}
.mvp-cover > * { position: relative; }
.mvp-cover-t { max-width: 92%; font-size: 20px; font-weight: 700; line-height: 1.5; text-shadow: 0 2px 10px rgba(0, 0, 0, .7); }
.mvp-cover-s { min-height: 1px; margin: 2px 0 16px; font-size: 13px; color: #cfd6e8; text-shadow: 0 1px 6px rgba(0, 0, 0, .7); }
.mvp .mvp-cta, .mvp .mvp-cta:hover, .mvp .mvp-cta:focus, .mvp .mvp-cta:active {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 13px 26px; border-radius: 16px;
	background: #ff9f1c; background: var(--mvp-accent);
	color: #1c1200; color: var(--mvp-on-accent);
	font-size: 15px; font-weight: 700; box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
}
.mvp .mvp-cta:hover { filter: brightness(1.08); }
.mvp .mvp-cta svg { width: 22px; height: 22px; margin-left: 8px; fill: currentColor; }

/* ---------- spinner, flash, toast ---------- */
.mvp-spin {
	position: absolute; z-index: 6; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px;
	border: 4px solid rgba(255, 255, 255, .22); border-top-color: #ff9f1c; border-top-color: var(--mvp-accent);
	border-radius: 50%; pointer-events: none;
	-webkit-animation: mvp-rot .9s linear infinite; animation: mvp-rot .9s linear infinite;
}
@-webkit-keyframes mvp-rot { to { -webkit-transform: rotate(360deg); } }
@keyframes mvp-rot { to { transform: rotate(360deg); } }

.mvp-flash {
	position: absolute; z-index: 6; top: 50%; width: 92px; height: 92px; margin-top: -46px;
	border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff;
	font-size: 18px; font-weight: 700; line-height: 92px; text-align: center; direction: ltr;
	opacity: 0; pointer-events: none; -webkit-transition: opacity .15s; transition: opacity .15s;
}
.mvp-flash-l { left: 8%; }
.mvp-flash-r { right: 8%; }
.mvp-flash.on { opacity: 1; }

.mvp-toast {
	position: absolute; z-index: 12; left: 50%; bottom: 86px; max-width: 92%;
	padding: 9px 16px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px;
	background: rgba(16, 21, 36, .94); color: #e9edf6; font-size: 13px; white-space: nowrap; direction: rtl;
	opacity: 0; pointer-events: none;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
	-webkit-transition: opacity .2s; transition: opacity .2s;
}
.mvp-toast.on { opacity: 1; pointer-events: auto; }
.mvp .mvp-toast-b { margin-right: 12px; color: #ff9f1c; color: var(--mvp-accent); font-weight: 700; }

/* ---------- top title (fullscreen only) + centre controls + bar ---------- */
.mvp-top {
	display: none; position: absolute; z-index: 8; top: 0; left: 0; right: 0;
	padding: 14px 18px 34px; direction: rtl; text-align: right; pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .72), rgba(0, 0, 0, 0));
	-webkit-transition: opacity .25s; transition: opacity .25s;
}
.mvp-is-fs .mvp-top { display: block; }
.mvp-top b { display: block; font-size: 17px; }
.mvp-top span { font-size: 12px; color: #d3daea; }

.mvp-center {
	display: none; position: absolute; z-index: 7; top: 50%; left: 0; right: 0; height: 76px; margin-top: -38px;
	align-items: center; justify-content: center; pointer-events: none;
	-webkit-transition: opacity .25s; transition: opacity .25s;
}
.mvp-touch .mvp-center { display: flex; }
.mvp .mvp-center .mvp-b { width: 54px; height: 54px; margin: 0 16px; border-radius: 50%; background: rgba(0, 0, 0, .48); pointer-events: auto; }
.mvp .mvp-center .mvp-b.mvp-bigplay { width: 70px; height: 70px; background: rgba(0, 0, 0, .58); }
.mvp .mvp-center .mvp-b svg { width: 30px; height: 30px; }
.mvp .mvp-center .mvp-b.mvp-bigplay svg { width: 42px; height: 42px; }
.mvp-busy .mvp-center { visibility: hidden; }

.mvp-bar {
	position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; padding: 30px 8px 4px; direction: ltr;
	background: linear-gradient(to top, rgba(0, 0, 0, .86), rgba(0, 0, 0, 0));
	-webkit-transition: opacity .25s; transition: opacity .25s;
}
.mvp-cov .mvp-bar, .mvp-cov .mvp-center, .mvp-cov .mvp-top { display: none; }
.mvp-is-fs .mvp-bar, .mvp-fakefs .mvp-bar { padding-bottom: 4px; padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)); padding-left: 8px; padding-left: calc(8px + env(safe-area-inset-left, 0px)); padding-right: 8px; padding-right: calc(8px + env(safe-area-inset-right, 0px)); }
.mvp-idle .mvp-bar, .mvp-idle .mvp-top, .mvp-idle .mvp-center { opacity: 0; pointer-events: none; }
.mvp-idle .mvp-center .mvp-b { pointer-events: none; }

/* progress */
.mvp-prog { position: relative; height: 26px; margin: 0 6px; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.mvp-track {
	position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px; overflow: hidden;
	border-radius: 3px; background: rgba(255, 255, 255, .26); -webkit-transition: height .12s, margin .12s; transition: height .12s, margin .12s;
}
.mvp-prog:hover .mvp-track, .mvp-drag .mvp-track { height: 6px; margin-top: -3px; }
.mvp-buf, .mvp-played { position: absolute; left: 0; top: 0; bottom: 0; width: 0; }
.mvp-buf { background: rgba(255, 255, 255, .36); }
.mvp-played { background: #ff9f1c; background: var(--mvp-accent); }
.mvp-thumb {
	position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%;
	background: #ff9f1c; background: var(--mvp-accent); box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
	-webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .12s; transition: transform .12s; pointer-events: none;
}
.mvp-prog:hover .mvp-thumb, .mvp-drag .mvp-thumb, .mvp-prog:focus .mvp-thumb, .mvp-touch .mvp-thumb { -webkit-transform: scale(1); transform: scale(1); }
.mvp-tip {
	position: absolute; bottom: 30px; left: 0; padding: 3px 9px; border-radius: 8px; background: rgba(0, 0, 0, .86);
	color: #fff; font-size: 12px; white-space: nowrap; direction: ltr; opacity: 0; pointer-events: none;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.mvp-prog:hover .mvp-tip, .mvp-drag .mvp-tip { opacity: 1; }
.mvp-touch .mvp-prog:hover .mvp-tip { opacity: 0; }
.mvp-touch.mvp-drag .mvp-tip { opacity: 1; }

/* control row + icon buttons */
.mvp-row { display: flex; align-items: center; justify-content: space-between; }
.mvp-rl, .mvp-rr { display: flex; align-items: center; }
.mvp .mvp-b, .mvp .mvp-b:focus, .mvp .mvp-b:active {
	position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	width: 44px; height: 44px; padding: 0; border-radius: 12px; background: transparent; color: #fff; box-shadow: none;
}
.mvp .mvp-b:hover { background: rgba(255, 255, 255, .15); color: #fff; }
.mvp .mvp-b.on, .mvp .mvp-b.on:hover { color: #ff9f1c; color: var(--mvp-accent); }
.mvp .mvp-b svg { display: block; width: 26px; height: 26px; fill: currentColor; pointer-events: none; }
.mvp .mvp-skipn {
	position: absolute; top: 50%; left: 50%; width: 14px; margin: -4px 0 0 -7px;
	font-size: 8px; font-weight: 700; line-height: 1; text-align: center; pointer-events: none;
}
.mvp .mvp-center .mvp-skipn { font-size: 10px; width: 18px; margin: -4px 0 0 -9px; }
.mvp-time { margin: 0 8px; color: #e9edf6; font-size: 13px; white-space: nowrap; direction: ltr; font-variant-numeric: tabular-nums; }
.mvp .mvp-volr {
	-webkit-appearance: none; appearance: none; width: 84px; height: 4px; margin: 0 8px 0 2px; padding: 0;
	border: 0; border-radius: 2px; background: rgba(255, 255, 255, .32); outline: 0; cursor: pointer;
}
.mvp .mvp-volr::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border: 0; border-radius: 50%; background: #fff; }
.mvp .mvp-volr::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: #fff; }
.mvp-touch .mvp-dup, .mvp-touch .mvp-mute { display: none; }

/* ---------- pop-ups inside the stage ---------- */
.mvp-menu {
	position: absolute; z-index: 14; right: 10px; bottom: 76px; width: 310px; max-width: calc(100% - 20px); max-height: calc(100% - 92px);
	padding: 12px; overflow-y: auto; -webkit-overflow-scrolling: touch; direction: rtl; text-align: right;
	border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: rgba(16, 21, 36, .97); box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}
.mvp-msec + .mvp-msec { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .09); }
.mvp-mh { margin-bottom: 6px; color: #8f9ab4; font-size: 12px; }
.mvp-mopts { display: flex; flex-wrap: wrap; margin: 0 -3px; }
.mvp .mvp-mo, .mvp .mvp-mo:hover, .mvp .mvp-mo:focus {
	margin: 3px; padding: 9px 13px; min-height: 38px; border-radius: 11px; background: #232c48; color: #e9edf6; font-size: 13px;
}
.mvp .mvp-mo.on, .mvp .mvp-mo.on:hover { background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); font-weight: 700; }

.mvp-drawer {
	position: absolute; z-index: 15; top: 0; right: 0; bottom: 0; width: 340px; max-width: 90%; padding: 14px;
	overflow-y: auto; -webkit-overflow-scrolling: touch; direction: rtl; text-align: right;
	border-left: 1px solid rgba(255, 255, 255, .1); background: rgba(12, 17, 30, .97);
}
.mvp-drawer-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 15px; font-weight: 700; }
.mvp-drawer .mvp-eps { max-height: none; overflow: visible; }
.mvp-drawer .mvp-ep { width: 50%; width: calc(50% - 8px); }

.mvp-nextc {
	position: absolute; z-index: 13; right: 12px; bottom: 86px; width: 270px; max-width: calc(100% - 24px); padding: 14px;
	direction: rtl; text-align: right; border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; background: rgba(16, 21, 36, .96);
}
.mvp-nextc-t { margin-bottom: 10px; font-size: 13px; line-height: 1.7; }
.mvp-nextc-a { display: flex; }
.mvp .mvp-btn2, .mvp .mvp-btn2:hover, .mvp .mvp-btn2:focus {
	margin: 0 0 0 8px; padding: 10px 16px; border-radius: 12px; background: #232c48; color: #e9edf6; font-size: 13px; font-weight: 600;
}
.mvp .mvp-btn2.mvp-pri, .mvp .mvp-btn2.mvp-pri:hover { background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); }

.mvp-err {
	z-index: 16; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 20px; overflow-y: auto; direction: rtl; text-align: center; background: rgba(8, 12, 22, .9);
}
.mvp-err-t { margin-bottom: 6px; font-size: 17px; font-weight: 700; }
.mvp-err-m { max-width: 420px; margin-bottom: 14px; color: #b9c2d8; font-size: 13px; line-height: 1.8; }
.mvp-err-a { display: flex; flex-wrap: wrap; justify-content: center; }
.mvp-err-a .mvp-btn2 { margin: 4px; }

.mvp-dlg {
	z-index: 17; display: flex; align-items: center; justify-content: center; padding: 12px; overflow-y: auto;
	direction: rtl; text-align: right; background: rgba(8, 12, 22, .9);
}
.mvp-dlg-b { width: 360px; max-width: 100%; max-height: 100%; padding: 16px; overflow-y: auto; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: #151b2c; }
.mvp-dlg-t { margin-bottom: 12px; font-size: 16px; font-weight: 700; }
.mvp .mvp-inp {
	display: block; width: 100%; height: 46px; margin: 10px 0 0; padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: #0f1422; color: #e9edf6; font-size: 14px;
}
.mvp-dlg-a { display: flex; margin-top: 14px; }
.mvp-dlg-m { min-height: 22px; margin-top: 10px; color: #9fe0b4; font-size: 13px; }

/* ---------- below the video: versions, selects, episodes ---------- */
.mvp-below { margin-top: 14px; direction: rtl; }
.mvp-tabs { display: flex; margin-bottom: 12px; padding: 4px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 18px; background: #151b2c; }
.mvp .mvp-tab, .mvp .mvp-tab:focus, .mvp .mvp-tab:active {
	flex: 1 1 0; padding: 12px 6px; border-radius: 14px; background: transparent; color: #8f9ab4; font-size: 14px; font-weight: 600;
}
.mvp .mvp-tab:hover { color: #fff; background: transparent; }
.mvp .mvp-tab.on, .mvp .mvp-tab.on:hover { background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); }

.mvp-selects { display: flex; margin: 0 -4px 4px; }
.mvp-selw { display: block; position: relative; flex: 1 1 0; min-width: 0; margin: 0 4px 8px; }
.mvp-cap { display: block; margin: 0 4px 4px; color: #8f9ab4; font-size: 12px; }
.mvp .mvp-sel {
	display: block; width: 100%; height: 48px; margin: 0; padding: 0 14px 0 36px;
	border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background-color: #151b2c;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238f9ab4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: left 13px center;
	color: #e9edf6; font-size: 14px; line-height: 46px; text-align: right; cursor: pointer;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.mvp .mvp-sel option { background: #151b2c; color: #e9edf6; }

.mvp-sech { margin: 10px 0 8px; font-size: 15px; font-weight: 700; }
.mvp-seasons { display: flex; flex-wrap: wrap; margin: 0 0 6px; }
.mvp .mvp-sn, .mvp .mvp-sn:hover, .mvp .mvp-sn:focus {
	margin: 0 0 6px 6px; padding: 7px 16px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; background: transparent; color: #8f9ab4; font-size: 13px;
}
.mvp .mvp-sn.on, .mvp .mvp-sn.on:hover { border-color: #ff9f1c; border-color: var(--mvp-accent); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-eps { display: flex; flex-wrap: wrap; max-height: 300px; margin: 0 -4px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mvp .mvp-ep, .mvp .mvp-ep:hover, .mvp .mvp-ep:focus {
	position: relative; flex: 0 0 auto; width: 25%; width: calc(25% - 8px); margin: 4px; padding: 12px 6px 13px; overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; background: #151b2c; color: #e9edf6; font-size: 13px;
}
.mvp .mvp-ep:hover { background: #1b2340; }
.mvp .mvp-ep span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mvp .mvp-ep.on, .mvp .mvp-ep.on:hover { border-color: #ff9f1c; border-color: var(--mvp-accent); background: rgba(255, 159, 28, .1); color: #ff9f1c; color: var(--mvp-accent); }
.mvp .mvp-ep i { position: absolute; right: 0; bottom: 0; height: 3px; background: #ff9f1c; background: var(--mvp-accent); }
.mvp .mvp-ep i.mvp-done { background: rgba(255, 255, 255, .4); }
.mvp-foot { margin-top: 8px; }
.mvp-foot .mvp-rep { padding-right: 0; padding-left: 0; }

/* ---------- responsive ---------- */
@media (min-width: 900px) {
	.mvp .mvp-ep, .mvp .mvp-ep:hover, .mvp .mvp-ep:focus { width: 16.666%; width: calc(16.666% - 8px); }
	.mvp-drawer .mvp-ep { width: 50%; width: calc(50% - 8px); }
}
@media (max-width: 560px) {
	.mvp .mvp-hs, .mvp .mvp-volr { display: none; }
	.mvp .mvp-ep, .mvp .mvp-ep:hover, .mvp .mvp-ep:focus { width: 33.333%; width: calc(33.333% - 8px); }
	.mvp-cover-t { font-size: 16px; }
	.mvp .mvp-cta, .mvp .mvp-cta:hover, .mvp .mvp-cta:focus { padding: 10px 20px; font-size: 14px; }
	.mvp-time { margin: 0 4px; font-size: 12px; }
	.mvp-toast { bottom: 76px; }
	.mvp-stage { border-radius: 12px; }
}
@media (max-width: 560px) {
	.mvp-menu { left: 8px; right: 8px; bottom: 8px; width: auto; max-width: none; max-height: calc(100% - 16px); }
	.mvp-drawer { width: 100%; max-width: 100%; }
}
@media (max-width: 420px) {
	.mvp .mvp-b, .mvp .mvp-b:focus, .mvp .mvp-b:active { width: 38px; }
	.mvp .mvp-center .mvp-b { width: 54px; }
	.mvp .mvp-center .mvp-b.mvp-bigplay { width: 70px; }
	.mvp-head .mvp-rep span { display: none; }
}
@media (max-height: 480px) and (orientation: landscape) {
	.mvp-m-modal .mvp-sw, .mvp-m-page .mvp-sw { max-width: calc(76vh * 1.7778); }
	.mvp-head { min-height: 50px; padding: 4px 0; }
}

/* ---------- TV ---------- */
.mvp-tv { font-size: 18px; }
.mvp-tv .mvp-b, .mvp-tv .mvp-b:focus, .mvp-tv .mvp-b:active { width: 62px; height: 62px; }
.mvp-tv .mvp-b svg { width: 36px; height: 36px; }
.mvp-tv .mvp-prog { height: 34px; }
.mvp-tv .mvp-time { font-size: 18px; }
.mvp-tv .mvp-tab, .mvp-tv .mvp-ep, .mvp-tv .mvp-sn, .mvp-tv .mvp-mo, .mvp-tv .mvp-btn2, .mvp-tv .mvp-sel { font-size: 17px; }
.mvp-tv .mvp-menu { width: 420px; bottom: 96px; }

@media (prefers-reduced-motion: reduce) {
	.mvp *, .mvp-root * { -webkit-transition: none !important; transition: none !important; }
	.mvp-spin { -webkit-animation-duration: 2.4s; animation-duration: 2.4s; }
}

/* ======================================================================================================
 * v1.1 — theme guard.
 * DigiMedia-style Persian themes force `direction: rtl !important` on every element and restyle every
 * <button> / <select> / <input>. The player is LTR inside the video area and RTL for text, so each zone
 * is pinned with a triple-class selector + !important (same technique the movino-video plugin uses).
 * ====================================================================================================== */
.mvp.mvp.mvp { direction: rtl !important; }
.mvp.mvp.mvp .mvp-stage, .mvp.mvp.mvp .mvp-stage * { direction: ltr !important; }
.mvp.mvp.mvp .mvp-cover, .mvp.mvp.mvp .mvp-cover *,
.mvp.mvp.mvp .mvp-top, .mvp.mvp.mvp .mvp-top *,
.mvp.mvp.mvp .mvp-cues, .mvp.mvp.mvp .mvp-cues *,
.mvp.mvp.mvp .mvp-menu, .mvp.mvp.mvp .mvp-menu *,
.mvp.mvp.mvp .mvp-drawer, .mvp.mvp.mvp .mvp-drawer *,
.mvp.mvp.mvp .mvp-nextc, .mvp.mvp.mvp .mvp-nextc *,
.mvp.mvp.mvp .mvp-err, .mvp.mvp.mvp .mvp-err *,
.mvp.mvp.mvp .mvp-dlg, .mvp.mvp.mvp .mvp-dlg *,
.mvp.mvp.mvp .mvp-toast, .mvp.mvp.mvp .mvp-toast *,
.mvp.mvp.mvp .mvp-below, .mvp.mvp.mvp .mvp-below *,
.mvp.mvp.mvp .mvp-head, .mvp.mvp.mvp .mvp-head * { direction: rtl !important; }
.mvp.mvp.mvp .mvp-bar, .mvp.mvp.mvp .mvp-bar *, .mvp.mvp.mvp .mvp-time, .mvp.mvp.mvp .mvp-tip, .mvp.mvp.mvp .mvp-flash,
.mvp.mvp.mvp .mvp-menu .mvp-mo[dir="ltr"] { direction: ltr !important; }
.mvp.mvp.mvp .mvp-cover, .mvp.mvp.mvp .mvp-cues, .mvp.mvp.mvp .mvp-cue { text-align: center !important; }

.mvp.mvp.mvp button { -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; text-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; font-family: inherit !important; min-width: 0 !important; }
.mvp.mvp.mvp .mvp-b { background: transparent !important; color: #fff !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.mvp.mvp.mvp .mvp-b:hover { background: rgba(255, 255, 255, .15) !important; color: #fff !important; }
.mvp.mvp.mvp .mvp-b.on, .mvp.mvp.mvp .mvp-b.on:hover { color: #ff9f1c !important; color: var(--mvp-accent) !important; }
.mvp.mvp.mvp .mvp-center .mvp-b { background: rgba(0, 0, 0, .48) !important; margin: 0 16px !important; }
.mvp.mvp.mvp .mvp-center .mvp-b.mvp-bigplay { background: rgba(0, 0, 0, .58) !important; }
.mvp.mvp.mvp .mvp-cta, .mvp.mvp.mvp .mvp-cta:hover, .mvp.mvp.mvp .mvp-cta:focus {
	background: #ff9f1c !important; background: var(--mvp-accent) !important;
	color: #1c1200 !important; color: var(--mvp-on-accent) !important; border: 0 !important;
}
.mvp.mvp.mvp .mvp-btn2, .mvp.mvp.mvp .mvp-btn2:hover, .mvp.mvp.mvp .mvp-mo, .mvp.mvp.mvp .mvp-mo:hover {
	background: #232c48 !important; color: #e9edf6 !important; border: 0 !important;
}
.mvp.mvp.mvp .mvp-btn2.mvp-pri, .mvp.mvp.mvp .mvp-btn2.mvp-pri:hover, .mvp.mvp.mvp .mvp-mo.on, .mvp.mvp.mvp .mvp-mo.on:hover,
.mvp.mvp.mvp .mvp-tab.on, .mvp.mvp.mvp .mvp-tab.on:hover {
	background: #ff9f1c !important; background: var(--mvp-accent) !important;
	color: #1c1200 !important; color: var(--mvp-on-accent) !important;
}
.mvp.mvp.mvp .mvp-tab, .mvp.mvp.mvp .mvp-tab:hover { background: transparent !important; color: #8f9ab4 !important; border: 0 !important; padding: 12px 6px !important; }
.mvp.mvp.mvp .mvp-tab.on, .mvp.mvp.mvp .mvp-tab.on:hover { background: #ff9f1c !important; background: var(--mvp-accent) !important; }
.mvp.mvp.mvp .mvp-sn, .mvp.mvp.mvp .mvp-sn:hover { background: transparent !important; color: #8f9ab4 !important; border: 1px solid rgba(255, 255, 255, .14) !important; padding: 7px 16px !important; }
.mvp.mvp.mvp .mvp-sn.on, .mvp.mvp.mvp .mvp-sn.on:hover { color: #ff9f1c !important; color: var(--mvp-accent) !important; border-color: #ff9f1c !important; border-color: var(--mvp-accent) !important; }
.mvp.mvp.mvp .mvp-ep, .mvp.mvp.mvp .mvp-ep:hover { background: #151b2c !important; color: #e9edf6 !important; border: 1px solid rgba(255, 255, 255, .1) !important; padding: 12px 6px 13px !important; }
.mvp.mvp.mvp .mvp-ep.on, .mvp.mvp.mvp .mvp-ep.on:hover { background: rgba(255, 159, 28, .1) !important; color: #ff9f1c !important; color: var(--mvp-accent) !important; border-color: #ff9f1c !important; border-color: var(--mvp-accent) !important; }
.mvp.mvp.mvp .mvp-rep, .mvp.mvp.mvp .mvp-rep:hover { background: transparent !important; color: #c7cfe2 !important; border: 0 !important; padding: 9px 13px !important; }
.mvp.mvp.mvp .mvp-toast-b { background: transparent !important; color: #ff9f1c !important; color: var(--mvp-accent) !important; border: 0 !important; padding: 0 !important; }
.mvp.mvp.mvp .mvp-sel { background-color: #151b2c !important; color: #e9edf6 !important; border: 1px solid rgba(255, 255, 255, .1) !important; box-shadow: none !important; padding: 0 14px 0 36px !important; height: 48px !important; }
.mvp.mvp.mvp .mvp-inp { background: #0f1422 !important; color: #e9edf6 !important; border: 1px solid rgba(255, 255, 255, .12) !important; box-shadow: none !important; }
.mvp-root.mvp-root .mvp-open, .mvp-root.mvp-root .mvp-open:hover, .mvp-root.mvp-root .mvp-open:focus {
	background: #ff9f1c !important; background: var(--mvp-accent) !important;
	color: #1c1200 !important; color: var(--mvp-on-accent) !important; border: 0 !important; text-transform: none !important;
}
.mvp-modal, .mvp-modal * { box-sizing: border-box; }

/* shapes and spacing are pinned too (hostile themes reset every button to border-radius: 0 / big padding) */
.mvp.mvp.mvp .mvp-cta, .mvp.mvp.mvp .mvp-cta:hover { border-radius: 16px !important; padding: 13px 26px !important; }
.mvp.mvp.mvp .mvp-btn2, .mvp.mvp.mvp .mvp-btn2:hover { border-radius: 12px !important; padding: 10px 16px !important; }
.mvp.mvp.mvp .mvp-mo, .mvp.mvp.mvp .mvp-mo:hover { border-radius: 11px !important; padding: 9px 13px !important; }
.mvp.mvp.mvp .mvp-tab, .mvp.mvp.mvp .mvp-tab:hover { border-radius: 14px !important; }
.mvp.mvp.mvp .mvp-sn, .mvp.mvp.mvp .mvp-sn:hover { border-radius: 999px !important; }
.mvp.mvp.mvp .mvp-ep, .mvp.mvp.mvp .mvp-ep:hover { border-radius: 12px !important; }
.mvp.mvp.mvp .mvp-b, .mvp.mvp.mvp .mvp-b:hover, .mvp.mvp.mvp .mvp-rep, .mvp.mvp.mvp .mvp-rep:hover { border-radius: 12px !important; }
.mvp.mvp.mvp .mvp-center .mvp-b, .mvp.mvp.mvp .mvp-center .mvp-b:hover { border-radius: 50% !important; }
.mvp.mvp.mvp .mvp-sel { border-radius: 14px !important; }
.mvp.mvp.mvp .mvp-inp { border-radius: 14px !important; }
.mvp-root.mvp-root .mvp-open, .mvp-root.mvp-root .mvp-open:hover { border-radius: 16px !important; padding: 13px 28px !important; }

/* ======================================================================================================
 * v1.1 — «پخش آنلاین نسل جدید» card above the theme's download box (same idea as the Vala Movie series page)
 * ====================================================================================================== */
.mvp-card {
	position: relative; margin: 0 0 16px; padding: 16px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 20px;
	background: #1a2140; background: linear-gradient(135deg, #1a2140 0%, #2a1f4f 100%);
	color: #e9edf6; font-family: inherit; font-size: 14px; line-height: 1.7; text-align: right;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25); -webkit-text-size-adjust: 100%;
}
.mvp-card, .mvp-card *, .mvp-card *:before, .mvp-card *:after { box-sizing: border-box; }
.mvp-card-h { display: flex; align-items: center; margin: 0 0 6px; }
.mvp-card-ic { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; margin-left: 10px; border-radius: 12px; background: rgba(255, 255, 255, .1); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-card-h b { flex: 1 1 auto; font-size: 16px; font-weight: 700; line-height: 1.5; }
.mvp-card-h i { flex: 0 0 auto; padding: 2px 10px; border-radius: 999px; background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); font-size: 11px; font-style: normal; font-weight: 700; }
.mvp-card p { margin: 0 0 12px; color: #cfd6e8; font-size: 13px; }
.mvp-card-f { display: flex; flex-wrap: wrap; margin: 0 0 8px; padding: 0; list-style: none; }
.mvp-card-f li { display: inline-flex; align-items: center; margin: 0 0 8px 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #e9edf6; font-size: 12px; line-height: 1.5; list-style: none; }
.mvp-card-f li:before, .mvp-card-f li:after { display: none; content: none; }
.mvp-card-f li svg { flex: 0 0 auto; margin-left: 6px; color: #ff9f1c; color: var(--mvp-accent); }
.mvp-card .mvp-card-go {
	display: flex; align-items: center; justify-content: center; width: 100%; margin: 6px 0 0; padding: 13px 16px; border: 0; border-radius: 16px;
	background: #fff; color: #1a2140; font: inherit; font-size: 16px; font-weight: 700; line-height: 1.4; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.mvp-card .mvp-card-go svg { margin-left: 8px; }
.mvp-card .mvp-card-go:hover { background: #f1f3fb; }
.mvp-card.mvp-card, .mvp-card.mvp-card * { direction: rtl !important; }
.mvp-card.mvp-card .mvp-card-go, .mvp-card.mvp-card .mvp-card-go:hover, .mvp-card.mvp-card .mvp-card-go:focus {
	background: #fff !important; color: #1a2140 !important; border: 0 !important; border-radius: 16px !important; padding: 13px 16px !important;
	box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; text-shadow: none !important; margin: 6px 0 0 !important; font-family: inherit !important;
}
.mvp-card.mvp-card .mvp-card-f { list-style: none !important; margin: 0 0 8px !important; padding: 0 !important; }
.mvp-card.mvp-card .mvp-card-f li { list-style: none !important; background: rgba(255, 255, 255, .08) !important; color: #e9edf6 !important; }
.mvp-card.mvp-card p, .mvp-card.mvp-card b { color: inherit !important; }
.mvp-card.mvp-card p { color: #cfd6e8 !important; }
.mvp-card :focus-visible { outline: 3px solid #ff9f1c; outline: 3px solid var(--mvp-accent); outline-offset: 2px; }

/* v1.2 — the card button is a plain link to the theme's /play/ route */
.mvp-card a.mvp-card-go, .mvp-card.mvp-card a.mvp-card-go, .mvp-card.mvp-card a.mvp-card-go:hover, .mvp-card.mvp-card a.mvp-card-go:focus, .mvp-card.mvp-card a.mvp-card-go:visited {
	display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important;
	background: #fff !important; color: #1a2140 !important; text-decoration: none !important; border: 0 !important; border-radius: 16px !important;
	padding: 13px 16px !important; margin: 6px 0 0 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; box-shadow: none !important;
}
.mvp-card a.mvp-card-go svg { margin-left: 8px; fill: currentColor; }
.mvp-play-wrap { direction: rtl; }

/* ======================================================================================================
 * Movino 1.0 — in-page player above the download box, preview gate, VLC panel
 * (all selectors are tripled / !important on purpose: the DigiMedia theme rewrites buttons, links, headings and direction)
 * ====================================================================================================== */
.mvp-inline.mvp-inline {
	display: block; position: relative; box-sizing: border-box; width: auto; margin: 0 0 22px; padding: 14px;
	border: 1px solid rgba(255, 255, 255, .08); border-radius: 22px;
	background: #121726; background: linear-gradient(180deg, #181f35 0%, #111625 100%);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .34); direction: rtl !important; text-align: right !important;
	color: #e9edf6; font-family: inherit; overflow: hidden;
}
.mvp-inline.mvp-inline *, .mvp-inline.mvp-inline *:before, .mvp-inline.mvp-inline *:after { box-sizing: border-box; }
.mvp-inline.mvp-inline .mvp-in-h { display: flex; align-items: center; margin: 0 0 12px; padding: 0 2px; }
.mvp-inline.mvp-inline .mvp-in-ic {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; margin: 0 0 0 12px; border-radius: 14px;
	background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); box-shadow: 0 8px 20px rgba(255, 159, 28, .28);
}
.mvp-inline.mvp-inline .mvp-in-ic svg { fill: currentColor; }
.mvp-inline.mvp-inline .mvp-in-t { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; }
.mvp-inline.mvp-inline .mvp-in-t b { display: block; margin: 0; padding: 0; color: #fff !important; font-size: 16px; font-weight: 800; line-height: 1.5; }
.mvp-inline.mvp-inline .mvp-in-t span { display: block; overflow: hidden; margin: 0; padding: 0; color: #8f9ab4 !important; font-size: 12px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.mvp-inline.mvp-inline .mvp-in-badge {
	flex: 0 0 auto; margin: 0 8px 0 0; padding: 5px 12px; border: 1px solid rgba(255, 159, 28, .4); border-radius: 999px;
	background: rgba(255, 159, 28, .12); color: #ff9f1c !important; color: var(--mvp-accent) !important; font-size: 11.5px; font-style: normal; font-weight: 700; line-height: 1.4;
}
.mvp-inline.mvp-inline .mvp-in-badge[hidden] { display: none !important; }
.mvp-inline .mvp-m-inline { margin: 0; }
.mvp-inline .mvp-stage { border-radius: 16px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06); }

/* skeleton while the config loads */
.mvp-in-skel { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; border-radius: 16px; background: #0b1020; }
.mvp-in-skel i {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .06) 45%, transparent 70%); background-size: 200% 100%;
	-webkit-animation: mvp-sk 1.4s linear infinite; animation: mvp-sk 1.4s linear infinite;
}
@-webkit-keyframes mvp-sk { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@keyframes mvp-sk { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* preview chip + "try in browser" on the cover */
.mvp-cover-p {
	position: absolute; top: 12px; right: 12px; z-index: 2; padding: 5px 12px; border: 1px solid rgba(255, 159, 28, .45); border-radius: 999px;
	background: rgba(10, 14, 24, .72); color: #ffb54d; color: var(--mvp-accent); font-size: 11.5px; font-weight: 700; line-height: 1.5;
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.mvp-cover-p[hidden], .mvp-cover-try[hidden] { display: none !important; }
.mvp .mvp-cover-try, .mvp .mvp-cover-try:hover, .mvp .mvp-cover-try:focus {
	margin: 12px 0 0; padding: 6px 10px; background: transparent; color: #c7cfe2; font-size: 12px; text-decoration: underline;
}
.mvp.mvp.mvp .mvp-cover-try, .mvp.mvp.mvp .mvp-cover-try:hover { background: transparent !important; color: #c7cfe2 !important; border: 0 !important; padding: 6px 10px !important; border-radius: 10px !important; }

/* subscription gate over the video */
.mvp-gate {
	position: absolute; top: 0; left: 0; z-index: 18; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
	padding: 16px; overflow-y: auto; direction: rtl; text-align: center; background: rgba(8, 12, 22, .9);
	-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.mvp-gate-b, .mvp-locked-b { width: 100%; max-width: 400px; margin: auto; }
.mvp-gate-ic {
	display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 0 12px; border-radius: 50%;
	background: rgba(255, 159, 28, .14); color: #ff9f1c; color: var(--mvp-accent); box-shadow: inset 0 0 0 1px rgba(255, 159, 28, .35);
}
.mvp-gate-t { margin: 0 0 6px; color: #fff; font-size: 18px; font-weight: 800; line-height: 1.6; }
.mvp-gate-m { margin: 0 0 16px; color: #c3cce0; font-size: 13px; line-height: 1.9; }
.mvp-gate-a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.mvp.mvp.mvp a.mvp-gate-go, .mvp.mvp.mvp a.mvp-gate-go:hover, .mvp.mvp.mvp a.mvp-gate-go:focus, .mvp.mvp.mvp a.mvp-gate-go:visited,
.mvp-locked a.mvp-gate-go, .mvp-locked a.mvp-gate-go:hover, .mvp-locked a.mvp-gate-go:visited {
	display: inline-flex !important; align-items: center; justify-content: center; margin: 4px !important; padding: 12px 24px !important; border: 0 !important; border-radius: 14px !important;
	background: #ff9f1c !important; background: var(--mvp-accent) !important; color: #1c1200 !important; color: var(--mvp-on-accent) !important;
	font-size: 14px !important; font-weight: 800 !important; line-height: 1.4 !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(255, 159, 28, .24) !important;
}
.mvp.mvp.mvp a.mvp-gate-go.mvp-gate-alt, .mvp.mvp.mvp a.mvp-gate-go.mvp-gate-alt:hover,
.mvp-locked a.mvp-gate-go.mvp-gate-alt, .mvp-locked a.mvp-gate-go.mvp-gate-alt:hover {
	background: rgba(255, 255, 255, .08) !important; color: #e9edf6 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
}
.mvp.mvp.mvp .mvp-gate-x, .mvp.mvp.mvp .mvp-gate-x:hover {
	margin: 4px !important; padding: 10px 14px !important; background: transparent !important; color: #9aa6c2 !important; border: 0 !important; font-size: 13px !important; border-radius: 12px !important;
}
.mvp-gated .mvp-center, .mvp-gated .mvp-bar, .mvp-gated .mvp-top { display: none !important; }

/* preview bar under the player */
.mvp-pv {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 0 12px; padding: 12px 14px;
	border: 1px solid rgba(255, 159, 28, .3); border-radius: 16px; background: rgba(255, 159, 28, .08); background: linear-gradient(90deg, rgba(255, 159, 28, .16), rgba(255, 159, 28, .05));
}
.mvp-pv-t { flex: 1 1 200px; min-width: 0; margin: 0 0 0 10px; }
.mvp-pv-t b { display: block; color: #ffb54d; color: var(--mvp-accent); font-size: 13.5px; font-weight: 800; line-height: 1.7; }
.mvp-pv-t span { display: block; color: #cfd6e8; font-size: 12px; line-height: 1.7; }
.mvp.mvp.mvp a.mvp-pv-go, .mvp.mvp.mvp a.mvp-pv-go:hover, .mvp.mvp.mvp a.mvp-pv-go:visited {
	flex: 0 0 auto; margin: 4px 0 !important; padding: 9px 18px !important; border-radius: 12px !important; background: #ff9f1c !important; background: var(--mvp-accent) !important;
	color: #1c1200 !important; color: var(--mvp-on-accent) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.4 !important; text-decoration: none !important;
}

/* VLC panel */
.mvp-vlc {
	position: relative; margin: 14px 0 0; padding: 16px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 20px;
	background: #141a2b; background: linear-gradient(180deg, #171e32, #131827);
}
.mvp-vlc[hidden] { display: none !important; }
.mvp-vlc-h { display: flex; align-items: center; margin: 0 0 4px; }
.mvp-vlc-ic {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; margin: 0 0 0 12px; border-radius: 14px;
	background: rgba(255, 159, 28, .14); color: #ff9f1c; color: var(--mvp-accent); box-shadow: inset 0 0 0 1px rgba(255, 159, 28, .3);
}
.mvp-vlc-ht b { display: block; color: #fff; font-size: 15px; font-weight: 800; line-height: 1.6; }
.mvp-vlc-ht span { display: block; color: #8f9ab4; font-size: 12px; line-height: 1.6; }
.mvp-vlc-note {
	margin: 12px 0 2px; padding: 11px 13px; border: 1px solid rgba(255, 193, 7, .34); border-radius: 14px; background: rgba(255, 193, 7, .09);
	color: #ffe2a6; font-size: 12.5px; line-height: 1.9;
}
.mvp-vlc-cap { margin: 14px 2px 8px; color: #8f9ab4; font-size: 12px; }
.mvp-vlc-q { display: flex; flex-wrap: wrap; margin: 0; }
.mvp.mvp.mvp .mvp-qc, .mvp.mvp.mvp .mvp-qc:hover, .mvp.mvp.mvp .mvp-qc:focus {
	display: inline-flex !important; align-items: center; margin: 0 0 8px 8px !important; padding: 9px 15px !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 13px !important;
	background: #1b2238 !important; color: #dfe5f4 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important;
}
.mvp.mvp.mvp .mvp-qc:hover { border-color: rgba(255, 255, 255, .26) !important; }
.mvp.mvp.mvp .mvp-qc.on, .mvp.mvp.mvp .mvp-qc.on:hover {
	border-color: #ff9f1c !important; border-color: var(--mvp-accent) !important; background: rgba(255, 159, 28, .13) !important; color: #ff9f1c !important; color: var(--mvp-accent) !important;
}
.mvp-qc i { margin: 0 8px 0 0; padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #aab4cc; font-size: 10px; font-style: normal; font-weight: 600; line-height: 1.5; }
.mvp-vlc-a { display: flex; align-items: stretch; margin: 6px 0 0; }
.mvp.mvp.mvp .mvp-vlc-go, .mvp.mvp.mvp .mvp-vlc-go:hover, .mvp.mvp.mvp .mvp-vlc-go:focus, .mvp.mvp.mvp a.mvp-vlc-go:visited {
	display: flex !important; flex: 1 1 auto; align-items: center; justify-content: center; min-height: 52px; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 16px !important;
	background: #ff9f1c !important; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(0, 0, 0, .12)), var(--mvp-accent) !important; color: #1c1200 !important; color: var(--mvp-on-accent) !important;
	font-size: 15px !important; font-weight: 800 !important; line-height: 1.3 !important; text-decoration: none !important; box-shadow: 0 12px 28px rgba(255, 140, 20, .26) !important; cursor: pointer;
}
.mvp.mvp.mvp .mvp-vlc-go:hover { filter: brightness(1.06); }
.mvp-vlc-go svg { flex: 0 0 auto; margin: 0 0 0 8px; fill: currentColor; }
.mvp-vlc-go em { margin: 0 10px 0 0; padding: 3px 11px; border-radius: 999px; background: rgba(0, 0, 0, .16); font-size: 12px; font-style: normal; font-weight: 700; }
.mvp.mvp.mvp .mvp-vlc-cp, .mvp.mvp.mvp .mvp-vlc-cp:hover {
	flex: 0 0 auto; margin: 0 8px 0 0 !important; padding: 0 18px !important; min-height: 52px; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 16px !important;
	background: #1b2238 !important; color: #dfe5f4 !important; font-size: 13px !important; font-weight: 700 !important;
}
.mvp-vlc-msg { margin: 12px 0 0; padding: 10px 13px; border: 1px solid rgba(110, 170, 255, .3); border-radius: 13px; background: rgba(110, 170, 255, .09); color: #cfe3ff; font-size: 12.5px; line-height: 1.9; }
.mvp-vlc-lockt { margin: 12px 0; color: #c7cfe2; font-size: 13px; line-height: 1.9; }
.mvp-vlc-hl { -webkit-animation: mvp-hl 1.1s ease-out 2; animation: mvp-hl 1.1s ease-out 2; }
@-webkit-keyframes mvp-hl { 0% { box-shadow: 0 0 0 0 rgba(255, 159, 28, .55); } 100% { box-shadow: 0 0 0 16px rgba(255, 159, 28, 0); } }
@keyframes mvp-hl { 0% { box-shadow: 0 0 0 0 rgba(255, 159, 28, .55); } 100% { box-shadow: 0 0 0 16px rgba(255, 159, 28, 0); } }
.mvp-tv .mvp-qc, .mvp-tv .mvp-vlc-go, .mvp-tv .mvp-vlc-cp { font-size: 17px; }

/* strict policy: login / subscription card instead of the player */
.mvp-locked {
	position: relative; display: flex; align-items: center; justify-content: center; min-height: 240px; padding: 24px 16px; overflow: hidden; border-radius: 16px; text-align: center;
	background-color: #0b1020; background-position: center; background-size: cover;
}
.mvp-locked:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(8, 12, 22, .82); }
.mvp-locked-b { position: relative; }

@media (max-width: 520px) {
	.mvp-inline.mvp-inline { margin-right: 0; margin-left: 0; padding: 10px; border-radius: 18px; }
	.mvp-vlc { padding: 14px; }
	.mvp.mvp.mvp .mvp-vlc-go { font-size: 14px !important; padding: 0 12px !important; }
	.mvp-vlc-go em { display: none; }
	.mvp-pv { padding: 11px 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.mvp-in-skel i, .mvp-vlc-hl { -webkit-animation: none; animation: none; }
}
.mvp-cover-w {
	margin: 0 0 14px; padding: 7px 14px; max-width: 92%; border: 1px solid rgba(255, 193, 7, .38); border-radius: 12px; background: rgba(255, 193, 7, .1);
	color: #ffe2a6; font-size: 12.5px; font-weight: 600; line-height: 1.8;
}
.mvp-cover-w[hidden] { display: none !important; }
.mvp-cover-w { margin: 0 0 10px; padding: 6px 12px; font-size: 12px; }
.mvp.mvp.mvp .mvp-cover-try { margin: 4px 0 0 !important; font-size: 11.5px !important; }

/* ---- VLC guide + store links ---- */
.mvp-vlc-help { margin: 12px 0 2px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07); color: #c3cce0; font-size: 12.5px; line-height: 1.95; }
.mvp-vlc-help p { margin: 0 0 4px; padding: 0; }
.mvp-vlc-help b { color: #fff; font-weight: 700; }
.mvp-vlc-help ol { margin: 2px 0 6px; padding: 0 18px 0 0; list-style: decimal; }
.mvp-vlc-help li { margin: 0; padding: 0; color: #c3cce0; }
.mvp-vlc-help .mvp-vlc-tvn { margin: 4px 0 0; padding-top: 8px; border-top: 1px dashed rgba(255, 255, 255, .12); color: #aeb9d2; }
.mvp-vlc-st { margin: 14px 0 0; }
.mvp-vlc-stt { margin: 0 2px 8px; color: #8f9ab4; font-size: 12px; }
.mvp-vlc-stl { display: flex; flex-wrap: wrap; }
.mvp.mvp.mvp a.mvp-sl, .mvp.mvp.mvp a.mvp-sl:hover, .mvp.mvp.mvp a.mvp-sl:visited {
	display: inline-flex !important; flex-direction: column; margin: 0 0 8px 8px !important; padding: 8px 14px !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 13px !important;
	background: #1b2238 !important; color: #e3e9f7 !important; text-decoration: none !important; line-height: 1.5 !important;
}
.mvp.mvp.mvp a.mvp-sl.pri, .mvp.mvp.mvp a.mvp-sl.pri:hover { border-color: #ff9f1c !important; border-color: var(--mvp-accent) !important; background: rgba(255, 159, 28, .12) !important; }
.mvp-sl b { font-size: 13px; font-weight: 800; }
.mvp-sl span { color: #8f9ab4; font-size: 10.5px; }

/* ---- controls: taps must always reach the centre buttons, also in small players ---- */
.mvp .mvp-bar { pointer-events: none; }
.mvp .mvp-bar .mvp-prog, .mvp .mvp-bar button, .mvp .mvp-bar input, .mvp .mvp-bar [role="slider"], .mvp .mvp-bar .mvp-volr { pointer-events: auto; }
.mvp-idle .mvp-bar .mvp-prog, .mvp-idle .mvp-bar button, .mvp-idle .mvp-bar input { pointer-events: none; }
.mvp .mvp-center { z-index: 10; }
.mvp.mvp-sm .mvp-bar { padding-top: 14px; }
.mvp.mvp-sm .mvp-prog { height: 22px; }
.mvp.mvp-sm .mvp-center { top: 0; bottom: 62px; height: auto; margin-top: 0; }
.mvp.mvp.mvp.mvp-sm .mvp-center .mvp-b { width: 44px !important; height: 44px !important; margin: 0 9px !important; }
.mvp.mvp.mvp.mvp-sm .mvp-center .mvp-b.mvp-bigplay { width: 54px !important; height: 54px !important; }
.mvp.mvp-sm .mvp-center .mvp-b svg { width: 24px; height: 24px; }
.mvp.mvp-sm .mvp-center .mvp-b.mvp-bigplay svg { width: 32px; height: 32px; }
.mvp.mvp-sm .mvp-flash { width: 58px; height: 58px; margin-top: -29px; font-size: 13px; line-height: 58px; }
.mvp.mvp-sm .mvp-toast { bottom: 66px; }
.mvp.mvp-xs .mvp-center { bottom: 52px; }
.mvp.mvp.mvp.mvp-xs .mvp-center .mvp-b { width: 36px !important; height: 36px !important; margin: 0 6px !important; }
.mvp.mvp.mvp.mvp-xs .mvp-center .mvp-b.mvp-bigplay { width: 44px !important; height: 44px !important; }
.mvp.mvp-xs .mvp-center .mvp-b svg { width: 20px; height: 20px; }
.mvp.mvp-xs .mvp-center .mvp-b.mvp-bigplay svg { width: 26px; height: 26px; }
.mvp.mvp-xs .mvp-bar { padding-top: 8px; }

/* ---- collapsible season / episode picker (below the player) ---- */
.mvp-pick { margin: 14px 0 0; border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; background: #141a2b; background: linear-gradient(180deg, #171e32, #131827); overflow: hidden; }
.mvp-pick[hidden] { display: none !important; }
.mvp.mvp.mvp .mvp-pick-h, .mvp.mvp.mvp .mvp-pick-h:hover, .mvp.mvp.mvp .mvp-pick-h:focus {
	display: flex !important; align-items: center; width: 100% !important; margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-radius: 0 !important;
	background: transparent !important; color: #fff !important; text-align: right !important; cursor: pointer;
}
.mvp-pick-ic {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; margin: 0 0 0 12px; border-radius: 14px;
	background: rgba(255, 159, 28, .14); color: #ff9f1c; color: var(--mvp-accent); box-shadow: inset 0 0 0 1px rgba(255, 159, 28, .3);
}
.mvp-pick-ic svg { fill: currentColor; }
.mvp-pick-t { flex: 1 1 auto; min-width: 0; }
.mvp-pick-t b { display: block; overflow: hidden; color: #fff; font-size: 15px; font-weight: 800; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.mvp-pick-t small { display: block; color: #8f9ab4; font-size: 12px; line-height: 1.6; }
.mvp-pick-chev {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; margin: 0 8px 0 0; border-radius: 50%;
	background: rgba(255, 255, 255, .07); color: #ff9f1c; color: var(--mvp-accent); -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease;
}
.mvp-pick.open .mvp-pick-chev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.mvp-pick-b { padding: 12px 12px 12px; border-top: 1px solid rgba(255, 255, 255, .07); }
.mvp-pick-b[hidden] { display: none !important; }
.mvp-pick-b .mvp-seasons { flex-wrap: nowrap; margin: 0 0 10px; padding: 0 0 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.mvp-pick-b .mvp-seasons::-webkit-scrollbar { display: none; }
.mvp-pick-b .mvp-sn { flex: 0 0 auto; margin: 0 0 0 8px; white-space: nowrap; }
.mvp.mvp.mvp .mvp-pick-b .mvp-eps { position: relative; display: block; max-height: 288px; margin: 0; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mvp.mvp.mvp .mvp-pick-b .mvp-ep, .mvp.mvp.mvp .mvp-pick-b .mvp-ep:hover, .mvp.mvp.mvp .mvp-pick-b .mvp-ep:focus {
	position: relative; display: flex !important; align-items: center; justify-content: space-between; width: 100% !important; margin: 0 0 6px !important; padding: 13px 16px 14px !important; text-align: right !important; overflow: hidden;
}
.mvp.mvp.mvp .mvp-pick-b .mvp-ep.on:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff9f1c; background: var(--mvp-accent); box-shadow: 0 0 0 4px rgba(255, 159, 28, .22); }
.mvp-tv .mvp-pick-h { font-size: 17px; }

/* ---- click-to-load shell (no server request until play is pressed) ---- */
.mvp-shell {
	position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 0; min-height: 0; overflow: hidden; border-radius: 16px;
	background-color: #0b1020; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; direction: rtl;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .06); outline: none;
}
.mvp-shell:before { content: ""; display: block; padding-top: 56.25%; }
.mvp-shell:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(8, 12, 22, .35), rgba(8, 12, 22, .78)); }
.mvp-shell-c { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px; text-align: center; }
.mvp-shell-c b { display: block; max-width: 92%; margin: 0 0 12px; overflow: hidden; color: #fff; font-size: 17px; font-weight: 800; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.mvp-shell-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px;
	background: #ff9f1c; background: var(--mvp-accent); color: #1c1200; color: var(--mvp-on-accent); font-size: 15px; font-weight: 800;
	box-shadow: 0 14px 34px rgba(255, 159, 28, .35); -webkit-transition: -webkit-transform .15s ease; transition: transform .15s ease;
}
.mvp-shell-btn svg { margin: 0 0 0 10px; fill: currentColor; }
.mvp-shell-btn em { font-style: normal; }
.mvp-shell:hover .mvp-shell-btn, .mvp-shell:focus .mvp-shell-btn { -webkit-transform: scale(1.04); transform: scale(1.04); }
.mvp-shell.busy { cursor: progress; }
.mvp-shell.busy .mvp-shell-btn { opacity: .85; }
.mvp-shell-c small { display: block; min-height: 18px; margin: 10px 0 0; color: #ffe2a6; font-size: 12.5px; line-height: 1.7; }
.mvp-shell-c small:empty { min-height: 0; margin: 0; }
@media (max-width: 380px) { .mvp-shell-c b { font-size: 15px; margin-bottom: 8px; } .mvp-shell-btn { min-height: 46px; padding: 0 22px; font-size: 14px; } }

/* ---- close (X) on every layer: nobody has to guess how to leave the settings ---- */
.mvp-mtop { position: -webkit-sticky; position: sticky; top: -12px; z-index: 3; display: flex; align-items: center; justify-content: space-between; margin: -12px -12px 8px; padding: 10px 12px; border-bottom: 1px solid rgba(255, 255, 255, .09); border-radius: 18px 18px 0 0; background: rgba(16, 21, 36, .99); }
.mvp-mtop b { color: #fff; font-size: 14px; font-weight: 800; line-height: 1.6; }
.mvp.mvp.mvp .mvp-mclose, .mvp.mvp.mvp .mvp-mclose:hover, .mvp.mvp.mvp .mvp-mclose:focus {
	display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; width: 36px !important; height: 36px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .12) !important; color: #fff !important;
}
.mvp.mvp.mvp .mvp-mclose:hover { background: rgba(255, 255, 255, .22) !important; }
.mvp-dlg { cursor: pointer; }
.mvp-dlg-b { cursor: auto; }
.mvp.mvp.mvp .mvp-dlg-t { display: flex; align-items: center; justify-content: space-between; }
.mvp.mvp-sm .mvp-menu { top: 6px; right: 6px; bottom: 6px; left: 6px; width: auto; max-width: none; max-height: none; }
.mvp .mvp-menu { background: #101524; }
.mvp-mtop { background: #101524; }

/* ---- download box ---- */
/* full width of the theme's column (the theme's parent can be a flex box that shrinks children to their content) */
.mvp-inline.mvp-inline { width: 100% !important; max-width: 100% !important; align-self: stretch; float: none !important; clear: both; grid-column: 1 / -1; }
.mvp-dlbox.mvp-inline.mvp-inline { margin-top: 0; }
.mvp-dl-tabs { display: flex; flex-wrap: nowrap; margin: 0 0 12px; padding: 0 0 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.mvp-dl-tabs::-webkit-scrollbar { display: none; }
.mvp-dl-tabs[hidden] { display: none !important; }
.mvp.mvp.mvp .mvp-dl-tab, .mvp-dlbox .mvp-dl-tab {
	flex: 0 0 auto; margin: 0 0 0 8px; padding: 8px 18px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; background: #1b2238; color: #dfe5f4; font-size: 13px; font-weight: 700; line-height: 1.5; cursor: pointer; white-space: nowrap;
}
.mvp-dlbox .mvp-dl-tab.on { border-color: #ff9f1c; border-color: var(--mvp-accent); background: rgba(255, 159, 28, .13); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-dl-list { max-height: 460px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mvp-dl-ep { margin: 0 0 8px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; background: #141a2b; overflow: hidden; }
.mvp-dl-ep.open { border-color: rgba(255, 159, 28, .45); }
.mvp-dlbox .mvp-dl-eph, .mvp-dlbox .mvp-dl-eph:hover, .mvp-dlbox .mvp-dl-eph:focus {
	display: flex; align-items: center; width: 100%; margin: 0; padding: 13px 14px; border: 0; border-radius: 0; background: transparent; color: #fff; text-align: right; cursor: pointer;
}
.mvp-dl-ept { flex: 1 1 auto; min-width: 0; }
.mvp-dl-ept b { display: block; overflow: hidden; color: #fff; font-size: 14.5px; font-weight: 800; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.mvp-dl-ept small { display: block; color: #8f9ab4; font-size: 11.5px; line-height: 1.6; }
.mvp-dl-chev { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .07); color: #ff9f1c; color: var(--mvp-accent); -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease; }
.mvp-dl-ep.open .mvp-dl-chev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.mvp-dl-epb { padding: 0 12px 12px; }
.mvp-dl-epb[hidden] { display: none !important; }
.mvp-dl-btns { display: flex; flex-wrap: wrap; margin: 0 -4px; }
.mvp-dlbox a.mvp-dl-a, .mvp-dlbox a.mvp-dl-a:hover, .mvp-dlbox a.mvp-dl-a:visited {
	display: flex !important; align-items: center; flex: 1 1 calc(50% - 8px); min-width: 140px; margin: 4px !important; padding: 10px 12px !important; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px;
	background: #1b2238 !important; color: #e9edf6 !important; text-decoration: none !important; -webkit-transition: border-color .15s ease, background .15s ease; transition: border-color .15s ease, background .15s ease;
}
.mvp-dlbox a.mvp-dl-a:hover { border-color: #ff9f1c; border-color: var(--mvp-accent); background: rgba(255, 159, 28, .1) !important; }
.mvp-dl-ai { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; margin: 0 0 0 10px; border-radius: 11px; background: rgba(255, 159, 28, .14); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-dl-ai svg { width: 18px; height: 18px; fill: currentColor; }
.mvp-dl-at { min-width: 0; }
.mvp-dl-at b { display: block; overflow: hidden; color: #fff; font-size: 13.5px; font-weight: 800; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.mvp-dl-at small { display: block; overflow: hidden; color: #8f9ab4; font-size: 11px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.mvp-dl-at small[hidden] { display: none; }
@media (max-width: 420px) { .mvp-dlbox a.mvp-dl-a { flex-basis: 100%; } }

/* ---- «پخش آنلاین» button injected next to the theme's hero buttons ---- */
a.mvp-wbtn, a.mvp-wbtn:hover, a.mvp-wbtn:focus, a.mvp-wbtn:visited {
	display: inline-flex !important; flex: 1 1 auto; align-items: center; justify-content: center; box-sizing: border-box; min-height: 48px; margin: 0 0 0 8px !important; padding: 0 22px !important;
	border: 0 !important; border-radius: 14px !important; background: #ff9f1c !important; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(0, 0, 0, .12)), var(--mvp-accent, #ff9f1c) !important;
	color: #1c1200 !important; color: var(--mvp-on-accent, #1c1200) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.4 !important; text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(255, 140, 20, .28) !important; cursor: pointer; direction: rtl;
}
a.mvp-wbtn:hover { filter: brightness(1.06); }
a.mvp-wbtn svg { flex: 0 0 auto; margin: 0 0 0 8px; fill: currentColor; }
.mvp-wblock { display: flex; margin: 0 0 14px; direction: rtl; }
.mvp-wblock a.mvp-wbtn { margin: 0 !important; }

/* ---- download box v2: season drawers -> episode drawers -> links ---- */
.mvp-dl-list { max-height: none; overflow: visible; }
.mvp-dl-se { margin: 0 0 10px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; background: #141a2b; overflow: hidden; }
.mvp-dl-se.open { border-color: rgba(255, 159, 28, .5); }
.mvp-dlbox .mvp-dl-seh, .mvp-dlbox .mvp-dl-seh:hover, .mvp-dlbox .mvp-dl-seh:focus {
	display: flex; align-items: center; width: 100%; margin: 0; padding: 12px 14px; border: 0; border-radius: 0; background: transparent; color: #fff; text-align: right; cursor: pointer;
}
.mvp-dl-sei { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 38px; height: 38px; margin: 0 0 0 12px; border-radius: 12px; background: rgba(255, 159, 28, .14); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-dl-sei svg { fill: currentColor; }
.mvp-dl-set { flex: 1 1 auto; min-width: 0; }
.mvp-dl-set b { display: block; color: #fff; font-size: 15px; font-weight: 800; line-height: 1.6; }
.mvp-dl-set small { display: block; color: #8f9ab4; font-size: 11.5px; line-height: 1.6; }
.mvp-dl-seb { padding: 0 10px 10px; }
.mvp-dl-seb[hidden] { display: none !important; }
.mvp-dl-eps { max-height: 392px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .22) transparent; }
.mvp-dl-eps::-webkit-scrollbar { width: 4px; }
.mvp-dl-eps::-webkit-scrollbar-thumb { border-radius: 4px; background: rgba(255, 255, 255, .22); }
.mvp-dl-eps::-webkit-scrollbar-track { background: transparent; }
.mvp-dl-ep { margin: 0 0 6px; border-radius: 14px; background: #1a2036; }
.mvp-dlbox .mvp-dl-eph, .mvp-dlbox .mvp-dl-eph:hover, .mvp-dlbox .mvp-dl-eph:focus { padding: 9px 12px; }
.mvp-dl-ept { flex: 1 1 auto; min-width: 0; }
.mvp-dl-ept b { font-size: 14px; line-height: 1.7; }
.mvp-dl-epc { flex: 0 0 auto; margin: 0 8px 0 10px; padding: 2px 10px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #b7c0d6; font-size: 11.5px; line-height: 1.7; }
.mvp-dl-ep.open .mvp-dl-epc { background: rgba(255, 159, 28, .16); color: #ff9f1c; color: var(--mvp-accent); }
.mvp-dl-se.open > .mvp-dl-seh .mvp-dl-chev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.mvp-dl-chev { width: 28px; height: 28px; }
.mvp-dl-se > .mvp-dl-seh .mvp-dl-chev { width: 32px; height: 32px; }
.mvp-dl-epb { padding: 0 8px 8px; }