.quiz-container .form-group{margin-top:15px;margin-bottom:15px;position:relative}.form-group input{height:45px!important}#name-section,#email-section{max-width:600px;margin:0 auto;background:#f1cac5;padding:25px}.quiz-container{margin:0 auto;background-color:#fff}.quiz-container h1{text-align:center}.quiz-container h2,.quiz-container p{margin-bottom:15px}.quiz-section{display:none;background-color:#fff;margin-bottom:20px;border-radius:10px}.quiz-section.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-intro{text-align:center;padding:30px 20px;background-color:#f0cbc5;color:#000;border-radius:10px}.quiz-subtitle{font-size:14px;color:#000;margin-bottom:30px}.form-group{margin-bottom:25px}.quiz-container .form-control{width:100%;padding:12px 15px;border-radius:0;font-size:16px;transition:border-color .3s;background-color:#fff}.quiz-container .form-control:focus{border-color:#f0cbc5;outline:none}.radio-group{margin-top:15px}.radio-option{display:block;margin-bottom:12px;padding:12px 15px;background-color:#fff;border:1px solid #000;border-radius:0;cursor:pointer;transition:all .2s ease}.radio-option:hover{background-color:#f0cbc5}.radio-option.selected{background-color:#f0cbc5;border-color:#000}.radio-option input{display:none}.radio-option label{display:flex;align-items:center;cursor:pointer;font-weight:400;width:100%}.radio-option .radio-custom{width:20px;height:20px;border-radius:50%;border:2px solid #000;margin-right:12px;position:relative;flex-shrink:0}.radio-option.selected .radio-custom{border-color:#000}.radio-option.selected .radio-custom:after{content:"";position:absolute;width:10px;height:10px;background-color:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.button-group{display:flex;justify-content:space-between;margin-top:20px;gap:0px}.result-container{display:none;text-align:center;background-color:#fff;margin-top:20px}.result-container.active{display:block;animation:fadeIn .8s ease-in-out}.result-header{font-size:32px;color:#000;margin-bottom:20px;text-transform:uppercase}.result-description{font-size:16px;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}.product-recommendations{background-color:#f0cbc5;padding:20px;max-width:500px;margin:30px auto 0}.product-title{font-size:20px;margin-bottom:15px;text-transform:uppercase}.result-image{max-width:100%;height:auto;max-width:500px;margin:0 auto;padding-top:20px;width:100%}.shop-button{display:inline-block;padding:15px 30px;background-color:#000;color:#fff;text-decoration:none;border-radius:0;font-weight:600;margin-top:15px;transition:background-color .3s;text-transform:uppercase}.shop-button:hover{background-color:#333}.social-share{margin-top:30px}.social-title{font-size:16px;margin-bottom:10px;text-transform:uppercase}.social-icons{display:flex;justify-content:center;gap:15px}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#000;border-radius:0;color:#fff;text-decoration:none;transition:background-color .2s}.social-icon:hover{background-color:#333}.progress-container{margin:30px 0}.progress-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:30px}.progress-steps:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:2px;width:100%;background-color:#ccc;z-index:0}.progress-step{width:20px;height:20px;background-color:#ccc;border-radius:0;z-index:1;position:relative;transition:background-color .3s}.progress-step.active,.progress-step.completed{background-color:#000}.quiz-container .input{display:block;width:100%}.quiz-container .predictive-search{display:none}.quiz-container .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}@media screen and (max-width: 768px){.radio-option{padding:10px}.btn{padding:10px 20px;font-size:14px;width:100%;margin-top:10px}.button-group{align-items:flex-start;flex-direction:column}.product-recommendations h3{margin-bottom:15px}.quiz-container h1{text-align:center;margin-bottom:15px}.button-group .btn:first-child{margin:0!important}}@media screen and (max-width: 490px){.result-header{font-size:24px}.result-description{font-size:14px}.shop-button{padding:12px 24px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/jacky-quiz.css.map */