ul.list-unstyled li a {
    color: inherit;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;
}
ul.list-unstyled li a:hover {
    color: blue;
}
ul.list-unstyled li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: blue;
    transition: width 0.3s ease;
}
ul.list-unstyled li a:hover::after {
    width: 100%;
}

.badge {
  transition:
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.2s ease;
  cursor: default;
}

.badge:hover {
  color: #0d6efd;
  box-shadow: 0 0 8px rgba(13, 110, 253, 0.6);
  transform: scale(1.05);
  cursor: pointer;
}
.container .row {
    padding-left: 10px;
}
/* Отмена hover-эффектов на устройствах без hover */
@media (hover: none) {
  ul.list-unstyled li a:hover {
    color: inherit;
  }
  ul.list-unstyled li a:hover::after {
    width: 0;
  }

  .badge:hover {
    color: inherit;
    box-shadow: none;
    transform: none;
    cursor: default;
  }

  .card-product-grid:hover {
    border: none !important;
    box-shadow: none !important;
  }
}