.brands-page.svelte-97e4ia{padding:4rem 0}.brands-page.svelte-97e4ia h1:where(.svelte-97e4ia){font-size:32px;margin-bottom:2rem}.alphabet-nav.svelte-97e4ia{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;background:#fbfbfb;padding:1.5rem;border-radius:8px}.alphabet-nav.svelte-97e4ia a:where(.svelte-97e4ia){width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--primary);border:1px solid #eee;border-radius:4px;transition:var(--transition)}.alphabet-nav.svelte-97e4ia a:where(.svelte-97e4ia):hover{background:var(--primary);color:#fff;border-color:var(--primary)}.brands-grid.svelte-97e4ia{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.brand-item.svelte-97e4ia{padding:1.5rem;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.brand-item.svelte-97e4ia:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.brand-item.svelte-97e4ia .name:where(.svelte-97e4ia){font-weight:700;color:#333}.brand-item.svelte-97e4ia .count:where(.svelte-97e4ia){font-size:13px;color:var(--text-muted)}