.wh-search-field { position: relative; }
.wh-search-input-wrap { position: relative; }
.wh-search-input { width: 100%; padding-right: 36px; }
.wh-search-submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: none; background: transparent; padding: 6px; cursor: pointer; }

.wh-search-results { position: absolute; left: 0; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 8px 24px rgba(0,0,0,.08); border-radius: 8px; padding: 10px; z-index: 50; }
.wh-search-group { margin-bottom: 10px; }
.wh-search-group:last-child { margin-bottom: 0; }
.wh-search-group-title { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #444; margin-bottom: 6px; }
.wh-search-group-list { list-style: none; margin: 0; padding: 0; }
.wh-search-result { display: flex; justify-content: space-between; padding: 6px 8px; border-radius: 6px; text-decoration: none; color: inherit; }
.wh-search-result:hover { background: rgba(0,0,0,.04); }
.wh-search-result .title { font-weight: 600; }
.wh-search-result .meta { opacity: .8; font-size: 12px; }

.wh-search-result.is-active { background: rgb(255, 254, 213); }