Разработка модуля для tilda

ТЗ: Поиск в шапке ME500 с поведением как у маркетплейса

Цель задачи — сделать поиск частью шапки ME500, а не отдельным раскрывающимся элементом, и приблизить его логику к поиску в Яндекс Маркете или блоку T985. Пользователь должен видеть привычную строку поиска в шапке, а результаты появляться прямо под ней в формате маркетплейса, с изображениями товаров, названиями и ценами, без дополнительных кликов и раскрытий.

Сейчас в шапке используется стандартный поиск блока ME500, но его механика не устраивает, так как он работает через раскрытие и не похож на маркетплейсный сценарий. При этом на сайте уже есть блок T985, который по логике работы ближе к нужному варианту, но он вынесен отдельно и не интегрирован в шапку.

Предпочтительный вариант реализации предполагает перенос или воспроизведение механики поиска T985 внутри ME500. Строка поиска должна быть постоянно видимой в шапке, а результаты должны выпадать под ней в виде компактного списка карточек. Если такой вариант технически невозможен, допустимо оставить стандартный поиск ME500, но переработать его поведение под маркетплейсную логику с live search и карточками товаров.

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

Если пользователь кликнул в строку поиска, но ничего не ввёл, либо делает паузу, под полем должны появляться подсказки: популярные запросы, ссылки на ключевые категории и, при возможности, последние запросы пользователя, сохранённые локально в браузере.

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

Данные для результатов должны подгружаться либо из каталога Tilda, если это возможно, либо из отдельного JSON-фида с базовыми полями: идентификатор товара, название, ссылка, изображение и цена.

Визуально на десктопе выпадающий список должен располагаться строго под строкой поиска и иметь ограниченную высоту со скроллом при необходимости. На мобильных устройствах результаты могут занимать всю ширину экрана под шапкой. Закрытие выпадающего блока должно происходить при клике вне области поиска, нажатии Esc или выборе результата.

Решение должно корректно работать внутри Tilda, не ломать текущую структуру шапки ME500 и не конфликтовать с другими скриптами на сайте. Желательно предусмотреть настройки: список популярных запросов, максимальное количество отображаемых результатов, минимальное количество символов для запуска поиска и задержку перед выполнением запроса.

Задача считается выполненной, если поиск встроен в шапку и всегда виден, при вводе показывает товары с картинками, при пустом поле отображает подсказки, корректно работает на десктопе и мобильных устройствах и закрывается без ошибок.