/* One search surface; native GET search remains the no-JS fallback. */
.dzkeys-search { position: relative; overflow: visible; }
.dzkeys-search--page { display: flex; align-items: center; gap: var(--dzkeys-space-2); margin-block: var(--dzkeys-space-5); max-width: 42rem; }
.dzkeys-search--page input[type="search"] { flex: 1; width: 100%; }
.dzkeys-search--page > button { min-width: var(--dzkeys-control-min); min-height: var(--dzkeys-control-min); padding: var(--dzkeys-space-2); border: 1px solid var(--dzkeys-color-border); border-radius: var(--dzkeys-radius-control); background: var(--dzkeys-color-primary); color: white; }
.dzkeys-search--page > button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.dzkeys-search-suggestions { position: absolute; inset-block-start: calc(100% + 6px); inset-inline: 0; z-index: 1000; max-height: min(22rem, 60vh); overflow: auto; background: var(--dzkeys-color-surface); border: 1px solid var(--dzkeys-color-border); border-radius: var(--dzkeys-radius-control); padding: var(--dzkeys-space-2); }
.dzkeys-search-suggestions[hidden] { display: none; }
.dzkeys-search-suggestions a { display: block; padding: var(--dzkeys-space-3); color: var(--dzkeys-color-text); text-decoration: none; border-radius: var(--dzkeys-radius-control); overflow-wrap: anywhere; }
.dzkeys-search-suggestions a:hover, .dzkeys-search-suggestions a:focus { background: var(--dzkeys-color-header); }
.dzkeys-search-suggestions strong { display: block; font-size: 0.875rem; }
.dzkeys-search-suggestions small { display: block; color: var(--dzkeys-color-muted); }
.dzkeys-search-suggestions .dzkeys-search-price { color: var(--dzkeys-color-link); }
.dzkeys-search-suggestions p { margin: 0; padding: var(--dzkeys-space-3); }
.dzkeys-search-results { padding-block: var(--dzkeys-space-6); }