{% if results %}
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
  {% for sub in results %}
  <div class="col">
    <div class="card h-100 shadow-sm">
      <img src="{{ sub.image_url or 'https://placehold.co/600x400' }}" class="card-img-top" alt="{{ sub.common_name }}">
      <div class="card-body">
        <h5 class="card-title">{{ sub.common_name }}</h5>
        <p class="card-text">
          <strong>${{ '%.2f'|format(sub.price) }}</strong><br>
          Source: {{ sub.source }}<br>
          Date: {{ sub.timestamp.strftime('%Y-%m-%d') }}
        </p>
      </div>
    </div>
  </div>
  {% endfor %}
</div>
{% else %}
<p class="text-muted">No results found.</p>
{% endif %}