/* Mansurge Commerce Experience v1.0 */

.ms-commerce-shipping-progress{
	margin:0 0 24px;
	padding:18px 20px;
	border:1px solid rgba(197,165,114,.18);
	border-radius:18px;
	background:
		radial-gradient(
			circle at 90% 0,
			rgba(197,165,114,.07),
			transparent 34%
		),
		#111717;
	color:#f5f3ee;
}

.ms-commerce-shipping-progress-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:12px;
}

.ms-commerce-shipping-progress-head strong{
	font-size:14px;
	line-height:1.5;
}

.ms-commerce-shipping-progress-head>span{
	flex:0 0 auto;
	color:#c5a572;
	font-size:12px;
	font-weight:700;
}

.ms-commerce-shipping-track{
	position:relative;
	height:4px;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.08);
}

.ms-commerce-shipping-track span{
	display:block;
	height:100%;
	border-radius:inherit;
	background:#c5a572;
}

.ms-commerce-shipping-progress p{
	margin:10px 0 0;
	color:#858d8d;
	font-size:11px;
	line-height:1.6;
}

.ms-commerce-savings-row th,
.ms-commerce-savings-row td{
	color:#d8bc8c!important;
}

.ms-commerce-savings-total{
	display:block;
	color:#d8bc8c;
	font-size:16px;
}

.ms-commerce-savings-breakdown{
	display:flex;
	flex-wrap:wrap;
	gap:7px 14px;
	margin-top:5px;
	color:#858d8d;
	font-size:11px;
	font-weight:500;
}

.ms-commerce-duties-row small{
	display:block;
	max-width:420px;
	color:#858d8d;
	font-size:11px;
	line-height:1.6;
}

.ms-commerce-order-saving{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	margin:24px 0;
	padding:22px 24px;
	border:1px solid rgba(197,165,114,.18);
	border-radius:18px;
	background:#111717;
}

.ms-commerce-order-saving>div{
	display:grid;
	gap:5px;
}

.ms-commerce-kicker{
	color:#c5a572;
	font-size:10px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.ms-commerce-order-saving-total{
	color:#d8bc8c;
	font-size:20px;
}

.ms-commerce-order-duties{
	margin:18px 0;
	padding:14px 16px;
	border-left:1px solid rgba(197,165,114,.35);
	color:#858d8d;
	font-size:12px;
	line-height:1.7;
}

@media(max-width:767px){

	.ms-commerce-shipping-progress-head,
	.ms-commerce-order-saving{
		align-items:flex-start;
		flex-direction:column;
	}

	.ms-commerce-savings-breakdown{
		justify-content:flex-end;
	}

}