@if(!empty($categories))
<div class="grid grid-cols-4 md:grid-cols-8 gap-3">
    @foreach($categories as $cat)
    <a href="/category/{{ $cat['slug'] }}" class="flex flex-col items-center p-3 bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow transition">
        <span class="text-2xl">{{ $cat['icon'] ?? '📦' }}</span>
        <span class="text-xs mt-1 text-center">{{ $cat['name'] }}</span>
    </a>
    @endforeach
</div>
@endif