/* Layout overrides only, loaded after style.css. Brand colors live in
   style.css's own :root — not redefined here, so the brand palette set
   there is the one that actually renders. */

/* Grouped-row variant for providers/payments (label + flex-wrap row) */
.providers-row-group {
  margin-bottom: 20px;
}
.providers-row-group:last-child {
  margin-bottom: 0;
}
.providers-row-group__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.providers-row,
.payments-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}