.skin-quiz{padding:60px 0}.skin-quiz .container{max-width:720px;margin:0 auto;padding:0 20px}.skin-quiz__header{text-align:center;margin-bottom:40px}.skin-quiz__title{font-size:32px;line-height:1.2;margin:0 0 10px}.skin-quiz__subtitle{font-size:16px;opacity:.7;margin:0}.skin-quiz__progress{display:flex;justify-content:center;gap:8px;margin-bottom:36px}.skin-quiz__dot{width:10px;height:10px;border-radius:50%;background-color:var(--quiz-dot-color, #ccc);transition:background-color .3s ease,transform .3s ease}.skin-quiz__dot.is-active{background-color:var(--quiz-dot-active-color, #333);transform:scale(1.3)}.skin-quiz__dot.is-done{background-color:var(--quiz-dot-active-color, #333)}.skin-quiz__step{display:none}.skin-quiz__step.is-active{display:block;animation:quizFadeIn .4s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skin-quiz__question{text-align:center;font-size:20px;line-height:1.4;margin:0 0 24px}.skin-quiz__answers{display:flex;flex-direction:column;gap:12px}.skin-quiz__answer{display:block;width:100%;padding:16px 20px;border:1px solid var(--quiz-border-color, #ddd);border-radius:8px;background:var(--quiz-answer-bg, #fff);color:var(--quiz-text-color, #333);font-size:15px;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease;font-family:inherit}.skin-quiz__answer:hover{border-color:var(--quiz-active-color, #333);transform:translateY(-1px)}.skin-quiz__answer.is-selected{border-color:var(--quiz-active-color, #333);background-color:var(--quiz-selected-bg, #f5f5f5)}.skin-quiz__nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.skin-quiz__btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border:1px solid var(--quiz-active-color, #333);border-radius:6px;background:transparent;color:var(--quiz-text-color, #333);font-size:14px;font-family:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.skin-quiz__btn:hover{background-color:var(--quiz-active-color, #333);color:#fff}.skin-quiz__btn--next{margin-left:auto;background-color:var(--quiz-active-color, #333);color:#fff}.skin-quiz__btn--next:hover{opacity:.85}.skin-quiz__btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.skin-quiz__btn--prev{background:transparent;color:var(--quiz-text-color, #333)}.skin-quiz__result{display:none;text-align:center;animation:quizFadeIn .5s ease}.skin-quiz__result.is-active{display:block}.skin-quiz__result-title{font-size:26px;margin:0 0 16px}.skin-quiz__result-desc{font-size:16px;line-height:1.6;margin:0 0 12px;opacity:.85}.skin-quiz__result-why,.skin-quiz__result-best{font-size:14px;line-height:1.6;margin:0 0 10px}.skin-quiz__result-why strong,.skin-quiz__result-best strong{display:block;margin-bottom:4px}.skin-quiz__result-cta{display:inline-block;margin-top:24px;padding:14px 36px;background-color:var(--quiz-active-color, #333);color:#fff;text-decoration:none;border-radius:6px;font-size:15px;transition:opacity .2s ease}.skin-quiz__result-cta:hover{opacity:.85}.skin-quiz__retake{display:inline-block;margin-top:16px;background:none;border:none;color:var(--quiz-text-color, #333);text-decoration:underline;cursor:pointer;font-size:14px;font-family:inherit}.skin-quiz__counter{text-align:center;font-size:13px;opacity:.5;margin-bottom:20px}@media screen and (max-width:749px){.skin-quiz{padding:40px 0}.skin-quiz__title{font-size:24px}.skin-quiz__question{font-size:18px}.skin-quiz__answer{font-size:14px;padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/skin-quiz.css.map */