/* base range (لازم ولی نامرئی) */
input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  width: 100%;
  pointer-events: none;
}

/* webkit thumb */
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  pointer-events: all;
  background: #fff;
  border: 2px solid #3ba1ff;
  border-radius: 50px;
  height: 1rem;
  width: 1rem;
  position: relative;
  z-index: 20; /* px حذف شد */
}

/* firefox thumb */
input[type='range']::-moz-range-thumb {
  background: #fff;
  border: 2px solid #3ba1ff;
  border-radius: 50px;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  pointer-events: all;
}

/* ie / edge legacy */
input[type='range']::-ms-thumb {
  background: #fff;
  border: 2px solid #3ba1ff;
  border-radius: 50px;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
}

/* track reset (ضروری برای تاچ موبایل) */
input[type='range']::-webkit-slider-runnable-track {
  background: transparent;
}

input[type='range']::-moz-range-track {
  background: transparent;
}

input[type='range']::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}