koscsshtml

Если актуально, то можно так:

[!DocLister?
  &parents=`id-родительского ресурса товаров`
  &tpl=`чанк-оформления-результата`
  &tvList=`color` <!-- С учетом что ключ данного TV - это color -->
  &filters=`AND(tv:color:eq:синий)`
!]

Не слишком адаптивно, но допилить можно.

Для начала вам нужно разобраться с тем, какую платёжную систему вы будете использовать.
У Яндекса в деньгах есть конструктор форм оплаты для сайтов в виде iframe. Можете попробовать начать с него. А так по-хорошему вам нужно изучать как правильно интегрируется API.

Rem пока достаточно.

Ответ "нет" в обоих случаях.
Единицы вьюпорта бывают очень полезны в отдельных случаях, но переводить на них всё целиком и особенно шрифты бессмысленно.
Вариант с font-size: calc(vw + px) [гуглить по словам "css шлюзы", если не знаете что это такое] - более-менее приемлем, но тоже не универсален на 100%.