.tea-quiz-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:600px;position:relative;font-size:1.2rem}.quiz-progress{margin-bottom:2rem}.progress-bar{height:12px;background-color:#f0f0f0;border-radius:6px;margin-bottom:15px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-indicator{height:100%;background-color:#000;transition:width .8s cubic-bezier(.22,.61,.36,1);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;animation:progress-bar-stripes 2s linear infinite}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress-steps{display:flex;justify-content:space-between}.step{width:36px;height:36px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.step.active{background-color:#000;color:#fff}.quiz-questions-container{position:relative;min-height:300px}.quiz-question{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease,transform .5s ease;margin-bottom:2rem;padding:2rem;border:1px solid #ddd;border-radius:8px;transform:translateY(20px);background-color:#fff;box-shadow:0 2px 10px #0000000d}.quiz-question.active{opacity:1;visibility:visible;position:relative;transform:translateY(0)}.quiz-navigation{display:flex;justify-content:space-between;margin-top:2rem}.nav-button{padding:1rem 2rem;background-color:#000;color:#fff;border:none;cursor:pointer;transition:all .3s ease;border-radius:4px;font-size:1.6rem;font-weight:500;letter-spacing:.5px}.nav-button:hover:not(:disabled){background-color:#333;transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.prev-button{margin-right:auto}.next-button{margin-left:auto}.submit-button{margin-left:auto;background-color:#006400}.submit-button:hover{background-color:green}.hidden{display:none}.quiz-question.hidden{display:block;opacity:0;visibility:hidden}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.options label{display:block;padding:1.8rem;border:2px solid #000;cursor:pointer;transition:all .3s ease;border-radius:8px;font-size:1.6rem;font-weight:500;text-align:center;box-shadow:0 2px 5px #0000000d}.options label:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 6px 12px #0000001a;border-color:#333}.options input[type=checkbox]{display:none}.options input[type=checkbox]:checked+span{font-weight:700;color:#000}.options input[type=checkbox]:checked+span:before{content:"\2713  ";font-weight:700}.options input[type=checkbox]:checked~label{background-color:#f0f0f0;border-color:#000;box-shadow:0 4px 8px #00000026}.quiz-results{margin-top:2rem;animation:fadeIn .6s ease;min-height:500px}.quiz-results h2{font-size:2.5rem;margin-bottom:1.8rem;text-align:center;position:relative}.quiz-results h2:after{content:"";display:block;width:80px;height:3px;background:#000;margin:15px auto 0}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}@media(min-width:768px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.results-grid{grid-template-columns:repeat(4,1fr)}}.product-card{border:1px solid #ddd;padding:0;text-align:center;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer;border-radius:8px;overflow:hidden;background-color:#fff;position:relative;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.product-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .5s ease}.product-card:hover img{transform:scale(1.05)}.product-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;position:relative}.product-card h3{font-size:1.8rem;margin:1.2rem 1.2rem .8rem;transition:color .3s ease;line-height:1.3}.product-card:hover h3{color:#555}.tea-details{padding:1rem 1.5rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.tea-detail{margin-bottom:.5rem;font-size:1.4rem;line-height:1.5}.detail-label{font-weight:700;margin-right:.5rem;color:#333}.detail-value{color:#555}.tea-category-label{background-color:#f8f5f0;color:#333;padding:1.2rem;font-size:1.6rem;font-weight:500;width:100%;text-align:center;margin-top:auto;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-info-toggle{display:inline-block;margin-top:1rem;padding:.8rem 1.4rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1.5rem;transition:all .3s ease;font-weight:500}.more-info-toggle:hover{background-color:#e5e5e5;transform:translateY(-2px)}.more-info-toggle.active{background-color:#e0e0e0}.more-info-content{display:none;margin-top:1rem;padding:1.2rem;background-color:#f9f9f9;border-radius:4px;font-size:1.5rem;line-height:1.5;transition:all .3s ease;border-left:3px solid #ddd}.more-info-content.active{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-product-button{display:block;background:#000;color:#fff;padding:.5rem 1rem;margin-top:1rem;text-align:center}.view-product-button:hover{background:#333}.add-to-cart-button{background:#000;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;width:100%;margin-top:1rem}.add-to-cart-button:hover{background:#333}.debug-panel{background:#f5f5f5;border:1px solid #ddd;padding:1rem;margin-bottom:2rem;font-family:monospace}.debug-panel.hidden{display:none}.debug-actions{display:flex;gap:1rem;margin-bottom:1rem}.debug-button{background:#000;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer}.debug-output{max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;padding:1rem;font-size:1.2rem}.debug-toggle{margin-bottom:1rem;text-align:right}#toggleDebugBtn{background:#333;color:#fff;border:none;padding:.6rem 1.2rem;cursor:pointer;font-size:1.2rem}.quiz-actions{margin-top:2rem;text-align:center;display:flex;justify-content:center;gap:1rem}.restart-button,.clear-memory-button{background:#000;color:#fff;border:none;padding:1rem 2rem;font-size:1.6rem;cursor:pointer;transition:background .3s ease;border-radius:4px}.restart-button:hover,.clear-memory-button:hover{background:#333}.clear-memory-button{background:#8b0000}.clear-memory-button:hover{background:brown}.loading-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:all .5s ease}.loading-indicator.hidden{opacity:0;visibility:hidden}.loading-indicator p{font-size:1.8rem;margin-top:2rem;color:#333;font-weight:600;animation:pulse 2s infinite;text-align:center;max-width:80%}.tea-loading-animation{width:200px;height:200px;margin-bottom:1rem}.tea-loading-animation svg{width:100%;height:100%}.spinner{display:none}.no-results{text-align:center;padding:3rem;background:#f9f9f9;border-radius:8px;margin:2rem auto;max-width:600px}.no-results h3{font-size:2.2rem;margin-bottom:1rem;color:#333}.no-results p{font-size:1.6rem;color:#666}.info-pill{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;font-size:1.4rem;font-weight:600;z-index:2;box-shadow:0 2px 6px #0003;transition:all .3s ease;cursor:help;display:flex;align-items:center;justify-content:center}.info-pill:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000040}.info-icon{font-family:Georgia,serif;font-style:italic;font-size:1.4rem;line-height:1}.elegant-pill{background-color:#a7b7a0;color:#fff}.info-popup{position:absolute;top:30px;right:-20px;width:200px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:15px;opacity:0;visibility:hidden;transition:all .3s ease;transform:translateY(-5px);z-index:100;pointer-events:none}.info-popup.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.popup-content{text-align:left}.popup-content p{margin:8px 0;font-size:1.4rem;line-height:1.4;color:#333}.popup-content strong{font-weight:600;color:#000}.flavor-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.randomize-button{display:flex;align-items:center;gap:5px;padding:6px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.randomize-button:hover{background-color:#e9e9e9}.randomize-button svg{width:16px;height:16px}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:768px){.flavor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.flavor-grid{grid-template-columns:1fr}}.error-message{text-align:center;padding:3rem;background:#f9f9f9;border-radius:8px;margin:2rem auto;max-width:600px}.error-message h3{font-size:2.2rem;margin-bottom:1rem;color:#333}.error-message p{font-size:1.6rem;color:#666}.skip-button{position:absolute;top:10px;right:10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:10px 15px;font-size:1.2rem;color:#666;cursor:pointer;transition:all .2s ease}.skip-button:hover{background-color:#e9e9e9;color:#333;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.custom-flavor-input{display:flex;margin-bottom:15px;gap:10px}.custom-flavor-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.custom-flavor-input button{padding:8px 15px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.custom-flavor-input button:hover{background-color:#e9e9e9;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}@keyframes highlight-pulse{0%{background-color:#fff}50%{background-color:#fffacd}to{background-color:#fff}}.highlight{animation:highlight-pulse 1.5s ease}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tea-quiz.css.map */