/* ═══════════════════════════════════════
   KORISHA — content-brands.css
   ═══════════════════════════════════════ */

.cat-title{font-size:26px;font-weight:700;color:var(--k-dark);margin:0 0 20px;}

.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.brand-card{display:flex;align-items:center;justify-content:center;height:100px;background:var(--k-white);border:1px solid var(--k-border);border-radius:var(--k-radius);padding:16px;transition:all var(--k-transition);text-decoration:none;}
.brand-card:hover{border-color:var(--k-primary);box-shadow:var(--k-shadow);transform:translateY(-2px);}
.brand-logo{max-height:56px;max-width:120px;object-fit:contain;filter:grayscale(100%) opacity(0.6);transition:filter var(--k-transition);}
.brand-card:hover .brand-logo{filter:grayscale(0%) opacity(1);}
.brand-text{font-size:16px;font-weight:600;color:var(--k-text-light);text-align:center;transition:color var(--k-transition);}
.brand-card:hover .brand-text{color:var(--k-dark);}

@media(max-width:576px){
  .brands-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;}
  .brand-card{height:80px;padding:12px;}
  .brand-logo{max-height:40px;}
  .brand-text{font-size:14px;}
}