/* Brand directory page only. */
.categories .section-title { margin-bottom: var(--space-3); font-size: var(--step-1); }

#customer-grid { content-visibility: auto; contain-intrinsic-size: auto var(--card-height); }

.grid-section > .empty-state { margin-top: var(--space-4); }

.header-row-search .input { padding-right: var(--space-8); }

.hero-line {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: var(--space-5) var(--space-4) 0;
  color: var(--text-muted);
  font-size: var(--step-1);
  max-width: 60ch;
}