.track-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + clamp(36px,6vw,90px)) 0 clamp(90px,10vw,140px);isolation:isolate}.track-dots{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgb(255 210 31 / .1) 29%,transparent 30%) 0 0 / 56px 56px;mask-image:linear-gradient(180deg,#000 30%,transparent)}.track-hero-inner{display:grid;gap:18px;max-width:820px}.track-title{font-family:var(--f-head);font-weight:900;font-size:clamp(54px,9vw,140px);line-height:1;color:var(--yellow)}html[lang=en] .track-title{font-weight:400;text-transform:uppercase;line-height:.92}.track-body{position:relative;z-index:2;display:grid;justify-items:center;margin-top:clamp(-90px,-7vw,-60px);padding-bottom:clamp(60px,8vw,120px)}.track-form,.track-card,.track-unsub{width:min(640px,100%);display:grid;gap:16px;padding:clamp(20px,3vw,34px);border-radius:var(--radius-lg);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.track-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.track-no{font-family:var(--f-latin-black);font-size:clamp(30px,5vw,46px);line-height:1;direction:ltr}.track-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--ink);color:var(--cream);font-family:var(--f-latin);font-weight:800;font-size:11px;letter-spacing:.14em}.track-live i{width:8px;height:8px;border-radius:50%;background:#b8f23a;animation:track-pulse 1.8s infinite}@keyframes track-pulse{0%{box-shadow:0 0 #b8f23a99}70%,to{box-shadow:0 0 0 8px #b8f23a00}}.track-status span{display:inline-block;padding:8px 18px;border-radius:999px;background:var(--c);color:var(--white);font-family:var(--f-head);font-weight:900;font-size:clamp(20px,3vw,28px);box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}html[lang=en] .track-status span{font-weight:400;text-transform:uppercase}.track-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;counter-reset:s}.track-steps li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;font-size:13px;font-weight:700;color:var(--muted)}.track-steps li:before{content:"";position:absolute;top:17px;inset-inline-start:calc(50% + 20px);width:calc(100% - 34px);height:3px;border-radius:3px;background:var(--line)}.track-steps li:last-child:before{display:none}.track-steps li.done:before{background:var(--ink)}.track-steps i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--line);background:var(--white);font-style:normal;font-family:var(--f-latin);font-weight:800}.track-steps i svg{width:18px;height:18px}.track-steps li.done,.track-steps li.now{color:var(--ink)}.track-steps li.done i{background:var(--ink);border-color:var(--ink);color:var(--yellow)}.track-steps li.now i{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.track-steps small{font-weight:500;font-size:11.5px;color:var(--muted);min-height:1.4em}@media(max-width:560px){.track-steps{grid-template-columns:1fr;gap:0}.track-steps li{grid-template-columns:36px 1fr auto;justify-items:start;align-items:center;gap:12px;padding:6px 0;text-align:start}.track-steps li:before{top:calc(50% + 20px);inset-inline-start:17px;width:3px;height:calc(100% - 28px)}}.track-ship{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--cream);font-size:14px}.track-copy{display:inline-flex;align-items:center;gap:6px;font-size:14px}.track-copy b{font-family:var(--f-latin)}.track-copy small{padding:2px 8px;border-radius:999px;background:var(--ink);color:var(--cream);font-size:11px;font-weight:700}.track-items{list-style:none;margin:0;padding:0;display:grid}.track-items li{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.track-items img,.track-ph{width:52px;height:64px;border-radius:10px;object-fit:cover;background:var(--cream-2)}.track-items small{display:block;color:var(--muted);font-size:12.5px}.track-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.track-foot b{font-family:var(--f-latin);font-size:18px}.track-pay{padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;background:#fde7f1}.track-pay.paid{background:#dff3e7}.track-actions{display:flex;flex-wrap:wrap;gap:10px}.track-updated{color:var(--muted);font-size:12px}.track-unsub-actions{display:flex;flex-wrap:wrap;gap:10px}.track-driver{display:grid;gap:12px;padding:14px;border-radius:18px;background:var(--white);border:2px solid var(--ink)}.td-head{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.td-head small{display:block;color:var(--muted);font-size:12.5px}.td-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:var(--white);font-weight:900;font-size:20px}.td-map{height:240px;border-radius:14px;overflow:hidden;border:1.5px solid var(--line);background:var(--cream-2);z-index:0}.td-live{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#10603a}.td-live i{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:track-pulse 1.8s infinite}.td-eta{font-size:15px}.td-eta b{font-family:var(--f-latin);font-size:20px}.td-eta span{color:var(--muted)}.courier-pin{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.courier-pin svg{width:26px;height:26px}.track-mine{width:min(640px,100%);display:grid;gap:14px;padding:clamp(20px,3vw,34px);border-radius:var(--radius-lg);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.track-mine[hidden]{display:none}.tm-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tm-sub{color:var(--muted);font-size:14px}.tm-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.tm-card{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;grid-template-areas:"thumb info status go" "thumb info total go";align-items:center;gap:4px 12px;padding:10px 12px;border:2px solid var(--ink);border-radius:16px;background:var(--white);color:inherit;text-align:start;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}.tm-card:hover,.tm-card:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);outline:none}.tm-thumb{grid-area:thumb;width:56px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--cream)}.tm-thumb img{width:100%;height:100%;object-fit:cover}.tm-info{grid-area:info;display:grid;gap:2px;min-width:0}.tm-info b{font-family:var(--f-latin-black);font-size:18px;text-align:start}.tm-info small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-status{grid-area:status;justify-self:end;padding:3px 10px;border-radius:999px;background:var(--c, var(--line));color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.tm-status.is-loading{width:64px;height:20px;background:linear-gradient(90deg,var(--line),var(--cream),var(--line)) 0 0 / 200% 100%;animation:tm-shimmer 1.2s linear infinite}@keyframes tm-shimmer{to{background-position:-200% 0}}.tm-total{grid-area:total;justify-self:end;font-size:14px}.tm-go{grid-area:go;width:20px;height:20px}.tm-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.tm-forget,.tm-back{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border:0;background:none;color:var(--muted);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tm-back{justify-self:start;color:var(--ink);text-decoration:none}.tm-back[hidden]{display:none}.tm-back-i{width:18px;height:18px;transform:scaleX(-1)}[dir=ltr] .tm-back .tm-back-i{transform:none}