.nm-attribute-slider {
    margin-top: 29px;
    margin-bottom: 20px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

.nm-attribute-slider-range {
    position: relative;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
    text-align: left;
    height: 1px;
    background-color: #dadada;
    width: calc(100% - 24px) !important;
}

/* noUiSlider styles */
.noUi-connect {
    background-color: #dadada;
}

.noUi-handle {
    position: absolute;
    top: -8px;
    z-index: 2;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    outline: 0;
    cursor: ew-resize;
    border: 1px solid #282828;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: none;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none;
}

.noUi-handle:hover {
    background: #f5f5f5;
}

.noUi-handle:active {
    background: #000;
    border-color: #fff;
}

.nm-attribute-slider-amount {
    margin-top: 0;
    margin-left: 9px;
    display: block;
}

.nm-attribute-slider-amount input {
    display: none;
}

.nm-attribute-slider-label {
    display: inline-block;
    font-size: 14px !important;
    color: #777 !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    margin-top: 18px !important;
    letter-spacing: 0.01em;
    font-family: "Roboto", sans-serif !important;
}

/* Hide pip labels */
.noUi-pips {
    display: none;
}

/* Loading state */
#nm-shop.loading .nm-attribute-slider-range {
    pointer-events: none;
}

/* --- Attribute Slider: Thin line & round handles for jQuery UI Slider --- */
.nm-attribute-slider .ui-slider-horizontal {
    width: calc(100% - 32px) !important;
    margin-left: 8px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
    height: 2px !important; /* or 1px for ultra-thin */
    background: #dadada !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Commented out to avoid conflict */
/* .nm-attribute-slider .ui-slider-horizontal {
    width: 100% !important;
} */

.nm-attribute-slider .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    top: -7px !important; /* Center the handle on the line */
    margin-left: -8px !important;
    border-radius: 50% !important;
    border: 1px solid #282828 !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: ew-resize !important;
    outline: none !important;
    z-index: 2;
}
.nm-attribute-slider .ui-slider-handle:hover {
    background: #f5f5f5 !important;
}
.nm-attribute-slider .ui-slider-handle:active {
    background: #000 !important;
    border-color: #fff !important;
}
/* --- End attribute slider custom --- */

.nm-attribute-slider,
.nm-attribute-slider-range,
.nm-attribute-slider .noUi-horizontal,
.nm-attribute-slider .noUi-base {
    margin-left: 9px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.nm-attribute-slider-label {
    display: inline-block;
    font-size: 14px !important;
    color: #777 !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    margin-top: 18px !important;
    letter-spacing: 0.01em;
    font-family: "Roboto", sans-serif !important;
}

/* Remove margins from all except the range container */
.nm-attribute-slider,
.nm-attribute-slider .noUi-horizontal,
.nm-attribute-slider .noUi-base,
.nm-attribute-slider .noUi-origin {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.nm-attribute-slider-range {
    margin-left: 9px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.nm-attribute-slider .noUi-base,
.nm-attribute-slider .noUi-origin {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

.nm-attribute-slider-label {
    display: inline-block;
    font-size: 14px !important;
    color: #777 !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    margin-top: 18px !important;
    letter-spacing: 0.01em;
    font-family: "Roboto", sans-serif !important;
}

/* Hide unwanted theme Load More buttons except the one inside #nm-shop-products or #nm-infload */
.nm-infload-controls .nm-infload-btn {
    display: none !important;
}
#nm-shop-products .nm-infload-btn,
#nm-infload .nm-infload-btn {
    display: inline-block !important;
}

.nm-attribute-slider-widget .ui-slider {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 50px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.nm-attribute-slider-widget .ui-slider-handle {
    z-index: 2;
}