.icon{width:1em;height:1em;display:block;object-fit:contain}
.nav-actions .new-order-link{padding:10px 15px;border:1px solid #d6e2e9;border-radius:10px;background:#fff;color:#15365d;transition:.2s}
.nav-actions .new-order-link:hover{border-color:#a3df20;background:#f4f9eb}
.lookup button{display:flex;align-items:center;justify-content:center;gap:9px}
.lookup button .icon{width:17px;height:17px}
.parcel{font-size:inherit}
.parcel .icon{width:68px;height:68px}
.route-point{font-size:inherit}
.route-point .icon{width:21px;height:21px}
.status-badge>span{font-size:inherit}
.status-badge .icon{width:25px;height:25px}
.updated-status{display:flex;align-items:center;gap:5px;margin-top:7px;color:#78905e;font-size:11px;font-weight:600}
.updated-status .icon{width:14px;height:14px}
.track-line{z-index:0}
.stage-row{position:relative;z-index:1;margin-top:-23px}
.stage-icon{width:46px;height:46px;margin-bottom:9px;font-size:inherit}
.stage-icon .icon{width:18px;height:18px;opacity:.55}
.stage.done .icon{opacity:1}
.track-line span{overflow:hidden}
.track-line span::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,#fff9 9px 14px);background-size:28px 100%;animation:route-flow 1.1s linear infinite}
.stage.active .stage-icon{animation:active-stop 1.8s ease-in-out infinite}
@keyframes route-flow{to{background-position:-28px 0}}
@keyframes active-stop{50%{transform:translateY(-3px);box-shadow:0 0 0 9px #a3df201d}}
.swipe-hint{display:none;margin:12px 0 0;color:#7f91a7;font-size:11px;font-weight:600}
.swipe-hint .icon{display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle}
.details div{position:relative}
.details .icon{width:19px;height:19px;margin-bottom:11px;opacity:.8}
.details .address-detail{grid-column:1/-1;display:block;padding:18px 31px;border-left:0;border-bottom:1px solid #e5edf1;background:#fbfdfe}
.details .address-detail .icon{display:inline-block;margin:0 0 0 9px;vertical-align:middle}
.details .address-detail span{display:inline}
.details .address-detail strong{margin-top:8px;font-size:14px;line-height:1.8}
.product-card{display:flex;grid-template-columns:none;align-items:center;gap:20px;margin:0 46px 38px;padding:18px 20px;border:1px solid #e4edf0;border-radius:15px;background:#fbfdfe}
.product-photo{width:76px;height:64px;flex:0 0 76px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#eff7df;font-size:inherit}
.product-photo img{width:100%;height:100%;object-fit:cover}
.product-photo .icon{width:34px;height:34px}
.product-card p{margin:0 0 5px;color:#7f91a7;font-size:12px}
.product-card strong{color:#15365d;font-size:16px}
.product-card>span,.product-link{margin-right:auto;display:flex;align-items:center;gap:7px;color:#76b810;font-size:12px;font-weight:800;text-decoration:none}
.product-card>span .icon,.product-link .icon{width:18px;height:18px}
.product-link:hover{text-decoration:underline}
.social-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 46px 36px;padding:0 4px;color:#7f91a7;font-size:13px}
.social-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dce7ea;border-radius:50%;background:#fff;color:#15365d;text-decoration:none}
.social-icon .icon{width:21px;height:21px}
.social-icon:hover{border-color:#a3df20;background:#f8fdef}
.steps article>span{font-size:inherit}
.steps article .icon{width:23px;height:23px}

.delivery-estimate{display:flex;align-items:center;gap:11px;padding:11px 15px;border:1px solid #dceabf;border-radius:14px;background:#fff;color:#15365d;box-shadow:0 8px 22px #15365d0a}
.delivery-estimate>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eff8dc}
.delivery-estimate .icon{width:20px;height:20px}
.delivery-estimate p{margin:0 0 3px!important;font-size:11px!important}
.delivery-estimate strong{display:block;color:#15365d;font-size:15px;white-space:nowrap}
.upload-box span .icon{width:31px;height:31px}
@media(max-width:740px){
  .nav-actions>a{display:none!important}
  .nav-actions>.new-order-link{display:inline-flex!important;padding:8px 10px;font-size:11px}
  .swipe-hint{display:flex;align-items:center;justify-content:center}
  .details .address-detail{grid-column:1/-1;padding:18px}
  .details .address-detail strong{font-size:13px}
  .product-card{margin:0 18px 25px;gap:12px;flex-wrap:wrap}
  .product-card>span{display:none}
  .product-link{display:inline-flex!important;width:100%;justify-content:center;margin:3px 0 0;padding:10px 13px;border-radius:10px;background:#a3df20;color:#18340d;font-size:12px;text-decoration:none;box-shadow:0 7px 18px #86bd1626}
  .product-link:hover{text-decoration:none;background:#96d20e}
  .delivery-estimate{order:3;width:100%;justify-content:flex-start;padding:10px 12px}
  .social-strip{margin:0 18px 26px}
  .updated-status{font-size:10px}
}

/* Approved tracking hero — static sneaker, gently moving route icons */
.hero>*{min-width:0}
.hero-brand-name{direction:ltr;margin:0 0 18px;color:#15365d;font-size:30px;font-weight:900;letter-spacing:1.5px}
.hero-visual-live{isolation:isolate;width:100%;height:auto;aspect-ratio:4/3;border:1px solid #e7eef2;background:#f7fafc;box-shadow:inset 0 0 45px #c9dce729}
.hero-static-art{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.motion-point{position:absolute;z-index:5;width:52px;height:52px;display:grid;place-items:center;border:2px solid #a3df20;border-radius:50%;background:#fff;box-shadow:0 9px 20px #17345621;will-change:transform}
.motion-point .icon{width:25px;height:25px}.motion-point-location{left:10%;top:15%;animation:hero-point-in .7s .2s ease-out both,hero-point-location 5.2s .9s ease-in-out infinite}.motion-point-truck{right:7%;top:43%;animation:hero-point-in .7s .38s ease-out both,hero-point-truck 4.6s 1.08s ease-in-out infinite}.motion-point-package{right:18%;bottom:8%;animation:hero-point-in .7s .56s ease-out both,hero-point-package 5.5s 1.26s ease-in-out infinite}.motion-point-package::after{content:"✓";position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#a3df20;color:#315e0d;font-size:10px;font-weight:900}
@keyframes hero-point-in{0%{opacity:0;transform:scale(.35) rotate(-24deg)}75%{transform:scale(1.12) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes hero-point-location{0%,100%{transform:translate3d(0,0,0)}45%{transform:translate3d(11px,-8px,0)}70%{transform:translate3d(4px,5px,0)}}
@keyframes hero-point-truck{0%,100%{transform:translate3d(0,0,0)}38%{transform:translate3d(-12px,6px,0)}72%{transform:translate3d(-4px,-8px,0)}}
@keyframes hero-point-package{0%,100%{transform:translate3d(0,0,0)}42%{transform:translate3d(-7px,-10px,0)}76%{transform:translate3d(7px,-3px,0)}}
@media(max-width:740px){.hero{overflow:hidden}.hero-brand-name{font-size:24px;margin-bottom:12px}.hero-visual-live{height:auto!important;aspect-ratio:1.15}.motion-point{width:43px;height:43px}.motion-point .icon{width:21px;height:21px}.motion-point-location{left:7%;top:12%}.motion-point-truck{right:5%;top:43%}.motion-point-package{right:13%;bottom:7%}.lookup button{padding-inline:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.motion-point{animation:none!important}}