/* search panel overlapping the bottom of the hero */
.search{position:relative;z-index:5;margin:-118px auto 0;max-width:1140px;background:var(--surface);border-radius:26px;box-shadow:0 34px 70px -34px rgba(11,31,63,.45);padding:12px}
.search-tabs{display:flex;gap:6px;padding:4px 4px 12px}
.search-tabs button{white-space:nowrap;flex:none;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);display:inline-flex;gap:8px;align-items:center;transition:background .18s,color .18s}
.search-tabs button:hover{color:var(--accent)}
.search-tabs button.on{background:var(--glacier);color:var(--accent)}
.search-tabs svg{width:18px;height:18px}
.search-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:center;background:var(--tint);border-radius:18px}
.field{display:flex;gap:12px;align-items:center;padding:14px 20px;position:relative;cursor:pointer;border-radius:16px;transition:background .18s}
.field:hover{background:#E8EEF8}
.field+.field::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.field svg{width:24px;height:24px;color:var(--accent);flex:none}
.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.field select,.field input{border:0;background:transparent;font:600 15px var(--body);color:var(--ink);width:100%;outline:none;appearance:none;padding:0;cursor:pointer}
.search-row .btn{margin:6px;height:60px;padding:0 32px}
@media (max-width:1100px){
  .search-row{grid-template-columns:1fr 1fr}
  .field+.field::before{display:none}
  .search-row .btn{grid-column:1/-1}
}
@media (max-width:720px){
  .search{margin:-90px 0 0}
  .search-tabs{overflow-x:auto;scrollbar-width:none}
  .search-row{grid-template-columns:1fr}
}