#searchform[data-product-suggest] { position: relative; }
.search-suggestions { position: absolute; top: 100%; left: 0; z-index: 1100; width: min(420px, calc(100vw - 32px)); max-height: min(65vh, 520px); overflow-y: auto; margin-top: 6px; padding: 4px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #222; box-shadow: 0 6px 18px rgba(0,0,0,.18); text-align: left; }
.search-suggestions[hidden] { display: none; }
#searchform .search-suggestion { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 3px; color: #222; text-decoration: none; }
#searchform .search-suggestion:hover, #searchform .search-suggestion[aria-selected="true"] { background: #f2f2f2; outline: 2px solid #b85a00; outline-offset: -2px; }
.search-suggestion img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; }
.suggestion-details { min-width: 0; }
.suggestion-details > span { display: block; overflow-wrap: anywhere; line-height: 1.35; }
.suggestion-name { font-size: 14px; font-weight: 600; }
.suggestion-price { margin-top: 3px; font-size: 14px; }
.suggestion-stock, .search-suggestions-status { font-size: 12px; color: #555; }
.search-suggestions-status { padding: 8px 10px; }
@media (max-width: 767px) { .search-suggestions { width: 100%; max-height: 55vh; } }