input.error,select.error{border:1px solid red}.error-msg{color:red;font-size:13px;margin-top:3px;display:none}.error-msg.active{display:block}.hidden{display:none}h2{margin-bottom:10px}label{display:block;margin-top:10px;font-weight:700}input,select,button{width:100%;padding:10px;margin-top:5px;border-radius:8px;border:1px solid #ccc}button{background:#007bff;color:#fff;font-size:16px;cursor:pointer}button:hover{background:#0056b3}.summary{padding:15px;background:#f1f1f1;border-radius:8px;margin-top:15px}.progressbar{display:flex;justify-content:space-between;position:relative;margin:20px auto 40px;max-width:800px;counter-reset:step}.progressbar::before{content:"";position:absolute;top:15px;left:0;width:100%;height:4px;background:#dcdcdc;z-index:-1}.progress-step{text-align:center;width:33%;position:relative}.progress-step::before{counter-increment:step;content:counter(step);display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:#dcdcdc;color:#fff}.progress-step.active::before{background:#007bff}.progress-step.completed::before{background:#28a745}.btn-group{display:flex;gap:10px;margin-top:15px}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.discount-box{margin-top:15px}.discount-box input{width:70%;display:inline-block}.discount-box button{width:28%;display:inline-block;background:#28a745}.discount-box button:hover{background:#218838}.price{font-size:18px;font-weight:700}.price.discounted{color:#28a745}.ui2-layout,.ui3-layout{display:flex;gap:20px}.ui2-left,.ui3-left{flex:2}.ui2-right,.ui3-right{flex:1;text-align:center;border-left:1px solid #ddd;padding-left:20px}.qr-box img{width:200px;height:200px;object-fit:contain;margin-top:15px}#confirmPaid,.note_payment,#qrImage{color:red}#nextBtn{margin-top:10%}@media (max-width:768px){.ui2-layout,.ui3-layout{flex-direction:column}.ui2-right,.ui3-right{border-left:none;border-top:1px solid #ddd;padding-left:0;padding-top:20px;text-align:center}.progressbar{margin:0}.progress-step{width:100%}.progressbar::before{display:none}input,select,button{font-size:14px;padding:8px}button{font-size:15px}.qr-box img,#qrImage{width:100%}.btn-group{flex-direction:column}.discount-box input,.discount-box button{width:100%;display:block;margin-top:8px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease}.popup-overlay.show{opacity:1;visibility:visible}.popup-content{background:#fff;border-radius:12px;padding:30px 40px;text-align:center;position:relative;animation:popupScale 0.4s ease}.popup-icon{font-size:50px;color:#4CAF50;margin-bottom:15px;animation:bounce 0.6s ease}@keyframes popupScale{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes bounce{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2);opacity:1}100%{transform:scale(1)}}