.track-order{padding:68px var(--container-padding) 84px;z-index:3;background:#fff;border-radius:28px 28px 0 0;margin-top:-28px;position:relative}.track-order__card{border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;gap:24px;width:100%;max-width:680px;margin:0 auto;padding:30px 16px 28px;display:flex}.track-order__heading{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.track-order__title{color:#070808;margin:0;font-size:20px;font-weight:700;line-height:30px}.track-order__description{color:#6f7272;margin:0;font-size:14px;font-weight:400;line-height:20px}.track-order__form{flex-direction:column;gap:14px;width:100%;display:flex}.track-order__field{flex-direction:column;gap:6px;width:100%;display:flex}.track-order__label{color:#070808;font-size:16px;font-weight:600;line-height:20px}.track-order__control{color:#070808;text-align:right;background:#fff;border:1px solid #e7e7e7;border-radius:8px;outline:none;width:100%;height:40px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}.track-order__control::placeholder{color:#9a9d9d;opacity:1}.track-order__control:focus{border-color:var(--color-accent)}.track-order__submit,.track-order__reset{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:2px;font-size:16px;font-weight:600;display:flex}.track-order__result{flex-direction:column;gap:20px;display:flex}.track-order__result-head{background:#fdfbf7;border:1px solid #ececec;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.track-order__result-label{color:#6f7272;font-size:14px;font-weight:500}.track-order__result-number{color:var(--color-accent);font-size:16px;font-weight:700}.track-order__timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.track-order__step{grid-template-columns:18px 1fr;gap:14px;padding-bottom:20px;display:grid;position:relative}.track-order__step:last-child{padding-bottom:0}.track-order__step:not(:last-child):before{content:"";bottom:0;inset-inline-start:8px;background:#ececec;width:2px;position:absolute;top:18px}.track-order__step--done:not(:last-child):before{background:var(--color-accent)}.track-order__step-marker{z-index:1;background:#fff;border:2px solid #ececec;border-radius:50%;width:18px;height:18px;margin-top:2px}.track-order__step--done .track-order__step-marker{background:var(--color-accent);border-color:var(--color-accent)}.track-order__step--current .track-order__step-marker{box-shadow:0 0 0 4px #d4a8392e}.track-order__step-copy h3{color:#070808;margin:0 0 4px;font-size:16px;font-weight:700;line-height:24px}.track-order__step-copy p{color:#6f7272;margin:0;font-size:14px;font-weight:500;line-height:22px}.track-order__note{color:#6f7272;text-align:right;margin:0;font-size:14px;font-weight:500;line-height:22px}.track-order__reset{border:1px solid var(--color-accent);color:var(--color-accent);background:0 0}@media (max-width:768px){.track-order{border-radius:22px 22px 0 0;padding-block:48px 72px}.track-order__card{padding:26px 16px 24px}}@media (max-width:480px){.track-order{margin-top:-20px;padding-block:36px 56px}.track-order__title{font-size:18px;line-height:28px}}