.ot-page{max-width:640px;margin:0 auto;padding:24px 20px 60px;font-family:var(--body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--text-color, #22292f)}.ot-section-title{font-size:13px;font-weight:var(--font-weight-600, 600);text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-secondary, #888);margin:0 0 12px}.ot-header{background:var(--body-bg-secondary, #fff);border-radius:var(--radius-md, 16px);padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.ot-header__row{display:flex;align-items:baseline;gap:8px;line-height:1.6}.ot-header__label{font-size:12px;color:var(--text-color-secondary, #888);min-width:88px;flex-shrink:0}.ot-header__value{font-size:15px;font-weight:var(--font-weight-600, 600)}.ot-header__awb{font-family:monospace;font-size:14px;letter-spacing:.04em;color:var(--custom-color, #4970f8)}.ot-error{display:flex;align-items:flex-start;gap:12px;background:#fff5f5;border:1px solid #fca5a5;border-radius:var(--radius-md, 16px);padding:16px 20px;color:#b91c1c;margin-bottom:16px}.ot-error__icon{width:22px;height:22px;flex-shrink:0;margin-top:1px}.ot-error p{margin:0;font-size:14px;line-height:1.5}.ot-status{display:flex;align-items:center;gap:14px;background:var(--body-bg-secondary, #fff);border-radius:var(--radius-md, 16px);padding:18px 20px;margin-bottom:16px;border-left:4px solid var(--custom-color, #4970f8);box-shadow:0 1px 4px #0000000f;transition:border-color .3s ease}.ot-status--confirmed,.ot-status--delivered{border-left-color:#16a34a}.ot-status--driver{border-left-color:#0891b2}.ot-status--truck{border-left-color:var(--custom-color, #4970f8)}.ot-status--failed,.ot-status--cancelled{border-left-color:#dc2626}.ot-status--returned{border-left-color:#d97706}.ot-status--facility{border-left-color:#7c3aed}.ot-status__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--body-bg, #f5f5f5);border-radius:50%}.ot-status__icon svg{width:24px;height:24px}.ot-status__body{flex:1;min-width:0}.ot-status__text{font-size:17px;font-weight:var(--font-weight-600, 600);line-height:1.3}.ot-status__eta{font-size:13px;color:#16a34a;margin-top:3px;font-weight:var(--font-weight-600, 500)}.ot-map-wrap{margin-bottom:16px;border-radius:var(--radius-md, 16px);overflow:hidden;box-shadow:0 1px 4px #0000000f}.ot-map-label{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--body-bg-secondary, #fff);font-size:12px;font-weight:var(--font-weight-600, 600);color:var(--text-color-secondary, #888);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--decor-border-dark-color, #eee)}.ot-map-label__dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:ot-pulse 1.6s ease-in-out infinite}@keyframes ot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.ot-map{height:300px;width:100%;position:relative;overflow:hidden}.ot-driver-pin,.ot-customer-pin{background:none!important;border:none!important;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center}.ot-driver-icon-inner{width:50px;height:50px;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .6s ease}.ot-timeline-wrap{background:var(--body-bg-secondary, #fff);border-radius:var(--radius-md, 16px);padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.ot-timeline{position:relative}.ot-timeline__loading{color:var(--text-color-secondary, #888);font-size:14px;padding:8px 0}.ot-timeline__item{display:flex;gap:14px;padding-bottom:22px;position:relative}.ot-timeline__item:last-child{padding-bottom:0}.ot-timeline__item:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:2px;background:var(--decor-border-dark-color, #e5e7eb)}.ot-timeline__item:last-child:before{display:none}.ot-timeline__dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:3px;background:var(--decor-border-dark-color, #e5e7eb);border:2px solid var(--body-bg-secondary, #fff);box-shadow:0 0 0 2px var(--decor-border-dark-color, #e5e7eb);transition:background .2s,box-shadow .2s;position:relative;z-index:1}.ot-timeline__item--done .ot-timeline__dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a}.ot-timeline__item--active .ot-timeline__dot{background:var(--custom-color, #4970f8);box-shadow:0 0 0 2px var(--custom-color, #4970f8)}.ot-timeline__content{flex:1;min-width:0}.ot-timeline__status{font-size:14px;font-weight:var(--font-weight-600, 600);line-height:1.3}.ot-timeline__time{font-size:12px;color:var(--text-color-secondary, #888);margin-top:2px}.ot-timeline__remark{font-size:12px;color:var(--text-color-secondary, #aaa);margin-top:2px;line-height:1.4}.ot-driver{background:var(--body-bg-secondary, #fff);border-radius:var(--radius-md, 16px);padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.ot-driver__card{display:flex;align-items:center;gap:14px}.ot-driver__avatar{width:46px;height:46px;border-radius:50%;background:var(--body-bg, #f5f5f5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ot-driver__avatar svg{width:26px;height:26px;color:var(--text-color-secondary, #888)}.ot-driver__info{flex:1;min-width:0}.ot-driver__name{font-size:15px;font-weight:var(--font-weight-600, 600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-driver__vehicle{font-size:13px;color:var(--text-color-secondary, #888);margin-top:2px}.ot-driver__call{width:44px;height:44px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition:opacity .2s}.ot-driver__call:hover{opacity:.85}.ot-driver__call svg{width:20px;height:20px;stroke:#fff}.ot-support{background:var(--body-bg-secondary, #fff);border-radius:var(--radius-md, 16px);padding:20px;box-shadow:0 1px 4px #0000000f}.ot-support__buttons{display:flex;gap:12px}.ot-support__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:var(--font-weight-600, 600);text-decoration:none;transition:opacity .2s}.ot-support__btn:hover{opacity:.85}.ot-support__btn svg{width:18px;height:18px;flex-shrink:0}.ot-support__btn--call{background:var(--body-bg, #f5f5f5);color:var(--text-color, #22292f);border:1px solid var(--decor-border-dark-color, #e5e7eb)}.ot-support__btn--whatsapp{background:#25d366;color:#fff}@media(max-width:575px){.ot-page{padding:16px 14px 48px}.ot-map{height:240px}.ot-support__buttons{flex-direction:column}.ot-status__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/order-tracking.css.map */