.search-toolbar{display:flex;align-items:center;gap:26px;margin-top:21px;min-width:0}
.search-toolbar>.directory-search,.search-toolbar>.search-bar{flex:1 1 52%;width:52%;max-width:740px;min-width:0;margin:0}
.search-toolbar>.directory-search{margin-top:0}
.popular-searches{display:flex;align-items:center;flex:1 1 42%;gap:8px 10px;flex-wrap:wrap;min-width:0;font-size:12px;line-height:1.7;color:var(--muted)}
.popular-search-label{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11px;color:#87968e;white-space:nowrap}
.popular-search-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.popular-search-links{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;min-width:0}
.popular-search-links>a{display:inline-flex;align-items:center;gap:5px;max-width:160px;padding:4px 8px;border-radius:6px;background:#fff8;color:#65786d;transition:background .18s ease,color .18s ease}
.popular-search-links>a:hover{background:var(--soft);color:var(--deep)}
.popular-search-links>a>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.popular-search-rank{font-size:10px;color:#94a79c;font-variant-numeric:tabular-nums}
.popular-search-links>a:nth-child(-n+3) .popular-search-rank{color:var(--brand)}
.popular-search-empty{font-size:11px;color:#94a29a}
.hero .search-toolbar{display:block;margin-top:0}.hero .search-toolbar>.search-bar{width:100%;max-width:760px}.hero .popular-searches{margin-top:12px}
.article-directory-search .popular-searches{margin-top:12px}
.directory-products>.search-toolbar{margin-bottom:22px}
@media(max-width:1250px){.search-toolbar{gap:18px}.popular-searches{gap:6px 8px}.popular-search-links{gap:4px}.popular-search-links>a{max-width:125px;padding:4px 6px}}
@media(max-width:1050px){.search-toolbar{align-items:stretch;flex-direction:column;gap:12px}.search-toolbar>.directory-search,.search-toolbar>.search-bar{width:100%;max-width:none;flex:auto}.popular-searches{flex:auto}}
@media(max-width:650px){.popular-searches{font-size:11px}.popular-search-links{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;padding:2px 0}.popular-search-links>a{flex:none;max-width:145px;min-height:32px}.popular-search-label{font-size:10px}.popular-search-empty{font-size:10px}}
@media(prefers-reduced-motion:reduce){.popular-search-links>a{transition:none}}
