.header-search-wrap{z-index:40}
.header-search{
  flex-direction:row;
  gap:12px;
  padding:4px 4px 4px 15px;
  background:#fff;
  border:1px solid #bccabf;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(20,48,32,.05);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.header-search:focus-within{border-color:#397451;box-shadow:0 0 0 3px rgba(57,116,81,.14)}
.header-search input{min-width:0;flex:1;font-size:16px}
.header-search-submit{
  align-self:stretch;
  flex:0 0 auto;
  min-width:78px;
  padding:0 15px;
  border:0;
  border-radius:7px;
  background:#20563c;
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.header-search-submit:hover,.header-search-submit:focus-visible{background:#17442e;color:#fff}
.search-suggest{top:calc(100% + 7px);padding:5px;border-radius:10px;box-shadow:0 16px 36px rgba(24,46,32,.16)}
.search-suggest ul{margin:0;padding:0;list-style:none}
.search-suggest-item{border-radius:7px;cursor:pointer}
.search-suggest-item:focus-visible,.search-suggest-all:focus-visible{outline:2px solid #397451;outline-offset:-2px}
.search-suggest-note{padding:14px;color:#59665c;font-size:13px}
.search-suggest-all{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin-top:4px;
  padding:13px 12px;
  border:0;
  border-top:1px solid #e3e9e3;
  border-radius:0 0 7px 7px;
  background:#f3f8f3;
  color:#20563c;
  font-size:13px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
}
.search-suggest-all:hover{background:#e7f1e8}
@media(max-width:600px){
  .header-search{gap:8px;padding-left:10px}
  .header-search-submit{min-width:64px;padding:0 10px;font-size:12px}
  .search-suggest-price{font-size:12px}
}