/* HF_SEARCH_SUGGESTIONS_V1 */
#searchPanel{transform:none;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility .16s ease;box-shadow:0 16px 30px rgba(8,50,76,.12);padding:22px 5vw;max-height:calc(100dvh - 74px);overflow-y:auto;}
#searchPanel.open{visibility:visible;opacity:1;pointer-events:auto;}
#searchPanel .search-inner{max-width:900px;}
.hf-search-field{position:relative;}
#searchPanel #searchInput{border:1px solid #cbd7df;border-radius:32px;background:#f8fafb;padding:16px 58px 16px 52px;font-size:18px;min-height:58px;}
#searchPanel #searchInput:focus{outline:2px solid #00a5c8;outline-offset:2px;}
.hf-search-glass{position:absolute;left:20px;top:19px;width:18px;height:18px;border:2px solid #075784;border-radius:50%;pointer-events:none;}
.hf-search-glass:after{content:'';position:absolute;width:8px;height:2px;background:#075784;transform:rotate(45deg);right:-6px;bottom:-3px;}
#searchPanel .search-close{right:10px;top:7px;width:44px;height:44px;border-radius:50%;font-size:25px;color:#075784;display:grid;place-items:center;}
#searchPanel .search-close:hover{background:#e7f3f6;}
#searchPanel .search-close:focus-visible{outline:2px solid #00a5c8;}
.hf-search-results{margin-top:12px;max-height:390px;max-height:min(390px,53dvh);overflow:auto;border-radius:14px;}
.hf-search-result{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:12px 16px;background:white;border:0;border-bottom:1px solid #e5edf1;color:#075784;min-height:88px;}
.hf-search-result:hover,.hf-search-result[aria-selected="true"]{background:#eaf7f7;}
.hf-search-thumb{display:grid;place-items:center;flex:0 0 56px;width:56px;height:64px;background:#f7f5ef;border-radius:8px;overflow:hidden;}
.hf-search-thumb img{max-width:100%;width:56px;height:64px;object-fit:contain;}
.hf-search-result-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
.hf-search-result-name{font-size:16px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;}
.hf-search-result-meta{font-size:13px;color:#61717d;line-height:1.4;}
.hf-search-arrow{font-size:30px;}
.hf-search-status{font-size:13px;color:#61717d;margin:10px 8px 0;line-height:1.5;}
@media(max-width:600px){#searchPanel{padding:16px 16px 20px;}#searchPanel #searchInput{font-size:16px;padding-left:45px;}.hf-search-result{padding:10px 8px;gap:12px;}.hf-search-result-name{font-size:14px;}.hf-search-result-meta{font-size:12px;}}