/* Keeps the existing .brand-strip background and @keyframes marquee animation. */
.bs-site .brand-strip .brand-track.bsit-logo-track {
  gap: 0 !important; /* item padding replaces flex gap so translateX(-50%) loops seamlessly */
  opacity: 1 !important;
  width: max-content !important;
  display: flex !important;
  align-items: center !important;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

.bs-site .brand-strip .brand-track.bsit-logo-track .bsit-loop-group {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0;
}
.bs-site .brand-strip .brand-track.bsit-logo-track .bsit-logo-item {
  box-sizing: border-box;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 54px;
  width: auto;
  min-width: 135px;
  line-height: normal;
}
.bs-site .brand-strip .brand-track.bsit-logo-track .bsit-logo-img {
  max-width: 170px;
  width: auto;
  height: 42px;
  max-height: 42px;
  display: block;
  object-fit: contain;
  object-position: center;
  opacity: .9;
  filter: none;
  transition: opacity .2s ease;
}
.bs-site .brand-strip .brand-track.bsit-logo-track .bsit-logo-item:hover .bsit-logo-img { opacity: 1; }
@media (max-width: 767px) {
 .bs-site .brand-strip .brand-track.bsit-logo-track .bsit-logo-item {padding: 0 21px;min-width: 105px;height: 47px;}
 .bs-site .brand-strip .brand-track.bsit-logo-track .bsit-logo-img {max-width: 130px;height: 34px;max-height: 34px;}
}
@media (prefers-reduced-motion: reduce) {
 .bs-site .brand-strip .brand-track.bsit-logo-track {animation: none !important;}
 .bs-site .brand-strip {overflow-x:auto;}
}