.suggest{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:50;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2, var(--bg));box-shadow:0 18px 40px -18px #0f172a59}.suggest a[role=option]{display:flex;gap:12px;align-items:center;padding:8px;border-radius:var(--radius-sm)}.suggest a[role=option]:hover,.suggest a[role=option].on{background:var(--surface)}.suggest .s-ph{display:grid;flex:none;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:8px;background:var(--surface);color:var(--muted)}.suggest .s-ph img{width:100%;height:100%;object-fit:cover}.suggest .s-name{font-size:14px;line-height:1.3}.suggest .s-price{margin-left:auto;font-size:14px;font-weight:700;white-space:nowrap}.suggest .s-empty,.suggest .s-fix{padding:14px;color:var(--muted);font-size:14px}.suggest .s-fix{padding-bottom:6px;color:var(--ink);font-weight:600}.suggest a.s-all{display:block;justify-content:center;width:100%;margin-top:4px;padding:12px;border-top:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--brand);font-size:14px;font-weight:600;text-align:center}.suggest .s-pop{padding:8px 8px 10px}.suggest .s-pop small{display:block;margin:2px 4px 8px;color:var(--muted);font-size:12px}.q-chips{display:flex;flex-wrap:wrap;gap:8px}.q-chips a{display:inline-flex;gap:8px;align-items:center;min-height:42px;padding:0 16px;border-radius:21px;background:var(--surface);font-size:14px;font-weight:600}.q-chips a:hover,.q-chips a.on{background:var(--brand-soft);color:var(--brand)}.q-chips a .icon{width:18px;height:18px}@media(max-width:760px){.suggest{top:calc(100% + 4px)}}