/* Tracking presentation only; original order lookup and status conditions preserved. */
.mb-tracking-page .mb-tracking-main{min-height:60vh;background:#050505;color:#fff;padding-block:34px 56px}
.mb-tracking-page .mb-tracking-container{max-width:1100px;margin:auto;padding-inline:34px}
.mb-tracking-page .mb-tracking-main h1{margin:0 0 30px;font:900 italic clamp(42px,5vw,64px)/1.1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}
.mb-tracking-page .mb-tracking-main h1::after{content:"";display:block;width:80px;height:5px;margin-top:20px;background:var(--yellow);transform:skewX(-20deg)}
.mb-tracking-page .mb-tracking-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;padding:24px;border:1px solid #444;border-top:4px solid var(--yellow);background:#0b0b0b;margin:0 0 28px}
.mb-tracking-page .mb-tracking-form input{width:100%;min-width:0;height:50px;padding:12px 14px;border:1px solid #777;background:#050505;color:#fff;font:400 16px var(--body)}
.mb-tracking-page .mb-tracking-form input::placeholder{color:#ccc;opacity:1}
.mb-tracking-page .mb-tracking-form button{min-height:50px;padding:14px 24px;border:2px solid var(--yellow);background:var(--yellow);color:#050505;font-size:11px;font-weight:900;text-transform:uppercase}
.mb-tracking-page .mb-tracking-form button:hover{background:#fff;border-color:#fff}
.mb-tracking-page .mb-tracking-error{margin-bottom:24px;padding:20px;border:1px solid var(--yellow);border-left-width:4px;background:#0b0b0b;color:#fff;font-size:14px;line-height:1.6}
.mb-tracking-page .mb-tracking-error i{color:var(--yellow);margin-right:10px}
.mb-tracking-page .mb-tracking-result{padding:28px;border:1px solid #444;border-top:4px solid var(--yellow);background:#0b0b0b;overflow-wrap:anywhere}
.mb-tracking-page .mb-tracking-order-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #555}
.mb-tracking-page .mb-tracking-order-heading h2{margin:0 0 10px;color:#fff;font:800 30px/1.15 var(--display);text-transform:uppercase}
.mb-tracking-page .mb-tracking-order-heading p{margin:0;font-size:12px;color:#ddd}
.mb-tracking-page .mb-tracking-order-heading span{display:inline-block;padding:10px 14px;border:1px solid var(--yellow);background:#050505;color:var(--yellow);font-size:10px;font-weight:800;text-transform:uppercase}
.mb-tracking-page .mb-tracking-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-bottom:30px}
.mb-tracking-page .mb-tracking-details>div{min-width:0}
.mb-tracking-page .mb-tracking-details h3{margin:0 0 14px;color:var(--yellow);font:800 22px var(--display);text-transform:uppercase}
.mb-tracking-page .mb-tracking-details p{margin:0 0 8px;font-size:13px;line-height:1.7;color:#fff}
.mb-tracking-page .mb-tracking-timeline{position:relative;padding-top:14px}
.mb-tracking-page .mb-tracking-timeline>div:first-child{position:absolute;left:8px;top:16px;bottom:0;width:2px;background:#777}
.mb-tracking-page .mb-tracking-timeline>div:not(:first-child){position:relative;padding-left:38px;margin-bottom:24px}
.mb-tracking-page .mb-tracking-timeline>div:not(:first-child)>div{position:absolute;left:0;top:4px;width:18px;height:18px;background:var(--yellow);border:4px solid #0b0b0b;border-radius:50%}
.mb-tracking-page .mb-tracking-timeline h4{margin:0 0 8px;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase}
.mb-tracking-page .mb-tracking-timeline p{margin:0;font-size:12px;line-height:1.7;color:#ddd}
@media(max-width:700px){
 .mb-tracking-page .mb-tracking-container{padding-inline:16px}
 .mb-tracking-page .mb-tracking-main{padding-block:24px 36px}
 .mb-tracking-page .mb-tracking-main h1{font-size:42px}
 .mb-tracking-page .mb-tracking-form{grid-template-columns:1fr;padding:18px}
 .mb-tracking-page .mb-tracking-result{padding:20px}
 .mb-tracking-page .mb-tracking-order-heading{flex-direction:column;align-items:flex-start}
 .mb-tracking-page .mb-tracking-details{grid-template-columns:1fr;gap:22px}
}
