Lista de categorías con banners

[manuel (Manuel Kostka)]

Claro, puedes estilizar los banners usando estas clases:

@manuel

Para añadir estilos puedes seleccionar la clase general, así como banners específicos por category-id:

.category list .category-list-banner {
  &.category-5 { [estilo un banner específico] }
  &:after { [estilo los encabezados]}
}

Si quieres sobrescribir declaraciones existentes en la clase general, necesitarás usar la propiedad !important. Por ejemplo, para los estilos que mencionaste:

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

Eso es porque los estilos se declaran realmente en los banners específicos. Supongo que podría mejorar eso en el componente, pero por ahora necesitarías sobrescribir con important.