html, body { max-width: 100%; overflow-x: hidden; touch-action: pan-y; } * { touch-action: manipulation; }
/* === Carousel de logos infini sans débordement === */
.logo-carousel-wrapper {
overflow-x: hidden;
width: 100%;
position: relative;
}
.logo-carousel {
display: flex;
animation: scroll-logos 20s linear infinite;
white-space: nowrap;
will-change: transform;
}
.logo-carousel img {
max-height: 60px;
margin: 0 20px;
flex-shrink: 0;
}
@keyframes scroll-logos {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}