Большое поле поиска в каталоге товаров Тильда

Нормальное и заметное поля поиска.

Данный код увеличивает размер поля поиска товаров в стандартном каталоге на Тильде и добавляет свой цвет, закругление поля поиска, размер шрифта и т.д.
<style>
    /* Стили для элементов поиска и фильтра */
    .t-store__filter__btn, 
    .t-store__filter__input {
        background-color: #f0f0f0 !important; /* Цвет фона */
        text-align: left !important;          /* Позиционирование текста слева */
        border: 2px solid #074600;            /* Цвет и толщина границы */
        border-radius: 10px !important;       /* Скругление углов */
        color: #000000 !important;            /* Цвет текста */
        padding-left: 20px !important;        /* Отступ слева (для размещения иконки поиска) */
        font-size: 18px;                      /* Размер шрифта */
        height: 50px;                         /* Высота поля */
    }
    
    /* Увеличиваем ширину поля поиска на десктопе */
    @media screen and (min-width: 440px) {
        .t-store__filter__input {
            width: 400px !important;
        }
    }

    /* Стили для иконки поиска */
    .t-store__search-icon {
        width: 20px !important;     /* Ширина иконки */
        height: 20px !important;    /* Высота иконки */
    }
    .t-store__search-icon path {
        fill: #074600 !important;  /* Цвет иконки */
    }
</style>
А чтобы зафиксировать фильтры и поиск можно сделать так:
  1. Создаем в Zero Block плашки с фильтром и поиском,
  2. Устанавливаем на них якорную ссылку на начало каталога и при нажатии они просто перебрасывают наверх к фильтрам.
Больше кода для Tilda в ТГ-канале
Поблагодари за код - подпишись https://t.me/breeze_tilda