.collection-group-required{display:grid;gap:20px}.collection-option{display:block}.collection-option input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}@media screen and (min-width:1400px){.collection-group-required{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px) and (max-width:1399.98px){.collection-group-required{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:500px) and (max-width:767px){.collection-group-required{grid-template-columns:repeat(2,1fr)}}.btn-thankkf{margin:0 auto;margin-top:10px}.form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgb(0 0 0 / .3);padding:40px;position:relative}.progress-wrapper{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:#191919;border-radius:10px;transition:width 0.4s cubic-bezier(.4,0,.2,1);width:10%}.progress-text{margin-top:12px;text-align:center;font-size:14px;color:#6b7280;font-weight:500}.progress-text .current-step{color:#000;font-weight:700;font-size:16px}.form-container .step-title{color:#1f2937;font-size:26px;font-weight:700;margin:0}.form-container .step-description{font-size:16px;color:#6b7280;margin-bottom:32px}.form-step{display:none;animation:fadeInUp 0.5s ease}.form-step.active{display:block}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:28px}.form-group label{color:#374151;font-size:15px;font-weight:600;display:block;margin-bottom:8px}.required{color:#ef4444;margin-left:2px}input[type="text"],input[type="email"],input[type="tel"],textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all 0.3s ease;font-family:inherit}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}textarea{resize:vertical;min-height:100px}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.checkbox-label,.radio-label{font-weight:600;color:#374151;margin-bottom:4px;font-size:15px}.checkbox-option,.radio-option{display:flex;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.3s ease}.checkbox-option:hover,.radio-option:hover{border-color:#191919;background:#f9fafb}.checkbox-option input[type="checkbox"],.radio-option input[type="radio"]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom,.radio-custom{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;margin-right:12px;position:relative;transition:all 0.3s ease;flex-shrink:0}.checkbox-option input[type="checkbox"]:checked~.checkbox-custom,.radio-option input[type="radio"]:checked~.radio-custom{border-color:#000;background:#000}.checkbox-option input[type="checkbox"]:checked~.checkbox-custom::after,.radio-option input[type="radio"]:checked~.radio-custom::after{content:'';position:absolute;top:2px;left:7px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.file-upload-wrapper{position:relative}input[type="file"]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.file-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;transition:all 0.3s ease;background:#f9fafb}.file-upload-area:hover{border-color:#667eea;background:#f3f4f6}.upload-icon{color:#9ca3af;margin-bottom:16px}.upload-text{font-size:16px;color:#374151;font-weight:500;margin-bottom:4px}.upload-formats{font-size:14px;color:#9ca3af}.uploaded-files-list{margin-top:16px}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f3f4f6;border-radius:8px;margin-bottom:8px}.uploaded-file-name{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.remove-file{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.3s ease}.remove-file:hover{background:rgb(239 68 68 / .1)}.collection-group-required .collection-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.collection-group-required .collection-option{cursor:pointer}.collection-option input[type="radio"]{position:absolute;opacity:0;cursor:pointer}.collection-group-required .collection-card{border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;transition:all 0.3s ease;height:100%;overflow:hidden}.collection-group-required .collection-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 12px 24px rgb(0 0 0 / .1)}.collection-option input[type="checkbox"]:checked~.collection-card{border-color:#000;box-shadow:0 0 0 2px rgb(25 25 25 / .3);background:linear-gradient(to bottom,rgb(102 126 234 / .05),#fff)}.collection-card.selected{border-color:#000;box-shadow:0 0 0 2px rgb(25 25 25 / .3);background:linear-gradient(to bottom,rgb(102 126 234 / .05),#fff)}.collection-group-required .collection-image{background-repeat:no-repeat;background-position:top center;background-size:cover;width:100%;aspect-ratio:6/8;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.collection-group-required .collection-placeholder{font-size:16px;background:rgb(0 0 0 / .3);backdrop-filter:blur(10px);border-radius:6px;padding:10px 20px}.collection-group-required .collection-content{padding:16px;background:#fff;flex:1;display:flex;flex-direction:column;align-items:self-start;justify-content:center}.collection-group-required .collection-content h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:8px}.collection-group-required .collection-content h3.kbg-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:5px}.collection-group-required .collection-content h6.kbg-price{color:dimgray;font-size:16px;margin-bottom:.5rem}.collection-group-required .collection-content h5{font-size:16px;font-weight:700;margin-bottom:.5rem}.collection-group-required .collection-content ul{font-size:14px;font-weight:400;margin:0;padding-left:16px;padding-bottom:.75rem}.collection-group-required .collection-content p{color:#6b7280;font-size:14px;line-height:1.5;font-weight:400}.form-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e5e7eb}.form-navigation .btn{font-size:14px;font-weight:600;font-family:inherit;border-radius:25px;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;padding:14px 32px;cursor:pointer}.form-navigation .btn-primary{color:#fff;background:#000;flex:1;justify-content:center}.form-navigation .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .4)}.form-navigation .btn-primary:active{transform:translateY(0)}.form-navigation .btn-secondary{color:#000;background:#fff}.form-navigation .btn-secondary:hover{color:#000;background:#fff}.form-navigation .btn svg{width:20px;height:20px;stroke-width:2}.error-message{display:none;color:#ef4444;font-size:14px;margin-top:8px}.error-message.show{display:block}.form-group.error input,.form-group.error textarea{border-color:#ef4444}.form-group.error .radio-option,.form-group.error .checkbox-option,.form-group.error .collection-card{border-color:#fecaca;background-color:#fef2f2}.radio-group .error-message,.collection-group .error-message,.checkbox-group .error-message,.checkbox-group-required .error-message,.collection-group-required .error-message{display:block;margin-top:12px;padding:10px;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px}.form-container .success-message{text-align:center;padding:60px 20px}.form-container .success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.form-container .success-message h2{font-size:28px;color:#1f2937;margin-bottom:16px}.form-container .success-message p{font-size:16px;color:#6b7280;margin-bottom:32px;line-height:1.6}.btn-primary.loading{position:relative;color:#fff0}.btn-primary.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:768px){body{padding:12px}.form-container{padding:24px;border-radius:12px}.form-container .step-title{font-size:24px}.form-container .step-description{font-size:14px;margin-bottom:24px}.collection-group{grid-template-columns:1fr}.form-navigation{gap:12px}.form-navigation .btn{justify-content:center}}@media screen and (max-width:480px){.form-container{padding:20px}.progress-wrapper{margin-bottom:24px}.step-title{font-size:22px}input[type="text"],input[type="email"],input[type="tel"],textarea{padding:12px 14px;font-size:16px}.radio-option,.checkbox-option{padding:12px}.file-upload-area{padding:30px 15px}}@media print{body{background:#fff}.form-container{box-shadow:none}.form-navigation,.progress-wrapper{display:none}}