/* Общие стили поля (чтоб выглядело аккуратно) */
.searchinput input {
  width: 100%;
  height: 56px;
  border-radius: 12px;
  border: 1px solid #d8ccb0;
  background: #f6e7b8;    /* мягкий жёлтый под твою тему */
  padding: 0 16px;
  font-size: 16px;
  outline: none;
}

/* Мобилка: скрыто по умолчанию, фиксировано под шапкой */
@media (max-width: 979px) {
  .searchinput {
    display: none !important;
    position: fixed;
    left: 0; width: 100%;
    /* top ставит JS по высоте шапки */
    background: #fff;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    z-index: 10000;
  }
  .searchinput.active { display: block !important; }

  .mobile-search-icon { 
    display: inline-block; 
    cursor: pointer; 
    z-index: 10001; 
  }
}

/* Десктоп: поиск всегда виден и стоит прямо в слоте в шапке */
@media (min-width: 980px) {
  #header-search-slot { width: 480px; }  /* подгони ширину слота */
  .mobile-search-icon { display: none; }

  .searchinput {
    display: block !important;
    position: static;  /* т.к. мы вставим его внутрь слота */
    padding: 0;
    box-shadow: none;
  }
}