<turbo-stream action="replace" target="search-results"><template>
    <div id="search-results" class="results-shell">
  <div class="results-main">
  <div class="result-header">
    <div class="result-header-left">
      <p class="result-header-eyebrow">Search Results</p>
      <h2 class="result-header-query">
          "<em>Beauty</em>"
      </h2>
    </div>
    <div class="result-header-right">
      <span class="result-count">
        0 results
      </span>
      <a href="/" class="result-back-link">
        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
        New Search
      </a>
    </div>
  </div>


    <div class="no-results">
      <div class="no-results-icon">🔍</div>
      <p class="no-results-title">No results found</p>
      <p style="font-size:0.85rem; margin:0.3rem 0 1.5rem;">
        Try a different keyword, broaden your location, or
          <a href="#" onclick="window.dispatchEvent(new CustomEvent('auth-modal:open-signup')); return false;">list your business →</a>
      </p>
      <div class="no-results-pills">
          <a data-turbo-stream="true" class="no-results-pill" href="/search_results?tag=Finance">
            🏦 Finance
</a>          <a data-turbo-stream="true" class="no-results-pill" href="/search_results?tag=Restaurants">
            🍛 Restaurants
</a>          <a data-turbo-stream="true" class="no-results-pill" href="/search_results?tag=Legal">
            ⚖️ Legal
</a>          <a data-turbo-stream="true" class="no-results-pill" href="/search_results?tag=Real+Estate">
            🏠 Real Estate
</a>      </div>
    </div>


  </div>

  <aside class="results-sidebar">

    <div class="sidebar-card">
      <p class="sidebar-card-label">Your Search</p>
        <p class="sidebar-card-value">🔍 <strong>Beauty</strong></p>
      <a class="sidebar-new-search" href="/">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
        New Search
</a>    </div>

    <div class="sidebar-card">
      <p class="sidebar-card-label">Browse Categories</p>
      <div class="sidebar-cats">
          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Finance">
            <span class="sidebar-cat-icon">🏦</span>
            <span>Finance</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Restaurants">
            <span class="sidebar-cat-icon">🍛</span>
            <span>Restaurants</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Legal">
            <span class="sidebar-cat-icon">⚖️</span>
            <span>Legal</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Real+Estate">
            <span class="sidebar-cat-icon">🏠</span>
            <span>Real Estate</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Home+Services">
            <span class="sidebar-cat-icon">🔧</span>
            <span>Home Services</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link active" href="/search_results?tag=Beauty">
            <span class="sidebar-cat-icon">💇</span>
            <span>Beauty</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Health">
            <span class="sidebar-cat-icon">🏥</span>
            <span>Health</span>
</a>          <a data-turbo-stream="true" class="sidebar-cat-link " href="/search_results?tag=Education">
            <span class="sidebar-cat-icon">📚</span>
            <span>Education</span>
</a>      </div>
    </div>

    <div class="sidebar-card sidebar-cta-card">
      <p class="sidebar-card-label" style="color: var(--saffron);">Own a Business?</p>
      <p style="font-size:0.8rem; color:#6b7280; line-height:1.5; margin:0.3rem 0 0.85rem;">
        Get discovered by thousands looking for Nepali-owned businesses.
      </p>
        <button class="sidebar-cta-btn"
                onclick="window.dispatchEvent(new CustomEvent('auth-modal:open-signup', { detail: { next: '/businesses/new' } }))">
          🏪 List My Business
        </button>
    </div>

  </aside>

</div>
</template></turbo-stream>