.track-page{background:linear-gradient(180deg,#fff,#fbf7f4);min-height:100vh}.track-header{height:86px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.track-header img{width:155px}.track-header>a:last-child{font-size:9px;letter-spacing:.09em;color:var(--wine);text-transform:uppercase}.track-shell{max-width:1060px;margin:auto;padding:70px 24px 100px}.track-intro{text-align:center;max-width:650px;margin:0 auto 38px}.track-intro h1{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1;color:var(--wine);margin:12px 0 18px}.track-intro p{font-size:12px;color:var(--muted);line-height:1.8}.track-form{max-width:790px;margin:auto;background:#fff;border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.track-form label{display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:700;color:var(--wine)}.track-form input{border:1px solid var(--line);padding:12px;outline:0;height:42px}.track-form input:focus{border-color:var(--wine)}.track-form button{height:42px;border:0;background:var(--wine);color:#fff;padding:0 20px;font-size:9px;font-weight:700}.track-error{grid-column:1/-1;color:#a7243d;font-size:9px;min-height:12px}.track-result{max-width:850px;margin:28px auto 0;background:white;border:1px solid var(--line);padding:34px;box-shadow:var(--shadow)}.track-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.track-top h2{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--wine);margin:5px 0}.track-status{padding:8px 12px;background:#efe5e2;color:var(--wine);font-size:8px;text-transform:uppercase;letter-spacing:.08em;height:max-content}.track-status.delivered{background:#e4f3eb;color:#2e7557}.track-status.shipped{background:#edf0fb;color:#4c5d9b}.track-items{padding:22px 0;border-bottom:1px solid var(--line)}.track-item{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:10px}.customer-route{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.customer-route h3,.track-timeline h3{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--wine)}.customer-route p{font-size:10px;color:var(--muted);line-height:1.7}.track-timeline{padding-top:22px}.track-line{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:18px}.track-line i{width:9px;height:9px;border-radius:50%;background:var(--wine);margin-top:4px;box-shadow:0 0 0 5px #f4e9e5}.track-line b{display:block;color:var(--wine);font-size:10px;text-transform:capitalize}.track-line small{color:var(--muted);font-size:8px}.track-line p{font-size:9px;color:var(--muted);margin:5px 0}.track-footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:#9b8b8e;font-size:8px;letter-spacing:.14em}@media(max-width:760px){.track-header{padding:0 16px}.track-shell{padding-top:50px}.track-intro h1{font-size:42px}.track-form{grid-template-columns:1fr}.track-error{grid-column:auto}.track-top,.customer-route{display:block}.track-status{display:inline-block;margin-top:10px}.customer-route>div+div{margin-top:20px}}
html[dir="rtl"] .track-form label,html[dir="rtl"] .track-result,html[dir="rtl"] .track-intro{text-align:right}html[dir="rtl"] .track-top{direction:rtl}html[dir="rtl"] .track-item{direction:rtl}html[dir="rtl"] .track-line{direction:rtl}