.brand-strip{ --gap:56px; margin:28px 0 8px; position:relative }
.brand-strip .brand-viewport{
  overflow:hidden; position:relative; padding:8px 0;
  -webkit-mask-image:linear-gradient(to right, transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
          mask-image:linear-gradient(to right, transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
}
.brand-strip .brand-track{
  display:flex; align-items:center; gap:var(--gap);
  will-change: transform; transition: transform .6s ease;
}
.brand-strip .brand-item{
  flex:0 0 auto; width:160px; height:130px;
  display:flex; align-items:center; justify-content:center;
}
.brand-strip .brand-item img{
  width:auto; height:auto; max-height:100px; display:block; object-fit:contain;
  filter:grayscale(1) contrast(.9) saturate(0);
  opacity:.45; transition:filter .25s,opacity .25s,transform .25s;
}
.brand-strip .brand-item:hover img{ filter:none; opacity:1; transform:translateY(-1px) }

/* Navigačné šípky */
.brand-strip .brand-nav{ pointer-events:none }
.brand-strip .brand-btn{
  pointer-events:auto; position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px; border:1px solid #e6e6e6; background:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  transition:box-shadow .2s, transform .2s, opacity .2s;
  opacity:.95;
}
.brand-strip .brand-btn:hover{ box-shadow:0 6px 18px rgba(0,0,0,.10); transform:translateY(-50%) scale(1.03) }
.brand-strip .brand-btn:active{ transform:translateY(-50%) scale(.98) }
.brand-strip .brand-btn svg{ width:18px; height:18px }
.brand-strip .brand-btn.prev{ left:6px }
.brand-strip .brand-btn.next{ right:6px }

/* Responsívne */
@media (max-width:992px){
  .brand-strip{ --gap:40px }
  .brand-strip .brand-item{ height:110px }
  .brand-strip .brand-item img{ max-height:90px }
}
@media (max-width:600px){
  .brand-strip{ --gap:28px }
  .brand-strip .brand-item{ height:90px }
  .brand-strip .brand-item img{ max-height:80px }
  .brand-strip .brand-btn{ width:36px; height:36px }
}
@media (prefers-reduced-motion:reduce){
  .brand-strip .brand-track{ transition: none }
  .brand-strip .brand-btn{ transition: none }
}