#skin-quiz{max-width:720px;margin:auto;padding:60px 24px;font-family:Poppins,sans-serif;color:#2f2a26;background:#f9f7f4}#skin-quiz h1,#skin-quiz h2,#skin-quiz h3,#skin-quiz p{font-family:Playfair Display,serif;color:#2f2a26;font-weight:600;margin-bottom:20px}button,.quiz-step-button,.quiz-option{font-family:Poppins,sans-serif;cursor:pointer;border:none;border-radius:12px;padding:14px 24px;font-weight:500;font-size:1em;transition:all .25s ease}button:hover,.quiz-option:hover,.quiz-step-button:hover{opacity:.9}#quiz-progress{text-align:center;font-weight:500;color:#8f857a;margin-bottom:20px}.quiz-progress-bar{background:#eae7e3;height:8px;border-radius:5px;margin-top:6px;overflow:hidden}#quizProgressFill{height:100%;width:0%;background:#b5aa9b;transition:width .3s ease}.quiz-step{display:none;flex-direction:column;align-items:center;animation:fadeInUp .4s ease-out forwards}.quiz-step.active{display:flex}.quiz-options{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px}.quiz-option{background:#f7f7f7;border:2px solid #ddd;color:#2f2a26}.quiz-option.selected{background:#2f2a26;color:#fff;border-color:#2f2a26}.quiz-step-buttons{display:flex;justify-content:space-between;margin-top:40px;width:100%}.quiz-step-button{background:#b5aa9b;color:#fff}.routine-wrapper{padding:40px 0}.routine-name{font-size:2em;font-family:Playfair Display,serif;text-align:center;margin-bottom:12px}.ritual-subtitle{text-align:center;font-size:1.1em;color:#8f857a;margin-bottom:30px}.routine-steps{display:flex;flex-direction:column;gap:28px;padding:0;margin:0;list-style:none}.ritual-step{display:flex;gap:20px;align-items:center;border-top:1px solid #eee;padding-top:20px;opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease-out forwards;animation-delay:var(--delay, 0s)}.ritual-step img{width:80px;height:80px;object-fit:cover;border-radius:12px}.ritual-info h3{font-size:1.2em;font-weight:600;margin-bottom:6px;font-family:Playfair Display,serif}.ritual-info p{font-size:.95em;color:#555;margin-bottom:10px}.ritual-summary{background:#f8f6f3;padding:20px 24px;border-radius:12px;margin-bottom:32px;font-size:1.05em;color:#4a423a;box-shadow:0 2px 6px #0000000a}.ritual-step h4{margin-bottom:6px;color:#3c3732;font-weight:600;font-family:Playfair Display,serif}.ritual-step small{color:#6b635a}.sticky-routine-bar{position:fixed;bottom:0;left:0;width:100%;background:#111;padding:16px 20px;text-align:center;display:flex;justify-content:center;z-index:100}.add-routine-btn{background:#fff;color:#000;padding:14px 28px;font-weight:700;font-size:1em;border-radius:12px;border:2px solid #fff;transition:all .2s ease}.add-routine-btn:hover{background:#f2f2f2;border-color:#ddd}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/skinQuiz.css.map */