:root{--bc-gap:16px}
.brand-carousel{position:relative;overflow:hidden;--bc-visible:4}
.brand-carousel .bc-track{display:flex;gap:var(--bc-gap);transition:transform .3s ease;touch-action:pan-y}
.brand-carousel .bc-track.bc-shift{will-change:transform}
.brand-carousel .bc-track.bc-drag{transition:none}
.brand-carousel .bc-item{flex:0 0 calc((100% - (var(--bc-gap) * (var(--bc-visible) - 1))) / var(--bc-visible)); display:flex;align-items:center;justify-content:center}
.brand-carousel .bc-item img{max-width:100%;max-height:80px;object-fit:contain;filter:grayscale(100%) contrast(1.05) brightness(.95);transition:filter .2s ease}
.brand-carousel[data-grayscale="false"] .bc-item img{filter:none}
.brand-carousel .bc-item img:hover, .brand-carousel .bc-item img:focus{filter:none}