/* Mansurge Order Tracking v1.0 — Luxury Final */

.ms-order-tracking-page{
	--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;
	background:var(--bg);
	color:var(--white);
	overflow:hidden;
}

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

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

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

.ms-tracking-eyebrow{
	margin:0 0 17px;
	color:var(--gold);
	font-size:12px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}

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

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

.ms-tracking-hero h1{
	max-width:820px;
	margin:0 0 24px;
	font-size:clamp(46px,6vw,82px);
	line-height:.98;
	letter-spacing:-.045em;
	text-wrap:balance;
}

.ms-tracking-hero h1 span{
	color:var(--gold);
}

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

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

.ms-tracking-reference span{
	display:block;
	margin-bottom:30px;
	color:var(--gold);
	font-size:11px;
	letter-spacing:.12em;
}

.ms-tracking-reference p{
	margin:0;
	color:var(--muted);
	font-size:13px;
	line-height:1.7;
}

.ms-tracking-commerce{
	padding:22px 0 100px;
}

.ms-tracking-native{
	max-width:850px;
	margin:0 auto;
}

.ms-tracking-native .woocommerce{
	color:var(--white);
}

.ms-tracking-native .track_order{
	margin:0!important;
	padding:clamp(28px,4vw,42px)!important;
	border:1px solid var(--line)!important;
	border-radius:26px!important;
	background:
		radial-gradient(
			circle at 90% 0,
			rgba(197,165,114,.06),
			transparent 32%
		),
		var(--panel)!important;
}

.ms-tracking-native .track_order>p:first-child{
	margin:0 0 28px!important;
	color:var(--soft)!important;
	font-size:15px!important;
	line-height:1.75!important;
}

.ms-tracking-native .form-row{
	float:none!important;
	width:100%!important;
	margin:0 0 18px!important;
	padding:0!important;
}

.ms-tracking-native label{
	display:block;
	margin-bottom:8px!important;
	color:var(--gold2)!important;
	font-size:12px!important;
	font-weight:600!important;
}

.ms-tracking-native input.input-text{
	width:100%!important;
	min-height:52px!important;
	padding:12px 15px!important;
	border:1px solid var(--line)!important;
	border-radius:14px!important;
	background:#0d1313!important;
	color:var(--white)!important;
	box-shadow:none!important;
}

.ms-tracking-native input.input-text:focus{
	border-color:rgba(197,165,114,.5)!important;
	outline:0!important;
	box-shadow:0 0 0 4px rgba(197,165,114,.05)!important;
}

.ms-tracking-native button.button{
	width:100%!important;
	min-height:52px!important;
	margin-top:4px!important;
	padding:13px 22px!important;
	border:1px solid var(--gold)!important;
	border-radius:999px!important;
	background:var(--gold)!important;
	color:#0b1010!important;
	font-size:14px!important;
	font-weight:800!important;
}

.ms-tracking-native .woocommerce-error,
.ms-tracking-native .woocommerce-info,
.ms-tracking-native .woocommerce-message{
	position:relative!important;
	margin:0 0 20px!important;
	padding:16px 18px 16px 54px!important;
	border:1px solid var(--line)!important;
	border-top:1px solid var(--line)!important;
	border-radius:16px!important;
	background:var(--panel)!important;
	color:var(--soft)!important;
}

.ms-tracking-native .woocommerce-error::before,
.ms-tracking-native .woocommerce-info::before,
.ms-tracking-native .woocommerce-message::before{
	position:absolute!important;
	left:20px!important;
	top:50%!important;
	margin:0!important;
	transform:translateY(-50%)!important;
	line-height:1!important;
}

.ms-tracking-native .woocommerce-order-details{
	margin-top:34px!important;
	padding:28px!important;
	border:1px solid var(--line)!important;
	border-radius:22px!important;
	background:var(--panel)!important;
}

.ms-tracking-native .woocommerce-order-details__title,
.ms-tracking-native .woocommerce-column__title{
	margin:0 0 20px!important;
	color:var(--white)!important;
	font-size:26px!important;
	letter-spacing:-.02em;
}

.ms-tracking-native table.shop_table{
	width:100%;
	border:0!important;
	border-collapse:collapse!important;
	background:transparent!important;
	color:var(--white)!important;
}

.ms-tracking-native table.shop_table th,
.ms-tracking-native table.shop_table td{
	padding:14px 0!important;
	border:0!important;
	border-bottom:1px solid var(--softline)!important;
	background:transparent!important;
}

.ms-tracking-native table.shop_table th{
	color:var(--muted)!important;
	font-size:11px!important;
	letter-spacing:.05em;
}

.ms-tracking-native table.shop_table td{
	color:var(--soft)!important;
	font-size:13px!important;
}

.ms-tracking-native table.shop_table a{
	color:var(--white)!important;
	font-weight:600!important;
}

.ms-tracking-native .woocommerce-customer-details{
	margin-top:24px!important;
}

.ms-tracking-native .woocommerce-columns{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}

.ms-tracking-native .woocommerce-column{
	float:none!important;
	width:auto!important;
	padding:24px!important;
	border:1px solid var(--line)!important;
	border-radius:20px!important;
	background:var(--panel)!important;
}

.ms-tracking-native address{
	color:var(--soft)!important;
	font-style:normal!important;
	line-height:1.75!important;
}

.ms-tracking-help{
	padding:84px 0;
	border-top:1px solid var(--softline);
}

.ms-tracking-help-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.ms-tracking-help-grid>div{
	min-height:220px;
	padding:28px;
	border:1px solid var(--line);
	border-radius:22px;
	background:var(--panel);
}

.ms-tracking-help-grid span{
	display:block;
	margin-bottom:50px;
	color:var(--gold);
	font-size:11px;
	letter-spacing:.12em;
}

.ms-tracking-help-grid strong{
	display:block;
	margin-bottom:10px;
	font-size:18px;
}

.ms-tracking-help-grid p{
	margin:0;
	color:var(--muted);
	font-size:14px;
	line-height:1.7;
}

.ms-tracking-secondary{
	padding:15px 0 120px;
}

.ms-tracking-secondary-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:30px;
	background:
		radial-gradient(
			circle at 90% 0,
			rgba(197,165,114,.09),
			transparent 32%
		),
		var(--panel);
}

.ms-tracking-secondary-card h2{
	max-width:700px;
	margin:0 0 14px;
	font-size:clamp(32px,4vw,52px);
	line-height:1.05;
	letter-spacing:-.035em;
}

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

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

.ms-tracking-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-tracking-btn:hover{
	border-color:var(--gold);
	color:var(--gold);
}

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

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

@media(max-width:980px){

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

	.ms-tracking-reference{
		max-width:500px;
	}

	.ms-tracking-help-grid{
		grid-template-columns:1fr 1fr;
	}

	.ms-tracking-secondary-card{
		align-items:flex-start;
		flex-direction:column;
	}

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

}

@media(max-width:767px){

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

	.ms-tracking-hero{
		padding:56px 0 45px;
	}

	.ms-tracking-hero h1{
		font-size:clamp(42px,13vw,60px);
	}

	.ms-tracking-commerce{
		padding-bottom:72px;
	}

	.ms-tracking-native .track_order,
	.ms-tracking-native .woocommerce-order-details{
		padding:22px 18px!important;
		border-radius:19px!important;
	}

	.ms-tracking-native .woocommerce-error,
	.ms-tracking-native .woocommerce-info,
	.ms-tracking-native .woocommerce-message{
		padding-left:50px!important;
	}

	.ms-tracking-native .woocommerce-error::before,
	.ms-tracking-native .woocommerce-info::before,
	.ms-tracking-native .woocommerce-message::before{
		left:18px!important;
	}

	.ms-tracking-native table.shop_table_responsive tr{
		display:block!important;
		padding:12px 0!important;
		border-bottom:1px solid var(--softline);
	}

	.ms-tracking-native table.shop_table_responsive tr td{
		display:block!important;
		width:100%!important;
		padding:9px 0!important;
		text-align:right!important;
	}

	.ms-tracking-native table.shop_table_responsive tr td::before{
		color:var(--muted)!important;
		font-size:11px;
	}

	.ms-tracking-native .woocommerce-columns{
		grid-template-columns:1fr;
	}

	.ms-tracking-help{
		padding:65px 0;
	}

	.ms-tracking-help-grid{
		grid-template-columns:1fr;
	}

	.ms-tracking-help-grid>div{
		min-height:0;
	}

	.ms-tracking-help-grid span{
		margin-bottom:30px;
	}

	.ms-tracking-secondary{
		padding-bottom:85px;
	}

	.ms-tracking-secondary-card{
		padding:34px 24px;
		border-radius:22px;
	}

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

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

}