/* Scoped to the quantity component; existing prices and purchase buttons retain their styling. */
.wcqp-quantity {
	--wcqp-gold: #a77e35;
	--wcqp-navy: #102845;
	--wcqp-track: #eceae5;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	margin: 12px 0 14px;
	text-align: start;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.4;
	color: var(--wcqp-navy);
}
.wcqp-quantity .wcqp-label {
	margin-bottom: 3px;
	font-weight: 600;
}
.wcqp-quantity .wcqp-track {
	display: block;
	height: 6px;
	width: 100%;
	overflow: hidden;
	border-radius: 999px;
	background: var(--wcqp-track);
}
.wcqp-quantity .wcqp-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--wcqp-gold);
}
.wcqp-quantity .wcqp-remaining {
	margin-top: 4px;
	font-weight: 400;
}
.wcqp-quantity .wcqp-availability {
	margin-top: 4px;
	color: #21633a;
	font-weight: 500;
}
.wcqp-quantity .wcqp-availability::before {
	content: "\2022";
	display: inline-block;
	margin-inline-end: 6px;
}
.wcqp-quantity .wcqp-unavailable {
	color: #a32626;
}
.wcqp-summary {
	clear: both;
}
.wcqp-summary .wcqp-quantity {
	max-width: 420px;
	font-size: 13px;
}