Верстка нового элемента в карточке товара (Битрикс / Аспро)

CMS: 1С-Битрикс

Шаблон: Аспро MAX

Макет в PSD

Необходимо адаптивно сверстать новый элемент в карточке товара - индикатор степени остроты. Индикация будет задаваться через админку, это реализует разработчик. Ваша задача реализовать кроссбраузерную корректную визуализацию элемента.

Будет выдан доступ к тестовой среде с развернутой резервной копией проекта. Верстку формировать для шаблона в папке /bitrix/templates/aspro_max

Стили складывать в /bitrix/templates/aspro_max/css/custom.css

JS складывать в /bitrix/templates/aspro_max/js/custom.js

При добавлении данных в эти файлы комментариями обозначить новые блоки и поместить все в конец файла. Нужен будет список файлов, которые правились и которые были новые, добавлены картинки и пр.

Еще нужно учесть, что у списка товаров есть несколько шаблонов, в основном списке (переключатели в 3х видах) и есть вспомогательные списки типа "Похожие товары", "Рекомендации" и "Результаты поиска".