/* Jobb felső sarokba illeszkedő, vékony, átlátszó sáv */
.header-search-wrap{
  display:flex; align-items:center;
  /* Elementorban az oszlop igazítását állítsd Jobbra */
}

/* A „kis sor” megjelenés */
.hs-form{
  display:flex; align-items:center; gap:6px;
  background: rgba(255,255,255,.10);     /* finoman áttetsző */
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  padding: 2px 8px;
  height: 32px;
  transition: background .2s ease, border-color .2s ease;
  backdrop-filter: blur(2px);
}

.hs-form:hover{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.42);
}

/* Belső elemek */
.hs-field{
  background: transparent;
  border: none; outline: none;
  color: #fff;
  font-size: 14px;
  width: 160px;              /* ha hosszabb kell: 180–220px */
  padding: 4px 6px;
}
.hs-field::placeholder{ color:#d8e0ff; opacity:.9; }

.hs-submit{
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
  transition: transform .15s ease;
}
.hs-submit:hover{ transform: scale(1.08); }

/* Mobilon kicsit rövidebb */
@media (max-width: 767px){
  .hs-field{ width: 130px; }
}