/* Скрываем стандартные radio / checkbox */

.uc-calculator input[type="radio"],
.uc-calculator input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Внешний вид варианта */

.uc-calculator .t-radio__control,
.uc-calculator .t-checkbox__control {
  padding: 9px 20px !important;
  margin: 0 0 10px  !important;

  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 20px !important;

  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}


/* Убираем стандартный кружок / квадрат */

.uc-calculator .t-radio__indicator,
.uc-calculator .t-checkbox__indicator {
  display: none !important;
}


/* Текст */

.uc-calculator .t-radio__text,
.uc-calculator .t-checkbox__text {
  margin: 0 !important;
  padding: 0 !important;
}


/* Выбранный вариант */

.uc-calculator .t-radio__control:has(
  input[type="radio"]:checked
),
.uc-calculator .t-checkbox__control:has(
  input[type="checkbox"]:checked
) {
  background: #ffe34c !important;
  border-color: #ffe34c !important;
}


/* Hover */

@media (hover: hover) {

  .uc-calculator .t-radio__control:hover,
  .uc-calculator .t-checkbox__control:hover {
    border-color: #ffe34c !important;
    background: #fff5ba !important;
  }

  .uc-calculator .t-radio__control:has(
    input[type="radio"]:checked
  ):hover,
  .uc-calculator .t-checkbox__control:has(
    input[type="checkbox"]:checked
  ):hover {
    background: #ffe34c !important;
    border-color: #ffe34c !important;
  }

}


/* Focus с клавиатуры */

.uc-calculator .t-radio__control:has(
  input[type="radio"]:focus-visible
),
.uc-calculator .t-checkbox__control:has(
  input[type="checkbox"]:focus-visible
) {
  outline: 1px solid #000 !important;
  outline-offset: 1px !important;
}


/* ---------------------------------------------------------
   RangeSlider
   --------------------------------------------------------- */

.uc-calculator .t-range__interval-txt {
  font-size: 16px !important;
}

.uc-calculator .t-range__value-txt {
  font-size: 14px !important;
  border-radius: 50px !important;
  margin: 0 10px !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
  outline: 1px solid  #e5e5e5 !important;
}


/* Дорожка */

.uc-calculator .t-range::-webkit-slider-runnable-track {
  height: 6px !important;
  border-radius: 100px !important;
  margin: 0 10px !important;
  box-shadow: inset 0 0 0 5px rgba(255, 227, 76, 0.3) !important;
}


/* Ползунок */

.uc-calculator .t-range::-webkit-slider-thumb {
  width: 20px !important;
  height: 20px !important;

  border-radius: 50% !important;
}


/* Firefox */
.uc-calculator .t-range::-moz-range-track {
  height: 6px !important;
  border-radius: 100px !important;
  box-shadow: inset 0 0 0 2px #cccccc !important;
}

.uc-calculator .t-range::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;

  border-radius: 50% !important;
  border: none !important;
}


.old-price span {
  text-decoration: line-through !important;
  color: #999 !important;
  font-weight: 400 !important;
}


* {
    -webkit-tap-highlight-color: transparent;
}