/* The header search's suggestion dropdown: the products API's suggest
   answer in the widget's own np-suggest-* markup (partials/suggest.html),
   styled to the eibach design: white, silver rules, red links, no radius.
   The search box itself is eb-hd-search in eb-chrome.css. */
.np-suggest-anchor { position: relative; }
.np-suggest { position: absolute; top: calc(100% + 4px); left: var(--gutter); right: var(--gutter); z-index: 60; max-height: min(70vh, 640px); overflow-y: auto; background: var(--color-snow); border: 1px solid var(--color-silver); box-shadow: var(--shadow-dropdown); text-align: left; color: var(--color-charcoal); }
.np-suggest-section + .np-suggest-section { border-top: 1px solid var(--color-silver); }
.np-suggest-title { margin: 0; padding: var(--spacing-12) var(--spacing-16) var(--spacing-4); font-size: var(--text-eyebrow); line-height: var(--leading-eyebrow); font-weight: var(--font-weight-extrabold); text-transform: uppercase; color: var(--color-ash); }
.np-suggest-item { display: flex; align-items: center; gap: var(--spacing-12); padding: var(--spacing-8) var(--spacing-16); color: var(--color-charcoal); font-size: var(--text-nav); line-height: 1.35; cursor: pointer; }
.np-suggest-item:hover { text-decoration: none; }
.np-suggest-item.is-active, .np-suggest-item:hover { background: var(--color-fog); color: var(--color-eibach-red); }
.np-suggest-item b { font-weight: var(--font-weight-bold); }
.np-suggest-glyph { flex: 0 0 auto; color: var(--color-ash); }
.np-suggest-text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.np-suggest-text > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.np-suggest-note, .np-suggest-count { font-size: var(--text-caption); color: var(--color-ash); }
.np-suggest-term .np-suggest-note, .np-suggest-search .np-suggest-note, .np-suggest-count { margin-left: auto; }
.np-suggest-thumb { flex: 0 0 auto; width: 44px; height: 44px; object-fit: contain; background: var(--color-snow); border: 1px solid var(--color-silver); }
.np-suggest-thumb--blank { display: block; background: var(--color-fog); }
.np-suggest-price { margin-left: auto; font-weight: var(--font-weight-bold); white-space: nowrap; }
.np-suggest-fit { font-size: var(--text-caption); font-weight: var(--font-weight-bold); color: var(--color-eibach-red); }
.np-suggest-all { justify-content: center; padding: var(--spacing-12) var(--spacing-16); border-top: 1px solid var(--color-silver); font-weight: var(--font-weight-bold); color: var(--color-eibach-red); }
.np-suggest-empty { padding: var(--spacing-16); font-size: var(--text-nav); color: var(--color-ash); }