/* ============================================
   КАТАЛОГ: СТИЛИ ФИЛЬТРОВ (САЙДБАР)
   Все стили настраиваются через CSS переменные
   ============================================ */

:root {
    /* === САЙДБАР ФИЛЬТРОВ === */
    --catalog-filters-sidebar-bg: #ffffff;
    /* Фон сайдбара */
    --catalog-filters-sidebar-border-radius: 12px;
    /* Скругление углов */
    --catalog-filters-sidebar-padding: 18px;
    /* Внутренние отступы */
    --catalog-filters-sidebar-padding-top: 18px;
    /* Внутренний отступ сверху */
    --catalog-filters-sidebar-padding-right: 18px;
    /* Внутренний отступ справа */
    --catalog-filters-sidebar-padding-bottom: 18px;
    /* Внутренний отступ снизу */
    --catalog-filters-sidebar-padding-left: 18px;
    /* Внутренний отступ слева */
    --catalog-filters-sidebar-margin-bottom: 30px;
    /* Внешний отступ снизу */
    --catalog-filters-sidebar-border: 1px solid #E5E5E5;
    /* Граница */
    --catalog-filters-sidebar-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    /* Тень */
    --catalog-filters-sidebar-width: 245px;
    /* Ширина сайдбара */

    /* === ЗАГОЛОВОК ФИЛЬТРОВ === */
    --catalog-filters-header-margin-bottom: 20px;
    /* Внешний отступ снизу */
    --catalog-filters-header-padding-bottom: 16px;
    /* Внутренний отступ снизу */
    --catalog-filters-header-border-bottom: 2px solid #F0F0F0;
    /* Граница снизу */
    --catalog-filters-header-border-bottom-accent-width: 60px;
    /* Ширина акцентной линии */
    --catalog-filters-header-border-bottom-accent-color: #EE2722;
    /* Цвет акцентной линии */

    /* === ЗАГОЛОВОК "ФИЛЬТР" === */
    --catalog-filters-header-title-font-family: 'Gilroy', 'Montserrat', sans-serif;
    /* Шрифт */
    --catalog-filters-header-title-font-size: 18px;
    /* Размер шрифта */
    --catalog-filters-header-title-font-weight: 700;
    /* Толщина шрифта */
    --catalog-filters-header-title-color: #231F20;
    /* Цвет текста */
    --catalog-filters-header-title-text-transform: uppercase;
    /* Трансформация текста */
    --catalog-filters-header-title-letter-spacing: 0.08em;
    /* Межбуквенное расстояние */

    /* === КНОПКА ЗАКРЫТИЯ (МОБИЛЬНАЯ) === */
    --catalog-filters-close-btn-size: 32px;
    /* Размер кнопки */
    --catalog-filters-close-btn-font-size: 28px;
    /* Размер иконки */
    --catalog-filters-close-btn-color: #666;
    /* Цвет */
    --catalog-filters-close-btn-color-hover: #231F20;
    /* Цвет при наведении */

    /* === ГРУППА ФИЛЬТРОВ === */
    --catalog-filters-group-margin-top: 8px;
    /* Внешний отступ сверху */
    --catalog-filters-group-margin-bottom: 8px;
    /* Внешний отступ снизу */
    --catalog-filters-group-padding-top: 0;
    /* Внутренний отступ сверху */
    --catalog-filters-group-padding-bottom: 8px;
    /* Внутренний отступ снизу */
    --catalog-filters-group-border-bottom: 1px solid #E5E5E5;
    /* Граница снизу */

    /* === ЗАГОЛОВОК ГРУППЫ === */
    --catalog-filters-group-header-bg: #F8F8F8;
    /* Фон */
    --catalog-filters-group-header-bg-hover: #F0F0F0;
    /* Фон при наведении */
    --catalog-filters-group-header-bg-opened: #FFF5F5;
    /* Фон открытой группы */
    --catalog-filters-group-header-border: 1px solid transparent;
    /* Граница */
    --catalog-filters-group-header-border-hover: 1px solid #E0E0E0;
    /* Граница при наведении */
    --catalog-filters-group-header-border-opened: 1px solid #EE2722;
    /* Граница открытой группы */
    --catalog-filters-group-header-border-radius: 8px;
    /* Скругление углов */
    --catalog-filters-group-header-padding: 10px 12px;
    /* Внутренние отступы */
    --catalog-filters-group-header-margin-bottom: 8px;
    /* Внешний отступ снизу */
    --catalog-filters-group-header-transform-hover: translateX(2px);
    /* Трансформация при наведении */

    /* === НАЗВАНИЕ ГРУППЫ === */
    --catalog-filters-group-title-font-family: 'Gilroy', 'Montserrat', sans-serif;
    /* Шрифт */
    --catalog-filters-group-title-font-size: 15px;
    /* Размер шрифта */
    --catalog-filters-group-title-font-weight: 600;
    /* Толщина шрифта */
    --catalog-filters-group-title-color: #231F20;
    /* Цвет текста */
    --catalog-filters-group-title-color-opened: #EE2722;
    /* Цвет текста открытой группы */
    --catalog-filters-group-title-text-transform: uppercase;
    /* Трансформация текста */
    --catalog-filters-group-title-letter-spacing: 0.06em;
    /* Межбуквенное расстояние */

    /* === СТРЕЛКА ГРУППЫ === */
    --catalog-filters-group-arrow-size: 18px;
    /* Размер стрелки */
    --catalog-filters-group-arrow-color: #666;
    /* Цвет */
    --catalog-filters-group-arrow-color-hover: #EE2722;
    /* Цвет при наведении */
    --catalog-filters-group-arrow-color-opened: #EE2722;
    /* Цвет открытой группы */

    /* === КОНТЕНТ ГРУППЫ === */
    --catalog-filters-group-content-bg-opened: #FFFFFF;
    /* Фон открытого контента */
    --catalog-filters-group-content-border-opened: 1px solid #F0F0F0;
    /* Граница открытого контента */
    --catalog-filters-group-content-border-radius-opened: 0 0 8px 8px;
    /* Скругление углов открытого контента */
    --catalog-filters-group-content-padding-opened: 12px 12px 6px 12px;
    /* Внутренние отступы открытого контента */
    --catalog-filters-group-content-margin-top-opened: -8px;
    /* Внешний отступ сверху открытого контента */

    /* === ЧЕКБОКС ОПЦИЯ === */
    --catalog-filters-checkbox-option-bg: #FAFAFA;
    /* Фон */
    --catalog-filters-checkbox-option-bg-hover: #F5F5F5;
    /* Фон при наведении */
    --catalog-filters-checkbox-option-border: 1px solid transparent;
    /* Граница */
    --catalog-filters-checkbox-option-border-hover: 1px solid #E0E0E0;
    /* Граница при наведении */
    --catalog-filters-checkbox-option-border-radius: 6px;
    /* Скругление углов */
    --catalog-filters-checkbox-option-padding: 6px 10px;
    /* Внутренние отступы */
    --catalog-filters-checkbox-option-margin-bottom: 8px;
    /* Внешний отступ снизу */
    --catalog-filters-checkbox-option-transform-hover: translateX(4px);
    /* Трансформация при наведении */
    --catalog-filters-checkbox-option-font-family: 'Montserrat', sans-serif;
    /* Шрифт */
    --catalog-filters-checkbox-option-font-size: 14px;
    /* Размер шрифта */
    --catalog-filters-checkbox-option-color: #555;
    /* Цвет текста */
    --catalog-filters-checkbox-option-color-hover: #231F20;
    /* Цвет текста при наведении */

    /* === ЧЕКБОКС БОКС === */
    --catalog-filters-checkbox-box-size: 22px;
    /* Размер чекбокса */
    --catalog-filters-checkbox-box-border: 2px solid #D0D0D0;
    /* Граница */
    --catalog-filters-checkbox-box-border-hover: 2px solid #EE2722;
    /* Граница при наведении */
    --catalog-filters-checkbox-box-border-checked: 2px solid #EE2722;
    /* Граница выбранного */
    --catalog-filters-checkbox-box-bg: #fff;
    /* Фон */
    --catalog-filters-checkbox-box-bg-checked: #EE2722;
    /* Фон выбранного */
    --catalog-filters-checkbox-box-border-radius: 5px;
    /* Скругление углов */
    --catalog-filters-checkbox-box-margin-right: 10px;
    /* Внешний отступ справа */
    --catalog-filters-checkbox-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    /* Тень */
    --catalog-filters-checkbox-box-shadow-hover: 0 2px 6px rgba(238, 39, 34, 0.15);
    /* Тень при наведении */
    --catalog-filters-checkbox-box-shadow-checked: 0 2px 8px rgba(238, 39, 34, 0.3);
    /* Тень выбранного */
    --catalog-filters-checkbox-box-transform-hover: scale(1.05);
    /* Трансформация при наведении */
    --catalog-filters-checkbox-box-transform-checked: scale(1.1);
    /* Трансформация выбранного */

    /* === ГАЛОЧКА В ЧЕКБОКСЕ === */
    --catalog-filters-checkbox-checkmark-width: 6px;
    /* Ширина галочки */
    --catalog-filters-checkbox-checkmark-height: 11px;
    /* Высота галочки */
    --catalog-filters-checkbox-checkmark-border: solid white;
    /* Граница галочки */
    --catalog-filters-checkbox-checkmark-border-width: 0 2.5px 2.5px 0;
    /* Толщина границы галочки */
    --catalog-filters-checkbox-checkmark-margin-bottom: 1px;
    /* Внешний отступ снизу */

    /* === МЕТКА ЧЕКБОКСА === */
    --catalog-filters-checkbox-label-color: inherit;
    /* Цвет текста */
    --catalog-filters-checkbox-label-color-checked: #EE2722;
    /* Цвет текста выбранного */
    --catalog-filters-checkbox-label-font-weight: 400;
    /* Толщина шрифта */
    --catalog-filters-checkbox-label-font-weight-checked: 500;
    /* Толщина шрифта выбранного */
    --catalog-filters-checkbox-label-line-height: 1.5;
    /* Высота строки */

    /* === СЧЕТЧИК ЧЕКБОКСА === */
    --catalog-filters-checkbox-count-font-size: 12px;
    /* Размер шрифта */
    --catalog-filters-checkbox-count-color: #999;
    /* Цвет */
    --catalog-filters-checkbox-count-color-checked: #EE2722;
    /* Цвет выбранного */
    --catalog-filters-checkbox-count-font-weight: 400;
    /* Толщина шрифта */
    --catalog-filters-checkbox-count-margin-left: 8px;
    /* Внешний отступ слева */

    /* === ЦВЕТОВЫЕ ОПЦИИ (КОНТЕЙНЕР) === */
    --catalog-filters-color-options-gap: 8px;
    /* Расстояние между опциями */
    --catalog-filters-color-options-padding: 4px 0;
    /* Внутренние отступы */

    /* === ЦВЕТОВАЯ ОПЦИЯ === */
    --catalog-filters-color-option-bg: transparent;
    /* Фон */
    --catalog-filters-color-option-bg-hover: #FAFAFA;
    /* Фон при наведении */
    --catalog-filters-color-option-border-radius: 10px;
    /* Скругление углов */
    --catalog-filters-color-option-padding: 4px;
    /* Внутренние отступы */
    --catalog-filters-color-option-gap: 6px;
    /* Расстояние между элементами */
    --catalog-filters-color-option-transform-hover: translateY(-2px);
    /* Трансформация при наведении */

    /* === ЦВЕТОВОЙ ОБРАЗЕЦ === */
    --catalog-filters-color-swatch-size: 42px;
    /* Размер образца */
    --catalog-filters-color-swatch-border: 3px solid #E0E0E0;
    /* Граница */
    --catalog-filters-color-swatch-border-hover: 3px solid #EE2722;
    /* Граница при наведении */
    --catalog-filters-color-swatch-border-checked: 3px solid #EE2722;
    /* Граница выбранного */
    --catalog-filters-color-swatch-border-width-checked: 3px;
    /* Толщина границы выбранного */
    --catalog-filters-color-swatch-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    /* Тень */
    --catalog-filters-color-swatch-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.2);
    /* Тень при наведении */
    --catalog-filters-color-swatch-shadow-checked: 0 0 0 4px rgba(238, 39, 34, 0.15), 0 4px 12px rgba(238, 39, 34, 0.3);
    /* Тень выбранного */
    --catalog-filters-color-swatch-transform-hover: scale(1.2);
    /* Трансформация при наведении */
    --catalog-filters-color-swatch-transform-checked: scale(1.15);
    /* Трансформация выбранного */

    /* === ОБРАЗЕЦ БЕЗ ЦВЕТА === */
    --catalog-filters-color-swatch-no-color-bg: linear-gradient(135deg, #F5F5F5 0%, #E8E8E8 100%);
    /* Фон */
    --catalog-filters-color-swatch-no-color-border: 3px solid #D0D0D0;
    /* Граница */
    --catalog-filters-color-swatch-no-color-font-size: 12px;
    /* Размер шрифта */
    --catalog-filters-color-swatch-no-color-font-weight: 700;
    /* Толщина шрифта */
    --catalog-filters-color-swatch-no-color-color: #999;
    /* Цвет текста */

    /* === ГАЛОЧКА В ЦВЕТОВОМ ОБРАЗЦЕ === */
    --catalog-filters-color-swatch-checkmark-size: 16px;
    /* Размер галочки */
    --catalog-filters-color-swatch-checkmark-color: white;
    /* Цвет галочки */
    --catalog-filters-color-swatch-checkmark-font-weight: bold;
    /* Толщина шрифта */
    --catalog-filters-color-swatch-checkmark-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    /* Тень */
    --catalog-filters-color-swatch-checkmark-bg: rgba(0, 0, 0, 0.2);
    /* Фон под галочкой */
    --catalog-filters-color-swatch-checkmark-bg-size: 20px;
    /* Размер фона под галочкой */

    /* === НАЗВАНИЕ ЦВЕТА === */
    --catalog-filters-color-name-font-size: 11px;
    /* Размер шрифта */
    --catalog-filters-color-name-color: #666;
    /* Цвет */
    --catalog-filters-color-name-color-hover: #231F20;
    /* Цвет при наведении */
    --catalog-filters-color-name-color-checked: #EE2722;
    /* Цвет выбранного */
    --catalog-filters-color-name-font-weight: 400;
    /* Толщина шрифта */
    --catalog-filters-color-name-font-weight-checked: 600;
    /* Толщина шрифта выбранного */
    --catalog-filters-color-name-max-width: 60px;
    /* Максимальная ширина */
    --catalog-filters-color-name-line-height: 1.3;
    /* Высота строки */

    /* === ДЕЙСТВИЯ ФИЛЬТРОВ === */
    --catalog-filters-actions-margin-top: 24px;
    /* Внешний отступ сверху */
    --catalog-filters-actions-padding-top: 20px;
    /* Внутренний отступ сверху */
    --catalog-filters-actions-border-top: 2px solid #F0F0F0;
    /* Граница сверху */

    /* === КНОПКА СБРОСА === */
    --catalog-filters-reset-btn-bg: #FFFFFF;
    /* Фон */
    --catalog-filters-reset-btn-bg-hover: #FFFFFF;
    /* Фон при наведении */
    --catalog-filters-reset-btn-color: #231F20;
    /* Цвет текста */
    --catalog-filters-reset-btn-color-hover: #EE2722;
    /* Цвет текста при наведении */
    --catalog-filters-reset-btn-border: 2px solid #231F20;
    /* Граница */
    --catalog-filters-reset-btn-border-hover: 2px solid #EE2722;
    /* Граница при наведении */
    --catalog-filters-reset-btn-border-radius: 8px;
    /* Скругление углов */
    --catalog-filters-reset-btn-padding: 10px 18px;
    /* Внутренние отступы */
    --catalog-filters-reset-btn-font-family: 'Gilroy', 'Montserrat', sans-serif;
    /* Шрифт */
    --catalog-filters-reset-btn-font-size: 13px;
    /* Размер шрифта */
    --catalog-filters-reset-btn-font-weight: 600;
    /* Толщина шрифта */
    --catalog-filters-reset-btn-text-transform: uppercase;
    /* Трансформация текста */
    --catalog-filters-reset-btn-letter-spacing: 0.08em;
    /* Межбуквенное расстояние */
    --catalog-filters-reset-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /* Тень */
    --catalog-filters-reset-btn-shadow-hover: 0 4px 12px rgba(238, 39, 34, 0.25);
    /* Тень при наведении */
    --catalog-filters-reset-btn-transform-hover: translateY(-2px);
    /* Трансформация при наведении */
    --catalog-filters-reset-btn-transform-active: translateY(0);
    /* Трансформация при нажатии */
    --catalog-filters-reset-btn-shadow-active: 0 2px 4px rgba(238, 39, 34, 0.2);
    /* Тень при нажатии */

    /* === СООБЩЕНИЕ "НЕТ ФИЛЬТРОВ" === */
    --catalog-filters-no-filters-color: #999;
    /* Цвет текста */
    --catalog-filters-no-filters-font-size: 14px;
    /* Размер шрифта */
    --catalog-filters-no-filters-padding: 20px;
    /* Внутренние отступы */
    --catalog-filters-no-filters-font-style: italic;
    /* Стиль шрифта */

    /* === КНОПКА "ФИЛЬТР" (МОБИЛЬНАЯ) === */
    --catalog-filters-mobile-toggle-btn-display: none;
    /* Отображение (скрыта на ПК) */
    --catalog-filters-mobile-toggle-btn-bg: #FFFFFF;
    /* Фон */
    --catalog-filters-mobile-toggle-btn-bg-hover: #F5F5F5;
    /* Фон при наведении */
    --catalog-filters-mobile-toggle-btn-color: #231F20;
    /* Цвет текста */
    --catalog-filters-mobile-toggle-btn-border: 2px solid #E0E0E0;
    /* Граница */
    --catalog-filters-mobile-toggle-btn-border-hover: 2px solid #EE2722;
    /* Граница при наведении */
    --catalog-filters-mobile-toggle-btn-border-radius: 8px;
    /* Скругление углов */
    --catalog-filters-mobile-toggle-btn-padding: 12px 20px;
    /* Внутренние отступы */
    --catalog-filters-mobile-toggle-btn-margin-bottom: 20px;
    /* Внешний отступ снизу */
    --catalog-filters-mobile-toggle-btn-font-family: 'Gilroy', 'Montserrat', sans-serif;
    /* Шрифт */
    --catalog-filters-mobile-toggle-btn-font-size: 14px;
    /* Размер шрифта */
    --catalog-filters-mobile-toggle-btn-font-weight: 600;
    /* Толщина шрифта */
    --catalog-filters-mobile-toggle-btn-gap: 8px;
    /* Расстояние между текстом и иконкой */
    --catalog-filters-mobile-toggle-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /* Тень */
    --catalog-filters-mobile-toggle-btn-shadow-hover: 0 4px 8px rgba(238, 39, 34, 0.15);
    /* Тень при наведении */
    --catalog-filters-mobile-toggle-btn-icon-size: 16px;
    /* Размер иконки */
    --catalog-filters-mobile-toggle-btn-icon-color: #231F20;
    /* Цвет иконки */
    --catalog-filters-mobile-toggle-btn-icon-color-hover: #EE2722;
    /* Цвет иконки при наведении */
    --catalog-filters-mobile-toggle-btn-icon-transform-open: rotate(180deg);
    /* Трансформация иконки при открытии */

    /* === МОБИЛЬНЫЙ КОНТЕЙНЕР ФИЛЬТРОВ === */
    --catalog-filters-mobile-container-margin-bottom: 30px;
    /* Внешний отступ снизу при открытии */
    --catalog-filters-mobile-container-margin-top: 0px;
    /* Внешний отступ сверху */
}

/* ============================================
   САЙДБАР ФИЛЬТРОВ
   ============================================ */
.category_detail .catalog-filters-sidebar,
.CATALOG_TAB .catalog-filters-sidebar {
    background: var(--catalog-filters-sidebar-bg) !important;
    background-color: var(--catalog-filters-sidebar-bg) !important;
    border-radius: var(--catalog-filters-sidebar-border-radius) !important;
    padding: var(--catalog-filters-sidebar-padding) !important;
    padding-top: var(--catalog-filters-sidebar-padding-top) !important;
    padding-right: var(--catalog-filters-sidebar-padding-right) !important;
    padding-bottom: var(--catalog-filters-sidebar-padding-bottom) !important;
    padding-left: var(--catalog-filters-sidebar-padding-left) !important;
    margin-bottom: var(--catalog-filters-sidebar-margin-bottom) !important;
    border: var(--catalog-filters-sidebar-border) !important;
    box-shadow: var(--catalog-filters-sidebar-shadow) !important;
    width: var(--catalog-filters-sidebar-width) !important;
    flex-shrink: 0 !important;
}

/* ============================================
   ЗАГОЛОВОК ФИЛЬТРОВ
   ============================================ */
.category_detail .catalog-filters-sidebar .filters-header,
.CATALOG_TAB .catalog-filters-sidebar .filters-header {
    margin-bottom: var(--catalog-filters-header-margin-bottom) !important;
    padding-bottom: var(--catalog-filters-header-padding-bottom) !important;
    border-bottom: var(--catalog-filters-header-border-bottom) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
}

.category_detail .catalog-filters-sidebar .filters-header::after,
.CATALOG_TAB .catalog-filters-sidebar .filters-header::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: var(--catalog-filters-header-border-bottom-accent-width) !important;
    height: 2px !important;
    background: var(--catalog-filters-header-border-bottom-accent-color) !important;
}

.category_detail .catalog-filters-sidebar .filters-header h3,
.CATALOG_TAB .catalog-filters-sidebar .filters-header h3 {
    font-family: var(--catalog-filters-header-title-font-family) !important;
    font-weight: var(--catalog-filters-header-title-font-weight) !important;
    font-size: var(--catalog-filters-header-title-font-size) !important;
    text-transform: var(--catalog-filters-header-title-text-transform) !important;
    letter-spacing: var(--catalog-filters-header-title-letter-spacing) !important;
    margin: 0 !important;
    color: var(--catalog-filters-header-title-color) !important;
}

/* ============================================
   КНОПКА ЗАКРЫТИЯ (МОБИЛЬНАЯ)
   ============================================ */
.category_detail .catalog-filters-sidebar .close-filters-btn,
.CATALOG_TAB .catalog-filters-sidebar .close-filters-btn {
    display: none !important;
    background: none !important;
    border: none !important;
    font-size: var(--catalog-filters-close-btn-font-size) !important;
    color: var(--catalog-filters-close-btn-color) !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: var(--catalog-filters-close-btn-size) !important;
    height: var(--catalog-filters-close-btn-size) !important;
    line-height: 1 !important;
    transition: color 0.2s ease !important;
}

.category_detail .catalog-filters-sidebar .close-filters-btn:hover,
.CATALOG_TAB .catalog-filters-sidebar .close-filters-btn:hover {
    color: var(--catalog-filters-close-btn-color-hover) !important;
}

/* ============================================
   ГРУППА ФИЛЬТРОВ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-group,
.CATALOG_TAB .catalog-filters-sidebar .filter-group,
.category_detail .filters-form .filter-group,
.CATALOG_TAB .filters-form .filter-group,
.category_detail form#filtersForm .filter-group,
.CATALOG_TAB form#filtersForm .filter-group,
.category_detail .catalog-filters-sidebar form .filter-group,
.CATALOG_TAB .catalog-filters-sidebar form .filter-group {
    margin-top: var(--catalog-filters-group-margin-top) !important;
    margin-bottom: var(--catalog-filters-group-margin-bottom) !important;
    border-bottom: var(--catalog-filters-group-border-bottom) !important;
    padding-top: var(--catalog-filters-group-padding-top) !important;
    padding-bottom: var(--catalog-filters-group-padding-bottom) !important;
}

.category_detail .catalog-filters-sidebar .filter-group:first-child,
.CATALOG_TAB .catalog-filters-sidebar .filter-group:first-child,
.category_detail .filters-form .filter-group:first-child,
.CATALOG_TAB .filters-form .filter-group:first-child {
    margin-top: 0 !important;
}

.category_detail .catalog-filters-sidebar .filter-group:last-child,
.CATALOG_TAB .catalog-filters-sidebar .filter-group:last-child,
.category_detail .filters-form .filter-group:last-child,
.CATALOG_TAB .filters-form .filter-group:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================
   ЗАГОЛОВОК ГРУППЫ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-group-header,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
    padding: var(--catalog-filters-group-header-padding) !important;
    margin-bottom: var(--catalog-filters-group-header-margin-bottom) !important;
    user-select: none !important;
    transition: all 0.3s ease !important;
    background: var(--catalog-filters-group-header-bg) !important;
    border-radius: var(--catalog-filters-group-header-border-radius) !important;
    border: var(--catalog-filters-group-header-border) !important;
}

.category_detail .catalog-filters-sidebar .filter-group-header:hover,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-header:hover {
    background: var(--catalog-filters-group-header-bg-hover) !important;
    border: var(--catalog-filters-group-header-border-hover) !important;
    transform: var(--catalog-filters-group-header-transform-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-group.opened .filter-group-header,
.CATALOG_TAB .catalog-filters-sidebar .filter-group.opened .filter-group-header {
    background: var(--catalog-filters-group-header-bg-opened) !important;
    border: var(--catalog-filters-group-header-border-opened) !important;
}

/* ============================================
   НАЗВАНИЕ ГРУППЫ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-group-title,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-title {
    font-family: var(--catalog-filters-group-title-font-family) !important;
    font-weight: var(--catalog-filters-group-title-font-weight) !important;
    font-size: var(--catalog-filters-group-title-font-size) !important;
    color: var(--catalog-filters-group-title-color) !important;
    text-transform: var(--catalog-filters-group-title-text-transform) !important;
    letter-spacing: var(--catalog-filters-group-title-letter-spacing) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.category_detail .catalog-filters-sidebar .filter-group.opened .filter-group-title,
.CATALOG_TAB .catalog-filters-sidebar .filter-group.opened .filter-group-title {
    color: var(--catalog-filters-group-title-color-opened) !important;
}

/* ============================================
   СТРЕЛКА ГРУППЫ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-group-arrow,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-arrow {
    width: var(--catalog-filters-group-arrow-size) !important;
    height: var(--catalog-filters-group-arrow-size) !important;
    color: var(--catalog-filters-group-arrow-color) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.category_detail .catalog-filters-sidebar .filter-group-header:hover .filter-group-arrow,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-header:hover .filter-group-arrow {
    color: var(--catalog-filters-group-arrow-color-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-group.opened .filter-group-arrow,
.CATALOG_TAB .catalog-filters-sidebar .filter-group.opened .filter-group-arrow {
    transform: rotate(180deg) !important;
    color: var(--catalog-filters-group-arrow-color-opened) !important;
}

/* ============================================
   КОНТЕНТ ГРУППЫ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-group-content,
.CATALOG_TAB .catalog-filters-sidebar .filter-group-content {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.3s ease !important;
    padding: 0 !important;
    opacity: 0 !important;
}

.category_detail .catalog-filters-sidebar .filter-group.opened .filter-group-content,
.CATALOG_TAB .catalog-filters-sidebar .filter-group.opened .filter-group-content {
    max-height: 1000px !important;
    padding: var(--catalog-filters-group-content-padding-opened) !important;
    opacity: 1 !important;
    background: var(--catalog-filters-group-content-bg-opened) !important;
    border-radius: var(--catalog-filters-group-content-border-radius-opened) !important;
    margin-top: var(--catalog-filters-group-content-margin-top-opened) !important;
    border: var(--catalog-filters-group-content-border-opened) !important;
    border-top: none !important;
}

/* ============================================
   ЧЕКБОКС ОПЦИЯ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-checkbox-option,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option {
    display: flex !important;
    align-items: center !important;
    margin-bottom: var(--catalog-filters-checkbox-option-margin-bottom) !important;
    margin-top: 0 !important;
    cursor: pointer !important;
    font-size: var(--catalog-filters-checkbox-option-font-size) !important;
    color: var(--catalog-filters-checkbox-option-color) !important;
    transition: all 0.25s ease !important;
    font-family: var(--catalog-filters-checkbox-option-font-family) !important;
    padding: var(--catalog-filters-checkbox-option-padding) !important;
    border-radius: var(--catalog-filters-checkbox-option-border-radius) !important;
    background: var(--catalog-filters-checkbox-option-bg) !important;
    border: var(--catalog-filters-checkbox-option-border) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option:hover,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option:hover {
    color: var(--catalog-filters-checkbox-option-color-hover) !important;
    background: var(--catalog-filters-checkbox-option-bg-hover) !important;
    border: var(--catalog-filters-checkbox-option-border-hover) !important;
    transform: var(--catalog-filters-checkbox-option-transform-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option:last-child,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option:last-child {
    margin-bottom: 0 !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option input,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option input {
    display: none !important;
}

/* ============================================
   ЧЕКБОКС БОКС
   ============================================ */
.category_detail .catalog-filters-sidebar .checkbox-box,
.CATALOG_TAB .catalog-filters-sidebar .checkbox-box {
    width: var(--catalog-filters-checkbox-box-size) !important;
    height: var(--catalog-filters-checkbox-box-size) !important;
    border: var(--catalog-filters-checkbox-box-border) !important;
    border-radius: var(--catalog-filters-checkbox-box-border-radius) !important;
    margin-right: var(--catalog-filters-checkbox-box-margin-right) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    background: var(--catalog-filters-checkbox-box-bg) !important;
    flex-shrink: 0 !important;
    box-shadow: var(--catalog-filters-checkbox-box-shadow) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option:hover .checkbox-box,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option:hover .checkbox-box {
    border: var(--catalog-filters-checkbox-box-border-hover) !important;
    box-shadow: var(--catalog-filters-checkbox-box-shadow-hover) !important;
    transform: var(--catalog-filters-checkbox-box-transform-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option input:checked + .checkbox-box,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option input:checked + .checkbox-box {
    background-color: var(--catalog-filters-checkbox-box-bg-checked) !important;
    border: var(--catalog-filters-checkbox-box-border-checked) !important;
    box-shadow: var(--catalog-filters-checkbox-box-shadow-checked) !important;
    transform: var(--catalog-filters-checkbox-box-transform-checked) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option input:checked + .checkbox-box::after,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option input:checked + .checkbox-box::after {
    content: '' !important;
    width: var(--catalog-filters-checkbox-checkmark-width) !important;
    height: var(--catalog-filters-checkbox-checkmark-height) !important;
    border: var(--catalog-filters-checkbox-checkmark-border) !important;
    border-width: var(--catalog-filters-checkbox-checkmark-border-width) !important;
    transform: rotate(45deg) !important;
    margin-bottom: var(--catalog-filters-checkbox-checkmark-margin-bottom) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option input:checked ~ .checkbox-label,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option input:checked ~ .checkbox-label {
    color: var(--catalog-filters-checkbox-label-color-checked) !important;
    font-weight: var(--catalog-filters-checkbox-label-font-weight-checked) !important;
}

/* ============================================
   МЕТКА ЧЕКБОКСА
   ============================================ */
.category_detail .catalog-filters-sidebar .checkbox-label,
.CATALOG_TAB .catalog-filters-sidebar .checkbox-label {
    flex: 1 !important;
    line-height: var(--catalog-filters-checkbox-label-line-height) !important;
    transition: color 0.2s ease, font-weight 0.2s ease !important;
    color: var(--catalog-filters-checkbox-label-color) !important;
    font-weight: var(--catalog-filters-checkbox-label-font-weight) !important;
}

/* ============================================
   СЧЕТЧИК ЧЕКБОКСА
   ============================================ */
.category_detail .catalog-filters-sidebar .checkbox-count,
.CATALOG_TAB .catalog-filters-sidebar .checkbox-count {
    font-size: var(--catalog-filters-checkbox-count-font-size) !important;
    color: var(--catalog-filters-checkbox-count-color) !important;
    margin-left: var(--catalog-filters-checkbox-count-margin-left) !important;
    font-weight: var(--catalog-filters-checkbox-count-font-weight) !important;
}

.category_detail .catalog-filters-sidebar .filter-checkbox-option input:checked ~ .checkbox-count,
.CATALOG_TAB .catalog-filters-sidebar .filter-checkbox-option input:checked ~ .checkbox-count {
    color: var(--catalog-filters-checkbox-count-color-checked) !important;
}

/* ============================================
   ЦВЕТОВЫЕ ОПЦИИ (КОНТЕЙНЕР)
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-color-options,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--catalog-filters-color-options-gap) !important;
    padding: var(--catalog-filters-color-options-padding) !important;
}

/* ============================================
   ЦВЕТОВАЯ ОПЦИЯ
   ============================================ */
.category_detail .catalog-filters-sidebar .filter-color-option,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option {
    cursor: pointer !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--catalog-filters-color-option-gap) !important;
    padding: var(--catalog-filters-color-option-padding) !important;
    border-radius: var(--catalog-filters-color-option-border-radius) !important;
    transition: all 0.3s ease !important;
    background: var(--catalog-filters-color-option-bg) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option:hover,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option:hover {
    background: var(--catalog-filters-color-option-bg-hover) !important;
    transform: var(--catalog-filters-color-option-transform-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option input,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option input {
    display: none !important;
}

/* ============================================
   ЦВЕТОВОЙ ОБРАЗЕЦ
   ============================================ */
.category_detail .catalog-filters-sidebar .color-swatch,
.CATALOG_TAB .catalog-filters-sidebar .color-swatch {
    display: block !important;
    width: var(--catalog-filters-color-swatch-size) !important;
    height: var(--catalog-filters-color-swatch-size) !important;
    border-radius: 50% !important;
    border: var(--catalog-filters-color-swatch-border) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    box-shadow: var(--catalog-filters-color-swatch-shadow) !important;
}

.category_detail .catalog-filters-sidebar .color-swatch.no-color,
.CATALOG_TAB .catalog-filters-sidebar .color-swatch.no-color {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: var(--catalog-filters-color-swatch-no-color-font-size) !important;
    font-weight: var(--catalog-filters-color-swatch-no-color-font-weight) !important;
    color: var(--catalog-filters-color-swatch-no-color-color) !important;
    background: var(--catalog-filters-color-swatch-no-color-bg) !important;
    border: var(--catalog-filters-color-swatch-no-color-border) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option:hover .color-swatch,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option:hover .color-swatch {
    transform: var(--catalog-filters-color-swatch-transform-hover) !important;
    box-shadow: var(--catalog-filters-color-swatch-shadow-hover) !important;
    border: var(--catalog-filters-color-swatch-border-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option.checked .color-swatch,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option.checked .color-swatch {
    border: var(--catalog-filters-color-swatch-border-checked) !important;
    border-width: var(--catalog-filters-color-swatch-border-width-checked) !important;
    box-shadow: var(--catalog-filters-color-swatch-shadow-checked) !important;
    transform: var(--catalog-filters-color-swatch-transform-checked) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option.checked .color-swatch::after,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option.checked .color-swatch::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: var(--catalog-filters-color-swatch-checkmark-color) !important;
    font-size: var(--catalog-filters-color-swatch-checkmark-size) !important;
    font-weight: var(--catalog-filters-color-swatch-checkmark-font-weight) !important;
    text-shadow: var(--catalog-filters-color-swatch-checkmark-shadow) !important;
    z-index: 1 !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option.checked .color-swatch::before,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option.checked .color-swatch::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: var(--catalog-filters-color-swatch-checkmark-bg-size) !important;
    height: var(--catalog-filters-color-swatch-checkmark-bg-size) !important;
    background: var(--catalog-filters-color-swatch-checkmark-bg) !important;
    border-radius: 50% !important;
    z-index: 0 !important;
}

/* ============================================
   НАЗВАНИЕ ЦВЕТА
   ============================================ */
.category_detail .catalog-filters-sidebar .color-name,
.CATALOG_TAB .catalog-filters-sidebar .color-name {
    font-size: var(--catalog-filters-color-name-font-size) !important;
    color: var(--catalog-filters-color-name-color) !important;
    text-align: center !important;
    max-width: var(--catalog-filters-color-name-max-width) !important;
    line-height: var(--catalog-filters-color-name-line-height) !important;
    transition: all 0.2s ease !important;
    font-weight: var(--catalog-filters-color-name-font-weight) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option:hover .color-name,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option:hover .color-name {
    color: var(--catalog-filters-color-name-color-hover) !important;
}

.category_detail .catalog-filters-sidebar .filter-color-option.checked .color-name,
.CATALOG_TAB .catalog-filters-sidebar .filter-color-option.checked .color-name {
    color: var(--catalog-filters-color-name-color-checked) !important;
    font-weight: var(--catalog-filters-color-name-font-weight-checked) !important;
}

/* ============================================
   ДЕЙСТВИЯ ФИЛЬТРОВ
   ============================================ */
.category_detail .catalog-filters-sidebar .filters-actions,
.CATALOG_TAB .catalog-filters-sidebar .filters-actions {
    margin-top: var(--catalog-filters-actions-margin-top) !important;
    padding-top: var(--catalog-filters-actions-padding-top) !important;
    border-top: var(--catalog-filters-actions-border-top) !important;
}

/* ============================================
   КНОПКА СБРОСА
   ============================================ */
.category_detail .catalog-filters-sidebar .btn-reset-filters,
.CATALOG_TAB .catalog-filters-sidebar .btn-reset-filters {
    display: block !important;
    text-align: center !important;
    padding: var(--catalog-filters-reset-btn-padding) !important;
    background: var(--catalog-filters-reset-btn-bg) !important;
    color: var(--catalog-filters-reset-btn-color) !important;
    border: var(--catalog-filters-reset-btn-border) !important;
    border-radius: var(--catalog-filters-reset-btn-border-radius) !important;
    text-decoration: none !important;
    font-size: var(--catalog-filters-reset-btn-font-size) !important;
    font-weight: var(--catalog-filters-reset-btn-font-weight) !important;
    text-transform: var(--catalog-filters-reset-btn-text-transform) !important;
    letter-spacing: var(--catalog-filters-reset-btn-letter-spacing) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-family: var(--catalog-filters-reset-btn-font-family) !important;
    box-shadow: var(--catalog-filters-reset-btn-shadow) !important;
}

.category_detail .catalog-filters-sidebar .btn-reset-filters:hover,
.CATALOG_TAB .catalog-filters-sidebar .btn-reset-filters:hover {
    background: var(--catalog-filters-reset-btn-bg-hover) !important;
    color: var(--catalog-filters-reset-btn-color-hover) !important;
    border: var(--catalog-filters-reset-btn-border-hover) !important;
    transform: var(--catalog-filters-reset-btn-transform-hover) !important;
    box-shadow: var(--catalog-filters-reset-btn-shadow-hover) !important;
}

.category_detail .catalog-filters-sidebar .btn-reset-filters:active,
.CATALOG_TAB .catalog-filters-sidebar .btn-reset-filters:active {
    transform: var(--catalog-filters-reset-btn-transform-active) !important;
    box-shadow: var(--catalog-filters-reset-btn-shadow-active) !important;
}

/* ============================================
   СООБЩЕНИЕ "НЕТ ФИЛЬТРОВ"
   ============================================ */
.category_detail .catalog-filters-sidebar .no-filters-msg,
.CATALOG_TAB .catalog-filters-sidebar .no-filters-msg {
    text-align: center !important;
    color: var(--catalog-filters-no-filters-color) !important;
    font-size: var(--catalog-filters-no-filters-font-size) !important;
    padding: var(--catalog-filters-no-filters-padding) !important;
    font-style: var(--catalog-filters-no-filters-font-style) !important;
}

/* ============================================
   КНОПКА "ФИЛЬТР" (МОБИЛЬНАЯ)
   ============================================ */
/* Мобильный контейнер фильтров скрыт на ПК по умолчанию */
.category_detail .catalog-sidebar-mobile,
.CATALOG_TAB .catalog-sidebar-mobile {
    display: none !important;
}

.category_detail .mobile-filter-toggle-btn,
.CATALOG_TAB .mobile-filter-toggle-btn {
    display: var(--catalog-filters-mobile-toggle-btn-display) !important;
    width: 100% !important;
    padding: var(--catalog-filters-mobile-toggle-btn-padding) !important;
    margin-bottom: var(--catalog-filters-mobile-toggle-btn-margin-bottom) !important;
    background: var(--catalog-filters-mobile-toggle-btn-bg) !important;
    color: var(--catalog-filters-mobile-toggle-btn-color) !important;
    border: var(--catalog-filters-mobile-toggle-btn-border) !important;
    border-radius: var(--catalog-filters-mobile-toggle-btn-border-radius) !important;
    font-family: var(--catalog-filters-mobile-toggle-btn-font-family) !important;
    font-size: var(--catalog-filters-mobile-toggle-btn-font-size) !important;
    font-weight: var(--catalog-filters-mobile-toggle-btn-font-weight) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--catalog-filters-mobile-toggle-btn-shadow) !important;
    gap: var(--catalog-filters-mobile-toggle-btn-gap) !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
}

.category_detail .mobile-filter-toggle-btn:hover,
.CATALOG_TAB .mobile-filter-toggle-btn:hover {
    background: var(--catalog-filters-mobile-toggle-btn-bg-hover) !important;
    border: var(--catalog-filters-mobile-toggle-btn-border-hover) !important;
    box-shadow: var(--catalog-filters-mobile-toggle-btn-shadow-hover) !important;
}

.category_detail .mobile-filter-toggle-btn svg,
.CATALOG_TAB .mobile-filter-toggle-btn svg {
    width: var(--catalog-filters-mobile-toggle-btn-icon-size) !important;
    height: var(--catalog-filters-mobile-toggle-btn-icon-size) !important;
    color: var(--catalog-filters-mobile-toggle-btn-icon-color) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.category_detail .mobile-filter-toggle-btn:hover svg,
.CATALOG_TAB .mobile-filter-toggle-btn:hover svg {
    color: var(--catalog-filters-mobile-toggle-btn-icon-color-hover) !important;
}

.category_detail .mobile-filter-toggle-btn.active svg,
.CATALOG_TAB .mobile-filter-toggle-btn.active svg {
    transform: var(--catalog-filters-mobile-toggle-btn-icon-transform-open) !important;
}

/* ============================================
   МЕДИА-ЗАПРОСЫ
   ============================================ */
@media (max-width: 991px) {
    /* Кнопка "Фильтр" видна на мобильной версии */
    .category_detail .mobile-filter-toggle-btn,
    .CATALOG_TAB .mobile-filter-toggle-btn {
        display: flex !important;
        margin-bottom: 15px !important;
    }

    /* Скрываем оригинальный sidebar на мобильной версии */
    .category_detail .catalog-layout > .catalog-sidebar,
    .CATALOG_TAB .catalog-layout > .catalog-sidebar {
        display: none !important;
    }

    /* Мобильный контейнер фильтров - раскрывающийся блок под кнопкой */
    .category_detail .catalog-sidebar-mobile,
    .CATALOG_TAB .catalog-sidebar-mobile {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        overflow: hidden !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                    opacity 0.3s ease-out, 
                    margin 0.4s ease-out,
                    visibility 0s linear 0.4s !important; /* Задержка скрытия visibility */
    }

    /* Фильтры видны когда открыты - раскрывающийся блок */
    .category_detail .catalog-sidebar-mobile.filters-open,
    .CATALOG_TAB .catalog-sidebar-mobile.filters-open,
    .category_detail .catalog-content .catalog-sidebar-mobile.filters-open,
    .CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .category_detail .catalog-content .catalog-sidebar-mobile.filters-open,
    .CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB.grey_block .catalog-content .catalog-sidebar-mobile.filters-open {
        max-height: 3000px !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-bottom: 30px !important; /* Прямое значение для гарантированного применения, перекрывает site-background.css */
        margin-top: 0px !important;
        overflow: visible !important;
        display: block !important; /* Явно указываем display */
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                    opacity 0.3s ease-out, 
                    margin 0.4s ease-out,
                    visibility 0s linear 0s !important; /* Убираем задержку при открытии */
    }

    .category_detail .catalog-sidebar-mobile .catalog-filters-sidebar,
    .CATALOG_TAB .catalog-sidebar-mobile .catalog-filters-sidebar {
        background: var(--catalog-filters-sidebar-bg) !important;
        border-radius: var(--catalog-filters-sidebar-border-radius) !important;
        padding: var(--catalog-filters-sidebar-padding) !important;
        max-width: 100% !important;
        width: 100% !important;
        box-shadow: var(--catalog-filters-sidebar-shadow) !important;
        border: var(--catalog-filters-sidebar-border) !important;
        position: relative !important;
        margin: 0 !important;
        max-height: calc(100vh - 250px) !important; /* Ограничение высоты для влезания в экран */
        overflow-y: auto !important; /* Прокрутка если не влезает */
        overflow-x: hidden !important;
        visibility: visible !important; /* Убеждаемся что видимы */
        opacity: 1 !important; /* Убеждаемся что не прозрачны */
    }

    .category_detail .catalog-filters-sidebar,
    .CATALOG_TAB .catalog-filters-sidebar {
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .category_detail .catalog-filters-sidebar .close-filters-btn,
    .CATALOG_TAB .catalog-filters-sidebar .close-filters-btn {
        display: block !important;
    }

    .category_detail .catalog-filters-sidebar .filter-group,
    .CATALOG_TAB .catalog-filters-sidebar .filter-group {
        margin-bottom: 16px !important;
        padding-bottom: 16px !important;
    }

    .category_detail .catalog-filters-sidebar .filter-color-options,
    .CATALOG_TAB .catalog-filters-sidebar .filter-color-options {
        gap: 10px !important;
    }

    .category_detail .catalog-filters-sidebar .color-swatch,
    .CATALOG_TAB .catalog-filters-sidebar .color-swatch {
        width: 32px !important;
        height: 32px !important;
    }

    /* ФИКС: ГАРАНТИРОВАННЫЕ ОТСТУПЫ ДЛЯ МОБИЛЬНОГО КОНТЕЙНЕРА ФИЛЬТРОВ - добавляется в конце для максимального приоритета */
    /* Используем прямое значение вместо переменной для гарантированного применения */
    .category_detail .catalog-content .catalog-sidebar-mobile.filters-open,
    .CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB .catalog-content .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB.grey_block .catalog-content .catalog-sidebar-mobile.filters-open,
    .category_detail .catalog-sidebar-mobile.filters-open,
    .CATALOG_TAB .catalog-sidebar-mobile.filters-open,
    .drag-block.container.CATALOG_TAB .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB .catalog-sidebar-mobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB.grey_block .catalog-sidebar-mobile.filters-open,
    .category_detail #catalogSidebarMobile.filters-open,
    .CATALOG_TAB #catalogSidebarMobile.filters-open,
    .drag-block.container.CATALOG_TAB #catalogSidebarMobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB #catalogSidebarMobile.filters-open,
    .drag-block.container.grey.CATALOG_TAB.grey_block #catalogSidebarMobile.filters-open {
        margin-bottom: 30px !important; /* Прямое значение для гарантированного применения */
        margin-top: 0px !important;
    }
}