.retail-search{position:relative}
.search-preview{position:absolute;top:calc(100% + 12px);right:0;width:max(100%,370px);max-width:90vw;background:white;color:#222;border:1px solid #ddd;border-radius:6px;box-shadow:0 12px 35px #0003;overflow:hidden;z-index:30;text-align:left}
.search-preview-status{padding:14px 18px;margin:0;font-size:13px;color:#555}
.search-preview-list{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}
.search-preview-list a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid #eee;min-height:80px}
.search-preview-list a:hover,.search-preview-list a:focus-visible{background:#fff0e5;outline-offset:-3px}
.search-preview-list img{width:56px;height:52px;object-fit:contain;flex-shrink:0}
.search-preview-list strong{display:block;font-size:13px;line-height:1.5;font-weight:600}
.search-preview-list small{display:block;font-size:11px;color:#666;margin-top:4px}
.retail-search .search-preview-all{width:100%;height:auto;min-height:46px;border-radius:0;border:0;border-top:1px solid #ddd;background:#f7f7f7;color:#222;font-size:12px;font-weight:700;padding:14px;display:block}
.retail-search .search-preview-all:hover{background:#ffead9}
@media(max-width:600px){.search-preview{left:0;right:0;width:100%;max-width:100%}.search-preview-list{max-height:300px}}