Адаптивная вёрстка под Диафан

Адаптивная вёрстка под Диафан
14 августа 2019 г.
Есть дизайн в Adobe XD.
Посмотреть картинки того, что есть в XD: https://mega.nz/#!TfomFYTR!aEf1LKNZY-49b14faPCWvqmqhSdCI8ZKfw6grOqqtbA

Требуется умная адаптиная вёрстка (все 3 разрешения основные показаны) человеком, который знает что есть Diafan, и верстать под Diafan.

К примеру, у нас в списке товаров у некоторых показан выбор цвета. В Diafan же этот выбор связан с выводом цены и, в реалиях Diafan, находится в одном блоке/контейнере с ценой. У нас же они по ошибке разнесены — функционал не будет работать. Вот такие моменты нужно сразу указать и исключить.

То есть человек должен знать что и как можно верстать а что нельзя из-за того что это Diafan.

На выходе нужно html+css+images+js... основных макетов, достаточных для интеграции (то, что не нарисовано, просто стилизуется по "нормам" Diafan (корзинка, например) с учётом заложенного дизайном стиля (все элементы для этого есть).