Вот у меня есть блок с карточкой товара. Назовоем его item. И есть другой блок - catalog - в нем расположены карточки item. Нужно дать карточке margin 10px, чтобы карточки не были впритык. Блоку давать нельзя, потому что он не должен влиять на свое окружение. Я сделал микс блока item и элемента catalog--item. И дал margin элементу catalog--item. Скажите, нормально ли то, что я дал имя элементу блока catalog такое же (catalog--item), как у самостоятельного блока item? Я новичок в вашей методологии, поэтому такой вопрос. Вот, что получилось...

<div class="item catalog--item"></div>

P.S. здесь я использовал -- вместо подчеркиваний, потому что подчеркивания не пишутся