.track-order{display:grid;gap:22px;max-width:640px}.track-order__form{display:grid;gap:16px;padding:22px;border:1px solid rgba(168,95,69,.18);border-radius:14px;background:rgba(255,255,255,.72)}.track-order__field{display:grid;gap:6px}.track-order__field label{font-weight:600;font-size:.92rem;color:#221812}.track-order__field input{width:100%;padding:11px 13px;border:1px solid rgba(74,52,40,.24);border-radius:10px;background:#fff;font:inherit;color:#221812;transition:border-color .18s ease,box-shadow .18s ease}.track-order__field input:focus{outline:none;border-color:#a85f45;box-shadow:0 0 0 3px rgba(168,95,69,.14)}.track-order__hint{font-size:.8rem;color:#7a6557}.track-order__error{margin:0;padding:12px 14px;border-radius:10px;border:1px solid rgba(176,58,46,.3);background:rgba(176,58,46,.07);color:#8e2f26;font-size:.92rem}.track-order__result{display:grid;gap:20px;padding:22px;border:1px solid rgba(168,95,69,.22);border-radius:14px;background:rgba(255,255,255,.86)}.track-order__result-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}.track-order__eyebrow{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7361}.track-order__number{display:block;margin-top:4px;font-size:1.25rem;letter-spacing:.02em;color:#221812}.track-order__placed{display:block;margin-top:2px;font-size:.85rem;color:#7a6557}.track-order__total{text-align:right}.track-order__total>span:first-child{display:block;font-size:.78rem;color:#8a7361}.track-order__total strong{display:block;font-size:1.2rem;color:#221812}.track-order__payment{display:block;margin-top:2px;font-size:.82rem;color:#7a6557}.track-order__stages{display:grid;gap:0;margin:0;padding:0;list-style:none}.track-order__stage{position:relative;display:grid;grid-template-columns:22px 1fr;column-gap:12px;padding-bottom:18px}.track-order__stage:last-child{padding-bottom:0}.track-order__stage:not(:last-child):before{content:"";position:absolute;left:10px;top:18px;bottom:2px;width:2px;background:rgba(74,52,40,.14)}.track-order__stage[data-state=done]:not(:last-child):before{background:#1d7a35}.track-order__stage-dot{grid-row:span 2;width:20px;height:20px;margin-top:1px;border-radius:50%;border:2px solid rgba(74,52,40,.2);background:#fff}.track-order__stage[data-state=done] .track-order__stage-dot{border-color:#1d7a35;background:#1d7a35}.track-order__stage[data-state=now] .track-order__stage-dot{border-color:#a85f45;background:#fff;box-shadow:0 0 0 4px rgba(168,95,69,.16)}.track-order__stage strong{font-size:.98rem;color:#221812}.track-order__stage[data-state=todo] span:last-child,.track-order__stage[data-state=todo] strong{color:#9b8878}.track-order__stage span:last-child{font-size:.86rem;color:#6b5a4c}.track-order__courier{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(40,167,69,.08);border:1px solid rgba(40,167,69,.22)}.track-order__courier p{margin:0;font-size:.9rem;color:#22502e}.track-order__pending,.track-order__stopped{margin:0;padding:14px 16px;border-radius:12px;background:rgba(168,95,69,.07);border:1px solid rgba(168,95,69,.18);font-size:.9rem;color:#6b5a4c}.track-order__actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:560px){.track-order__result-head{flex-direction:column}.track-order__total{text-align:left}.track-order__actions .btn{flex:1 1 100%;text-align:center}}