/* =============================================
   LIVE SEARCH RESULTS
   ============================================= */
.search-results {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 200;
  overflow: hidden;
  max-height: 320px;
  overflow-y: auto;
}
.search-result-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  transition: background .15s;
}
.search-result-item:last-child { border-bottom: none; }
.search-result-item:hover { background: var(--gray-light); }
.search-result-item img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; }
.sr-icon { font-size: 28px; width: 40px; text-align: center; }
.sr-info { display: flex; flex-direction: column; }
.sr-info strong { font-size: 13px; font-weight: 600; color: var(--dark); }
.sr-info span { font-size: 12px; color: var(--orange); font-weight: 700; }

/* Relative position for search wrap */
.header-search { position: relative; }