.tracking-body{background:#f4f7fa;color:var(--blue,#0b213a)}
.tracking-main{max-width:1060px;margin:0 auto;padding:48px 30px 32px}
.tracking-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 12px 40px}
.tracking-hero .eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#187c76;margin:0 0 18px}
.tracking-hero h1{font-size:clamp(38px,5.5vw,62px);letter-spacing:-.045em;line-height:1.08;margin:0 0 20px;font-weight:900}
.tracking-hero h1 span{color:#168f87}
.tracking-hero p:last-child{color:#617086;max-width:410px;line-height:1.65;margin:0;font-size:15px}
.tracking-hero-art{color:#0b213a;width:225px;flex-shrink:0;text-align:center;transform:rotate(-5deg)}
.tracking-hero-art svg{width:100%;display:block}.tracking-hero-art span{font-size:10px;font-weight:850;letter-spacing:.22em;opacity:.5}
.tracking-search{display:grid;grid-template-columns:1fr 1.45fr;gap:32px;padding:28px 30px;background:#fff;border:1px solid #e0e7ee;border-radius:16px;box-shadow:0 10px 35px rgba(11,33,58,.04)}
.tracking-search h2{font-size:22px;letter-spacing:-.025em;margin:0 0 8px}.tracking-search-intro p{font-size:13px;color:#617086;line-height:1.5;margin:0;max-width:250px}
.tracking-search form label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.tracking-input-row{display:flex;gap:8px}.tracking-input-row input{width:100%;min-width:0;border:1px solid #cbd5df;border-radius:8px;padding:13px 14px;background:#fafbfd;font-size:15px;color:#0b213a}.tracking-input-row input:focus{outline:2px solid #29bdb2;outline-offset:2px}
.tracking-input-row button{border:0;border-radius:8px;background:#0b213a;color:#fff;font-weight:750;padding:13px 20px;white-space:nowrap;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:18px}.tracking-input-row button:hover{background:#173854}.tracking-input-row button:disabled{opacity:.6;cursor:wait}.tracking-input-row button:focus-visible{outline:3px solid #29bdb2;outline-offset:3px}
.tracking-search .form-status{min-height:0;margin:8px 0 0;font-size:12px}.form-status[data-state="error"]{color:#b42318}.form-status[data-state="success"]{color:#187c76}
.track-order-result[hidden],.track-order-note[hidden]{display:none}.track-order-result{margin-top:24px;background:#fff;border:1px solid #e0e7ee;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px rgba(11,33,58,.04)}
.track-order-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;border-bottom:1px solid #e5ebf1}.tracking-section-label{font-size:10px;font-weight:850;letter-spacing:.14em;color:#748196;margin:0 0 8px}.track-order-heading h2{font-size:24px;letter-spacing:-.03em;margin:0 0 8px;overflow-wrap:anywhere}.track-order-heading p:last-child{font-size:12px;color:#748196;margin:0}.track-order-total{text-align:right;flex-shrink:0;display:grid;gap:5px}.track-order-total span{font-size:11px;color:#748196}.track-order-total strong{font-size:21px}
.tracking-journey{padding:30px 32px;background:linear-gradient(180deg,#f6fafb,#fff)}.tracking-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.track-order-status{font-size:24px;letter-spacing:-.025em;margin:0}.tracking-stage{font-size:11px;font-weight:800;color:#157a72;background:#e2f4f0;border:1px solid #c7e9e3;border-radius:100px;padding:7px 12px;white-space:nowrap}
.tracking-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:34px 0 28px;padding:0}.tracking-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:#8693a4;gap:11px}.tracking-step:not(:last-child):after{content:"";position:absolute;height:2px;background:#e0e6ed;left:calc(50% + 28px);right:calc(-50% + 28px);top:26px}.tracking-step.is-complete:not(:last-child):after{background:#29bdb2}.tracking-step-marker{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef2f6;border:1px solid #e0e6ed;color:#99a5b4;position:relative;z-index:1}.tracking-step-marker svg{width:23px;height:23px}.is-complete .tracking-step-marker{background:#e3f6f1;color:#168b7c;border-color:#c6eade}.is-current .tracking-step-marker{background:#0b213a;color:#32d1c1;border-color:#0b213a;box-shadow:0 0 0 5px #e0f4f0}.tracking-step-label{font-size:12px;line-height:1.4;font-weight:750;max-width:110px}.is-complete .tracking-step-label,.is-current .tracking-step-label{color:#0b213a}.tracking-step-state{font-size:10px;color:#8a96a6;display:block;margin-top:4px;font-weight:500}.is-current .tracking-step-state{color:#168b7c;font-weight:750}
.track-order-updated{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#748196;font-size:11px;flex-wrap:wrap}.tracking-update-dot{width:6px;height:6px;background:#29bdb2;border-radius:50%;margin-right:2px}
.track-order-note{margin:0 32px 28px;padding:20px 22px;background:#eff8f6;border:1px solid #d5ebe5;border-radius:10px}.track-order-note h3{margin:0 0 8px;font-size:13px;color:#177c71}.track-order-note p{font-size:14px;line-height:1.65;color:#31564e;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.tracking-products{padding:24px 32px 30px;border-top:1px solid #e5ebf1}.tracking-products-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.tracking-products-heading h3{font-size:16px;margin:0}.tracking-products-heading>span{font-size:11px;color:#748196}.track-order-items{padding:0;margin:0;list-style:none}.track-order-items li{padding:16px 0;border-top:1px solid #edf0f4;display:grid;gap:6px}.track-order-items strong{font-size:14px;font-weight:750;color:#18344c}.track-order-items span{font-size:12px;color:#748196}
.tracking-help{text-align:center;font-size:13px;color:#748196;margin:28px 0 0}.tracking-help a{color:#187c76;font-weight:750;text-decoration:none;margin-left:6px}.tracking-footer{max-width:1000px;margin:0 auto;padding:24px 30px;border-top:1px solid #e0e7ee;display:flex;gap:24px;font-size:11px;color:#748196}.tracking-footer a{color:inherit;text-decoration:none}.tracking-footer span{margin-left:auto}
@media(max-width:700px){.tracking-main{padding:28px 18px 24px}.tracking-hero{padding:8px 4px 28px;gap:8px}.tracking-hero h1{font-size:40px}.tracking-hero p:last-child{font-size:13px}.tracking-hero-art{width:130px}.tracking-search{grid-template-columns:1fr;gap:20px;padding:22px;border-radius:12px}.tracking-search-intro p{max-width:none}.tracking-input-row button{padding:13px 15px;gap:10px}.track-order-heading{padding:22px;align-items:flex-start}.track-order-heading h2{font-size:19px}.track-order-total strong{font-size:17px}.tracking-journey{padding:24px 22px}.track-order-status{font-size:21px}.tracking-steps{grid-template-columns:1fr;gap:0;margin:26px 0 20px}.tracking-step{flex-direction:row;text-align:left;min-height:70px;gap:18px;align-items:center}.tracking-step-marker{width:44px;height:44px;border-radius:12px;flex-shrink:0}.tracking-step:not(:last-child):after{width:2px;height:auto;left:21px;right:auto;top:58px;bottom:-12px}.tracking-step-label{max-width:none;font-size:13px}.tracking-step-state{margin-top:3px}.track-order-updated{justify-content:flex-start;line-height:1.6}.track-order-note{margin:0 22px 24px;padding:18px}.tracking-products{padding:22px}.tracking-footer{padding:20px 22px;flex-wrap:wrap;gap:14px 24px}.tracking-footer span{width:100%;margin-left:0}}
@media(max-width:390px){.tracking-hero-art{display:none}.track-order-heading{flex-direction:column;gap:14px}.track-order-total{text-align:left}.tracking-input-row{flex-wrap:wrap}.tracking-input-row button{width:100%;justify-content:space-between}}

.tracking-step-copy {min-width:0;width:100%;padding:0 9px}
.tracking-step-label {display:block;margin:0 auto}
.tracking-step-message {font-size:12px;line-height:1.65;color:#607086;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.is-current .tracking-step-message,.is-complete .tracking-step-message {color:#284760}
@media(max-width:700px){.tracking-step{align-items:flex-start;padding:13px 0;min-height:70px}.tracking-step-copy{padding:0}.tracking-step-label{margin:0;max-width:none}.tracking-step-message{margin-top:8px}.tracking-step:not(:last-child):after{top:58px;bottom:-13px}.tracking-step-marker{margin-top:0}}