/* eudora-search-1.0.0.css - instant results under the header search (UX round 3, 2026-10-17). */
body #header-search #search_mini_form_custom .es-panel {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 90; box-sizing: border-box;
    max-height: min(72vh, 520px); overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid #e6e6e6; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.12);
    text-align: left;
}
body #header-search #search_mini_form_custom .es-panel[hidden] { display: none; }
body #header-search #search_mini_form_custom .es-status {
    margin: 0; padding: 16px; color: var(--el-ink); font-size: 16px; line-height: 1.4;
}
body #header-search #search_mini_form_custom .es-status[hidden] { display: none; }
body #header-search #search_mini_form_custom .es-status.is-loading { color: #555; }
body #header-search #search_mini_form_custom .es-list { display: block; }

body #header-search #search_mini_form_custom .es-item {
    display: flex; align-items: center; gap: 12px; box-sizing: border-box; min-height: 72px; padding: 8px 14px;
    border: 0; border-top: 1px solid #f0f0f0; background: #fff; color: var(--el-ink); text-decoration: none; cursor: pointer;
}
body #header-search #search_mini_form_custom .es-item:first-child { border-top: 0; border-radius: 10px 10px 0 0; }
body #header-search #search_mini_form_custom .es-item:hover,
body #header-search #search_mini_form_custom .es-item.is-active { background: var(--el-brand-tint); color: var(--el-ink); text-decoration: none; }
body #header-search #search_mini_form_custom .es-item.is-active { box-shadow: inset 3px 0 0 var(--el-brand); }
body #header-search #search_mini_form_custom .es-thumb {
    flex: none; width: 56px; height: 56px; overflow: hidden; border: 1px solid #ececec; border-radius: 8px; background: #f7f7f7;
}
body #header-search #search_mini_form_custom .es-thumb img { display: block; width: 56px; height: 56px; object-fit: cover; }
body #header-search #search_mini_form_custom .es-text { flex: 1 1 auto; min-width: 0; display: block; }
body #header-search #search_mini_form_custom .es-name {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
    color: var(--el-ink); font-size: 16px; font-weight: 500; line-height: 1.3;
}
body #header-search #search_mini_form_custom .es-sku { display: block; margin-top: 2px; color: #666; font-size: 14px; line-height: 1.3; letter-spacing: .02em; }
body #header-search #search_mini_form_custom .es-price { flex: none; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
body #header-search #search_mini_form_custom .es-now { color: var(--el-brand); font-size: 16px; font-weight: 600; line-height: 1.3; }
body #header-search #search_mini_form_custom .es-was { color: #666; font-size: 14px; font-weight: 400; line-height: 1.3; }

body #header-search #search_mini_form_custom .es-all {
    justify-content: center; min-height: 52px; border-top: 1px solid #e6e6e6; border-radius: 0 0 10px 10px;
    color: var(--el-brand); font-size: 16px; font-weight: 600; text-align: center;
}
body #header-search #search_mini_form_custom .es-all:hover,
body #header-search #search_mini_form_custom .es-all.is-active { color: var(--el-brand-dark); }

/* Magento's old suggest box is retired on this field. */
#search_autocomplete { display: none !important; }

@media only screen and (max-width: 960px) {
    body #header-search #search_mini_form_custom .es-panel { max-height: min(66vh, 480px); }
    body #header-search #search_mini_form_custom .es-item { min-height: 76px; }
}