Ankhena

Задать первой секции фиксированную высоту.

MDN https://developer.mozilla.org/ru/

Такие вещи как корзина нужно согласовывать с бэкэнд-программистом. У него может быть CMS c готовым модулем, который вам нужно перестилизовать. А может он любую разметку прикрутить готов.
Удаление товара может быть реализовано как с перезагрузкой страницы. так и аякс-запросом. Это тоже нужно уточнять.
Для подсчета стоимости вам нужны данные — цена и количество, и возможно скидки. Также нужно согласовать, каким образом вы будете получать эти данные, в дата-атрибутах, отдельным объектом на странице или аякс запросом.

А может от вас просто требуется статичная верстка. =))
В общем, не по адресу вопрос задаете. Обговаривайте это с заказчиком или коллегами.

sass здесь не при чем. Он должен скомпилировать как положено. А вот clean-css может и преобразовала правило или перенесла в другой селектор.
попробуйте без clean-css

gulp.task("scss", function () {
  return gulp
    .src("./css/scss/pages/*.scss")
    .pipe(scss())
    .pipe(gulp.dest("./css/"));
});

На мой взгляд, управляющие элементы должны быть обернуты во что-то, представляющее собой конкретный узел. Это плюсик и кружок могут быть псевдоэлементами, а кнопки и их обертка - нет. Потому что кнопки у вас явно будут тэгом BUTTON или A

1.5px — бессмысленное значение.
у вас, судя по скрину, масштаб отображения в браузере увеличен, отсюда визуальные искажения. нажмите ctrl+0