/** Shopify CDN: Minification failed

Line 59:14 Expected identifier but found whitespace
Line 59:16 Unexpected "{"
Line 59:25 Expected ":"
Line 59:57 Expected ":"

**/
/* ============================================
   section-brand-strip.css
   Shopify Brand Strip / Ticker Section
   Horizontal scrolling marquee with dynamic items
   Supports multiple sections on the same page
   Fully responsive with hover pause
   ============================================ */

/* Section Wrapper */
.brand-strip-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Main Brand Strip Container */
.brand-strip {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Track that contains the scrolling items */
.brand-strip-track {
  display: flex;
  white-space: nowrap;
  animation: brandStripScroll linear infinite;
  will-change: transform;
}

/* Container for each set of items */
.brand-strip-items {
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Individual text items */
.brand-strip-item {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

/* Separator/diamond between items */
.brand-strip-item::after {
  content: '✦';
  margin-left: {{ section.settings.gap_between_items }}px;
  color: inherit;
  opacity: 0.6;
}

/* Remove separator from last item in each set */
.brand-strip-items .brand-strip-item:last-child::after {
  display: none;
}

/* Pause animation on hover */
.brand-strip-wrapper:hover .brand-strip-track {
  animation-play-state: paused;
}

/* Animation keyframes */
@keyframes brandStripScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Alternate direction support */
.brand-strip-track[style*="animation-direction: reverse"] {
  animation-direction: reverse;
}

/* ========== RESPONSIVE STYLES ========== */

/* Tablet */
@media (max-width: 1024px) {
  .brand-strip {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .brand-strip-item::after {
    margin-left: 30px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .brand-strip {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .brand-strip-item {
    letter-spacing: 2px;
  }
  
  .brand-strip-item::after {
    margin-left: 20px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .brand-strip {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .brand-strip-item {
    letter-spacing: 1.5px;
  }
  
  .brand-strip-item::after {
    margin-left: 15px;
  }
}

/* Large Desktop */
@media (min-width: 1600px) {
  .brand-strip-item {
    font-size: 16px;
  }
  
  .brand-strip-item::after {
    margin-left: 50px;
  }
}

/* ========== ANIMATIONS ========== */
.brand-strip {
  animation: brandStripFadeIn 0.4s ease-out;
}

@keyframes brandStripFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .brand-strip-track {
    animation: none !important;
    transform: translateX(0) !important;
  }
  
  .brand-strip-wrapper:hover .brand-strip-track {
    animation-play-state: running;
  }
}

/* ========== PRINT STYLES ========== */
@media print {
  .brand-strip {
    background: #ccc !important;
    color: black !important;
  }
  
  .brand-strip-track {
    animation: none !important;
    transform: none !important;
    white-space: normal;
    flex-wrap: wrap;
  }
  
  .brand-strip-items {
    flex-wrap: wrap;
  }
  
  .brand-strip-item::after {
    content: ' | ';
  }
}