.travelfx-volume-saving {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 11px;
	background: #fff8df;
	border: 1px solid #ead58a;
	border-radius: 12px;
	padding: 12px 13px;
	margin: -3px 0 16px;
	color: #4a3a08;
}
.travelfx-volume-saving.is-active {
	background: #eaf8e9;
	border-color: #75c77c;
	color: #123c24;
}
.travelfx-volume-saving__badge {
	align-self: start;
	background: #d99b16;
	color: #fff;
	border-radius: 6px;
	padding: 4px 6px;
	font-size: 8px;
	font-weight: 950;
	letter-spacing: .6px;
}
.travelfx-volume-saving.is-active .travelfx-volume-saving__badge { background: #279547; }
.travelfx-volume-saving strong { display: block; font-size: 12px; }
.travelfx-volume-saving p { font-size: 10px; line-height: 1.45; margin: 3px 0 9px; }
.travelfx-volume-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.travelfx-volume-values span { background: rgba(255,255,255,.72); border-radius: 7px; padding: 7px; }
.travelfx-volume-values small,
.travelfx-volume-values b,
.travelfx-volume-values s { display: block; }
.travelfx-volume-values small { font-size: 7px; text-transform: uppercase; color: #72776e; }
.travelfx-volume-values b,
.travelfx-volume-values s { font-size: 10px; margin-top: 2px; }
.travelfx-volume-values b { color: #167b34; }
.travelfx-volume-saving > div > small { display: block; font-size: 8px; line-height: 1.4; color: #6b746d; margin-top: 8px; }
@media (max-width: 420px) {
	.travelfx-volume-values { grid-template-columns: 1fr; }
	.travelfx-volume-values span { display: flex; justify-content: space-between; gap: 10px; }
}