.brands-index-page{min-height:60vh}.brands-index-page .brands-index-header{margin:1.5rem 0 2rem;text-align:center}.brands-index-page .brands-index-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.brands-index-page .brands-index-subtitle{color:var(--text-muted);margin-bottom:1.5rem}.brands-index-page .brands-search{margin:0 auto;max-width:480px;position:relative}.brands-index-page .brands-search-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.brands-index-page .brands-search-input{background:#fff;border:1px solid var(--border-medium);border-radius:999px;font-size:1rem;outline:none;padding:.7rem 2.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.brands-index-page .brands-search-input:focus{border-color:var(--bs-primary,var(--color-primary));box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}.brands-index-page .brands-search-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.brands-index-page .brands-empty{color:var(--text-muted);padding:3rem 1rem;text-align:center}.brands-index-page .brands-empty i{display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.brands-index-page .brands-alphabet-nav{background:var(--bg-secondary);border-radius:12px;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem;position:sticky;top:0;z-index:5}.brands-index-page .brands-letter-link{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--bs-primary,var(--color-primary));cursor:pointer;font-size:.95rem;font-weight:600;padding:.25rem .6rem;transition:all .2s ease}.brands-index-page .brands-letter-link:hover{background:var(--bs-primary,var(--color-primary));color:#fff}.brands-index-page .brands-letter-group{margin-bottom:2rem;scroll-margin-top:80px}.brands-index-page .brands-letter-heading{border-bottom:2px solid var(--bs-primary,var(--color-primary));display:inline-block;font-size:1.4rem;font-weight:700;margin:1.25rem 0 .75rem;padding-bottom:.5rem}.brands-index-page .brands-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0}.brands-index-page .brand-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;color:inherit;display:flex;gap:.85rem;padding:.85rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.brands-index-page .brand-card:hover{border-color:var(--bs-primary,var(--color-primary));box-shadow:0 6px 18px #0000000f;transform:translateY(-2px)}.brands-index-page .brand-card-media{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.brands-index-page .brand-card-media img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.brands-index-page .brand-card-letter{color:var(--bs-primary,var(--color-primary));font-size:1.6rem;font-weight:700}.brands-index-page .brand-card-body{display:flex;flex-direction:column;min-width:0}.brands-index-page .brand-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brands-index-page .brand-card-count{color:var(--text-muted);font-size:.85rem}