/* Live search results panel — extends existing header-search */
.fh-live-search { background: rgb(var(--background, 250 248 246)); overflow-x: hidden; }

/* Auto-hide thin scrollbar for live search */
.fh-live-search { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.fh-live-search:hover, .fh-live-search:active { scrollbar-color: rgba(0,0,0,0.15) transparent; }
.fh-live-search::-webkit-scrollbar { width: 3px; background: transparent; }
.fh-live-search::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; transition: background 0.3s; }
.fh-live-search:hover::-webkit-scrollbar-thumb,
.fh-live-search:active::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }

/* Thin overlay scrollbar on body when search is open */
body.fh-search-open { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.15) transparent; }
body.fh-search-open::-webkit-scrollbar { width: 4px; background: transparent; }
body.fh-search-open::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
body.fh-search-open::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }
body.fh-search-open::-webkit-scrollbar-track { background: transparent; }
.fh-live-search__inner { margin: 0 auto; padding: 24px var(--page-gutter, 24px) 24px 48px; display: grid; grid-template-columns: 240px 1fr; gap: 32px; overflow: hidden; }
.fh-live-search__heading { font-size: 13px; font-weight: 500; padding-bottom: 10px; margin-bottom: 12px; letter-spacing: 0.02em; border-bottom: 1px solid rgba(0,0,0,0.08); }
.fh-live-search__suggestions { padding-right: 24px; }
#fh-live-suggest-list a { display: block; font-size: 13px; padding: 5px 0; color: #333; text-decoration: none; transition: color 0.2s; }
#fh-live-suggest-list a:hover { color: var(--fh-btn-primary); }
#fh-live-suggest-list a strong { font-weight: 700; }
.fh-live-search__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.fh-live-search__footer { text-align: center; padding: 20px; border-top: 1px solid rgba(0,0,0,0.08); }
.fh-live-search__footer a { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; text-decoration: underline; text-underline-offset: 3px; }
.fh-live-search__footer a:hover { color: var(--fh-btn-primary); }
.fh-live-search__empty { font-size: 13px; color: #999; padding: 40px 0; text-align: center; grid-column: 1 / -1; }

@media (max-width: 768px) {
  .fh-live-search__inner { grid-template-columns: 1fr; gap: 12px; padding: 16px; overflow: hidden; }
  .fh-live-search__heading { font-size: 12px; padding-bottom: 8px; margin-bottom: 8px; }
  .fh-live-search__suggestions { padding-right: 0; overflow: hidden; }
  #fh-live-suggest-list { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
  #fh-live-suggest-list::-webkit-scrollbar { display: none; }
  #fh-live-suggest-list a { flex-shrink: 0; white-space: nowrap; font-size: 13px; padding: 0; }
  .fh-live-search__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
}