*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;background:#FDFAF4;color:#1C1C1E}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.search-wrap{display:flex;align-items:center;gap:8px;background:#F5F0E8;border:1px solid #E5DDD0;border-radius:100px;padding:8px 16px;flex:1;min-width:200px}
.search-wrap input{border:none;background:none;font-family:inherit;font-size:13px;color:#1C1C1E;outline:none;width:100%}
.search-wrap input::placeholder{color:#C4B8A8}
.sort-select{background:#F5F0E8;border:1px solid #E5DDD0;border-radius:100px;padding:8px 20px 8px 14px;font-family:inherit;font-size:13px;color:#6B6560;outline:none;appearance:none;cursor:pointer}
.alpha-bar{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:28px}
.alpha-btn{width:28px;height:28px;border-radius:6px;border:none;background:none;font-size:12px;font-weight:500;color:#6B6560;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}
.alpha-btn:hover{background:#E5DDD0;color:#1C1C1E}
.alpha-btn.active{background:#1C1C1E;color:#F5F0E8}
.alpha-btn.all{width:auto;padding:0 10px;letter-spacing:.06em;font-size:11px}
.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.brand-card{position:relative;border-radius:12px;overflow:hidden;border:0.5px solid rgba(0,0,0,0.1);background:#fff;cursor:pointer;transition:transform .2s}
.brand-card:hover{transform:translateY(-2px)}
.brand-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#F5F0E8;transition:transform .4s}
.brand-card:hover .brand-img{transform:scale(1.05)}
.brand-img-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#F5F0E8;font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:#C4B8A8;letter-spacing:.08em}
.brand-overlay{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(to top,rgba(0,0,0,.68) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.brand-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:600;color:#fff;line-height:1.2}
.brand-count{font-size:10px;color:rgba(255,255,255,.6);letter-spacing:.06em;margin-top:2px}
.brand-arrow{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);border:0.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#6B6560;font-size:14px}
.results-label{font-size:12px;color:#6B6560;letter-spacing:.04em;margin-bottom:20px}