.section-clients {
  padding: 2rem 0;
  overflow-x: hidden;
  overflow-y: visible; 
  position: relative;
  background: white;
}

/* viewport masque l’excès */
.clients-viewport {
  overflow-x: hidden;
  display: flex;
  align-items: center; /* centre vertical */
}

/* piste inline */
.clients-track {
  display: flex;
  align-items: center;
  height: 200px;
}

/* boîte de chaque logo : dimensions fixes */
.client-wrapper {
  flex: 0 0 auto;
  height: 150px;    /* hauteur de la boîte */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}

/* img responsive à l’intérieur */
.client-logo {
  max-width: 100%;
  max-height: 100%;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  cursor: pointer;

}

/* état hover */
.client-logo:hover {
  filter: none;
  opacity: 1;
  transform: scale(1.1);
}