/* ===== SLIDER BASE ===== */

.range-slider-js.ui-slider {
    height: 2px;
    background: #D9D9D9;
    border: none;
    border-radius: 10px;
    position: relative;
}

/* ===== ACTIVE RANGE ===== */

.range-slider-js .ui-slider-range {
    background: #FF5A47;
    height: 2px;
}

/* ===== HANDLES ===== */

.range-slider-js .ui-slider-handle {
    width: 18px;
    height: 18px;
    background: #FF5A47;
    border-radius: 50%;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -9px;
    cursor: pointer;
}

/* убираем стандартные обводки */
.range-slider-js .ui-slider-handle:focus,
.range-slider-js .ui-slider-handle:active {
    outline: none;
    box-shadow: none;
}

/* ===== HOVER (по желанию) ===== */

.range-slider-js .ui-slider-handle:hover {
    transform: translateY(-50%) scale(1.1);
}

/* ===== FIX ЛИШНИХ СТИЛЕЙ jQuery UI ===== */

.ui-widget.ui-widget-content {
    border: none;
}

.ui-slider .ui-slider-range {
    border: none;
}