.checkout-progress{background:white;padding:24px 0;margin-bottom:32px}.checkout-progress .progress-container{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto;padding:0 16px}.checkout-progress .progress-step{display:flex;flex-direction:column;align-items:center;position:relative;min-width:120px}.checkout-progress .progress-step .step-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-weight:400;font-size:14px;transition:all .3s ease}.checkout-progress .progress-step .step-icon span{color:#666}.checkout-progress .progress-step .step-icon svg{width:16px;height:16px}.checkout-progress .progress-step .step-label{font-size:14px;font-weight:400;color:#666;text-align:center;transition:all .3s ease}.checkout-progress .progress-step.completed{cursor:pointer}.checkout-progress .progress-step.completed .step-icon{background:transparent;border:1px solid #232323}.checkout-progress .progress-step.completed .step-icon span{color:#232323}.checkout-progress .progress-step.completed .step-icon svg path{fill:#232323}.checkout-progress .progress-step.completed .step-label{color:#232323;font-weight:400}.checkout-progress .progress-step.completed:hover .step-icon{background:#1a1a1a;transform:scale(1.05)}.checkout-progress .progress-step.completed:hover .step-label{color:#1a1a1a}.checkout-progress .progress-step.active .step-icon{background:#232323;border:none;border-radius:0;width:16px;height:16px}.checkout-progress .progress-step.active .step-icon span{color:white}.checkout-progress .progress-step.active .step-icon svg{width:16px;height:16px}.checkout-progress .progress-step.active .step-label{color:#232323;font-weight:400}.checkout-progress .progress-step:not(.completed):not(.active) .step-icon{background:#e9ecef;border:none}.checkout-progress .progress-step:not(.completed):not(.active) .step-icon span{color:#999}.checkout-progress .progress-step:not(.completed):not(.active) .step-label{color:#999}.checkout-progress .progress-line{height:2px;background:#e9ecef;flex:1;margin:0 16px;transition:all .3s ease}.checkout-progress .progress-line.completed{background:#232323}@media (max-width:768px){.checkout-progress{padding:16px 0;margin-bottom:24px}.checkout-progress .progress-container{padding:0 8px}.checkout-progress .progress-step{min-width:80px}.checkout-progress .progress-step .step-icon{width:16px;height:16px;font-size:12px}.checkout-progress .progress-step .step-icon svg{width:16px;height:16px}.checkout-progress .progress-step .step-label{font-size:12px}.checkout-progress .progress-line{margin:0 8px}}@media (max-width:480px){.checkout-progress .progress-step{min-width:60px}.checkout-progress .progress-step .step-icon{width:16px;height:16px;font-size:10px}.checkout-progress .progress-step .step-icon svg{width:16px;height:16px}.checkout-progress .progress-step .step-label{font-size:10px}.checkout-progress .progress-line{margin:0 4px}}