.track-order-page{--track-accent:var(--color-mint,var(--color-gold));background:var(--color-base);min-height:100vh;overflow-x:hidden}html.light .track-order-page{--track-accent:var(--color-gold)}.track-hero{background:linear-gradient(180deg,var(--home-bg-mint,var(--color-elevated)) 0%,var(--color-base) 100%);padding:2.5rem 0 1.75rem;position:relative;overflow:hidden}.track-hero h1{margin-top:.25rem}.track-hero p{max-width:38rem;margin-top:1rem}.track-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-top:1.5rem;padding-bottom:4rem;display:grid}.track-col{flex-direction:column;gap:1.25rem;min-width:0;display:flex}@media (min-width:1024px){.track-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:1.75rem}.track-col-side{position:sticky;top:7rem}}.track-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a,0 6px 20px #0000000d}@media (min-width:768px){.track-card{padding:1.5rem}}.track-card-empty{text-align:center;box-shadow:none;border-style:dashed;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.track-card-empty svg{color:var(--track-accent)}.track-field{color:var(--color-bright);flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:650;display:flex}.track-field input{border:1px solid var(--color-line);background:var(--color-base);width:100%;min-height:48px;color:var(--color-bright);border-radius:.75rem;outline:0;padding:.75rem .9rem;font-size:1rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.track-field input::placeholder{color:var(--color-faint)}.track-field input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-accent-glow,#476fa933)}.track-field input[aria-invalid=true]{border-color:var(--color-danger)}.track-field-error{color:var(--color-danger);font-size:.75rem;font-weight:500}.track-submit{background:var(--color-cta,var(--color-gold));color:#fff;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;font-size:.875rem;font-weight:750;transition:background .2s,box-shadow .2s;display:inline-flex}.track-submit:hover:not(:disabled){background:var(--color-cta-hover,var(--color-gold-dark));box-shadow:0 8px 20px var(--color-accent-glow,#0000001a)}.track-submit:disabled{opacity:.6;cursor:wait}.track-alert{border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent);background:color-mix(in srgb,var(--color-danger) 8%,transparent);color:var(--color-danger);border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;font-size:.8125rem;font-weight:550;display:flex}.track-alert svg{flex-shrink:0;margin-top:.1rem}.track-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.75rem;font-weight:650;display:inline-flex}.track-pill.is-progress{border-color:color-mix(in srgb,var(--color-gold) 35%,transparent);background:color-mix(in srgb,var(--color-gold) 12%,transparent);color:var(--track-accent)}.track-pill.is-shipped{border-color:var(--track-accent);background:color-mix(in srgb,var(--color-gold) 20%,transparent);color:var(--track-accent)}.track-pill.is-done{border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.track-pill.is-danger{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.track-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.track-step{gap:.9rem;padding-bottom:1.25rem;display:flex;position:relative}.track-step:last-child{padding-bottom:0}.track-step:before{content:"";background:var(--color-line-subtle);border-radius:2px;width:2px;position:absolute;top:1.75rem;bottom:.25rem;left:.8125rem}.track-step:last-child:before{display:none}.track-step.is-reached:before{background:var(--color-gold)}.track-step.is-current:before{background:linear-gradient(180deg,var(--color-gold),var(--color-line-subtle))}.track-step-dot{z-index:1;border:1px solid var(--color-line);background:var(--color-elevated);width:1.75rem;height:1.75rem;color:var(--color-faint);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:relative}.track-step.is-reached .track-step-dot{border-color:var(--color-gold);background:var(--color-gold);color:#fff}.track-step.is-current .track-step-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gold) 22%,transparent)}.track-step-body{flex-direction:column;gap:.15rem;min-width:0;padding-top:.2rem;display:flex}.track-step-label{color:var(--color-faint);font-size:.875rem;font-weight:600}.track-step.is-reached .track-step-label{color:var(--color-bright)}.track-step-date{color:var(--color-dim);font-size:.75rem}.track-item{border-top:1px solid var(--color-line-subtle);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.track-item:first-child{border-top:0;padding-top:0}.track-item:last-child{padding-bottom:0}.track-item-thumb{border:1px solid var(--color-line);background:var(--color-elevated);width:3rem;height:3rem;color:var(--color-faint);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.track-item-thumb img{object-fit:cover;width:100%;height:100%}.track-result-anchor{flex-direction:column;gap:1.25rem;scroll-margin-top:6rem;display:flex}.track-step-hint{color:var(--color-dim);font-size:.75rem;line-height:1.45}.track-step.is-waiting .track-step-dot{border-color:var(--track-accent);background:color-mix(in srgb,var(--track-accent) 14%,var(--color-elevated));color:var(--track-accent)}.track-step.is-waiting .track-step-label{color:var(--track-accent)}.track-step.is-waiting:before{background:var(--color-line-subtle)}.track-pay{border-color:color-mix(in srgb,var(--track-accent) 45%,var(--color-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--track-accent) 10%,transparent),0 6px 20px #0000000f;flex-direction:column;gap:1rem;display:flex}.track-pay-icon{background:color-mix(in srgb,var(--track-accent) 14%,transparent);width:2.5rem;height:2.5rem;color:var(--track-accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-order-page .track-pay-instructions{--co-bg:var(--color-base);--co-card:transparent;--co-border:var(--color-line);--co-primary:var(--track-accent);--co-primary-dark:var(--track-accent);--co-success:var(--color-success);--co-danger:var(--color-danger);--co-text:var(--color-bright);--co-text-dim:var(--color-dim);--co-text-faint:var(--color-faint);color:var(--co-text)}.track-pay-instructions>section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.track-pay-images{flex-wrap:wrap;gap:.75rem;display:flex}.track-pay-image{border:1px solid var(--color-line);background:#fff;border-radius:.75rem;width:10rem;max-width:100%;display:block;overflow:hidden}.track-pay-image img{width:100%;height:auto;display:block}.track-pay-note{border:1px dashed var(--color-line);background:var(--color-base);border-radius:.75rem;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.track-pay-note>svg{color:var(--track-accent);flex-shrink:0;margin-top:.1rem}.track-pay-note.is-success{border-style:solid;border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:color-mix(in srgb,var(--color-success) 8%,transparent)}.track-pay-note.is-success>svg{color:var(--color-success)}.track-pay-cta{background:var(--color-cta,var(--color-gold));color:#fff;white-space:nowrap;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:0 1.1rem;font-size:.8125rem;font-weight:700;transition:background .2s;display:inline-flex}.track-pay-cta:hover{background:var(--color-cta-hover,var(--color-gold-dark))}.track-details{padding-top:0;padding-bottom:0}.track-details-toggle{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:1rem 0;display:flex}.track-details-chevron{color:var(--color-dim);transition:transform .2s}.track-details-chevron.is-open{transform:rotate(180deg)}.track-details-body{border-top:1px solid var(--color-line-subtle);padding:1rem 0 1.25rem}.track-details-body[hidden]{display:none}.track-breakdown{border-top:1px solid var(--color-line-subtle);flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.track-breakdown-row{color:var(--color-dim);justify-content:space-between;gap:1rem;font-size:.8125rem;display:flex}.track-breakdown-row>span:last-child{color:var(--color-bright);text-align:right;flex-shrink:0;font-weight:600}.track-breakdown-row.is-accent>span{color:var(--color-success)}.track-breakdown-row.is-total{border-top:1px solid var(--color-line-subtle);color:var(--color-bright);margin-top:.25rem;padding-top:.75rem;font-size:1rem;font-weight:700}.track-breakdown-row.is-total>span:last-child{font-weight:800}@media (prefers-reduced-motion:reduce){.track-details-chevron{transition:none}}html.light .track-hero{background:linear-gradient(180deg,var(--home-bg-mint,#edead3) 0%,var(--color-base) 100%)}html.light .track-hero:before{content:"";background:linear-gradient(90deg,#0000 5%,#f59e0b73 30% 70%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}html.light .track-card{background:#fff;border-color:#c8c4bc;box-shadow:0 1px 3px #0000000f,0 6px 20px #0000000d}html.light .track-card-empty{box-shadow:none;background:#ffffffad;border-color:#d0ccc4}html.light .track-pay{border-color:color-mix(in srgb,var(--track-accent) 45%,#c8c4bc)}html.light .track-pay-note{background:#faf9f6;border-color:#d0ccc4}html.light .track-pay-note.is-success{background:color-mix(in srgb,var(--color-success) 8%,#fff);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}