.skin-quiz-container{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.quiz-progress{margin-bottom:30px}.progress-bar{height:8px;width:100%;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background-color:#4a90e2;width:12.5%;transition:width .3s ease}.progress-text{font-size:14px;color:#666}.quiz-question{margin-bottom:30px}.quiz-question h3{margin-bottom:20px;font-size:20px;color:#333}.question-hint{margin-top:-15px;margin-bottom:15px;font-size:14px;color:#666;font-style:italic}.form-field{margin-bottom:25px}input[type=text]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.selectable-options .option-item{padding:12px 15px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:16px}.selectable-options .option-item:hover{background-color:#f5f5f5}.selectable-options .option-item.selected{background-color:#e6f2ff;border-color:#4a90e2;color:#2a6fc9}.sub-question{margin-bottom:25px}.sub-question h4{margin-bottom:15px;font-size:18px;color:#444}.quiz-nav-buttons{display:flex;justify-content:space-between;margin-top:30px}button.quiz-next-btn,button.quiz-prev-btn,button.quiz-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}button.quiz-next-btn,button.quiz-submit-btn{background-color:#4a90e2;color:#fff}button.quiz-prev-btn{background-color:#f0f0f0;color:#333}button.quiz-next-btn:hover,button.quiz-submit-btn:hover{background-color:#3a7ecb}button.quiz-prev-btn:hover{background-color:#e0e0e0}.quiz-results{text-align:center}.quiz-json-results{margin-top:30px;text-align:left}.quiz-json-results pre{background-color:#f6f8fa;border:1px solid #ddd;border-radius:4px;padding:15px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.profile-section,.recommendations-section{margin-bottom:30px;background-color:#f9f9f9;padding:20px;border-radius:8px}.routine-container{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.routine-column{flex:1;min-width:250px;background-color:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.routine-step{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.routine-step:last-child{border-bottom:none}.step-name{font-weight:700;color:#4a90e2;margin-bottom:5px}.product-item{margin:5px 0;font-size:15px}.product-sku{font-size:13px;color:#777;display:block}.sunscreen-recommendation{margin-top:20px;padding:15px;background-color:#f0f7ff;border-radius:6px}.notes{margin-top:20px;font-style:italic;color:#666}.note-item{margin-bottom:8px;position:relative;padding-left:20px}.note-item:before{content:"\2022";position:absolute;left:5px;color:#4a90e2}.routine-step-carousel{margin-bottom:30px}.step-title{margin-bottom:10px;font-weight:700;color:#4a90e2}.product-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:10px 0;-webkit-overflow-scrolling:touch}.product-card{flex:0 0 auto;width:200px;border:1px solid #ddd;border-radius:8px;overflow:hidden;scroll-snap-align:start;background-color:#fff;box-shadow:0 2px 4px #0000001a}.product-card__image{width:100%;height:200px;object-fit:contain;background-color:#f9f9f9;padding:10px}.product-card__info{padding:12px}.product-card__title{font-size:14px;margin:0 0 8px;line-height:1.3}.product-card__sku{font-size:12px;color:#777;margin-bottom:8px}.product-card__price{font-weight:700;margin-bottom:8px}.product-card__button{display:block;width:100%;padding:8px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;text-align:center;cursor:pointer;font-size:14px}.pregnancy-note{margin:15px 0;padding:10px;background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}@media (max-width: 767px){.routine-container{flex-direction:column}.routine-column{width:100%;margin-bottom:20px}}.routine-carousel{margin-bottom:30px}.routine-carousel .flickity-button{background:#000c;color:#fff;border-radius:50%;width:40px;height:40px}.routine-carousel .flickity-button:hover{background:#000}.routine-carousel .flickity-button-icon{width:20px;height:20px}.routine-carousel .flickity-prev-next-button.previous{left:10px}.routine-carousel .flickity-prev-next-button.next{right:10px}.product-card{border:1px solid #e8e8e8;border-radius:8px;padding:15px;margin:0 10px;box-shadow:0 2px 5px #0000000d;background:#fff;width:200px;transition:all .3s ease}.product-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.product-image{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden}.product-image img{max-height:100%;max-width:100%;object-fit:contain}.product-title{font-weight:600;font-size:14px;margin-bottom:8px;min-height:40px;line-height:1.4}.product-sku{font-size:12px;color:#666;margin-bottom:8px}.product-price{font-weight:700;font-size:16px;margin-bottom:15px;color:#000}.product-price .original-price{text-decoration:line-through;color:#767676;font-weight:400;margin-right:8px}.product-price .sale-price{color:#e94b3c}.product-price .discount-badge{display:inline-block;background-color:#e94b3c;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:3px;margin-left:8px;vertical-align:middle}.add-to-cart-btn{background-color:#000;color:#fff;border:none;padding:8px 15px;cursor:pointer;width:100%;border-radius:4px;font-size:14px;font-weight:500;transition:background-color .3s ease}.add-to-cart-btn:hover{background-color:#333}@media (max-width: 768px){.product-card{width:160px}.product-image{height:160px}}
/*# sourceMappingURL=/cdn/shop/t/255/assets/section-skin-quiz.css.map */