.brands-page{min-height:60vh;padding-top:40px;padding-bottom:80px}.brands-header{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}@media (min-width:768px){.brands-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:700}.brands-search-container{width:100%;max-width:300px;position:relative}.brands-search-input{letter-spacing:.05em;color:#333;background-color:#0000;border:1px solid #e5e5e5;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.brands-search-input:focus{border-color:#000}.brands-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:768px){.brands-grid{grid-template-columns:repeat(4,1fr)}}.brand-card{color:#000;background-color:#f9f9f9;border:1px solid #0000;justify-content:center;align-items:center;min-height:120px;padding:20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.brand-card:hover{background-color:#f0f0f0;border-color:#000}.brand-name{letter-spacing:.1em;text-transform:uppercase;z-index:2;text-align:center;font-size:1.1rem;font-weight:600}.loading-state,.empty-state{text-align:center;color:#666;grid-column:1/-1;padding:60px 0;font-size:1rem}.clear-search-btn{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-bottom:1px solid #000;margin-top:15px;padding-bottom:2px;font-size:.85rem}.clear-search-btn:hover{opacity:.7}