.order-tracking{text-align:center;padding:60px 20px;background-color:#f9f9f9;min-height:100vh}.order-tracking-container{max-width:1200px;margin:0 auto;padding:0 20px}.tracking-title{font-size:2.5rem;margin-bottom:16px;color:#333;font-weight:600;letter-spacing:-.025em}.tracking-description{font-size:1.25rem;margin-bottom:40px;color:#666;font-weight:400}.tracking-form{display:flex;flex-direction:column;margin-bottom:40px;position:relative;max-width:600px;margin-left:auto;margin-right:auto}.form-group{display:flex;gap:0;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;border-radius:8px;overflow:hidden;background:#fff}.form-group:focus-within{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;transform:translateY(-2px)}.input-wrapper{display:flex;flex-grow:1;position:relative}.tracking-input{width:100%;padding:18px 20px;font-size:1.1rem;border:none;background:#fff;outline:none;color:#333;transition:all .3s ease}.tracking-input::placeholder{color:#999}.tracking-button{flex-shrink:0;padding:18px 32px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#e63946,#d62828);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tracking-button:hover{background:linear-gradient(135deg,#d62828,#c11e29);transform:translateY(-1px);box-shadow:0 10px 20px #e639464d}.tracking-button:active{transform:translateY(0)}.tracking-button.loading{pointer-events:none}.tracking-button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;right:20px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.error-message{display:none;color:#e63946;font-size:1rem;position:relative;margin-top:16px;text-align:left;padding:16px 20px;background:#fef2f2;border-left:4px solid #e63946;font-weight:500;border-radius:4px}.tracking-results{display:none;margin-top:48px;padding:48px;background:#fff;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:900px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);transition:all .6s ease;border-radius:12px}.tracking-results.show{opacity:1;transform:translateY(0)}.results-header{text-align:center;margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid #f5f5f5}.results-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:8px}.results-subtitle{color:#666;font-size:1.2rem}.status-timeline{position:relative;padding-left:80px;display:flex;flex-direction:column;gap:48px}.status-timeline:before{content:"";position:absolute;top:0;bottom:0;left:25px;width:4px;background:linear-gradient(to bottom,#4caf50 0% 50%,#e0e0e0 50% 100%);background-size:100% 200%;animation:timelineProgress 2s ease-in-out forwards;transition:all .5s ease;border-radius:2px}@keyframes timelineProgress{0%{background-position:0% 100%}to{background-position:0% 0%}}.timeline-step{display:none;align-items:flex-start;position:relative;padding:0;opacity:.4;transition:all .4s ease}.timeline-step.completed,.timeline-step.active{display:flex;opacity:1}.step-icon{position:absolute;left:-80px;width:50px;height:50px;background:#fff;border:3px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:2}.step-icon svg{width:24px;height:24px;stroke-width:2.5;stroke:#ccc;transition:all .3s ease}.timeline-step.active .step-icon{border-color:#4caf50;background:#4caf50;transform:scale(1.15);box-shadow:0 8px 25px #4caf5066;animation:activeIconPulse 2s ease-in-out infinite}@keyframes activeIconPulse{0%,to{transform:scale(1.15);box-shadow:0 8px 25px #4caf5066}50%{transform:scale(1.2);box-shadow:0 12px 30px #4caf5099}}.timeline-step.active .step-icon svg{stroke:#fff}.timeline-step.completed .step-icon{border-color:#4caf50;background:#4caf50;animation:completedIconBounce .6s ease-out}@keyframes completedIconBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}.timeline-step.completed .step-icon svg{stroke:#fff}.timeline-step.active .step-icon .clock-hands{animation:clockTick 2s linear infinite;transform-origin:12px 12px}.timeline-step.completed .step-icon .clock-hands{animation:none}@keyframes clockTick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline-step.active .step-icon .processing-spin{animation:processingSpin 2s linear infinite;transform-origin:12px 12px}@keyframes processingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline-step.active .step-icon .truck-move{animation:truckMovement 1.5s ease-in-out infinite}@keyframes truckMovement{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.timeline-step.completed .step-icon .checkmark{stroke-dasharray:20;stroke-dashoffset:20;animation:checkmarkDraw .8s ease-out forwards}@keyframes checkmarkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.step-content{flex-grow:1;text-align:left;margin-left:24px;transition:all .3s ease;padding:8px 0}.step-label{font-weight:600;color:#333;margin-bottom:8px;font-size:1.3rem}.step-timestamp{font-size:1rem;color:#666;margin-bottom:12px;font-weight:500}.step-description{color:#666;font-size:1.1rem;line-height:1.6}.tracking-info{margin-top:16px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.tracking-number-container{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tracking-number{font-family:SF Mono,Monaco,Cascadia Code,monospace;background:#fff;padding:10px 16px;border:1px solid #ddd;font-weight:600;letter-spacing:.5px;color:#333;border-radius:4px;font-size:1rem}.copy-button{background:#fff;border:1px solid #ddd;padding:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.copy-button:hover{background:#f5f5f5;border-color:#ccc;transform:scale(1.05)}.tracking-link{display:inline-flex;align-items:center;gap:8px;color:#e63946;text-decoration:none;font-weight:500;transition:all .2s ease;padding:4px 0;font-size:1rem}.tracking-link:hover{color:#d62828;text-decoration:underline}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.custom-modal.show{opacity:1;visibility:visible}.custom-modal-content{background:#fff;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .3s ease;box-shadow:0 25px 50px -12px #00000040;border-radius:12px;overflow:hidden}.custom-modal.show .custom-modal-content{transform:scale(1) translateY(0)}.custom-modal-header{padding:32px 32px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f5f5f5}.custom-modal-header h2{font-size:1.75rem;font-weight:600;color:#333}.close-modal{background:#f5f5f5;border:none;width:40px;height:40px;cursor:pointer;font-size:20px;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{background:#e5e5e5;color:#333;transform:scale(1.1)}.custom-modal-body{padding:32px;overflow-y:auto;flex:1}.order-details{padding:0}.order-header{background:#f8f9fa;padding:24px;margin-bottom:32px;border-left:4px solid #e63946;border-radius:8px}.order-header h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:8px}.order-date{color:#666;font-size:1rem;font-weight:500}.items-table{width:100%;border-collapse:collapse;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border-radius:8px}.items-table th{background:#f8f9fa;padding:20px 16px;text-align:left;font-weight:600;color:#333;font-size:1rem;border-bottom:2px solid #e9ecef}.items-table td{padding:20px 16px;border-bottom:1px solid #e9ecef;color:#555;font-size:.95rem}.items-table tbody tr:hover{background:#f8f9fa}.items-table tbody tr:last-child td{border-bottom:none}.item-image{box-shadow:0 2px 8px #0000001a;border-radius:4px}.status-badge{padding:8px 12px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.status-badge.served{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.unserved{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;visibility:hidden;opacity:0;transition:all .3s ease}.loading-screen.show{visibility:visible;opacity:1}.loading-content{text-align:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s ease-in-out infinite;margin:0 auto 24px}.loading-content p{font-size:1.2rem;font-weight:500}@media (max-width: 768px){.tracking-title{font-size:2rem}.tracking-description{font-size:1.1rem}.form-group{flex-direction:column;gap:0}.tracking-input{padding:16px 20px;font-size:1rem;border-radius:8px 8px 0 0}.tracking-button{padding:16px 20px;font-size:1rem;border-radius:0 0 8px 8px}.tracking-results{padding:32px 20px}.results-title{font-size:1.5rem}.results-subtitle{font-size:1rem}.status-timeline{padding-left:60px;gap:36px}.step-icon{left:-60px;width:40px;height:40px}.step-icon svg{width:20px;height:20px}.step-label{font-size:1.1rem}.step-timestamp{font-size:.9rem}.step-description{font-size:1rem}.custom-modal-content{width:95%;margin:20px}.custom-modal-header,.custom-modal-body{padding:20px}.items-table{font-size:.9rem}.items-table th,.items-table td{padding:12px 8px}}@media (max-width: 480px){.tracking-form{margin-bottom:32px}.tracking-input{font-size:16px}.status-timeline{padding-left:50px}.step-icon{left:-50px;width:36px;height:36px}.step-content{margin-left:16px}.step-label{font-size:1rem}.step-description{font-size:.95rem}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/3/assets/order-tracking.css.map */