.gro-quiz-section{--quiz-accent: var(--color-primary, #5b3df5);--quiz-accent-text: var(--color-primary-contrast, #ffffff);--quiz-bg: var(--color-background, #ffffff);--quiz-text: var(--color-foreground, #111111);--quiz-text-muted: var(--color-foreground-75, rgba(17, 17, 17, .65));--quiz-border: var(--color-border, #dddddd);--quiz-option-bg: var(--color-background-2, #f5f5f5);--quiz-option-bg-hover: var(--color-background-3, #ebebeb);--quiz-success: #2e7d32;--quiz-success-text: #ffffff;--quiz-radius: 8px;--quiz-gap: .875rem;--quiz-max-width: 760px;--quiz-transition: .18s ease}.gro-quiz{max-width:var(--quiz-max-width);margin-inline:auto;padding:2.5rem 1.25rem;color:var(--quiz-text);background:var(--quiz-bg)}.gro-quiz__header{text-align:center;margin-bottom:2rem}.gro-quiz__title{font-size:clamp(1.5rem,4vw,2.25rem);margin:0 0 .5rem;line-height:1.2}.gro-quiz__subtitle{font-size:1rem;color:var(--quiz-text-muted);margin:0;line-height:1.5}.gro-quiz__progress{height:6px;background:var(--quiz-border);border-radius:99px;margin-bottom:2rem;overflow:hidden}.gro-quiz__progress-bar{height:100%;background:var(--quiz-accent);border-radius:99px;width:0%;transition:width .4s ease;will-change:width}.gro-quiz__step{animation:gro-quiz-fade-up .22s ease both}@keyframes gro-quiz-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gro-quiz__question{font-size:clamp(1.1rem,3vw,1.4rem);margin:0 0 1.25rem;line-height:1.35}.gro-quiz__question:focus{outline:none}.gro-quiz__options{display:flex;flex-wrap:wrap;gap:var(--quiz-gap);margin-bottom:1.75rem}.gro-quiz__option{flex:1 1 calc(50% - var(--quiz-gap));min-width:140px;padding:.875rem 1.125rem;background:var(--quiz-option-bg);border:2px solid transparent;border-radius:var(--quiz-radius);color:var(--quiz-text);font:inherit;font-size:.95rem;line-height:1.4;text-align:left;cursor:pointer;transition:background var(--quiz-transition),border-color var(--quiz-transition),color var(--quiz-transition)}.gro-quiz__option:hover{background:var(--quiz-option-bg-hover);border-color:var(--quiz-accent)}.gro-quiz__option:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:2px}.gro-quiz__option.is-selected,.gro-quiz__option[aria-checked=true]{background:var(--quiz-accent);border-color:var(--quiz-accent);color:var(--quiz-accent-text)}.gro-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.gro-quiz__btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.5rem;border-radius:var(--quiz-radius);font:inherit;font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;border:2px solid transparent;transition:background var(--quiz-transition),border-color var(--quiz-transition),color var(--quiz-transition),opacity var(--quiz-transition);white-space:nowrap}.gro-quiz__btn:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:2px}.gro-quiz__btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.gro-quiz__btn--primary{background:var(--quiz-accent);color:var(--quiz-accent-text);border-color:var(--quiz-accent)}.gro-quiz__btn--primary:hover:not(:disabled){opacity:.85}.gro-quiz__btn--ghost{background:transparent;color:var(--quiz-text);border-color:var(--quiz-border)}.gro-quiz__btn--ghost:hover:not(:disabled){border-color:var(--quiz-accent);color:var(--quiz-accent)}.gro-quiz__email-step{padding:2rem;background:var(--quiz-option-bg);border-radius:var(--quiz-radius);animation:gro-quiz-fade-up .22s ease both}.gro-quiz__email-title{font-size:1.2rem;margin:0 0 1.25rem}.gro-quiz__email-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.gro-quiz__email-input{display:block;width:100%;padding:.75rem 1rem;border:2px solid var(--quiz-border);border-radius:var(--quiz-radius);font:inherit;font-size:1rem;background:var(--quiz-bg);color:var(--quiz-text);box-sizing:border-box;margin-bottom:.875rem;transition:border-color var(--quiz-transition)}.gro-quiz__email-input:focus{outline:none;border-color:var(--quiz-accent)}.gro-quiz__email-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.gro-quiz__results:focus{outline:none}.gro-quiz__results-heading{font-size:clamp(1.3rem,3.5vw,2rem);margin:0 0 1.5rem;text-align:center;animation:gro-quiz-fade-up .22s ease both}.gro-quiz__results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.gro-quiz__loading,.gro-quiz__no-results{grid-column:1 / -1;text-align:center;color:var(--quiz-text-muted);padding:1.5rem 0}.gro-quiz__editor-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--quiz-text-muted);margin:0 0 .625rem;padding-bottom:.375rem;border-bottom:1px solid var(--quiz-border)}.gro-quiz__editor-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem}.gro-quiz__step-preview{padding:1.125rem 1.25rem;border:1px solid var(--quiz-border);border-radius:var(--quiz-radius);background:var(--quiz-bg);cursor:pointer}.gro-quiz__step-preview:hover{border-color:var(--quiz-accent)}.gro-quiz__step-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--quiz-accent);margin-bottom:.375rem}.gro-quiz__step-preview .gro-quiz__question{font-size:.975rem;margin:0 0 .875rem}.gro-quiz__option--preview{cursor:default;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.gro-quiz__editor-rec{display:inline-block;flex-shrink:0;padding:2px 8px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.02em;background:var(--quiz-option-bg);color:var(--quiz-text-muted);border:1px solid var(--quiz-border);margin-bottom:.5rem}.gro-quiz__editor-rec[data-rec=implants]{background:#e8f0fe;color:#1a56a5;border-color:#b8d0f5}.gro-quiz__editor-rec[data-rec=phc]{background:#e6f4ea;color:#1a6e34;border-color:#a8d5b5}.gro-quiz__editor-empty{font-size:.9rem;color:var(--quiz-text-muted);font-style:italic;margin:0}.gro-quiz__editor-results{display:flex;flex-direction:column;gap:1rem}.gro-quiz-result__cta--preview{opacity:.65;cursor:default;pointer-events:none;align-self:flex-start}.gro-quiz__results-grid{display:flex;flex-direction:column;gap:1.5rem}.gro-quiz-result{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem;background:var(--quiz-option-bg);border-radius:var(--quiz-radius);animation:gro-quiz-fade-up .3s ease both}.gro-quiz__results-grid:has(.gro-quiz-result:only-child) .gro-quiz-result{padding:2.5rem}.gro-quiz-result__image-wrap{border-radius:var(--quiz-radius);overflow:hidden;aspect-ratio:4 / 3}.gro-quiz-result__image{width:100%;height:100%;object-fit:cover}.gro-quiz-result__body{display:flex;flex-direction:column;gap:1rem}.gro-quiz-result__title{font-size:clamp(1.25rem,3vw,1.75rem);margin:0;line-height:1.25}.gro-quiz-result__description{color:var(--quiz-text-muted);line-height:1.65;margin:0}.gro-quiz-result__cta{align-self:flex-start;font-size:1rem;padding:.875rem 1.75rem;text-decoration:none}.gro-quiz-result:not(:has(.gro-quiz-result__image-wrap)){grid-template-columns:1fr}@media(max-width:640px){.gro-quiz__option{flex:1 1 100%}.gro-quiz-result{grid-template-columns:1fr;padding:1.5rem;gap:1.25rem}.gro-quiz-result__cta{width:100%;text-align:center;align-self:stretch}.gro-quiz__email-actions{flex-direction:column}.gro-quiz__email-actions .gro-quiz__btn{width:100%}}@media(prefers-reduced-motion:reduce){.gro-quiz__step,.gro-quiz__email-step,.gro-quiz__results-heading,.gro-quiz-result{animation:none}.gro-quiz__progress-bar,.gro-quiz__option,.gro-quiz__btn{transition:none}}[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/111/assets/gro-quiz.css.map */