/* F.A.M.E. X — native order-tracking page (track.html). Reuses page.css's eyebrow/title/body
   tokens; this file is just the form + timeline. */
.track-form{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 8px}
.track-input{flex:1;min-width:200px;background:transparent;border:1px solid #333;color:var(--white);
  font-family:'Poppins',sans-serif;font-size:14px;letter-spacing:.02em;padding:15px 18px}
.track-input:focus{outline:none;border-color:var(--accent2)}
.track-input::placeholder{color:var(--dim)}
.track-loading{color:var(--dim);font-size:13px;letter-spacing:.04em;margin-top:18px}
.track-error{color:var(--accent2);font-size:13px;letter-spacing:.02em;margin-top:18px;max-width:460px}

.track-result{margin-top:38px;border-top:1px solid #232326;padding-top:28px}
.track-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.track-order-name{font-family:'Horizon',Impact,sans-serif;text-transform:uppercase;font-size:clamp(20px,2.4vw,28px);color:var(--white);margin:0}
.track-status{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  font-size:12px;color:#10FF45;margin:0}
.track-carrier{color:var(--dim);font-size:13px;letter-spacing:.02em;margin:0 0 26px}

.track-timeline{list-style:none;margin:0;padding:0;border-left:2px solid #232326}
.track-event{position:relative;padding:0 0 26px 26px}
.track-event:last-child{padding-bottom:0}
.track-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;
  background:#232326;border:2px solid #232326}
.track-event.is-latest .track-dot{background:var(--accent2);border-color:var(--accent2);
  box-shadow:0 0 14px var(--accent2)}
.track-event-desc{color:var(--white);font-size:14px;line-height:1.5;margin:0 0 4px}
.track-event.is-latest .track-event-desc{color:var(--accent2)}
.track-event-meta{color:var(--dim);font-size:12px;letter-spacing:.02em;margin:0}

@media (max-width:700px){
  .track-form{flex-direction:column}
  .track-input{width:100%}
}