.sot-tracking {
	margin: 2rem 0;
}

.sot-tracking__title {
	margin: 0 0 1rem;
	font-size: 1.25rem;
}

.sot-tracking__card {
	padding: 1.25rem 1.5rem;
	border: 1px solid #e8e2d9;
	background: #faf8f5;
}

.sot-tracking__list {
	display: grid;
	gap: 0.85rem;
	margin: 0;
}

.sot-tracking__list dt {
	margin: 0;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b6560;
}

.sot-tracking__list dd {
	margin: 0.2rem 0 0;
	font-size: 1rem;
}

.sot-tracking__list code {
	font-size: 1.05rem;
	background: transparent;
	padding: 0;
}

.sot-tracking__note {
	margin: 1rem 0 0;
	color: #3d3a36;
}

.sot-tracking__actions {
	margin: 1.25rem 0 0;
}

.sot-tracking__btn {
	display: inline-block;
}

.sot-track-page {
	max-width: 520px;
	margin: 0 auto;
}

.sot-track-form__intro {
	margin-bottom: 1.25rem;
	color: #5c564f;
}

.sot-track-form label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 600;
}

.sot-track-form input[type="number"],
.sot-track-form input[type="email"] {
	width: 100%;
	max-width: 100%;
	padding: 0.65rem 0.75rem;
}

.sot-track-result {
	margin-top: 2rem;
}

.sot-track-result__order {
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.sot-track-result--error {
	padding: 1rem 1.25rem;
	border: 1px solid #e8c4c4;
	background: #fff5f5;
	color: #7a2e2e;
}

.sot-progress {
	list-style: none;
	margin: 0 0 1.35rem;
	padding: 0;
	display: grid;
	gap: 0.65rem;
}

.sot-progress__step {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	color: #8a7f88;
	font-size: 0.92rem;
}

.sot-progress__dot {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #e5dbe4;
	flex-shrink: 0;
}

.sot-progress__step.is-done {
	color: #2a1a30;
}

.sot-progress__step.is-done .sot-progress__dot {
	background: #7b2d8e;
}

.sot-progress__step.is-current {
	color: #7b2d8e;
	font-weight: 600;
}

.sot-progress__step.is-current .sot-progress__dot {
	background: #7b2d8e;
	box-shadow: 0 0 0 4px rgba(123, 45, 142, 0.18);
}

.sot-tracking__hint {
	margin: 0.55rem 0 0;
	font-size: 0.82rem;
	color: #6b6560;
}

.sot-tracking__btn {
	background: #7b2d8e !important;
	border-color: #7b2d8e !important;
	color: #fff !important;
}

body.sundari-theme .sundari-track .sot-track-form .button,
body.sundari-theme .sundari-track button[type="submit"] {
	background: #7b2d8e !important;
	border-color: #7b2d8e !important;
	color: #fff !important;
}

.sot-order-picker {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.sot-order-picker__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.95rem 1rem;
	border: 1px solid #efe6ee;
	border-radius: 0.85rem;
	background: #fbf7f9;
}

.sot-order-picker__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.85rem;
	align-items: baseline;
	font-size: 0.9rem;
	color: #6b556f;
}

.sot-order-picker__meta strong {
	color: #2a1a30;
	font-size: 1rem;
}

.sot-order-picker__awb {
	font-family: ui-monospace, monospace;
	font-size: 0.82rem;
	color: #7b2d8e;
}