.sb{position:relative;width:100%;min-width:0}.sb__form{margin:0}.sb__field{display:flex;align-items:center;gap:var(--space-1);height:40px;padding:0 var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-subtle);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.sb__field:focus-within{box-shadow:var(--focus-ring);border-color:var(--border-strong)}.sb__input{flex:1 1;min-width:0;height:100%;background:transparent;border:0;color:var(--text);font-size:var(--text-sm)}.sb__input:focus-visible{box-shadow:none;outline:none}.sb--hero .sb__field{height:60px;padding-left:20px;padding-right:8px;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-md)}.sb--hero .sb__input{font-size:var(--text-base)}.sb__submit{height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-full);background:var(--accent-strong);color:var(--accent-contrast);font-size:var(--text-sm);font-weight:550;transition:background-color var(--dur-fast) var(--ease)}.sb__submit:hover{background:var(--accent-hover)}.sb__panel{position:absolute;left:0;right:0;top:calc(100% + var(--space-1));z-index:70;max-height:min(70vh,540px);overflow-y:auto;padding:var(--space-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;color:var(--text)}.sb__group,.sb__list{list-style:none;margin:0;padding:0}.sb__list[hidden]{display:none}.sb__group-title{padding:var(--space-1) var(--space-1) var(--space-0_5);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.sb__opt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-left:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.sb__opt[aria-selected=true]{background:var(--surface-2);border-left-color:var(--accent)}.sb__thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.sb__thumb svg{width:100%;height:100%;max-width:none}.sb__icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text)}.sb__icon svg{width:20px;height:20px}.sb__text{display:flex;flex-direction:column;min-width:0;flex:1 1}.sb__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb__sub{font-size:var(--text-xs);color:var(--text-muted)}.sb__price{font-weight:600;flex-shrink:0}.sb__none{padding:var(--space-2) var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.sb__skeletons{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-1)}.sb__skeleton{height:40px}.sb__error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);color:var(--danger);font-size:var(--text-sm)}.sb__retry{height:32px;padding:0 var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text)}.sb__panel--popular{padding:12px 14px 14px}.sb__popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sb__popular .chip{white-space:nowrap}