/* Order tracking is scoped so customer account layouts stay independent. */
.track-order-page { background:#fafafb; }
.track-order-page .page-hero { background:#fff3f4; }
.track-search { padding:26px 28px; border:1px solid #ececf1; border-radius:13px; background:#fff; margin-bottom:28px; }
.track-search label { display:block; margin:0 0 12px; color:#424652; font-size:12px; font-weight:650; }
.track-search>div { display:flex; gap:12px; }
.track-search input { display:block; flex:1; min-width:0; width:100%; height:49px; padding:13px 15px; border:1px solid #e2e5eb; border-radius:8px; background:#fafafb; color:#343640; outline:0; font:14px var(--font-body); text-transform:uppercase; }
.track-search input::placeholder { text-transform:none; color:#a0a4ad; font-size:12px; }
.track-search input:focus { border-color:#e52636; box-shadow:0 0 0 3px #e5263610; }
.track-search .btn-luxe { flex-shrink:0; height:49px; padding-inline:25px; font-size:12px; gap:15px; }
.track-search>small { display:flex; align-items:center; gap:7px; margin-top:12px; color:#9297a2; font-size:11px; }
.track-search>small i { color:#bd7e89; }
.track-result-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:2px 0 24px; }
.track-result-head .eyebrow { font-size:9px; margin-bottom:8px; }
.track-result-head h2 { margin:0 0 9px; font-size:27px; font-weight:750; overflow-wrap:anywhere; }
.track-result-head p { color:#9297a2; font-size:11px; margin:0; }
.track-result-head .order-status { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border-radius:8px; font-size:10px; white-space:nowrap; background:#fff0f2; color:#b62035; }
.track-result-head .status-delivered { background:#eaf7ef; color:#288657; }
.track-result-head .status-cancelled,.track-result-head .status-rejected { background:#f5e9ec; color:#a63b4d; }
.track-order-page .account-panel { border:1px solid #ececf1!important; border-radius:13px!important; padding:26px 28px; background:#fff; }
.track-order-page .account-panel h3 { font-size:22px; font-weight:700; margin:7px 0 20px; }
.track-order-page .tracking-steps { grid-template-columns:repeat(6,minmax(0,1fr)); margin:30px 0 25px; overflow:visible; }
.track-order-page .tracking-steps li { min-width:0; gap:11px; color:#a2a6af; font-size:10px; }
.track-order-page .tracking-steps li>span { width:34px; height:34px; border:4px solid #fff; box-sizing:content-box; background:#f0f1f5; color:#adb1bc; }
.track-order-page .tracking-steps li:not(:first-child):before { top:20px; border-color:#eaecf1; }
.track-order-page .tracking-steps li.done>span { background:#e52636; color:#fff; }
.track-order-page .tracking-steps li.done:not(:first-child):before { border-color:#e52636; }
.track-order-page .tracking-steps li.current>span { box-shadow:0 0 0 1px #f3b8c1; }
.track-order-page .tracking-steps li.current b { color:#c42136; }
.track-order-page .tracking-note { padding:13px 15px; border-radius:8px; background:#fafafb; color:#8c929d; font-size:11px; line-height:1.8; margin:0; }
.track-order-page .tracking-note strong { color:#c52036; }
.track-order-page .order-detail-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:22px; margin-top:22px; }
.track-order-page .account-item { border-color:#eff0f4; padding:16px 0; }
.track-order-page .account-item strong { line-height:1.7; overflow-wrap:anywhere; }
.track-order-page .account-item img { border-radius:7px; }
.track-order-page .account-item small,.track-order-page .account-total { color:#8c929d; font-size:11px; }
.track-order-page .account-total b { color:#454a55; }
.track-order-page .account-total.grand { margin-top:20px; padding-top:19px; border-color:#eeeff3; font-size:13px; }
.track-order-page .account-total.grand b { color:#e52636; font-size:19px; }
.track-order-page .order-detail-grid p { color:#959aa4; line-height:2; font-size:12px; }
.track-order-page .order-detail-grid p strong { color:#4f5460; font-weight:600; }
.track-order-page .order-detail-grid hr { border-color:#e3e5eb; margin:23px 0; }
.track-not-found { padding:46px 24px; border:1px solid #ececf1; border-radius:13px; background:#fff; text-align:center; }
.track-not-found>i { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 19px; border-radius:50%; background:#fff0f2; color:#e52636; font-size:23px; }
.track-not-found h2 { font-size:23px; font-weight:700; }
.track-not-found p { margin:12px 0 0; color:#959aa4; font-size:12px; line-height:1.8; }
@media(max-width:767px) { .track-order-page .order-detail-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.track-search { padding:22px; }.track-result-head h2 { font-size:23px; } }
@media(max-width:575px) {
    .track-search { padding:22px 18px; margin-bottom:22px; }
    .track-search>div { flex-direction:column; gap:10px; }
    .track-search input { flex:auto; font-size:16px; }
    .track-search .btn-luxe { width:100%; }
    .track-search>small { font-size:10px; }
    .track-result-head { align-items:flex-start; flex-direction:column; gap:13px; padding-bottom:21px; }
    .track-result-head h2 { font-size:23px; }
    .track-order-page .account-panel { padding:23px 18px; }
    .track-order-page .account-panel h3 { font-size:21px; }
    .track-order-page .tracking-steps { grid-template-columns:minmax(0,1fr); gap:0; margin:20px 0; }
    .track-order-page .tracking-steps li { grid-template-columns:42px minmax(0,1fr); justify-items:start; align-items:center; text-align:left; min-height:62px; gap:13px; font-size:11px; }
    .track-order-page .tracking-steps li:not(:first-child):before { left:20px; right:auto; top:-12px; height:25px; width:0; border-top:0; border-left:2px solid #eaecf1; }
    .track-order-page .tracking-steps li.done:not(:first-child):before { border-left-color:#e52636; }
    .track-order-page .tracking-steps li>span { width:30px; height:30px; }
    .track-order-page .tracking-steps li b { font-size:11px; }
    .track-order-page .tracking-note { font-size:10px; padding:12px; }
}