<style>
/* Стили для элементов поиска */
.t-store__filter__btn,
.t-store__filter__input {
background-color: #f0f0f0 !important; /* Цвет фона */
text-align: left !important; /* Позиционирование текста слева */
border: 2px solid #005cff; /* Цвет и толщина границы */
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__filter__search-and-sort {
display: flex;
justify-content: center;
}
.t-store__filter__input {
max-width: 100%;
width: 400px !important;
display: inline-block;
}
}
/* Стили для иконки поиска */
.t-store__search-icon {
width: 20px !important; /* Ширина иконки */
height: 20px !important; /* Высота иконки */
}
.t-store__search-icon path {
fill: #005cff !important; /* Цвет иконки */
}
</style>