.ls-strip {
	--ls-bg: #000;
	--ls-pad: 64px;
	--ls-height: 80px;
	--ls-gap: 88px;
	--ls-opacity: .5;
	--ls-opacity-hover: 1;
	--ls-scale-hover: 1.4;

	position: relative;
	width: 100%;
	overflow: hidden;
	background: var(--ls-bg);
	padding: var(--ls-pad) 0;
	box-sizing: border-box;
}

/* Sayfanın tamamını kapla */
.ls-strip.ls-full {
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	margin-left: -50vw;
}

.ls-strip.ls-fade {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.ls-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: ls-scroll var(--ls-duration, 60s) linear infinite;
	will-change: transform;
}

.ls-strip.ls-reverse .ls-track { animation-direction: reverse; }
.ls-strip.ls-pause:hover .ls-track { animation-play-state: paused; }

/* Her logo kutusu */
.ls-strip .ls-item {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0 var(--ls-gap) 0 0;
	opacity: var(--ls-opacity);
	transform-origin: center center;
	transition: opacity .35s ease, transform .35s ease;
	cursor: default;
	text-decoration: none;
	user-select: none;
	-webkit-user-drag: none;
}

.ls-strip .ls-item.ls-link { cursor: pointer; }

.ls-strip .ls-item:hover,
.ls-strip .ls-item:focus-visible {
	opacity: var(--ls-opacity-hover);
	transform: scale(var(--ls-scale-hover));
	z-index: 2;
	outline: none;
}

.ls-strip .ls-logo {
	display: block;
	height: var(--ls-height);
	width: auto;
	max-width: none;
	object-fit: contain;
	-webkit-user-drag: none;
	user-select: none;
}

@keyframes ls-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.ls-track { animation: none; }
}