body{margin:0;padding:0;box-sizing:border-box;background-color:#f7f7f7;text-align:center}.quiz{padding:30px 10px}.quiz .container{min-height:50vh;max-width:500px;margin:50px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.question{font-size:18px;margin-bottom:20px;display:none}.quiz .container p:last-child{padding-bottom:0}.options{display:flex;flex-wrap:wrap;justify-content:center}.option{margin:5px}.option button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;background-color:#fff;color:#2d3d23;border:1px solid #2d3d23;transition:background-color .3s}.option button:hover,.option button.selected{background-color:#2d3d23;color:#fff}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:5px}.input-group input[type=text],.input-group input[type=email],.input-group input[type=tel],.input-group input[type=number]{width:calc(100% - 20px);padding:8px;border-radius:5px;border:1px solid #ccc}.btn-group{display:flex;justify-content:space-between;margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;background-color:#2d3d23;color:#fff;transition:background-color .3s}.btn:hover{background-color:#172214}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.product-card{border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center}.product-image{width:100%;border-radius:8px;margin-bottom:10px}.product-title{font-size:18px;font-weight:700;margin-bottom:10px}.product-price{font-size:16px;margin-bottom:10px}.product-review{margin-bottom:10px}.add-to-cart{background-color:#2d3d23;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s}.add-to-cart:hover{background-color:#172214}input[type=checkbox]{display:none}.checkbox-button{display:inline-block;padding:10px 20px;background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-button.selected{background-color:#2d3d23;color:#fff!important}.cta-button{background-color:#2d3d23;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.secondary-button{background-color:#fff;color:#2d3d23;border:1px solid #2d3d23;padding:10px 20px;border-radius:5px;cursor:pointer}.cta-button:hover{background-color:#172214}.secondary-button:hover{background-color:#f0f0f0}#showRecommendationsButton{padding:10px 20px;border:none;border-radius:5px;background-color:#2d3d23;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}#showRecommendationsButton:hover{background-color:#172214}.alert{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;padding:10px 20px;border-radius:5px;background-color:#2d3d23;color:#fff;box-shadow:0 0 10px #0000004d}.alert-success{background-color:#2d3d23}@keyframes slideIn{0%{top:-100px}to{top:20px}}@keyframes slideOut{0%{top:20px}to{top:-100px}}.alert{animation:slideIn .5s forwards,slideOut .5s forwards 2.5s}.quiz .container{max-width:500px;margin:50px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.quiz .container h1{font-size:24px;margin-bottom:20px}.quiz .container p{font-size:16px;color:#666;margin-bottom:30px}.quiz .container label{font-size:18px;color:#333;margin-bottom:10px;display:block}@media(max-width:767px){.quiz .container label{font-size:14px}}#userInfoSubmit{display:block;width:100%;padding:10px;border:none;border-radius:5px;background-color:#2d3d23;color:#fff;font-size:18px;cursor:pointer}#userInfoSubmit:hover{background-color:#172214}.text-center{text-align:center}.error-message{color:red;font-size:14px}.quiz .container{max-width:800px;margin:0 auto;padding:20px}#introScreen{text-align:center}#introScreen h1{font-size:32px;margin-bottom:20px}#introScreen p{font-size:18px;margin-bottom:10px}#introScreen button{font-size:16px;padding:10px 20px;background-color:#2d3d23;color:#fff;border:none;border-radius:5px;cursor:pointer}form{margin-top:20px}form h2{font-size:24px;margin-bottom:10px}input[type=submit]{font-size:16px;padding:10px 20px;background-color:#2d3d23;color:#fff;border:none;border-radius:5px;cursor:pointer}#nameStep,#emailPhoneStep,#emailError,#phoneError{display:none}
/*# sourceMappingURL=/cdn/shop/t/80/assets/selfAssessmentCSS.css.map */