.order-form-container{background:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.3);margin:6rem auto 2rem;max-width:1200px;padding:2rem}.order-progress{background:#2a2a2a;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:3rem;padding:1rem;position:relative}.order-progress:before{background:#3a3a3a;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.progress-step{background:#2a2a2a;color:#888;padding:.5rem;position:relative;text-align:center;transition:all .3s ease;z-index:2}.progress-step.active{color:#fff}.step-number{align-items:center;background:#3a3a3a;border:2px solid #3a3a3a;border-radius:50%;color:#888;display:flex;font-weight:600;height:40px;justify-content:center;margin:0 auto .5rem;width:40px}.step-label{color:#888;font-size:.9rem}.progress-step.active .step-number{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px rgba(99,102,241,.3);color:#fff}.progress-step.active .step-label{color:#fff;font-weight:500}.form-step{background:#2a2a2a;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.3);display:none;margin-bottom:2rem;padding:2rem}.form-step.active{display:block}.form-step h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.design-type-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.design-type-option{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.design-type-option:hover{border-color:#6c5ce7}.design-type-option input[type=radio]{display:none}.design-type-option label{align-items:center;cursor:pointer;display:flex;gap:1rem}.design-type-option i{color:#6c5ce7;font-size:1.5rem}.design-type-option input[type=radio]:checked+label{color:#6c5ce7}.colour-section{background:#2a2a2a;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.3);margin-bottom:3rem;padding:2rem}.colour-section h3{border-bottom:1px solid #3a3a3a;color:#fff;font-size:1.4rem;margin-bottom:1rem;padding-bottom:.75rem}.section-description{color:#888;font-size:1rem;margin-bottom:1.5rem}.colour-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.colour-option{background:#1a1a1a;border:2px solid #3a3a3a;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.colour-option:hover{background:#2a2a2a;border-color:var(--accent);transform:translateY(-2px)}.colour-option input[type=checkbox],.colour-option input[type=radio]{display:none}.colour-option label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.colour-preview{border:2px solid #3a3a3a;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);height:40px;transition:all .3s ease;width:40px}.colour-name{font-size:1rem;font-weight:500}.colour-price{color:#888;font-size:.9rem}.colour-price.crossed-out{color:#666;position:relative;text-decoration:line-through}.colour-price.crossed-out:after{color:var(--accent);content:"(Free)";margin-left:.5rem;text-decoration:none}.colour-option input[type=checkbox]:checked+label,.colour-option input[type=radio]:checked+label{color:var(--accent)}.colour-option input[type=checkbox]:checked+label .colour-preview,.colour-option input[type=radio]:checked+label .colour-preview{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 15px rgba(99,102,241,.5);transform:scale(1.1)}.colour-option input[type=checkbox]:checked:before,.colour-option input[type=radio]:checked:before{border:2px solid var(--accent);border-radius:var(--border-radius);bottom:0;box-shadow:0 0 20px rgba(99,102,241,.3);content:"";left:0;position:absolute;right:0;top:0}.colour-option input[type=checkbox]:checked+label:after,.colour-option input[type=radio]:checked+label:after{align-items:center;background:var(--accent);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:20px}.colour-total{background:#2a2a2a;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.3);margin-top:2rem;padding:1.5rem}.total-item{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:.5rem 0}.total-item:not(:last-child){border-bottom:1px solid #3a3a3a}.total-item.total{border-top:2px solid #3a3a3a;color:var(--accent);font-size:1.2rem;font-weight:600;margin-top:1rem;padding-top:1rem}.shape-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.shape-option{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.shape-option:hover{background:#3a3a3a;border-color:var(--accent);transform:translateY(-2px)}.shape-option input[type=radio]{display:none}.shape-option label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:1rem}.shape-preview{align-items:center;background:#3a3a3a;border:2px solid #3a3a3a;border-radius:var(--border-radius);display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.shape-option input[type=radio]:checked+label{color:var(--accent)}.shape-option input[type=radio]:checked+label .shape-preview{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 15px rgba(99,102,241,.5);transform:scale(1.1)}.shape-option input[type=radio]:checked:before{border:2px solid var(--accent);border-radius:var(--border-radius);bottom:0;box-shadow:0 0 20px rgba(99,102,241,.3);content:"";left:0;position:absolute;right:0;top:0}.shape-option input[type=radio]:checked+label:after{align-items:center;background:var(--accent);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:20px}.design-upload-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.design-upload-box{background:#fff;border:2px dashed #e0e0e0;border-radius:8px;padding:2rem}.upload-area{background:#2a2a2a;border:2px dashed #3a3a3a;border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.upload-area:hover{background:#3a3a3a;border-color:var(--accent)}.upload-area i{color:#666;font-size:3rem;margin-bottom:1rem}.upload-area p{color:#888;margin:0}.upload-area input[type=file]{display:none}.preview-container{border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;min-height:200px;overflow:hidden}.order-summary{background:#fff;border:2px solid #e0e0e0;border-radius:8px}.summary-item{border-bottom:1px solid #e0e0e0}.summary-item.total{color:#6c5ce7}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem}.btn-next,.btn-prev,.btn-submit{border-radius:8px;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-prev{background:#e0e0e0;border:none;color:#666}.btn-next,.btn-submit{background:#6c5ce7;border:none;color:#fff}.btn-prev:hover{background:#d0d0d0}.btn-next:hover,.btn-submit:hover{background:#5a4bc4}.btn-prev:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.order-form-container{margin:4rem 1rem 1rem;padding:1rem}.order-progress{align-items:flex-start;flex-direction:column;gap:1rem}.order-progress:before{display:none}.progress-step{align-items:center;display:flex;gap:1rem}.step-number{margin:0}.colour-selection,.design-type-options,.shape-options{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:1rem}.btn-next,.btn-prev,.btn-submit{width:100%}}.contact-details{margin:0 auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:1.1rem;font-weight:500;margin-bottom:.75rem}.form-group input{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:var(--border-radius);color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:hover{border-color:#4a4a4a}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.2);outline:none}.form-group input::-moz-placeholder{color:#666}.form-group input::placeholder{color:#666}.form-group input.error{background-color:#fff5f5;border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}.quantity-selection{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.quantity-selection .form-group{margin-bottom:2rem}.quantity-selection input{background:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#333;font-size:1.5rem;padding:1rem;text-align:center;width:200px}.quantity-selection input:hover{border-color:silver;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quantity-selection input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.price-calculation{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);margin-top:2rem;padding:1.5rem}.price-per-tag,.total-price{align-items:center;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:1rem}.total-price{color:var(--accent);font-size:1.5rem;font-weight:600;margin-bottom:0}.order-summary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);margin-top:2rem;padding:2rem}.summary-item{border-bottom:1px solid var(--glass-border);padding:1rem 0}.summary-item:last-child{border-bottom:none}.summary-item.total{border-top:2px solid var(--glass-border);color:var(--accent);font-size:1.5rem;font-weight:600;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.contact-details,.quantity-selection{padding:1rem}.quantity-selection input{font-size:1.25rem;padding:.75rem;width:150px}.price-calculation{padding:1rem}.summary-item{align-items:flex-start;flex-direction:column;gap:.5rem}.form-group input{font-size:1rem;padding:.75rem}.form-group label{font-size:1rem;margin-bottom:.5rem}}.design-id-input input{background:#fff;border:2px solid #e0e0e0;border-radius:var(--border-radius);box-shadow:0 2px 4px rgba(0,0,0,.05);color:#333;font-size:1rem;padding:.75rem;width:100%}.summary-section{background:#2a2a2a;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.3);margin-bottom:2rem;padding:2rem}.summary-section h3{border-bottom:1px solid #3a3a3a;color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.summary-item{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-item span:first-child{color:#ccc;font-weight:500}.summary-item span:last-child{color:#fff;font-weight:600}.summary-section.total{background:var(--accent);color:#fff;margin-top:2rem}.summary-section.total .summary-item span:last-child{font-size:1.5rem}.shape-preview-container{align-items:center;display:flex;gap:1rem}.shape-preview{background:rgba(99,102,241,.2);border:2px solid var(--accent);box-shadow:0 0 20px rgba(99,102,241,.3);height:60px;width:60px}.shape-preview.circle{border-radius:50%}.shape-preview.square{border-radius:0}.shape-preview.rectangle{border-radius:0;width:80px}.shape-preview.hexagon{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.design-previews{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.preview-container{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:1.5rem}.preview-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.preview-image{border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.2);max-height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain}.no-design{color:hsla(0,0%,100%,.5);font-size:1.1rem;font-style:italic}@media (max-width:768px){.summary-section{padding:1.5rem}.design-previews{gap:1.5rem;grid-template-columns:1fr}.preview-container{min-height:200px}.summary-item span:first-child{font-size:1rem}.summary-item span:last-child{font-size:1.1rem}.colour-selection{gap:1rem;grid-template-columns:repeat(2,1fr)}.colour-option{padding:1rem}.colour-preview{height:30px;width:30px}.colour-name{font-size:.9rem}.colour-price{font-size:.8rem}.colour-option input[type=checkbox]:checked+label:after{font-size:.7rem;height:18px;right:.25rem;top:.25rem;width:18px}}