/** Shopify CDN: Minification failed

Line 20:14 Expected identifier but found whitespace
Line 20:16 Unexpected "{"
Line 20:25 Expected ":"
Line 20:65 Expected ":"
Line 21:17 Expected identifier but found whitespace
Line 21:19 Unexpected "{"
Line 21:28 Expected ":"
Line 21:71 Expected ":"

**/
/* =============================================
   Social Proof Marquee — Impulse 5.2.1 Compatible
   File: assets/social-proof-marquee.css
   ============================================= */

.social-proof-marquee {
  background-color: var(--bg-color, #0a0a0a);
  padding-top: {{ section.settings.padding_top | default: 60 }}px;
  padding-bottom: {{ section.settings.padding_bottom | default: 60 }}px;
  overflow: hidden;
  width: 100%;
}

/* ---- Header ---- */
.spm-header {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 20px;
}

.spm-title {
  font-family: var(--font-heading-family, inherit);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: var(--font-heading-weight, 700);
  color: var(--title-color, #ffffff);
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.spm-subtitle {
  font-family: var(--font-body-family, inherit);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--accent-color, #c8a96e);
  margin: 0;
  opacity: 0.85;
  letter-spacing: 0.03em;
}

/* ---- Track Wrapper ---- */
.spm-track-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap, 16px);
  width: 100%;
}

/* ---- Single Track ---- */
.spm-track {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
}

.spm-track-inner {
  display: flex;
  gap: var(--gap, 16px);
  width: max-content;
  will-change: transform;
}

/* LTR animation */
.spm-track--ltr {
  animation: spm-scroll-ltr var(--speed, 30s) linear infinite;
}

/* RTL animation */
.spm-track--rtl {
  animation: spm-scroll-rtl var(--speed, 30s) linear infinite;
}

/* Pause on hover */
.pause-on-hover .spm-track:hover .spm-track-inner {
  animation-play-state: paused;
}

/* ---- Item ---- */
.spm-item {
  flex-shrink: 0;
  line-height: 0;
}

.spm-image-wrap {
  border-radius: var(--border-radius, 12px);
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.35),
    0 1px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
  position: relative;
}

.spm-image-wrap:hover {
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.5),
    0 0 0 1.5px var(--accent-color, #c8a96e);
  transform: translateY(-3px) scale(1.015);
  border-color: var(--accent-color, #c8a96e);
}

.spm-img {
  display: block;
  height: var(--image-height, 260px);
  width: auto;
  max-width: none;
  object-fit: cover;
  border-radius: var(--border-radius, 12px);
}

/* ---- Keyframes ---- */
@keyframes spm-scroll-ltr {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes spm-scroll-rtl {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .spm-track--ltr,
  .spm-track--rtl {
    animation: none;
  }
  .spm-track-inner {
    flex-wrap: wrap;
    width: 100%;
  }
  .spm-img {
    height: auto;
    max-height: var(--image-height, 260px);
  }
}

/* ---- Mobile ---- */
@media (max-width: 749px) {
  .spm-title {
    font-size: 1.4rem;
  }
  .spm-img {
    height: calc(var(--image-height, 260px) * 0.75);
  }
}