.slider-container {
    /*width: 400px;*/ /* طول بیشتر اسلایدر */
    display: flex;
    align-items: center;
    gap: 15px;
}

    .slider-container label {
        font-size: 18px;
        color: #333;
    }

    .slider-container .slider {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 10px; /* کمی ضخیم‌تر */
        background: #ddd;
        border-radius: 5px;
        outline: none;
        position: relative;
    }

        .slider-container .slider::-webkit-slider-runnable-track {
            background: linear-gradient(to left, #ff1e09 var(--value, 5%), #ddd 0%);
            height: 10px;
            border-radius: 5px;
        }

        .slider-container .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #ff1e09;
            cursor: pointer;
            transition: background 0.3s;
        }

            .slider-container .slider::-webkit-slider-thumb:hover {
                background: #e61908;
            }

    .slider-container .value {
        font-size: 18px;
        color: linear-gradient(90deg, rgba(223, 42, 25, 1) 0%, rgba(223, 42, 25, 0.5634628851540616) 43%, rgba(223, 42, 25, 0.10968137254901966) 99%);
        font-weight: bold;
        min-width: 50px; /* برای نمایش منظم مقدار */
        text-align: center;
    }