/* Стили для навигационных блоков подкатегорий */
.subcategories-nav {
    @apply mb-6 grid gap-4;
    /* Адаптивная сетка */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Стили для отдельных блоков подкатегорий */
.subcategory-nav-item {
    @apply relative;
    /* Начальные стили для анимации anime.js */
    opacity: 0;
    transform: translateY(20px);
}

.subcategory-link.active {
    @apply bg-blue-100 text-blue-800;
}

/* Стили для ссылок подкатегорий */
.subcategory-link {
    @apply flex items-center p-4 bg-gray-100 hover:bg-gray-200 rounded transition-all duration-200 ease-in-out;
}

/* Стили для изображений подкатегорий */
.subcategory-image {
    @apply w-16 h-16 object-cover mr-4 rounded;
}

/* Стили для текста подкатегорий */
.subcategory-text {
    @apply text-base font-medium text-gray-800;
}

/* Медиа-запрос для планшетов (до 1024px) */
@media (max-width: 1024px) {
    .subcategories-nav {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .subcategory-link {
        @apply p-3;
    }
    .subcategory-image {
        @apply w-14 h-14 mr-3;
    }
    .subcategory-text {
        @apply text-sm;
    }
}

/* Медиа-запрос для мобильных устройств (до 640px) */
@media (max-width: 640px) {
    .subcategories-nav {
        grid-template-columns: 1fr;
    }
    .subcategory-link {
        @apply p-2;
    }
    .subcategory-image {
        @apply w-12 h-12 mr-2;
    }
    .subcategory-text {
        @apply text-sm;
    }
}