.trackOrderPage{color:#171717;background:#f4f0e8;min-height:100vh;padding:70px 24px 100px}.trackOrderHero{text-align:center;max-width:820px;margin:0 auto 50px}.trackOrderHero>span,.trackSearchHeading>span,.trackResultHeader>div:first-child>span,.trackSectionHeader>span{color:#b89a68;letter-spacing:3px;direction:ltr;margin-bottom:10px;font-size:10px;display:block}.trackOrderHero h1{color:#171717;margin:0;font-size:46px}.trackOrderHero p{color:#777169;max-width:600px;margin:16px auto 0;font-size:15px;line-height:2}.trackOrderContainer{max-width:1000px;margin:0 auto}.trackOrderSearchBox{background:#fffdf8;border:1px solid #17171714;border-radius:24px;max-width:620px;margin:0 auto;padding:32px;box-shadow:0 15px 45px #11100e14}.trackSearchHeading{text-align:right;margin-bottom:25px}.trackSearchHeading h2{margin:0;font-size:24px}.trackSearchHeading p{color:#817b72;margin:10px 0 0;font-size:13px;line-height:2}.trackOrderSearchBox form{flex-direction:column;display:flex}.trackOrderSearchBox label{margin:0 0 8px;font-size:13px;font-weight:700}.trackOrderSearchBox input{color:#171717;background:#faf7f0;border:1px solid #1717171f;border-radius:12px;outline:none;width:100%;height:48px;margin-bottom:18px;padding:0 14px}.trackOrderSearchBox input:focus{border-color:#b89a68;box-shadow:0 0 0 3px #b89a681f}.trackOrderSearchBox input:disabled{opacity:.6}.trackOrderSearchBox button{color:#f7eedb;cursor:pointer;background:#171717;border-radius:12px;height:50px;font-weight:700;transition:all .2s}.trackOrderSearchBox button:hover{background:#2c2c2c}.trackOrderSearchBox button:disabled{opacity:.55;cursor:not-allowed}.trackOrderError{color:#a03b35;background:#f8e4e1;border:1px solid #edc3be;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:13px}.trackOrderResult{background:#fffdf8;border:1px solid #17171714;border-radius:26px;margin-top:35px;overflow:hidden;box-shadow:0 15px 45px #11100e14}.trackResultHeader{border-bottom:1px solid #17171714;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px;display:flex}.trackResultHeader h2{text-align:right;direction:ltr;margin:0;font-size:22px}.trackResultHeader p{color:#817b72;margin:10px 0 0;font-size:12px}.trackStatusBadge{white-space:nowrap;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800}.trackStatusBadge.active{color:#276b52;background:#e7f1eb}.trackStatusBadge.cancelled{color:#a23d37;background:#f5e2df}.trackStatusCard{padding:30px}.trackStatusCard h3{margin:0 0 8px;font-size:24px}.trackStatusCard>p{color:#777169;margin:0;font-size:13px;line-height:2}.trackProgress{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:35px;display:grid;position:relative}.trackProgress:before{content:"";background:#ded8cc;height:2px;position:absolute;top:20px;left:10%;right:10%}.trackStep{z-index:1;text-align:center;position:relative}.trackStepCircle{color:#8b8479;background:#ebe6dc;border:3px solid #fffdf8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;font-size:13px;font-weight:800;display:flex}.trackStep span{color:#8a847b;font-size:11px;display:block}.trackStep.completed .trackStepCircle{color:#fff;background:#28634e}.trackStep.completed span,.trackStep.current span{color:#28513f;font-weight:700}.trackStep.current .trackStepCircle{box-shadow:0 0 0 5px #28634e1a}.trackCancelled{color:#a03d37;background:#f8e4e1;border-radius:12px;margin-top:24px;padding:15px}.trackInfoGrid{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 30px 30px;display:grid}.trackInfoCard{background:#f8f4eb;border-radius:16px;padding:20px}.trackInfoCard span{color:#827c73;margin-bottom:8px;font-size:12px;display:block}.trackInfoCard strong{color:#171717;font-size:17px;display:block}.trackProducts,.trackAddress{border-top:1px solid #17171714;padding:30px}.trackSectionHeader h3{margin:0;font-size:21px}.trackProductsList{flex-direction:column;gap:12px;margin-top:22px;display:flex}.trackProduct{background:#f8f4eb;border-radius:15px;grid-template-columns:72px 1fr auto;align-items:center;gap:15px;padding:13px;display:grid}.trackProductImage{background:#eee8dc;border-radius:12px;width:72px;height:72px;overflow:hidden}.trackProductImage img{object-fit:cover;width:100%;height:100%}.trackProductInfo h4{margin:0 0 7px;font-size:14px}.trackProductInfo span{color:#817b72;font-size:11px;line-height:1.8;display:block}.trackProduct>strong{white-space:nowrap;font-size:13px}.trackAddressContent{background:#f8f4eb;border-radius:15px;margin-top:20px;padding:20px}.trackAddressContent strong{margin-bottom:12px;display:block}.trackAddressContent p{color:#6e685f;margin:4px 0;font-size:13px;line-height:1.9}.trackResultActions{flex-wrap:wrap;gap:12px;padding:0 30px 30px;display:flex}.trackResultActions a,.trackResultActions button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:12px;text-decoration:none;display:inline-flex}.trackResultActions a{color:#fff;background:#171717}.trackResultActions button{color:#292521;background:#eee8dc}@media (max-width:700px){.trackOrderPage{padding:45px 15px 70px}.trackOrderHero h1{font-size:34px}.trackOrderSearchBox{padding:22px}.trackResultHeader{flex-direction:column;padding:22px}.trackStatusCard,.trackProducts,.trackAddress{padding:22px}.trackProgress{grid-template-columns:1fr;gap:15px}.trackProgress:before{width:2px;height:calc(100% - 40px);top:20px;left:auto;right:19px}.trackStep{text-align:right;grid-template-columns:40px 1fr;align-items:center;gap:10px;display:grid}.trackStepCircle{margin:0}.trackStep span{font-size:12px}.trackInfoGrid{grid-template-columns:1fr;padding:0 22px 22px}.trackProduct{grid-template-columns:58px 1fr}.trackProductImage{width:58px;height:58px}.trackProduct>strong{grid-column:2}.trackResultActions{padding:0 22px 22px}}