Вёрстка и натяжка на Joomla 4

Здравствуйте.

Нужно изменить дизайн сайта https://test2.warrior.in.ua/ (Joomla 4, VirtueMart 4, PHP 7.4). Нужен дизайн, максимально похожий на https://tea.warrior.in.ua/.

В категории товара должна быть возможность выбора объёма и добавление товара в корзину. Ориентировочный пример https://thetea.ua/ua/chaj-puer/shen-puer-syroj-zelenyj/ или https://newtea.ua/chay/chernyy-chay

В категории товара, когда товар заканчивается он должен становится становился тусклым или как-то заретушированным.

Для мобильной версии нужно сделать выпадающим меню фильтров ориентировочно как тут https://thetea.ua/ua/chaj-puer/shen-puer-syroj-zelenyj/.

Все стили необходимо писать в файл "templates/vp_smart/css/custom/custom.css" (если можно, то с краткими комментариями).

Если нужно внести изменения в PHP файлы (для изменений макетов модулей и компонентов), то нужно создавать переопределения так, как это предусмотрено в Joomla 4. Инструкция: https://www.joomlart.com/tutorials/joomla-4-tutorials-how-to-create-override-for-modules-components-and-layout

Если нужно внести изменения в любые другие файлы, обязательно следует написать список этих файлов (с указанием полного пути), номера строк, где произошли изменения и указать изменённый фрагмент кода.

Нужно разделить задачу на 4 этапа:

1) Дизайн главной страницы (с шапкой, меню и подвалом).

2) Дизайн категории товаров и страницы товара.

3) Дизайн всех остальных страниц: блог, контакты, личный кабинет клиента, страница оформления заказа и т.д.

4) Дизайн всех страниц для мобильных устройств.

Пожалуйста, напишите цену и срок каждого этапа (можно в формате от - до).