{# Search / listing results, swapped in by htmx on each query and rendered
   server-side on first load. Mirrors the empty-state handling of index.html. #}
{% if products | length > 0 %}
{% include "shop/_product_grid.html" %}
{% elif query and query != "" %}
<div class="rounded-radius border border-outline px-6 py-16 text-center text-on-surface/70 dark:border-outline-dark dark:text-on-surface-dark/70">
  {{ t(key="search-empty", lang=lang | default(value='sk')) }} <span class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ query }}</span>
</div>
{% else %}
<div class="rounded-radius border border-outline px-6 py-16 text-center text-on-surface/70 dark:border-outline-dark dark:text-on-surface-dark/70">
  {{ t(key="shop-empty", lang=lang | default(value='sk')) }}
</div>
{% endif %}