.quiz-step{display:none;opacity:0;transition:opacity .3s}.quiz-step.active{display:block;opacity:1}.product-card{border:1px solid #ddd;margin:1rem 0;padding:1.5rem}.quiz-btn{cursor:pointer;margin:.5rem;padding:1rem 2rem}.recommended-badge{background:gold;padding:.3rem .5rem}.product-selector{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.step{animation:fadeIn .3s ease;display:none}.step.active{display:block}.radio-group{border:1px solid #ddd;border-radius:8px;margin:1rem 0;padding:1rem}.radio-label{border:1px solid #eee;border-radius:5px;cursor:pointer;display:block;margin:10px 0;padding:15px}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin:20px 0}.progress-fill{background:#c61a0f;border-radius:4px;height:100%;transition:width .3s ease}.results-container{margin-top:30px}.product-card{border:1px solid #eee;border-radius:8px;display:flex;gap:10px;margin:10px 0;padding:20px}.product-image img{height:100%;max-width:150px;object-fit:contain;width:auto}.product-card a.button:active,.product-card a.button:focus,.product-card a.button:hover{border:none}@media screen and (min-width:769px){.results-container{display:flex;flex-wrap:wrap;gap:20px}.product-card{width:48%}.product-card h3{height:75px;overflow:hidden}}@media screen and (max-width:768px){.product-image img{max-width:100px}}.navigation-buttons{display:flex;gap:1rem;margin-top:2rem}.button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.button-primary{background:#007bff;color:#fff}.button-secondary{background:#6c757d;color:#fff}.button:disabled{background:#e9ecef;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}