<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
    {{#results}}
    <div class="card bg-base-100 shadow-xl">
        <!-- Thumbnail -->
        <figure class="w-full h-48 overflow-hidden">
            <img src="{{thumbnail}}" alt="{{title}}" class="w-full h-full object-cover" />
        </figure>

        <!-- Contenu (titre + description) -->
        <div class="card-body">
            <h2 class="card-title">{{title}}</h2>
            <p>{{description}}</p>
        </div>
    </div>
    {{/results}}
</div>