.clients { padding: 42px 0; background: #fff; border-bottom: 1px solid var(--line); }
.clients-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.clients-heading h2 { font-size:clamp(1.6rem,2.8vw,2.3rem); margin:0; }
.clients-window { overflow-x:auto; scrollbar-width:thin; }
.clients-track { display:flex; width:max-content; }
.clients-list { display:flex; flex-shrink:0; gap:18px; list-style:none; margin:0; padding:0 18px 6px 0; }
.client-logo { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:190px; height:142px; padding:20px; border:1px solid #e0e5e7; background:#fff; }
.client-logo img { display:block; width:150px; height:65px; object-fit:contain; }
.client-logo span { color:#58656c; font-size:12px; text-align:center; }
@media(max-width:560px) { .clients-heading { align-items:flex-start; gap:14px; } .client-logo { width:160px; } .client-logo img { width:125px; } }

.client-logo img[src$="centromet.png"] { transform: scale(1.45); }
.clients-heading { scroll-margin-top: 110px; }

.clients.is-interactive .clients-window { overflow:hidden; cursor:grab; touch-action:pan-y; user-select:none; }
.clients.is-interactive .clients-track { will-change:transform; }
.clients.is-dragging .clients-window { cursor:grabbing; }
.clients-window:focus-visible { outline:2px solid #ad482d; outline-offset:5px; }
.client-logo img { -webkit-user-drag:none; }