.quiz{width:100%;padding:60px 0;color:#1f1f1f}.quiz__inner{width:100%}.quiz__top-label{font-size:16px;font-weight:500;line-height:1.3;color:#4b4b4b;margin:0 0 24px}.quiz__form{width:100%}.quiz__steps{position:relative}.quiz__step{display:none;animation:quizFadeIn .25s ease}.quiz__step--active{display:block}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quiz__step-counter{font-size:14px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:#4b4b4b;margin:0 0 5px}.quiz__step-title{font-size:28px;font-weight:500;line-height:1.3;color:#1f1f1f;margin:0 0 28px}.quiz__options{display:flex;flex-wrap:wrap;gap:25px}.quiz__option{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid transparent;border-radius:6px;padding:8px 18px;font-size:17px;font-weight:500;line-height:1.3;color:#1f1f1f;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.quiz__option:hover{box-shadow:0 2px 8px #00000014}.quiz__option.is-selected{background:var(--quiz-accent, #3D534E);color:#fff;border-color:var(--quiz-accent, #3D534E)}.quiz__form-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:25px;align-items:stretch}.quiz__field{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:6px;padding:6px 16px 10px;min-height:56px;cursor:text}.quiz__field--required:after,.quiz__field--phone.quiz__field--required:after{content:"*";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#d33;font-size:16px;line-height:1;pointer-events:none;z-index:1}.quiz__field-label{font-size:12px;font-weight:400;color:#4b4b4b;margin-bottom:2px;letter-spacing:.02em}.quiz__input{border:none;outline:none;background:transparent;font-size:14px;font-weight:400;color:#1f1f1f;width:100%;padding:0;line-height:1.4}.quiz__input::placeholder{color:#cacaca;font-weight:400}.quiz__field--phone{background:transparent;padding:0;min-height:56px;display:block;position:relative;cursor:default;overflow:visible}.quiz__field--phone .iti{display:flex!important;align-items:stretch;gap:12px;width:100%;position:relative}.quiz__field--phone .iti__country-container{position:relative;top:auto;right:auto;left:auto;bottom:auto;padding:0;background:#fff;border-radius:6px;height:57px;min-width:96px;flex-shrink:0;cursor:pointer;z-index:2}.quiz__field--phone .iti__selected-country{height:100%;padding:0 14px;background:transparent;cursor:pointer}.quiz__field--phone .iti__selected-country-primary{height:100%;padding:0 4px 0 0}.quiz__field--phone .iti__selected-dial-code{color:#1f1f1f;font-weight:500;font-size:14px}.quiz__field--phone .iti input.iti__tel-input,.quiz__field--phone .iti input.iti__tel-input[type=text],.quiz__field--phone .iti input.iti__tel-input[type=tel],.quiz__field--phone .quiz__input--phone{background:#fff;border:none;border-radius:6px;padding:22px 16px 10px;min-height:57px;height:57px;flex:1;width:100%;font-size:14px;font-weight:500;color:#1f1f1f;outline:none;margin:0}.quiz__field-label--phone{position:absolute;top:10px;left:124px;pointer-events:none;margin:0;font-size:11px;font-weight:500;color:#8a8a8a;letter-spacing:.02em;z-index:3;cursor:text}.quiz__field--phone .iti__dropdown-content{z-index:1000}.quiz__form-note{font-size:12px;font-weight:400;line-height:1.4;color:#6b6b6b;margin:16px 0 0}.quiz__input.quiz__input--phone.iti__tel-input{padding-left:12px!important}.quiz__progress{position:relative;width:100%;height:2px;background:var(--quiz-progress-bg, #B7C0A4);margin:32px 0 24px;overflow:visible}.quiz__progress-bar{display:block;position:absolute;top:-1px;left:0;height:2px;background:var(--quiz-accent, #3D534E);transition:width .35s ease;max-width:100%}.quiz__controls{display:flex;align-items:center;gap:12px;margin-top:8px}.quiz__nav{width:44px;height:44px;border-radius:50%;background:#ffffff8c;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;flex-shrink:0}.quiz__nav:hover{background:#ffffffe6}.quiz__nav--next{background:#fff}.quiz__nav[hidden]{display:none}.quiz__submit{display:inline-flex;align-items:center;gap:10px;background:#fff;border:none;border-radius:999px;padding:11px 30px;font-size:17px;line-height:1.3;font-weight:500;letter-spacing:.51px;text-transform:uppercase;color:#1f1f1f;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.quiz__submit:hover{background:#f4f4f4}.quiz__submit[hidden]{display:none}.quiz__submit.is-loading{opacity:.6;pointer-events:none}.quiz__form-status{margin:12px 0 0;font-size:13px;font-weight:500;line-height:1.4}.quiz__form-status[hidden]{display:none}.quiz__form-status.is-error{color:#b33a3a}.quiz__form-status.is-success{color:#2f7d3b}.quiz__input.input--invalid,.quiz__field:has(.input--invalid){box-shadow:0 0 0 1px #b33a3a inset}.quiz__success{display:block;padding:16px 0 8px;animation:quizFadeIn .3s ease}.quiz__success[hidden]{display:none}.quiz__success-title{font-size:28px;font-weight:600;line-height:1.25;color:#1a1d1c;margin:0 0 12px}.quiz__success-text{font-size:15px;font-weight:500;line-height:1.5;color:#4b4b4b;margin:0;max-width:560px}@media screen and (max-width:991.98px){.quiz{padding:50px 0}.quiz__step-title{font-size:24px;margin-bottom:24px}.quiz__form-grid{grid-template-columns:1fr 1fr;gap:10px}.quiz__field--phone{grid-column:1 / -1}}@media screen and (max-width:767.98px){.quiz{padding:40px 0}.quiz__step-title{font-size:24px;margin-bottom:20px}.quiz__options{gap:16px}.quiz__form-grid{grid-template-columns:1fr;gap:10px}.quiz__field{min-height:52px;padding:8px 14px}.quiz__field--phone{padding:0;min-height:52px}.quiz__field--phone .iti{gap:10px}.quiz__field--phone .iti__country-container{height:52px;min-width:88px}.quiz__field--phone .iti__selected-country{padding:0 10px}.quiz__field--phone .iti input.iti__tel-input,.quiz__field--phone .iti input.iti__tel-input[type=text],.quiz__field--phone .iti input.iti__tel-input[type=tel],.quiz__field--phone .quiz__input--phone{padding:20px 14px 8px;min-height:52px;height:52px}.quiz__field-label--phone{top:8px;left:112px}.quiz__progress{margin:24px 0 18px}.quiz__nav{width:40px;height:40px}.quiz__submit{padding:10px 18px;font-size:13px;min-height:40px}.quiz__success-title{font-size:22px}.quiz__success-text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/quiz.css.map */