.container.create-order-wrapper{max-width:1000px;margin:0 auto;padding:20px}.create-order-wrapper .header{text-align:center;margin-bottom:30px}.create-order-wrapper .header h1{font-size:2.5rem;margin-bottom:10px;color:#2c3e50}.create-order-wrapper .header p{color:#7f8c8d;font-size:1.1rem}.create-order-wrapper .form-container{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a}.create-order-wrapper .section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.create-order-wrapper .section:last-of-type{border-bottom:none}.create-order-wrapper .section h2{font-size:1.5rem;margin-bottom:20px;color:#3498db}.create-order-wrapper .section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-order-wrapper .form-group{margin-bottom:20px;flex-direction:column;align-items:baseline}.create-order-wrapper label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.create-order-wrapper input[type=text],.create-order-wrapper input[type=email],.create-order-wrapper input[type=number]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s;margin-left:0}.create-order-wrapper input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.create-order-wrapper .btn-add,.create-order-wrapper .btn-remove,.create-order-wrapper .btn-submit{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.create-order-wrapper .btn-add{background-color:#2ecc71;color:#fff}.create-order-wrapper .btn-add:hover{background-color:#27ae60}.create-order-wrapper .btn-remove{background-color:#e74c3c;color:#fff}.create-order-wrapper .btn-remove:hover{background-color:#c0392b}.create-order-wrapper .btn-submit{background-color:#3498db;color:#fff;padding:15px 30px;font-size:16px}.create-order-wrapper .btn-submit:hover{background-color:#2980b9}.create-order-wrapper .btn-container{text-align:center;margin-top:30px}.create-order-wrapper .item-container{margin-top:20px}.create-order-wrapper .line-item,.create-order-wrapper .transaction,.create-order-wrapper .discount-code{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3498db}.create-order-wrapper .line-item h3,.create-order-wrapper .transaction h3,.create-order-wrapper .discount-code h3{margin-bottom:15px;color:#2c3e50}.create-order-wrapper .suggestion{font-size:12px;color:#7f8c8d;margin-top:5px}.create-order-wrapper .loading{display:none;text-align:center;padding:20px}.create-order-wrapper .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin:0 auto 15px}.create-order-wrapper .success-message{display:none;background-color:#2ecc71;color:#fff;padding:15px;border-radius:6px;text-align:center;margin-top:20px}.create-order-wrapper .error-message{display:none;background-color:#e74c3c;color:#fff;padding:15px;border-radius:6px;text-align:center;margin-top:20px}.create-order-wrapper .form-group>*+*{margin-left:0}.field-error{color:#d32f2f;font-size:.8rem;margin-top:.25rem}input.error,select.error,textarea.error{border-color:#d32f2f}.error-message{background-color:#ffebee;color:#d32f2f;padding:1rem;border-radius:4px;margin:1rem 0;display:none}.login-container{max-width:450px;margin:50px auto;padding:20px;border-radius:8px;text-align:center;box-shadow:0 5px 15px #0000001a}#loginEmail{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd}#loginButton{padding:10px 20px;cursor:pointer}#loginError{color:red;font-size:12px}.loader{border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:15px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form-field{width:100%;text-align:left;margin-top:1rem}.login-form-field input{width:100%}.login-form-wrapper{display:flex;justify-content:space-between;gap:10px}.login-form-wrapper label{text-align:left;width:100%;display:block;font-family:Fraunces}#login-form input{border:1px solid #ddd;width:100%;padding:5px}.login-form-wrapper div{width:50%}#login-form label{color:rgb(var(--color-foreground));margin-bottom:1rem;display:block}#loginBtn{margin-top:2rem;font-family:Fraunces}@media only screen and (max-width:749px){.login-form-wrapper{flex-direction:column}.login-form-wrapper input,.login-form-wrapper div{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/352/assets/create-order.css.map */