/* Container */
    #price-slider {
        margin-top   : 10px;
        margin-bottom: 15px;
        height       : 4px;
    }

    /* Track */
    .noUi-target,
    .noUi-connects {
        border-radius: 999px;
        height: 5px;
    }

    .noUi-target {
        height    : 4px;
        background: var(--accent-100, #f5f5f5);
    }

    .noUi-connect {
        background: var(--accent, #ff7da6);
    }

    /* Handles (nút kéo) */
    .noUi-horizontal .noUi-handle {
        width        : 18px;
        height       : 18px;
        border-radius: 50%;
        border       : 2px solid #ffffff;
        background   : #EE4D2D;
        box-shadow   : 0 1px 4px rgba(0, 0, 0, 0.16);
        cursor       : grab;
        top          : -8px;
        /* căn giữa track */
        transition   : transform 0.2s ease;
    }
    /* Giữ handle trong phạm vi track */
    .noUi-horizontal .noUi-origin:first-child .noUi-handle {
        left: 9px;
    }
    .noUi-horizontal .noUi-origin:last-child .noUi-handle {
        right: -5px;
    }

    /* Ẩn các vạch dọc mặc định trên handle và thêm icon */
    .noUi-handle:before {
        content: '💰'; 
        position: absolute;
        top: -16px; /* đẩy icon lên trên handle */
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #f26e3e;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        pointer-events: none;
        text-shadow: 0 0 4px rgba(242, 110, 62, 0.4);
    }
    

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

    .noUi-handle:hover {
        transform: scale(1.15);
        background: #f26e3e;
        /* Hiệu ứng đổ bóng đều xung quanh */
        box-shadow: 
            0 0 10px rgba(242, 110, 62, 0.7),
            0 0 20px rgba(242, 110, 62, 0.5),
            0 0 30px rgba(242, 110, 62, 0.3);
        transition: all 0.2s ease;
    }
    

    /* Khi đang kéo */
    .noUi-active {
        transform : scale(1.2) !important;
        background: var(--accent, #f26e3e) !important;
    }