/* ===== BRANDS STRIP ===== */
.brand-strip{ padding: 18px 0 26px; }
.brand-title{ font-weight: 900; margin: 0 0 10px; }

.brand-marquee{
  background:#fff;
  border:1px solid #e6eaf2;
  border-radius:16px;
  padding:12px;
  overflow:hidden;
}

.brand-track{
  display:flex;
  align-items:center;
  gap:14px;
  width: max-content;
  will-change: transform;
  animation: brand-marquee 22s linear infinite;
}

.brand-marquee:hover .brand-track{ animation-play-state: paused; }

/* -50% radi jer je lista duplirana */
@keyframes brand-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

.brand-item{
  flex:0 0 auto;
  width:120px;
  height:54px;
  background:#fff;
  border:1px solid #e6eaf2;
  border-radius:12px;
  display:grid;
  place-items:center;
  padding:8px 10px;
}
.brand-item img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}