.murphy-shop-logos {
  padding: 40px 0;
  background-color: #ffffff;
}

.murphy-shop-logos-rows {
  width: 100%;
  margin: 0 auto;
}

.murphy-shop-logos-row {
  overflow: hidden;
  margin-top: 0;
  width: 100%;
}

.murphy-shop-logos-track {
  display: flex;
  align-items: center;
  gap: 0; /* spacing controlled by .murphy-shop-logo margin for consistency */
  animation-name: murphy-shop-logos-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.murphy-shop-logo {
  padding: var(--murphy-shop-logo-padding, 4px 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C9D1D7;
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 0; /* items touch each other */
  width: var(--murphy-shop-logo-width, 140px);
  height: var(--murphy-shop-logo-height, 100px);
  flex: 0 0 auto;
}

/* Adjacent logo boxes share the same border line (no double-width borders between items) */
.murphy-shop-logo + .murphy-shop-logo {
  border-left-width: 0;
}

/* Row 2 shares the horizontal border line with row 1 (no double border between rows) */
.murphy-shop-logos-row-2 .murphy-shop-logo {
  border-top-width: 0;
}

.murphy-shop-logo img {
  width: var(--murphy-shop-image-size, 100px);
  height: var(--murphy-shop-image-size, 100px);
  object-fit: contain;
  display: block;
}

@keyframes murphy-shop-logos-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}