.p-track-order .track-hero{width:calc(100% - 20px);margin:0 auto;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:17/6;min-height:320px;max-height:496px;background:url(/assets/track_your_order/track_your_order_BG.jpg) 50%/cover no-repeat}.p-track-order .track-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 55%)}.p-track-order .track-hero .lbl{position:absolute;left:80px;bottom:220px;transform:translateY(-50%);z-index:2;font-family:var(--hd);font-weight:500;font-size:34px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.p-track-order .tracker{width:100%;margin:60px auto 0}.p-track-order .truck{width:64px;height:48px;color:var(--sage);margin:0 auto;transition:transform .6s ease;position:relative;left:0}.p-track-order .timeline{position:relative;margin:18px auto 0;width:1180px;height:120px}.p-track-order .timeline .line{position:absolute;top:8px;left:7%;right:7%;height:3px;background:#809a9b;border-radius:2px}.p-track-order .timeline .fill{position:absolute;top:14px;left:6%;height:3px;background:var(--sage);border-radius:2px;width:0;transition:width .7s ease}.p-track-order .tl-steps{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between}.p-track-order .tl-step{width:14.2%;display:flex;flex-direction:column;align-items:center}.p-track-order .tl-step .dot{width:18px;height:18px;border-radius:50%;background:#809a9b;transition:.3s}.p-track-order .tl-step.done .dot{background:var(--sage)}.p-track-order .tl-step span{font-family:var(--bd);font-size:12px;color:#809a9b;text-align:center;margin-top:14px;line-height:1.25;max-width:120px}.p-track-order .tl-step.current span,.p-track-order .tl-step.done span{color:var(--sage)}.p-track-order .lookup{text-align:center;padding:24px 0 70px}.p-track-order .lookup h2{font-family:var(--hd);font-weight:500;font-size:38px;color:#6a6a6a;margin:0 0 30px}.p-track-order .lookup .inputs{display:flex;gap:18px;justify-content:center;width:920px;margin:0 auto 26px}.p-track-order .lookup input{flex:1 1;font-family:var(--bd);font-size:14px;padding:14px 60px;border:none;border-radius:15px;background:#eef2f2;outline:none;transition:.15s}.p-track-order .lookup input:focus{box-shadow:0 0 0 3px rgba(132,156,156,.25)}.p-track-order .lookup .btn{font-size:15px;padding:13px 38px;border-radius:15px}.p-track-order .status-msg{font-family:var(--bd);font-size:15px;color:var(--sage);font-weight:600;margin-top:22px;min-height:22px}.p-track-order .tracker svg{display:block;margin:0 auto}@media screen and (max-width:480px){.p-track-order .cta-banner,.p-track-order .track-hero{width:calc(100% - 40px)!important}.p-track-order .track-hero .lbl{bottom:100px}.p-track-order span.logo-img{width:260px}.p-track-order .footer .logo-row{padding:0}.p-track-order .lookup{text-align:center;padding:60px 0 5px}.p-track-order .tl-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-bottom:6px}.p-track-order .tl-scroll .timeline{width:660px!important;height:112px!important;margin:18px 0 0}.p-track-order .tl-step{scroll-snap-align:start}.p-track-order .tl-step span{font-size:11px;max-width:100px}}.p-track-order *,.p-track-order :after,.p-track-order :before{box-sizing:border-box;margin:0;padding:0}.p-track-order{--brand:#9cb6b6;--brand-dark:#849c9c;--brand-light:#e6f1fb;--success:#3b6d11;--success-bg:#eaf3de;--danger:#a32d2d;--danger-bg:#fcebeb;--warn:#854f0b;--warn-bg:#faeeda;--text-1:#1a1a1a;--text-2:#555550;--text-3:#888780;--bg-page:#f4f4f2;--bg-card:#fff;--bg-surface:#f7f7f5;--border:rgba(0,0,0,.1);--border-md:rgba(0,0,0,.18);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--mono:"JetBrains Mono",monospace;--sans:"Inter",system-ui,sans-serif}.p-track-order .page-header{max-width:640px;margin:0 auto 2rem;display:flex;align-items:center;gap:12px}.p-track-order .logo-mark{width:38px;height:38px;background:var(--brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-track-order .logo-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.p-track-order .page-header h1{font-size:16px;font-weight:600;color:var(--text-1)}.p-track-order .page-header p{font-size:12px;color:var(--text-3);margin-top:1px}.p-track-order .card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:89%;margin:0 auto}.p-track-order .card+.card{margin-top:1rem}.p-track-order .card-title{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem}.p-track-order .sku-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.p-track-order .btn-primary.csvdownload{width:auto;height:auto;display:inline-flex;padding:8px 20px;font-size:13px;line-height:1;text-transform:none;letter-spacing:0;flex-shrink:0}.p-track-order .form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}@media (max-width:480px){.p-track-order .form-row{grid-template-columns:1fr}}.p-track-order .field label{display:block;font-size:11px;font-weight:500;color:var(--text-2);margin-bottom:5px;letter-spacing:.03em}.p-track-order .field input{width:100%;height:42px;padding:0 13px;border:.5px solid var(--border-md);border-radius:var(--radius-md);font-size:14px;font-family:var(--sans);color:var(--text-1);background:var(--bg-card);transition:border-color .15s,box-shadow .15s}.p-track-order .field input::placeholder{color:var(--text-3)}.p-track-order .field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(24,95,165,.12)}.p-track-order .btn-primary{width:15%;height:44px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:var(--sans);cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.p-track-order .btn-primary:hover:not(:disabled){background:var(--brand-dark)}.p-track-order .btn-primary:active:not(:disabled){transform:scale(.98)}.p-track-order .btn-primary:disabled{background:var(--bg-surface);color:var(--text-3);cursor:not-allowed}.p-track-order .spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.p-track-order .msg{display:none;width:500px;font-size:13px;padding:10px 14px;border-radius:var(--radius-md);line-height:1.5;justify-content:center;margin:20px auto}.p-track-order .msg.error{display:flex;gap:8px;background:var(--danger-bg);color:var(--danger)}.p-track-order .msg.info{display:flex;gap:8px;background:var(--brand-light);color:var(--brand-dark)}.p-track-order .msg.success{display:flex;gap:8px;background:var(--success-bg);color:var(--success)}.p-track-order .msg .msg-icon{flex-shrink:0;margin-top:1px}.p-track-order #resultSection{display:none}.p-track-order .meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 28px;gap:16px 28px;margin-bottom:24px}.p-track-order .meta-cell{background:var(--bg-surface);border-radius:12px;padding:16px 18px;min-height:58px;display:flex;flex-direction:column;justify-content:center}.p-track-order .meta-cell .lbl{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;letter-spacing:.05em}.p-track-order .meta-cell .val{font-size:15px;font-weight:500;color:var(--text-1);word-break:break-word}@media (max-width:768px){.p-track-order .meta-grid{grid-template-columns:1fr}}.p-track-order .badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px}.p-track-order .badge-green{background:var(--success-bg);color:var(--success)}.p-track-order .badge-blue{background:var(--brand-light);color:var(--brand-dark)}.p-track-order .badge-amber{background:var(--warn-bg);color:var(--warn)}.p-track-order .divider{border:none;border-top:.5px solid var(--border);margin:1.25rem 0}.p-track-order .table-wrap{overflow-x:auto}.p-track-order table{width:100%;border-collapse:collapse;font-size:13px;min-width:400px}.p-track-order thead th{text-align:left;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 12px 8px 0;border-bottom:.5px solid var(--border);white-space:nowrap}.p-track-order tbody td{padding:9px 12px 9px 0;border-bottom:.5px solid var(--border);color:var(--text-1);vertical-align:top}.p-track-order tbody tr:last-child td{border-bottom:none}.p-track-order tbody tr:hover{background:var(--bg-surface)}.p-track-order .raw-toggle-btn{display:inline-flex;align-items:center;gap:5px;margin-top:1.25rem;font-size:12px;color:var(--brand);background:none;border:none;cursor:pointer;font-family:var(--sans);padding:0;text-decoration:underline;text-underline-offset:2px}.p-track-order .raw-box{display:none;margin-top:10px;background:var(--bg-surface);border:.5px solid var(--border);border-radius:var(--radius-md);padding:1rem;font-size:11px;font-family:var(--mono);color:var(--text-2);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;line-height:1.6}.p-track-order .steps{display:flex;align-items:center;gap:0;margin-bottom:1.25rem;font-size:11px}.p-track-order .step{display:flex;align-items:center;gap:5px;color:var(--text-3);font-weight:500}.p-track-order .step.active{color:var(--brand)}.p-track-order .step.done{color:var(--success)}.p-track-order .step-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.p-track-order .step.done .step-dot{background:var(--success-bg);border-color:var(--success)}.p-track-order .step.active .step-dot{background:var(--brand-light);border-color:var(--brand)}.p-track-order .step-line{flex:1 1;height:1px;background:var(--border);margin:0 6px;min-width:16px}.p-track-order .flow{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:0;width:100%;overflow-x:auto}.p-track-order .step-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 1 92px;min-width:0}.p-track-order .odot{width:36px;height:36px;border-radius:50%;background:var(--color-background-secondary,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;flex-shrink:0}.p-track-order .odot.current,.p-track-order .odot.done{background:#e6f1fb;border-color:#e6f1fb}.p-track-order .sdot{width:40px;height:40px;border-radius:50%;background:var(--color-background-secondary,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:20px;color:#999;flex-shrink:0}.p-track-order .sdot.current{background:#809a9b;border-color:#809a9b;color:#fff}.p-track-order .connector{flex:1 1 auto;height:2px;min-width:12px;background:#ddd;margin-top:18px;margin-left:-28px;margin-right:-28px;align-self:flex-start}.p-track-order .odot,.p-track-order .sdot{position:relative;z-index:1}.p-track-order .connector.done{background:#809a9b}.p-track-order .step-lbl{font-size:12px;color:#888;text-align:center;line-height:1.35;word-break:break-word;width:80px}.p-track-order .step-lbl.active{color:#000;font-weight:600}.p-track-order .sdate{font-size:11px;color:#888;text-align:center;line-height:1.35;word-break:break-word;max-width:84px}.p-track-order .section-label,.p-track-order .ship-title{font-size:11px;text-align:center;font-weight:600;color:#aaa;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .75rem}.p-track-order .odot.current,.p-track-order .odot.done{background:#809a9b;border-color:#809a9b;color:#fff}.p-track-order .odot,.p-track-order .sdot{background:#fff;border:2px solid #ccc;color:#bbb}.p-track-order .sdot.done{background:#809a9b;border-color:#809a9b;color:#fff}@media (max-width:640px){.p-track-order .flow{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.p-track-order .step-col{flex:0 0 auto;min-width:70px}.p-track-order .odot{width:34px;height:34px;font-size:16px}.p-track-order .sdot{width:36px;height:36px;font-size:18px}.p-track-order .sdate,.p-track-order .step-lbl{font-size:11px;max-width:70px}.p-track-order .connector{flex:0 0 auto;width:40px;min-width:40px;margin-left:-18px;margin-right:-18px}}.p-track-order .error-message{display:block;margin-top:6px;color:#dc3545;font-size:14px;min-height:18px}.p-track-order .input-error{border:1px solid #dc3545!important}#ph,#po{text-align:left;padding-left:16px}@media only screen and (min-width:768px) and (max-width:1024px){.fd-right img{width:70%!important;top:37px!important}.p-track-order .lookup .inputs{width:100%!important}}@media only screen and (max-width:768px){.p-track-order .track-hero{aspect-ratio:auto;height:280px;min-height:auto;max-height:none;background-size:cover;background-position:50%}.p-track-order .track-hero .lbl{bottom:110px}}