.tracking-page-body{min-width:320px;background:#f2f0ea;color:#1d2922}
.tracking-header .checkout-header-inner{grid-template-columns:1fr auto auto}.tracking-header-label{display:flex;align-items:center;gap:9px;margin-right:18px}.tracking-header-label>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e7f1eb;color:var(--green)}.tracking-header-label svg{width:21px}.tracking-header-label p{margin:0}.tracking-header-label small,.tracking-header-label b{display:block}.tracking-header-label small{color:#7c8780;font-size:12px;font-weight:900;letter-spacing:.08em}.tracking-header-label b{font-size:13px}.tracking-header-actions{display:flex;align-items:center;gap:17px}.tracking-header-actions>a:first-child{height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #dce2dd;border-radius:9px;color:#40534a;font-size:13px;font-weight:800}.tracking-header-actions>a:first-child:hover{border-color:#9fb5a8;color:var(--green)}.tracking-header-actions>a:first-child svg{width:19px}
.tracking-main{padding:20px 0 50px}.tracking-back{width:max-content;display:flex;align-items:center;gap:7px;margin-bottom:15px;color:#68736c;font-size:13px;font-weight:800}.tracking-back:hover{color:var(--green);transform:translateX(-2px)}.tracking-back svg{width:18px}.tracking-intro{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:40px;align-items:end;margin-bottom:17px}.tracking-intro>div>span{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.14em}.tracking-intro h1{margin:5px 0 6px;font-size:39px;line-height:1.05;letter-spacing:-1.15px}.tracking-intro p{margin:0;color:#6e7872;font-size:15px}.tracking-search{padding:13px 14px;border:1px solid #dce2dd;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(27,46,35,.045)}.tracking-search>label{display:block;margin-bottom:7px;color:#5a685f;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tracking-search>div{height:47px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;border:1.5px solid #d5dcd7;border-radius:9px;overflow:hidden}.tracking-search>div:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(47,96,76,.08)}.tracking-search>div>svg{width:19px;justify-self:center;color:#718078}.tracking-search input{min-width:0;height:100%;padding:0 7px;border:0;outline:0;color:#243028;font-size:16px;font-weight:800}.tracking-search button{height:100%;padding:0 15px;border:0;background:var(--green);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.tracking-search button:hover{background:var(--green-dark)}.tracking-search button i{margin-left:7px;font-size:18px;font-style:normal}.tracking-search>small{display:block;margin-top:6px;color:#8a918d;font-size:12px}
.tracking-not-found{padding:55px 25px;border:1px solid #dfe3df;border-radius:19px;background:#fff;text-align:center}.tracking-not-found[hidden]{display:none}.tracking-not-found>span{width:62px;height:62px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#fff0e9;color:#bf6746}.tracking-not-found svg{width:29px}.tracking-not-found h2{margin:0 0 7px;font-size:27px}.tracking-not-found p{margin:0;color:#707b74;font-size:15px}.tracking-not-found button{height:43px;margin-top:18px;padding:0 18px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:900;cursor:pointer}
.tracking-layout{display:grid;grid-template-columns:minmax(0,1.47fr) minmax(350px,.53fr);gap:17px;align-items:start}.tracking-status-card,.courier-card,.route-card,.tracked-order-card{border:1px solid #dce2dd;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(27,46,35,.055)}.tracking-status-card{overflow:hidden}.tracking-order-head{min-height:77px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5e9e6}.tracking-order-head>div:first-child{display:flex;align-items:center;gap:14px}.moving-status{height:29px;padding:0 10px;display:flex;align-items:center;gap:7px;border-radius:15px;background:#e7f4ec;color:#26784d;font-size:12px;font-weight:900}.moving-status i{width:7px;height:7px;border-radius:50%;background:#37aa68;box-shadow:0 0 0 4px rgba(55,170,104,.12);animation:trackPulse 1.7s infinite}@keyframes trackPulse{50%{box-shadow:0 0 0 8px rgba(55,170,104,0)}}.tracking-order-head p{margin:0}.tracking-order-head p small,.tracking-order-head p b,.tracking-order-head p em{display:block}.tracking-order-head p small{color:#8b938e;font-size:12px;font-weight:900}.tracking-order-head p b{font-size:16px}.tracking-order-head p em{color:#808982;font-size:12px;font-style:normal}.tracking-head-actions{display:flex;gap:7px}.tracking-head-actions button{height:38px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid #d9dfda;border-radius:8px;background:#fff;color:#4d5e54;font-size:12px;font-weight:800;cursor:pointer}.tracking-head-actions button:hover{border-color:#93ad9e;color:var(--green);background:#f7faf8}.tracking-head-actions button svg{width:17px}.tracking-head-actions button.loading svg{animation:trackRotate .75s linear infinite}@keyframes trackRotate{to{transform:rotate(360deg)}}
.tracking-now{margin:17px 18px 0;padding:19px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;border-radius:15px;background:linear-gradient(135deg,#244b3a,#347257);color:#fff}.tracking-now-icon{position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12)}.tracking-now-icon svg{width:29px}.tracking-now-icon i{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:3px solid #2e664f;border-radius:50%;background:#61d38a}.tracking-now>div small{color:#c9ddd2;font-size:12px;font-weight:900;letter-spacing:.08em}.tracking-now h2{margin:3px 0;font-size:23px}.tracking-now>div p{margin:0;color:#dce9e2;font-size:13px}.tracking-now>div em{display:block;margin-top:7px;color:#bdd2c7;font-size:12px;font-style:normal}.tracking-now>aside{min-width:205px;padding:13px 15px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.09)}.tracking-now>aside small,.tracking-now>aside strong,.tracking-now>aside span{display:block}.tracking-now>aside small{color:#cadbd2;font-size:12px;font-weight:900}.tracking-now>aside strong{margin:3px 0;font-size:25px}.tracking-now>aside span{display:flex;align-items:center;gap:6px;color:#e3eee8;font-size:12px}.tracking-now>aside svg{width:16px}
.tracking-timeline{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:28px 20px 25px}.tracking-timeline li{position:relative;min-width:0;text-align:center}.tracking-timeline li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 18px);right:calc(-50% + 18px);top:17px;height:2px;background:#dfe4e1}.tracking-timeline li.done:not(:last-child):after{background:#5d9678}.tracking-timeline li>i{position:relative;z-index:2;width:35px;height:35px;margin:0 auto 8px;display:grid;place-items:center;border:2px solid #d9dfdb;border-radius:50%;background:#fff;color:#8d9791;font-size:12px;font-style:normal;font-weight:900}.tracking-timeline li.done>i{border-color:#4f896b;background:#4f896b;color:#fff}.tracking-timeline li.active>i{border-color:#d87550;background:#fff0e9;color:#b95d3c;box-shadow:0 0 0 5px #fff5ef}.tracking-timeline svg{width:18px}.tracking-timeline b,.tracking-timeline small{display:block}.tracking-timeline b{font-size:12px}.tracking-timeline small{margin-top:2px;color:#89918c;font-size:12px}
.tracking-events{border-top:1px solid #e5e9e6;padding:20px 19px 21px}.tracking-events>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.tracking-events>header small{color:#7f8983;font-size:12px;font-weight:900;letter-spacing:.08em}.tracking-events h2{margin:2px 0 0;font-size:20px}.tracking-events>header>span{color:#7b857f;font-size:12px}.event-list{display:grid}.event-list article{position:relative;min-height:63px;display:grid;grid-template-columns:48px 34px minmax(0,1fr) auto;gap:9px;align-items:start;padding:8px 0}.event-list article:not(:last-child):after{content:"";position:absolute;left:64px;top:42px;bottom:-7px;width:1px;background:#dbe1dd}.event-list time{padding-top:8px;color:#6f7973;font-size:12px;font-weight:800}.event-list article>i{position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d9dfda;border-radius:50%;background:#f6f8f6;color:#65766c;font-style:normal}.event-list article.current>i{border-color:#3d7e5d;background:#e8f3ec;color:#2b7a4f}.event-list svg{width:17px}.event-list article>div{padding-top:4px}.event-list b,.event-list p{display:block}.event-list b{font-size:13px}.event-list p{margin:2px 0 0;color:#7a847e;font-size:12px}.event-list article>em{margin-top:6px;padding:4px 7px;border-radius:5px;background:#e7f3eb;color:#28794d;font-size:12px;font-style:normal;font-weight:900}
.tracking-sidebar{display:grid;gap:12px}.courier-card{padding:17px;background:linear-gradient(145deg,#263f34,#315b48);color:#fff}.courier-card>header{display:flex;align-items:center;justify-content:space-between}.courier-card>header>span{color:#c9dbd1;font-size:12px;font-weight:900;letter-spacing:.1em}.courier-card>header>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);font-style:normal}.courier-card>header svg{width:19px}.courier-person{display:flex;align-items:center;gap:12px;margin-top:10px}.courier-avatar{position:relative;width:55px;height:55px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#efb08a;color:#274936;font-size:22px;font-weight:900}.courier-avatar i{position:absolute;right:-1px;bottom:1px;width:13px;height:13px;border:3px solid #315846;border-radius:50%;background:#56cd80}.courier-person p{margin:0}.courier-person small,.courier-person b,.courier-person em{display:block}.courier-person small{color:#bdd2c7;font-size:12px;font-weight:900}.courier-person b{font-size:20px}.courier-person em{color:#d4e1da;font-size:12px;font-style:normal}.courier-route{display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:center;margin-top:14px;padding:10px;border-radius:11px;background:rgba(255,255,255,.09)}.courier-route>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1)}.courier-route svg{width:20px}.courier-route p{margin:0}.courier-route small,.courier-route b,.courier-route em{display:block}.courier-route small{color:#bed2c7;font-size:12px;font-weight:900}.courier-route b{font-size:12px}.courier-route em{color:#d8e4de;font-size:12px;font-style:normal}.courier-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.courier-actions a,.courier-actions button{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:#fff;color:#284637;font-size:12px;font-weight:900;cursor:pointer}.courier-actions button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.courier-actions svg{width:17px}
.route-card,.tracked-order-card{padding:16px}.route-card>header,.tracked-order-card>header{display:flex;align-items:center;justify-content:space-between}.route-card>header small,.tracked-order-card>header small{color:#7f8983;font-size:12px;font-weight:900;letter-spacing:.08em}.route-card h2,.tracked-order-card h2{margin:2px 0 0;font-size:19px}.route-card>header>strong{color:var(--green);font-size:15px}.route-progress{height:6px;margin:12px 0 16px;overflow:hidden;border-radius:4px;background:#e8ece9}.route-progress i{display:block;width:68%;height:100%;border-radius:4px;background:linear-gradient(90deg,#3f7b5e,#63a880)}.route-card ol{list-style:none;margin:0;padding:0}.route-card li{position:relative;min-height:67px;display:grid;grid-template-columns:33px minmax(0,1fr);gap:9px}.route-card li:not(:last-child):after{content:"";position:absolute;left:16px;top:33px;bottom:0;width:2px;background:#dce2de}.route-card li.done:not(:last-child):after{background:#78a98d}.route-card li>i{position:relative;z-index:2;width:33px;height:33px;display:grid;place-items:center;border:1px solid #d8dfda;border-radius:50%;background:#fff;color:#819087;font-style:normal}.route-card li.done>i{border-color:#5a9575;background:#5a9575;color:#fff}.route-card li.active>i{border-color:#d87550;background:#fff0e9;color:#b95f3e}.route-card svg{width:16px}.route-card li p{margin:0}.route-card li small,.route-card li b,.route-card li span{display:block}.route-card li small{color:#7c8b82;font-size:12px}.route-card li b{font-size:12px}.route-card li span{color:#89918c;font-size:12px}
.tracked-order-card>header>a{color:var(--green);font-size:12px;font-weight:900}.tracked-order-card article{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;align-items:center;margin-top:11px;padding:10px;border-radius:11px;background:#f4f6f4}.tracked-order-card article img{width:95px;height:73px;object-fit:cover;border-radius:8px}.tracked-order-card article>div small,.tracked-order-card article>div b,.tracked-order-card article>div p,.tracked-order-card article>div em{display:block}.tracked-order-card article>div small{color:#607d6d;font-size:12px;font-weight:900}.tracked-order-card article>div b{font-size:15px}.tracked-order-card article>div p{margin:1px 0;color:#7a837e;font-size:12px}.tracked-order-card article>div em{color:#39805a;font-size:12px;font-style:normal;font-weight:800}.tracked-order-card article>strong{grid-column:2;color:#26392f;font-size:16px}.tracked-order-card dl{margin:11px 0 0;padding-top:10px;border-top:1px solid #e4e8e4}.tracked-order-card dl>div{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px}.tracked-order-card dt{color:#737d77}.tracked-order-card dd{margin:0;font-weight:900}.tracked-order-card dl>div:last-child{font-size:15px}.tracked-order-card dl>div:last-child dd{color:#238052}
.tracking-delivery-details{min-height:102px;margin-top:16px;padding:13px 15px;display:grid;grid-template-columns:1.2fr .85fr 1.05fr auto;gap:11px;border:1px solid #dce2dd;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(27,46,35,.045)}.tracking-delivery-details>div{min-width:0;padding:8px 10px;display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:center;border-right:1px solid #e5e9e6}.tracking-delivery-details>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#edf2ef;color:#5b7466}.tracking-delivery-details svg{width:19px}.tracking-delivery-details p{min-width:0;margin:0}.tracking-delivery-details small,.tracking-delivery-details b,.tracking-delivery-details em,.tracking-delivery-details p>a{display:block}.tracking-delivery-details small{color:#859089;font-size:12px;font-weight:900}.tracking-delivery-details b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tracking-delivery-details em,.tracking-delivery-details p>a{margin-top:2px;color:#757f79;font-size:12px;font-style:normal}.tracking-delivery-details>a{min-width:205px;padding:0 13px;display:grid;grid-template-columns:25px minmax(0,1fr) 18px;gap:8px;align-items:center;border-radius:10px;background:var(--green);color:#fff}.tracking-delivery-details>a small,.tracking-delivery-details>a b{display:block}.tracking-delivery-details>a small{color:#cfe0d7;font-size:12px;font-weight:900}.tracking-delivery-details>a b{font-size:12px}.tracking-delivery-details>a>i{font-size:19px;font-style:normal}.tracking-demo-note{margin:12px 0 0;color:#89918d;font-size:12px;text-align:center}
@media(max-width:1100px){.tracking-header-label{display:none}.tracking-header .checkout-header-inner{grid-template-columns:1fr auto}.tracking-intro{grid-template-columns:1fr 430px}.tracking-layout{grid-template-columns:minmax(0,1fr) 335px}.tracking-now{grid-template-columns:50px minmax(0,1fr)}.tracking-now-icon{width:50px;height:50px}.tracking-now>aside{grid-column:2}.tracking-timeline b{font-size:12px}.tracking-timeline small{display:none}.tracking-delivery-details{grid-template-columns:1fr 1fr}.tracking-delivery-details>div:nth-child(2){border-right:0}.tracking-delivery-details>a{min-height:58px}}
@media(max-width:880px){.tracking-header-actions>a:first-child span{display:none}.tracking-header-actions>a:first-child{width:42px;padding:0;justify-content:center}.tracking-intro{grid-template-columns:1fr;gap:17px}.tracking-layout{grid-template-columns:1fr}.tracking-sidebar{grid-template-columns:1fr 1fr}.courier-card{grid-row:span 2}.tracking-now{grid-template-columns:56px minmax(0,1fr) auto}.tracking-now>aside{grid-column:auto}.tracking-delivery-details{grid-template-columns:1fr 1fr}.tracking-search{max-width:none}}
@media(max-width:650px){.tracking-header .checkout-header-inner{min-height:66px}.tracking-header-actions{gap:7px}.tracking-header-actions>a:first-child{display:none}.tracking-main{padding-top:14px}.tracking-back{margin-bottom:11px}.tracking-intro h1{font-size:32px}.tracking-intro p{font-size:14px}.tracking-search{padding:11px}.tracking-search>div{grid-template-columns:35px minmax(0,1fr)}.tracking-search button{grid-column:1/-1;height:43px}.tracking-search>div{height:auto;overflow:visible}.tracking-search input{height:45px}.tracking-search>div>svg{grid-row:1}.tracking-search input{grid-row:1}.tracking-order-head{align-items:flex-start;flex-direction:column}.tracking-head-actions{width:100%}.tracking-head-actions button{flex:1;justify-content:center}.tracking-now{grid-template-columns:48px minmax(0,1fr);margin:12px 12px 0;padding:14px}.tracking-now-icon{width:48px;height:48px}.tracking-now>aside{grid-column:1/-1;min-width:0}.tracking-timeline{grid-template-columns:1fr;padding:18px 16px}.tracking-timeline li{min-height:59px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;text-align:left}.tracking-timeline li>i{margin:0}.tracking-timeline li:not(:last-child):after{left:16px;right:auto;top:35px;bottom:0;width:2px;height:auto}.tracking-timeline li div{padding-top:2px}.tracking-timeline small{display:block}.tracking-events{padding:17px 14px}.event-list article{grid-template-columns:40px 31px minmax(0,1fr)}.event-list article>em{display:none}.event-list article:not(:last-child):after{left:55px}.event-list article>i{width:31px;height:31px}.tracking-sidebar{grid-template-columns:1fr}.courier-card{grid-row:auto}.tracking-delivery-details{grid-template-columns:1fr;padding:10px}.tracking-delivery-details>div{border-right:0;border-bottom:1px solid #e5e9e6}.tracking-delivery-details>a{min-height:57px}.checkout-footer>div{padding-block:15px}}
@media(max-width:420px){.tracking-head-actions button span{font-size:12px}.tracking-head-actions button:first-child span{max-width:100px;overflow:hidden;text-overflow:ellipsis}.tracking-now h2{font-size:20px}.tracking-now>aside strong{font-size:21px}.event-list article{grid-template-columns:31px 29px minmax(0,1fr);gap:6px}.event-list article time{font-size:12px}.event-list article:not(:last-child):after{left:45px}.tracked-order-card article{grid-template-columns:82px minmax(0,1fr)}.tracked-order-card article img{width:82px;height:70px}}