/* Глобально отключаем скролл для фильтров на десктопе */
.filter-card .card-body,
#mobileFilters .card-body,
#mobileFilters,
.filter-card,
[id="mobileFilters"] .card-body,
.d-none.d-md-block,
.d-md-block,
form[action*="events"] {
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    height: auto !important;
}

/* Убираем скролл для элементов внутри фильтров на десктопе */
@media (min-width: 768px) {
    /* Отмена всех ограничений высоты */
    #mobileFilters,
    #mobileFilters *,
    .filter-card,
    .filter-card *,
    .d-md-block,
    .d-md-block *,
    form[action*="events"],
    form[action*="events"] * {
        overflow: visible !important;
        overflow-y: visible !important;
        max-height: none !important;
        height: auto !important;
    }
    
    /* Перезаписываем стили, которые могли мешать отображению фильтров */
    #mobileFilters .card-body {
        display: block !important;
        position: static !important;
        max-height: none !important;
        height: auto !important;
    }
    
    /* Форсируем правильное отображение формы фильтров */
    .collapse.d-md-block {
        display: block !important;
    }
}

/* Стили для мобильной версии (добавляем скролл только там) */
@media (max-width: 767.98px) {
    #mobileFilters .card-body {
        max-height: 320px;
        overflow-y: auto;
    }
    
    #mobileFilters {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1050;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        justify-content: center;
        align-items: center;
        padding: 1rem;
    }
    
    #mobileFilters.show {
        display: flex;
    }
    
    #mobileFilters .card {
        width: 100%;
        max-width: 100%;
        max-height: 90vh;
        margin: 0;
        overflow: hidden;
    }
    
    #closeFiltersBtn {
        display: block;
    }
}