/* Start:/local/templates/rustruck/components/bitrix/catalog/catalog/style.css?17732106856457*/ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } .catalog-block-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} @media (max-width: 991px) { /* 1. Липкая панель */ .catalog-header { position: -webkit-sticky; position: sticky; top: 70px !important; z-index: 100 !important; /* Умеренный z-index для липкой панели */ background: #ffffff !important; padding: 10px 0; border-bottom: 1px solid #f0f0f0; } /* 2. Контейнер для кнопки и текста "Фильтр" */ .catalog-header__right { display: flex !important; align-items: center !important; gap: 12px !important; /* Расстояние между желтой кнопкой и словом Фильтр */ } /* Сама желтая кнопка (теперь только иконка) */ .filters-open { width: 40px !important; min-width: 40px !important; height: 40px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; position: relative !important; } /* Иконка внутри кнопки - центрируем её обратно */ .filters-open svg, .filters-open::before { position: static !important; /* Отменяем абсолютное позиционирование */ transform: none !important; margin: 0 !important; } /* Надпись "Фильтр", которая теперь рядом */ .mobile-filter-text { display: inline-block !important; font-size: 14px; font-weight: 500; color: #000; order: 2; /* Убеждаемся, что текст идет вторым */ } /* 3. ИСПРАВЛЕНИЕ ПЕРЕКРЫТИЯ: Блок фильтров должен быть ВЫШЕ всего */ /* Обычно это класс .catalog-filters или .smart-filter */ .catalog-filters { position: fixed !important; /* Возвращаем fixed для работы скролла */ top: 0 !important; left: 100%; /* Исходная позиция (скрыт справа) */ width: 100% !important; height: 100vh !important; /* На всю высоту экрана */ z-index: 2000 !important; /* Самый высокий индекс, чтобы быть ПОВЕРХ липкого меню */ background-color: #fff !important; overflow-y: auto !important; /* Разрешаем внутреннюю прокрутку */ -webkit-overflow-scrolling: touch; /* Плавный скролл на iPhone */ transition: left 0.3s ease; } .catalog-filters.catalog-filters--visible { left: 0 !important; } /* Внутренняя обертка фильтров (чтобы был отступ снизу для кнопок) */ .catalog-filters__wrap { padding-bottom: 80px !important; height: auto !important; } /* Если у вас фильтр открывается как боковая панель или попап, нужно найти его основной контейнер. Чаще всего это: */ .bx-filter.bx-filter-vertical, .smart-filter { z-index: 10000 !important; } } .mobile-filter-text { display: none !important; } /* --- 2. МОБИЛЬНАЯ ВЕРСИЯ --- */ @media (max-width: 991px) { /* Делаем группу фильтра флексом, чтобы кнопка и текст стояли рядом */ .catalog-header__filter-group { display: flex !important; align-items: center !important; gap: 10px; /* Расстояние между кнопкой и словом */ } /* Показываем надпись только здесь */ .mobile-filter-text { display: inline-block !important; font-size: 14px; font-weight: 500; color: #000; } /* Настройка основного контейнера, чтобы группы разлетелись по краям */ .catalog-header__right { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; } /* Сама кнопка фильтра (желтая) */ .filters-open { width: 40px !important; height: 40px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } /* Обязательно проверяем Sticky (липкость) */ .catalog-header { position: -webkit-sticky; position: sticky; top: 80px !important; /* Убедитесь, что это высота вашей шапки */ z-index: 100 !important; background: #fff !important; } .catalog-filters { width: 100% !important; max-width: 100% !important; } .catalog-filters__wrap, .catalog-filters__top { width: 100% !important; max-width: 100% !important; /* Это перекроет значение 31.2rem */ } } /* End */ /* Start:/local/templates/rustruck/components/bitrix/catalog/catalog/bitrix/catalog.compare.list/.default/style.css?16485432261265*/ .bx_catalog-compare-list{ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; z-index:998; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:270px; max-height:100%; padding:10px 8px 0; white-space:normal; color:#404040; border:1px solid #b7b7b7; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.18); margin-bottom: 10px; } .bx_catalog-compare-list.fix{ position:fixed; } .bx_catalog-compare-list.top{ top:5px; } .bx_catalog-compare-list.right{ right:5px; } .bx_catalog-compare-list.bottom{ bottom:5px; } .bx_catalog-compare-list.left{ left:5px; } .bx_catalog-compare-list .bx_catalog_compare_form { } .bx_catalog-compare-list:hover .bx_catalog_compare_form { } .bx_catalog-compare-list a{ font-size:11px; color:#327ab7; } .bx_catalog-compare-list a:hover{ text-decoration:none; } .bx_catalog_compare_count p{ margin:0 0 10px 0; } .bx_catalog_compare_count p.compare-redirect{ text-align: center; font-weight: bold; } .bx_catalog-compare-list .compare-items td{ font-size:12px; font-weight:bold; padding-bottom:10px; vertical-align: top; } /* End */ /* /local/templates/rustruck/components/bitrix/catalog/catalog/style.css?17732106856457 */ /* /local/templates/rustruck/components/bitrix/catalog/catalog/bitrix/catalog.compare.list/.default/style.css?16485432261265 */