/*
 * Opt-in reference catalog surface. Every selector is namespaced so the
 * planning pages do not change existing sellable WooCommerce cards.
 */
.higuppy-catalog-reference-media {
	margin: 1.5rem 0 1.75rem;
	border-radius: 1.25rem;
	overflow: hidden;
	background: #edf3ee;
}

.higuppy-catalog-reference-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.higuppy-catalog-reference-media figcaption {
	padding: .75rem 1rem;
	background: #f7faf7;
	color: #53625a;
	font-size: .875rem;
	line-height: 1.5;
}

.higuppy-catalog-reference-cta-panel {
	display: grid;
	gap: .75rem;
	margin: 1.25rem 0;
	padding: 1rem 1.125rem;
	border: 1px solid rgba(46, 82, 62, .18);
	border-radius: 1rem;
	background: linear-gradient(145deg, #f8fbf7, #edf5ee);
}

.higuppy-catalog-reference-cta-panel__label {
	margin: 0;
	color: #2f5b40;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.higuppy-catalog-reference-price,
.higuppy-catalog-reference-price-detail {
	display: block;
}

.higuppy-catalog-reference-price {
	color: #173d28;
	font-size: 1rem;
}

.higuppy-catalog-reference-price-detail {
	margin-top: .75rem;
	color: #59665d;
	font-size: .875rem;
	line-height: 1.55;
}

.higuppy-catalog-reference-price-detail__facts,
.higuppy-catalog-reference-price-detail__notice {
	display: block;
}

.higuppy-catalog-reference-price-detail__notice {
	margin-top: .25rem;
}

.higuppy-catalog-reference-cta {
	justify-self: start;
}

.higuppy-reference-availability {
	color: #6c5a2b;
	font-size: .875rem;
}

.higuppy-catalog-reference-context {
	margin: 0 0 1rem;
	padding: .875rem 1rem;
	border-left: 3px solid #78a67e;
	background: #f4f8f3;
	color: #385141;
}

.higuppy-catalog-reference-context p {
	margin: .25rem 0 0;
}

@media (max-width: 640px) {
	.higuppy-catalog-reference-media {
		margin-inline: -.75rem;
		border-radius: 0;
	}

	.higuppy-catalog-reference-cta-panel {
		padding: .875rem;
	}
}