.shoe-finder-quiz{max-width:800px;margin:10px auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quiz-progress{margin-bottom:40px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;border-radius:10px}.progress-text{text-align:center;color:#666;font-size:14px;margin:0}.quiz-container{position:relative}.quiz-question{display:none;animation:fadeIn .3s ease}.quiz-question.active{display:block}.quiz-question h2{text-align:center;font-size:28px;margin-bottom:40px;color:#333}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.quiz-option{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.quiz-option:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-option.selected{border-color:#4caf50;background:#f1f8f4;box-shadow:0 4px 12px #4caf5033}.option-icon{font-size:32px}.quiz-options-colors{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.search_product_info img{height:300px;object-fit:contain}.color-option{flex-direction:row;justify-content:center}.color-swatch{width:30px;height:30px;border-radius:50%;display:inline-block;margin-right:10px}.skip-option{background:#f5f5f5;border-style:dashed}.quiz-navigation{display:flex;justify-content:space-between;margin-top:30px}.quiz-btn{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-btn-back{background:#f5f5f5;color:#333}.quiz-btn-back:hover{background:#e0e0e0}.quiz-btn-next{background:#4caf50;color:#fff;margin-left:auto}.quiz-btn-next:hover{background:#45a049}.quiz-loading{text-align:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-results{animation:fadeIn .5s ease}.results-header{text-align:center;margin-bottom:40px}.results-header h2{font-size:32px;margin-bottom:15px;color:#333}.results-summary{font-size:16px;color:#666;margin-bottom:10px}.results-count{font-size:18px;color:#4caf50}.results-filters{display:flex;gap:10px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.filter-btn:hover,.filter-btn.active{background:#4caf50;color:#fff;border-color:#4caf50}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;margin-bottom:40px}.result-product{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.result-product:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.product-link{text-decoration:none;color:inherit;display:block}.product-image{width:100%;height:250px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.result-product:hover .product-image img{transform:scale(1.05)}.product-info{padding:15px}.product-title{font-size:16px;font-weight:600;margin:0 0 10px;color:#333;line-height:1.4}.product-price{font-size:18px;font-weight:700;color:#4caf50;margin:0}.product-compare-price{font-size:14px;color:#999;text-decoration:line-through;margin:5px 0 0}.product-add-to-cart{width:100%;padding:12px;background:#4caf50;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s ease}.product-add-to-cart:hover{background:#45a049}.no-results{text-align:center;padding:60px 20px;font-size:18px;color:#666}.results-actions{text-align:center}.quiz-btn-retake{background:#f5f5f5;color:#333;padding:12px 30px}.quiz-btn-retake:hover{background:#e0e0e0}.search_product_info{padding:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-question h2{font-size:22px}.quiz-options{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.results-filters{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/shoes-finder-quiz.css.map */
