<div class="overflow-hidden rounded-2xl border border-gray-200/70 bg-white/90 shadow-sm backdrop-blur-sm transition-colors dark:border-white/10 dark:bg-neutral-900/80">
    <div class="p-5 md:p-7">
        <a class="text-lg font-bold text-gray-900 dark:text-white">
            {{ __('home.episodes') }} ({{ $hentai->episodes->count() }})
        </a>

        <!-- Episode List -->
        <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-2 mt-4">
            @foreach ($hentai->episodes as $episode)
                <x-episode-cover :episode="$episode" view="thumbnail" />
            @endforeach
        </div>
    </div>
</div>
