.pckz-tracking{--pckz-track-surface:#ffffff;--pckz-track-soft:#f5f7fa;--pckz-track-border:#d7dce3;--pckz-track-text:#111827;--pckz-track-muted:#5b6678;--pckz-track-success:#15803d;--pckz-track-warning:#b45309;--pckz-track-info:#1d4ed8;--pckz-track-purple:#6d28d9;--pckz-track-ship:#0f766e;--pckz-track-error:#b91c1c;margin:26px auto;padding:0 14px;color:var(--pckz-track-text);font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif}.pckz-tracking__shell{padding:clamp(20px, 4vw, 34px);border-radius:16px;border:1px solid var(--pckz-track-border);background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)}.pckz-tracking__header{margin-bottom:20px}.pckz-tracking__eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#738095}.pckz-tracking__title{margin:0;font-size:clamp(1.5rem, 3.1vw, 2.15rem);line-height:1.15;letter-spacing:-.015em}.pckz-tracking__lead{margin:10px 0 0;max-width:68ch;color:var(--pckz-track-muted);line-height:1.6}.pckz-tracking__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px;border-radius:12px;border:1px solid var(--pckz-track-border);background:var(--pckz-track-soft)}.pckz-tracking__field{display:grid;gap:8px}.pckz-tracking__label{font-weight:600;font-size:.95rem}.pckz-tracking__input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #c8d0db;border-radius:10px;background:#fff;color:#0f172a;font-size:1rem;box-sizing:border-box}.pckz-tracking__input:focus{outline:2px solid rgb(96 165 250 / .5);outline-offset:1px}.pckz-tracking__submit{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:48px;border:1px solid #111827;border-radius:10px;background:#111827;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color 120ms ease}.pckz-tracking__submit:hover{background:#1f2937}.pckz-tracking__submit--ghost{background:#fff;color:var(--pckz-track-text);border-color:var(--pckz-track-border)}.pckz-tracking__message{margin:14px 0 0}.pckz-tracking__message--error{padding:12px 14px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239}.pckz-tracking__result{margin-top:18px;display:grid;gap:16px}.pckz-tracking__result-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 0;border-radius:0;border:1px solid var(--pckz-track-border);border-left:0;border-right:0;border-top:0}.pckz-tracking__meta-label{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.pckz-tracking__tracking-id{margin:4px 0 0;font-weight:800;font-size:clamp(1.06rem, 2.1vw, 1.3rem);letter-spacing:.045em}.pckz-tracking__status-message{margin:0;padding:14px;border-radius:12px;border:1px solid var(--pckz-track-border);background:var(--pckz-track-soft);line-height:1.55}.pckz-tracking__progress-card{padding:16px;border-radius:12px;border:1px solid var(--pckz-track-border);background:#fff}.pckz-tracking__progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.pckz-tracking__section-title{margin:0;font-size:1rem}.pckz-tracking__progress-value{font-weight:700;font-size:.95rem;color:#111827}.pckz-tracking__progress-bar{margin-top:12px;height:10px;border-radius:999px;background:#e6ebf1;overflow:hidden}.pckz-tracking__progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#111827 0%,#4b5563 100%)}.pckz-tracking__status-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.pckz-tracking__status-card{margin:0;padding:10px 0;border-radius:0;border-bottom:1px solid #e5e9ef;background:#fff0}.pckz-tracking__status-label{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.pckz-tracking__status-value{margin:6px 0 0;font-size:1rem;font-weight:700}.pckz-tracking__facts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pckz-tracking__fact{margin:0;padding:12px;border-radius:10px;background:#fff;border:1px solid var(--pckz-track-border)}.pckz-tracking__fact-label{margin:0;font-size:.76rem;color:#64748b;text-transform:uppercase;letter-spacing:.09em}.pckz-tracking__fact-value{margin:8px 0 0;font-size:.97rem;font-weight:650;word-break:break-word}.pckz-status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;line-height:1.2;border:1px solid #fff0}.pckz-status-badge--pending{background:#eef2f7;color:#334155;border-color:#cdd5df}.pckz-status-badge--paid{background:#e9f9ef;color:#166534;border-color:#b6e6c5}.pckz-status-badge--in_progress{background:#fff7ed;color:#9a3412;border-color:#fbd5aa}.pckz-status-badge--production{background:#eff6ff;color:#1e40af;border-color:#bfdcff}.pckz-status-badge--ready_to_ship{background:#f5f3ff;color:#5b21b6;border-color:#ddd6fe}.pckz-status-badge--shipped{background:#ecfeff;color:#155e75;border-color:#bae6fd}.pckz-status-badge--completed{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.pckz-status-badge--cancelled,.pckz-status-badge--failed{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.pckz-tracking__timeline-wrap{padding:16px;border-radius:12px;border:1px solid var(--pckz-track-border);background:#fff}.pckz-tracking__timeline{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}.pckz-tracking__timeline-item{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;position:relative}.pckz-tracking__timeline-item:not(:last-child)::after{content:"";position:absolute;left:11px;top:24px;bottom:-12px;width:2px;background:#d5dce5}.pckz-tracking__timeline-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;border:2px solid #c5ced8;color:#fff0;background:#fff}.pckz-tracking__timeline-dot-inner{width:8px;height:8px;border-radius:50%;background:#8794a6}.pckz-tracking__timeline-copy{display:grid;gap:3px}.pckz-tracking__timeline-label{font-weight:640}.pckz-tracking__timeline-state{font-size:.78rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.pckz-tracking__timeline-item.is-complete .pckz-tracking__timeline-dot{background:var(--pckz-track-success);border-color:var(--pckz-track-success);color:#04150a}.pckz-tracking__timeline-item.is-current .pckz-tracking__timeline-dot{border-color:var(--pckz-track-info);background:#e7efff}.pckz-tracking__timeline-item.is-current .pckz-tracking__timeline-dot-inner{background:#1d4ed8}.pckz-tracking__timeline-item.is-inactive .pckz-tracking__timeline-label{opacity:.72;font-weight:520}.pckz-tracking__shipping-action{margin:2px 0 0}.pckz-tracking__shipment-events{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.pckz-tracking__shipment-event{padding:10px 12px;background:#f8fafc;border:1px solid #e4eaf1;border-radius:8px}.pckz-tracking__shipment-main{margin:0;font-weight:600}.pckz-tracking__shipment-meta{margin:4px 0 0;color:var(--pckz-track-muted);font-size:.88rem}.pckz-tracking__shipment-loader{display:flex;justify-content:center;align-items:center;width:100%;max-width:min(100%, 420px);margin:0 auto;padding:8px 0 4px;box-sizing:border-box}.pckz-tracking__shipment-loader .loader{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;transform:scale(clamp(0.72, calc(100vw / 280), 1));transform-origin:center center}.pckz-tracking__shipment-loader .truckWrapper{width:200px;height:100px;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:flex-end;overflow-x:hidden}.pckz-tracking__shipment-loader .truckBody{width:130px;height:fit-content;margin-bottom:6px;animation:pckz-truck-motion 1s linear infinite}@keyframes pckz-truck-motion{0%{transform:translateY(0)}50%{transform:translateY(3px)}100%{transform:translateY(0)}}.pckz-tracking__shipment-loader .truckTires{width:130px;height:fit-content;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 15px;position:absolute;bottom:0}.pckz-tracking__shipment-loader .truckTires svg{width:24px}.pckz-tracking__shipment-loader .road{width:100%;height:1.5px;background-color:#282828;position:relative;bottom:0;align-self:flex-end;border-radius:3px}.pckz-tracking__shipment-loader .road::before{content:"";position:absolute;width:20px;height:100%;background-color:#282828;right:-50%;border-radius:3px;animation:pckz-truck-road-animation 1.4s linear infinite;border-left:10px solid #fff}.pckz-tracking__shipment-loader .road::after{content:"";position:absolute;width:10px;height:100%;background-color:#282828;right:-65%;border-radius:3px;animation:pckz-truck-road-animation 1.4s linear infinite;border-left:4px solid #fff}.pckz-tracking__shipment-loader .lampPost{position:absolute;bottom:0;right:-90%;height:90px;animation:pckz-truck-road-animation 1.4s linear infinite}@keyframes pckz-truck-road-animation{0%{transform:translateX(0)}100%{transform:translateX(-350px)}}@media (min-width:821px) and (max-width:1100px){.pckz-tracking__shipment-loader{max-width:360px}}@media (max-width:820px){.pckz-tracking{padding:0 10px}.pckz-tracking__shipment-loader{max-width:100%;padding-inline:4px}.pckz-tracking__shipment-loader .loader{transform:scale(clamp(0.68, calc((100vw - 48px) / 280), 0.92))}.pckz-tracking__form{grid-template-columns:1fr}.pckz-tracking__submit{width:100%}}@media (prefers-reduced-motion:reduce){.pckz-tracking__shipment-loader .truckBody,.pckz-tracking__shipment-loader .road::before,.pckz-tracking__shipment-loader .road::after,.pckz-tracking__shipment-loader .lampPost{animation:none}}