{{-- Deal Explorer skeleton loading card --}}
<div class="animate-pulse rounded-xl border border-border bg-card shadow-card">
    <div class="aspect-video w-full rounded-t-xl bg-muted"></div>
    <div class="p-3 space-y-2">
        <div class="flex gap-1">
            <div class="h-4 w-16 rounded bg-muted"></div>
            <div class="h-4 w-20 rounded bg-muted"></div>
        </div>
        <div class="h-4 w-3/4 rounded bg-muted"></div>
        <div class="h-3 w-full rounded bg-muted"></div>
        <div class="grid grid-cols-3 gap-1 rounded-lg bg-muted/50 px-2 py-2 mt-2">
            <div class="h-6 rounded bg-muted"></div>
            <div class="h-6 rounded bg-muted"></div>
            <div class="h-6 rounded bg-muted"></div>
        </div>
        <div class="space-y-1 pt-1">
            <div class="h-3 w-2/3 rounded bg-muted"></div>
            <div class="h-3 w-1/2 rounded bg-muted"></div>
        </div>
    </div>
</div>