.track-page{--track-ink:#191919;--track-paper:#fbf8f3;--track-line:#ded8d0;--track-muted:#8b847c;min-height:100vh;color:var(--track-ink);background:#f8f5ef;padding-bottom:90px}.track-nav{background:#fffdf9;border-bottom:1px solid #2a241f1a;grid-template-columns:190px 1fr 190px;align-items:center;width:min(1240px,100% - 32px);height:78px;margin:auto;display:grid}.track-brand{justify-self:start}.track-brand img{width:154px;display:block}.track-nav nav{color:#645f59;justify-self:center;align-items:center;gap:34px;font-size:10px;font-weight:580;display:flex}.track-nav nav a{border-bottom:1px solid #0000;padding:11px 0;transition:all .2s}.track-nav nav a:hover{color:#171717;border-color:#9e1530}.track-nav-actions{justify-self:end;align-items:center;gap:18px;display:flex}.track-nav-actions a{color:#4f4b47;align-items:center;gap:7px;font-size:9px;display:flex}.track-nav-actions a:last-child{border:1px solid #e2ddd6;justify-content:center;width:34px;height:34px}.track-stage{isolation:isolate;background:#e9dfd2;justify-content:flex-start;align-items:center;width:min(1240px,100% - 32px);min-height:590px;margin:0 auto;animation:.65s cubic-bezier(.2,.75,.2,1) both track-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 72px #3f30241c}.track-visual{z-index:-1;background:#e6ddd1;position:absolute;inset:0;overflow:hidden}.track-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f8f2e905 0%,#f8f2e900 52%,#e0d6ca29 100%);position:absolute;inset:0}.track-visual img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.track-entry{color:#f7f4ee;direction:rtl;background:linear-gradient(145deg,#171818,#232424);border:1px solid #ffffff21;width:346px;margin:58px 54px 58px auto;padding:30px 29px 24px;box-shadow:0 28px 65px #1916144a}.track-entry>header{text-align:right;padding-bottom:20px}.track-entry>header small{color:#9a1832;letter-spacing:1.6px;font:700 6px Arial,sans-serif}.track-entry>header h1{margin:8px 0 7px;font-size:20px;font-weight:560;line-height:1.55}.track-entry>header p{color:#969694;margin:0;font-size:8px;line-height:1.9}.track-entry form{gap:9px;display:grid}.track-entry label{background:#1b1c1c;border:1px solid #4c4d4d;flex-direction:column;align-items:flex-start;height:55px;padding:8px 12px;transition:all .2s;display:flex}.track-entry label:focus-within{background:#202121;border-color:#b7aea3;box-shadow:0 0 0 3px #ffffff0b}.track-entry label span{color:#92928f;font-size:7px}.track-entry input{color:#f6f2ec;letter-spacing:.45px;background:0 0;border:0;outline:0;width:100%;height:31px;padding:0;font:600 11px Arial,sans-serif}.track-entry input::placeholder{color:#666764;font-weight:500}.track-entry form button{color:#171818;cursor:pointer;background:#f7f3ed;border:1px solid #f3eee7;justify-content:center;align-items:center;gap:9px;height:49px;font-size:9px;font-weight:720;transition:all .2s;display:flex;box-shadow:0 12px 25px #00000029}.track-entry form button:hover{background:#fff;transform:translateY(-1px)}.track-entry form button:disabled{opacity:.55;cursor:wait;transform:none}.track-spinner{border:2px solid #7775;border-top-color:currentColor;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite track-spin}.track-error{background:#382127;border:1px solid #65313b;justify-content:center;align-items:center;gap:7px;padding:9px;display:flex;color:#f1a3b2!important;margin:10px 0 0!important;font-size:7px!important}.track-entry-divider{color:#6f706e;align-items:center;gap:9px;height:28px;font-size:7px;display:flex}.track-entry-divider:before,.track-entry-divider:after{content:"";background:#414242;flex:1;height:1px}.track-account-link{color:#b9b7b2;border:1px solid #4b4c4c;justify-content:center;align-items:center;gap:8px;height:46px;font-size:8px;transition:all .2s;display:flex}.track-account-link:hover{color:#fff;border-color:#8c8882}.track-entry-foot{color:#71726f;border-top:1px solid #383939;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;font-size:6px;display:flex}.track-entry-foot>span{align-items:center;gap:5px;display:flex}.track-entry-foot a{color:#a9a6a0;border-bottom:1px solid #555654}.track-result{width:min(1120px,100% - 32px);margin:26px auto 0;scroll-margin-top:20px}.track-scan{background:#fffdf9;border:1px solid #d8d1c8;padding:16px 20px;transition:all .3s;box-shadow:0 10px 26px #352b230d}.track-scan>header{justify-content:space-between;align-items:center;display:flex}.track-scan>header>span{align-items:center;gap:9px;display:flex}.track-scan>header>span>i{border:1px solid #d9d3cc;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.track-scan>header b{font-size:8px;font-weight:650}.track-scan>header strong{color:#99162f;font:700 11px Arial,sans-serif}.scan-bar{background:#e8e2db;height:2px;margin-top:12px;overflow:hidden}.scan-bar i{background:#9f1731;height:100%;margin-left:auto;transition:width .23s cubic-bezier(.2,.72,.2,1);display:block}.track-scan.complete{padding:11px 20px}.track-scan.complete .scan-bar{margin-top:8px}.track-reveal{direction:rtl;grid-template-columns:minmax(390px,.93fr) minmax(480px,1.07fr);gap:44px;margin-top:12px;animation:.65s cubic-bezier(.2,.75,.2,1) both track-reveal;display:grid}.order-journey{direction:rtl;background:0 0;padding:35px 13px 28px 20px}.order-journey>header{justify-content:space-between;align-items:flex-start;gap:18px;padding:0 10px 23px;display:flex}.order-journey>header small,.track-receipt>header small{color:#99162f;letter-spacing:1.35px;font:700 6px Arial,sans-serif}.order-journey h2,.track-receipt h2{margin:7px 0 0;font-size:19px;font-weight:590}.order-journey>header p{color:#8a847d;max-width:270px;margin:7px 0 0;font-size:8px;line-height:1.9}.status{color:#5f5a55;white-space:nowrap;border:1px solid #d7d0c8;align-items:center;gap:6px;padding:7px 10px;font-size:7px;display:flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.preparing,.status.shipped{color:#99162f;border-color:#d9bcc2}.status.delivered,.status.paid{color:#39754a;border-color:#bdd1c2}.status.cancelled{color:#9e3c4f;border-color:#d9c1c6}.journey-route{padding:0 4px;position:relative}.order-progress{z-index:0;background:#d5cfc8;width:1px;position:absolute;top:22px;bottom:22px;right:25px;overflow:hidden}.order-progress i{background:#99162f;width:100%;transition:height .9s cubic-bezier(.2,.72,.2,1);display:block}.journey-steps{z-index:1;display:grid;position:relative}.journey-steps article{color:#9b958e;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:10px 5px;display:grid}.journey-steps article>i{background:#f8f5ef;border:1px solid #d6d0c9;border-radius:50%;place-items:center;width:38px;height:38px;font:700 7px Arial,sans-serif;display:grid}.journey-steps article>div{flex-direction:column;gap:4px;display:flex}.journey-steps article b{font-size:10px;font-weight:630}.journey-steps article p{color:#aaa49d;margin:0;font-size:7px;line-height:1.7}.journey-steps article>small{color:#9b1730;white-space:nowrap;font-size:6px}.journey-steps article.done{color:#1d1d1d}.journey-steps article.done>i{color:#fff;background:#1e1f1f;border-color:#1e1f1f}.journey-steps article.current{color:#99162f}.journey-steps article.current>i{color:#fff;background:#99162f;border-color:#99162f;box-shadow:0 0 0 5px #99162f11}.journey-steps article.current p{color:#8f777c}.order-journey>footer{border-top:1px solid #ded8d0;justify-content:space-between;align-items:flex-end;margin:17px 10px 0;padding-top:15px;display:flex}.order-journey>footer span{color:#8b857e;font-size:7px}.order-journey>footer b{font:500 30px Arial,sans-serif}.track-receipt{direction:rtl;background:#fffdf9b3;border:1px solid #dcd6cf;padding:35px 34px 30px;box-shadow:0 17px 45px #352b230a}.track-receipt>header{border-bottom:1px solid #ded8d0;justify-content:space-between;align-items:flex-end;padding-bottom:19px;display:flex}.track-receipt>header>span{color:#77716b;border:1px solid #ddd7d0;padding:5px 8px;font-size:7px}.receipt-facts{margin:8px 0 0}.receipt-facts>div{border-bottom:1px solid #e5dfd8;grid-template-columns:115px 1fr;align-items:center;gap:18px;min-height:42px;padding:9px 0;font-size:8px;display:grid}.receipt-facts dt{color:#8a847e}.receipt-facts dd{text-align:left;margin:0;font-weight:600}.receipt-facts .paid{color:#3e7c4e}.receipt-facts .unpaid{color:#a26728}.receipt-items{margin-top:20px}.receipt-items h3{color:#7f7972;margin:0 0 8px;font-size:8px;font-weight:600}.receipt-items article{border-bottom:1px solid #e2dcd5;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:11px 0;display:grid}.receipt-items img{object-fit:cover;background:#eee9e1;width:52px;height:54px}.receipt-items article>div{flex-direction:column;gap:4px;display:flex}.receipt-items strong{font-size:8px}.receipt-items span{color:#99928b;font-size:7px}.receipt-items article>b{white-space:nowrap;font-size:8px}.receipt-totals{margin:15px 0 0}.receipt-totals>div{justify-content:space-between;padding:6px 0;font-size:8px;display:flex}.receipt-totals dd{margin:0}.receipt-totals>div:last-child{border-top:1px solid #cfc8c0;margin-top:7px;padding:14px 0;font-size:11px;font-weight:720}.track-receipt>footer{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.track-receipt>footer button{color:#fff;cursor:pointer;background:#1b1c1c;border:0;align-items:center;gap:8px;height:42px;padding:0 19px;font-size:8px;display:flex}.track-receipt>footer a{color:#706a64;border-bottom:1px solid #ccc5bd;align-items:center;gap:6px;padding-bottom:4px;font-size:7px;display:flex}@keyframes track-spin{to{transform:rotate(360deg)}}@keyframes track-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes track-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:960px){.track-nav{grid-template-columns:160px 1fr 130px}.track-nav nav{gap:19px}.track-stage{min-height:0;padding:8px;display:block}.track-visual{z-index:0;height:390px;position:relative}.track-entry{width:auto;margin:8px 0 0;padding:31px}.track-reveal{grid-template-columns:1fr;gap:8px}.track-receipt{order:2}.order-journey{order:1;padding-inline:20px}}@media (max-width:680px){.track-page{padding-bottom:45px}.track-nav{grid-template-columns:1fr auto;width:calc(100% - 24px);height:68px}.track-brand img{width:136px}.track-nav nav{display:none}.track-nav-actions{grid-column:2}.track-nav-actions a:first-child{font-size:0}.track-nav-actions a:first-child svg{width:18px;height:18px}.track-stage{width:calc(100% - 24px)}.track-visual{height:270px}.track-visual img{object-position:35% center}.track-entry{padding:27px 18px 22px}.track-entry>header h1{font-size:19px}.track-entry-foot{flex-direction:column;align-items:flex-start;gap:10px}.track-result{width:calc(100% - 24px);margin-top:14px}.track-scan{padding:14px}.track-reveal{margin-top:8px}.order-journey{padding:25px 2px 18px}.order-journey>header{flex-direction:column;padding-inline:7px}.journey-steps article{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.journey-steps article>small{font-size:5px}.track-receipt{padding:26px 18px 23px}.receipt-facts>div{grid-template-columns:95px 1fr}.track-receipt>footer{flex-direction:column;align-items:flex-start}.track-receipt>footer button{justify-content:center;width:100%}.receipt-items article{grid-template-columns:48px 1fr}.receipt-items article>b{grid-column:2}.receipt-items img{width:48px;height:50px}}@media (max-width:390px){.track-nav-actions{gap:10px}.track-entry form button{height:47px}.journey-steps article{grid-template-columns:38px 1fr}.journey-steps article>small{grid-column:2;width:max-content}.receipt-facts>div{grid-template-columns:82px 1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.track-stage,.track-reveal,.track-spinner{animation:none}.scan-bar i,.order-progress i{transition:none}}