.quiz-container{max-width:600px;margin:0 auto}.quiz-button:disabled{opacity:.6;cursor:not-allowed}.answer-button{display:block;width:100%}.quiz-navigation{display:flex;justify-content:space-between;margin-top:1rem}.media-wrapper{height:100%;padding:var(--sp-4) var(--sp-4) 0 var(--sp-4);width:100%}.product-card__placeholder-image{background-color:#d1d1d1;border-radius:8px;height:100%;width:100%}.media-card--quiz{background:#fff;border:2px solid #c0c0c0;border-radius:8px;text-align:center}.media-card--quiz:hover:not(.selected){background:#fff9;border-color:#8a8a8a}.media-card__details{padding:1rem;text-align:center}.question-block{border:none;border-bottom:2px solid #c0c0c0;padding-bottom:2rem;margin-bottom:2rem}.question-block:last-child{border-bottom:none}.card-inner{height:100%}input[type=radio]:focus-visible+.card-inner{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}label.media-card--quiz.selected,.media-card--quiz.selected{background-color:#e8e8e8}.result-container{background:#fff;margin-top:3rem;padding:2rem;border-radius:12px;background-color:#f8f8f8;box-shadow:0 4px 12px #0000001a}.result-heading{margin-bottom:2rem;text-align:center}.result-content{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.result-image-container{flex:1;min-width:300px}.result-image{width:100%;border-radius:8px;box-shadow:0 4px 8px #00000026}.result-details{flex:1;min-width:300px}.result-title{margin-bottom:1rem;color:#1a1a1a}.result-description{margin-bottom:2rem;line-height:1.6}.result-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.debug-panel{margin-top:2rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f8f8}.debug-heading{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#333}.debug-subheading{margin-top:1.5rem;margin-bottom:.75rem;font-size:1rem;color:#555}.debug-score-list{border:1px solid #ddd;border-radius:4px;overflow:hidden}.debug-score-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:#e9e9e9;font-weight:600;border-bottom:1px solid #ddd}.debug-score-item{display:flex;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #eee}.debug-score-item:last-child{border-bottom:none}.debug-product-name{flex:1}.debug-product-score{font-weight:600;text-align:right;min-width:50px}.debug-answers-list{margin:0;padding-left:0}.debug-answers-list li{margin-bottom:.5rem}.debug-code{font-family:monospace;color:#666;font-size:.9em}.media-quiz{aspect-ratio:.8}@media (max-width: 768px){.result-content{flex-direction:column}.result-image-container,.result-details{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/coffee-quiz.css.map */