.tracking-status{padding:clamp(22px,4vw,44px);border-radius:24px;background:radial-gradient(ellipse at 90% 0,#ff7b232b,transparent 65%),linear-gradient(135deg,#271911ed,#12110fec);border:1px solid #e7aa6740;box-shadow:0 20px 60px #0003}.tracking-live{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2px;color:#ffca92}.tracking-live>span{width:7px;height:7px;background:#9ed386;border-radius:50%;box-shadow:0 0 12px #9ed38670}.tracking-status h2{font-size:clamp(23px,3vw,34px);line-height:1.2;max-width:530px;margin:20px 0}.tracking-countdown{display:flex;align-items:center;flex-direction:column;padding:25px 12px;text-align:center;border-bottom:1px solid #edba7826}.tracking-countdown>strong{font:900 clamp(90px,12vw,136px)/1 Arial,sans-serif;letter-spacing:-6px;color:#ffd3a2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 6px 40px #f5642440}.tracking-countdown strong small{font-size:24px;letter-spacing:0;margin-left:10px;color:#fff1de}.tracking-countdown>span,.tracking-until{color:#d9cdbd;font-size:14px}.tracking-countdown .tracking-state-icon{font-size:72px;letter-spacing:0;margin-bottom:15px}.tracking-countdown>b{font-size:19px;color:#fff0db}.tracking-arrival{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0;padding:16px 20px;border:1px solid #e3aa7350;border-radius:14px;background:#ffd4a80a}.tracking-arrival span{font-size:13px;color:#e9d4bd}.tracking-arrival b{white-space:nowrap;font-size:25px;color:#fff1dc}.tracking-arrival small{font-size:13px}.tracking-explain{font-size:13px;line-height:1.7;color:#d6c7b4}.tracking-steps{list-style:none;display:flex;padding:24px 0 10px;margin:0}.tracking-steps li{flex:1 1;position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px;color:#9b948b}.tracking-steps li:not(:last-child):after{content:"";position:absolute;height:2px;background:#6b5c4d;left:calc(50% + 19px);right:calc(-50% + 19px);top:17px}.tracking-steps span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #6b5c4d;border-radius:50%;font-size:13px}.tracking-steps b{font-size:11px}.tracking-steps small{font-size:10px}.tracking-steps .complete{color:#e7b57d}.tracking-steps .complete span{background:#4a3320;border-color:#d99b58}.tracking-steps .complete:after{background:#d99b58!important}.tracking-steps .current{color:#fff0db}.tracking-steps .current span{background:#ff632c;border-color:#ffba76;box-shadow:0 0 0 5px #ff7b2320;color:white}.tracking-sync{font-size:10px;color:#b9b0a4;text-align:center;margin-top:20px}.tracking-stale .tracking-live>span{background:#e8b65c}@media(max-width:600px){.tracking-steps{flex-direction:column;gap:0;padding-bottom:0}.tracking-steps li{display:grid;grid-template-columns:36px 1fr auto;text-align:left;gap:12px;padding-bottom:22px;align-items:center}.tracking-steps b{font-size:13px}.tracking-steps small{font-size:11px}.tracking-steps li:not(:last-child):after{left:17px;right:auto;top:39px;height:16px;width:2px}.tracking-arrival{padding:14px}.tracking-arrival span{max-width:145px}.tracking-status{border-radius:19px}}.sf-tracking-page .sf-hero{min-height:0;padding:28px 36px 25px}.sf-tracking-page .sf-hero h1{font-size:clamp(28px,3.4vw,42px)}.sf-tracking-page .sf-hero>p:last-child{margin-bottom:0}@media(max-width:600px){.sf-tracking-page .sf-hero{padding:24px 20px}.sf-tracking-page .sf-content{padding-top:15px}}