/* تایپوگرافی و ساختار عمومی */
.kw-range{
    text-align:right;
    font-family:"IRANSansXVF", IRANSans, system-ui, -apple-system, Arial, sans-serif;
    font-weight:600;
    font-size:12px;
    line-height:1;
    letter-spacing:-0.03em;
    color:#000;
    width:279px;
}
.kw-range__labels{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-direction: row-reverse;
}
.kw-range__label{ white-space:nowrap; }
/* اگر در ویو از --right/--left استفاده شده: */
.kw-range__label--right{ order:2; }
.kw-range__label--left{ order:1; }
/* اگر در ویو از --min/--max استفاده شده هم پوشش بده: */
.kw-range__label--min{ order:2; }
.kw-range__label--max{ order:1; }

.kw-range__track{ position:relative; margin-bottom:12px; }

/* --- noUiSlider --- */
.kw-range__noui.noUi-target{
    border:none; box-shadow:none; background:transparent;
    height:36px; padding:0 16px; direction:rtl;
}
.kw-range__noui .noUi-base{ height:36px; }
.kw-range__noui .noUi-connects{ position:relative; }

/* خط زمینه‌ی 2px خاکستری */
.kw-range__noui.noUi-horizontal .noUi-connects::before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    height: 2px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

/* قطعه‌ی بین دو هندل (باید #000 باشد) */
.kw-range__noui.noUi-horizontal .noUi-connect{
    background:#000;
    height:2px;
    top:50%;
    transform:translateY(-50%);
    border-radius:2px;
}

/* هندل‌ها دقیقاً وسط خط */
.kw-range__noui.noUi-horizontal .noUi-handle{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    left: -14px;
    top: -2%;
    transform: translateY(4px);
    border: 1px solid black;
    background: #C3C9D1;
    cursor: pointer;
}
.kw-range__noui.noUi-horizontal .noUi-handle:before{
    content: "";
    background: url(http://127.0.0.1:8000/site-v2/img/icons/touch-area.svg) no-repeat center / cover;
    background-size: contain;
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    margin: 7px;
}

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

/* چک‌باکس 22×22 با پس‌زمینه #000 و radius=4px */
.kw-range__agree{ display:flex; align-items:center; gap:10px; }
.kw-range__agree-text{ font:inherit; color:#000; }
.kw-checkbox{ position:relative; display:inline-flex; align-items:center; }
.kw-checkbox input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.kw-checkbox__box{
    width:22px; height:22px; border-radius:4px; background:#000;
    display:inline-block; position:relative;
}
.kw-checkbox input:checked + .kw-checkbox__box::after{
    content:""; position:absolute; inset:5px;
    background:url("/site-v2/img/icons/check.svg") no-repeat center/cover;
}
.kw-range__actions{
    display:flex;
    justify-content:center;
    margin-top:16px;
}

.kw-range__btn-confirm{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:9999px;
    cursor:pointer;
    user-select:none;
    transition:transform .12s ease, box-shadow .2s ease;
}

.kw-range__btn-confirm:hover{
    transform:translateY(-1px);
}

.kw-range__btn-confirm:active{
    transform:translateY(0);
}

.kw-range__btn-confirm:focus-visible{
    outline:0;
    box-shadow:0 0 0 3px rgba(255,255,255,.24);
}