/* Скрываем стандартные радио-кнопки */
.t-radio input[type="radio"] {
  display: none;
}

/* Стилизуем каждый вариант как цветной кружок */
.t-product__option-label.t-radio {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
}

/* Названия цветов больше не нужны — скрываем */
.t-product__option-title {
  display: none;
}

/* Фоны по значению input */
.t-product__option-label:has(input[value="Красный"]) {
  background-color: #ff0000;
}
.t-product__option-label:has(input[value="Синий"]) {
  background-color: #0000ff;
}
.t-product__option-label:has(input[value="Зелёный"]) {
  background-color: #00ff00;
}

/* Обводка у выбранного варианта */
.t-radio input[type="radio"]:checked + .t-product__option-title {
  display: none;
}
.t-radio input[type="radio"]:checked ~ .t-product__option-title {
  display: none;
}
.t-radio input[type="radio"]:checked ~ * {
  border-color: #000;
}