/* Start:/bitrix/templates/aspro-lite/components/bitrix/catalog.smart.filter/main_compact/style.css?17824643306204*/
@media (min-width: 768px) {
  /* ==========================================================================
     ИЗМЕНЕНО: Глобальное выравнивание обертки фильтра в панели сортировки
     ========================================================================== */
  .filter-panel .bx_filter {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
  }

  .hidden_top_sort .filter-panel__main-info {
    display: none;
  }
  .compact .dropdown-select {
    padding: 0px;
    border: none;
  }
  .compact .bx_filter_block {
    padding-top: 0px;
  }
  .compact .bx_filter_parameters_box_title {
    white-space: nowrap;
  }
  .compact .opened .bx_filter_parameters_box_title:not(.prices),
  .compact .set > .bx_filter_parameters_box_title {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: #fff;
    padding-right: 46px;
  }

  .compact .opened .bx_filter_parameters_box_title:hover {
    box-shadow: none;
  }
  .compact .opened.bx_filter_parameters_box .dropdown-select__icon-down use,
  .compact .set .dropdown-select__icon-down use {
    fill: #fff;
  }
/* ==========================================================================
   ИЗМЕНЕНО: Стили кнопки "В наличии" (Исправление оригинальной разметки)
   ========================================================================== */
.filter-panel .compact .bx_filter_parameters_box.limited_block {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 0 0 10px !important; /* Отступ слева, чтобы кнопка встала в ряд */
}

/* Сама кнопка "В наличии" */
.compact .limited_block.bx_filter_block .form-checkbox__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* Выравнивание по левому краю для текста */
  height: 38px !important; 
  padding: 0 40px 0 15px !important; /* Задаем запас справа под крестик (40px) */
  background: #f8f9fa !important; 
  border: 1px solid #e5e5e5 !important;
  border-radius: var(--border-radius, 4px) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  
  position: relative !important; /* Важно для позиционирования крестика внутри */
  margin: 0;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: unset;
  min-height: auto;
  color: var(--white_text_black, #222) !important;
}

/* Ховер для неактивного состояния */
.filter-panel .compact .limited_block.bx_filter_block .form-checkbox__label:hover {
  background: #f0f1f2 !important;
  border-color: #d5d5d5 !important;
}

/* --- АКТИВНОЕ СОСТОЯНИЕ (Когда Аспро вешает .opened) --- */
.compact .opened .limited_block .form-checkbox__label {
  background: #1d55dd !important; /* Синий цвет Аспро */
  border-color: #1d55dd !important;
  color: #fff !important; /* Белый текст */
}

/* ПРАВКА БАГА: Убираем внутренний белый фон, который ломал кнопку на скриншоте */
.compact .opened .limited_block .filter_values,
.compact .limited_block .filter_values {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* Скрываем стандартный квадратный чекбокс */
.compact .limited_block .form-checkbox__box {
  display: none !important;
}

/* --- КРЕСТИК СБРОСА ФИЛЬТРА (.delete_filter) --- */
.compact .opened .limited_block .delete_filter,
.compact .set .limited_block .delete_filter {
  display: flex !important;
}

.compact .limited_block .delete_filter {
  display: none;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 34px !important; /* Компактная область для клика по крестику */
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important; /* Никаких лишних фонов внутри синей кнопки */
}

/* Перекрашиваем иконку крестика в белый цвет */
.compact .opened .limited_block .delete_filter svg {
  stroke: #fff !important;
  fill: none !important;
}

/* Полностью убираем разделительную полосу слева от крестика, чтобы кнопка была монолитной */
.compact .limited_block .delete_filter:before {
  display: none !important;
}

/* Остальные стандартные стили фильтра */
.compact .filter_values {
  padding: 20px 16px;
}
.compact .bx_filter_block--whint .filter_values {
  overflow: visible;
}
.compact .btn-link-text {
  border: none;
  background: none;
  appearance: none;
  cursor: pointer;
  padding: 4px 11px;
}

  /*price*/
  .compact .price_block + .price_block {
    padding-top: 12px;
  }
  .compact .price_block .bx_filter_parameters_box_title {
    padding: 0px;
    cursor: default;
  }

  /*hint*/
  .compact .char_name {
    position: relative;
    margin-top: 12px;
  }
  .compact .props_list .hint {
    position: static;
  }
  .compact .props_list .hint .icon {
    position: static;
  }
  .compact .props_list .hint .text {
    padding: 0 0 0 8px;
    font-size: 13px;
    color: #888888;
  }
  .compact .props_list .hint .tooltip {
    top: -52px;
    opacity: 1;
  }
  .compact .props_list .hint .tooltip:after {
    bottom: -10px;
    left: 56px;
    top: auto;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
  }

  /*filter btn*/
  .compact .bx_filter_button_box {
    padding: 16px 0px 0px;
    display: none;
  }
  .compact .bx_filter_button_box .btn {
    margin: 0px;
  }
  .compact .bx_filter_button_box .btn span {
    padding-left: 5px;
  }
}

#mobilefilter .filter-panel__sort {
  display: none;
}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/toggle-panel.min.css?1781781565521*/
.toggle-panel{--toggle-bg:var(--light, #f4f4f4) var(--dark, #343434);--item-height:30px;--item-pl:10px;--item-pr:10px;background-color:var(--toggle-bg);border:2px solid var(--toggle-bg);border-radius:var(--border-radius);display:flex}.toggle-panel--sm{--item-height:24px;--item-pl:9px;--item-pr:9px}.toggle-panel__item{display:flex;align-items:center;padding:2px var(--item-pr) 2px var(--item-pl);height:var(--item-height)}.toggle-panel__item--current{background-color:#fff;border-radius:calc(var(--border-radius) - 2px)}
/* End */
/* /bitrix/templates/aspro-lite/components/bitrix/catalog.smart.filter/main_compact/style.css?17824643306204 */
/* /bitrix/templates/aspro-lite/css/toggle-panel.min.css?1781781565521 */