/* HCT CLIENT04 CATEGORY — BRAND (dải logo thương hiệu, tối giản, mờ-sáng khi hover giống category-product brand strip) */
.hctclient04-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.hctclient04-brand-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;text-align:center}
.hctclient04-brand-card__media{display:flex;align-items:center;justify-content:center;width:100%;height:96px}
.hctclient04-brand-card__media img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:.18s ease}
.hctclient04-brand-card:hover .hctclient04-brand-card__media img{filter:grayscale(0);opacity:1}
.hctclient04-brand-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;font-weight:700;color:var(--hctclient04-muted,#5b5b5b)}
.hctclient04-brand-card__name{margin:0;font-size:.92rem}
.hctclient04-brand-card__name a{color:var(--hctclient04-text,#1a1a1a);text-decoration:none}
.hctclient04-brand-card__name a:hover{color: var(--hctclient04-color-secondary)}

@media(max-width:1200px){.hctclient04-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.hctclient04-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.hctclient04-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}