.skinify{max-width:460px;margin:30px auto;font-family:Inter,sans-serif;background:#fff;border-radius:14px;border:1px solid #eee;overflow:hidden}.skinify .skinify-header{display:flex;align-items:center;gap:12px;padding:14px;font-weight:600;background-color:#04a998;color:#fff}.skinify .skinify-header button{background:none;border:none;font-size:35px;cursor:pointer;position:absolute;color:#fff}.skinify .skinify-header span{display:block;width:100%;text-align:center;font-size:20px;line-height:20px}.skinify .progress{height:4px;background:#eee}.skinify .progress span{display:block;height:100%;width:0%;background:#000;transition:width .3s}.skinify .step{padding:10px}.skinify .step h2{font-size:18px}.skinify .step p{font-size:13px;color:#777}.skinify .options{margin-top:16px;display:grid;gap:12px}.skinify .option{padding:14px;border-radius:10px;border:1px solid #dbeaea;cursor:pointer}.skinify .option.active{background:#eefbfb;border-color:#18a6a6}.skinify .solution-title{font-size:18px;font-weight:600}.skinify .solution-sub{color:#18a6a6;margin-bottom:4px}.skinify .tabs{display:flex;border-bottom:1px solid #eee;margin-top:10px}.skinify .tabs button{flex:1;padding:10px;background:none;border:none;cursor:pointer;color:#000}.skinify .tabs button.active{border-bottom:2px solid #000;font-weight:600;background:#cdeeea;border-radius:8px 8px 0 0}.skinify .product{display:flex;gap:12px;margin-top:16px}.skinify .product img{width:70px;border-radius:6px}.skinify .price{font-weight:500;font-size:14px}.skinify.box{background:#eef5f7;padding:12px;border-radius:8px;margin-top:16px}.skinify .note{color:#ff000087;font-size:10px;margin-top:6px;padding:0 5px}#quizFooter{padding:10px}#quizFooter button{width:65%;padding:14px;border-radius:8px;border:1px solid #000;background:#fff;font-weight:600;cursor:pointer;font-size:16px;color:#000}#quizFooter button.primary-btn.nextSolutionTab{width:65%}.skinify .no-routine-dev{text-align:center;padding:20px}.skinify ul{list-style:none;padding:0;margin:0}#quizContent .solution h2,#quizContent .solution h3{text-align:center;font-size:14px;margin:0;padding:0;line-height:20px;display:inline-block}#quizContent .solution h3{color:#000;background-color:#04a998;margin-bottom:4px;color:#fff;border-radius:8px;padding:5px 15px;width:fit-content;margin-left:auto;margin-right:auto}#quizContent .solution h2{margin-top:5px}#quizContent p.vibe,#quizContent p.powered{text-align:center;margin:0;padding:0;font-size:11px;line-height:14px}#quizContent p.powered{display:none}.benefits-box{padding:10px;background:#04a99833;margin:10px;border-radius:8px;transition:opacity .5s ease-in-out}.benefits-box .ingredients{background:#04a998;padding:5px 10px;border-radius:5px;color:#fff;margin-top:10px;font-size:12px}#quizContent .product-card{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:10px;box-shadow:0 1px 3px #ccc;border-radius:8px;margin:10px;cursor:pointer}#quizContent .product-image{width:25%}#quizContent .product-info{width:75%;font-weight:500;color:#000;font-size:14px;position:relative;padding-right:20px}#quizContent .product-info input[type=checkbox]{position:absolute;top:50%;right:0;width:20px;height:20px;accent-color:black}.solution-inner-text{text-align:center;padding-bottom:10px;background-color:#cdeeea;display:flex;flex-direction:column;width:100%;padding-left:10px;padding-right:10px;display:none}.note-container{padding:0 10px}.skinify.options{display:flex;flex-direction:column;gap:14px}.skinify .option{display:flex;align-items:center;padding:14px 16px;border:1.5px solid #dbecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.skinify.option:hover{border-color:#0aa89e}.skinify .option.active,.skinify .option:hover{background:#eefaf8;border-color:#0aa89e}.skinify .option-icon{width:34px;height:34px;min-width:34px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:14px}.skinify .option-text{font-size:12px;font-weight:500;color:#222}.skinify .options-concern-row,.skinify .options-vibe-row{display:flex;flex-wrap:wrap;justify-content:center}.skinify .options-concern-row .option,.skinify .options-vibe-row .option{flex-direction:column;text-align:center;width:31%}.skinify .options-concern-row .option-icon,.skinify .options-vibe-row .option-icon{margin-right:0;margin-bottom:8px}.skinify .option:hover{transform:scale(1.04)}.summary-item.add-step{font-size:13px;text-align:center;color:#666;font-weight:500}.summary-bar{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:6px 6px 6px 12px;border-radius:8px;margin-top:10px;flex-wrap:wrap;text-align:center}.summary-bar .total{font-size:16px;font-weight:600}.add-cart-btn{background:transparent;color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer}.summary-strip{display:flex;gap:12px;padding:10px}.summary-item{width:64px;height:64px;border-radius:8px;position:relative;cursor:pointer}.summary-item.placeholder{border:2px dashed #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#555;background-color:#eee}#quizFooter .summary-items{display:flex;gap:12px;padding:10px;overflow-x:auto;position:relative;justify-content:space-between}.summary-item img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:2px dashed #cfcfcf}.summary-item.placeholder span{font-weight:600}#quizFooter button.remove-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#6c7a84;color:#fff;border:none;font-size:12px;cursor:pointer;padding:0}#quizFooter .summary-items:before{content:"";width:85%;border-bottom:2px dashed lightgrey;position:absolute;left:26px;top:50%}@media only screen and (max-width:600px){.skinify{margin-left:10px;margin-right:10px}}.final-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px}.final-loader p{font-size:14px;color:#555}.spinner{width:36px;height:36px;border:3px solid #e5e5e5;border-top:3px solid #0aa89e;border-radius:50%;animation:spin .8s linear infinite}.product-card.out-of-stock{opacity:.5;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.skinify .cart-warning{color:#c62828;font-size:13px;margin-top:6px;text-align:center;width:100%}.skinify button[disabled]{opacity:.5;pointer-events:none}.skinify .options-concern-row .option,.skinify .options-vibe-row .option{flex-direction:column;text-align:center;width:48%}@media(max-width:749px){.template-skinification .search_bar{display:none}.template-skinification .header_search-icon{visibility:visible}.template-skinification sticky-header{height:6.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2345/assets/skinification-quiz.css.map */