.track-order-page{background:radial-gradient(circle at 50% 0,#0d3826 0%,#082719 70%);min-height:80vh;padding:120px 0 80px}.track-box-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b2f20bf;border:1px solid #d2a24647;border-radius:20px;max-width:820px;margin:0 auto;padding:40px;box-shadow:0 24px 60px #00000059}.track-header{text-align:center;margin-bottom:32px}.track-header span{color:var(--gold-light);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.track-header h1{color:#fff;margin-bottom:8px;font-size:clamp(28px,4vw,38px)}.track-header p{color:#94a3b8;font-size:14px}.track-search-form{gap:12px;margin-bottom:32px;display:flex}.track-search-form input{color:#fff;background:#ffffff0f;border:1px solid #d2a24659;border-radius:10px;outline:none;flex:1;padding:14px 18px;font-size:15px;transition:all .2s}.track-search-form input:focus{border-color:var(--gold);background:#ffffff17;box-shadow:0 0 0 3px #d2a24626}.track-search-btn{color:#07150e;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#d2a246,#e2bd61);border:none;border-radius:10px;padding:0 28px;font-size:13px;font-weight:800;transition:all .2s}.track-search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d2a2464d}.track-result-card{border-top:1px solid #d2a24633;padding-top:28px}.track-order-meta{background:#ffffff08;border:1px solid #d2a24626;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:18px 22px;display:flex}.track-order-meta strong{color:var(--gold-light);font-size:18px;display:block}.track-order-meta span{color:#94a3b8;font-size:12px}.track-status-pill{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800}.track-status-pill.placed{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.track-status-pill.confirmed{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.track-status-pill.packed{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.track-status-pill.shipped{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e94d}.track-status-pill.delivered{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.track-stepper{justify-content:space-between;margin:36px 0 40px;display:flex;position:relative}.track-stepper:before{content:"";z-index:1;background:#ffffff1a;height:3px;position:absolute;top:20px;left:20px;right:20px}.track-step{z-index:2;text-align:center;flex:1;position:relative}.step-icon-circle{background:#06291d;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:16px;transition:all .3s;display:flex}.track-step.done .step-icon-circle{color:#07150e;background:#d2a246;border-color:#e2bd61;box-shadow:0 0 16px #d2a24680}.track-step.current .step-icon-circle{color:#d2a246;background:#06291d;border-color:#d2a246;box-shadow:0 0 12px #d2a2464d}.step-label{color:#94a3b8;font-size:12px;font-weight:700;display:block}.track-step.done .step-label,.track-step.current .step-label{color:#fff}.courier-dispatch-banner{background:#d2a24617;border:1px solid #d2a2464d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px;display:flex}.cdb-left h4{color:var(--gold-light);margin-bottom:4px;font-size:16px}.cdb-left p{color:#cbd5e1;margin:2px 0;font-size:13px}.cdb-right a{color:#07150e;background:#25d366;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.track-items-summary{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.track-items-summary h4{color:var(--gold);border-bottom:1px solid #ffffff14;margin-bottom:12px;padding-bottom:8px;font-size:15px}.track-item-row{color:#cbd5e1;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.track-item-row strong{color:#fff}@media (max-width:680px){.track-box-card{padding:24px 18px}.track-search-form{flex-direction:column}.track-search-btn{padding:14px 20px}.step-label{font-size:10px}.step-icon-circle{width:34px;height:34px;font-size:13px}}
