{{-- Warm Shimmer Skeleton Card
     Reference: frontend/global_ui_components_and_content_standards.md (Section 10)
     & frontend/single_category_view_all_page_plan.md
     Uses --bg-surface base pulsing with --border-subtle & --bg-main wave (.shimmer-warm). Never grey. --}}
<div class="bg-bg-surface border border-border-subtle flex flex-col h-full" aria-hidden="true">
    {{-- Strict 3:4 Portrait Image Skeleton --}}
    <div class="w-full aspect-saree shimmer-warm"></div>

    {{-- Bottom Info Box Skeleton (12px Padding) --}}
    <div class="p-[12px] space-y-[8px]">
        <div class="h-[14px] w-[85%] shimmer-warm"></div>
        <div class="h-[14px] w-[55%] shimmer-warm"></div>
        <div class="h-[16px] w-[42%] shimmer-warm mt-[4px]"></div>
    </div>
</div>