.tracking-page{--tracking-brand: #f05f40;--tracking-brand-dark: #dc492b;--tracking-ink: #151515;--tracking-muted: #667085;min-height:100vh;padding:128px 0 96px;background:radial-gradient(circle at 10% 4%,rgba(255,255,255,.16),transparent 27%),radial-gradient(circle at 91% 11%,rgba(255,218,204,.24),transparent 24%),var(--tracking-brand)}.tracking-hero{max-width:760px;margin:0 auto 30px;color:#fff}.tracking-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;padding:9px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0000002e;font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.tracking-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(38px,5vw,58px);font-weight:900;line-height:1.03;letter-spacing:-1px;text-shadow:0 10px 24px rgba(0,0,0,.16)}.tracking-hero p{max-width:650px;margin:0 auto;color:#ffffffe6;font-size:16px;font-weight:600;line-height:1.65}.tracking-search-card,.tracking-result,.tracking-help{max-width:1050px;margin-right:auto;margin-left:auto;border:1px solid rgba(0,0,0,.06);background:#fff;box-shadow:0 18px 50px #57201433}.tracking-search-card{padding:25px 28px;border-radius:20px}.tracking-search-form{display:flex;align-items:flex-end;gap:18px}.tracking-search-field{flex:1;min-width:0}.tracking-search-field label{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:800}.tracking-search-field small{display:block;margin-top:7px;color:#667085;font-size:11px;font-weight:600}.tracking-input-wrap{position:relative}.tracking-input-wrap i{position:absolute;top:50%;left:16px;color:#98a2b3;transform:translateY(-50%)}.tracking-input-wrap input{width:100%;height:52px;padding:0 16px 0 44px;border:1px solid #d0d5dd;border-radius:13px;outline:none;background:#fff;color:#101828;font-size:17px;font-weight:800;letter-spacing:2px;text-transform:uppercase;transition:border-color .16s ease,box-shadow .16s ease}.tracking-input-wrap input:focus{border-color:var(--tracking-brand);box-shadow:0 0 0 4px #f05f401f}.tracking-search-form button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;padding:0 23px;border:0;border-radius:999px;background:var(--tracking-brand);box-shadow:0 10px 24px #f05f4047;color:#fff;cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.2px;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease}.tracking-search-form button:hover{box-shadow:0 14px 28px #f05f405c;transform:translateY(-2px)}.tracking-alert{display:flex;align-items:flex-start;gap:12px;margin-top:19px;padding:14px 16px;border:1px solid #fecdca;border-radius:13px;background:#fef3f2;color:#912018}.tracking-alert>i{margin-top:3px}.tracking-alert strong,.tracking-alert span{display:block}.tracking-alert strong{margin-bottom:2px;font-size:13px}.tracking-alert span{font-size:12px;font-weight:600}.tracking-result{overflow:hidden;margin-top:22px;border-radius:22px}.tracking-result-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-bottom:1px solid #eaecf0;background:#fcfcfd}.tracking-result-kicker{display:block;margin-bottom:3px;color:var(--tracking-brand-dark);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.tracking-result-heading h2{margin:0;color:var(--tracking-ink);font-size:25px;font-weight:900;letter-spacing:-.4px}.tracking-result-heading p{margin:5px 0 0;color:var(--tracking-muted);font-size:12px;font-weight:600}.tracking-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:900;text-transform:uppercase}.tracking-status-shipped{background:#eff8ff;color:#175cd3}.tracking-status-delivered{background:#ecfdf3;color:#027a48}.tracking-status-pending{background:#fffaeb;color:#b54708}.tracking-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:28px 32px;border-bottom:1px solid #eaecf0;list-style:none}.tracking-progress li{position:relative;display:flex;align-items:center;gap:10px;min-width:0;color:#98a2b3}.tracking-progress li:not(:last-child):after{content:"";position:absolute;z-index:0;top:18px;left:37px;width:calc(100% - 37px);height:2px;background:#eaecf0}.tracking-progress li>span{position:relative;z-index:1;display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border:2px solid #eaecf0;border-radius:50%;background:#fff;font-size:12px}.tracking-progress strong,.tracking-progress small{display:block}.tracking-progress strong{color:#475467;font-size:11px;font-weight:900}.tracking-progress small{margin-top:2px;font-size:9px;font-weight:700}.tracking-progress .is-complete>span,.tracking-progress .is-current>span{border-color:var(--tracking-brand);background:var(--tracking-brand);color:#fff}.tracking-progress .is-complete:not(:last-child):after{background:var(--tracking-brand)}.tracking-progress .is-complete strong,.tracking-progress .is-current strong{color:#101828}.tracking-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:24px 26px 0}.tracking-panel{min-width:0;padding:23px;border:1px solid #eaecf0;border-radius:17px;background:#fff}.tracking-panel-order{background:#fcfcfd}.tracking-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tracking-panel-title>span{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:13px;background:#f05f401a;color:var(--tracking-brand)}.tracking-panel-title small,.tracking-panel-title h3{display:block;margin:0}.tracking-panel-title small{margin-bottom:1px;color:var(--tracking-brand-dark);font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.tracking-panel-title h3{color:#101828;font-size:18px;font-weight:900}.tracking-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;margin:0;border:1px solid #eaecf0;border-radius:12px;background:#eaecf0}.tracking-facts div{padding:12px;background:#fff}.tracking-facts dt{color:#667085;font-size:9px;font-weight:800;text-transform:uppercase}.tracking-facts dd{margin:4px 0 0;color:#101828;font-size:17px;font-weight:900}.tracking-costs{margin-top:15px}.tracking-costs>div{display:flex;justify-content:space-between;gap:16px;padding:6px 2px;color:#667085;font-size:11px;font-weight:700}.tracking-costs strong{color:#344054}.tracking-costs .tracking-total{margin-top:7px;padding-top:13px;border-top:1px solid #eaecf0;color:#101828;font-size:14px}.tracking-costs .tracking-total strong{color:var(--tracking-brand-dark);font-size:18px}.tracking-details{margin:0}.tracking-details>div{padding:12px 0;border-bottom:1px solid #eaecf0}.tracking-details>div:first-child{padding-top:0}.tracking-details>div:last-child{padding-bottom:0;border-bottom:0}.tracking-details dt{color:#667085;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.tracking-details dd{margin:4px 0 0;color:#101828;font-size:12px;font-weight:800;line-height:1.5}.tracking-files{display:grid;gap:9px;margin:0;padding:0;list-style:none}.tracking-files li{display:flex;min-width:0;align-items:center;gap:11px;padding:11px 12px;border:1px solid #eaecf0;border-radius:12px;background:#fcfcfd}.tracking-file-icon{display:inline-flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;border-radius:10px;background:#fff1ee;color:var(--tracking-brand-dark)}.tracking-files li>div{min-width:0}.tracking-files strong,.tracking-files small{display:block}.tracking-files strong{overflow:hidden;color:#101828;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tracking-files small{margin-top:3px;color:#667085;font-size:9px;font-weight:700}.tracking-file-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.tracking-file-options>span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:800}.tracking-file-options i{color:var(--tracking-brand-dark)}.tracking-files .tracking-files-empty{justify-content:center;border-style:dashed;color:#667085;font-size:11px;font-weight:700;text-align:center}.tracking-shipments{margin:18px 26px 26px}.tracking-shipment{display:flex;align-items:center;gap:18px;padding:17px;border:1px solid #eaecf0;border-radius:14px;background:#fcfcfd}.tracking-shipment+.tracking-shipment{margin-top:11px}.tracking-shipment-icon{display:inline-flex;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;border-radius:14px;background:#eff8ff;color:#175cd3}.tracking-shipment dl{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.tracking-shipment dt{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.tracking-shipment dd{overflow-wrap:anywhere;margin:4px 0 0;color:#101828;font-size:11px;font-weight:800}.tracking-shipment .tracking-number{color:#175cd3;font-family:monospace;font-size:12px}.tracking-empty-shipment,.tracking-help{display:flex;align-items:center;gap:14px}.tracking-empty-shipment{padding:17px;border:1px dashed #d0d5dd;border-radius:14px;background:#f9fafb;color:#667085}.tracking-empty-shipment>i{font-size:20px}.tracking-empty-shipment strong{display:block;color:#344054;font-size:12px}.tracking-empty-shipment p{margin:3px 0 0;font-size:11px;font-weight:600}.tracking-help{max-width:680px;margin-top:22px;padding:17px 20px;border-radius:16px;color:#475467}.tracking-help>i{color:var(--tracking-brand);font-size:21px}.tracking-help strong{display:block;color:#101828;font-size:12px}.tracking-help p{margin:3px 0 0;font-size:11px;font-weight:600}@media (max-width: 767px){.tracking-page{padding:96px 0 70px}.tracking-hero{margin-bottom:23px}.tracking-hero h1{font-size:38px}.tracking-search-card{padding:20px 18px;border-radius:17px}.tracking-search-form{flex-direction:column;align-items:stretch}.tracking-search-form button{width:100%;margin-bottom:0}.tracking-result-heading{align-items:flex-start;padding:23px 20px}.tracking-result-heading h2{font-size:21px}.tracking-status{padding:8px 10px;font-size:9px}.tracking-progress{grid-template-columns:1fr;gap:15px;padding:23px 20px}.tracking-progress li:not(:last-child):after{top:36px;left:17px;width:2px;height:15px}.tracking-summary-grid{grid-template-columns:1fr;padding:18px 16px 0}.tracking-panel{padding:19px}.tracking-shipments{margin:18px 16px 20px}.tracking-shipment{align-items:flex-start}.tracking-shipment dl{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.tracking-result-heading{flex-direction:column;gap:13px}.tracking-facts,.tracking-shipment dl{grid-template-columns:1fr}}
