.bs-brands{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:48em){.bs-brands{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(min-width:64em){.bs-brands{grid-template-columns:repeat(4,1fr)}}.bs-brand-tile{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);min-height:72px;background:var(--color-bg-card);border:var(--border-surface) solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease),border-color var(--duration-fast) var(--ease)}.bs-brand-tile__body{display:flex;flex-direction:column;gap:2px;min-width:0}.bs-brand-tile__name{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}.bs-brand-tile__count{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:1.3}.bs-brand-tile__chevron{flex-shrink:0;display:flex;align-items:center;color:var(--color-text-accent);transition:transform var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.bs-brand-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong)}.bs-brand-tile:hover .bs-brand-tile__chevron{transform:translate(2px)}}.bs-brand-tile--all{justify-content:center;border-style:dashed;border-width:var(--border-control);border-color:var(--color-border-input);background:none}.bs-brand-tile__all{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center}@media(hover:hover)and (pointer:fine){.bs-brand-tile--all:hover{border-color:var(--color-border-strong)}}@media(prefers-reduced-motion:reduce){.bs-brand-tile:hover,.bs-brand-tile:hover .bs-brand-tile__chevron{transform:none}}.brands-page{padding:0 0 var(--section-padding-v)}.brands-page__intro{margin-bottom:var(--space-6)}.brands-page__count{margin:0 0 var(--space-4);font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-muted)}.brands-page__empty{margin:0;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}