.order-tracking{--ot-accent:var(--ref-accent,#299e60);--ot-surface:var(--sdc-surface,#fff);--ot-text:var(--sdc-text,#182235);max-width:1180px;margin:0 auto;padding:48px 24px 64px;color:var(--ot-text)}
.order-tracking__intro{max-width:700px;margin-bottom:32px}.order-tracking__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ot-accent);font-size:14px;font-weight:700}.order-tracking__intro h1{font-size:clamp(25px,3vw,36px);line-height:1.65;margin:12px 0}.order-tracking__intro p{line-height:1.9;opacity:.8}
.order-tracking__grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:24px;align-items:start}.order-tracking__form,.order-tracking__result{background:var(--ot-surface);border:1px solid color-mix(in srgb,var(--ot-text) 12%,transparent);border-radius:24px;padding:28px}.order-tracking h2{font-size:21px;line-height:1.7;margin:0 0 20px}.order-tracking h3{font-size:15px;margin:0 0 14px}.order-tracking__form label{display:block;margin:20px 0 8px;font-size:14px}.order-tracking__form input{width:100%;min-height:52px;border:1px solid color-mix(in srgb,var(--ot-text) 25%,transparent);border-radius:12px;padding:12px 16px;background:var(--ot-surface);color:var(--ot-text);font:inherit;text-align:right}.order-tracking__form input::placeholder{font-size:12px;color:inherit;opacity:.65}.order-tracking__form input:focus-visible,.order-tracking button:focus-visible,.order-tracking a:focus-visible{outline:3px solid var(--ot-accent);outline-offset:4px}.order-tracking__hint{font-size:12px;line-height:1.9;opacity:.8;margin:10px 0 18px}.order-tracking button{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;min-height:52px;border:0;border-radius:12px;background:var(--ot-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:filter 150ms,transform 150ms}.order-tracking button:hover{filter:brightness(.9)}.order-tracking button:active{transform:scale(.96)}.order-tracking button:disabled{opacity:.65;cursor:wait}.order-tracking__privacy{display:flex;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--ot-text) 12%,transparent)}.order-tracking__privacy i{font-size:23px;color:var(--ot-accent);flex-shrink:0}.order-tracking__privacy p{font-size:12px;line-height:1.9;margin:0;opacity:.8}.order-tracking__account{display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px;margin-top:12px;color:var(--ot-text);text-decoration:underline;text-underline-offset:4px}
.order-tracking__empty{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.order-tracking__empty-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:color-mix(in srgb,var(--ot-accent) 10%,var(--ot-surface));color:var(--ot-accent);font-size:44px;margin-bottom:24px}.order-tracking__empty h2{margin-bottom:12px}.order-tracking__empty p{font-size:14px;line-height:2;max-width:380px;opacity:.8}.order-tracking__preview{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:12px;opacity:.75;flex-wrap:wrap;justify-content:center}.order-tracking__result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-tracking__result-head h2{margin:4px 0 16px}.order-tracking__badge{font-size:13px;font-weight:700;border-radius:100px;padding:9px 14px;background:color-mix(in srgb,var(--ot-accent) 12%,var(--ot-surface));color:var(--ot-text)}.order-tracking__badge.is-cancelled{background:color-mix(in srgb,#d64a45 15%,var(--ot-surface))}.order-tracking__details{display:flex;gap:28px;flex-wrap:wrap;padding:18px 0;margin:0 0 24px;border-block:1px solid color-mix(in srgb,var(--ot-text) 12%,transparent)}.order-tracking__details dt{font-size:12px;opacity:.75;margin-bottom:8px}.order-tracking__details dd{font-size:14px;margin:0;font-variant-numeric:tabular-nums;letter-spacing:.5px}.order-tracking__steps{list-style:none;margin:0;padding:0}.order-tracking__steps li{display:flex;align-items:center;gap:12px;position:relative;min-height:56px;font-size:14px;opacity:.55}.order-tracking__steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:15px;top:43px;width:2px;height:25px;background:color-mix(in srgb,var(--ot-text) 18%,transparent)}.order-tracking__step-dot{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--ot-text) 25%,transparent);border-radius:50%;font-size:12px}.order-tracking__steps .is-complete,.order-tracking__steps .is-current{opacity:1}.order-tracking__steps .is-complete .order-tracking__step-dot{background:color-mix(in srgb,var(--ot-accent) 12%,var(--ot-surface));color:var(--ot-accent);border-color:var(--ot-accent)}.order-tracking__steps .is-current{font-weight:700}.order-tracking__steps .is-current .order-tracking__step-dot{color:#fff;background:var(--ot-accent);border-color:var(--ot-accent)}.order-tracking__steps small{font-size:10px;margin-inline-start:auto}.order-tracking__parcels{margin-top:28px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--ot-text) 12%,transparent)}.order-tracking__parcels>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:12px}.order-tracking__error{display:block;color:#b42318;font-size:12px;margin-top:8px}.order-tracking__notice{display:flex;gap:12px;line-height:2;font-size:14px}.order-tracking__notice i{font-size:28px}
.order-tracking{--ot-action:color-mix(in srgb,var(--ot-accent) 80%,#000)}.order-tracking button,.order-tracking__steps .is-current .order-tracking__step-dot{background:var(--ot-action)}.order-tracking__eyebrow{color:var(--ot-action)}html.dark .order-tracking__eyebrow{color:color-mix(in srgb,var(--ot-accent) 70%,#fff)}html.dark .order-tracking__error{color:#ffaaa1}.order-tracking__result:focus-visible{outline:2px solid var(--ot-accent);outline-offset:4px}
@media(max-width:767px){.order-tracking{padding:28px 16px 40px}.order-tracking__intro{margin-bottom:24px}.order-tracking__grid{grid-template-columns:1fr;gap:16px}.order-tracking__form,.order-tracking__result{padding:22px;border-radius:20px}.order-tracking__empty{min-height:260px;padding:0}.order-tracking__empty h2{font-size:18px}.order-tracking__preview{gap:8px}.order-tracking__intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.order-tracking button{transition:none}.order-tracking button:active{transform:none}}