.tracking-order{max-width:1060px;margin:0 auto;padding:66px 24px 80px;color:#102b2b}.tracking-order__hero{text-align:center;max-width:700px;margin:0 auto 34px}.tracking-order__eyebrow,.tracking-order__result-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#c97d2d}.tracking-order h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}.tracking-order__hero p:last-child{font-size:17px;line-height:1.65;color:#536565}.tracking-order__card{background:#fff;border:1px solid #dbe5e1;box-shadow:0 24px 65px rgba(16,43,43,.12);border-radius:22px;padding:clamp(24px,4vw,46px)}.tracking-order__form label{display:block;font-weight:800;margin-bottom:10px}.tracking-order__input-row{display:flex;gap:10px}.tracking-order__input-row input{min-width:0;flex:1;border:1px solid #b9ccc5;border-radius:10px;padding:16px 17px;font:700 16px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase}.tracking-order__input-row input:focus{outline:3px solid rgba(201,125,45,.22);border-color:#c97d2d}.tracking-order__input-row button{border:0;background:#103d3e;color:#fff;border-radius:10px;padding:0 24px;font:800 14px var(--font-body);white-space:nowrap;cursor:pointer}.tracking-order__input-row button:disabled{opacity:.55}.tracking-order__help{font-size:13px;color:#71817e;margin:11px 0 0}.tracking-order__loading{padding-top:28px;font-weight:700;color:#45615c}.tracking-order__loading span{display:inline-block;width:14px;height:14px;border:2px solid #d6e2de;border-top-color:#c97d2d;border-radius:50%;animation:tracking-spin .7s linear infinite;margin-right:8px}.tracking-order__error{margin:24px 0 0;background:#fff3ed;color:#8e3516;border-radius:10px;padding:14px 16px}.tracking-order__error a{color:inherit;font-weight:800}.tracking-order__result{margin-top:34px;border-top:1px solid #e3ebe8;padding-top:29px}.tracking-order__result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tracking-order__result-head h2{font-size:24px;letter-spacing:-.03em;margin:5px 0 0}.tracking-order__code{border-radius:999px;background:#edf5f2;color:#285a4c;padding:8px 11px;font:800 12px var(--font-body);letter-spacing:.06em}.tracking-order__timeline{list-style:none;padding:25px 0 0;margin:0}.tracking-order__timeline li{position:relative;display:flex;gap:16px;padding:0 0 24px}.tracking-order__timeline li:not(:last-child):after{content:"";position:absolute;left:7px;top:17px;bottom:0;border-left:1px solid #d7e2de}.tracking-order__dot{z-index:1;width:15px;height:15px;border:3px solid #bed0c9;background:#fff;border-radius:50%;flex:none;margin-top:3px}.tracking-order__timeline .is-current .tracking-order__dot{background:#c97d2d;border-color:#c97d2d;box-shadow:0 0 0 5px #fff3e7}.tracking-order__timeline strong{display:block;font-size:15px}.tracking-order__timeline p{margin:4px 0;color:#61736f;font-size:14px}.tracking-order__timeline small{color:#859591;font-size:12px}.tracking-order__official{display:inline-flex;gap:8px;margin-top:6px;color:#103d3e;font-weight:800;text-decoration:underline;text-underline-offset:4px}.tracking-order__tips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.tracking-order__tips div{background:#eaf2ef;border-radius:14px;padding:20px}.tracking-order__tips strong{color:#c97d2d;font-size:22px}.tracking-order__tips p{margin:8px 0 0;color:#526661;font-size:14px;line-height:1.45}@keyframes tracking-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.tracking-order{padding:42px 16px 58px}.tracking-order__card{border-radius:16px;padding:23px 18px}.tracking-order__input-row{display:block}.tracking-order__input-row button{margin-top:10px;width:100%;height:52px}.tracking-order__result-head{display:block}.tracking-order__code{display:inline-block;margin-top:14px}.tracking-order__tips{grid-template-columns:1fr}.tracking-order__tips div{padding:16px}}
.tracking-order__map{margin:28px 0 4px;padding:22px;background:linear-gradient(135deg,#f0f7f4,#fbf5ed);border:1px solid #dce9e4;border-radius:14px}.tracking-order__map-head{display:flex;justify-content:space-between;gap:14px;font-size:13px}.tracking-order__map-head span{color:#657773}.tracking-order__map-head strong{color:#174d49}.tracking-order__route{position:relative;height:85px;margin:15px 6% 0}.tracking-order__route-base,.tracking-order__route-progress{position:absolute;top:25px;left:0;height:4px;border-radius:99px}.tracking-order__route-base{right:0;background:#d3e1dc}.tracking-order__route-progress{width:9%;background:#c97d2d;transition:width .8s ease}.tracking-order__truck{position:absolute;top:1px;left:9%;z-index:2;transform:translateX(-50%);font-size:23px;transition:left .8s cubic-bezier(.22,.8,.2,1);filter:drop-shadow(0 4px 4px rgba(16,43,43,.2))}.tracking-order__route-stop{position:absolute;top:18px;width:0;text-align:center;color:#8a9996;font-size:11px;font-weight:700}.tracking-order__route-stop:nth-of-type(4){left:0}.tracking-order__route-stop:nth-of-type(5){left:33.33%}.tracking-order__route-stop:nth-of-type(6){left:66.66%}.tracking-order__route-stop:nth-of-type(7){left:100%}.tracking-order__route-stop i{display:block;width:15px;height:15px;transform:translateX(-50%);border:3px solid #bed0c9;background:#fff;border-radius:50%;margin:0 0 8px}.tracking-order__route-stop b{display:block;transform:translateX(-50%);white-space:nowrap}.tracking-order__route-stop.is-active{color:#174d49}.tracking-order__route-stop.is-active i{border-color:#c97d2d;background:#c97d2d;box-shadow:0 0 0 4px #fff5e8}.tracking-order__map>p{margin:0;font-size:12px;color:#748581}@media(max-width:640px){.tracking-order__map{padding:18px 14px}.tracking-order__map-head{display:block}.tracking-order__map-head strong{display:block;margin-top:4px}.tracking-order__route{margin-left:10%;margin-right:10%}}
.tracking-order__truck{transform:translateX(-50%) scaleX(-1)}