/* Desktop header search */

.desktop-header-search{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-left:auto;
}

.desktop-search-btn{
  background:none;
  border:none;
  cursor:pointer;
  font-size:20px;
  color:#333;
  padding:4px 6px;
  margin:0 12px;
  transition:color .2s;
}

.desktop-search-btn:hover{
  color:#b89b72;
}

.desktop-search-form{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  width:260px;
  display:none;
  padding:8px;
  background:#f5f1e8;
  border:1px solid #d8cfc0;
  border-radius:4px;
  box-shadow:0 4px 8px rgba(0,0,0,.15);
  z-index:9999;
}

.desktop-search-form.is-open{
  display:block;
}

.desktop-search-input{
  width:100%;
  padding:8px 10px;
  border:1px solid #d8cfc0;
  border-radius:4px;
  font-family:"Mate",serif;
}