.product-grid {
	--a-r: var(--a-r-prod);
	--columns: 4;
	display: grid;
	grid-template-columns: repeat(var(--columns), 1fr);
	column-gap: 32px;
	row-gap: 50px;
}
@media (max-width: 1120px) {
	.product-grid {
		column-gap: var(--br-mob);
	}	
}
@media (max-width: 800px) {
	.product-grid {
		--columns: 3;
	}
}
@media (max-width: 600px) {
	.product-grid {
		--columns: 2;
	}
}
.product-thumb {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.product-thumb img {
	transition: transform 0.5s;
}
a.product-thumb:hover img {
  transform: scale(1.1);
}
.product-thumb .btn {
	transition-duration: 0.5s;
	transition-property: background-color;
	margin-top: 10px;
}
.product-thumb .name {
	margin: 16px 0;
	color: var(--c-darkgray);
	font-weight: var(--f-w-medium);
	line-height: 1.2em;
}
.product-thumb .old-price {
	text-decoration: line-through;
	color: var(--c-disabled);
	margin-top: auto;
	color: var(--c-darkgray);
	line-height: 1.6em;
}
.product-thumb .special {
	color: var(--c-darkgray);
	font-weight: var(--f-w-medium);
	line-height: 1.6em;
}
.product-thumb .price {
	margin-top: auto;
	color: var(--c-darkgray);
	font-weight: var(--f-w-medium);
	line-height: 1.6em;
}
@media (min-width: 471px) {
	a.product-thumb:hover .btn.bk-green {
		background-color: var(--c-green-darker);
	}
}
@media (max-width: 470px) {
	.product-thumb .btn {
		display: inline;
		height: auto;
		background-color: transparent;
		text-transform: none;
		width: auto;
		text-align: left;
		padding: 0;
		margin-top: 5px;
	}
	.product-thumb .btn.bk-green {
		color: var(--c-green);
	}
	.product-thumb .btn.bk-disabled {
		color: var(--c-disabled);
	}
	.product-thumb .btn.bk-soon {
		color: var(--c-soon);
	}
	.product-thumb {
		text-align: left;
	}
	.product-thumb .name {
		margin-bottom: 5px;
	}
}