/* Дополнительные кастомные стили для анимаций и теней */
.card-hover {
    transition: all 0.25s ease-out;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.12);
}
.hero-overlay {
    background: linear-gradient(135deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 100%);
}
.gap1ir{
    color: black!important;
}
.sidebar-card {
    transition: box-shadow 0.2s, transform 0.2s;
}
.sidebar-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.category-tag {
    transition: all 0.2s;
}
.category-tag:hover {
    background-color: var(--buttonImportantEnabled);
    color: white;
    transform: translateY(-1px);
}
.load-more-btn {
    transition: all 0.2s;
}
.load-more-btn:hover {
    background-color: var(--buttonImportantEnabled);
    transform: translateY(-2px);
    box-shadow: var(--buttonImportantEnabled);
}
/* скрываем скроллбар, но оставляем функционал (для красоты) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}