/* --- фильтр цены: инпуты --- */
.price-range .mse2_number_inputs {
  gap: 15px;
}

/**
* mFilter2: .mse2_number_slider → как .price-range__sliders (Freeman Tools)
* После jquery-ui.min.css и price-range__v-....css
*/

.price-range .mse2_number_slider,
#mse2_filters .mse2_number_slider {
  position: relative;
  box-sizing: border-box;
  /* jQuery UI ставит ручки на 0%/100% ширины — padding не помогает.
     Узкий трек + отступы: ручка (−20px) остаётся внутри .price-range. */
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin-top: 28px;
  margin-bottom: 10px;
  margin-inline: 20px;
  padding: 0;
  min-height: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: rgb(var(--text-color, 0 0 0));
  overflow: visible;
}

/* линия трека */
.price-range .mse2_number_slider::before,
#mse2_filters .mse2_number_slider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: rgb(var(--text-color, 0 0 0));
  z-index: 0;
  pointer-events: none;
}

.price-range .mse2_number_slider.ui-slider-horizontal,
#mse2_filters .mse2_number_slider.ui-slider-horizontal {
  height: 40px;
  overflow: visible;
}

/* main.css: .js .disclosure__panel { overflow: hidden } — перебиваем для цены */
.js .facets .fieldset_wrapper .filter.disclosure[data-type="price_range"] .disclosure__panel.has-motion,
.js .facets .fieldset_wrapper .filter.disclosure[data-type="price_range"] .disclosure__content {
  overflow: visible !important;
}

.price-range .mse2_number_slider .ui-widget-content,
.price-range .mse2_number_slider .ui-widget-header,
#mse2_filters .mse2_number_slider .ui-widget-content,
#mse2_filters .mse2_number_slider .ui-widget-header {
border: 0;
background: transparent;
}

.price-range .mse2_number_slider .ui-slider-range,
#mse2_filters .mse2_number_slider .ui-slider-range {
z-index: 1;
top: 50%;
height: 2px;
margin-top: -1px;
background: rgb(var(--text-color, 0 0 0));
border-radius: 0;
}

/* зона захвата 40px, рисуем кольцо в ::after — без просветов на линии */
.price-range .mse2_number_slider .ui-slider-handle,
#mse2_filters .mse2_number_slider .ui-slider-handle {
z-index: 2;
box-sizing: border-box;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
margin-left: -20px;
border: 0;
border-radius: 50%;
background: transparent;
background-image: none;
box-shadow: none;
cursor: grab;
outline: none;
}

.price-range .mse2_number_slider .ui-slider-handle::after,
#mse2_filters .mse2_number_slider .ui-slider-handle::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 24px;
height: 24px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgb(var(--bg-color, 255 255 255));
box-shadow: inset 0 0 0 2px rgb(var(--text-color, 0 0 0));
transition: box-shadow 0.3s ease;
pointer-events: none;
}

.price-range .mse2_number_slider .ui-slider-handle:hover::after,
.price-range .mse2_number_slider .ui-slider-handle:focus::after,
.price-range .mse2_number_slider .ui-slider-handle.ui-state-active::after,
#mse2_filters .mse2_number_slider .ui-slider-handle:hover::after,
#mse2_filters .mse2_number_slider .ui-slider-handle:focus::after,
#mse2_filters .mse2_number_slider .ui-slider-handle.ui-state-active::after {
box-shadow: inset 0 0 0 2px rgb(var(--link-color, 0 0 0));
}

.price-range .mse2_number_slider .ui-slider-handle:active,
#mse2_filters .mse2_number_slider .ui-slider-handle:active {
cursor: grabbing;
}

.price-range .mse2_number_slider .ui-state-default,
.price-range .mse2_number_slider .ui-state-hover,
.price-range .mse2_number_slider .ui-state-focus,
#mse2_filters .mse2_number_slider .ui-state-default,
#mse2_filters .mse2_number_slider .ui-state-hover,
#mse2_filters .mse2_number_slider .ui-state-focus {
border: 0;
background: transparent;
background-image: none;
box-shadow: none;
}

/* --- разделители между фильтрами (cordless-construction-tools) --- */
/* https://7.go-up.info/template/cordless-construction-tools.html */
/* facet-filters: .facets .disclosure { border-bottom } — одна линия на блок */

.facets .facets__filters > .fieldset_wrapper,
.facets .facets__filters > details-disclosure {
  margin: 0 2px;
  padding: 0;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid rgba(var(--text-color) / 0.15);
}

/* последний фильтр в списке — без линии (как :last-of-type на эталоне) */
.facets .facets__filters > .fieldset_wrapper:last-of-type,
.facets .facets__filters > details-disclosure:last-of-type {
  border-bottom: 0;
}

/* линия на обёртке, не дублируем на details внутри */
.facets .facets__filters > .fieldset_wrapper > .filter.disclosure,
.facets .facets__filters > details-disclosure > .filter.disclosure {
  margin: 0;
  border-bottom: 0;
}

/* mFilter2 без обёртки — граница на самом details */
.facets .facets__filters > .filter.disclosure {
  margin: 0 2px;
  border-bottom: 1px solid rgba(var(--text-color) / 0.15);
}

.facets .facets__filters > .filter.disclosure:last-of-type {
  border-bottom: 0;
}

.facets .facets__filters .fieldset_wrapper .filter__toggle,
.facets .facets__filters details-disclosure .filter__toggle {
  list-style: none;
  cursor: pointer;
}

.facets .facets__filters .fieldset_wrapper .filter__toggle::-webkit-details-marker,
.facets .facets__filters details-disclosure .filter__toggle::-webkit-details-marker {
  display: none;
}

.facets .facets__filters .fieldset_wrapper .disclosure__content,
.facets .facets__filters details-disclosure .disclosure__content {
  padding-bottom: calc(6 * var(--space-unit));
}

.facets .facets__filters .fieldset_wrapper .filter__content,
.facets .facets__filters details-disclosure .filter__content {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .facets .facets__filters > .fieldset_wrapper,
  .facets .facets__filters > details-disclosure {
    margin-left: 0;
    margin-right: 0;
  }
}