.track-page-wrapper{background-color:#fff;padding:60px 0;min-height:auto}@media(max-width:1024px){.track-page-wrapper{padding:36px 0}}.track-page-container{max-width:960px;margin:0 auto;padding:0 24px}.track-card-container{background:#fff;border:1px solid var(--Dwave-Beige, #D8CCBA);padding:24px;margin:40px auto;width:fit-content;box-shadow:0 4px 20px #1c191605;box-sizing:border-box}.track-card-container *{box-sizing:border-box}.track-card-title{font-family:Jost,sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.1em;color:var(--Dwave-Black, #1C1916);text-align:center;text-transform:uppercase;margin:0 0 32px}.track-form{max-width:720px;margin:0 auto}.track-form-group{display:flex;flex-direction:column;margin-bottom:24px}.track-form-label{font-family:Jost,sans-serif;font-weight:600;font-size:13px;line-height:18px;letter-spacing:.05em;color:var(--Dwave-Black, #1C1916);text-transform:uppercase;margin-bottom:8px}.track-page-wrapper .track-card-container .track-form-input{width:720px!important;max-width:100%!important;height:48px;padding:0 16px;font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:var(--Dwave-Black, #1C1916);border:1px solid #E6E6E6;background-color:#fff;outline:none;transition:border-color .3s ease}.track-form-input:focus{border-color:var(--Dwave-Green, #1A7A3C)}.track-form-input::placeholder{color:#c8c8c8;text-transform:uppercase;letter-spacing:.05em}.track-btn-container{display:flex;justify-content:flex-end;margin-top:16px}.track-card-container.has-results .track-btn-container{justify-content:center}.track-submit-btn{background-color:var(--Dwave-Green, #1A7A3C);color:#fff;font-family:Jost,sans-serif;font-weight:600;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;padding:14px 36px;border:none;cursor:pointer;width:auto;transition:background-color .3s ease,transform .2s ease}.track-submit-btn:hover{background-color:#156531}.track-submit-btn:active{transform:scale(.98)}@media(max-width:768px){.track-card-container{width:100%!important;padding:24px 16px!important;margin:20px auto!important}.track-page-wrapper .track-card-container .track-form-input{width:100%!important}.track-btn-container{width:100%!important;justify-content:center!important}.track-submit-btn{width:100%!important;text-align:center!important}}.track-error-span{font-family:Jost,sans-serif;font-size:12px;color:#d32f2f;margin-top:6px;font-weight:500}.track-outcome-divider{border:0;border-top:1px solid var(--Dwave-Beige, #D8CCBA);margin:40px 0}.track-outcome-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:400;color:var(--Dwave-Black, #1C1916);text-align:center;margin-bottom:30px}.track-card-container.has-results{max-width:900px;width:100%}.track-stepper-container{margin:32px 0 48px;padding:0 20px}.track-stepper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%}.track-stepper-line-bg{position:absolute;top:16px;left:10%;right:10%;height:2px;background-color:#e6e6e6;z-index:0}.track-stepper-line-fill{position:absolute;top:0;left:0;height:100%;width:var(--fill-percentage, 0%);background-color:var(--Dwave-Green, #1A7A3C);transition:width .6s cubic-bezier(.4,0,.2,1)}.track-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;z-index:1}.track-step-node{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;background-color:#fff;border:2px solid #D8CCBA;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.track-step-mobile-line{display:none}.track-step.completed .track-step-node{background-color:var(--Dwave-Green, #1A7A3C);border-color:var(--Dwave-Green, #1A7A3C);box-shadow:0 0 0 4px #1a7a3c1a}.track-step-check-icon{width:16px;height:16px;color:#fff}.track-step.active .track-step-node{border-color:var(--Dwave-Green, #1A7A3C);background-color:#fff;box-shadow:0 0 0 6px #1a7a3c1a}.track-step-pulse-dot{width:12px;height:12px;border-radius:50%;background-color:var(--Dwave-Green, #1A7A3C);animation:pulseNode 1.8s infinite ease-in-out}.track-step-pending-dot{width:8px;height:8px;border-radius:50%;background-color:#d8ccba}@keyframes pulseNode{0%{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}to{transform:scale(.85);opacity:.6}}.track-step-content{padding:0 8px}.track-step-title{font-family:Jost,sans-serif;font-weight:600;font-size:13px;line-height:18px;text-transform:uppercase;letter-spacing:.05em;color:var(--Dwave-Black, #1C1916);margin:0 0 4px}.track-step.completed .track-step-title{color:var(--Dwave-Green, #1A7A3C)}.track-step-desc{font-family:Jost,sans-serif;font-size:11px;line-height:15px;color:var(--Dwave-Brown, #6B5C4A);margin:0;max-width:130px}.track-details-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;margin-top:40px}.track-details-card{background:#faf8f6;border:1px solid var(--Dwave-Beige, #D8CCBA);padding:24px;display:flex;flex-direction:column}.track-card-section-title{font-family:Jost,sans-serif;font-weight:600;font-size:14px;color:var(--Dwave-Black, #1C1916);text-transform:uppercase;margin:0 0 16px;border-bottom:1px solid var(--Dwave-Beige, #D8CCBA);padding-bottom:8px;letter-spacing:.05em}.track-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.track-meta-row:last-of-type{margin-bottom:0}.track-meta-label{font-family:Jost,sans-serif;font-size:13px;color:var(--Dwave-Brown, #6B5C4A)}.track-meta-value{font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:var(--Dwave-Black, #1C1916)}.track-meta-value.font-semibold{font-weight:600}.track-status-badge{background:#1a7a3c1a;color:var(--Dwave-Green, #1A7A3C);padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.track-courier-btn{display:inline-block;width:100%;text-align:center;background-color:transparent;border:1px solid var(--Dwave-Green, #1A7A3C);color:var(--Dwave-Green, #1A7A3C);font-family:Jost,sans-serif;font-weight:600;font-size:12px;line-height:16px;text-transform:uppercase;padding:10px 0;cursor:pointer;margin-top:20px;transition:all .3s ease;text-decoration:none!important}.track-courier-btn:hover{background-color:var(--Dwave-Green, #1A7A3C);color:#fff}.track-shipping-address p{font-family:Jost,sans-serif;font-size:13px;margin:0}.track-items-list{margin-top:16px}.track-item-row{display:flex;gap:16px;margin-bottom:16px;align-items:center}.track-item-row:last-child{margin-bottom:0}.track-item-img{width:60px;height:60px;object-fit:cover;border:1px solid var(--Dwave-Beige, #D8CCBA);background-color:#fff}.track-item-info{flex-grow:1;display:flex;flex-direction:column}.track-item-name{font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:var(--Dwave-Black, #1C1916);margin:0;line-height:1.3}.track-item-qty{font-family:Jost,sans-serif;font-size:12px;color:var(--Dwave-Brown, #6B5C4A);margin:4px 0 0}@media(max-width:768px){.track-stepper-container{padding:0;margin:16px 0 24px}.track-stepper{flex-direction:column;align-items:flex-start;gap:20px;padding-left:12px}.track-stepper-line-bg,.track-stepper-line-fill{display:none}.track-step{flex-direction:row;align-items:flex-start;text-align:left;gap:16px;width:100%}.track-step-node{width:24px;height:24px;margin-bottom:0;flex-shrink:0}.track-step-mobile-line{display:block;position:absolute;left:11px;top:24px;bottom:-20px;width:2px;background-color:#e6e6e6;z-index:1;transition:background-color .3s ease}.track-step-mobile-line.filled{background-color:var(--Dwave-Green, #1A7A3C)}.track-step.completed .track-step-node{box-shadow:0 0 0 3px #1a7a3c14}.track-step.active .track-step-node{box-shadow:0 0 0 4px #1a7a3c14}.track-step-check-icon{width:12px;height:12px}.track-step-pulse-dot{width:8px;height:8px}.track-step-pending-dot{width:6px;height:6px}.track-step-content{padding:0;margin-top:2px}.track-step-title{font-size:13px;line-height:18px;margin:0 0 2px}.track-step-desc{font-size:11.5px;line-height:16px;max-width:none}.track-outcome-divider{margin:24px 0}.track-outcome-title{font-size:20px;margin-bottom:20px}.track-details-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.track-details-card{padding:18px}.track-toast{top:16px;right:16px;left:16px;width:auto;max-width:none;animation:toastSlideInMobile .4s cubic-bezier(.16,1,.3,1) forwards}.track-toast.exiting{animation:toastSlideOutMobile .35s cubic-bezier(.16,1,.3,1) forwards}}.track-toast{position:fixed;top:32px;right:32px;width:380px;max-width:calc(100vw - 64px);background:#fdf6ebf5;border:1px solid var(--Dwave-Gold, #C9963A);box-shadow:0 16px 36px #c9963a14,0 4px 12px #1c19160a;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10000;box-sizing:border-box;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.track-toast.exiting{animation:toastSlideOut .35s cubic-bezier(.16,1,.3,1) forwards}.track-toast.success{background:#f0f8f2f5;border:1px solid var(--Dwave-Green, #1A7A3C)}.track-toast-content{display:flex;gap:14px;align-items:flex-start;flex:1}.track-toast-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#c9963a1f;flex-shrink:0;margin-top:-2px;box-shadow:0 0 0 1px #c9963a26}.track-toast-icon{width:14px;height:14px;color:var(--Dwave-Gold, #C9963A);flex-shrink:0}.track-toast.success .track-toast-icon-wrapper{background:#1a7a3c1f;box-shadow:0 0 0 1px #1a7a3c26}.track-toast.success .track-toast-icon{color:var(--Dwave-Green, #1A7A3C)}.track-toast-text{display:flex;flex-direction:column;gap:4px}.track-toast-title{font-family:Jost,sans-serif;font-weight:600;font-size:11px;line-height:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--Dwave-Gold, #C9963A)}.track-toast.success .track-toast-title{color:var(--Dwave-Green, #1A7A3C)}.track-toast-message{font-family:Jost,sans-serif;font-size:13px;line-height:18px;color:var(--Dwave-Black, #1C1916);margin:0}.track-toast-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b5c4a80;display:flex;align-items:center;justify-content:center;margin-left:12px;transition:all .2s ease;flex-shrink:0;margin-top:-2px}.track-toast-close:hover{color:var(--Dwave-Black, #1C1916);transform:rotate(90deg)}.track-toast-close svg{width:15px;height:15px}.track-toast-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--Dwave-Gold, #C9963A);transition:width .05s linear}.track-toast.success .track-toast-progress{background:var(--Dwave-Green, #1A7A3C)}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes toastSlideInMobile{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOutMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(-120%);opacity:0}}.track-stepper-container.negative-flow .track-stepper-line-fill{background-color:#d32f2f}.track-stepper-container.negative-flow .track-step.completed .track-step-node{background-color:#d32f2f;border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1a}.track-stepper-container.negative-flow .track-step.completed .track-step-title{color:#d32f2f}.track-stepper-container.negative-flow .track-step-mobile-line.filled{background-color:#d32f2f}.track-status-badge.cancelled{background:#d32f2f1a;color:#d32f2f}
