LESS:

• Никогда не добавляем "от себя" переменные в файл цветосхемы. В противном случае при переключении темы сломается сайт. Новые переменные добавляем в своём файле стилей.
• Стараемся не дублировать стили. Если мы оформляем сетку товаров и размер текста у цены одинаковый и в блоках и в категориях, то нужно найти общий класс родительский и задать размер сразу и там и там.
• Никогда не оформляем стилями ширину у элементов скроллера. Их считает скрипт.
• Зашивать статическую ширину — очень плохо. Не надо так. Применимо только для всяких кнопочек, выезжающих панелек и тп. Лучше манипулировать шириной через flex или grid.

В общем о вёрстке:

• Нельзя оформлять стилями классы начинающиеся на cm-. Это функциональные классы (то есть на классы cm- мы вешаем скрипты. Оформляем мы либо свои кастомные классы либо классы ty-. Исключением являются только случаи когда мы не можем навесить свой класс и ty- классов на элементе нет.
• Все классы в платформе обычно имеют логические названия. Если на родительском элементе есть класс .b-top (т.е. border-top). То не нужно от этого класса строить оформление списка товаров. Где-то там, вероятно будет что-то в духе .ty-grid-list или .ty-compact-list.
• Никогда никакой текстовый контент нельзя запихивать в псевдоэлементы before и after. Иконки и другие графические элементы можно.