.track-page{max-width:620px;margin:0 auto;padding:3rem 2rem 6rem}.track-heading{font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);color:var(--soft-black);margin-bottom:.3rem;text-align:center}.track-subhead{font-family:Jost,sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-rose);margin-bottom:2.5rem;text-align:center}.track-form{display:flex;gap:.6rem;margin-bottom:2.5rem}.track-input{flex:1;padding:.85rem 1rem;border:1px solid var(--nude);background:#fff;font-family:Jost,sans-serif;font-size:.88rem;color:var(--soft-black);outline:none;transition:border-color .2s;-webkit-appearance:none;border-radius:0}.track-input:focus{border-color:var(--brown)}.track-input::placeholder{color:var(--cream)}.track-btn{padding:.85rem 2rem;background:var(--brown);color:var(--cream);border:none;cursor:pointer;font-family:Jost,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;transition:background .2s;white-space:nowrap}.track-btn:hover{background:var(--brown-deep)}.track-btn:disabled{opacity:.5;cursor:not-allowed}.track-result{display:none}.track-card{background:#fff;border:1px solid var(--cream);margin-bottom:1.5rem}.track-card-head{padding:1rem 1.5rem;border-bottom:1px solid var(--cream);font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-rose);display:flex;justify-content:space-between;align-items:center}.track-card-body{padding:1.5rem}.track-status-badge{display:inline-block;padding:.3rem .8rem;font-family:Jost,sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.track-status-paid{background:#56352a14;color:var(--brown)}.track-status-pending{background:#d9770614;color:#d97706}.track-status-shipped{background:#3b82f614;color:#3b82f6}.track-status-completed{background:#065f4614;color:#065f46}.track-status-failed{background:#c0392b14;color:#c0392b}.track-status-cancelled{background:#6b728014;color:#6b7280}.track-info-row{display:flex;gap:1rem;padding:.5rem 0;font-family:Jost,sans-serif;font-size:.82rem;border-bottom:1px solid var(--off-white)}.track-info-row:last-child{border-bottom:none}.track-info-label{color:var(--muted-rose);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;width:100px;flex-shrink:0;padding-top:.1rem}.track-info-value{color:var(--soft-black);line-height:1.5}.track-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--off-white);font-family:Jost,sans-serif;font-size:.82rem}.track-item:last-child{border-bottom:none}.track-item-name{color:var(--soft-black)}.track-item-meta{font-size:.72rem;color:var(--muted-rose)}.track-item-price{color:var(--brown);font-weight:500;white-space:nowrap}.track-number-box{background:var(--off-white);border:1px solid var(--cream);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.track-number-center{text-align:center}.track-number-label{font-family:Jost,sans-serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-rose);margin-bottom:.3rem}.track-number-value{font-family:Jost,sans-serif;font-size:1.1rem;font-weight:600;color:var(--brown);letter-spacing:.08em}.track-parcel-btn{position:absolute;right:1.5rem;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;background:var(--brown);color:var(--cream);border:none;border-radius:6px;font-family:Jost,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s}.track-parcel-btn:hover{background:var(--brown-deep)}.track-parcel-btn svg{width:13px;height:13px}.track-empty-msg{text-align:center;padding:2rem 1rem}.track-empty-msg p{font-family:Jost,sans-serif;font-size:.85rem;color:var(--mid-brown);line-height:1.6}.track-timeline-head{padding:1rem 1.5rem;border-bottom:1px solid var(--cream);font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-rose);display:flex;justify-content:space-between;align-items:center}.track-courier-tag{font-family:Jost,sans-serif;font-size:.68rem;letter-spacing:.08em;color:var(--brown);background:#56352a14;padding:.2rem .6rem;border-radius:20px;text-transform:none}.track-timeline{padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:0}.track-event{display:grid;grid-template-columns:14px 1fr;gap:0 1rem;position:relative}.track-event-dot-col{display:flex;flex-direction:column;align-items:center}.track-event-dot{width:10px;height:10px;border-radius:50%;background:var(--cream);border:2px solid var(--cream);flex-shrink:0;margin-top:.35rem;z-index:1}.track-event:first-child .track-event-dot{background:var(--brown);border-color:var(--brown)}.track-event-line{width:1px;flex:1;background:var(--cream);min-height:1rem}.track-event:last-child .track-event-line{display:none}.track-event-body{padding-bottom:1.2rem}.track-event-desc{font-family:Jost,sans-serif;font-size:.83rem;color:var(--soft-black);margin-bottom:.2rem;line-height:1.4}.track-event:first-child .track-event-desc{font-weight:500;color:var(--brown)}.track-event-meta{font-family:Jost,sans-serif;font-size:.72rem;color:var(--muted-rose)}.track-event-location{font-size:.72rem;color:var(--mid-brown);margin-top:.1rem}.track-error{text-align:center;font-family:Jost,sans-serif;font-size:.85rem;color:#c0392b;padding:1.5rem}.track-loading{text-align:center;font-family:Jost,sans-serif;font-size:.85rem;color:var(--muted-rose);padding:2rem}.track-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:2rem}.track-back-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-rose);text-decoration:none;transition:color .2s}.track-back-link:hover{color:var(--brown)}@media(max-width:600px){.track-page{padding:2rem 1rem 5rem}.track-form{flex-direction:column}.track-btn{width:100%}}