.quiz-shell{width:min(100%,var(--container-max));margin:0 auto;padding:3rem 1rem 4rem}.quiz-intro{max-width:44rem;margin:0 auto 2rem;text-align:center}.quiz-intro p{color:var(--color-fg-muted);font-size:1.0625rem}.quiz-kicker{margin:0 0 .5rem;color:var(--color-primary);font-size:.8125rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.quiz-card{max-width:58rem;margin:0 auto}.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--color-fg-muted);font-size:.875rem;font-weight:700}.quiz-progress p{margin:0}.quiz-dots{display:inline-flex;gap:.5rem}.quiz-dot{width:.625rem;height:.625rem;border-radius:999px;background:var(--color-border)}.quiz-dot.is-active{background:var(--color-primary)}.quiz-panel,.quiz-email{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:0 14px 40px #0d1b2a14}.quiz-panel{padding:1.25rem;animation:quiz-fade .16s ease-out}.quiz-panel h1,.quiz-result h1{margin:0;font-size:clamp(1.75rem,1.45rem + 1.2vw,2.35rem)}.quiz-lead{margin-top:.75rem;color:var(--color-fg-muted)}.quiz-options{display:grid;gap:.75rem;margin-top:1.25rem}.quiz-option{--quiz-tone: var(--color-primary);--quiz-tint: color-mix(in srgb, var(--quiz-tone) 10%, #fff);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.875rem;min-height:5.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;isolation:isolate;background:linear-gradient(100deg,#fff 0%,#fff 58%,var(--quiz-tint) 100%);cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.quiz-option--gold{--quiz-tone: var(--color-accent)}.quiz-option--green{--quiz-tone: #2a9d7a}.quiz-option--purple{--quiz-tone: #6f5bb8}.quiz-option--red{--quiz-tone: #bd4c45}.quiz-option--blue{--quiz-tone: var(--color-focus)}.quiz-option--neutral{--quiz-tone: var(--color-fg-muted)}.quiz-option:hover,.quiz-option.is-selected,.quiz-option:has(.quiz-option__input:checked){border-color:color-mix(in srgb,var(--quiz-tone) 66%,var(--color-border));box-shadow:0 8px 24px #0d1b2a14}.quiz-option.is-selected,.quiz-option:has(.quiz-option__input:checked){background:linear-gradient(100deg,#fff 0% 50%,color-mix(in srgb,var(--quiz-tone) 16%,#fff))}.quiz-option:has(.quiz-option__input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.quiz-option__watermark{position:absolute;z-index:0;top:50%;right:.35rem;width:6.75rem;height:6.75rem;color:var(--quiz-tone);opacity:.095;pointer-events:none;transform:translateY(-50%);transition:opacity .14s ease,transform .14s ease}.quiz-option:hover .quiz-option__watermark,.quiz-option.is-selected .quiz-option__watermark,.quiz-option:has(.quiz-option__input:checked) .quiz-option__watermark{opacity:.16;transform:translateY(-50%) scale(1.04)}.quiz-option__watermark svg{width:100%;height:100%}.quiz-option__input{position:relative;z-index:1;width:1.125rem;height:1.125rem;margin:.25rem 0 0;accent-color:var(--quiz-tone)}.quiz-option__body{position:relative;z-index:1;padding-right:4.25rem}.quiz-option__title,.quiz-option__sub{display:block}.quiz-option__title{color:var(--color-fg);font-weight:800;line-height:1.3}.quiz-option__sub{margin-top:.25rem;color:var(--color-fg-muted);font-size:.9375rem;line-height:1.45}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.quiz-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-bg);font:inherit;font-weight:800;padding:.65rem 1.1rem;text-decoration:none;cursor:pointer}.quiz-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.quiz-button:disabled{border-color:var(--color-border);background:var(--color-surface);color:var(--color-fg-muted);cursor:not-allowed}.quiz-button--secondary{background:transparent;color:var(--color-primary)}.quiz-button--secondary:hover{color:var(--color-bg)}.quiz-priority-meta{display:flex;grid-column:1 / -1;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.quiz-counter{margin:0;color:var(--color-fg-muted);font-size:.875rem;font-weight:800}.quiz-priority-meta .quiz-inline-error{margin:0}.quiz-inline-error{margin:.5rem 0;color:#9f1239;font-size:.9375rem;font-weight:700}.quiz-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-result{animation:quiz-fade .16s ease-out}.quiz-products{display:grid;gap:1rem;margin-top:1.5rem}.quiz-product{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:0 8px 24px #0d1b2a12}.quiz-warnings{display:grid;gap:.75rem;margin-top:1rem}.quiz-warning{border:1px solid color-mix(in srgb,var(--color-accent) 45%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 12%,#fff);color:var(--color-fg);padding:1rem}.quiz-warning strong{display:block}.quiz-warning p{margin:.35rem 0 0;color:var(--color-fg-muted)}.quiz-product__media{display:flex;aspect-ratio:16 / 9;min-height:0;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-surface);color:color-mix(in srgb,var(--color-primary) 76%,var(--color-fg-muted))}.quiz-product__media img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain}.quiz-product__media svg{width:min(74%,11rem)}.quiz-product__body{display:flex;min-height:20rem;flex:1;flex-direction:column;padding:1rem}.quiz-product__rank{margin:0 0 .5rem;color:var(--color-primary);font-size:.8125rem;font-weight:800;text-transform:uppercase}.quiz-product h2{margin:0;font-size:1.125rem}.quiz-product__tagline,.quiz-product__reason{color:var(--color-fg-muted);font-size:.9375rem}.quiz-product__tagline{margin-top:.5rem}.quiz-product__reason{margin-top:.75rem}.quiz-product__footer{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem}.quiz-product__commercial{display:grid;gap:.35rem}.quiz-product__footer strong{font-size:1.125rem}.quiz-product__stock{display:inline-flex;width:fit-content;align-items:center;gap:.4rem;color:var(--color-fg-muted);font-size:.8125rem;font-weight:800}.quiz-product__stock span{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-fg-muted)}.quiz-product__stock--in_stock{color:var(--color-primary)}.quiz-product__stock--in_stock span{background:var(--color-primary)}.quiz-product__stock--delayed{color:var(--color-fg)}.quiz-product__stock--delayed span{background:var(--color-accent)}.quiz-product__footer a{display:inline-flex;min-height:2.5rem;align-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-bg);font-size:.9375rem;font-weight:800;padding:.55rem .85rem;text-decoration:none}.quiz-product__footer a:hover{background:var(--color-primary-hover);color:var(--color-bg)}.quiz-email{margin-top:1.5rem;padding:1rem}.quiz-email__field{display:block;color:var(--color-fg);font-weight:800}.quiz-email__row{display:flex;flex-direction:column;gap:.75rem}.quiz-email input[type=email]{width:100%;min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-fg);font:inherit;padding:.65rem .75rem}.quiz-email input[type=email]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.quiz-email .quiz-button{width:100%}.quiz-email-status{margin-top:1.5rem;border-radius:var(--radius-md);padding:1rem;font-weight:800}.quiz-email-status.is-success{border:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,#fff);color:var(--color-primary)}.quiz-reset{display:inline-flex;margin-top:1rem;border:0;background:transparent;color:var(--color-primary);font:inherit;font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@keyframes quiz-fade{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media(min-width:42rem){.quiz-shell{padding:4rem 1.5rem 5rem}.quiz-panel{padding:1.5rem}.quiz-options,.quiz-products{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-email__row{flex-direction:row;align-items:stretch}.quiz-email input[type=email]{min-width:0;flex:1}.quiz-email .quiz-button{width:auto;min-width:15rem}}@media(min-width:64rem){.quiz-products{grid-template-columns:repeat(3,minmax(0,1fr))}}