Нужно сделать адаптивную верстку по методологии БЭМ (подразумевается подход для именования классов, без ENB)

Всего 12 страниц:

1. Главная
2. Страница каталога (первый экран)
3. Раздел с товарами и фильтром
4. Карточка товара
5. Корзина / оформление заказа
6. Личный кабинет - Профайл
7. Личный кабинет - Список заказов
8. Список новостей
9. Новость детально
10. Информационная страница (доставка)
11. Страница поиска с результатами
12. Страница поиска - нет результатов

Стек технологий:
- Использование SASS
- bower
- Желательно gulp
- requirejs или webpack
- Желательно использование scss_lint, jshint, jscs

Общие требования:
Вёрстка должна быть адаптивной и корректно отображаться на мобильных устройствах, с опе-рационной системой iOS, таких как iPhone 4, iPad 2 и устройствах с ОС Android 4.0 и выше.

Вёрстка должна корректно отображаться в последних версиях следующих браузеров:
- Мicrosoft Internet Explorer;
- Mozilla Firefox;
- Opera;
- Safari;
- Google Chrome.

Требования по верстке:
- размер и семейство шрифтов должны соответствовать макетам
- вёрстка должна соответствовать макетам
- количество брейкпойнтов: 4 (320px, 670px, 960px, 1440px)
- во всех остальных вопросах необходимо следовать Guid-у (файл guide_daddy.psd)
- все страницы должны быть адаптивными
- Основные цвета для темы должны быть вынесены в переменные (для изменения основных цветов всего дизайна)

За основу взят сайт http://divan.ru
Если возникают вопросы по логике/ переходам можно посмотреть как это реализовано на данном сайте.

Комментарий:
Прошу обратить внимание на состояние меню. На главной странице при разрешении 1440px и выше левое меню показывается полностью (иконка + название). При наведении открывается 2-ой уровень меню. Смотрите пример тут http://divan.ru
При разрешении от 670 до 1440 боковое меню показывается в виде иконок. При наведении раздвигаем меню (показываем иконку + название раздела)


Дизайн лежит тут -> https://yadi.sk/d/l6iToZhGw2Kmf

Структура папок:
- Дизайны страниц находятся в корне папки
- В папке состояния показаны вид карточки при наведении в каталоге и вид оформления корзины при изменении параметров заказа.
- В папке попапы показаны всплывающие окна
- В папке Logo лежит лого в AI и SVG
- Папка smart & index