.order-container{width:100%;display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Segoe UI,sans-serif;color:#333;justify-content:center;align-items:center;background-color:#fffffff2;box-sizing:border-box}.page-wrapper{width:100%;max-width:500px;min-width:min(500px,max(300px,100vw));display:flex;flex-direction:column;border-radius:16px;padding-top:40px;justify-content:center;align-items:center;margin:0 auto;background-color:#fff}.logo-image{width:100%;max-width:200px;height:auto;margin-bottom:20px;z-index:2}.delay-container{min-width:100%;max-width:100%;margin-bottom:20px;background-color:#fff4e5;border-left:5px solid #ffa500;border-radius:8px;color:#663c00;font-size:16px;text-align:center;word-wrap:true;box-sizing:border-box;padding-left:10px;padding-right:10px}.progress-container{width:100%;text-align:center;padding-right:20px;padding-left:20px;border:1px solid #ddd;border-radius:12px;background-color:#f9f9f9;margin-bottom:20px;box-sizing:border-box}.order-details{width:100%;padding-right:20px;padding-left:20px;border:1px solid #ddd;border-radius:12px;background-color:#f9f9f9;box-sizing:border-box}.customer-info p{margin:8px 0;font-size:.95rem}.progress-section{padding:20px;border:1px solid #ddd;border-radius:12px;background-color:#f1f5f9}.progress-bar{display:flex;align-items:center;justify-content:space-between;position:relative;margin:30px 0 10px}.step{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.circle{width:36px;height:36px;border-radius:50%;background-color:#ccc;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;z-index:2;transition:background-color .3s ease}.step.completed .circle{background-color:#4caf50}.step.upcoming .circle{background-color:#ccc}.step.current .circle{background-color:#ff9027}.connector{height:10px;flex:1;margin:0;border-radius:2px;z-index:0}.connector.completed{background-color:#4caf50}.connector.current,.connector.upcoming{background-color:#ccc}.step-label{font-size:2rem;font-weight:600;text-align:center;color:#333;margin-top:20px;letter-spacing:.5px}.step-desc{font-size:1rem;font-weight:600;text-align:center;color:#333;margin-top:10px;letter-spacing:.5px;margin-bottom:30px}.contact-button{margin-top:20px;padding:12px 24px;background-color:#c03736;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.contact-button:hover{background-color:#811d1a;color:#fff}/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;justify-content:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;display:flex}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html,body{background-image:url(/background.webp);background-position:50%;background-repeat:no-repeat;background-attachment:fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.w-full{width:100%}}