/* ========== Универсальная перекраска для активных опций в попапе каталога ========== */

/* Наш собственный класс — гарантированно перекрасит выбранную опцию */
.custom-active {
  background-color: #3874cd !important;
  border-color: #3874cd !important;
  color: #ffffff !important;
}

/* Поддержка типичных Тильда-классов (на всякий случай) */
.t-store__prod-popup__option-item.t-store__prod-popup__option-item_active,
.t-store__prod-popup__option-item.t-active,
.t-store__prod-popup__option.t-active,
.t-store__prod-popup__option.t-store__prod-popup__option_active,
.t-popup .t-store__prod-popup__option-item_active,
.t-popup .t-store__prod-popup__option-item.t-active {
  background-color: #3874cd !important;
  border-color: #3874cd !important;
  color: #ffffff !important;
}

/* Часто используются радио/label элементы */
.t-radio__label.t-active,
.t-radio__label.active,
.t-input__option.t-active {
  background-color: #3874cd !important;
  border-color: #3874cd !important;
  color: #fff !important;
}

/* Hover */
.t-store__prod-popup__option-item:hover,
.t-radio__label:hover,
.t-input__option:hover {
  border-color: #3874cd !important;
}

/* Плавность анимации */
.t-store__prod-popup__option-item,
.t-radio__label,
.t-input__option,
.custom-active {
  transition: all 0.18s ease !important;
}