#deliveryArea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #ccd2dc;border-radius:12px;background:#fff}.delivery-calculation{display:grid;gap:8px;margin:16px 0;padding:14px;border-radius:13px;background:#eef3f9}.delivery-calculation>div{display:flex;justify-content:space-between;gap:15px}.delivery-total{padding-top:9px;border-top:1px solid #cfd8e5;font-size:1.08rem}
.city-mismatch{margin:0 0 18px;padding:12px 16px;border:1px solid #f6c56f;border-radius:14px;background:#fff8e8;color:#704b0b;font-weight:650}.city-mismatch strong{color:#493000}
.tracking-search{display:grid;gap:8px;margin-top:24px}.tracking-search>div{display:grid;grid-template-columns:1fr auto;gap:10px}.tracking-search input{width:100%;padding:13px 14px;border:1px solid #ccd2dc;border-radius:12px;text-transform:uppercase}.tracking-search .primary{width:auto}.tracking-card{margin-top:22px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tracking-head,.order-facts div{display:flex;justify-content:space-between;gap:14px}.tracking-head h2{margin:3px 0}.status-pill{align-self:start;padding:7px 10px;border-radius:20px;background:#e9f8ef;color:#166534;font-size:.8rem;font-weight:800}.order-facts{display:grid;gap:8px;margin:18px 0;padding:14px;border-radius:13px;background:#f7f8fb}.progress-list{display:grid;gap:0;margin-top:20px}.progress-step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;min-height:58px;color:var(--muted)}.progress-step:before{content:'';position:absolute;left:13px;top:25px;bottom:0;width:2px;background:#d8dde6}.progress-step:last-child:before{display:none}.progress-dot{z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid #ccd2dc;border-radius:50%;background:#fff;font-size:.75rem}.progress-step.done{color:var(--ink)}.progress-step.done .progress-dot{border-color:#16803c;background:#16803c;color:#fff}.progress-step strong{display:block}.tracking-empty{margin-top:22px;padding:28px;text-align:center;background:#fff;border:1px dashed #cfd4dc;border-radius:var(--radius)}@media(max-width:430px){.tracking-search>div{grid-template-columns:1fr}.tracking-search .primary{width:100%}}