var goods = document.querySelectorAll(".card");

goods.forEach(function (notBuy) {
  notBuy.addEventListener("mouseout", function (evt) {
    if (evt.target === this) {
      if (this.classList.contains("card--selected")) {
        this.classList.add("card--hover");
        var timerId = setTimeout(function () {
          goods.classList.remove("card--hover");
        }, 3000);
        clearTimeout(timerId);
      }
    }
  });
});

HTML:
<article class="card card--selected">
  <a class="card__inner-wrapper" href="#">
    <span class="card__name">Лого в обычном состоянии</span>
    <span class="card__name card__name--selected-hover">Лого-по-ховеру на
уже выбранном товаре</span>
    <h2 class="card__title">Наименование товара</h2>
 </a>
 <p class="card__call">Текст<a class="card__link"
 href="#">купи</a></p>
 <p class="card__call card__call--active">Текст2</p>

CSS (основное по карточке товара):
.card {
  margin-bottom: 50px;
  background-color: transparent; }
.card__inner-wrapper {
  display: block;
  position: relative;
  ....
  .card__inner-wrapper::after {
    content: "";
    position: absolute;
    top: 18px;
    left: -11px;
    width: 64px;
    height: 4px;
    background-color: #1698d9;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }
.card__name {
  display: block;
... }
.card__name--hover {
  display: none; }
.card--hover .card__name {
  display: none; }
.card--hover .card__name--selected-hover {
  display: block;
  color: #d91667; }