.mdva-player {
	border-radius: var(--mdva-radius, 14px);
	font-family: var(--mdva-font, inherit);
}

.mdva-player .mdva-stage,
.mdva-player .mdva-poster,
.mdva-player .mdva-ad-shell,
.mdva-player .mdva-content-slot,
.mdva-player .mdva-content-frame,
.mdva-player .mdva-content-video {
	border-radius: inherit;
}

.mdva-player.mdva-play-minimal .mdva-start {
	width: 78px;
	height: 78px;
	min-height: 0;
	padding: 10px;
	justify-content: center;
}

.mdva-player.mdva-play-minimal .mdva-play-icon {
	flex-basis: 56px;
	width: 56px;
	height: 56px;
}

.mdva-player.mdva-play-minimal .mdva-play-icon::after {
	left: 22px;
	top: 17px;
}

.mdva-player.mdva-play-minimal .mdva-start-copy { display: none; }

.mdva-ad-bottom { min-width: 0; }
.mdva-ad-controls { position: absolute; z-index: 3; left: 14px; bottom: 14px; flex-wrap: nowrap; gap: 7px; opacity: 0; visibility: hidden; transform: none !important; pointer-events: none; transition: none !important; }
.mdva-player.mdva-controls-visible .mdva-ad-controls,
.mdva-player.mdva-controls-paused .mdva-ad-controls,
.mdva-ad-controls:focus-within { opacity: 1; visibility: visible; transform: none !important; pointer-events: auto; }
.mdva-ad-controls .mdva-control,.mdva-volume-icon { display: inline-grid; width: 42px; height: 42px; min-height: 42px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; color: #fff; background: rgba(4,19,23,.76); cursor: pointer; backdrop-filter: blur(6px); }
.mdva-ad-controls .mdva-control,.mdva-volume-icon { animation: none !important; transform: none !important; transition: none !important; }
.mdva-ad-controls .mdva-control:hover,.mdva-ad-controls .mdva-control:focus-visible,.mdva-volume-icon:hover,.mdva-volume-icon:focus-visible { border-color: #fff; background: rgba(4,19,23,.94); outline: 2px solid rgba(24,169,199,.45); outline-offset: 2px; }
.mdva-control-symbol { position: relative; display: block; width: 16px; height: 18px; }
.mdva-control-symbol::before,.mdva-control-symbol::after { content: ""; position: absolute; top: 1px; width: 5px; height: 16px; border-radius: 1px; background: #fff; }
.mdva-control-symbol::before { left: 2px; }.mdva-control-symbol::after { right: 2px; }
.mdva-pause.is-paused .mdva-control-symbol::before { left: 4px; top: 1px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 13px solid #fff; border-radius: 0; background: transparent; }
.mdva-pause.is-paused .mdva-control-symbol::after { display: none; }
.mdva-volume-control { position: relative; display: inline-grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 24px; background: transparent; transition: none !important; }
.mdva-volume-control:hover,.mdva-volume-control:focus-within,.mdva-volume-control.is-open { flex-basis: 172px; width: 172px; }
.mdva-volume-icon { position: absolute; z-index: 2; left: 0; top: 0; flex: 0 0 42px; }
.mdva-speaker-svg { display: block; width: 25px; height: 25px; overflow: visible; color: #fff; }
.mdva-speaker-body { fill: currentColor; stroke: none; }
.mdva-speaker-waves,.mdva-speaker-mute { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mdva-speaker-mute { display: none; stroke-width: 2.15; }
.mdva-volume-control.is-low .mdva-speaker-wave-outer { display: none; }
.mdva-volume-control.is-muted .mdva-speaker-waves { display: none; }
.mdva-volume-control.is-muted .mdva-speaker-mute { display: block; }
.mdva-volume-control[hidden] { display: none !important; }
.mdva-volume-panel { position: absolute; z-index: 1; left: 34px; top: 0; bottom: auto; display: grid; width: 138px; min-height: 42px; padding-left: 8px; overflow: hidden; place-items: center; border: 1px solid rgba(255,255,255,.34); border-left: 0; border-radius: 0 24px 24px 0; background: rgba(4,19,23,.9); opacity: 0; visibility: hidden; pointer-events: none; transform: none !important; transition: none !important; }
.mdva-volume-control:hover .mdva-volume-panel,.mdva-volume-control:focus-within .mdva-volume-panel,.mdva-volume-control.is-open .mdva-volume-panel { opacity: 1; visibility: visible; pointer-events: auto; }
.mdva-player input.mdva-volume-slider {
	--mdva-volume-level: 100%;
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 96px !important;
	min-width: 96px !important;
	height: 24px !important;
	margin: 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	accent-color: var(--mdva-brand) !important;
	cursor: grab;
	touch-action: none;
}
.mdva-player input.mdva-volume-slider:active { cursor: grabbing; }
.mdva-player input.mdva-volume-slider::-webkit-slider-runnable-track { height: 6px; border: 0; border-radius: 999px; background: linear-gradient(to right,var(--mdva-brand) 0,var(--mdva-brand) var(--mdva-volume-level),rgba(255,255,255,.52) var(--mdva-volume-level),rgba(255,255,255,.52) 100%); box-shadow: inset 0 0 0 1px rgba(0,0,0,.16); }
.mdva-player input.mdva-volume-slider::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 18px; height: 18px; margin-top: -6px; border: 2px solid #fff; border-radius: 50%; background: var(--mdva-brand); box-shadow: 0 2px 7px rgba(0,0,0,.55); }
.mdva-player input.mdva-volume-slider::-moz-range-track { height: 6px; border: 0; border-radius: 999px; background: rgba(255,255,255,.52); box-shadow: inset 0 0 0 1px rgba(0,0,0,.16); }
.mdva-player input.mdva-volume-slider::-moz-range-progress { height: 6px; border-radius: 999px; background: var(--mdva-brand); }
.mdva-player input.mdva-volume-slider::-moz-range-thumb { width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; background: var(--mdva-brand); box-shadow: 0 2px 7px rgba(0,0,0,.55); }
.mdva-player input.mdva-volume-slider:focus-visible { box-shadow: 0 0 0 3px rgba(24,169,199,.45) !important; }

.mdva-fullscreen-svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.mdva-fullscreen-collapse { display: none; }
.mdva-fullscreen.is-fullscreen .mdva-fullscreen-expand { display: none; }
.mdva-fullscreen.is-fullscreen .mdva-fullscreen-collapse { display: block; }

.mdva-ad-top.is-label-hidden { justify-content: flex-end; }

/* Labels and actions keep exactly the same coordinates while the counters change. */
.mdva-ad-top,
.mdva-ad-bottom,
.mdva-ad-label,
.mdva-countdown,
.mdva-ad-actions,
.mdva-cta,
.mdva-skip {
	animation: none !important;
	transform: none !important;
	transition: none !important;
}
.mdva-countdown {
	flex: 0 0 auto;
	width: min(20em,calc(100% - 88px));
	min-width: 0;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	text-align: center;
	white-space: nowrap;
}
.mdva-ad-top.is-label-hidden .mdva-countdown { width: min(20em,100%); }
.mdva-ad-actions { flex-wrap: nowrap; max-width: calc(100% - 152px); margin-left: auto; }
.mdva-ad-actions > * { min-width: 0; white-space: nowrap; }
.mdva-ad-actions .mdva-skip {
	display: inline-flex;
	flex: 0 1 196px;
	width: 196px;
	min-width: 0;
	max-width: 100%;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: .3em;
	overflow: hidden;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	text-align: center;
	white-space: nowrap;
}
.mdva-skip-countdown[hidden] { display: none !important; }

/* Three safe size presets selected independently for desktop and mobile. */
.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-desktop-small .mdva-countdown { width: min(240px,calc(100% - 88px)); padding: 5px 8px; font-size: 11px; }
.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-desktop-medium .mdva-countdown { width: min(320px,calc(100% - 88px)); padding: 6px 10px; font-size: 13px; }
.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-desktop-large .mdva-countdown { width: min(400px,calc(100% - 88px)); padding: 8px 14px; font-size: 15px; }
.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-desktop-small .mdva-ad-actions .mdva-skip { flex-basis: 160px; width: 160px; min-height: 34px; padding: 6px 10px; font-size: 11px; }
.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-desktop-medium .mdva-ad-actions .mdva-skip { flex-basis: 196px; width: 196px; min-height: 38px; padding: 8px 13px; font-size: 12px; }
.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-desktop-large .mdva-ad-actions .mdva-skip { flex-basis: 240px; width: 240px; min-height: 44px; padding: 10px 16px; font-size: 14px; }

/* Optional legacy behaviour: each message frame follows the actual text width. */
.mdva-player.mdva-auto-ad-frames .mdva-countdown {
	flex: 0 1 auto;
	width: auto;
	max-width: calc(100% - 88px);
}
.mdva-player.mdva-auto-ad-frames .mdva-ad-top.is-label-hidden .mdva-countdown {
	width: auto;
	max-width: 100%;
}
.mdva-player.mdva-auto-ad-frames .mdva-ad-actions .mdva-skip {
	flex: 0 1 auto;
	width: auto;
	max-width: 100%;
}

.mdva-ad-shell-image { background: transparent; }
.mdva-player .mdva-ad-shell-image .mdva-ad-image {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	object-fit: contain;
}

.mdva-player:fullscreen,
.mdva-player.mdva-native-fullscreen,
.mdva-player:-webkit-full-screen { width: 100vw; height: 100vh; max-width: none; margin: 0; border: 0; border-radius: 0; background: #000; box-shadow: none; }
.mdva-player:fullscreen .mdva-stage,
.mdva-player.mdva-native-fullscreen .mdva-stage,
.mdva-player:-webkit-full-screen .mdva-stage { width: 100%; height: 100%; padding-bottom: 0; border-radius: 0; }

.mdva-sponsor-slot { left: var(--mdva-sponsor-x,78%); top: var(--mdva-sponsor-y,4%); right: auto; width: var(--mdva-sponsor-width,18%); max-width: none; }
.mdva-player .mdva-sponsor-badge { display: block; width: 100%; max-width: none; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: inherit !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; backdrop-filter: none; }
.mdva-player .mdva-sponsor-badge small { display: none !important; }
.mdva-player .mdva-sponsor-badge img { display: block; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; object-fit: contain; }
.mdva-player .mdva-sponsor-close { position:absolute; z-index:3; top:-11px; right:-11px; display:grid; place-items:center; width:24px; height:24px; min-width:24px; padding:0; border:2px solid #fff; border-radius:999px; color:#fff; background:rgba(12,52,61,.92); box-shadow:0 2px 8px rgba(0,0,0,.28); font:700 18px/1 Arial,sans-serif; cursor:pointer; }
.mdva-player .mdva-sponsor-close:hover,.mdva-player .mdva-sponsor-close:focus-visible { background:#0c343d; outline:2px solid rgba(255,255,255,.7); outline-offset:2px; }

.mdva-modal { position: fixed; inset: 0; z-index: 2147483000; display: grid; padding: max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); place-items: center; background: rgba(1,10,13,.88); backdrop-filter: blur(8px); }
.mdva-modal-frame { position: relative; width: min(1280px,94vw,calc(94vh * 1.7778)); max-height: 94vh; }
.mdva-modal .mdva-player { width: 100%; margin: 0; box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.mdva-modal-close { position: absolute; z-index: 30; right: -13px; top: -13px; display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #0c343d; box-shadow: 0 5px 18px rgba(0,0,0,.35); font: 400 30px/1 Arial,sans-serif; cursor: pointer; }
.mdva-modal-close:hover,.mdva-modal-close:focus-visible { background: var(--mdva-brand,#18a9c7); outline: 3px solid rgba(255,255,255,.35); outline-offset: 2px; }

.mdva-browser-recovery {
	position: absolute;
	inset: 0;
	z-index: 15;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 28px;
	color: #fff;
	background: #071c21;
	text-align: center;
}

.mdva-browser-recovery strong { max-width: 560px; font-size: 17px; }
.mdva-browser-recovery button {
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid rgba(255,255,255,.65);
	border-radius: 7px;
	color: #fff;
	background: var(--mdva-brand);
	font: 700 14px/1.2 var(--mdva-font, inherit);
	cursor: pointer;
}

@media (max-width: 767px) {
	.mdva-player { border-radius: var(--mdva-radius, 10px); }
	.mdva-player.mdva-play-minimal .mdva-start { width: 66px; height: 66px; }
	.mdva-player.mdva-play-minimal .mdva-play-icon { flex-basis: 48px; width: 48px; height: 48px; }
	.mdva-player.mdva-play-minimal .mdva-play-icon::after { left: 19px; top: 14px; border-left-width: 15px; border-top-width: 10px; border-bottom-width: 10px; }
	.mdva-ad-top { gap: 6px; padding: 7px; }
	.mdva-ad-label { flex: 0 1 auto; max-width: 32%; padding: 4px 7px; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
	.mdva-countdown { flex: 1 1 auto; width: auto; max-width: none; padding: 5px 7px; overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
	.mdva-ad-top.is-label-hidden .mdva-countdown { width: 100%; }
	.mdva-ad-bottom { display: flex; align-items: flex-end; min-height: 52px; padding: 8px 7px; }
	.mdva-ad-controls { left: 8px; bottom: 8px; gap: 5px; }
	.mdva-ad-controls .mdva-control,.mdva-volume-icon { width: 34px; height: 34px; min-height: 34px; }
	.mdva-volume-icon { flex-basis: 34px; }
	.mdva-volume-control { flex-basis: 34px; width: 34px; height: 34px; }
	.mdva-volume-control:hover,.mdva-volume-control:focus-within,.mdva-volume-control.is-open { flex-basis: 151px; width: 151px; }
	.mdva-speaker-svg { width: 21px; height: 21px; }
	.mdva-fullscreen-svg { width: 19px; height: 19px; }
	.mdva-volume-panel { left: 29px; top: 0; width: 122px; min-height: 34px; padding-left: 5px; border-radius: 0 20px 20px 0; }
	.mdva-player input.mdva-volume-slider { width: 92px !important; min-width: 92px !important; margin: 0 10px !important; }
	.mdva-ad-actions { display: flex; align-items: stretch; justify-content: flex-end; gap: 6px; width: min(62%,360px); max-width: calc(100% - 124px); margin: 0 0 0 auto; }
	.mdva-ad-actions.is-single-action { width: min(48%,190px); }
	.mdva-ad-actions .mdva-cta,
	.mdva-ad-actions .mdva-skip { flex: 1 1 0; width: auto; max-width: 100%; min-height: 36px; padding: 6px 7px; overflow: hidden; font-size: 10px; line-height: 1.1; text-align: center; white-space: normal; }
	.mdva-ad-actions .mdva-skip { flex-direction: column; gap: 1px; }
	.mdva-skip-countdown { display: block; font-size: .88em; line-height: 1; white-space: nowrap; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-small .mdva-countdown { flex: 0 1 56%; width: 56%; max-width: 56%; padding: 4px 6px; font-size: 9px; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-medium .mdva-countdown { flex: 0 1 68%; width: 68%; max-width: 68%; padding: 5px 7px; font-size: 10px; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-large .mdva-countdown { flex: 0 1 76%; width: 76%; max-width: 76%; padding: 7px 9px; font-size: 12px; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-small .mdva-ad-top.is-label-hidden .mdva-countdown { width: 56%; max-width: 56%; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-medium .mdva-ad-top.is-label-hidden .mdva-countdown { width: 68%; max-width: 68%; }
	.mdva-player.mdva-fixed-ad-frames.mdva-countdown-size-mobile-large .mdva-ad-top.is-label-hidden .mdva-countdown { width: 76%; max-width: 76%; }
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions .mdva-skip { flex: 1 1 0; width: auto; min-height: 32px; padding: 4px 5px; font-size: 9px; }
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions .mdva-skip { flex: 1 1 0; width: auto; min-height: 36px; padding: 6px 7px; font-size: 10px; }
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions .mdva-skip { flex: 1 1 0; width: auto; min-height: 42px; padding: 7px 8px; font-size: 12px; }
	.mdva-player.mdva-auto-ad-frames .mdva-countdown { flex: 0 1 auto; width: auto; max-width: calc(100% - 75px); }
	.mdva-player.mdva-auto-ad-frames .mdva-ad-top.is-label-hidden .mdva-countdown { width: auto; max-width: 100%; }
	.mdva-player.mdva-volume-open .mdva-ad-actions { opacity: 0; visibility: hidden; pointer-events: none; }
	.mdva-sponsor-slot { left: var(--mdva-sponsor-mobile-x,67%); top: var(--mdva-sponsor-mobile-y,4%); width: var(--mdva-sponsor-mobile-width,29%); max-width: none; }
	.mdva-player .mdva-sponsor-badge { padding: 0; }
	.mdva-player .mdva-sponsor-badge img { width: 100%; max-width: none; max-height: none; }
	.mdva-modal { padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
	.mdva-modal-frame { width: 100%; }
	.mdva-modal-close { right: 5px; top: -50px; }
}

@media (max-width: 390px) {
	.mdva-ad-actions { gap: 5px; }
	.mdva-ad-actions .mdva-cta { min-height: 34px; padding-right: 5px; padding-left: 5px; font-size: 9px; }
	.mdva-ad-controls { left: 7px; bottom: 7px; }
	.mdva-ad-controls .mdva-control,.mdva-volume-icon { width: 32px; height: 32px; min-height: 32px; }
	.mdva-volume-icon { flex-basis: 32px; }
	.mdva-volume-control { flex-basis: 32px; width: 32px; height: 32px; }
	.mdva-volume-control:hover,.mdva-volume-control:focus-within,.mdva-volume-control.is-open { flex-basis: 143px; width: 143px; }
	.mdva-volume-panel { left: 27px; width: 116px; min-height: 32px; }
	.mdva-player input.mdva-volume-slider { width: 88px !important; min-width: 88px !important; margin: 0 9px !important; }
}

/* Stage 1: controls stay inside the same player in native and modal fullscreen. */
.mdva-player .mdva-content-controls { position: absolute; right: 10px; bottom: 54px; z-index: 16; }
.mdva-player .mdva-content-controls[hidden] { display: none; }
.mdva-player .mdva-content-fullscreen {
	display: grid; place-items: center; width: 38px; height: 38px; min-height: 38px;
	margin: 0; padding: 8px; border: 1px solid rgba(255,255,255,.42); border-radius: 7px;
	color: #fff; background: rgba(0,0,0,.64); cursor: pointer;
}
.mdva-player .mdva-content-fullscreen:hover { background: rgba(0,0,0,.9); }
.mdva-player .mdva-content-fullscreen:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.mdva-content-fullscreen.is-fullscreen .mdva-fullscreen-expand { display: none; }
.mdva-content-fullscreen.is-fullscreen .mdva-fullscreen-collapse { display: block; }
.mdva-ad-shell.mdva-surface-clickable { cursor: pointer; }
.mdva-ad-shell .mdva-ad-controls, .mdva-ad-shell .mdva-ad-actions, .mdva-ad-shell .mdva-ad-progress { cursor: default; }

/* Shared title/description, outside the media container. */
.mdva-video-info { min-width: 0; max-width: 100%; font-family: var(--mdva-font,inherit); text-align: var(--mdva-text-align,left); overflow-wrap: anywhere; }
.mdva-video-info h3 { margin: 0 0 9px; color: var(--mdva-title-color,#123841); font-family: inherit; font-size: var(--mdva-title-size,27px); font-weight: var(--mdva-text-weight,700); line-height: 1.25; }
.mdva-video-info .mdva-info-toggle {
	display: inline; max-width: 100%; min-height: 0; margin: 0; padding: 0;
	border: 0; border-radius: 0; color: inherit; background: transparent; box-shadow: none;
	font: inherit; line-height: inherit; text-align: inherit; text-transform: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer;
}
.mdva-video-info .mdva-info-toggle:focus-visible { outline: 2px solid var(--mdva-brand,#18a9c7); outline-offset: 4px; }
.mdva-info-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-left: 7px;
	border: 1px solid #d7e2e5;
	border-radius: 4px;
	background: #fff;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	box-sizing: border-box;
}
.mdva-video-info .mdva-video-description { max-width: 100%; color: var(--mdva-description-color,#596f75); font-family: inherit; font-size: var(--mdva-description-size,16px); line-height: 1.65; overflow-wrap: anywhere; word-break: normal; }
.mdva-video-info .mdva-video-description[hidden] { display: none; }
.mdva-video-description p, .mdva-video-description a { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 767px) {
	.mdva-player .mdva-content-controls { right: 8px; bottom: 50px; }
	.mdva-player .mdva-content-fullscreen { width: 34px; height: 34px; min-height: 34px; padding: 6px; }
	.mdva-video-info h3 { font-size: var(--mdva-title-size-mobile,21px); }
	.mdva-video-info .mdva-video-description { font-size: var(--mdva-description-size-mobile,15px); }
}

/* 3.4.2 — mobile player/ad ergonomics. Desktop remains unchanged. */
@media (max-width: 767px) {
	/* Keep the ad actions compact so they do not cover a large part of the creative. */
	.mdva-ad-bottom {
		min-height: 44px;
		padding: 6px 6px;
	}
	.mdva-ad-actions {
		flex: 0 1 auto;
		width: auto;
		max-width: calc(100% - 112px);
		margin-left: auto;
		gap: 5px;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.mdva-ad-actions.is-single-action {
		width: auto;
		max-width: min(58%, 184px);
	}
	.mdva-ad-actions .mdva-cta,
	.mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions .mdva-skip {
		flex: 0 1 auto;
		width: auto;
		min-width: 0;
		max-width: 152px;
		min-height: 30px;
		padding: 5px 8px;
		border-radius: 6px;
		font-size: 9.5px;
		line-height: 1.05;
		white-space: nowrap;
	}
	.mdva-ad-actions .mdva-skip {
		flex-direction: row;
		gap: .28em;
	}
	.mdva-skip-countdown {
		display: inline;
		font-size: .92em;
		line-height: inherit;
	}

	/* The content fullscreen button belongs in the actual bottom-right corner. */
	.mdva-player .mdva-content-controls {
		right: 8px;
		bottom: 8px;
	}
	.mdva-player .mdva-content-fullscreen {
		width: 32px;
		height: 32px;
		min-height: 32px;
		padding: 6px;
		border-radius: 7px;
	}
	.mdva-player .mdva-content-fullscreen .mdva-fullscreen-svg {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 390px) {
	.mdva-ad-actions {
		max-width: calc(100% - 104px);
		gap: 4px;
	}
	.mdva-ad-actions .mdva-cta,
	.mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions .mdva-skip {
		max-width: 138px;
		min-height: 28px;
		padding: 4px 7px;
		font-size: 9px;
	}
}

/* 3.4.3 — smaller, equal-size ad action buttons on mobile only. Desktop unchanged. */
@media (max-width: 767px) {
	.mdva-ad-actions .mdva-cta,
	.mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions .mdva-skip {
		flex: 0 0 118px;
		width: 118px;
		max-width: 118px;
		min-height: 29px;
		padding: 4px 7px;
		font-size: 9px;
		line-height: 1.05;
	}
}

@media (max-width: 390px) {
	.mdva-ad-actions .mdva-cta,
	.mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions .mdva-skip {
		flex-basis: 108px;
		width: 108px;
		max-width: 108px;
		min-height: 27px;
		padding: 4px 6px;
		font-size: 8.5px;
	}
}


/* 3.4.4 — final mobile-only compact ad actions.
 * Deliberately high specificity and !important prevent theme/legacy mobile rules
 * from making the CTA/skip controls wider again. Desktop is untouched. */
@media (max-width: 767px) {
	.mdva-player .mdva-ad-actions > .mdva-cta,
	.mdva-player .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions > .mdva-skip {
		flex: 0 0 98px !important;
		width: 98px !important;
		min-width: 98px !important;
		max-width: 98px !important;
		min-height: 28px !important;
		padding: 4px 5px !important;
		font-size: 8.5px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
	}
	.mdva-player .mdva-ad-actions {
		gap: 4px !important;
	}
}
@media (max-width: 390px) {
	.mdva-player .mdva-ad-actions > .mdva-cta,
	.mdva-player .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions > .mdva-skip {
		flex-basis: 92px !important;
		width: 92px !important;
		min-width: 92px !important;
		max-width: 92px !important;
		min-height: 27px !important;
		font-size: 8px !important;
	}
}


/* 3.4.5 — definitive mobile-only compact CTA + skip controls.
 * One final authority: noticeably smaller than prior auto/fixed sizes.
 * Desktop remains unchanged. */
@media (max-width: 767px) {
	.mdva-player .mdva-ad-actions > .mdva-cta,
	.mdva-player .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions > .mdva-skip {
		box-sizing: border-box !important;
		flex: 0 0 82px !important;
		width: 82px !important;
		min-width: 82px !important;
		max-width: 82px !important;
		min-height: 26px !important;
		height: 26px !important;
		padding: 3px 4px !important;
		border-radius: 6px !important;
		font-size: 7.8px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: clip !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.mdva-player .mdva-ad-actions {
		gap: 3px !important;
	}
	.mdva-player .mdva-ad-actions > .mdva-skip {
		flex-direction: row !important;
		gap: 2px !important;
	}
	.mdva-player .mdva-skip-countdown {
		font-size: .86em !important;
	}
}
@media (max-width: 430px) {
	.mdva-player .mdva-ad-actions > .mdva-cta,
	.mdva-player .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-small .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-medium .mdva-ad-actions > .mdva-skip,
	.mdva-player.mdva-fixed-ad-frames.mdva-skip-size-mobile-large .mdva-ad-actions > .mdva-skip {
		flex-basis: 78px !important;
		width: 78px !important;
		min-width: 78px !important;
		max-width: 78px !important;
		height: 25px !important;
		min-height: 25px !important;
		font-size: 7.4px !important;
	}
}

/* 3.5.30.7 — adds a small close button visible only on the floating player. */
.mdva-floating-placeholder { display:block; width:100%; max-width:100%; pointer-events:none; }
.mdva-player.mdva-is-floating {
	position:fixed !important;
	right:20px !important;
	bottom:20px !important;
	left:auto !important;
	top:auto !important;
	z-index:99990 !important;
	width:min(430px,calc(100vw - 40px)) !important;
	max-width:430px !important;
	margin:0 !important;
	box-shadow:0 18px 55px rgba(0,0,0,.38) !important;
}
.mdva-player .mdva-floating-close {
	display:none;
}
.mdva-player.mdva-is-floating .mdva-floating-close {
	display:flex;
	position:absolute;
	top:7px;
	right:7px;
	z-index:100005;
	align-items:center;
	justify-content:center;
	width:25px;
	height:25px;
	padding:0;
	border:1px solid rgba(255,255,255,.35);
	border-radius:50%;
	background:rgba(0,0,0,.66);
	color:#fff;
	font:700 20px/1 Arial,sans-serif;
	cursor:pointer;
	box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.mdva-player.mdva-is-floating .mdva-floating-close:hover,
.mdva-player.mdva-is-floating .mdva-floating-close:focus-visible {
	background:rgba(0,0,0,.9);
	outline:2px solid rgba(255,255,255,.75);
	outline-offset:2px;
}
.mdva-player .mdva-next-card {
	box-sizing:border-box;
	grid-template-columns:minmax(0,42%) minmax(0,1fr);
	grid-template-rows:1fr auto;
	grid-template-areas:"thumb copy" "thumb actions";
	align-items:center;
	justify-items:stretch;
	gap:12px 16px;
	width:100%;
	height:100%;
	padding:18px;
	text-align:left;
}
.mdva-player .mdva-next-thumb {
	grid-area:thumb;
	display:block;
	width:100%;
	height:100%;
	max-height:100%;
	margin:0 !important;
	border-radius:9px;
	object-fit:cover;
	background:#06171b;
}
.mdva-player .mdva-next-copy { grid-area:copy; min-width:0; align-self:end; }
.mdva-player .mdva-next-label { display:block; margin:0 0 5px; color:rgba(255,255,255,.72); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mdva-player .mdva-next-title { display:-webkit-box; overflow:hidden; margin:0; color:#fff; font-size:16px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.mdva-player .mdva-next-countdown { display:block; margin-top:7px; color:rgba(255,255,255,.8); font-size:12px; }
.mdva-player .mdva-next-actions { grid-area:actions; display:flex; flex-wrap:wrap; gap:8px; align-self:start; }
.mdva-player .mdva-next-play,
.mdva-player .mdva-next-cancel { min-height:36px; padding:7px 12px; border:1px solid rgba(255,255,255,.5); border-radius:7px; color:#fff; font:inherit; font-size:11px; font-weight:750; cursor:pointer; }
.mdva-player .mdva-next-play { border-color:var(--mdva-brand); background:var(--mdva-brand); }
.mdva-player .mdva-next-cancel { background:rgba(4,19,23,.72); }
.mdva-player .mdva-next-play:hover,.mdva-player .mdva-next-play:focus-visible { background:var(--mdva-dark); outline:2px solid rgba(255,255,255,.65); outline-offset:2px; }
.mdva-player .mdva-next-cancel:hover,.mdva-player .mdva-next-cancel:focus-visible { background:rgba(4,19,23,.94); outline:2px solid rgba(255,255,255,.65); outline-offset:2px; }

@media (max-width:767px) {
	.mdva-player.mdva-is-floating { right:12px !important; bottom:12px !important; width:calc(100vw - 24px) !important; max-width:430px !important; }
	.mdva-player .mdva-next-card { gap:8px 10px; padding:10px; }
	.mdva-player .mdva-next-title { font-size:12px; }
	.mdva-player .mdva-next-label { margin-bottom:3px; font-size:8px; }
	.mdva-player .mdva-next-countdown { margin-top:4px; font-size:9px; }
	.mdva-player .mdva-next-actions { gap:5px; }
	.mdva-player .mdva-next-play,.mdva-player .mdva-next-cancel { min-height:28px; padding:4px 7px; font-size:8px; }
}