.client-showcase { overflow: hidden; }
.client-showcase-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; align-items: center; gap: clamp(10px, 2vw, 24px); max-width: 1440px; margin: 0 auto; }
.client-showcase-arrow { display: grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 1px solid rgba(107,220,215,.72); border-radius: 50%; background: rgba(5,34,43,.82); color: #b9f5ee; font-size: 24px; line-height: 1; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.client-showcase-arrow:hover, .client-showcase-arrow:focus-visible { border-color: #59e1d9; background: #20b7af; color: #08252e; }
.client-showcase-viewport { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; outline-offset: 4px; }
.client-showcase-viewport::-webkit-scrollbar { display: none; }
.client-showcase-track, .client-showcase-set { display: flex; align-items: center; gap: 16px; width: max-content; }
.client-showcase-track { padding: 8px 0; }
.client-showcase-card { display: flex; align-items: center; justify-content: center; flex: 0 0 210px; width: 210px; height: 132px; box-sizing: border-box; padding: 18px; overflow: hidden; border: 1px solid rgba(198,240,236,.3); border-radius: 18px; background: rgba(185,224,221,.14); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.client-showcase-card img { display: block; flex: 0 0 auto; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; }
@media (max-width: 700px) {
 .client-showcase-row { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 6px; }
 .client-showcase-arrow { width: 36px; height: 36px; font-size: 14px; }
 .client-showcase-set, .client-showcase-track { gap: 10px; }
 .client-showcase-card { flex-basis: 148px; width: 148px; height: 100px; padding: 12px; border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) { .client-showcase-arrow { transition: none; } }