/* Both catalog columns remain visible together, including on phones. */
.global-search-suggestions.global-search-columns {
  position: absolute;
  z-index: 500;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  max-height: min(65vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--accent);
  border-radius: 10px;
  background: #15172b;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
}
.global-search-suggestions.global-search-columns[hidden] { display: none; }
.global-search-column { display: flex; flex-direction: column; min-width: 0; }
.global-search-column + .global-search-column { border-left: 1px solid rgba(255, 255, 255, .14); }
.global-search-heading {
  position: sticky;
  z-index: 1;
  top: 0;
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  color: var(--text-primary);
  background: #1e213a;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .05em;
}
.global-search-items { flex: 1 0 auto; min-width: 0; }
.global-search-columns [data-search-suggestion] {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  color: var(--text-primary);
  background: transparent;
  font: inherit;
  text-align: left;
  text-decoration: none;
}
.global-search-columns [data-search-suggestion]:hover,
.global-search-columns [data-search-suggestion][aria-selected="true"] { background: rgba(233, 69, 96, .16); }
.global-search-columns [data-search-suggestion] .search-suggestion-type {
  grid-row: auto;
  color: var(--accent-text, var(--accent));
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.global-search-columns [data-search-suggestion] strong {
  overflow: hidden;
  font-size: .85rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-columns [data-search-suggestion] small {
  display: -webkit-box;
  grid-column: auto;
  overflow: hidden;
  color: var(--text-muted);
  font-size: .73rem;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.global-search-status { margin: 0; padding: 16px 12px; color: var(--text-muted); font-size: .78rem; line-height: 1.5; }
.global-search-columns .global-search-all { border-top: 1px solid rgba(255, 255, 255, .14); border-bottom: 0; background: rgba(255, 255, 255, .025); }
.global-search-columns .global-search-all .search-suggestion-type { display: none; }
.global-search-columns .global-search-all strong { font-size: .74rem; }
@media (max-width: 720px) {
  .global-search-suggestions.global-search-columns { position: fixed; top: var(--header-height); right: 10px; left: 10px; max-height: 56vh; }
  .global-search-heading, .global-search-columns [data-search-suggestion], .global-search-status { padding-right: 9px; padding-left: 9px; }
}