.ot-container{max-width:720px;margin:0 auto;padding:40px 20px 60px}.ot-header{text-align:center;margin-bottom:32px}.ot-heading{font-size:28px;font-weight:700;color:#02132d;margin:0 0 8px}.ot-subheading{font-size:15px;color:#666;margin:0}.ot-search-box{margin-bottom:32px}.ot-form{display:flex;justify-content:center}.ot-input-wrap{display:flex;width:100%;max-width:560px;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:border-color .2s}.ot-input-wrap:focus-within{border-color:#2f9ecf;box-shadow:0 0 0 3px #2f9ecf1f}.ot-input{flex:1;border:none;outline:none;padding:14px 16px;font-size:15px;color:#333;background:#fff;min-width:0}.ot-input::placeholder{color:#aaa}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#feaa2c;color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:background .2s;text-transform:uppercase;letter-spacing:.5px}.ot-btn:hover{background:#e99a1f}.ot-btn:disabled{opacity:.7;cursor:not-allowed}.ot-btn-spinner{display:inline-flex;align-items:center}.ot-spin{animation:ot-rotate .8s linear infinite}@keyframes ot-rotate{to{transform:rotate(360deg)}}.ot-results{animation:ot-fadeIn .3s ease}@keyframes ot-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ot-error{text-align:center;padding:48px 20px}.ot-error-icon{margin-bottom:16px}.ot-error-heading{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.ot-error-detail{font-size:14px;color:#666;max-width:400px;margin:0 auto 20px;line-height:1.5}.ot-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#2f9ecf;color:#fff;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.ot-retry-btn:hover{background:#2589b5}.ot-list-heading{font-size:16px;font-weight:500;color:#333;margin:0 0 16px;text-align:center}.ot-order-list{display:flex;flex-direction:column;gap:12px}.ot-order-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px 20px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ot-order-card:hover{border-color:#2f9ecf;box-shadow:0 2px 8px #2f9ecf1f}.ot-order-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ot-order-number{font-size:16px;font-weight:600;color:#02132d}.ot-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ot-badge-transit{background:#e0f2fe;color:#0369a1}.ot-badge-delivered{background:#dcfce7;color:#15803d}.ot-order-card-bottom{display:flex;gap:16px}.ot-order-meta{font-size:13px;color:#888}.ot-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#2f9ecf;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px}.ot-back-btn:hover{text-decoration:underline}.ot-timeline-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px;box-shadow:0 1px 4px #0000000f}.ot-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.ot-timeline-header-left{display:flex;flex-direction:column;gap:2px}.ot-timeline-order{font-size:20px;font-weight:700;color:#02132d;margin:0}.ot-timeline-date{font-size:13px;color:#888}.ot-timeline-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ot-carrier-tag{display:inline-block;padding:3px 10px;background:#f1f5f9;border-radius:4px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase}.ot-awb{font-size:12px;color:#999;font-family:monospace}.ot-edd{display:flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 14px;margin-bottom:24px;font-size:13px;color:#1e40af}.ot-edd svg{flex-shrink:0}.ot-timeline{display:flex;flex-direction:column}.ot-step{display:flex;gap:16px;min-height:64px}.ot-step:last-child{min-height:auto}.ot-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:36px}.ot-step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ot-step-icon--completed{background:#22c55e}.ot-step-icon--current{background:#2f9ecf;box-shadow:0 0 0 4px #2f9ecf33;animation:ot-glow 2s ease-in-out infinite}.ot-step-icon--future{background:#f3f4f6;border:2px solid #d1d5db}@keyframes ot-glow{0%,to{box-shadow:0 0 0 4px #2f9ecf26}50%{box-shadow:0 0 0 8px #2f9ecf14}}.ot-pulse-dot{width:10px;height:10px;background:#fff;border-radius:50%}.ot-future-dot{width:8px;height:8px;background:#d1d5db;border-radius:50%}.ot-step-line{width:2px;flex:1;min-height:24px;margin:4px 0}.ot-step-line--completed{background:#22c55e}.ot-step-line--future{background:#e5e7eb}.ot-step-content{display:flex;flex-direction:column;padding:6px 0 16px;gap:2px}.ot-step:last-child .ot-step-content{padding-bottom:0}.ot-step-name{font-size:15px;font-weight:600;color:#333}.ot-step--future .ot-step-name{color:#9ca3af;font-weight:500}.ot-step-date{font-size:13px;color:#666}.ot-step-location{font-size:12px;color:#999}.ot-external-track{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0 8px}.ot-external-track-info{display:flex;align-items:flex-start;gap:14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px 20px;width:100%}.ot-external-track-info svg{flex-shrink:0;margin-top:2px}.ot-external-track-text{font-size:14px;color:#334155;margin:0 0 4px;line-height:1.5}.ot-external-track-sub{font-size:13px;color:#64748b;margin:0}.ot-external-track-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#feaa2c;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:background .2s,transform .1s}.ot-external-track-btn:hover{background:#e99a1f;color:#fff;text-decoration:none;transform:translateY(-1px)}.ot-external-track-btn:active{transform:translateY(0)}@media screen and (max-width:599px){.ot-container{padding:24px 16px 48px}.ot-heading{font-size:22px}.ot-subheading{font-size:13px}.ot-input-wrap{flex-direction:column;border-radius:8px}.ot-input{padding:14px;text-align:center;border-bottom:1px solid #e5e5e5}.ot-btn{padding:14px;border-radius:0}.ot-timeline-card{padding:16px}.ot-timeline-header{flex-direction:column}.ot-timeline-header-right{align-items:flex-start;flex-direction:row;gap:8px}.ot-order-card-top{flex-direction:column;align-items:flex-start;gap:6px}.ot-external-track-info{flex-direction:column;align-items:center;text-align:center}.ot-external-track-btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/order-tracking.css.map */