.track-wrapper{background:#fff;justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 20px;font-family:Outfit,sans-serif;display:flex}.track-container{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:36px;width:100%;max-width:960px;padding:70px 50px;box-shadow:0 40px 120px #0000000a}.track-container h1{color:#1a1a1a;letter-spacing:-.5px;margin-bottom:12px;font-family:Montserrat,serif;font-size:38px;font-weight:700}.subtitle{color:#777;margin-bottom:40px;font-size:15px;line-height:1.6}.track-search{justify-content:center;gap:12px;max-width:600px;margin:0 auto 50px;display:flex}.track-search input{color:#1a1a1a;background:#fafafa;border:1.5px solid #0000001a;border-radius:100px;flex:1;padding:18px 24px;font-family:inherit;font-size:15px;transition:all .3s}.track-search input:focus{background:#fff;border-color:#000;outline:none;box-shadow:0 8px 25px #0000000f}.track-search button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;background:#1a1a1a;border:none;border-radius:100px;align-items:center;gap:10px;padding:0 36px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.track-search button:hover:not(:disabled){background:#000;transform:translateY(-2px);box-shadow:0 12px 25px #00000026}.track-search button:disabled{opacity:.6;cursor:not-allowed}.track-error-box{color:#b91c1c;background:#fdf2f2;border:1px solid #f9d2d2;border-radius:16px;align-items:center;gap:10px;max-width:600px;margin-bottom:35px;padding:16px 24px;font-size:14px;display:inline-flex}.track-card{text-align:left;background:#fafafa;border:1px solid #0000000f;border-radius:30px;padding:40px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-header-bar{border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:35px;padding-bottom:25px;display:flex}.order-ref-title{text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:4px;font-size:12px;font-weight:600}.order-ref-code{color:#1a1a1a;letter-spacing:.5px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.order-status-badge{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#1a1a1a;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.order-status-badge.processing{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.order-status-badge.confirmed{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.order-status-badge.shipped{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.order-status-badge.delivered{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.order-status-badge.cancelled{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.status-steps-wrapper{margin:30px 0 45px;position:relative}.status-steps{z-index:2;justify-content:space-between;display:flex;position:relative}.status-line-bg{z-index:1;background:#e5e5e5;border-radius:10px;height:3px;position:absolute;top:32px;left:5%;right:5%}.status-line-fill{background:#1a1a1a;border-radius:10px;height:100%;transition:width .6s}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.step .icon-box{color:#aaa;z-index:3;background:#fff;border:2px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;transition:all .3s;display:flex;position:relative}.step span{text-transform:uppercase;letter-spacing:1px;color:#888;max-width:130px;font-size:12px;font-weight:700;line-height:1.3}.step.active .icon-box{color:#fff;background:#1a1a1a;border-color:#1a1a1a;box-shadow:0 8px 20px #0000002e}.step.active span{color:#1a1a1a}.track-meta-grid{border-top:1px solid #0000000f;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:35px;padding-top:30px;display:grid}.track-meta-box{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:22px 24px}.track-meta-box h4{text-transform:uppercase;letter-spacing:1.5px;color:#888;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.track-meta-box p{color:#1a1a1a;margin:0 0 6px;font-size:14px;line-height:1.5}.track-meta-box p.meta-highlight{color:#000;font-size:15px;font-weight:700}.track-products-section{background:#fff;border:1px solid #0000000d;border-radius:20px;margin-top:30px;padding:26px 28px}.track-products-section h4{text-transform:uppercase;letter-spacing:1.5px;color:#888;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.track-product-row{border-bottom:1px dashed #00000012;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.track-product-row:last-child{border-bottom:none;padding-bottom:0}.track-product-info{flex-direction:column;gap:3px;display:flex}.track-product-name{color:#1a1a1a;font-size:15px;font-weight:600}.track-product-variant{color:#777;font-size:13px}.track-product-price{color:#1a1a1a;font-size:15px;font-weight:700}.track-total-row{color:#1a1a1a;border-top:1.5px solid #1a1a1a;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;font-size:16px;font-weight:700;display:flex}.help-text{color:#888;letter-spacing:.5px;margin-top:45px;font-size:13px;line-height:1.6}.help-text a{color:#1a1a1a;font-weight:600;text-decoration:underline}@media (max-width:768px){.track-wrapper{padding:40px 15px}.track-container{border-radius:24px;padding:40px 20px}.track-container h1{font-size:28px}.track-search{flex-direction:column}.track-search input{width:100%}.track-search button{justify-content:center;padding:18px}.track-card{border-radius:20px;padding:25px 18px}.order-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.status-steps-wrapper{margin:20px 0 30px}.status-steps{flex-direction:column;gap:24px}.status-line-bg{display:none}.step{text-align:left;flex-direction:row;gap:15px}.step .icon-box{flex-shrink:0;width:48px;height:48px;font-size:18px}.step span{max-width:100%;font-size:13px}.track-meta-grid{grid-template-columns:1fr}.track-products-section{padding:20px 16px}}
