/* Plumbix note: shared visual styling for category brands. */
/* Icone identità per macro-categorie Plumbix
 * Strumenti #1a66d9 · Impianti #0d9488 · Bagno #7c3aed · Riscaldamento #eab308→#ca8a04 */
.category-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: white;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.category-brand-sm { width: 36px; height: 36px; font-size: 1rem; border-radius: 10px; }
.category-brand-md { width: 48px; height: 48px; font-size: 1.25rem; }
.category-brand-lg { width: 64px; height: 64px; font-size: 1.75rem; border-radius: 18px; }

.mega-menu-trigger .category-brand-sm { margin-right: 4px; }
.category-header-branded {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  color: white;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.category-card .category-header-branded + .subcats-list { border-top: none; }

@media (max-width: 768px) {
  .category-header-branded {
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px;
  }
  .category-brand-lg { width: 52px; height: 52px; font-size: 1.4rem; }
  .mega-menu-trigger .category-brand-sm { margin-right: 2px; }
}

@media (max-width: 480px) {
  .category-header-branded h2,
  .category-header-branded .macro-title {
    font-size: 1.05rem;
    line-height: 1.25;
  }
}