:root{--ot-green: #1a7a3e;--ot-green-light: #e6f5ed;--ot-green-mid: #2d9e5a;--ot-accent: #00793a;--ot-text: #1a1a2e;--ot-muted: #6b7280;--ot-border: #e5e7eb;--ot-surface: #ffffff;--ot-bg: #f4f9f6;--ot-radius: 16px;--ot-radius-sm: 10px;--ot-shadow: 0 4px 24px rgba(0,0,0,.07);--ot-shadow-hover: 0 8px 32px rgba(0,0,0,.12);--ot-transition: .25s cubic-bezier(.4,0,.2,1);--ot-status-success: #16a34a;--ot-status-transit: #2563eb;--ot-status-pending: #d97706;--ot-status-error: #dc2626}.ot-section{background:var(--ot-bg);padding:80px 20px 120px;min-height:70vh;font-family:inherit}.ot-container{max-width:860px;margin:0 auto}.ot-hero{text-align:center;margin-bottom:48px}.ot-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--ot-green-light);color:var(--ot-green);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:20px}.ot-hero__eyebrow svg{width:14px;height:14px;flex-shrink:0}.ot-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--ot-text);line-height:1.15;margin:0 0 14px;letter-spacing:-.02em}.ot-hero__subtitle{font-size:1.05rem;color:var(--ot-muted);line-height:1.6;max-width:480px;margin:0 auto}.ot-search-card{background:var(--ot-surface);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow);padding:40px;margin-bottom:40px;border:1px solid var(--ot-border);transition:box-shadow var(--ot-transition)}.ot-search-card:focus-within{box-shadow:var(--ot-shadow-hover)}.ot-input-group{display:flex;gap:12px;align-items:stretch}.ot-input-wrap{flex:1;position:relative}.ot-input-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ot-muted);width:18px;height:18px;pointer-events:none}.ot-input{width:100%;height:54px;padding:0 18px 0 46px;border:1.5px solid var(--ot-border);border-radius:var(--ot-radius-sm);font-size:1rem;color:var(--ot-text);background:#f9fafb;transition:border-color var(--ot-transition),box-shadow var(--ot-transition);outline:none;box-sizing:border-box}.ot-input::placeholder{color:#b0b8c1}.ot-input:focus{border-color:var(--ot-green);background:#fff;box-shadow:0 0 0 3px #1a7a3e1f}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 30px;background:var(--ot-green);color:#fff;font-size:.97rem;font-weight:700;border:none;border-radius:var(--ot-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--ot-transition),transform var(--ot-transition),box-shadow var(--ot-transition);letter-spacing:.02em;position:relative;overflow:hidden}.ot-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--ot-transition)}.ot-btn:hover:not(:disabled){background:var(--ot-green-mid);transform:translateY(-1px);box-shadow:0 6px 20px #1a7a3e59}.ot-btn:hover:not(:disabled):after{background:#ffffff0f}.ot-btn:active:not(:disabled){transform:translateY(0)}.ot-btn:disabled{opacity:.65;cursor:not-allowed}.ot-btn svg{width:18px;height:18px;flex-shrink:0}.ot-spinner{display:none;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ot-spin .7s linear infinite}.ot-btn--loading .ot-btn__label,.ot-btn--loading .ot-btn__icon{display:none}.ot-btn--loading .ot-spinner{display:block}@keyframes ot-spin{to{transform:rotate(360deg)}}.ot-alert{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;border-radius:var(--ot-radius-sm);font-size:.95rem;line-height:1.5;margin-top:20px;animation:ot-fade-slide .3s ease}.ot-alert svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.ot-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.ot-alert--warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.ot-alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.ot-skeleton{display:none}.ot-skeleton--active{display:block}.ot-skeleton__bar{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400% 100%;border-radius:8px;animation:ot-shimmer 1.4s infinite;margin-bottom:12px}@keyframes ot-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ot-result{display:none;animation:ot-fade-slide .4s ease}.ot-result--visible{display:block}@keyframes ot-fade-slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ot-summary-card{background:var(--ot-surface);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow);padding:36px 40px;border:1px solid var(--ot-border);margin-bottom:28px}.ot-summary-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--ot-border)}.ot-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:100px;font-size:.83rem;font-weight:700;letter-spacing:.04em}.ot-badge__dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.ot-badge--delivered{background:#dcfce7;color:var(--ot-status-success)}.ot-badge--delivered .ot-badge__dot{background:var(--ot-status-success)}.ot-badge--transit{background:#dbeafe;color:var(--ot-status-transit)}.ot-badge--transit .ot-badge__dot{background:var(--ot-status-transit)}.ot-badge--pending{background:#fef3c7;color:var(--ot-status-pending)}.ot-badge--pending .ot-badge__dot{background:var(--ot-status-pending)}.ot-badge--exception{background:#fee2e2;color:var(--ot-status-error)}.ot-badge--exception .ot-badge__dot{background:var(--ot-status-error)}.ot-badge--notfound{background:#f3f4f6;color:var(--ot-muted)}.ot-badge--notfound .ot-badge__dot{background:var(--ot-muted)}.ot-summary-card__title{font-size:1.25rem;font-weight:800;color:var(--ot-text);margin:0;letter-spacing:-.01em}.ot-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.ot-info-item__label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ot-muted);margin-bottom:5px}.ot-info-item__value{font-size:.97rem;font-weight:600;color:var(--ot-text);word-break:break-all}.ot-progress{background:var(--ot-surface);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow);padding:28px 40px;border:1px solid var(--ot-border);margin-bottom:28px}.ot-progress__label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ot-muted);margin-bottom:20px}.ot-progress__steps{display:flex;align-items:center;position:relative}.ot-progress__track{position:absolute;top:14px;left:14px;right:14px;height:3px;background:var(--ot-border);z-index:0}.ot-progress__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--ot-green),var(--ot-green-mid));border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.ot-progress__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.ot-progress__step-circle{width:28px;height:28px;border-radius:50%;background:#fff;border:2.5px solid var(--ot-border);display:flex;align-items:center;justify-content:center;transition:all var(--ot-transition)}.ot-progress__step--done .ot-progress__step-circle{background:var(--ot-green);border-color:var(--ot-green)}.ot-progress__step--done .ot-progress__step-circle svg{display:block}.ot-progress__step-circle svg{display:none;width:14px;height:14px;color:#fff;stroke-width:3}.ot-progress__step-label{font-size:.72rem;font-weight:600;color:var(--ot-muted);text-align:center;transition:color var(--ot-transition)}.ot-progress__step--done .ot-progress__step-label,.ot-progress__step--active .ot-progress__step-label{color:var(--ot-green)}.ot-progress__step--active .ot-progress__step-circle{border-color:var(--ot-green);box-shadow:0 0 0 4px #1a7a3e2e}.ot-timeline-card{background:var(--ot-surface);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow);padding:36px 40px;border:1px solid var(--ot-border)}.ot-timeline-card__header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--ot-border)}.ot-timeline-card__icon{width:40px;height:40px;border-radius:10px;background:var(--ot-green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ot-timeline-card__icon svg{width:20px;height:20px;color:var(--ot-green)}.ot-timeline-card__title{font-size:1.05rem;font-weight:800;color:var(--ot-text);margin:0}.ot-timeline-card__subtitle{font-size:.83rem;color:var(--ot-muted);margin-top:2px}.ot-timeline{position:relative}.ot-timeline:before{content:"";position:absolute;left:19px;top:4px;bottom:4px;width:2px;background:linear-gradient(to bottom,var(--ot-green),var(--ot-border))}.ot-event{display:flex;gap:20px;padding-bottom:28px;position:relative;animation:ot-fade-slide .35s ease both}.ot-event:last-child{padding-bottom:0}.ot-event:nth-child(1){animation-delay:.05s}.ot-event:nth-child(2){animation-delay:.1s}.ot-event:nth-child(3){animation-delay:.15s}.ot-event:nth-child(4){animation-delay:.2s}.ot-event:nth-child(5){animation-delay:.25s}.ot-event:nth-child(n+6){animation-delay:.3s}.ot-event__dot{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.ot-event--latest .ot-event__dot{background:var(--ot-green);box-shadow:0 0 0 4px #1a7a3e33}.ot-event--latest .ot-event__dot svg{color:#fff}.ot-event--past .ot-event__dot{background:#fff;border:2px solid var(--ot-border)}.ot-event--past .ot-event__dot svg{color:var(--ot-muted)}.ot-event__dot svg{width:16px;height:16px}.ot-event__body{flex:1;padding-top:6px}.ot-event__meta{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.ot-event__date{font-size:.8rem;font-weight:600;color:var(--ot-muted);white-space:nowrap}.ot-event__location{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--ot-green);background:var(--ot-green-light);padding:2px 10px;border-radius:100px}.ot-event__location svg{width:11px;height:11px}.ot-event__status{font-size:.98rem;font-weight:700;color:var(--ot-text);margin-bottom:2px}.ot-event--past .ot-event__status{color:var(--ot-muted);font-weight:600}.ot-event__desc{font-size:.88rem;color:var(--ot-muted);line-height:1.5}@media(max-width:768px){.ot-section{padding:48px 16px 80px}.ot-search-card,.ot-summary-card,.ot-progress,.ot-timeline-card{padding:24px 20px}.ot-input-group{flex-direction:column}.ot-btn{width:100%;justify-content:center}.ot-summary-card__header{flex-direction:column;align-items:flex-start}.ot-progress__step-label{font-size:.65rem}.ot-timeline-card{padding:20px 16px}.ot-timeline:before{left:15px}.ot-event__dot{width:30px;height:30px}.ot-hero__title{font-size:1.9rem}}@media(max-width:480px){.ot-info-grid{grid-template-columns:1fr 1fr}.ot-progress__steps{overflow-x:auto;padding-bottom:4px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/order-tracking.css.map */