/* KBS Logo Marquee — seamless infinite logo strip */
.kbs-marquee {
	--kbs-marq-dur: 40s;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* full-bleed: container disina tas, tum viewport'u kapla */
.kbs-marq-bleed-yes .kbs-marquee {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.kbs-marq-track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: kbs-marq-slide var(--kbs-marq-dur) linear infinite;
}

.kbs-marq-set {
	display: flex;
	flex: 0 0 auto;
}

@keyframes kbs-marq-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.kbs-marq-pause-yes .kbs-marquee:hover .kbs-marq-track {
	animation-play-state: paused;
}

.kbs-marq-tile {
	width: 214px;
	height: 175px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
}

.kbs-marq-tile img {
	max-width: 80%;
	max-height: 62%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* Erisilebilirlik: animasyon istemeyenlerde sabit dursun */
@media (prefers-reduced-motion: reduce) {
	.kbs-marq-track {
		animation: none;
	}
}

/* --- Statik grid modu: fig'deki dama desenli logo karolari --- */
.kbs-marq--grid {
	overflow: visible;
}

.kbs-marq-gridwrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 42px;
	column-gap: 0;
	max-width: 1284px;
	margin: 0 auto;
}

.kbs-marq--grid .kbs-marq-tile {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.kbs-marq--grid .kbs-marq-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(30, 27, 22, 0.12);
	z-index: 2;
}

@media (max-width: 767px) {
	.kbs-marq-gridwrap {
		row-gap: 14px;
	}

	.kbs-marq--grid .kbs-marq-tile {
		width: 50% !important;
		height: 110px !important;
	}
}