/* Styles extracted from all_brand.blade.php */
.brands-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; }
.brand-card { display:flex; align-items:center; justify-content:center; padding:1rem; background:#fff; border: 1px solid #e5e7eb; border-radius:8px; }
.brand-card img { max-width: 100%; max-height: 60px; object-fit:contain; }
.brand-title { font-size: 0.95rem; font-weight:600; color:#111827; margin-top:0.5rem; text-align:center; }
.brand-filter { display:flex; gap:0.5rem; align-items:center; margin-bottom:1rem; }
.brand-search { flex:1; padding:0.5rem; border:1px solid #e5e7eb; border-radius:6px; }
.brand-alpha { display:flex; gap:0.5rem; flex-wrap:wrap; }
.alpha-item { padding:0.5rem 0.75rem; background:#f3f4f6; border-radius:6px; cursor:pointer; }
.alpha-item:hover { background:var(--primary); color:white; }
@media (max-width:768px) { .brands-grid { grid-template-columns: repeat(2,1fr); } }