.template-collection {
	#main {
		max-width: 100%;
		overflow: hidden;
	}
}

.CollectionHeading {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: var(--spacing__24px);
	margin-top: 0;
	padding: var(--spacing__140px) var(--spacing__10px) 0;

	@media screen and (min-width: 768px) {
		padding: var(--spacing__180px) var(--spacing__40px) 0;
		flex-direction: row;
	}

	@media screen and (min-width: 1140px) {
		padding: var(--spacing__140px) var(--spacing__40px) 0;
	}

	h1.Heading {
		margin: 0;
		font-size: var(--font-size__20px_to_60px);
		text-transform: capitalize;
		line-height: normal;
	}
}

.ProductItem__Info {
	padding: var(--spacing__10px) var(--spacing__4px);
	gap: var(--spacing__5px);

	@media screen and (min-width: 768px) {
		padding: var(--spacing__10px);
	}

	.ProductItem__Title.Heading {
		text-transform: inherit;
		font-weight: 500;
		font-size: var(--font-size__14px_to_18px);
		line-height: normal;
	}

	.ProductItem__PriceList {
		line-height: normal;
	}

	.ProductItem__Price {
		line-height: normal;
	}
}

.ProductItem__Label {
	margin: 0;
	padding: var(--spacing__12px) var(--spacing__10px);
	border-radius: var(--border-radius__5px);
	background-color: var(--color__tag);
	color: var(--color__black);
	font-weight: 500;
	line-height: normal;
}

.ProductItem__Image,
.prductitem-quickadd {
	border-radius: var(--border-radius__8px);
}