.slider-loghi-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
	background-color: #ffffff;
}

.slider-loghi-container {
	width: 100%;
	display: flex;
	overflow: hidden;
	user-select: none;
}

.slider-loghi-track {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	will-change: transform;
}

.slider-logo-item {
	flex-shrink: 0;
	padding: 0 20px;
}

.slider-logo-item img {
	max-height: 145px;
	width: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.6;
	transition:
		opacity 0.3s ease,
		filter 0.3s ease;
}

.slider-logo-item img:hover {
	filter: grayscale(0%);
	opacity: 1;
}

/* Sfumatura ai bordi (Fade effect ai lati) */
.slider-loghi-fade {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 400px;
	max-width: 400px;
	z-index: 2;
	pointer-events: none;
}

.slider-loghi-fade-left {
	left: 0;
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 20%,
		rgba(255, 255, 255, 0) 100%
	);
}

.slider-loghi-fade-right {
	right: 0;
	background: linear-gradient(
		to left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 20%,
		rgba(255, 255, 255, 0) 100%
	);
}

@media (max-width: 849px) {
	.slider-loghi-fade {
		width: 300px;
		max-width: 300px;
	}
}
@media (max-width: 768px) {
	.slider-loghi-fade {
		width: 200px;
		max-width: 200px;
	}
}
@media (max-width: 549px) {
	.slider-loghi-fade {
		width: 100px;
		max-width: 100px;
	}
}