Сверстать две страницы, используя прототип

1. Страница товара

Дана страница, сделанная с помощью плагина WooCommerce:

https://sushikrai.ru/product/dary-morya-32sm-40sm/

Надо сверстать ее заново, не используя стили WooCommerce. То есть, в данном случае страница выступает в роли прототипа. Также надо будет переделать внешний вид по тз.

Шапка и подвал готовы, нужны только внутренности.

Шаблон должен быть адаптивным

Содержимое страницы:

- Заголовок оставляем как есть

- Слайдер - при наведении на главную картинку она увеличивается. Внизу есть превьюшки остальных картинок. При нажатии на превьюшку она становится главной картинкой. При нажатии на главную картинку открывается галерея. Это, в общем-то, стандартный слайдер товаров

- На изображении в левом верхнем углу значок. Его берем из пункта Особенности.

- Справа от изображения:

- Точная цена или цена по акции (в этом случае отображается перечеркнутая старая цена и новая цена)

- Состав

- Выбор характеристик - радио баттоны. Сделать посимпатичнее, чем на прототипе.

- Количество единиц товара и кнопка В корзину. Пример здесь: https://csoya.ru/products/belkoff/belkoff-m/.

- Характеристики товара (Вес: 900/1150 гр., Кол-во: 1 шт.).

- Под блоками - описание

- Блок Похожие товары. Можно оставить, как есть

- Сайдбар справа. Оставляем, как есть.

2. Страница Категории

https://sushikrai.ru/product-category/rolly/zapechenye-rolly/

Сортировка справа и посимпатичнее

Список товаров. Оставляем, как есть. Слева на картинке может быть спецзначок.