/* Order tracking support utility. Uses the established Elementor global tokens. */

.tsd-order-tracking-page .site-main > article {
	margin: 0;
}

.tsd-order-tracking-page {
	overflow-x: clip;
}

.tsd-order-tracking-page .entry-header,
.tsd-order-tracking-page .entry-content {
	box-sizing: border-box;
	inline-size: 100%;
	margin-inline: auto;
	padding-inline: 0 !important;
}

.tsd-order-tracking-page .entry-header {
	padding-block: 64px 32px !important;
}

.tsd-order-tracking-page .entry-title {
	max-inline-size: 12ch;
	margin: 0;
	color: var(--e-global-color-text, #000501);
	font-size: clamp(46px, 6vw, 80px);
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -0.035em;
}

.tsd-order-tracking-page .entry-content {
	padding-block-end: 0;
	background: var(--e-global-color-accent, #f3f3f3);
}

.tsd-order-tracker {
	--tsd-tracking-ink: var(--e-global-color-text, #000501);
	--tsd-tracking-cobalt: var(--e-global-color-secondary, #3452ff);
	--tsd-tracking-stage: var(--e-global-color-tsdstge, #f7f7f5);
	--tsd-tracking-line: var(--e-global-color-tsdline, #e4e4e7);
	box-sizing: border-box;
	inline-size: min(100%, 1280px);
	margin-inline: auto;
	padding: 48px 24px 82px;
	color: var(--e-global-color-text, #000501);
}

.tsd-order-tracker *,
.tsd-order-tracker *::before,
.tsd-order-tracker *::after {
	box-sizing: border-box;
}

.tsd-order-tracker__intro {
	display: grid;
	grid-template-columns: minmax(280px, 0.8fr) minmax(360px, 1.2fr);
	gap: clamp(32px, 5vw, 64px);
	align-items: center;
	inline-size: 100%;
	margin-block-end: 28px;
}

.tsd-order-tracker__intro h1 {
	margin: 0;
	max-inline-size: 12ch;
	font-size: clamp(34px, 3.7vw, 46px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.025em;
	text-transform: none;
}

.tsd-order-tracker__intro p,
.tsd-order-tracker__guidance p,
.tsd-order-tracker__pending,
.tsd-order-tracker__package-error {
	max-inline-size: 68ch;
	margin: 0;
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-size: 17px;
	line-height: 1.6;
}

.tsd-order-tracker__form {
	position: relative;
	display: grid;
	grid-template-columns: minmax(280px, 1.3fr) minmax(260px, 1fr) auto;
	gap: 20px 28px;
	align-items: start;
	inline-size: 100%;
	padding: 32px clamp(24px, 4vw, 42px) 34px;
	overflow: hidden;
	border: 1px solid var(--tsd-tracking-line);
	background: var(--e-global-color-primary, #fff);
	box-shadow: none;
}

.tsd-order-tracker__form::before {
	position: absolute;
	inset: 0 auto auto 0;
	inline-size: 100%;
	block-size: 2px;
	background: var(--tsd-tracking-cobalt);
	content: '';
	opacity: 0.72;
	transition: opacity 180ms ease-out;
}

.tsd-order-tracker__form:focus-within::before {
	opacity: 1;
}

.tsd-order-tracker__field {
	display: grid;
	grid-template-rows: auto 52px minmax(19px, auto);
	gap: 8px;
	min-inline-size: 0;
}

.tsd-order-tracker__field label {
	margin: 0;
	color: var(--e-global-color-text, #000501);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
}

.tsd-order-tracking-page .tsd-order-tracker__field input[type="text"],
.tsd-order-tracking-page .tsd-order-tracker__field input[type="email"] {
	appearance: none;
	inline-size: 100%;
	min-block-size: 52px;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-block-end: 1px solid var(--e-global-color-tsdmutd, #5d626b);
	border-radius: 2px;
	box-shadow: none;
	background: var(--e-global-color-primary, #fff);
	color: var(--e-global-color-text, #000501);
	caret-color: var(--e-global-color-secondary, #3452ff);
	font: inherit;
	font-size: 16px;
	line-height: 1.4;
	transition: border-color 180ms ease-out, background-color 180ms ease-out;
}

.tsd-order-tracker__field input::placeholder {
	color: var(--e-global-color-tsdmutd, #5d626b);
	opacity: 1;
}

.tsd-order-tracker__field input:focus {
	border-color: var(--e-global-color-secondary, #3452ff);
	box-shadow: none;
	outline: 2px solid var(--e-global-color-secondary, #3452ff);
	outline-offset: 3px;
}

.tsd-order-tracker__help {
	min-block-size: 19px;
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-size: 13px;
	line-height: 1.45;
}

.tsd-order-tracker__action {
	display: grid;
	grid-template-rows: 15px 52px 19px;
	gap: 8px;
}

.tsd-order-tracker__action::before {
	grid-row: 1;
	content: '';
}

.tsd-order-tracker__submit {
	display: inline-flex;
	grid-row: 2;
	align-items: center;
	justify-content: center;
	min-inline-size: 152px;
	min-block-size: 52px;
	margin: 0;
	padding: 14px 24px;
	border: 1px solid var(--e-global-color-secondary, #3452ff);
	border-radius: 0;
	background: var(--e-global-color-secondary, #3452ff);
	color: var(--e-global-color-primary, #fff);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background-color 180ms ease-out, border-color 180ms ease-out;
}

.tsd-order-tracker__submit:hover,
.tsd-order-tracker__submit:focus-visible {
	border-color: var(--e-global-color-text, #000501);
	background: var(--e-global-color-text, #000501);
}

.tsd-order-tracker__submit:focus-visible {
	outline: 2px solid var(--e-global-color-secondary, #3452ff);
	outline-offset: 3px;
}

.tsd-order-tracker__submit:disabled {
	cursor: wait;
	opacity: 0.68;
}

.tsd-order-tracker__message {
	min-block-size: 28px;
	margin-block: 16px 0;
	font-size: 15px;
	line-height: 1.5;
}

.tsd-order-tracker__message:empty {
	display: none;
}

.tsd-order-tracker__message.is-error {
	padding: 14px 16px;
	border: 1px solid var(--e-global-color-tsderror);
	color: var(--e-global-color-text, #000501);
	background: var(--e-global-color-primary, #fff);
}

.tsd-order-tracker__message.is-loading::before {
	display: inline-block;
	inline-size: 10px;
	block-size: 10px;
	margin-inline-end: 10px;
	border-radius: 50%;
	background: var(--e-global-color-secondary, #3452ff);
	content: '';
	animation: tsd-tracking-pulse 900ms ease-in-out infinite alternate;
}

.tsd-order-tracker__guidance {
	display: grid;
	align-content: start;
	gap: 14px;
	margin: 0;
	padding: clamp(28px, 4vw, 44px);
	background: var(--tsd-tracking-ink);
	color: var(--e-global-color-primary, #fff);
}

.tsd-order-tracker__guidance h2 {
	margin: 0;
	color: inherit;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

.tsd-order-tracker__guidance p {
	color: rgba(255, 255, 255, 0.78);
}

.tsd-order-tracker__aftercare {
	display: grid;
	grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
	inline-size: 100%;
	margin-block-start: 24px;
}

.tsd-order-tracker__policy-links {
	display: grid;
	align-content: center;
	max-inline-size: none;
	margin: 0;
	padding: clamp(28px, 4vw, 44px);
	background: color-mix(in srgb, var(--tsd-tracking-cobalt) 7%, white);
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-size: 16px;
	line-height: 1.65;
}

.tsd-order-tracker__guidance[hidden] + .tsd-order-tracker__policy-links {
	grid-column: 1 / -1;
}

.tsd-order-tracker__policy-links p {
	margin: 0;
}

.tsd-order-tracker__policy-links a {
	color: var(--e-global-color-secondary, #3452ff);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.tsd-order-tracker__policy-links a:hover,
.tsd-order-tracker__policy-links a:focus-visible {
	color: var(--e-global-color-text, #000501);
}

.tsd-order-tracker__policy-links a:focus-visible {
	outline: 2px solid var(--e-global-color-secondary, #3452ff);
	outline-offset: 3px;
}

.tsd-order-tracker__result {
	inline-size: 100%;
	margin-block-start: 40px;
	outline: 0;
}

.tsd-order-tracker__result:not([hidden]) {
	animation: tsd-tracking-reveal 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.tsd-order-tracker__order-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px 24px;
	padding-block-end: 20px;
	border-block-end: 1px solid var(--e-global-color-text, #000501);
}

.tsd-order-tracker__order-label,
.tsd-order-tracker__order-status {
	margin: 0;
}

.tsd-order-tracker__order-label {
	font-size: 20px;
	font-weight: 600;
}

.tsd-order-tracker__order-status {
	font-size: 15px;
	font-weight: 600;
}

.tsd-order-tracker__pending {
	padding-block: 28px;
}

.tsd-order-tracker__package {
	padding-block: 32px;
	border-block-end: 1px solid var(--e-global-color-tsdline, #e4e4e7);
}

.tsd-order-tracker__package-heading {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 24px;
}

.tsd-order-tracker__package-heading h3 {
	margin: 0 0 6px;
	font-size: clamp(23px, 3vw, 30px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.tsd-order-tracker__number {
	margin: 0;
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.03em;
}

.tsd-order-tracker__fedex-link {
	display: inline-flex;
	align-items: center;
	min-block-size: 44px;
	color: var(--e-global-color-secondary, #3452ff);
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	white-space: nowrap;
}

.tsd-order-tracker__fedex-link:hover,
.tsd-order-tracker__fedex-link:focus-visible {
	color: var(--e-global-color-text, #000501);
}

.tsd-order-tracker__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 28px 0 0;
	border-block: 1px solid var(--e-global-color-tsdline, #e4e4e7);
}

.tsd-order-tracker__fact {
	padding: 20px 24px 20px 0;
}

.tsd-order-tracker__fact + .tsd-order-tracker__fact {
	padding-inline-start: 24px;
	border-inline-start: 1px solid var(--e-global-color-tsdline, #e4e4e7);
}

.tsd-order-tracker__fact dt {
	margin-block-end: 6px;
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.tsd-order-tracker__fact dd {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	line-height: 1.45;
}

.tsd-order-tracker__events {
	margin-block-start: 24px;
}

.tsd-order-tracker__events summary {
	display: inline-flex;
	align-items: center;
	min-block-size: 44px;
	color: var(--e-global-color-text, #000501);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.tsd-order-tracker__events ol {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.tsd-order-tracker__events li {
	display: grid;
	grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1fr);
	gap: 20px;
	padding-block: 16px;
	border-block-start: 1px solid var(--e-global-color-tsdline, #e4e4e7);
}

.tsd-order-tracker__events strong,
.tsd-order-tracker__events span {
	font-size: 13px;
	line-height: 1.45;
}

.tsd-order-tracker__events span {
	color: var(--e-global-color-tsdmutd, #5d626b);
	font-variant-numeric: tabular-nums;
}

@keyframes tsd-tracking-pulse {
	from { opacity: 0.35; transform: scale(0.75); }
	to { opacity: 1; transform: scale(1); }
}

@keyframes tsd-tracking-reveal {
	from {
		opacity: 0;
		transform: translateY(12px);
		filter: blur(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
	}
}

@media (max-width: 900px) {
	.tsd-order-tracker__intro {
		grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
		gap: 32px;
	}

	.tsd-order-tracker {
		padding: 40px 24px 66px;
	}

	.tsd-order-tracker__form {
		grid-template-columns: 1fr 1fr;
	}

	.tsd-order-tracker__action {
		display: flex;
		grid-column: 1 / -1;
		justify-content: flex-end;
	}

	.tsd-order-tracker__aftercare {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.tsd-order-tracking-page .entry-header {
		padding-block: 40px 24px !important;
	}

	.tsd-order-tracker__intro {
		display: block;
		margin-block-end: 22px;
	}

	.tsd-order-tracker {
		padding: 28px 20px 54px;
	}

	.tsd-order-tracker__intro h1 {
		font-size: 28px;
	}

	.tsd-order-tracker__guidance h2 {
		font-size: 28px;
	}

	.tsd-order-tracker__intro p {
		margin-block-start: 14px;
	}

	.tsd-order-tracker__form {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 24px 20px;
	}

	.tsd-order-tracker__submit {
		inline-size: 100%;
	}

	.tsd-order-tracker__action {
		grid-column: auto;
	}

	.tsd-order-tracker__package-heading,
	.tsd-order-tracker__order-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	.tsd-order-tracker__facts {
		grid-template-columns: 1fr;
	}

	.tsd-order-tracker__fact,
	.tsd-order-tracker__fact + .tsd-order-tracker__fact {
		padding: 16px 0;
		border-inline-start: 0;
	}

	.tsd-order-tracker__fact + .tsd-order-tracker__fact {
		border-block-start: 1px solid var(--e-global-color-tsdline, #e4e4e7);
	}

	.tsd-order-tracker__events li {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tsd-order-tracker__message.is-loading::before {
		animation: none;
		opacity: 1;
	}

	.tsd-order-tracker__submit {
		transition: none;
	}

	.tsd-order-tracker__form::before {
		transition: none;
	}

	.tsd-order-tracker__result:not([hidden]) {
		animation: none;
	}
}