.tracking-page{position:relative;padding:32px 0 70px;overflow:clip}.tracking-bg-shapes .shape{position:absolute;border-radius:999px;filter:blur(30px);opacity:.25;pointer-events:none}.shape-a{width:220px;height:220px;background:var(--emerald);top:20px;right:8%}.shape-b{width:260px;height:260px;background:var(--purple);top:260px;left:-50px}.shape-c{width:180px;height:180px;background:var(--gold);bottom:60px;right:20%}.tracking-hero{text-align:center;margin-bottom:28px}.tracking-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--neon)}.tracking-hero h1{font-size:clamp(1.8rem,4vw,3.2rem);margin:0}.tracking-subtitle{color:var(--muted);max-width:700px;margin:12px auto 20px}.tracking-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin:0 auto}.tracking-search input{width:100%;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);padding:14px 16px}.tracking-record{margin-top:26px;display:none}.tracking-record.is-visible{display:block;animation:fadeUp .45s ease}.tracking-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.product-head{display:grid;grid-template-columns:220px 1fr;gap:16px}.product-media{width:100%;border-radius:16px;object-fit:cover}.placeholder-media{min-height:180px;background:linear-gradient(135deg,#222,#333);border-radius:14px}.meta-list{padding:0;list-style:none;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--stroke);margin-bottom:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-transit{color:#8cd5ff}.status-delivered{color:#7dffcf}.status-lost,.status-canceled{color:#ff7c7c}.progress-card{margin-top:18px}.progress-track{height:10px;border-radius:999px;background:#ffffff1f;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--emerald))}.tracking-info-column{display:grid;gap:10px}.info-card{padding:12px 14px}.info-card-title{margin:0 0 4px;color:var(--muted);font-size:.88rem}.tracking-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.shipping-card,.illustrative-map{padding:16px}.map-canvas{position:relative;height:80px;margin-top:14px}.map-line{position:absolute;left:8%;right:8%;top:37px;border-top:3px dashed rgba(255,255,255,.4)}.map-point{position:absolute;top:20px;font-size:.78rem;color:var(--muted)}.map-point.origin{left:0}.map-point.destination{right:0}.map-truck{position:absolute;top:22px;transform:translate(-50%);transition:left .6s ease}.timeline-wrap{margin-top:18px;padding:16px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(var(--emerald),rgba(255,255,255,.2))}.timeline-item{position:relative;padding:0 0 16px 12px;opacity:.65}.timeline-item.done{opacity:1}.timeline-item.active{opacity:1;animation:pulse 1.6s infinite}.timeline-node{position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:50%;background:#7a879a}.timeline-item.done .timeline-node{background:var(--emerald)}.timeline-item.active .timeline-node{background:var(--neon);box-shadow:0 0 0 10px #7dffcf1f}.tracking-empty{margin-top:20px;padding:20px;text-align:center}.city-path{fill:none;stroke:url(#routeGlow);stroke-width:4.2;stroke-linecap:round;stroke-dasharray:8 11;animation:pathFlow 9s linear infinite;opacity:.95}.city-path-b{animation-duration:12s}.city-path-c{animation-duration:15s}.node{fill:#7dffcf;opacity:.8;animation:nodePulse 2.8s ease-in-out infinite}.node.major{fill:#c7a86b;animation-duration:2.2s}.pin path{fill:#ffffffdb}.pin circle{fill:#5b2bc9}.pin-b circle{fill:#1ed497}.pin-a{animation:floatY 3.6s ease-in-out infinite}.pin-b{animation:floatY 4.2s ease-in-out infinite reverse}.cargo-stack rect{fill:#ffffff38;stroke:#ffffff38;animation:cargoBlink 3.6s ease-in-out infinite}.truck-group{transform-origin:center;animation:truckTraverse 12s linear infinite}.truck-body{fill:#f5f7fa}.truck-cabin{fill:#d9def0}.wheel{fill:#111827}.truck-line{fill:#1ed497}.signal{fill:#7dffcf;animation:signalPulse 1.8s ease-in-out infinite}.signal:nth-child(2){animation-delay:.3s}.signal:nth-child(3){animation-delay:.6s}.signal:nth-child(4){animation-delay:.9s}.reveal{opacity:0;transform:translateY(14px);transition:.5s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:translateY(-1px)}}@keyframes pathFlow{to{stroke-dashoffset:-220}}@keyframes nodePulse{50%{opacity:1;filter:drop-shadow(0 0 8px rgba(125,255,207,.55))}}@keyframes floatY{50%{transform:translateY(-5px)}}@keyframes cargoBlink{50%{fill:#ffffff57}}@keyframes signalPulse{50%{r:4.2;opacity:1;filter:drop-shadow(0 0 8px rgba(125,255,207,.75))}}@keyframes truckTraverse{0%{transform:translate(108px,328px) scale(.98)}25%{transform:translate(220px,240px) scale(1)}50%{transform:translate(342px,214px) scale(1)}75%{transform:translate(472px,244px) scale(1)}to{transform:translate(612px,164px) scale(.98)}}@media(max-width:990px){.tracking-grid,.tracking-secondary-grid,.product-head{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tracking.css.map */