/* WooCommerce CS2 Sales Ticker — v3 */
.cs2-theme-dark {
  --panel: #131126;
  --text: #f3efff;
  --muted: #9aa0b4;
  --scroll-duration: 28s;
  color: var(--text);
  background: #131217;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 6px 24px rgba(0,0,0,.45);
}

.cs2-ticker__header{ margin-bottom:10px; }
.cs2-ticker .title{ margin:0; font-size: clamp(16px,2vw,20px); letter-spacing:.1em; text-transform: uppercase; }

.cs2-ticker__scroller{ overflow:hidden; }
.cs2-ticker .track{
  display:flex;
  gap:16px;
  padding: 4px 2px 6px;
  will-change: transform;
  animation: scroll var(--scroll-duration) linear infinite;
}
.cs2-ticker .track.updating{ animation: none !important; } /* freeze while updating to avoid jitter */
.cs2-ticker .track:hover{ animation-play-state: paused; }
@keyframes scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

.card{
  width: 260px;
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid #1f1b33;
  position: relative;
}
.card .top{ display:flex; justify-content:flex-end; align-items:center; padding:10px 12px 0 12px; font-size:12px; color:#cdd3ee; }
.card .ago{ opacity:.85; }
.card .img{ height: 140px; display:flex; align-items:center; justify-content:center; overflow:hidden; background: radial-gradient(ellipse at 50% 10%, #1a1830, #0f0e1f); }
.card .img img{ max-height: 140px; width:auto; transform: translateY(4px); filter: drop-shadow(0 6px 18px rgba(0,0,0,.6)); }
.card .meta{ padding: 8px 12px 12px; }
.card .meta .title{ font-weight:800; font-size:13px; }
.card .meta .sub{ color:#9aa0b4; font-size:12px; }
.card .bar{ height:4px; background: linear-gradient(90deg, var(--accent-from,#7c3aed), var(--accent-to,#a855f7)); border-radius:0 0 12px 12px; }