/* Seyda Reklam Yönetimi - ön yüz stilleri */

.sra-zone {
	display: block;
	margin: 0 auto 5px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}

/* Ardışık reklam alanları / alan + içerik arası 5px */
.sra-zone + .sra-zone {
	margin-top: 0;
}

.sra-zone .sra-ad {
	margin: 0 0 5px;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

.sra-zone .sra-ad:last-child {
	margin-bottom: 0;
}

.sra-zone .sra-ad__link,
.sra-zone .sra-ad__img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.sra-zone .sra-ad__img {
	vertical-align: top;
}

/* --- Alan boyutu (width/height) --- */
.sra-zone--sized {
	max-width: 100%;
	box-sizing: border-box;
}

.sra-zone--sized .sra-ad,
.sra-zone--sized .sra-ad__link,
.sra-zone--sized .sra-ad__slot {
	box-sizing: border-box;
	max-width: 100%;
}

/* Hem genişlik hem yükseklik: sabit kutu, görsel alana sığdırılır */
.sra-zone--fixed {
	width: var(--sra-w);
	max-width: 100%;
}

.sra-zone--fixed .sra-ad {
	width: 100%;
	aspect-ratio: var(--sra-w) / var(--sra-h);
	overflow: hidden;
	position: relative;
}

.sra-zone--fixed .sra-ad__link,
.sra-zone--fixed .sra-ad__slot {
	display: block;
	width: 100%;
	height: 100%;
}

.sra-zone--fixed .sra-ad__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

/* Sadece genişlik */
.sra-zone--w-only {
	width: var(--sra-w);
	max-width: 100%;
}

.sra-zone--w-only .sra-ad__link {
	display: block;
	width: 100%;
}

.sra-zone--w-only .sra-ad__img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

/* Sadece yükseklik */
.sra-zone--h-only .sra-ad__img {
	height: var(--sra-h);
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.sra-zone--h-only .sra-ad__link {
	display: block;
	height: var(--sra-h);
}

/* 2'li sıra (yan yana, 5px aralık) */
.sra-mode-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
	align-items: start;
}

.sra-mode-grid2 .sra-ad {
	margin: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.sra-mode-grid2 .sra-ad__link,
.sra-mode-grid2 .sra-ad__slot {
	display: block;
	width: 100%;
}

.sra-mode-grid2 .sra-ad__img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.sra-mode-grid2.sra-zone--fixed .sra-ad {
	width: 100%;
	aspect-ratio: var(--sra-w) / var(--sra-h);
}

/* Dönüşümlü (rotate) mod */
.sra-mode-rotate {
	position: relative;
}

.sra-mode-rotate .sra-ad {
	margin: 0;
}

.sra-mode-rotate .sra-ad--hidden {
	display: none;
}

.sra-mode-rotate .sra-ad--active {
	display: block;
	animation: sraFade .5s ease;
}

.sra-mode-rotate.sra-zone--fixed .sra-ad--active {
	display: block;
}

@keyframes sraFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Mobil / tablet: reklamlar arası boşluk sıfırlanmaya yakın */
@media (max-width: 1024px) {
	.sra-zone {
		margin-top: 0 !important;
		margin-bottom: 5px !important;
	}

	.sra-zone .sra-ad,
	.sra-zone--fixed .sra-ad,
	.sra-zone--sized .sra-ad {
		margin: 0 0 5px !important;
		padding: 0 !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		height: auto !important;
	}

	.sra-zone .sra-ad:last-child,
	.sra-zone--fixed .sra-ad:last-child {
		margin-bottom: 0 !important;
	}

	.sra-zone--fixed .sra-ad__link,
	.sra-zone--fixed .sra-ad__slot,
	.sra-zone .sra-ad__link {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.sra-zone--fixed .sra-ad__img,
	.sra-zone .sra-ad__img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		object-fit: contain !important;
	}

	/* 2'li sıra mobilde de yan yana, 5px aralık korunur */
	.sra-mode-grid2 {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 5px !important;
	}

	.sra-mode-grid2 .sra-ad,
	.sra-mode-grid2.sra-zone--fixed .sra-ad,
	.sra-mode-grid2.sra-zone--sized .sra-ad {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}