{# coffee page-suggestions — themed 404 helper. Suggestions (when the platform provides them) list {url|slug, title, excerpt}; otherwise a friendly hand-drawn "lost your way" panel with a route home. #}
<section class="py-16 md:py-24 bg-background text-foreground{% if class %} {{ class }}{% endif %}">
  <div class="mx-auto max-w-3xl px-4 text-center">
    <p class="coffee-hand text-3xl text-accent">Lost your way?</p>
    <h2 class="coffee-display mt-1 text-3xl text-primary md:text-4xl">{{ title|default:"Were you looking for..." }}</h2>
    {% if suggestions %}
    <ul class="mt-8 space-y-3 text-left">
      {% for s in suggestions %}
      <li class="coffee-card p-4">
        <a href="{{ s.url|default:s.slug }}" class="coffee-display text-lg text-primary transition-colors hover:text-accent">{{ s.title }}</a>
        {% if showDescription and s.excerpt %}<p class="coffee-body mt-1 text-sm text-muted-foreground">{{ s.excerpt }}</p>{% endif %}
      </li>
      {% endfor %}
    </ul>
    {% else %}
    <p class="coffee-body mx-auto mt-4 max-w-xl text-muted-foreground">{{ emptyMessage|default:"That page has wandered off. Head back to the counter and start again." }}</p>
    {% endif %}
    <a href="/" class="kraft-tag mt-8"><svg width="16" height="16" class="h-4 w-4" aria-hidden="true"><use href="/icons/lucide.svg#home"></use></svg>Back home</a>
  </div>
</section>
