.tracking-hero{padding:70px 20px 115px;background:#f3f1e9;text-align:center}.tracking-hero h1{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:-.05em}.tracking-hero p{max-width:650px;margin:12px auto 0;color:#68736f}.tracking-shell{width:min(900px,calc(100% - 36px));margin:-65px auto 80px}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;padding:25px;border:1px solid #dfe5e1;border-radius:14px;background:#fff;box-shadow:0 22px 60px #18372e17}.tracking-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.tracking-form input{width:100%;padding:13px;border:1px solid #d8e1dc;border-radius:7px;outline:none}.tracking-form input:focus{border-color:#276655;box-shadow:0 0 0 3px #27665512}.tracking-form .btn{white-space:nowrap}.tracking-message{margin-top:16px;padding:14px 18px;border-radius:8px}.tracking-message.error{background:#fff0ef;color:#963b36}.tracking-result{margin-top:22px;overflow:hidden;border:1px solid #dfe5e1;border-radius:14px;background:#fff;box-shadow:0 22px 60px #18372e12}.tracking-result>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid #edf1ef}.tracking-result header small,.tracking-cargo small{display:block;color:#77857f;font-size:12px}.tracking-result h2{margin:1px 0;font-size:22px}.tracking-result header>div>span{color:#6b7772;font-size:12px}.tracking-result header>b{padding:8px 12px;border-radius:999px;background:#e7f5ed;color:#176b46;font-size:12px}.tracking-result header>b.cancelled{background:#fff0ef;color:#a13c36}.tracking-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:32px 25px;list-style:none}.tracking-steps li{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;color:#87938e;font-size:12px;text-align:center}.tracking-steps li:before{position:absolute;z-index:0;top:15px;right:50%;width:100%;height:2px;background:#dfe5e2;content:''}.tracking-steps li:first-child:before{display:none}.tracking-steps i{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf1ef;font-style:normal;font-weight:800}.tracking-steps li.done{color:#174d3d;font-weight:800}.tracking-steps li.done:before,.tracking-steps li.done i{background:#8ed444}.tracking-cargo{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 28px 25px;padding:18px;border-radius:9px;background:#f3f7f5}.tracking-products{padding:0 28px 28px}.tracking-products h3{font-size:16px}.tracking-products>div{display:grid;grid-template-columns:1fr auto auto;gap:25px;padding:13px 0;border-top:1px solid #edf1ef;font-size:12px}.tracking-products>div span:first-child{display:flex;flex-direction:column}.tracking-products small{color:#75827d;font-size:12px}.tracking-products>.tracking-total{margin-top:4px;font-size:15px}@media(max-width:720px){.tracking-form{grid-template-columns:1fr}.tracking-form .btn{width:100%}.tracking-result>header{align-items:flex-start;flex-direction:column}.tracking-steps{padding:25px 10px}.tracking-steps li span{font-size:12px}.tracking-cargo{grid-template-columns:1fr}.tracking-products>div{grid-template-columns:1fr auto}.tracking-products>div>b{grid-column:2}.tracking-products{padding-right:18px;padding-left:18px}}