.plc-wrapper {
	--plc-gap: 2rem;
	--plc-item-height: 164px;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0;
}

.plc-wrapper::before,
.plc-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	width: 50px;  /* largeur de la zone floue */
	height: 100%;
	pointer-events: none; /* ne bloque pas les clics */
	z-index: 2;
}

.plc-wrapper::before {
	left: 0;
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

.plc-wrapper::after {
	right: 0;
	background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

.plc-track {
	display: flex;
	align-items: center;
	gap: var(--plc-gap);
	will-change: transform;
}

.plc-item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--plc-item-height);
	opacity: 0.95;
}

.plc-item img {
	max-height: 100%;
	width: 380px;
	object-fit: contain;
	display: block;
	pointer-events: none;
}

@media (max-width: 1990px) {
	.plc-item img {
		width: 180px;
	}
	
	.plc-wrapper{
		--plc-item-height: 64px;
	}
}
  
@media (max-width: 600px) {
	.plc-wrapper { --plc-item-height: 44px; --plc-gap: 1rem; }
	.plc-item img { width: 120px; }
}

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