.ot-hero{background:var(--db-text);color:#fff;padding:4rem 1.5rem;text-align:center}@media(min-width:640px){.ot-hero{padding:5.5rem 1.5rem}}.ot-hero__inner{max-width:720px;margin:0 auto}.ot-hero__badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--db-primary);background:#c0262b2e;border:1px solid rgba(192,38,43,.3);border-radius:9999px;padding:.4rem 1rem;margin-bottom:1.25rem}.ot-hero__heading{font-family:var(--db-font-heading);font-size:clamp(1.875rem,6vw,3.25rem);font-weight:900;letter-spacing:-.03em;color:#fff;margin:0;line-height:1.1}.ot-hero__sub{margin:1.25rem auto 0;font-size:clamp(.9rem,2vw,1.0625rem);color:#fff9;max-width:520px;line-height:1.7}.ot-form{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;max-width:440px;margin-left:auto;margin-right:auto}@media(min-width:480px){.ot-form{flex-direction:row}}.ot-form__input{flex:1;height:44px;padding:0 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .15s ease}.ot-form__input::placeholder{color:#fff6}.ot-form__input:focus{border-color:var(--db-primary)}.ot-form__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding:0 1.5rem;background:var(--db-primary);color:#fff;font-family:var(--db-font-heading);font-weight:700;font-size:.875rem;border:none;border-radius:.75rem;cursor:pointer;flex-shrink:0;transition:background .15s ease}.ot-form__btn:hover{background:#a8202a}.ot-hero__hint{margin-top:.875rem;font-size:.75rem;color:#ffffff59}.ot-result-section{padding:3rem 1.5rem}.ot-result-section[hidden]{display:none}.ot-result-section__inner{max-width:720px;margin:0 auto}.ot-error-panel{display:flex;align-items:flex-start;gap:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:1rem;padding:1.5rem}.ot-error-panel[hidden]{display:none}.ot-error-panel__icon{width:44px;height:44px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.ot-error-panel__title{font-family:var(--db-font-heading);font-weight:700;font-size:.9375rem;color:var(--db-text);margin:0 0 .375rem}.ot-error-panel__desc{font-size:.875rem;color:var(--db-text-muted);margin:0 0 .75rem;line-height:1.6}.ot-error-panel__link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--db-primary);text-decoration:none}.ot-error-panel__link:hover{text-decoration:underline}.ot-order-card{background:#fff;border:1px solid var(--db-border);border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px #00000012}.ot-order-card[hidden]{display:none}.ot-order-card__header{display:flex;flex-direction:column;gap:.5rem;background:#f3f4f680;border-bottom:1px solid var(--db-border);padding:1.25rem 1.5rem}@media(min-width:480px){.ot-order-card__header{flex-direction:row;align-items:center;justify-content:space-between}}.ot-order-card__header-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--db-text-muted);margin:0}.ot-order-card__id{font-family:var(--db-font-heading);font-size:1.375rem;font-weight:900;color:var(--db-text);margin:.125rem 0 0}.ot-order-card__header-right{text-align:left}@media(min-width:480px){.ot-order-card__header-right{text-align:right}}.ot-order-card__product,.ot-order-card__updated{font-size:.8125rem;color:var(--db-text-muted);margin:0}.ot-progress-wrap{position:relative;padding:2rem 1.5rem 1rem}.ot-track-bg{position:absolute;top:calc(2rem + 20px);left:calc(1.5rem + 20px);right:calc(1.5rem + 20px);height:2px;background:var(--db-border)}.ot-track-fill{position:absolute;top:calc(2rem + 20px);left:calc(1.5rem + 20px);height:2px;background:var(--db-primary);width:0%;transition:width .7s ease}.ot-stages-row{position:relative;display:flex;justify-content:space-between;z-index:1}.ot-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:56px}@media(min-width:480px){.ot-stage{width:auto}}.ot-stage__dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--db-border);background:#fff;color:var(--db-text-muted);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.ot-stage__dot--done{background:var(--db-primary);border-color:var(--db-primary);color:#fff}.ot-stage__dot--active{box-shadow:0 0 0 4px #c0262b26}.ot-stage__label{font-size:.6875rem;font-weight:600;color:var(--db-text-muted);text-align:center;line-height:1.3;margin:0}.ot-stage__label--done{color:var(--db-text)}.ot-status-note{margin:1.5rem 1.5rem 0;background:#c0262b0a;border:1px solid rgba(192,38,43,.18);border-radius:.75rem;padding:1rem 1.25rem}.ot-status-note__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--db-primary);margin:0 0 .25rem}.ot-status-note__stage{font-size:.9375rem;font-weight:700;color:var(--db-text);margin:0 0 .375rem}.ot-status-note__desc{font-size:.875rem;color:var(--db-text-muted);line-height:1.6;margin:0}.ot-order-card__footer{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--db-border);padding:1rem 1.5rem;margin-top:1.5rem}@media(min-width:480px){.ot-order-card__footer{flex-direction:row;align-items:center;justify-content:space-between}}.ot-order-card__footer-text{font-size:.8125rem;color:var(--db-text-muted);margin:0}.ot-order-card__support{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--db-primary);text-decoration:none}.ot-order-card__support:hover{text-decoration:underline}.order-stages{padding:3rem 1.5rem;background:#f3f4f666;border-top:1px solid var(--db-border)}@media(min-width:640px){.order-stages{padding:4rem 1.5rem}}.order-stages__inner{max-width:1024px;margin:0 auto}.order-stages__heading{font-family:var(--db-font-heading);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;color:var(--db-text);text-align:center;margin:0 0 2rem}.order-stages__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.order-stages__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.order-stages__grid{grid-template-columns:repeat(5,1fr)}}.order-stage-card{background:#fff;border:1px solid var(--db-border);border-radius:1rem;padding:1.25rem 1rem;text-align:center;transition:border-color .2s ease}.order-stage-card:hover{border-color:#c0262b4d}.order-stage-card__icon{width:40px;height:40px;border-radius:50%;background:#c0262b14;display:flex;align-items:center;justify-content:center;color:var(--db-primary);margin:0 auto .875rem}.order-stage-card__label{font-size:.8125rem;font-weight:700;color:var(--db-text);margin:0 0 .375rem}.order-stage-card__desc{font-size:.75rem;color:var(--db-text-muted);line-height:1.6;margin:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/order-tracker.css.map */