/* the suggestions under the search box of the header (suggest.js) */
.global-search.has-suggest{position:relative}
.sg{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:60;min-width:min(440px,calc(100vw - 24px));max-height:min(72vh,560px);overflow:auto;padding:6px;background:var(--surface,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgb(0 0 0 / .2)}
.sg[hidden]{display:none}
.sg-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 4px;font-size:11.5px;font-weight:650;color:var(--muted)}
.sg-clear{padding:2px 8px;border:0;background:none;color:var(--brand);font-size:12px;font-family:inherit;cursor:pointer}
.sg-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border-radius:12px;color:var(--ink);text-decoration:none}
.sg-opt.on,.sg-opt:hover{background:var(--surface-2)}
.sg-main{display:flex;flex-direction:column;gap:1px;min-width:0}
.sg-title{font-size:14px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-title mark{background:color-mix(in srgb,var(--brand) 22%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.sg-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-price{flex:none;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink)}
.sg-all{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 12px 12px;color:var(--brand)}
.sg-all .sg-title{font-weight:650}
.sg-empty{padding:16px 12px;font-size:13px;line-height:1.9;color:var(--muted)}
@media (max-width:760px){.sg{inset-inline:0;min-width:0;max-height:62vh}}
[data-live-region].is-loading{opacity:.6;transition:opacity .15s}
