/* ============================================================
   Social Proof — "X people said this hit"
   ============================================================ */

.social-proof {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.social-proof__count {
  font-weight: var(--weight-semibold);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

.social-proof__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--border-default);
}

.social-proof__bar {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex: 1;
}

.social-proof__bar-fill {
  height: 3px;
  border-radius: var(--radius-full);
  background-color: var(--color-success);
  transition: width var(--duration-normal) var(--ease-out);
}

.social-proof__bar-track {
  flex: 1;
  height: 3px;
  border-radius: var(--radius-full);
  background-color: var(--border-subtle);
  overflow: hidden;
}