.track-page{max-width:900px;margin:auto;padding:70px 7% 100px}.track-page h1{font:700 54px/1 Outfit,sans-serif;letter-spacing:-2.5px;margin:10px 0 16px;color:#133631}.track-page h1 i{font-family:Georgia,serif;font-weight:400;color:#ff7565}.track-intro{max-width:510px;color:#60726e;line-height:1.7}.track-form{margin:32px 0 18px;padding:24px;background:#fff;border:1px solid #e0e8e4;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;box-shadow:0 10px 30px #1336310a}.track-form label{font-size:12px;font-weight:700}.track-form input{box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #d1dfd9;padding:12px;font:14px 'DM Sans',sans-serif}.track-form .button{border:0;min-height:44px;cursor:pointer}.track-alert{padding:13px 15px;background:#ffe9e5;color:#a34235;font-size:13px}.tracked-order{margin-top:28px;background:#fff;border:1px solid #e0e8e4;padding:29px;box-shadow:0 12px 34px #1336310a}.order-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e7eeea;padding-bottom:21px}.order-top h2{margin:2px 0 5px;font:700 30px Outfit,sans-serif}.order-top small{color:#73827f}.track-status{border-radius:18px;padding:8px 12px;background:#fff2d7;color:#a66800;font-size:12px;font-weight:700}.track-status.processing{background:#e7f0ff;color:#2768bd}.track-status.completed{background:#e2f7e5;color:#247033}.status-line{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0}.status-line div{position:relative;text-align:center;color:#9caaa5;font-size:12px}.status-line div:before{content:"";position:absolute;height:3px;background:#dce6e2;width:100%;top:15px;left:-50%;z-index:0}.status-line div:first-child:before{display:none}.status-line div.done{color:#133631;font-weight:700}.status-line div.done:before{background:#b9f5ce}.status-line b{position:relative;z-index:1;display:grid;place-items:center;margin:0 auto 9px;width:32px;height:32px;border-radius:50%;background:#dce6e2;color:#73827f}.status-line .done b{background:#123c36;color:#fff}.track-items{border-top:1px solid #e7eeea;padding-top:19px}.track-items h3{margin:0 0 12px;font-size:15px}.track-items p,.track-total{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:7px 0;margin:0}.track-total{margin-top:8px;padding-top:14px;border-top:1px solid #e7eeea;font-size:15px}.whatsapp-track{margin-top:23px;background:#25b65d}@media(max-width:700px){.track-page{padding:44px 6%}.track-page h1{font-size:42px}.track-form{grid-template-columns:1fr}.order-top{flex-direction:column}.status-line{gap:5px}.tracked-order{padding:21px}}