{{-- Product card skeleton — same shape as product-card --}}
<article class="skel-card">
    <div class="aspect-square skel" style="border-radius:0"></div>
    <div class="p-3 space-y-2">
        <div class="skel skel-line w-4/5"></div>
        <div class="skel skel-line w-3/5"></div>
        <div class="flex items-center gap-2 mt-3">
            <div class="skel skel-line w-16" style="height:18px"></div>
            <div class="skel skel-line w-10" style="height:14px"></div>
        </div>
        <div class="skel" style="height:36px;border-radius:8px"></div>
    </div>
</article>