/** Shopify CDN: Minification failed

Line 15:29 Expected ":"

**/
.product-card-wrapper .card {
	--product-card-border-width: 0.2rem;
	--product-card-corner-radius: 1rem;
	--product-card-border-opacity: 1;
	border: var(--border-width) solid rgba(var(--custom-light-purple), var(--border-opacity));
}

.template-collection-bundles .product-card-wrapper .card {
	--product-card-image-padding: 2rem;
	--product-card-corner-radius
}

.product-card-wrapper .card__heading {
	font-family: var(--font-body-family);
	font-size: 2rem;
	margin: 0;
}

.product-card-wrapper .card__extra-information {
	font-family: var(--font-body-family);
	font-size: 1.4rem;
	margin: 0;
	color: rgb(var(--red));
	background-color: rgb(var(--yellow));
	padding: 2px 6px;
	border-radius: .4rem;
	display: inline-block;
}
@media screen and (min-width: 340px) {
	.product-card-wrapper .card__extra-information {
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 370px) {
	.product-card-wrapper .card__extra-information {
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 400px) {
	.product-card-wrapper .card__extra-information {
		font-size: 2rem;
	}
}

.product-card-wrapper .card__extra-information * {
	margin: 0;
}

.fake-product-button-container {
	grid-row-start: 3;
	grid-row-end: 4;
}

.fake-product-button-container > .button {
	--buttons-radius-outset: 6px;
	--buttons-radius: 5px;
	--color-button: var(--yellow);
	--color-button-text: var(--custom-dark-purple);
	font-weight: 600;
	font-size: 1.6rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media screen and (min-width: 340px) {
	.fake-product-button-container > .button {
		font-size: 2rem;
	}
}

@media screen and (min-width: 380px) {
	.fake-product-button-container > .button {
		font-size: 2.4rem;
	}
}

.fake-product-button-container > .button > span:first-of-type {
	margin-right: .5rem;
}


/* we want full width product images on the bundles collection since they don’t have transparent backgrounds */
.template-collection-bundles.page-type-collection .product-card-wrapper > .card > .card__inner {
	max-width: 100%;
}