Lista de Categorias com Banners

[manuel (Manuel Kostka)]

Sim, claro, você pode estilizar os banners usando estas classes:

@manuel

Para adicionar estilos, você pode selecionar a classe geral, bem como banners específicos por category-id:

.category list .category-list-banner {
  &.category-5 { [estilizar um banner específico] }
  &:after { [estilizar os cabeçalhos]}
}

Se você quiser sobrescrever declarações existentes na classe geral, você precisará usar a propriedade !important. Por exemplo, para os estilos que você mencionou:

.category-list .category-list-banner {
    justify-content: flex-start !important;
    min-height: unset !important;
    &:after {
        font-size: var(--font-up-3) !important;
    }
}

Isso ocorre porque os estilos são realmente declarados nos banners específicos. Acho que poderia melhorar isso no componente, mas por enquanto você precisaria sobrescrever com important.