Адаптивное меню и поиск на мобильном, повторить функционал из шаблона

Для работающего сайта https://allfinancelinks.com/ был разработан новый макет.
Код макета https://bitbucket.org/kir1ch/afl-dev-mobile, куда входит
- html файл с макетом
-css
-js

Задание
1. Полностью повторить функционал, внешний вид, анимации для поисковой строки и меню при мобильном просмотре, как на действующем сайте. Чтобы все корректно открывалось, закрывалось, затемнялось.

Дополнительно добавить:
В меню при клике по заголовку, если он "открыт", то открытая часть должна закрываться. Сейчас при клике открывается часть и закрыть повторным кликом нельзя.

2. Отдельно сделать при мобильном просмотре фиксацию панели с меню и поиском "наверху" страницы. Т.е. чтобы при скролле оно фиксировалось. Оформить этот функционал таким образом, чтобы его можно было легко отключить и все зависимые стили/файлы были отмечены

Требования:
- отдельный файл с java script, которые будут написаны
- без CTRL+C CTRL+V с работающего сайта
- четко обозначить комментариями в файле CSS все изменения
- HTML код - изменения нужно "согласовать", а именно оставить как есть блок секции <main> с минимальными изменениями

Результат необходимо оформить через репозиторий GIT, чтобы можно было отследить все изменения.