{% extends "website/base.html" %}
{% block title %}Search – {{ site.brand_name }}{% endblock %}
{% block content %}
  {% include "website/partials/page_banner.html" with crumb="Search" heading="Search" accent="Results" %}
  <section class="section">
    <div class="wrap">
      <form class="search-page" method="get"><input type="search" name="q" value="{{ q }}" placeholder="Search models, features…" aria-label="Search"><button class="btn btn--blue btn--pill">Search</button></form>
      {% if q %}<p class="muted">{{ results|length }} result{{ results|length|pluralize }} for “{{ q }}”</p>{% endif %}
      <div class="grid grid--4">{% for m in results %}{% include "website/partials/model_card.html" %}{% endfor %}</div>
    </div>
  </section>
{% endblock %}