/* Баннер дүүрсэн слот. Хоосон хайрцагны стиль хуудсын CSS-д үлдэнэ. */

.gate-ad.has-ad,
.ap-ad.has-ad {
	padding: 0;
	border: 0;
	background: #16181a;
	overflow: hidden;
	gap: 0;
}

.gate-ad.has-ad {
	display: block;
}

.ap-ad.has-ad {
	display: block;
	width: 100%;
	max-width: 728px;
	height: auto;
	aspect-ratio: 728 / 90;
	min-height: 56px;
}

.has-ad.ad-fx-shine {
	position: relative;
}

.has-ad.ad-fx-shine::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.28) 50%, transparent 62%);
	transform: translateX(-100%);
	animation: ad-shine 6s ease-in-out 1.2s infinite;
	will-change: transform;
}

@keyframes ad-shine {
	0% { transform: translateX(-100%); }
	18%, 100% { transform: translateX(100%); }
}

.gate-ad.has-ad a,
.ap-ad.has-ad a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}

.gate-ad.has-ad img,
.ap-ad.has-ad img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: ad-in 0.35s ease;
}

.gate-ad.has-ad a:focus-visible,
.ap-ad.has-ad a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

@keyframes ad-in {
	from { opacity: 0.4; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.gate-ad.has-ad img,
	.ap-ad.has-ad img,
	.has-ad.ad-fx-shine::after {
		animation: none;
	}
}