/* Стили для поля поиска в фильтре магазина */
.t-store__filter__input.js-store-filter-search {
  /* Увеличиваем размер шрифта */
  font-size: 18px !important;
  
  /* Скругляем углы */
  border-radius: 12px !important;
  
  /* Увеличиваем высоту */
  height: 55px !important;
  min-height: 55px !important;
  
  /* Внутренние отступы */
  padding: 0 20px !important;
  
  /* Цвет текста */
  color: #333 !important;
  
  /* ФОН БЕЛЫЙ */
  background-color: #ffffff !important;
  
  /* Стиль границы */
  border: 2px solid #e0e0e0 !important;
  
  /* УБИРАЕМ ТЕНЬ */
  box-shadow: none !important;
  
  /* Делаем поле ШИРЕ - растягиваем на всю доступную ширину */
  width: 100% !important;
  max-width: 100% !important;
  
  transition: all 0.3s ease !important;
}

/* Стили при фокусе (когда пользователь кликает на поле) */
.t-store__filter__input.js-store-filter-search:focus {
  /* МЕНЯЕМ ЦВЕТ ОБВОДКИ НА #3e3b4e */
  border-color: #3e3b4e !important;
  /* ФОН ОСТАЕТСЯ БЕЛЫМ */
  background-color: #ffffff !important;
  /* Убираем тень при фокусе */
  box-shadow: none !important;
  outline: none !important;
}

/* Стили для плейсхолдера (текст-подсказка) */
.t-store__filter__input.js-store-filter-search::placeholder {
  color: #888 !important;
  font-size: 16px !important;
}

/* Стили при наведении */
.t-store__filter__input.js-store-filter-search:hover {
  border-color: #c0c0c0 !important;
  background-color: #ffffff !important;
}