/* Сетка, а не flex с переносом: карточки ряда одной высоты, неполный последний ряд стоит слева, а не по центру */article#catalogOnPage {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));padding:0 var(--gutter) 2em;width:100%;gap:2em;text-align:center;}article#catalogOnPage > aside {grid-column:1 / -1;margin-inline:calc(var(--gutter) * -1);text-align:left;}article#catalogOnPage > .catalogEmpty {grid-column:1 / -1;}article#catalogOnPage .categoryItem {display:flex;text-align:left;margin:0;width:auto;min-width:0;}

    @media screen and (max-width: 1100px) {article#catalogOnPage {padding:0 1em 2em;}article#catalogOnPage {grid-template-columns:repeat(2, minmax(0, 1fr));}
    }

    @media screen and (max-width: 640px) {article#catalogOnPage {grid-template-columns:minmax(0, 1fr);}
    }