li.product-card {
	background-color: var(--w);
	flex: 0 0 calc(25% - 15px);
	border-radius: 8px;
	overflow: hidden;
}

li.product-card .product-card__image {
	display: flex;
	align-items: center;
}

li.product-card .product-card__image img {
	width: 100%;
}

li.product-card .product-card__details {
	padding: 0 24px 24px;
	text-align: center;
}

li.product-card .product-card__link {
	text-decoration: none;
}

li.product-card .product-card__link .product-card__sku {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--text);
	font-weight: bold;
	display: block;
	margin: 0;
}

li.product-card .product-card__link h2 {
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0 0;
	font-family: var(--ff2);
	color: var(--1);
}

li.product-card .product-card__category {
	background-color: #f5f5f5;
	color: var(--2);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	text-decoration: none;
	font-size: 10px;
	padding: 8px 15px;
	border-radius: 8px;
	display: table;
	margin: 20px auto;
}

li.product-card .product-card__price {
	color: var(--1);
	font-size: 16px;
}

/* ══ RESPONSIVE ══════════════════════════════════════════════════════════ */

@media screen and (max-width: 991px) {

	li.product-card {
		flex: 0 0 calc(33.333% - 13.34px);
	}
}

@media screen and (max-width: 767px) {

	li.product-card {
		flex: 0 0 calc(50% - 6px);
	}

	li.product-card .product-card__details {
		padding: 0 12px 16px;
	}

	li.product-card .product-card__link .product-card__sku {
		font-size: 10px;
		letter-spacing: 2px;
	}

	li.product-card .product-card__link h2 {
		font-size: 17px;
		margin-top: 14px;
	}

	li.product-card .product-card__category {
		font-size: 9px;
		padding: 6px 10px;
		margin: 14px auto;
	}

	li.product-card .product-card__price {
		font-size: 14px;
	}
}