dsmaslov

Лучше сбросить не глобальными стилями, а внутренними для элемента, если вы не используете сторонние библиотеки, например normalize.css.

price h2 {
  margin-top: 0;
  margin-bottom: 0;
}

Вообще лучше стоит взять за правило — не сбрасывать то, о чём не знаете. То есть задавать значения именно конкретно.

Стоит дать человеческие имена, плюс при сбросе стилей они сбрасываются, но кнопки «phone-small» и т.д остаются активными :)

Нужно убрать itemprop="offers", так как уже есть itemtype="http://schema.org/Offer"

<div class="item-price" itemscope="" itemtype="http://schema.org/Offer">
  <strong>от <span itemprop="price" content="6850">6 850</span> руб.</strong>
  <span><meta itemprop="priceCurrency" content="RUB"></span>
</div>

Проблема, скорее всего, в вашей цветопередаче монитора. Попробуйте со своего телефона зайти и посмотреть. Такой цвет не достигается даже при нескольких наложениях одного и того же бэкграунда: https://jsfiddle.net/c3m1kjx0/10/

Нужно сделать так:

.post:hover, .post a:after {
    background-color: red;
}