.search-shell { overflow: visible; }
.filter-field { min-width: 0; padding: 17px 22px; border-right: 1px solid var(--line); }
.filter-field > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.multi-select { position: relative; }
.multi-select summary { position: relative; padding-right: 22px; overflow: hidden; list-style: none; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; }
.multi-select summary::-webkit-details-marker { display: none; }
.multi-select summary::after { position: absolute; right: 0; color: var(--green); content: "⌄"; }
.multi-options { position: absolute; z-index: 50; top: calc(100% + 15px); left: -12px; min-width: calc(100% + 24px); max-height: 270px; padding: 8px; overflow: auto; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 18px 45px #071b1430; }
.search-primary .multi-options label { display: flex; gap: 9px; align-items: center; padding: 10px 11px; white-space: nowrap; cursor: pointer; border: 0; border-radius: 7px; }
.multi-options label:hover { background: #f1f5f1; }
.search-shell .multi-options input { width: 16px; height: 16px; flex: none; accent-color: var(--green); }

@media (max-width: 820px) {
  .filter-field { border-right: 0; border-bottom: 1px solid var(--line); }
  .multi-options { position: relative; top: 8px; left: 0; min-width: 100%; margin-bottom: 8px; box-shadow: none; }
}