/* Базовое состояние карточки */
.product-card .product-image {
  transition: border 0.3s ease;
  border: 1px solid transparent; /* изначально рамки нет */
  border-radius: 24px; /* можно подправить радиус */}

.product-card .product-title {
  transition: color 0.3s ease;
/* Эффект при наведении */
.product-card:hover .product-image {
  border: 1px solid #0261FC; /* появляется рамка */
}

.product-card:hover .product-title {
  color: #0261FC; /* заголовок меняет цвет */
}