

/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog/main/style.css?176345500110702*/
.flexbox--row{flex-direction: row !important;}

.table-view__item {padding: 23px 24px 18px;}
.table-view__item-wrapper {align-items: normal;}
.table-view .item-foto {flex-basis: 60px;position: relative;z-index: 1;}
.table-view .item-info {flex-grow: 1;padding: 0px 20px;}
.table-view .item-actions {flex-shrink: 0;width: 47%;}
.table-view .item-icons.s_2 {width: 99px;margin-top: 3px;}
.table-view .item-icons {flex-shrink: 0;padding-left: 19px;text-align: center;}
.table-view .item-info .item-title {margin-bottom: -3px;color: #1d2029;}
.table-view .properties__item.properties__item--compact {margin-top: -2px;line-height: 22px;}
.table-view .properties__item.properties__item--compact:first-of-type {padding-top: 4px;}

.font_sxs {font-size: 13px;line-height: 1.692em;}
.font_xs {font-size: .867em;line-height: 1.692em;}

.bordered {border: 1px solid #eeeeee;}


.item-title.font_sm {font-size: .933em;line-height: 1.500em;}
.item-foto__picture {width: 60px;height: 60px;line-height: 60px;text-align: center;position: relative;}
.item-foto__picture img {display: inline-block;}

.stores-icons {flex-basis: 62px;flex-shrink: 0;text-align: right;}

.properties.list{margin: 0px;}
.properties__item--inline {display: inline; color: #333}

.list-offers .quantity_block_wrapper {padding: 1px 0px !important;}
.list-offers .tab-pane .btn{margin-right: 0px;}
.list-offers .props_list .props_item{font-size: 12px;color: #555}
.list-offers .offer_stores{margin-top: 15px;}
.list-offers div.total_summ{margin: auto !important; padding: 9px 0px 0px;}
.list-offers .counter_block input[type="text"] {width: 100% !important;padding: 7px 24px 7px;}
.list-offers .counter_wrapp.list {margin: 0 -4px;}
.list-offers .counter_wrapp.list .to-cart {padding-left: 4px;padding-right: 4px;width: 100%;}
.list-offers .counter_wrapp {padding: 0 !important;}
.list-offers .counter_wrapp .counter_block{width: 100%; position: relative;}
.list-offers .counter_block .plus, .list-offers .counter_block .minus{position: absolute;}
.list-offers .counter_block .plus{right: 0;}
.list-offers .item:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.15);border-color: #fff;}
.list-offers .quantity_block_wrapper > div{font-size: 12px;}
.list-offers .muted.article{line-height: 15px;margin: 5px 0px 2px;}
.list-offers .opener.top{margin-top: 3px;}
.list-offers .sale_block .text{margin: 1px 0px 1px 0px;}
.list-offers .sale_block .value{margin: 3px 3px 3px 0px;}
.list-offers .button_block .btn{margin-right: 0;}
.list-offers .prices .price_matrix_block .price_wrapper_block .price.discount{display: none;}

.catalog_detail .list-offers .props_list .hint{position: relative;top: 3px;left: 0;}
.catalog_detail .list-offers .props_list .properties__title{position: relative;}

.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .icon{top:3px;}
.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .tooltip{top:26px;}


.counter_wrapp.list > div {width: 50%; float: left; margin: 0; padding: 0px 4px;position: relative;}

.wrapp-one-click {margin-top: 8px;}
.wrapp-one-click .btn {width: 100%;}

.table-view .item-actions .item-buttons .text-form{margin: 8px 0px 0px;}


.like_icons.list span {opacity: 1;visibility: visible;}
.like_icons.list > div {display: inline-block;vertical-align: top;padding: 0px 4px 0px 0px;}

.tabs .tab-content .item{margin-top: -1px !important;}
.tabs .stores_block_wrap .item-stock > span{font-size: 13px !important;}
.tabs .item-stock > span{font-size: 12px !important;}

.counter_wrapp .counter_block{position: relative;}

.like_icons span.added{opacity: 1 !important;}

.counter_block{position: relative;}

.catalog_detail .tabs div.prices_tab {overflow-y: inherit !important;}

/*stores*/
body .stores_wrapper h4 {position: relative;text-align: left;padding-right: 180px;}
body .tab-pane .stores_wrapper h4 {margin-top: 0px;}
body .store.LIST_AMOUNT .tab-pane .stores_wrapper h4 {display: none;}

.stores-title {	position: absolute;	top: 4px;	right: 0}
.stores-title .stores-title__list {	opacity: .5;transition: opacity .3s ease;	font-size: 13px;  font-weight: normal;}
.stores-title .stores-title__list:last-of-type {	padding-left: 24px}
.stores-title .stores-title__list:not(.stores-title--active):hover {	cursor: pointer}
.stores-title .stores-title__list.stores-title--active,.stores-title .stores-title__list:hover {	opacity: 1}
.stores-title .stores-title__list .svg {	margin-right: 4px;	top: -1px}
.stores_block_wrap.combine .contacts_map_list {	padding-bottom: 0}

.tab-pane.stores .stores_tab .stores_block_wrap.combine {position: relative}
.tab-pane.stores .stores_tab .stores_block_wrap .stores-title {top: -12px}
.tab-pane.stores {position: relative}

.tab-pane.reviews #reviews_content {margin-top: 0;}

.wrapper_block.title_left+.contacts_map_list{padding-left: 311px;}
.stores-amount-list:not(.stores-amount-list--active) { display: none}
.with_title .block_container {position: absolute; z-index: 1;background: #fff;display: block;border-right-width: 0;box-shadow: 12px 0 12px -12px rgba(0,0,0,.2);}
.wrapper_block.title_left .block_container {left: 0;width: 312px;height: 500px;}

.with_title .block_container .items{overflow: auto;height: 100%;}
.with_title .block_container .items .item{padding: 21px 29px;border-bottom: 1px solid #f1f1f1;cursor: pointer;}
.with_title .block_container .items .item:hover{background: #fafafa;cursor: pointer;}
.with_title .block_container .items .item .item-stock {margin: 7px 0 0;}

.with_title .block_container .detail_items{display: none;position: absolute;top: 0;z-index: 1;background: #fff;height: 100%;left: 0;width: 312px;overflow: auto;}
.with_title .block_container .detail_items div.item {display: none;}
.with_title .block_container .detail_items .map_info_store {padding: 29px 34px 15px;}

.with_title .block_container .detail_items .top-close {position: absolute;top: 15px;right: 15px;cursor: pointer;opacity: 1;}
.with_title.title_left .block_container .detail_items .top-close svg {width: 10px;height: 10px;}
.with_title.title_left .block_container .detail_items .top-close svg:hover path{fill: #000;}


.drag_block_detail .tabs{margin-top:25px;}
.catalog_detail .drag_block_detail.tabs_section{margin-top:0;}
body .drag_block_detail .bottom_slider.custom_type.tab_slider_wrapp .slider_navigation{top: -41px!important;}
.drag_block_detail.gifts .bx_item_list_you_looked_horizontal ul.slider_navigation.top_big{top: 31px;}
.drag_block_detail.gifts .bx_item_list_you_looked_horizontal .common_product h4.title_block{margin-top: 16px;margin-bottom: 9px;}
.catalog_detail .drag_block_detail.set_block {border-bottom: 1px solid #E7E7E7; margin: 25px 0; padding-bottom: 26px;}
body .bx-set-constructor {border: 1px solid #f2f2f2;margin: 25px 0;}
.catalog_detail .tabs_section .wraps.drag_block_detail ul.tabs_content > li{padding: 0;}
.drag_block_detail.ask{margin-bottom: 25px;}
.drag_block_detail.tizers_block_detail.tizers_block{border-bottom: 1px solid #f2f2f2;margin-top: 40px;}
.catalog_detail .wraps.podborki:empty {padding:0;}
/**/

@media (min-width: 768px){
	.table-view .item-actions .item-price, .table-view .item-actions .item-buttons {width: 50%;}
	.like_icons.list{position: static;}


}
@media all and (min-width: 601px){
	.table-view{display: block !important;}
	/* .like_icons {top: 15px !important;right: 13px !important;} */
}

@media (max-width: 768px){
	.sale_block .value, .sale_block .text{padding: 3px 8px 2px !important; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 16px !important;font-size: 10px !important;}
	.list-offers .offer_stores{display: none;}
	.opener.top {display: none;}
}
@media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
	.with_title .block_container .detail_items, .with_title .block_container .items, body .wrapper_block.with_title .block_container {height: auto;max-height: 300px;}
	body .wrapper_block.with_title .block_container, body .wrapper_block.with_title .block_container .detail_items { position: static; width: 100%;}
	.wrapper_block.with_title+.contacts_map_list {padding-left: 0;padding-right: 0;}
}
@media(min-width: 601px) and (max-width: 767px){
	.table-view .item-actions {flex-wrap: wrap;}
	.like_icons.list > div{display: block;}
}
@media (max-width: 600px){
	.table-view .item-foto__picture {width: auto;height: 250px;line-height: 250px;}

	body .item .item_info.catalog-adaptive > div {width: 100%;padding: 15px 0px 0px;}
	body .item .item_info.catalog-adaptive {display: block;padding: 30px 25px;height: 100%;bottom: -1px;position: relative;}
	body .table-view .table-view__item{padding: 0; width: 100%;}

	.wrapper1:not(.compact-catalog) .ajax_load .table-view {flex-wrap: wrap;}
	.table-view .item-actions {flex-direction: column !important;}
	.table-view .item-actions .item-buttons .text-form {display: none !important;}
	.table-view .table-view__item-wrapper .item-icons {display: none;}
	body .item .item_info.catalog-adaptive .adaptive {display: block;}
	.wrapp-one-click{display: none;}

	body .ce_cmp .table-view .table-view__item{width: 50%;}

	.ce_cmp .table-view .item-foto__picture {width: auto;height: 140px;line-height: 140px;}
	.ce_cmp .tabs .tab-content .item + .item{padding-top: 0;}
	/*.ce_cmp .item + .item:nth-child(2n){border-left-width: 0px;}
	.ce_cmp .list_item .item + .item:nth-child(2n){border-left-width: 1px;}*/
	.ce_cmp .sale_block{display: none;}
	.ce_cmp .list-offers .item_info.catalog-adaptive{padding: 15px 14px 63px 15px;}
	.ce_cmp .list-offers .counter_wrapp.list{position: absolute;left: 11px;right: 11px;margin: 0px;z-index: 5;padding: 0px;bottom: 16px;}
	.ce_cmp .list-offers .prices .price_matrix_block .price_wrapper_block > div{font-size: 12px !important;}

	.list-offers .item_info.catalog-adaptive{text-align: center;}
	.list-offers .table-view__item.item.bordered.table-view__item--has-stores{padding-top: 0;}
	.list-offers .sale_block{margin-bottom: 10px;}
	.catalog_detail .list-offers .props_list .hint{position: static;display: inline;}
    .catalog_detail .list-offers .props_list .hint .icon{position: static;}
    .catalog_detail .list-offers .props_list .hint+span {padding-left: 2px;}

	.ce_cmp .like_icons.list{position: inherit;}
	.like_icons{top: 2px !important;right: 1px !important;}


}

@media (max-width: 500px){
	.wrapper_inner .cost.prices .price{display: inline-block;vertical-align: middle;}
	.ce_cmp .price_matrix_wrapper{margin-bottom: 0;}
	.counter_wrapp .more_text{display: none;}
}

@media (max-width: 460px){
	.ce_cmp .counter_block_inner{display: none;}
	.ce_cmp .counter_wrapp.list > div{width: 100%}
}


.landing_3 {
	margin-bottom: 0px !important;
}
/* End */


/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog.smart.filter/main/style.css?176362387733382*/


/* ========================================
   НОВЫЙ ДИЗАЙН ФИЛЬТРА - С НУЛЯ
   Все классы filter-new-*
   ======================================== */

/* === ОБЕРТКА === */
.filter-new-wrapper {
  background: #ffffff;
  /* position: sticky управляется через JS классы */
}

.filter-new-form {
  width: 100%;
}

/* === СЕКЦИИ === */
.filter-new-sections {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.filter-new-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* === ЗАГОЛОВКИ === */
.filter-new-section-title {
  font-family: "Onest", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.275;
  letter-spacing: 0.02em;
  color: #000000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.filter-new-section-toggle::after {
  content: "›";
  font-size: 20px;
  color: #000000;
  margin-left: auto;
  transition: transform 0.3s ease;
  display: inline-block;
  transform: rotate(90deg);
  line-height: 1;
}

.filter-new-section-active .filter-new-section-toggle::after {
  transform: rotate(270deg);
}

/* === КОНТЕНТ СЕКЦИИ === */
.filter-new-section-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* === ЧЕКБОКСЫ === */
.filter-new-checkbox-item {
  display: flex;
  align-items: center;
}

.filter-new-hidden-values .filter-new-checkbox-item {
  margin-bottom: 10px;
}

.filter-new-checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.filter-new-checkbox-label {
  display: flex;
  align-items: center;
  gap: 13px;
  cursor: pointer;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.275;
  letter-spacing: 0.02em;
  color: #000000;
  position: relative;
  user-select: none;
}

/* Кастомный чекбокс - теперь в flex потоке */
.filter-new-checkbox-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 2px solid #999595;
  border-radius: 4px;
  background: #ffffff;
  transition: all 0.2s ease;
  flex-shrink: 0;
  order: -2; /* Чекбокс всегда первый */
}

/* Галочка */
.filter-new-checkbox-input:checked + .filter-new-checkbox-label::before {
  background: #c50001;
  border-color: #c50001;
  /* Добавляем галочку через псевдоэлемент внутри ::before нельзя, используем background-image */
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.75 9L7.5 12.75L14.25 5.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

/* Отключенный чекбокс */
.filter-new-checkbox-label.filter-new-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.filter-new-checkbox-text {
  color: #000000;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 14px;
  order: 0; /* Текст всегда последний */
  display: inline-block;
}

.filter-new-count {
  color: #999595;
  font-size: 14px;
}

/* === ИКОНКИ КАМНЕЙ (градиенты или картинки) === */
/* Порядок: чекбокс (::before, order: -2) → картинка (order: -1) → текст (order: 0) */
.filter-new-stone-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  order: -1; /* Между чекбоксом и текстом */
}

/* === КАРТИНКИ ИЗ HIGHLOAD (для типов G и H) === */
.filter-new-image-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  order: -1; /* Между чекбоксом и текстом */
}

/* === ЦЕНА === */
.filter-new-price-inputs {
  display: flex;
  gap: 7px;
  width: 100%;
}

.filter-new-price-input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px;
  background: #f2f2f2;
  border-radius: 10px;
  min-width: 0;
}

.filter-new-price-prefix {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #999595;
  white-space: nowrap;
  flex-shrink: 0;
}

.filter-new-input {
  /* Убираем все стили по умолчанию */
  all: unset;
  /* Оставляем только цвет текста */
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  background: transparent !important;
  border: unset !important;
  padding: 0 !important;
}

.filter-new-input::placeholder {
  color: #999595;
}

/* === СЛАЙДЕР noUiSlider === */
.filter-new-slider-wrapper {
  width: 100%;
  margin-top: 10px;
  padding: 14px; /* Отступы для ручек со всех сторон (28px / 2 = 14px) */
}

.filter-new-slider-range {
  height: 5px;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

/* Основание слайдера (серая полоска) */
.filter-new-slider-range .noUi-base {
  height: 5px;
  background: #f2f2f2;
}

.filter-new-slider-range .noUi-target {
  background: #f2f2f2;
  border: none;
  box-shadow: none;
  height: 5px;
  border-radius: 0;
}

/* Красная активная зона */
.filter-new-slider-range .noUi-connect {
  background: #c50001;
  height: 5px;
}

/* Ручки (точки) */
.filter-new-slider-range.noUi-horizontal .noUi-handle {
  width: 28px;
  height: 28px;
  background: #c50001;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  top: -11.5px; /* Центрируем относительно полоски 5px */
  outline: none;
}

.filter-new-slider-range.noUi-horizontal .noUi-handle:before,
.filter-new-slider-range.noUi-horizontal .noUi-handle:after {
  display: none; /* Убираем стандартные стрелки */
}

.filter-new-slider-range.noUi-horizontal .noUi-handle:hover {
  background: #a00001;
}

.filter-new-slider-range.noUi-horizontal .noUi-handle:active {
  background: #a00001;
}

/* Убираем тултипы */
.filter-new-slider-range .noUi-tooltip {
  display: none;
}

/* Горизонтальное расположение */
.filter-new-slider-range .noUi-horizontal {
  height: 5px;
}

.filter-new-slider-range .noUi-horizontal .noUi-handle {
  width: 28px;
  height: 28px;
  right: -14px; /* Половина ширины */
  top: -11.5px;
}

/* === СКРЫТЫЕ ЭЛЕМЕНТЫ === */
.filter-new-hidden-values {
  display: none;
  flex-direction: column;
}

/* === КНОПКА "ПОКАЗАТЬ ЕЩЕ" === */
.filter-new-show-more {
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0;
  background: transparent;
  border: none;
  font-family: "Onest", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.275;
  letter-spacing: 0.02em;
  color: #c50001;
  cursor: pointer;
  text-align: left;
  transition: opacity 0.2s ease;
}

.filter-new-show-more:hover {
  opacity: 0.8;
}

/* === КНОПКИ === */
.filter-new-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}

.filter-new-result {
  font-family: "Onest", sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
}

.filter-new-btn {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 10px;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  padding: 0;
  margin: 0;
}

.filter-new-btn-primary {
  background: #c50001;
  color: #f2f2f2;
}

.filter-new-btn-primary:hover {
  background: #a00001;
}

.filter-new-btn-secondary {
  background: #f2f2f2;
  color: #c50001;
}

.filter-new-btn-secondary:hover {
  background: #e0e0e0;
}

/* === ЛОАДЕР В КНОПКЕ (DESKTOP) === */
.filter-new-btn-loader {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}

.filter-new-btn-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: filter-new-spin 0.6s linear infinite;
}

@keyframes filter-new-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Состояние кнопки при загрузке */
.filter-new-btn-primary.loading {
  pointer-events: none;
  opacity: 0.8;
}

/* === ВСПЛЫВАЮЩЕЕ ОКОШКО (modef) === */
/* Единое окно внутри filter-new-sections */
#modef {
  position: absolute;
  left: 100%;
  margin-left: 15px;
  top: 0;
  background: #c50001;
  border: none;
  border-radius: 10px;
  padding: 10px 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  font-family: "Onest", sans-serif;
  font-size: 14px;
  color: #ffffff;
  white-space: nowrap;
  transition: top 0.2s ease;
  align-items: center;
  gap: 10px;
}

.filter-new-result-text {
  color: #ffffff;
  font-weight: 500;
}

.filter-new-result-btn {
  background: #ffffff;
  color: #c50001;
  padding: 5px 15px;
  /*border-radius: 5px;*/
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

.filter-new-result-btn:hover {
  background: #f2f2f2;
  color: #a00001;
}

/* Контейнер для позиционирования */
.filter-new-sections {
  position: relative;
}

/* === СЧЕТЧИК В КНОПКЕ === */
#filter_count_btn {
  font-weight: 600;
}

/* Переопределяем старые стили bx_filter_parameters_box для новых секций */
.filter-new-wrapper .bx_filter_parameters_box {
  /* Сбрасываем старые стили если они есть */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.filter-new-wrapper .bx_filter_parameters_box:hover {
  background: transparent !important;
}

/* === АДАПТИВ === */
@media (max-width: 768px) {
  .filter-new-wrapper {
    width: 100%;
  }
}

/* ============================================
   МОБИЛЬНАЯ ВЕРСИЯ ФИЛЬТРА (НОВАЯ РЕАЛИЗАЦИЯ)
   ============================================ */

/* Скрываем по умолчанию */
.filter-mobile-wrapper {
  display: none;
}

/* Показываем только на мобильных */
@media (max-width: 991px) {
  /* Скрываем desktop версию */
  .filter-new-wrapper {
    display: none !important;
  }

  /* === ОСНОВНОЙ КОНТЕЙНЕР === */
  .filter-mobile-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .filter-mobile-wrapper.show {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
  }

  /* === OVERLAY === */
  .filter-mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .filter-mobile-wrapper.show .filter-mobile-overlay {
    opacity: 1;
  }

  /* === КОНТЕЙНЕР ФИЛЬТРА === */
  .filter-mobile-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 90dvh;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }

  .filter-mobile-wrapper.show .filter-mobile-container {
    transform: translateY(0);
  }

  /* === ШАПКА === */
  .filter-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    flex-shrink: 0;
  }

  .filter-mobile-title {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: #000000;
  }

  .filter-mobile-close {
    background: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #000000;
  }

  /* === ФОРМА === */
  .filter-mobile-form {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
  }

  /* === СПИСОК СЕКЦИЙ === */
  .filter-mobile-sections {
    flex: 1;
    padding: 0;
  }

  /* .filter-mobile-section - без дополнительных стилей по макету */

  .filter-mobile-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 10px 20px;
  }

  /* === БЛОК ЦЕНЫ === */
  .filter-mobile-price-block {
    padding: 0 20px 20px 20px;
  }

  .filter-mobile-price-inputs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
  }

  .filter-mobile-price-input-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f2f2f2 !important;
    border: unset !important;
    border-radius: 10px !important;
    padding: 10px 15px !important;
  }

  .filter-mobile-price-prefix {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #999595;
    white-space: nowrap;
  }

  .filter-mobile-input {
    all: unset !important;
    width: 100% !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: normal !important;
  }

  .filter-mobile-input::placeholder {
    color: #999595 !important;
  }

  .filter-mobile-slider-wrapper {
    padding: 14px;
  }

  /* === СТИЛИ СЛАЙДЕРА (noUiSlider) === */
  .filter-mobile-slider-range {
    height: 5px;
    box-shadow: none !important;
    border: none !important;
  }

  .filter-mobile-slider-range .noUi-base {
    height: 5px;
    background: #f2f2f2;
  }

  .filter-mobile-slider-range .noUi-target {
    background: #f2f2f2;
    border: none;
    box-shadow: none;
    height: 5px;
    border-radius: 0;
  }

  .filter-mobile-slider-range .noUi-connect {
    background: #c50001;
    height: 5px;
  }

  .filter-mobile-slider-range .noUi-handle {
    width: 28px !important;
    height: 28px !important;
    background: #c50001;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    top: -11.5px !important;
  }

  .filter-mobile-slider-range .noUi-handle:before,
  .filter-mobile-slider-range .noUi-handle:after {
    display: none;
  }

  .filter-mobile-slider-range .noUi-handle:hover {
    background: #a00001;
  }

  .filter-mobile-slider-range .noUi-handle:active {
    background: #a00001;
  }

  .filter-mobile-slider-range .noUi-tooltip {
    display: none;
  }

  .filter-mobile-slider-range .noUi-horizontal {
    height: 5px;
  }

  .filter-mobile-slider-range .noUi-horizontal .noUi-handle {
    width: 28px;
    height: 28px;
    right: -14px;
    top: -11.5px;
  }

  .filter-mobile-section-title {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .filter-mobile-section-name {
    font-family: "Onest", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
  }

  .filter-mobile-count {
    display: none;
    font-family: "Onest", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #c50001;
  }

  /* === ПРЕВЬЮ (первые 5 элементов, всегда видимы) === */
  .filter-mobile-preview {
    padding: 0 20px 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .filter-mobile-item {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    user-select: none;
    background: #f2f2f2;
    border-radius: 30px;
    transition: background 0.2s ease;
  }

  /* Кнопка "Еще X" для мобильных фильтров */
  .filter-mobile-more-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    user-select: none;
    background: #f2f2f2;
    border-radius: 30px;
    border: none;
    color: #c50001;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  .filter-mobile-more-btn:hover {
    background: #c50001;
    color: white;
  }

  .filter-mobile-item-text {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #000000;
  }

  .filter-mobile-item-selected {
    background: #c50001;
  }

  .filter-mobile-item-selected .filter-mobile-item-text {
    color: #fff;
  }

  /* Заблокированные элементы в мобильном фильтре */
  .filter-mobile-item-disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  .filter-mobile-item-disabled .filter-mobile-item-text {
    color: #999;
  }

  /* Иконка камня для свойства "Цвет вставки" в мобильной версии */
  .filter-mobile-stone-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid #e5e5e5;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .filter-mobile-item-with-image {
    padding: 5px;
    min-width: 40px;
    justify-content: center;
    background: none !important;
  }

  .filter-mobile-item-with-image.filter-mobile-item-selected {
    border: 1px solid #c50001 !important;
  }

  .filter-mobile-item-selected .filter-mobile-stone-icon {
    border-color: #ffffff;
  }

  /* Заблокированные элементы в развернутом окне */
  .filter-mobile-expanded-item-disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  .filter-mobile-expanded-item-disabled .filter-mobile-checkbox-text {
    color: #999;
  }

  /* Крестик для удаления */
  .filter-mobile-item-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    background: #c50001;
    color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s ease;
  }

  .filter-mobile-item-remove:hover {
    background: #a00001;
  }

  .filter-mobile-show-all {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #c50001 !important;
    text-decoration: none;
    padding: 0;
    display: inline-block;
  }

  /* Новая кнопка "Все" / "Скрыть" для показа скрытых элементов */
  .filter-mobile-expand-items {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #c50001 !important;
    text-decoration: none;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .filter-mobile-expand-items:hover {
    opacity: 0.8;
  }

  .filter-mobile-expand-items:visited,
  .filter-mobile-expand-items:active,
  .filter-mobile-expand-items:focus {
    color: #c50001 !important;
    text-decoration: none;
  }

  /* Скрытые элементы в превью */
  .filter-mobile-item-hidden {
    display: none;
  }

  .filter-mobile-item-hidden.filter-mobile-item-visible {
    display: inline-flex !important;
  }

  /* === КНОПКА "СБРОСИТЬ ВСЕ" === */
  .filter-mobile-reset-all-wrapper {
    padding: 0px 20px 15px;
  }

  .filter-mobile-reset-all {
    border: none;

    font-size: 14px;
    font-weight: 400;
    color: #c50001;
    cursor: pointer;
    text-decoration: none;
    background: #f2f2f2;
    border-radius: 30px;

    padding: 5px 10px;
  }

  /* === ЛОАДЕР МОБИЛЬНОГО ФИЛЬТРА === */
  .filter-mobile-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10003;
    pointer-events: none;
  }

  .filter-mobile-loader-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f2f2f2;
    border-top: 5px solid #c50001;
    border-radius: 50%;
    animation: filter-mobile-spin 0.8s linear infinite;
  }

  @keyframes filter-mobile-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /* === ФУТЕР (STICKY) === */
  .filter-mobile-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    padding-bottom: calc(15px + env(safe-area-inset-bottom));
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    display: flex;
    gap: 10px;
    flex-shrink: 0;
    z-index: 10;
  }

  .filter-mobile-btn {
    flex: 1;
    height: 48px;
    border-radius: 10px;
    border: none;
    font-family: "Onest", sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .filter-mobile-btn-primary {
    background: #c50001;
    color: #ffffff;
    position: relative;
  }

  .filter-mobile-btn-secondary {
    background: #f2f2f2;
    color: #000000;
  }

  /* Лоадер в кнопке */
  .filter-mobile-btn-loader {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
  }

  .filter-mobile-btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: filter-mobile-spin 0.6s linear infinite;
  }

  @keyframes filter-mobile-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /* Состояние кнопки при загрузке */
  .filter-mobile-btn-primary.loading {
    pointer-events: none;
    opacity: 0.8;
  }

  /* === РАЗВЕРНУТАЯ СЕКЦИЯ === */
  .filter-mobile-expanded {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 90dvh;
    min-height: 90dvh;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
    z-index: 10002 !important;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
  }

  .filter-mobile-expanded.show {
    transform: translateX(0);
  }

  .filter-mobile-expanded-header {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
    flex-shrink: 0;
  }

  .filter-mobile-back {
    background: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #000000;
    margin-left: -10px;
  }

  .filter-mobile-expanded-title {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
    color: #000000;
  }

  /* === ПОИСК === */
  .filter-mobile-search {
    padding: 15px 20px;
    position: relative;
  }

  .filter-mobile-search-icon {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .filter-mobile-search-input {
    width: 100% !important;
    height: 40px !important;
    padding: 10px 10px 10px 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #999595 !important;
  }

  .filter-mobile-search-input::placeholder {
    color: #999595;
  }

  /* === ВЫБРАННЫЕ ЭЛЕМЕНТЫ В РАЗВЕРНУТОМ ОКНЕ === */
  .filter-mobile-selected-items {
    padding: 0 20px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .filter-mobile-selected-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #c50001;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 14px;
    color: #ffffff;
  }

  .filter-mobile-selected-item-remove {
    width: 18px;
    height: 18px;
    background: #c50001;
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
  }

  /* === КНОПКА СБРОСА ДЛЯ СВОЙСТВА === */
  .filter-mobile-reset-property-btn {
    height: 40px;
    padding: 5px 10px;
    background: #f2f2f2;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    color: #c50001;
    cursor: pointer;
    transition: background 0.2s ease;
    white-space: nowrap;
  }

  .filter-mobile-reset-property-btn:hover {
    background: #e5e5e5;
  }

  /* === КОНТЕНТ РАЗВЕРНУТОЙ СЕКЦИИ === */
  .filter-mobile-expanded-content {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    -webkit-overflow-scrolling: touch;
  }

  .filter-mobile-expanded-item {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 12px;
  }

  .filter-mobile-expanded-item:last-child {
    border-bottom: none;
  }

  .filter-mobile-expanded-item label {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    cursor: pointer;
  }

  .filter-mobile-expanded-item input[type="checkbox"] {
    width: 23px;
    height: 23px;
    border: 2px solid #999595;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff;
    position: relative;
  }

  .filter-mobile-expanded-item input[type="checkbox"]:checked {
    background: #c50001 !important;
    border-color: #c50001 !important;
  }

  .filter-mobile-expanded-item input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Картинка */
  .filter-mobile-image-icon {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 90px;
    flex-shrink: 0;
    order: 1;
  }

  /* Текст */
  .filter-mobile-checkbox-text {
    font-size: 16px;
    color: #000000;
    order: 2;
    flex: 1;
  }

  /* Если есть картинки - особый порядок */
  .filter-mobile-label-with-image {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .filter-mobile-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .filter-mobile-label-with-image input[type="checkbox"],
  .filter-mobile-label input[type="checkbox"] {
    order: 3;
  }

  /* === ФУТЕР РАЗВЕРНУТОЙ СЕКЦИИ === */
  .filter-mobile-expanded-footer {
    padding: 15px 20px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    flex-shrink: 0;
  }

  .filter-mobile-expanded-footer .filter-mobile-btn {
    width: 100%;
  }
}

/* ============================================
   КНОПКА ВЫЗОВА ФИЛЬТРА (MOBILE)
   ============================================ */

.catalog-filter-new-button-wrapper {
  display: inline-block;
}

.catalog-filter-new-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 15px;
  background: #c50001;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 1.36;
  min-height: 40px;
}

.catalog-filter-new-button:hover {
  background: #e5e5e5;
}

/* Активное состояние - красная кнопка */
/*.catalog-filter-new-button.active {
	background: #C50001;
	color: #FFFFFF;
}*/

.catalog-filter-new-button.active:hover {
  background: #a00001;
}

.catalog-filter-new-button.active .catalog-filter-new-text {
  color: #ffffff;
}

.catalog-filter-new-button.active .catalog-filter-new-icon {
  color: #ffffff;
}

.catalog-filter-new-text {
  white-space: nowrap;
  color: inherit;
}

.catalog-filter-new-icon {
  flex-shrink: 0;
}

/* На desktop скрываем кнопку фильтра */
@media (min-width: 992px) {
  .catalog-filter-new-button-wrapper {
    display: none;
  }
}

/* Быстрые фильтры */
.catalog-quick-filters-wrapper {
  margin-top: 15px;
  padding: 15px 0;
}

.catalog-quick-filters-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.catalog-quick-filter-item {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: #f2f2f2;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  color: #000;
  user-select: none;
  margin-bottom: 0 !important;
}

.catalog-quick-filter-item:hover {
  background: #d9d9d9;
}

.catalog-quick-filter-item.active {
  background: #c50001;
  color: white;
}

.catalog-quick-filter-item.active:hover {
  background: #a00001;
  border-color: #a00001;
}

.catalog-quick-filter-text {
  font-weight: 500;
}

/* Крестик для удаления */
.catalog-quick-filter-remove {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: transparent;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  margin-left: 8px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.catalog-quick-filter-item.active .catalog-quick-filter-remove {
  display: inline-flex;
}

.catalog-quick-filters-more {
  background: #f2f2f2;
  color: #c50001;
  border-radius: 30px;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.catalog-quick-filters-more:hover {
  background: #c50001;
  color: white;
}

/* Адаптивность */
@media (max-width: 768px) {
  .catalog-quick-filters-list {
    gap: 10px;
  }

  .catalog-quick-filter-item {
    padding: 6px 12px;
    font-size: 13px;
  }

  .catalog-quick-filters-more {
    padding: 6px 12px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .catalog-quick-filters-wrapper {
    margin-top: 0;
    padding: 10px 0;
  }

  .catalog-quick-filters-list {
    gap: 10px;
  }

  .catalog-quick-filter-item {
    padding: 5px 10px;
    font-size: 12px;
  }

  .sections_wrapper {
    margin-bottom: 0 !important;
  }
}

/* Десктоп версия - элементы в 1 строку */
@media (min-width: 992px) {
  .catalog-quick-filters-wrapper {
    margin-top: 0;
    padding: 0;
    flex: 1;
    min-width: 0; /* Для правильной работы flex */
  }

  .catalog-quick-filters-list {
    margin-bottom: 0;
    flex-wrap: wrap; /* Позволяем перенос для расчетов в JS */
  }
}


/* Sticky контейнер для фильтра */
.filter-sticky-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Когда фильтр больше контейнера - разрешаем выход за пределы */
.filter-sticky-container.filter-overflow {
  height: auto;
  min-height: 100%;
}

@media (max-width: 991px) {
  .catalog-controls-new-wrapper {
    z-index: 1000;
    background: #ffffff;
  }
}

/* ========================================
   СТИЛИ ДЛЯ ПОДРАЗДЕЛОВ КАК БЫСТРЫХ ФИЛЬТРОВ
   ======================================== */

/* Ссылки на подразделы - наследуют стили от catalog-quick-filter-item */
.subsection-filter-link {
  text-decoration: none;
  color: #000;
}

.subsection-filter-link:hover {
  text-decoration: none;
}

/* Счётчик товаров в подразделе */
.subsection-count {
  opacity: 0.6;
  font-size: 0.9em;
  margin-left: 4px;
}

/* При наведении на ссылку подраздела */
.subsection-filter-link:hover .subsection-count {
  opacity: 0.8;
}


.filter-sticky-container .inner-wrapper-sticky {
	position: relative;
	transform: translate(0, 0);
	transition: transform 0.3s ease;
  }
  .filter-sticky-container.is-affixed .inner-wrapper-sticky {
	position: fixed;
	z-index: 100;
  }
  .filter-sticky-container.is-affixed.is-affixed-bottom .inner-wrapper-sticky {
	position: absolute;
  }
/* End */


/* Start:/bitrix/templates/aspro_next/css/nouislider.min.css?17634550014220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */
/* /bitrix/templates/aspro_next/components/bitrix/catalog/main/style.css?176345500110702 */
/* /bitrix/templates/aspro_next/components/bitrix/catalog.smart.filter/main/style.css?176362387733382 */
/* /bitrix/templates/aspro_next/css/nouislider.min.css?17634550014220 */
