/** Shopify CDN: Minification failed

Line 62:0 Unexpected "{"
Line 62:1 Expected identifier but found "%"
Line 66:0 Unexpected "{"
Line 66:1 Expected identifier but found "%"

**/
.logo-carousel-section {
  overflow: hidden;
  padding: var(--section-padding-y) 0;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll var(--duration) linear infinite;
}

.logo-slide {
  display: flex;
  align-items: center;
  gap: var(--gap-desktop);
  flex-shrink: 0;
}

.logo-item {
  flex: 0 0 auto;
  height: var(--height-desktop);
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: var(--opacity-desktop);
  filter: var(--filter-desktop);
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.logo-item:hover .logo-img {
  filter: none !important;
  opacity: 1 !important;
}

.logo-placeholder {
  width: 140px;
  height: 60px;
  background: #f5f5f5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 0.9rem;
}

{% if section.settings.pause_on_hover %}
  .logo-carousel-section:hover .logo-track {
    animation-play-state: paused;
  }
{% endif %}

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ─── Mobile ─────────────────────────────────────── */
@media (max-width: 749px) {
  .logo-slide {
    gap: var(--gap-mobile);
  }

  .logo-item {
    height: var(--height-mobile);
    width: 180px;
  }

  .logo-img {
    opacity: var(--opacity-mobile);
    filter: var(--filter-mobile);
  }
}