<div class="heading-block">
<h3 class="heading__h3">Продажа, производство и доставка</h3>
<h1 class="heading__h1">Штакетник металлический</h1>
</div>
не БЭМ <div class="grid-block">
<span class="calc__span">Стоимость погонного метра</span>
<span class="calc__text">61 ₽/м </span>
<span class="calc__span">
тоже самое, и куча подобных моментов, где элемент вложен в чужой блок, если так делать то только при миксе. Про css ничего не могу сказать, там похоже постпроцессоры применены. .header-item {
margin-right: 47px
}
<div class="filter">
<div class="filter__item form-el">
<h3 class="form-el__title"></h3>
<div class="form-el__input-row">
<input type="radio" class="form-el__input">
<label for="" class="form-el__label"></label>
</div>
</div>
<div class="filter__item range-slider">
<h3 class="range-slider__title"></h3>
<!-- необходимые элементы для слайдера -->
</div>
<div class="filter__item form-el">
<h3 class="form-el__title"></h3>
<div class="form-el__input-row">
<input type="checkbox" class="form-el__input">
<label for="" class="form-el__label"></label>
<span class="form-el__count"></span>
</div>
</div>
</div>