.zg-order-tracking-page{padding:30px 0 72px;background:linear-gradient(180deg,#fff 0,#fbfbfc 100%)}
.zg-order-tracking-breadcrumb{margin-bottom:20px}.zg-order-tracking-breadcrumb .woocommerce-breadcrumb{margin:0}
.zg-tracking-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:235px;padding:44px 52px;overflow:hidden;border:1px solid #f0f0f0;border-radius:30px;background:linear-gradient(125deg,#fff 0,#fff 58%,rgba(226,21,20,.08) 100%);box-shadow:0 14px 36px rgba(16,43,79,.07)}
.zg-tracking-hero:before,.zg-tracking-hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(226,21,20,.1)}
.zg-tracking-hero:before{width:260px;height:260px;left:-105px;top:-115px}.zg-tracking-hero:after{width:150px;height:150px;left:38px;bottom:-100px}
.zg-tracking-hero-copy{position:relative;z-index:1;max-width:710px}.zg-tracking-eyebrow{display:inline-flex;margin-bottom:10px;padding:7px 13px;border-radius:999px;background:rgba(226,21,20,.09);color:var(--zg-primary);font-size:13px;font-weight:700}.zg-tracking-hero h1{margin:0 0 14px;color:var(--zg-navy);font-size:36px;line-height:1.35}.zg-tracking-hero p{margin:0;color:var(--zg-dark-600);font-size:16px;line-height:2}
.zg-tracking-hero-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 132px;width:132px;height:132px;border-radius:36px;background:var(--zg-primary);color:#fff;box-shadow:0 18px 34px rgba(226,21,20,.22)}.zg-tracking-hero-icon svg{width:78px;height:78px}
.zg-tracking-search-card{margin-top:28px;padding:32px;border:1px solid #ededed;border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(16,43,79,.06)}
.zg-tracking-search-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.zg-tracking-search-heading span{color:var(--zg-primary);font-size:13px;font-weight:700}.zg-tracking-search-heading h2{margin:4px 0 0;color:var(--zg-navy);font-size:24px}.zg-tracking-search-heading p{max-width:560px;margin:0;color:#777;font-size:13px;line-height:1.9}
.zg-tracking-alert{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;border-radius:14px;font-size:14px}.zg-tracking-alert svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}.zg-tracking-alert-error{border:1px solid #ffd7d7;background:#fff5f5;color:#b42323}
.zg-tracking-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.zg-tracking-field{position:relative;display:block}.zg-tracking-field>span{display:block;margin:0 3px 8px;color:var(--zg-dark-700);font-size:13px;font-weight:700}.zg-tracking-field i{position:absolute;right:17px;bottom:16px;display:grid;place-items:center;width:22px;height:22px;color:#8a8a8a}.zg-tracking-field i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.zg-tracking-field input{width:100%;height:56px;padding:0 50px 0 16px;border:1px solid #dedede;border-radius:16px;background:#fcfcfc;color:var(--zg-dark-700);font:inherit;transition:.2s}.zg-tracking-field input:focus{border-color:var(--zg-primary);background:#fff;box-shadow:0 0 0 4px rgba(226,21,20,.07);outline:0}.zg-tracking-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border:0;border-radius:16px;background:var(--zg-primary);color:#fff;font:inherit;font-weight:700;box-shadow:0 12px 24px rgba(226,21,20,.2);cursor:pointer;transition:.2s}.zg-tracking-submit:hover{transform:translateY(-2px);background:#c90d0c}.zg-tracking-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.zg-tracking-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.zg-tracking-help-grid>div{padding:15px 17px;border-radius:15px;background:var(--zg-gray-50)}.zg-tracking-help-grid strong,.zg-tracking-help-grid span{display:block}.zg-tracking-help-grid strong{margin-bottom:5px;color:var(--zg-navy);font-size:13px}.zg-tracking-help-grid span{color:#777;font-size:12px;line-height:1.8}
.zg-tracking-empty-state{display:flex;flex-direction:column;align-items:center;margin-top:28px;padding:55px 25px;border:1px dashed #ddd;border-radius:25px;background:#fff;text-align:center}.zg-tracking-empty-state>div{display:grid;place-items:center;width:92px;height:92px;border-radius:28px;background:rgba(16,43,79,.05);color:var(--zg-navy)}.zg-tracking-empty-state svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2}.zg-tracking-empty-state h2{margin:18px 0 8px;color:var(--zg-navy);font-size:21px}.zg-tracking-empty-state p{margin:0;color:#777;line-height:1.9}
.zg-tracking-result{margin-top:28px}.zg-tracking-result-head{display:flex;align-items:center;gap:18px;padding:26px 28px;border:1px solid #ccebd8;border-radius:23px;background:linear-gradient(110deg,#f2fff7,#fff);box-shadow:0 10px 28px rgba(38,170,91,.07)}.zg-tracking-result-head.is-failed{border-color:#ffd1d1;background:linear-gradient(110deg,#fff4f4,#fff)}.zg-tracking-result-status-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:#19a854;color:#fff}.is-failed .zg-tracking-result-status-icon{background:#d51a1a}.zg-tracking-result-status-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8}.zg-tracking-result-head span{color:#60736a;font-size:13px}.zg-tracking-result-head h2{margin:3px 0 4px;color:#116d37;font-size:24px}.zg-tracking-result-head.is-failed h2{color:#a71616}.zg-tracking-result-head p{margin:0;color:#66736d;font-size:13px;line-height:1.8}
.zg-tracking-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 0;padding:28px 30px;list-style:none;border:1px solid #ededed;border-radius:23px;background:#fff;box-shadow:0 10px 25px rgba(16,43,79,.05)}.zg-tracking-timeline:before{content:"";position:absolute;top:54px;right:12.5%;left:12.5%;height:3px;background:#ededed}.zg-tracking-timeline li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.zg-tracking-timeline i{display:grid;place-items:center;width:52px;height:52px;border:4px solid #fff;border-radius:50%;background:#e9eaed;color:#777;box-shadow:0 0 0 2px #e5e5e5;font-style:normal;font-weight:700}.zg-tracking-timeline li.is-complete i,.zg-tracking-timeline li.is-current i{background:var(--zg-primary);color:#fff;box-shadow:0 0 0 2px var(--zg-primary),0 9px 19px rgba(226,21,20,.18)}.zg-tracking-timeline i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2}.zg-tracking-timeline strong{margin-top:13px;color:var(--zg-dark-700);font-size:14px}.zg-tracking-timeline small{margin-top:4px;color:#999;font-size:11px;line-height:1.6}
.zg-tracking-meta-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;overflow:hidden;border:1px solid #e8e8e8;border-radius:20px;background:#fff}.zg-tracking-meta-grid>div{padding:19px 16px;border-left:1px solid #eee}.zg-tracking-meta-grid>div:last-child{border-left:0}.zg-tracking-meta-grid span,.zg-tracking-meta-grid strong{display:block}.zg-tracking-meta-grid span{margin-bottom:5px;color:#999;font-size:11px}.zg-tracking-meta-grid strong{color:var(--zg-navy);font-size:13px}.zg-tracking-meta-grid .amount{color:var(--zg-primary)}
.zg-tracking-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px;margin-top:18px}.zg-tracking-panel{padding:24px;border:1px solid #ececec;border-radius:22px;background:#fff;box-shadow:0 9px 25px rgba(16,43,79,.045)}.zg-tracking-panel-title{display:flex;align-items:center;gap:9px;margin-bottom:19px}.zg-tracking-panel-title>span{width:4px;height:22px;border-radius:999px;background:var(--zg-primary)}.zg-tracking-panel-title h3{margin:0;color:var(--zg-navy);font-size:17px}.zg-tracking-items{display:flex;flex-direction:column}.zg-tracking-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.zg-tracking-item:first-child{padding-top:0}.zg-tracking-item:last-child{padding-bottom:0;border-bottom:0}.zg-tracking-item-image{display:grid;place-items:center;width:76px;height:76px;padding:6px;border:1px solid #eee;border-radius:15px;background:#fff}.zg-tracking-item-image img{width:100%;height:100%;object-fit:contain}.zg-tracking-item-copy strong{display:block;margin-bottom:6px;color:var(--zg-dark-700);font-size:13px;line-height:1.7}.zg-tracking-item-copy span{color:#888;font-size:12px}.zg-tracking-item-total{color:var(--zg-navy);font-size:13px;font-weight:700;white-space:nowrap}.zg-tracking-side{display:flex;flex-direction:column;gap:18px}.zg-tracking-address{padding:16px;border-radius:15px;background:#fafafa;color:#666;font-size:13px;line-height:2}.zg-tracking-address p{margin:0}.zg-tracking-notes{margin:0;padding:0;list-style:none}.zg-tracking-notes li{display:flex;gap:11px;margin-bottom:15px}.zg-tracking-notes li:last-child{margin-bottom:0}.zg-tracking-notes i{flex:0 0 10px;width:10px;height:10px;margin-top:8px;border:2px solid #fff;border-radius:50%;background:var(--zg-primary);box-shadow:0 0 0 2px rgba(226,21,20,.2)}.zg-tracking-notes p{margin:0;color:#666;font-size:12px;line-height:1.9}.zg-tracking-notes p p{margin:0}.zg-tracking-notes small{color:#aaa;font-size:10px}
@media(max-width:1023px){.zg-tracking-form{grid-template-columns:1fr 1fr}.zg-tracking-submit{grid-column:1/-1}.zg-tracking-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zg-tracking-meta-grid>div:nth-child(3){border-left:0}.zg-tracking-meta-grid>div:nth-child(-n+3){border-bottom:1px solid #eee}.zg-tracking-content-grid{grid-template-columns:1fr}.zg-tracking-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.zg-order-tracking-page{padding:18px 0 45px}.zg-tracking-hero{min-height:0;padding:28px 20px;border-radius:23px}.zg-tracking-hero-icon{display:none}.zg-tracking-hero h1{font-size:27px}.zg-tracking-hero p{font-size:14px;line-height:1.9}.zg-tracking-search-card{margin-top:18px;padding:20px 15px;border-radius:21px}.zg-tracking-search-heading{display:block}.zg-tracking-search-heading h2{font-size:20px}.zg-tracking-search-heading p{margin-top:8px}.zg-tracking-form{grid-template-columns:1fr}.zg-tracking-submit{grid-column:auto;width:100%}.zg-tracking-help-grid{grid-template-columns:1fr}.zg-tracking-result-head{align-items:flex-start;padding:20px 17px}.zg-tracking-result-status-icon{flex-basis:48px;width:48px;height:48px;border-radius:15px}.zg-tracking-result-head h2{font-size:20px}.zg-tracking-timeline{display:flex;overflow-x:auto;gap:8px;padding:22px 14px;scroll-snap-type:x mandatory}.zg-tracking-timeline:before{display:none}.zg-tracking-timeline li{flex:0 0 42%;scroll-snap-align:start}.zg-tracking-timeline i{width:46px;height:46px}.zg-tracking-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zg-tracking-meta-grid>div{border-bottom:1px solid #eee}.zg-tracking-meta-grid>div:nth-child(2n){border-left:0}.zg-tracking-meta-grid>div:last-child{grid-column:1/-1;border-bottom:0}.zg-tracking-content-grid{grid-template-columns:1fr}.zg-tracking-side{display:flex}.zg-tracking-panel{padding:18px 14px;border-radius:19px}.zg-tracking-item{grid-template-columns:64px minmax(0,1fr);gap:11px}.zg-tracking-item-image{width:64px;height:64px}.zg-tracking-item-total{grid-column:2;margin-top:-5px}.zg-tracking-empty-state{padding:38px 18px}.zg-tracking-empty-state h2{font-size:18px}}