/* VKM DK — maç öncesi promo popup'ı. Sade: karartma + görsel kart + çarpı. */
.vkmdk-promo {
	position: fixed; inset: 0; z-index: 2147483000;
	display: flex; align-items: center; justify-content: center; padding: 18px;
	background: rgba(10, 11, 16, .62);
	opacity: 0; transition: opacity .28s ease;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.vkmdk-promo.in { opacity: 1; }

.vkmdk-promo-card {
	position: relative; width: 100%; max-width: 400px;
	border-radius: 16px; overflow: hidden; background: #0f1014;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
	transform: translateY(14px) scale(.97);
	transition: transform .28s cubic-bezier(.2, .8, .3, 1);
}
.vkmdk-promo.in .vkmdk-promo-card { transform: none; }

.vkmdk-promo-card a { display: block; line-height: 0; text-decoration: none; }
.vkmdk-promo-card img { display: block; width: 100%; height: auto; }

.vkmdk-promo-x {
	position: absolute; top: 9px; right: 9px; z-index: 2;
	width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: rgba(12, 13, 18, .62); color: #fff; cursor: pointer;
	font: 400 20px/1 system-ui, sans-serif;
	-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.vkmdk-promo-x:hover { background: rgba(12, 13, 18, .85); }

@media (max-width: 480px) {
	.vkmdk-promo { padding: 14px; }
	.vkmdk-promo-card { max-width: 92vw; }
}
@media (prefers-reduced-motion: reduce) {
	.vkmdk-promo, .vkmdk-promo-card { transition: none; }
}