/* Wherebest site-wide autocomplete search */
.search-box{position:relative}
.search-input{font-family:'Sarabun',sans-serif;font-size:13.5px;width:200px;padding:9px 14px 9px 36px;border-radius:30px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;outline:none;transition:all .2s;backdrop-filter:blur(8px)}
.search-input::placeholder{color:rgba(255,255,255,.7)}
.search-input:focus{width:280px;background:#fff;color:#15233b;border-color:#4A90E2}
.search-input:focus::placeholder{color:#9aa7b8}
.nav.solid .search-input{background:#fff;color:#15233b;border-color:#e8edf3}
.nav.solid .search-input::placeholder{color:#9aa7b8}
.search-box::before{content:'🔍';position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.7;pointer-events:none;z-index:2}
.search-drop{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:380px;max-height:480px;overflow-y:auto;background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 16px 40px rgba(20,40,80,.18);z-index:1300;display:none}
.search-drop.show{display:block}
@media(max-width:560px){.search-drop{position:fixed;top:70px;left:12px;right:12px;width:auto}}
.search-drop a{display:block;padding:10px 14px;border-bottom:1px solid #e8edf3;text-decoration:none;transition:background .15s;color:inherit}
.search-drop a:last-child{border-bottom:none}
.search-drop a:hover{background:#EBF4FF}
.search-drop .t{font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;color:#15233b;line-height:1.3;margin-bottom:3px}
.search-drop .c{font-size:11.5px;color:#9aa7b8}
.search-drop .t b{color:#2f6fc0;font-weight:700}
.search-drop .empty{padding:20px;text-align:center;font-size:13px;color:#9aa7b8}
.search-drop .group-h{padding:8px 14px 4px;font-family:'Outfit',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#9aa7b8;background:#f9fbfd;border-bottom:1px solid #e8edf3}
@media(max-width:760px){.search-box{display:none}}
.search-mobile-btn{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);width:36px;height:36px;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;backdrop-filter:blur(8px)}
.nav.solid .search-mobile-btn{background:var(--bl-lt,#EBF4FF);border-color:var(--bdr,#e8edf3);color:var(--bl-dk,#2f6fc0)}
@media(max-width:760px){.search-mobile-btn{display:flex;align-items:center;justify-content:center}}
.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:2000;display:none;flex-direction:column;padding:18px}
.search-overlay.show{display:flex}
.search-overlay-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.search-overlay-input{flex:1;font-family:'Sarabun',sans-serif;font-size:16px;padding:12px 16px;border-radius:30px;border:1px solid var(--bdr,#e8edf3);outline:none;color:var(--ink,#15233b)}
.search-overlay-input:focus{border-color:var(--bl,#4A90E2)}
.search-overlay-close{background:none;border:none;font-size:24px;color:var(--ink,#15233b);cursor:pointer;padding:6px 10px}
.search-overlay-results{flex:1;overflow-y:auto}
.search-overlay-results a{display:block;padding:14px 16px;border-bottom:1px solid var(--bdr,#e8edf3);text-decoration:none;color:var(--ink,#15233b)}
.search-overlay-results a:hover{background:var(--bl-lt,#EBF4FF)}
.search-overlay-results .t{font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;margin-bottom:3px}
.search-overlay-results .c{font-size:12px;color:var(--mut,#9aa7b8)}
.search-overlay-results .group-h{padding:10px 16px 4px;font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--mut,#9aa7b8);background:#f9fbfd}
.search-overlay-results .t b{color:var(--bl-dk,#2f6fc0)}
.search-overlay-empty{padding:30px;text-align:center;color:var(--mut,#9aa7b8)}