Нууу, как вариант на before и after посадить квадраты со скругленными углами и вращать их через animation. Правда не уверен, что такие же мягкие градиенты у них получатся, т.к. не понятно, сплошной там цвет или градиент все таки.
Учите основы! Научитесь просто верстать хотя бы, а потом поймете, что все фреймворки херня полная, потому что редкий дизайнер будет рисовать под тупые сетки, если только вы не работаете в кодманки-студии, которая клепает сайтики пачками.
1. Не используйте куки, храните добавленные товары в БД. Я почищу куки у себя, и ахтунг
2. Для обновления кол-ва товаров и персчета цен используется AJAX с запросом в БД
Если вы про верстку, то это дурной тон, если про встраивание стороннего контента, который отдает только js-скрипт, а потом встраивается через iframe, то в этом ничего плохого нет, других путей пока не придумали.
А есть ли у него уникальные родители? Вы же можете посчитать и псевдоклассами его. Правда если это верстка (шаблон), а если это контентная часть (то есть пользователь сам решил покрасить в серый цвет), то можно и нужно.
Потому что это некамильфо уже давно, тем более чаще бывают задачи, когда после клика нужно прервать стандартное поведение, навешивая на элемент несколько событий.