fetis26

Сделайте линию в SVG из отдельных кусков, по наведению устанавливайте им fill через CSS

В своих стилях конечно. Исходный код библиотеки трогать нельзя никогда.

лучше всего в rem

Никак. Это поведение бразуера, его нельзя подменить через JS

А зачем все это в 2016 году? Хром, ФФ и Опера это браузеры с отличной поддержкой стандартов. Для них ничего не нужно писать отдельно. Да даже для ИЕ не нужно уже давно.

40% это большая разница. витрина это я так понимаю главная страница. на ней обычно много товаров. и это выльется в несколько мегабайт для юзера и соотв несколько лишних секунд, а для магазина несколько лишних секунд это уже потеря в конверсии.

в нормальных магазинах бывает и на большее количество размеров нарезают

У вас мобильные стили каким-то образом завязаны на JS, либо подгружаются через него, либо определяются через него. Если выключить JS то на мобильнике все будет плохо. Соотв надо избавиться от этой зависимости и все заработает.

Нет

для jQuery
.mousedown( засекаете время )
.mouseup( смотрите сколько прошло. оцениваете является ли длинным кликом)