/* KS Bannerlar — frontend */
.ksbn-banner{
	margin:28px auto;
	max-width:100%;
	text-align:center;
	clear:both;
}
.ksbn-banner a{
	display:inline-block;
	max-width:100%;
	line-height:0;          /* kill inline gap under <img> */
}
.ksbn-banner picture,
.ksbn-banner img{
	display:block;
	max-width:100%;
	height:auto;
	border-radius:6px;
	overflow:hidden;
}

/* Banners inside the post grid:
 *   - top/bottom span the full row
 *   - inline takes ONE card slot so the grid flow places it (orta sütun)
 */
.posts-grid > .ksbn-zone-archive_top,
.posts-grid > .ksbn-zone-archive_bottom,
.posts-grid > .ksbn-grid-break{
	grid-column:1 / -1;
	margin:8px 0 16px;
}
.posts-grid > .ksbn-zone-archive_inline{
	margin:0;                        /* card slot has its own gap from the grid */
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:16/10;              /* match card thumb aspect */
	background:#f7f7f7;
	border-radius:8px;
	overflow:hidden;
	min-height:0;
}
.posts-grid > .ksbn-zone-archive_inline a{
	width:100%;height:100%;display:flex;align-items:center;justify-content:center;
}
.posts-grid > .ksbn-zone-archive_inline picture,
.posts-grid > .ksbn-zone-archive_inline img{
	width:100%;height:100%;object-fit:cover;border-radius:8px;
}
/* In-card slot: "Reklam" label as a top-left corner badge */
.posts-grid > .ksbn-zone-archive_inline{position:relative}
.posts-grid > .ksbn-zone-archive_inline::before{
	content:"Reklam";
	position:absolute;top:8px;left:8px;
	background:rgba(0,0,0,.55);color:#fff;
	padding:3px 8px;font-size:10px;font-weight:600;letter-spacing:.06em;
	border-radius:3px;margin:0;
	z-index:2;
}
.ksbn-grid-break{grid-column:1 / -1;margin:8px 0 16px}

/* Zone-specific tweaks */
.ksbn-zone-archive_top{margin-top:0;margin-bottom:24px}
.ksbn-zone-archive_bottom{margin-top:32px;margin-bottom:32px}
.ksbn-zone-before_content{margin-top:0;margin-bottom:24px}
.ksbn-zone-after_content{margin-top:32px;margin-bottom:8px}
.ksbn-zone-mid_content{margin:32px auto}

/* Small "Reklam" label above each banner (transparent, professional) */
.ksbn-banner::before{
	content:"Reklam";
	display:block;
	font-size:10px;
	color:#9a9a9a;
	text-transform:uppercase;
	letter-spacing:.08em;
	margin-bottom:6px;
	text-align:left;
	max-width:none;
}

@media (max-width:720px){
	.ksbn-banner{margin:20px auto}
}