/* Shipment Status Section matching the supplied dark-card reference. */
.sedasend-tracking {
    --tracking-orange: #e25541;
    --tracking-card: #fff;
    --tracking-line: #e5e5e5;
    width: 100%;
    padding: clamp(70px, 8vw, 110px) 20px;
    overflow: hidden;
    background: #fff;
    color: #111;
}

.sedasend-tracking *,
.sedasend-tracking *::before,
.sedasend-tracking *::after { box-sizing: border-box; }

.sedasend-tracking__inner { width: min(1180px, 100%); margin: 0 auto; }
.sedasend-tracking h1 { margin: 0 0 28px; color: #111; font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.2; }
.sedasend-tracking__header > p,
.sedasend-tracking__header > span { display: none; }
.sedasend-tracking__header h1 { margin-bottom: 28px; }
.sedasend-tracking__viewport { width: 100%; padding: 10px 6px 24px; overflow-x: auto; scrollbar-width: thin; }
.sedasend-tracking__track { position: relative; min-width: 800px; }

/* Connector sits behind the cards and fills in orange as status advances. */
.sedasend-tracking__line { position: absolute; z-index: 0; top: 50%; right: 10%; left: 10%; height: 12px; overflow: hidden; background: var(--tracking-line); transform: translateY(-50%); }
.sedasend-tracking__line span { display: block; width: 0; height: 100%; background: var(--tracking-orange); transition: width .5s ease; }
.sedasend-tracking__track.progress-1 .sedasend-tracking__line span { width: 33.333%; }
.sedasend-tracking__track.progress-2 .sedasend-tracking__line span { width: 66.666%; }
.sedasend-tracking__track.progress-3 .sedasend-tracking__line span { width: 100%; }

.sedasend-tracking__steps { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(34px, 5vw, 64px); margin: 0; padding: 0; list-style: none; }
.sedasend-tracking__steps li { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 230px; padding: 26px 18px; border: 2px solid #e8e8e8; border-radius: 18px; background: var(--tracking-card); box-shadow: 0 10px 28px rgba(0,0,0,.07); text-align: center; transition: border-color .5s ease, background-color .5s ease, box-shadow .5s ease, transform .5s ease; }
.sedasend-tracking__icon { display: grid; width: 76px; height: 76px; margin-bottom: 14px; place-items: center; color: #111; transition: color .5s ease, transform .5s ease; }
.sedasend-tracking__icon svg { width: 66px; height: 66px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; }
.sedasend-tracking__steps h2,
.sedasend-tracking__steps strong { margin: 0; color: #111; font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 600; transition: color .5s ease; }
.sedasend-tracking__steps p { margin: 7px 0 0; color: #111; font-size: .86rem; line-height: 1.35; opacity: .78; }

.sedasend-tracking__steps li.is-active { border-color: var(--tracking-orange); box-shadow: 0 0 0 2px rgba(226,85,65,.25), 0 0 24px rgba(226,85,65,.58); transform: translateY(-2px); }
.sedasend-tracking__steps li.is-active .sedasend-tracking__icon,
.sedasend-tracking__steps li.is-active h2,
.sedasend-tracking__steps li.is-active strong { color: var(--tracking-orange); }
.sedasend-tracking__steps li.is-active .sedasend-tracking__icon { transform: scale(1.06); }
.sedasend-tracking__steps li.is-completed { border-color: rgba(226,85,65,.48); background: rgba(226,85,65,.24); }
.sedasend-tracking__steps li.is-completed .sedasend-tracking__icon { color: var(--tracking-orange); }

/* Shipment details placed directly below the status timeline. */
.sedasend-tracking__details { width: min(900px, 100%); margin: clamp(48px, 7vw, 76px) auto 0; color: #111; }
.sedasend-tracking__details h2 { margin: 0 0 20px; color: #111; font-size: clamp(1.35rem, 2.5vw, 1.85rem); font-weight: 700; }
.sedasend-tracking__details dl { margin: 0; overflow: hidden; border: 1px solid #d8d8d8; border-radius: 12px; background: #fff; }
.sedasend-tracking__details dl > div { display: grid; grid-template-columns: minmax(170px, 40%) minmax(0, 1fr); border-bottom: 1px solid #d8d8d8; }
.sedasend-tracking__details dl > div:last-child { border-bottom: 0; }
.sedasend-tracking__details dt,
.sedasend-tracking__details dd { margin: 0; padding: 15px 20px; color: #111; line-height: 1.4; }
.sedasend-tracking__details dt { font-weight: 700; }
.sedasend-tracking__details dd { overflow-wrap: anywhere; }

@media (max-width: 700px) {
    .sedasend-tracking { padding-inline: 14px; }
    .sedasend-tracking__viewport { scroll-snap-type: x proximity; }
    .sedasend-tracking__track { min-width: 860px; }
    .sedasend-tracking__steps li { scroll-snap-align: center; }
    .sedasend-tracking__details dl > div { grid-template-columns: 1fr; }
    .sedasend-tracking__details dt { padding-bottom: 3px; }
    .sedasend-tracking__details dd { padding-top: 3px; }
}

@media (prefers-reduced-motion: reduce) {
    .sedasend-tracking__line span,
    .sedasend-tracking__steps li,
    .sedasend-tracking__icon,
    .sedasend-tracking__steps h2 { transition: none; }
}