Включение баннеров категорий приводит к дублированию иконок категорий

[Canapin (Coin-coin le Canapin)]

Я не очень хорошо разбираюсь в сеточной верстке. Тем не менее…

Если вы вообще не отображаете описания категорий, вы можете заменить

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

на

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

Исходная разметка делит контейнер на 4 ячейки, из-за чего заголовок смещается:

Удаление области “logo description” оставляет только 2 ячейки:

Это позволяет выровнять заголовок по вертикали, заменив:

.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

на

.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}