.js-store-prod-sold-out.t-store__card__sold-out-msg {
  text-transform: uppercase !important; /* верхний регистр */
  color: #d33c41 !important;            /* красный оттенок */
  font-weight: bold !important;         /* жирный текст */
}




/* Стили кнопки ADD TO CART */
.t-btn.t-btnflex.t-btnflex_type_button.t744__btn {
  background-color: #d33c41 !important; /* красный фон */
  color: #ffffff !important;           /* белый текст */
  border-radius: 0 !important;         /* убираем скругления */
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

/* Hover эффект */
.t-btn.t-btnflex.t-btnflex_type_button.t744__btn:hover {
  background-color: #ffffff !important; /* белый фон */
  color: #000000 !important;            /* чёрный текст */
}



/* ===== Размеры (S M L XL) — белые, выбранный красный #d33c41 ===== */

/* Скрываем нативный checkmark и радио */
.t-product__option-item .t-product__option-checkmark { display:none !important; }
.t-product__option-item .t-product__option-input {
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Базовый вид капсул — без скругления, компактно */
.t-product__option-item.t-product__option-item_buttons {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 6px 6px 0 !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;           /* без скругления */
  cursor: pointer !important;
  padding: 4px 12px !important;          /* компактные отступы */
  line-height: 1.2 !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}

/* Текст внутри (наследует цвет от контейнера) */
.t-product__option-item .t-product__option-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Hover — лёгкий серый */
.t-product__option-item.t-product__option-item_buttons:hover {
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

/* АКТИВНЫЙ размер — 2 способа фиксации: по классу и по input:checked */
.t-product__option-item.t-product__option-item_buttons.t-product__option-item_active,
.t-product__option-item.t-product__option-item_buttons:has(.t-product__option-input:checked) {
  background: #d33c41 !important;
  border-color: #d33c41 !important;
}
.t-product__option-item.t-product__option-item_buttons.t-product__option-item_active .t-product__option-title,
.t-product__option-item.t-product__option-item_buttons:has(.t-product__option-input:checked) .t-product__option-title {
  color: #ffffff !important;
}

/* Фоллбек для браузеров без :has() — через соседство (если структура меняется) */
.t-product__option-input:checked + .t-product__option-checkmark + .t-product__option-title {
  /* цвет текста */
  color: #ffffff !important;
}
.t-product__option-input:checked + .t-product__option-checkmark + .t-product__option-title::before {
  /* трюк: красим контейнер через тень, если :has нет — обычно не потребуется,
     но оставим на всякий случай; основной способ — по .t-product__option-item_active */
  box-shadow: inset 0 0 0 9999px #d33c41 !important;
}

/* Фокус (клавиатура/мобайл) — тонкий красный обвод */
.t-product__option-item:focus-within {
  outline: none !important;
  box-shadow: inset 0 0 0 2px #d33c41 !important;
}


/* ADD TO CART button — высота 25px, шрифт 20px */
.t-btn.t-btnflex.t-btnflex_type_button.t744__btn {
  background-color: #d33c41 !important; /* красный фон */
  color: #ffffff !important;            /* белый текст */
  border-radius: 0 !important;          /* без скруглений */
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  height: 28px !important;              /* фиксированная высота */
  line-height: 25px !important;         /* выравнивание текста */
  padding: 0 20px !important;           /* горизонтальные отступы */
  font-size: 18px !important;           /* крупный шрифт */
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

/* Hover */
.t-btn.t-btnflex.t-btnflex_type_button.t744__btn:hover {
  background-color: #ffffff !important; /* белый фон */
  color: #000000 !important;            /* чёрный текст */
}