/* ========== Badge ========== */
/* ========== Badge ========== */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-secondary {
  background: var(--muted);
  color: var(--foreground);
}
.badge-product {
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: var(--radius);
  font-size: 0.6875rem;
}