.btn-fx-blue .tn-atom {
  color: white !important;
  font-weight: 420;
  font-size: 18px;
  line-height: 1.4;
  border-radius: 5px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 transition: background-color 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.btn-fx-blue .tn-atom:hover {
  background-color: #0a518f !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(3, 63, 109, 0.3);
}



.btn-fx-orange .tn-atom {
  color: white !important;
  font-weight: 420;
  font-size: 18px;
  line-height: 1.4;
  border-radius: 5px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 transition: background-color 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.btn-fx-orange .tn-atom:hover {
  background-color: #e8755c !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(3, 63, 109, 0.3);
}

.t-store__card__title,
.t-store__card__title a {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;

  line-height: 1.35em !important;
  max-height: 2.7em !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* 1. Делаем серыми карточки товаров в стандартных блоках (ST300, ST305N и др.) */
.js-store-grid-cont .js-store-prod-out-of-stock,
.t-store__grid-cont .js-store-prod-out-of-stock {
    filter: grayscale(100%) !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
}

/* 2. Для товаров, у которых внутри карточки просто отключена кнопка (на всякий случай) */
.t-store__card:has(.js-store-buy-btn-out-of-stock) {
    filter: grayscale(100%) !important;
    opacity: 0.5 !important;
}

/* Возвращаем цвет при наведении курсора */
.js-store-grid-cont .js-store-prod-out-of-stock:hover,
.t-store__grid-cont .js-store-prod-out-of-stock:hover,
.t-store__card:has(.js-store-buy-btn-out-of-stock):hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}