.tracking-hero{background:linear-gradient(115deg,#e5d5c0,#f7f2ea);padding:74px clamp(20px,8vw,135px)}.tracking-hero h1{margin:9px 0;font-size:45px;color:var(--olive)}.tracking-hero p{margin:0;color:#655e58}.tracking-wrap{max-width:1050px;margin:0 auto;padding:55px 22px 0}.tracking-form{max-width:520px;margin:auto;background:#fff;border:1px solid var(--line);padding:34px;border-radius:5px;box-shadow:var(--shadow)}.tracking-form h2{margin-top:0;color:var(--olive)}.tracking-result{background:#fff;border:1px solid var(--line);border-radius:5px;padding:32px;box-shadow:0 10px 25px rgba(60,48,37,.04)}.tracking-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.tracking-title h2{margin:3px 0;font-size:27px;color:var(--olive)}.order-timeline{display:flex;align-items:flex-start;margin:35px 0 40px}.timeline-step{width:125px;text-align:center;color:#958a80}.timeline-step i{display:grid;place-items:center;margin:0 auto 8px;width:31px;height:31px;border-radius:50%;background:#e8e1d8;font-style:normal;font-size:12px}.timeline-step b,.timeline-step span{display:block;font-size:11px}.timeline-step span{margin-top:3px;font-size:10px}.timeline-step.active i{background:var(--wood);color:#fff}.timeline-step.done{color:var(--olive)}.timeline-step.done i{background:var(--olive);color:#fff}.timeline-line{height:2px;flex:1;background:#e8e1d8;margin-top:15px}.timeline-line.done{background:var(--olive)}.tracking-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:34px}.tracking-columns h3{font-size:17px;color:var(--olive);margin-top:0}.tracking-item{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.tracking-item img{width:58px;height:54px;object-fit:cover;background:var(--sand)}.tracking-item>div{flex:1}.tracking-item b{font-size:13px}.tracking-item p{margin:3px 0 0;font-size:11px}.tracking-item strong{font-size:13px}.tracking-summary{height:max-content;background:var(--sand);padding:20px;border-radius:4px}.tracking-summary p{display:grid;gap:5px;border-bottom:1px solid #ded4c7;padding-bottom:13px;font-size:12px}.tracking-summary b{font-weight:600}.tracking-total{display:flex!important;justify-content:space-between;border:0!important}.tracking-total strong{font-size:17px;color:var(--olive)}@media(max-width:700px){.tracking-hero{padding:52px 22px}.tracking-hero h1{font-size:35px}.tracking-result{padding:22px}.tracking-columns{grid-template-columns:1fr;gap:25px}.order-timeline{margin-left:-10px;margin-right:-10px}.timeline-step{width:90px}.timeline-step b{font-size:10px}.timeline-line{min-width:10px}.tracking-title{display:block}.tracking-title .status{margin-top:9px}}