[data-catalog-search]{position:relative}
[data-catalog-search] input{flex:1;min-width:0}
.catalog-search-clear{flex:0 0 28px;width:28px;height:28px;align-self:center;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#555;font:24px/1 Arial,sans-serif;cursor:pointer;padding:0}
.catalog-search-clear[hidden]{display:none}
.catalog-search-clear:hover{background:#0000000d;color:#111}
.catalog-search-clear:focus-visible{outline:2px solid #e95a2b;outline-offset:2px}
.catalog-search-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.catalog-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;max-height:65vh;overflow:auto;background:#fff;color:#202020;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 25px #0003;z-index:1000}
.catalog-suggestions[hidden]{display:none}
.catalog-suggestions a{display:flex;gap:12px;align-items:center;padding:12px;color:inherit;text-decoration:none;border-bottom:1px solid #eee;font-size:14px}
.catalog-suggestions a:hover,.catalog-suggestions a[aria-selected=true]{background:#f1f4f2}
.catalog-suggestions img{width:56px;height:48px;object-fit:contain;flex-shrink:0}
.catalog-suggestions small{display:block;margin-top:4px;color:#555}
.catalog-search-status{padding:12px;font-size:14px}
@media(max-width:700px){.catalog-suggestions{position:fixed;min-width:0;width:auto;left:12px;right:12px;top:var(--catalog-search-top,80px);max-height:min(65vh,calc(100dvh - var(--catalog-search-top,80px) - 12px))}}