.brand-directory{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.brand-directory .brand-chip{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:225px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.brand-directory .brand-chip:hover{border-color:#8abb31;transform:translateY(-3px);box-shadow:0 12px 28px #0d0d0d14}.brand-chip-image{background:#fff;border-radius:12px;place-items:center;width:100%;height:105px;margin-bottom:11px;padding:8px;display:grid}.brand-chip-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:88px}.brand-chip-fallback{color:#67991b;background:#eff8df;border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 18px;font-size:36px;font-weight:900;display:grid}.brand-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.brand-chip p{min-height:34px;color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 2px;font-size:10px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.brand-chip small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:600;display:block}[data-theme=dark] .brand-chip-fallback{color:#b7ee52;background:#29351f}@media (max-width:1050px){.brand-directory{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-directory .brand-chip{min-height:200px;padding:11px}.brand-chip-image{height:88px}.brand-chip-image img{max-height:72px}.brand-chip p{min-height:30px;font-size:9px}}.brand-alphabet{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-wrap:wrap;gap:7px;margin-bottom:12px;padding:13px;display:flex}.brand-alphabet button{border:1px solid var(--border);background:var(--background);min-width:36px;height:36px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:850;transition:all .18s;display:grid}.brand-alphabet button:hover:not(:disabled),.brand-alphabet button.active{color:#b7ee52;background:#0d0d0d;border-color:#0d0d0d;transform:translateY(-1px)}.brand-alphabet button:disabled{opacity:.28;cursor:not-allowed}.brand-filter-summary{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.brand-filter-summary b{color:var(--foreground);font-size:14px}[data-theme=dark] .brand-alphabet button:hover:not(:disabled),[data-theme=dark] .brand-alphabet button.active{color:#0d0d0d;background:#b7ee52;border-color:#b7ee52}@media (max-width:760px){.brand-alphabet{scrollbar-width:none;flex-wrap:nowrap;padding:10px;overflow-x:auto}.brand-alphabet::-webkit-scrollbar{display:none}.brand-alphabet button{flex:none;min-width:34px;height:34px}.brand-filter-summary{margin-top:2px}}