.gn-volume-discount {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 4px;
	padding: 11px 12px;
	border: 1px solid #dcebe0;
	border-radius: 9px;
	background: #f6faf7;
	color: #263b30;
}

.gn-volume-discount__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 7px;
}

.gn-volume-discount__heading strong {
	color: #176b40;
	font-size: 13px;
	font-weight: 800;
}

.gn-volume-discount__heading span {
	color: #6b7c70;
	font-size: 11px;
}

.gn-volume-discount__tiers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gn-volume-discount__tiers li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	min-width: 0;
	padding: 6px 8px;
	border: 1px solid #e7efe9;
	border-radius: 6px;
	background: #fff;
	color: #58695e;
	font-size: 11px;
}

.gn-volume-discount__tiers li strong {
	flex: none;
	color: #167344;
	font-size: 11px;
	font-weight: 800;
}

.gn-volume-discount__tiers li.is-active {
	border-color: #78b88b;
	background: #eaf5ed;
	box-shadow: inset 0 0 0 1px #78b88b;
}

.gn-volume-discount__live {
	min-height: 17px;
	margin: 7px 0 0;
	color: #617267;
	font-size: 11px;
	line-height: 1.45;
}

.gn-volume-discount__live.is-qualified {
	color: #12643b;
	font-weight: 750;
}

.gn-has-volume-discount .gn-product-detail .gn-product-cart-form form.cart .quantity {
	display: inline-flex !important;
	grid-column: 1 / span 2;
	grid-row: 1;
	flex: none !important;
	align-items: center;
	width: 100% !important;
	max-width: 100%;
	margin: 0 !important;
}

.gn-has-volume-discount .gn-product-cart-form .quantity .qty {
	width: clamp(54px, 10cqw, 96px);
	min-height: clamp(40px, 7.8cqw, 72px);
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 14px;
}

.gn-has-volume-discount .gn-product-cart-form .quantity .minus,
.gn-has-volume-discount .gn-product-cart-form .quantity .plus {
	width: clamp(42px, 8cqw, 76px);
	min-width: 0;
	min-height: clamp(40px, 7.8cqw, 72px);
	border: 0;
	border-radius: 13px;
	background: #f5f6f6;
	color: #176b40;
}

@media (max-width: 549px) {
	.gn-volume-discount {
		padding: 10px;
	}

	.gn-volume-discount__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	.gn-volume-discount__tiers {
		grid-template-columns: 1fr;
	}
}

/* Keep the quantity offer visually aligned with the supplied purchase panel. */
.gn-volume-discount {
	margin: 17px 0 20px;
	padding: clamp(14px, 2.4cqw, 22px);
	border-color: #d8ece0;
	border-radius: clamp(16px, 2.7cqw, 25px);
	background: linear-gradient(135deg, #f4faf5 0%, #f8fcf9 100%);
}

.gn-volume-discount__heading {
	justify-content: flex-start;
	margin-bottom: 5px;
}

.gn-volume-discount__heading::before {
	display: grid;
	width: clamp(26px, 4.5cqw, 42px);
	height: clamp(26px, 4.5cqw, 42px);
	flex: 0 0 auto;
	place-items: center;
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2317733e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m25 4 18 18-21 22L3 25 25 4Z'/%3E%3Cpath d='m15 18 15 15M17 17h.01M29 29h.01'/%3E%3C/svg%3E");
	content: "";
}

.gn-volume-discount__heading strong {
	color: #153e29;
	font-size: 16px;
	font-weight: 850;
}

.gn-volume-discount__heading span {
	color: #65756a;
	font-size: 12px;
}

.gn-volume-discount__tiers {
	grid-template-columns: 1fr;
	gap: 8px;
}

.gn-volume-discount__tiers li {
	position: relative;
	min-height: clamp(48px, 8.5cqw, 80px);
	padding: 10px 13px;
	border-color: #dce1df;
	border-radius: clamp(11px, 2.2cqw, 21px);
	font-size: 13px;
}

.gn-volume-discount__tiers li strong {
	font-size: 14px;
}

.gn-volume-discount__tiers li.is-active {
	border: 3px solid #43bb62;
	background: #edf8ef;
	box-shadow: 0 3px 9px rgba(30, 135, 65, .08);
}

.gn-volume-discount__tiers li.is-active::after {
	position: absolute;
	top: -15px;
	right: 6px;
	display: grid;
	width: clamp(28px, 5cqw, 47px);
	height: clamp(28px, 5cqw, 47px);
	place-items: center;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #32b753;
	color: #fff;
	content: "✓";
	font-size: 14px;
	font-weight: 900;
}

.gn-volume-discount__live {
	min-height: 0;
	margin-top: 13px;
	padding: clamp(10px, 1.8cqw, 17px) clamp(12px, 2cqw, 19px);
	border-radius: clamp(11px, 1.8cqw, 17px);
	background: #e6f6e9;
	color: #286240;
	font-size: 13px;
}

.gn-volume-discount__live.is-qualified {
	color: #125c32;
	font-size: 14px;
	font-weight: 800;
}

@container gn-purchase (min-width: 300px) {
	.gn-volume-discount__tiers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(8px, 1.5cqw, 14px);
	}

	.gn-volume-discount__tiers li {
		align-items: center;
		flex-direction: column;
		justify-content: center;
		min-height: clamp(78px, 13cqw, 120px);
		padding: 10px;
		text-align: center;
	}
}

@container gn-purchase (min-width: 430px) {
	.gn-volume-discount__tiers li {
		font-size: 12px;
	}

	.gn-volume-discount__tiers li strong {
		font-size: 16px;
	}
}

@container gn-purchase (min-width: 650px) {
	.gn-volume-discount__heading strong {
		font-size: 22px;
	}

	.gn-volume-discount__tiers li {
		font-size: 16px;
	}

	.gn-volume-discount__tiers li strong {
		font-size: 20px;
	}

	.gn-volume-discount__live {
		font-size: 16px;
	}

	.gn-volume-discount__live.is-qualified {
		font-size: 18px;
	}
}

@container gn-purchase (max-width: 520px) {
	.gn-volume-discount {
		padding: 13px;
	}

	.gn-volume-discount__heading {
		align-items: center;
		flex-direction: row;
		gap: 9px;
	}

	.gn-has-volume-discount .gn-product-detail .gn-product-cart-form form.cart .quantity {
		grid-column: 1;
	}
}

@media (max-width: 549px) {
	.gn-volume-discount__tiers {
		grid-template-columns: 1fr;
	}

	.gn-volume-discount__heading {
		align-items: center;
		flex-direction: row;
		gap: 9px;
	}
}

.gn-volume-discount__heading {
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	text-align: left;
	text-transform: none;
	cursor: pointer;
}

.gn-volume-discount__heading:hover,
.gn-volume-discount__heading:focus {
	background: transparent;
	box-shadow: none;
	color: inherit;
}

.gn-volume-discount__heading:focus-visible {
	outline: 2px solid #43bb62;
	outline-offset: 4px;
}

.gn-volume-discount__heading::after {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	margin-left: auto;
	border-right: 2px solid #176b40;
	border-bottom: 2px solid #176b40;
	content: "";
	transform: rotate(45deg);
	transition: transform .18s ease;
}

.gn-volume-discount__heading[aria-expanded="true"]::after {
	transform: rotate(225deg);
}

.gn-volume-discount__tiers[hidden] {
	display: none !important;
}