form.product-search { position: relative; overflow: visible; }
.search-suggestions { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 1100; max-height: min(440px, 60vh); overflow-y: auto; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.16); color: #333; text-align: left; }
.search-suggestions[hidden] { display: none; }
.product-search .search-suggestion { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #eee; color: #333; }
.search-suggestion img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; }
.search-suggestion span { min-width: 0; }
.search-suggestion strong { display: block; font-size: 14px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.search-suggestion small { display: block; margin-top: 3px; color: #777; font-size: 12px; }
.product-search .search-suggestions-all { display: block; padding: 12px 14px; color: #336699; font-size: 13px; font-weight: 600; }
.search-suggestions a:hover, .search-suggestions a[aria-selected="true"] { background: #f0f5fa; }
.search-suggestions-empty { padding: 14px; margin: 0; font-size: 14px; }
.dir-up .search-suggestions { top: auto; bottom: calc(100% + 6px); }