/* Aurora — дропдаун за typeahead търсенето. Гради върху токените в aurora.css. */

/* Формата в хедъра е с overflow:hidden (заоблени ъгли) — дропдаунът трябва да излиза извън нея. */
form[data-suggest]{position:relative;overflow:visible}
form[data-suggest] input{border-radius:2px 0 0 2px}
form[data-suggest] button{border-radius:0 2px 2px 0}

.sg-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;background:var(--card);border:1px solid var(--line);border-radius:2px;box-shadow:0 18px 48px rgba(20,32,46,.14);max-height:min(480px,70vh);overflow-y:auto}
.sg-head{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding:12px 16px 6px}
.sg-item{display:flex;align-items:center;gap:12px;padding:9px 16px;color:var(--ink);border-left:2px solid transparent}
.sg-item:hover,.sg-item.on{background:var(--paper);border-left-color:var(--accent);color:var(--ink)}
.sg-thumb{width:40px;height:40px;flex:none;object-fit:cover;border-radius:2px;background:linear-gradient(160deg,#F4F2EC,#EAE7DE)}
span.sg-thumb{display:inline-block}
.sg-name{flex:1;font-size:14.5px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sg-cat .sg-name{font-weight:600}
.sg-price{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-empty{padding:18px 16px;font-size:14px;color:var(--soft);text-align:center}
.sg-all{display:block;padding:12px 16px;text-align:center;font-size:14px;font-weight:600;color:var(--accent-ink);border-top:1px solid var(--line);border-left:2px solid transparent}
.sg-all:hover,.sg-all.on{background:var(--paper);border-left-color:var(--accent)}

@media(max-width:760px){.sg-panel{max-height:min(420px,60vh)}}