.wat-sale-banner{
  width: 100%;
  background: var(--wat-sale-bg, #111);
  color: var(--wat-sale-fg, #fff);
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.wat-sale-inner{ width: 100%; padding: 10px 0; }

.wat-sale-marquee{ width: 100%; overflow: hidden; }

.wat-sale-track{
  display: flex;
  align-items: center;
  gap: 18px;
  width: max-content;
  will-change: transform;
  animation: wat-sale-marquee var(--wat-sale-speed, 28s) linear infinite;
  padding-left: 18px;
  white-space: nowrap;
}

.wat-sale-track--single{
  animation: none !important;
  transform: none !important;
}

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

.wat-sale-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  opacity: 0.95;
}

.wat-sale-item:hover{ opacity: 1; text-decoration: underline; }

.wat-sale-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
  font-weight: 700;
  font-size: 12px;
}

.wat-sale-title{ font-weight: 600; }

.wat-sale-price{ opacity: 0.9; font-weight: 700; }

.wat-sale-sep{ opacity: 0.5; }

/* Pause on hover */
.wat-sale-banner:hover .wat-sale-track{
  animation-play-state: paused;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .wat-sale-track{ animation: none; transform: none; }
}