/* CLASH Jewelry — track-your-order page. */
.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;max-width:760px;margin-bottom:40px;}
.track-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);}
.track-form input{height:52px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-size:14px;font-family:inherit;color:var(--ink);}
.track-form input:focus{outline:none;border-color:var(--orange);}
.track-form .btn-add{height:52px;padding:0 26px;}

.track-result{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:26px;max-width:760px;margin-bottom:8px;}
.track-result__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.track-result__label{font-size:16px;font-weight:700;}
.track-result__sub{font-size:13px;color:var(--muted);margin-top:3px;}
.track-status{background:var(--orange-soft);color:var(--orange-deep);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:999px;}
.track-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;justify-content:space-between;position:relative;}
.track-steps::before{content:'';position:absolute;top:6px;left:6px;right:6px;height:2px;background:var(--line);z-index:0;}
.track-steps li{position:relative;z-index:1;flex:1;text-align:center;font-size:12px;color:var(--muted);font-weight:500;}
.track-steps .dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--line);margin:0 auto 10px;}
.track-steps li.done .dot,.track-steps li.active .dot{background:var(--orange);}
.track-steps li.done,.track-steps li.active{color:var(--ink);font-weight:600;}
.track-note{font-size:13px;color:var(--ink-2);margin:0;}

@media (max-width:700px){
  .track-form{grid-template-columns:1fr;}
  .track-steps{flex-wrap:wrap;gap:14px 0;}
  .track-steps::before{display:none;}
}