Lord_Dantes

Чем больше шрифт тем больше line-height, убрать его можно уменьшив значение - например line-height: 0.25 и т.д

Если вас не устраивает ответ на тостере и вы уже аж 4-й раз задаете вопрос и никто вам не отвечает как вам нужно, то попробуйте нагуглить вашу проблему и прочитать https://developer.mozilla.org/ru/docs/Web/CSS/line...

1-й вариант это SASS, а SASS это уже сборка gulp, а в сборках для удобства весь SCSS может писаться модульно и по разным файлам. В итоге ваш вопрос это просто используйте сборку webpack gulp или иные.

Можно было бы картинку переделать в SVG формат, и число подогнать под размер картинки. Далее уже вместо числа вставлять ответ.

Или картинку обернуть в жесткий блок с max-width; max-height максимальной ширины и высоты картинки, а числа загнать абсолютом. Таким образом при любом ресайзе картинка останется на месте и не будет "ехать".

Убрать absolute у родителя товара.

У меня все ок. На самом деле для этого есть вы, верстальщик который фильтрует все стили с фигмы в нормальные CSS. Не нужно копировать все стили с фигмы.

Гуглите препроцессоры html, css

<input type="date" />

https://github.com/lexich/page-scale-js

Owl Carousel, там можно запретить скролл мышкой