/* Typesense Search — dropdown extras, empty results block, out-of-stock label */
.tss-facets { padding: 6px 10px 8px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.3; background: #fff; }
.tss-fg { display: flex; flex-wrap: wrap; align-items: center; margin: 4px 0; }
.tss-ft { font-weight: 600; color: #777; margin: 0 6px 4px 0; }
.tss-fi { display: inline-block; margin: 0 4px 4px 0; padding: 2px 9px; border: 1px solid #dcdcdc; border-radius: 12px; color: #333; white-space: nowrap; text-decoration: none; }
.tss-fi:hover, .tss-fi:focus { border-color: #1daae2; color: #1daae2; text-decoration: none; }
.tss-fi span { color: #999; font-size: 11px; }
.tss-facets.tss-top { border-top: 0; border-bottom: 1px solid #eee; padding: 6px 8px 4px; }
.tss-top .tss-fg { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 2px 0; }
.tss-top .tss-fg::-webkit-scrollbar { display: none; }
.tss-top .tss-ft, .tss-top .tss-fi { flex: 0 0 auto; }
.tss-top .tss-fi { padding: 4px 10px; }
.tss-pop { position: absolute; z-index: 1000; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 4px 12px rgba(0,0,0,.08); padding: 6px 10px 8px; font-size: 13px; }
.tss-sug { padding: 6px 10px; font-size: 13px; }
.tss-sug a { font-weight: 600; }
.tss-note { padding: 6px 10px; font-size: 13px; color: #92400e; background: #fffbeb; border-bottom: 1px solid #fde68a; }
.tss-empty { margin: 0 0 16px; }
.tss-empty-note { font-size: 15px; margin: 0 0 10px; }
.tss-empty-note a { font-weight: 600; }
.tss-empty .tss-fg { margin: 6px 0; }
.tss-empty + #products #js-product-list > .alert-warning { display: none; }
