.cabinet .product-items{
	margin: 0 -.5% 5px;
}
.cabinet .product-item{
	margin: 0 .5% 15px;
	width: 24%;
}
@media screen and (max-width: 1220px) {
	.cabinet .product-item{
		width: 32.33%;
	}
}
@media screen and (max-width: 1020px) {
	.cabinet .product-items{
		margin: 0 -1%;
	}
	.cabinet .product-item{
		margin: 0 1% 15px;
		width: 48%;
	}
}
@media screen and (max-width: 500px) {
	.cabinet .product-items{
		margin: 0;
	}
	.cabinet .product-item{
		margin: 0 0 15px;
		width: 100%;
	}
}


.favor svg path {
    fill: white;
    stroke: black;
    stroke-width: 1;
}

.favor.active svg path {
    fill: red;
    stroke: none;
}

.product-item {
    position: relative;
    display: inline-block; /* Или другие нужные стили */
}

.favor {
    display: none; /* Скрыто по умолчанию */
    position: absolute;
    top: 10px; /* Расположите иконку по своему усмотрению */
    right: 10px;
    text-decoration: none;
    position: absolute;
    right: 4px;
    top: 10px;
}

.product-item:hover .favor {
    display: block; /* Показывать иконку при наведении на product-item */
}