.ot-page{--ot-accent: var(--color-button, #2563eb);--ot-accent-h: var(--color-button-text, #ffffff);--ot-text: var(--color-base-text, #111827);--ot-muted: #6b7280;--ot-border: #e5e7eb;--ot-bg: #f8fafc;--ot-card: #ffffff;--ot-radius: 16px;--ot-radius-s: 10px;--ot-blue: #2563eb;--ot-blue-bg: #eff6ff;--ot-green: #16a34a;--ot-green-bg: #f0fdf4;--ot-amber: #d97706;--ot-amber-bg: #fffbeb;--ot-red: #dc2626;--ot-red-bg: #fef2f2;--ot-gray: #6b7280;--ot-gray-bg: #f3f4f6;--ot-purple: #7c3aed;--ot-purple-bg: #f5f3ff}.ot-page *,.ot-page *:before,.ot-page *:after{box-sizing:border-box;margin:0;padding:0}.ot-page{background:var(--ot-bg);min-height:60vh;padding:48px 16px 80px;font-family:inherit;color:var(--ot-text);line-height:1.5}.ot-container{max-width:680px;margin:0 auto}.ot-header{text-align:center;margin-bottom:40px}.ot-header-icon{width:52px;height:52px;background:var(--ot-blue-bg);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.ot-header-icon svg{width:26px;height:26px;color:var(--ot-blue)}.ot-page h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.025em;color:var(--ot-text);margin-bottom:10px}.ot-page p.ot-subtitle{color:var(--ot-muted);font-size:.95rem}.ot-card{background:var(--ot-card);border-radius:var(--ot-radius);border:1px solid var(--ot-border);overflow:hidden}.ot-form-card{padding:40px 36px}@media(max-width:480px){.ot-form-card{padding:28px 20px}}.ot-field{margin-bottom:18px}.ot-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ot-muted);margin-bottom:8px}.ot-input{width:100%;padding:13px 16px;font-size:1rem;font-family:inherit;color:var(--ot-text);background:var(--ot-bg);border:1.5px solid var(--ot-border);border-radius:var(--ot-radius-s);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.ot-input:focus{border-color:var(--ot-accent);box-shadow:0 0 0 3px #2563eb1f;background:var(--ot-card)}.ot-input::placeholder{color:#b0b7c3}.ot-input.ot-input--error{border-color:var(--ot-red);box-shadow:0 0 0 3px #dc26261a}.ot-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:.95rem;font-weight:600;font-family:inherit;color:var(--ot-accent-h);background:var(--ot-accent);border:none;border-radius:var(--ot-radius-s);cursor:pointer;margin-top:8px;letter-spacing:.01em}.ot-btn:disabled{opacity:.65;cursor:not-allowed}.ot-btn svg{width:18px;height:18px;flex-shrink:0}.ot-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ot-spin .7s linear infinite;flex-shrink:0}.ot-form-help{text-align:center;margin-top:20px;font-size:.83rem;color:var(--ot-muted)}.ot-form-help a{color:var(--ot-accent);text-decoration:none;font-weight:500}.ot-skeleton{display:none;padding:36px}.ot-skeleton.ot-visible{display:block}.ot-skel-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ot-shimmer 1.4s infinite;margin-bottom:12px}.ot-skel-line--h{height:22px;width:55%;margin-bottom:20px}.ot-skel-line--sm{width:40%}.ot-skel-line--md{width:70%}.ot-skel-line--lg{width:90%}.ot-skel-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ot-shimmer 1.4s infinite}.ot-skel-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.ot-skel-row .ot-skel-lines{flex:1}.ot-result{display:none}.ot-result.ot-visible{display:block}.ot-result-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 20px;border-bottom:1px solid var(--ot-border)}@media(max-width:480px){.ot-result-header{padding:20px 20px 16px}}.ot-result-order-name{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.ot-result-date{font-size:.8rem;color:var(--ot-muted);margin-top:3px}.ot-back-btn{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:500;color:var(--ot-muted);background:none;border:1px solid var(--ot-border);border-radius:8px;padding:6px 12px;cursor:pointer;font-family:inherit;flex-shrink:0}.ot-back-btn svg{width:14px;height:14px}.ot-status-section{padding:24px 32px;border-bottom:1px solid var(--ot-border)}@media(max-width:480px){.ot-status-section{padding:18px 20px}}.ot-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:99px;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ot-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ot-badge--blue{background:var(--ot-blue-bg);color:var(--ot-blue)}.ot-badge--green{background:var(--ot-green-bg);color:var(--ot-green)}.ot-badge--amber{background:var(--ot-amber-bg);color:var(--ot-amber)}.ot-badge--red{background:var(--ot-red-bg);color:var(--ot-red)}.ot-badge--gray{background:var(--ot-gray-bg);color:var(--ot-gray)}.ot-badge--purple{background:var(--ot-purple-bg);color:var(--ot-purple)}.ot-badge--blue .ot-badge-dot{background:var(--ot-blue)}.ot-badge--amber .ot-badge-dot{background:var(--ot-amber)}.ot-badge--green .ot-badge-dot{background:var(--ot-green)}.ot-badge--gray .ot-badge-dot{background:var(--ot-gray)}.ot-badge--red .ot-badge-dot{background:var(--ot-red)}.ot-badge--purple .ot-badge-dot{background:var(--ot-purple)}.ot-timeline-section{padding:28px 32px;border-bottom:1px solid var(--ot-border)}@media(max-width:480px){.ot-timeline-section{padding:20px}}.ot-timeline{position:relative;display:flex;flex-direction:column}.ot-timeline-step{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:28px}.ot-timeline-step:last-child{padding-bottom:0}.ot-timeline-step:not(:last-child) .ot-tl-icon-wrap:after{content:"";position:absolute;left:50%;top:calc(100% + 2px);transform:translate(-50%);width:2px;height:24px;background:var(--ot-border)}.ot-timeline-step.ot-tl-done:not(:last-child) .ot-tl-icon-wrap:after{background:var(--ot-green)}.ot-tl-icon-wrap{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--ot-border);background:var(--ot-card)}.ot-timeline-step.ot-tl-done .ot-tl-icon-wrap{background:var(--ot-green-bg);border-color:var(--ot-green)}.ot-timeline-step.ot-tl-active .ot-tl-icon-wrap{background:var(--ot-blue-bg);border-color:var(--ot-blue)}.ot-tl-icon-wrap svg{width:16px;height:16px}.ot-timeline-step.ot-tl-done .ot-tl-icon-wrap svg{color:var(--ot-green)}.ot-timeline-step.ot-tl-active .ot-tl-icon-wrap svg{color:var(--ot-blue)}.ot-timeline-step.ot-tl-pending .ot-tl-icon-wrap svg{color:#d1d5db}.ot-tl-content{padding-top:6px}.ot-tl-label{font-size:.9rem;font-weight:600;color:var(--ot-text);line-height:1.2}.ot-timeline-step.ot-tl-pending .ot-tl-label{color:var(--ot-muted);font-weight:400}.ot-timeline-step.ot-tl-active .ot-tl-label{color:var(--ot-blue)}.ot-carrier-section{padding:24px 32px;border-bottom:1px solid var(--ot-border)}@media(max-width:480px){.ot-carrier-section{padding:18px 20px}}.ot-section-title{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ot-muted);margin-bottom:14px}.ot-carrier-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ot-carrier-info{flex:1;min-width:0}.ot-carrier-name{font-size:.95rem;font-weight:600;color:var(--ot-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-carrier-number{font-size:.8rem;color:var(--ot-muted);margin-top:3px;font-family:Courier New,monospace;letter-spacing:.04em}.ot-tracking-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:var(--ot-accent);color:var(--ot-accent-h);text-decoration:none;border-radius:var(--ot-radius-s);font-size:.875rem;font-weight:600;font-family:inherit;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0}.ot-tracking-btn:hover{color:var(--ot-accent-h);text-decoration:none}.ot-tracking-btn svg{width:15px;height:15px}.ot-tracking-soon{font-size:.83rem;color:var(--ot-muted);font-style:italic;padding:8px 0}.ot-items-section{border-bottom:1px solid var(--ot-border)}.ot-items-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 32px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ot-muted);text-align:left}@media(max-width:480px){.ot-items-toggle{padding:15px 20px}}.ot-items-toggle svg{width:16px;height:16px;transition:transform .15s;flex-shrink:0}.ot-items-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ot-items-body{display:none;padding:4px 32px 20px}.ot-items-body.ot-visible{display:block}@media(max-width:480px){.ot-items-body{padding:4px 20px 16px}}.ot-item{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--ot-border);text-decoration:none;color:inherit}.ot-item:last-child{border-bottom:none}.ot-item-img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--ot-bg);border:1px solid var(--ot-border);flex-shrink:0;display:block}.ot-item-img-placeholder{width:56px;height:56px;border-radius:8px;background:var(--ot-bg);border:1px solid var(--ot-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d1d5db}.ot-item-img-placeholder svg{width:22px;height:22px}.ot-item-title{flex:1;font-size:.875rem;font-weight:500;color:var(--ot-text);line-height:1.3}.ot-item-qty{font-size:.8rem;color:var(--ot-muted);flex-shrink:0;font-weight:500}.ot-support-section{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:480px){.ot-support-section{padding:18px 20px;flex-direction:column;align-items:flex-start}}.ot-support-text{font-size:.875rem;color:var(--ot-muted)}.ot-support-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid var(--ot-border);border-radius:var(--ot-radius-s);font-size:.83rem;font-weight:500;color:var(--ot-text);text-decoration:none;font-family:inherit;background:none;cursor:pointer;white-space:nowrap}.ot-support-btn svg{width:14px;height:14px}.ot-error{display:none}.ot-error.ot-visible{display:block}.ot-error-card{padding:36px;text-align:center}.ot-error-icon{width:52px;height:52px;border-radius:14px;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--ot-red)}.ot-error-icon svg{width:24px;height:24px}.ot-error-title{font-size:1rem;font-weight:700;color:var(--ot-text);margin-bottom:8px}.ot-error-msg{font-size:.875rem;color:var(--ot-muted);max-width:360px;margin:0 auto 24px;line-height:1.6}.ot-error-msg .ot-error-highlight{color:var(--ot-red);font-weight:700}.ot-error-msg .ot-error-subline{color:var(--ot-muted)}@media(min-width:768px){.ot-error-msg .ot-error-highlight,.ot-error-msg .ot-error-subline{display:block;white-space:nowrap}.ot-error-msg{max-width:none}}.ot-error-back{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid var(--ot-border);border-radius:var(--ot-radius-s);font-size:.875rem;font-weight:500;color:var(--ot-text);background:none;cursor:pointer;font-family:inherit}.ot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes ot-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ot-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/order-tracking.css.map */