.pgc-cat-type-items-container > a {
	text-decoration: none;
}

.pgc-cat-type-items-container.mariart-grid-row {
	row-gap: calc(var(--mariart-grid-row-padding) * 2);
}




.pgc-cat-image-container {
	display: block;
	margin: 0;
	padding: 40% 0;
	background: var(--pgc-colour-light-green);
	border-radius: var(--pgc-border-radius);
	overflow: hidden;
	position: relative;
	
	--icon-size: 80px;
}
.pgc-cat-type-items-container > a:nth-child(2n) .pgc-cat-image-container {
	background: var(--pgc-colour-cream);
}

.pgc-cat-image {
	display: block;
	width: 70%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 10%;
	left: 15%;
	transform: rotate(-15deg);
	z-index: 0;
}


span.cat-tag {
	position: absolute;
	top: calc(50% - (var(--icon-size) / 2));
	left: 5%;
	z-index: 2;
	background: var(--pgc-colour-green);
	color: var(--pgc-colour-white);
	padding: 20px 10px;
	box-sizing: border-box;
	line-height: calc(var(--icon-size) - 40px);
	height: var(--icon-size);
	border-radius: 9000px;
	text-align: center;
}




.pgc-category-product-title {
	padding: var(--mariart-grid-gap) 0;
}




.pgc-cat-type-items-container span.button {
	display: inline-block;
	background: var(--pgc-colour-green);
}
.pgc-cat-type-items-container > a:nth-child(2n) span.button {
	background: var(--pgc-colour-orange);
}




@media screen and (min-width: 1450px) {
	
	.pgc-cat-type-items-container.mariart-grid-row  {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.pgc-cat-type-items-container.mariart-grid-row .pgc-cat-type-item {
		width: auto !important;
	}
	
}