/* グリッド表示の修正 */

/* グリッドコンテナの設定を強制 */
.grid {
    display: grid !important;
}

/* 小さい画面 */
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* タブレット */
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* PC画面での表示設定 */
@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* ギャップの設定 */
.gap-4 {
    gap: 1rem !important;
}

.gap-6 {
    gap: 1.5rem !important;
}

/* カードがグリッドセル全体を埋めるように - ブロックレベルの親要素を確保 */
.anime-card {
    width: 100%;
    height: 100%;
}

/* アニメカードの親リンクも全体を埋めるように - セレクタを修正 */
a:has(.anime-card),
a > .anime-card {
    display: block;
    width: 100%;
    height: 100%;
}

/* リンク要素がグリッドアイテムとして正しく機能するように */
.grid > a {
    display: block;
    width: 100%;
    height: 100%;
}