.vn-cat-logos-section{
	width:100%;
	/* Allinea la sezione alla stessa colonna “stretta” del form (≈600px) */
	max-width:min(640px, 100vw);
	/* Spaziatura simmetrica rispetto alle sezioni sopra/sotto */
	margin:56px auto 56px;
	padding:0 16px;
	text-align:center;
	box-sizing:border-box;
	/* Evita overflow orizzontale della PAGINA (mobile) */
	overflow-x:hidden;
	contain: paint;
}
.vn-cat-logos-title{
	margin:0 0 14px;
	font-size:clamp(1.1rem,2.4vw + .7rem,1.75rem);
	line-height:1.2;
	font-weight:800;
	letter-spacing:-.2px;
	color:#111;
}
/* Track (vanilla horizontal scroller) */
.vn-logos-track{
	width:100%;
	max-width:100%;
	overflow-x:hidden; /* Cambiato da auto a hidden per usare transform */
	overflow-y:hidden;
	overscroll-behavior-x:contain;
	scroll-snap-type:none;
	scrollbar-width:none; /* Firefox */
	padding:10px 0 6px;
	box-sizing:border-box;
	touch-action: pan-x;
	cursor: grab;
	user-select: none;
	position:relative; /* Per il contenimento */
}
.vn-logos-track::-webkit-scrollbar{display:none;}

.vn-logos-row{
	display:flex;
	align-items:center;
	gap:18px;
	width:max-content;
	padding:4px 2px;
	will-change:transform; /* Ottimizzazione GPU */
}

/* Se NON c'è overflow, centra i loghi nella stessa colonna del form */
.vn-logos-track:not(.vn-logos-has-overflow) .vn-logos-row{
	width:100%;
	justify-content:center;
}

.vn-logo{
	flex:0 0 auto;
	scroll-snap-align:start;
	display:flex;
	align-items:center;
	justify-content:center;
	width:96px;
	height:56px;
}

.vn-logo img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	display:block;
	object-fit:contain;
	/* filter:grayscale(100%);
	opacity:.9; */
	transition:filter .2s ease,opacity .2s ease,transform .2s ease;
}
.vn-logo:hover img{filter:none;opacity:1;transform:translateY(-1px);}

@media(min-width:768px){.vn-logo{width:120px;height:64px;}}

/* Quando parte l'auto-scroll, usa transform invece di scrollLeft */
.vn-logos-track.vn-logos-auto{
	overflow-x:hidden; /* Nascondi scrollbar quando in auto-scroll */
}

.vn-logos-track.vn-logos-auto .vn-logos-row{
	transition:none; /* Rimuovi transizioni per animazione fluida */
}

.vn-logos-track.vn-logos-dragging{
	cursor: grabbing;
}

@media(max-width:767px){
	.vn-cat-logos-section{
		margin:44px auto 44px;
	}
}