/* ================================================================
   SEARCH OVERLAY
   ================================================================ */
.search-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.96);
  z-index: 600;
  display: none; flex-direction: column;
  padding: 120px 80px 60px;
  animation: fadeInSearch 0.25s ease;
}
.search-overlay.open { display: flex; }

.search-big-input {
  background: transparent; border: none;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  font-family: var(--ff-display);
  font-size: clamp(32px, 5vw, 64px);
  font-weight: 400; color: var(--white); outline: none;
  padding-bottom: 16px; width: 100%; letter-spacing: -0.02em;
}
.search-big-input::placeholder { color: var(--dark-gray); }

.search-results-list { margin-top: 48px; }
.search-result-item {
  display: flex; align-items: center; gap: 20px;
  padding: 16px 0; border-bottom: var(--border);
  cursor: none; transition: opacity var(--speed-fast);
}
.search-result-item:hover { opacity: 0.7; }
.sr-num {
  font-family: var(--ff-display); font-size: 14px;
  color: var(--dark-gray); width: 32px; flex-shrink: 0;
}
.sr-cat {
  font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--gray); width: 100px; flex-shrink: 0;
}
.sr-title { font-family: var(--ff-display); font-size: 20px; color: var(--white); }

.search-close {
  position: absolute; top: 40px; right: 60px;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--gray); cursor: none; transition: color var(--speed-fast);
  background: none; border: none; font-family: var(--ff-ui);
}
.search-close:hover { color: var(--white); }