/* Mansurge Thank You / Order Confirmation v1.0 — Luxury Final */

.ms-order-confirmation{
	--bg:#0b1010;
	--panel:#111717;
	--panel2:#151c1c;
	--line:rgba(197,165,114,.18);
	--softline:rgba(255,255,255,.07);
	--gold:#c5a572;
	--gold2:#d8bc8c;
	--white:#f5f3ee;
	--soft:#c8cccc;
	--muted:#858d8d;
	--success:#6fa681;
	--pending:#c5a572;
	--error:#c96a6a;
	background:var(--bg);
	color:var(--white);
	overflow:hidden;
}

.ms-order-confirmation *,
.ms-order-confirmation *::before,
.ms-order-confirmation *::after{
	box-sizing:border-box;
}

.ms-order-confirmation a{
	color:inherit;
	text-decoration:none;
}

.ms-order-shell{
	width:min(1180px,calc(100% - 48px));
	margin-inline:auto;
}

.ms-order-eyebrow,
.ms-order-kicker{
	margin:0 0 16px;
	color:var(--gold);
	font-size:11px;
	font-weight:700;
	letter-spacing:.15em;
	text-transform:uppercase;
}

.ms-order-hero{
	padding:clamp(76px,9vw,128px) 0 70px;
}

.ms-order-hero-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 300px;
	gap:70px;
	align-items:end;
}

.ms-order-hero h1{
	max-width:850px;
	margin:0 0 24px;
	font-size:clamp(44px,6vw,78px);
	line-height:.99;
	letter-spacing:-.045em;
	text-wrap:balance;
}

.ms-order-lead{
	max-width:670px;
	margin:0;
	color:var(--soft);
	font-size:17px;
	line-height:1.8;
}

.ms-order-reference{
	padding:24px 0 5px 26px;
	border-left:1px solid var(--line);
}

.ms-order-reference>span{
	display:block;
	margin-bottom:10px;
	color:var(--muted);
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.ms-order-reference strong{
	display:block;
	margin-bottom:10px;
	color:var(--gold2);
	font-size:28px;
}

.ms-order-reference time{
	color:var(--muted);
	font-size:12px;
}

.ms-order-hero.is-success .ms-order-reference{
	border-left-color:rgba(111,166,129,.5);
}

.ms-order-hero.is-pending .ms-order-reference{
	border-left-color:rgba(197,165,114,.5);
}

.ms-order-hero.is-error .ms-order-reference{
	border-left-color:rgba(201,106,106,.55);
}

.ms-order-summary{
	padding:0 0 72px;
}

.ms-order-summary-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.ms-order-summary-card{
	min-width:0;
	padding:22px;
	border:1px solid var(--line);
	border-radius:18px;
	background:var(--panel);
}

.ms-order-summary-card span{
	display:block;
	margin-bottom:9px;
	color:var(--muted);
	font-size:10px;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.ms-order-summary-card strong{
	display:block;
	overflow-wrap:anywhere;
	font-size:16px;
	line-height:1.45;
}

.ms-order-details{
	padding:90px 0;
	border-top:1px solid var(--softline);
}

.ms-order-details-grid{
	display:grid;
	grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
	gap:24px;
	align-items:start;
}

.ms-order-products-card,
.ms-order-totals-card{
	border:1px solid var(--line);
	border-radius:24px;
	background:var(--panel);
}

.ms-order-products-card{
	padding:30px;
}

.ms-order-totals-card{
	position:sticky;
	top:28px;
	padding:26px;
}

.ms-order-section-head{
	margin-bottom:24px;
}

.ms-order-section-head h2{
	margin:0;
	font-size:clamp(30px,3vw,44px);
	line-height:1.05;
	letter-spacing:-.035em;
}

.ms-order-items{
	display:grid;
	gap:0;
	border-top:1px solid var(--softline);
}

.ms-order-item{
	display:grid;
	grid-template-columns:92px minmax(0,1fr);
	gap:18px;
	padding:22px 0;
	border-bottom:1px solid var(--softline);
}

.ms-order-item-media{
	width:92px;
	height:92px;
	overflow:hidden;
	border-radius:14px;
	background:#0e1313;
}

.ms-order-item-media img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}

.ms-order-item-placeholder{
	width:100%;
	height:100%;
	display:grid;
	place-items:center;
	color:rgba(197,165,114,.25);
	font-size:32px;
	font-weight:800;
}

.ms-order-item-copy{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	min-width:0;
}

.ms-order-item-copy h3{
	margin:0 0 8px;
	font-size:17px;
	line-height:1.35;
}

.ms-order-item-meta{
	color:var(--muted);
	font-size:12px;
	line-height:1.6;
}

.ms-order-item-meta ul{
	margin:0;
	padding:0;
	list-style:none;
}

.ms-order-item-values{
	flex:0 0 auto;
	display:grid;
	gap:7px;
	text-align:right;
}

.ms-order-item-values span{
	color:var(--muted);
	font-size:11px;
}

.ms-order-item-values strong{
	color:var(--gold2);
	font-size:14px;
}

.ms-order-totals{
	display:grid;
}

.ms-order-total-row{
	display:flex;
	justify-content:space-between;
	gap:20px;
	padding:14px 0;
	border-bottom:1px solid var(--softline);
}

.ms-order-total-row span{
	color:var(--muted);
	font-size:12px;
}

.ms-order-total-row strong{
	color:var(--soft);
	font-size:13px;
	text-align:right;
}

.ms-order-total-row.is-grand-total{
	padding-top:19px;
	border-bottom:0;
}

.ms-order-total-row.is-grand-total span{
	color:var(--white);
	font-weight:700;
}

.ms-order-total-row.is-grand-total strong{
	color:var(--gold2);
	font-size:18px;
}

.ms-order-address-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	margin-top:24px;
}

.ms-order-address-grid>div{
	padding:26px;
	border:1px solid var(--line);
	border-radius:20px;
	background:var(--panel);
}

.ms-order-address-grid address,
.ms-order-address-grid p{
	margin:0 0 8px;
	color:var(--soft);
	font-size:13px;
	font-style:normal;
	line-height:1.75;
}

.ms-order-payment-action{
	padding:0 0 90px;
}

.ms-order-payment-card,
.ms-order-next-card{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:50px;
	padding:clamp(34px,6vw,70px);
	border:1px solid var(--line);
	border-radius:28px;
	background:
		radial-gradient(
			circle at 90% 0,
			rgba(197,165,114,.09),
			transparent 32%
		),
		var(--panel);
}

.ms-order-payment-card h2,
.ms-order-next-card h2{
	max-width:720px;
	margin:0 0 14px;
	font-size:clamp(30px,4vw,50px);
	line-height:1.06;
	letter-spacing:-.035em;
}

.ms-order-payment-card p:not(.ms-order-eyebrow),
.ms-order-next-card p:not(.ms-order-eyebrow){
	max-width:650px;
	margin:0;
	color:var(--soft);
	line-height:1.75;
}

.ms-order-next{
	padding:0 0 120px;
}

.ms-order-actions{
	display:flex;
	flex:0 0 auto;
	flex-wrap:wrap;
	gap:10px;
	justify-content:flex-end;
}

.ms-order-btn{
	display:inline-flex;
	min-height:50px;
	align-items:center;
	justify-content:center;
	padding:12px 22px;
	border:1px solid var(--line);
	border-radius:999px;
	font-size:13px;
	font-weight:700;
}

.ms-order-btn:hover{
	border-color:var(--gold);
	color:var(--gold);
}

.ms-order-btn-primary{
	border-color:var(--gold);
	background:var(--gold);
	color:#0b1010!important;
}

.ms-order-btn-primary:hover{
	color:#0b1010!important;
}

.ms-order-missing{
	min-height:70vh;
	display:grid;
	align-items:center;
	padding:100px 0;
}

.ms-order-missing h1{
	max-width:760px;
	margin:0 0 22px;
	font-size:clamp(44px,6vw,72px);
	line-height:1;
	letter-spacing:-.04em;
}

.ms-order-missing>div>p:not(.ms-order-eyebrow){
	max-width:640px;
	margin:0 0 28px;
	color:var(--soft);
	font-size:17px;
	line-height:1.8;
}

/* Shared Commerce Experience order blocks */
.ms-order-confirmation .ms-commerce-order-saving{
	margin:24px 0 0;
}

.ms-order-confirmation .ms-commerce-order-duties{
	margin:18px 0 0;
}

@media(max-width:980px){

	.ms-order-hero-grid{
		grid-template-columns:1fr;
		gap:36px;
	}

	.ms-order-reference{
		max-width:420px;
	}

	.ms-order-summary-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.ms-order-details-grid{
		grid-template-columns:1fr;
	}

	.ms-order-totals-card{
		position:static;
	}

	.ms-order-payment-card,
	.ms-order-next-card{
		align-items:flex-start;
		flex-direction:column;
	}

	.ms-order-actions{
		width:100%;
		justify-content:flex-start;
	}

}

@media(max-width:767px){

	.ms-order-shell{
		width:min(100% - 30px,1180px);
	}

	.ms-order-hero{
		padding:56px 0 48px;
	}

	.ms-order-hero h1{
		font-size:clamp(40px,12.5vw,58px);
	}

	.ms-order-summary{
		padding-bottom:58px;
	}

	.ms-order-summary-grid{
		grid-template-columns:1fr;
	}

	.ms-order-details{
		padding:66px 0;
	}

	.ms-order-products-card,
	.ms-order-totals-card{
		padding:22px 18px;
		border-radius:19px;
	}

	.ms-order-item{
		grid-template-columns:72px minmax(0,1fr);
		gap:14px;
	}

	.ms-order-item-media{
		width:72px;
		height:72px;
	}

	.ms-order-item-copy{
		align-items:flex-start;
		flex-direction:column;
		gap:10px;
	}

	.ms-order-item-values{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		text-align:left;
	}

	.ms-order-address-grid{
		grid-template-columns:1fr;
	}

	.ms-order-payment-action{
		padding-bottom:68px;
	}

	.ms-order-payment-card,
	.ms-order-next-card{
		padding:34px 24px;
		border-radius:22px;
	}

	.ms-order-next{
		padding-bottom:86px;
	}

	.ms-order-actions{
		flex-direction:column;
	}

	.ms-order-btn{
		width:100%;
	}

}