.product-quiz{--quiz-hairline:rgba(0,0,0,.1);--quiz-surface:#fff;--quiz-tint:#fbfaf8;--quiz-primary-70:color-mix(in srgb,var(--color-primary) 70%,transparent);--quiz-primary-55:color-mix(in srgb,var(--color-primary) 55%,transparent);--quiz-primary-08:color-mix(in srgb,var(--color-primary) 8%,#fff);--quiz-primary-04:color-mix(in srgb,var(--color-primary) 4%,#fff);direction:rtl;padding:2rem 0;text-align:right}@media(min-width:768px){.product-quiz{padding:3rem 0}}.product-quiz__inner{margin:0 auto;max-width:44rem}.product-quiz__header{margin-bottom:1.5rem;text-align:center}.product-quiz__title{color:var(--color-primary);font-size:1.5rem;font-weight:700;line-height:1.35}@media(min-width:768px){.product-quiz__title{font-size:2rem}}.product-quiz__subtitle{color:var(--quiz-primary-70);font-size:.95rem;line-height:1.7;margin-top:.5rem}.product-quiz__card{background:var(--quiz-surface);border:1px solid var(--quiz-hairline);border-radius:1.25rem;display:flex;flex-direction:column;justify-content:center;min-height:24rem;padding:1.25rem}@media(min-width:768px){.product-quiz__card{min-height:26rem;padding:2rem}}.product-quiz__skeleton{display:flex;flex-direction:column;gap:.75rem}.product-quiz__skeleton-line{animation:product-quiz-pulse 1.6s ease-in-out infinite;background:var(--quiz-primary-08);border-radius:.5rem;display:block;height:1rem}.product-quiz__skeleton-line--title{height:1.75rem;width:60%}.product-quiz__intro{align-items:center;animation:product-quiz-in .4s ease both;display:flex;flex-direction:column;text-align:center;transition:opacity .24s ease,transform .24s ease}.product-quiz__intro.is-leaving{opacity:0;transform:translateY(-12px) scale(.94)}.product-quiz__shelf{margin-bottom:1.75rem;max-width:20rem;width:100%}@media(min-width:768px){.product-quiz__shelf{max-width:22rem}}.product-quiz__shelf-svg{display:block;height:auto;width:100%}.product-quiz__capsule{animation:product-quiz-capsule 7.2s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--quiz-capsule-order, 0)*.9s);opacity:.2}.product-quiz__capsule-body{fill:var(--color-primary)}.product-quiz__capsule-cap{fill:#fff;opacity:.55}.product-quiz__shelf-line{stroke:var(--color-primary);stroke-width:1.5;opacity:.14}.product-quiz__promise{color:var(--color-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;max-width:24ch}@media(min-width:768px){.product-quiz__promise{font-size:1.75rem}}.product-quiz__start{background:var(--color-primary);border-radius:999px;color:#fff;font-size:1rem;font-weight:700;margin-top:1.5rem;min-width:13rem;padding:.9375rem 2rem;transition:transform .18s ease,opacity .18s ease}.product-quiz__start:hover{opacity:.92}.product-quiz__start:active{transform:scale(.98)}.product-quiz__meta{align-items:center;color:var(--quiz-primary-55);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.5rem;justify-content:center;margin-top:1rem}.product-quiz__meta span+span:before{content:"·";margin-left:.5rem}.product-quiz__bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;min-height:1.75rem}.product-quiz__back{align-items:center;color:var(--quiz-primary-55);display:inline-flex;font-size:.875rem;gap:.375rem;transition:color .2s ease}.product-quiz__back:hover{color:var(--color-primary)}.product-quiz__back i{font-size:.75rem}.product-quiz__dots{align-items:center;display:flex;gap:.375rem}.product-quiz__dot{background:var(--quiz-primary-08);border-radius:999px;height:.5rem;transition:width .25s ease,background-color .25s ease;width:.5rem}.product-quiz__dot.is-done{background:var(--quiz-primary-55)}.product-quiz__dot.is-active{background:var(--color-primary);width:1.5rem}.product-quiz__question{color:var(--color-primary);font-size:1.25rem;font-weight:700;line-height:1.5;text-align:right}@media(min-width:768px){.product-quiz__question{font-size:1.5rem}}.product-quiz__hint{color:var(--quiz-primary-55);font-size:.875rem;margin-top:.375rem;text-align:right}.product-quiz__options{display:grid;grid-gap:.625rem;gap:.625rem;margin-top:1.25rem}@media(min-width:640px){.product-quiz__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-quiz__back:focus-visible,.product-quiz__learn:focus-visible,.product-quiz__option:focus-visible,.product-quiz__retake:focus-visible,.product-quiz__start:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.product-quiz__option{align-items:center;background:var(--quiz-primary-04);border:1px solid transparent;border-radius:.875rem;display:flex;gap:.75rem;padding:.875rem 1rem;text-align:right;transition:border-color .18s ease,background-color .18s ease,transform .18s ease;width:100%}.product-quiz__option:focus-visible,.product-quiz__option:hover{background:var(--quiz-tint);border-color:var(--quiz-primary-55)}.product-quiz__option:active{transform:scale(.985)}@media(min-width:640px){.product-quiz__option:last-child:nth-child(odd){grid-column:1/-1}}.product-quiz__option-icon{flex-shrink:0;font-size:1.375rem;line-height:1}.product-quiz__option-text{display:flex;flex-direction:column;gap:.125rem}.product-quiz__option-label{color:var(--color-primary);font-size:.975rem;font-weight:600}.product-quiz__option-desc{color:var(--quiz-primary-55);font-size:.8125rem;line-height:1.5}.product-quiz__result{animation:product-quiz-in .35s ease both;display:flex;flex-direction:column}.product-quiz__eyebrow{align-self:flex-start;background:var(--quiz-primary-08);border-radius:999px;color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.3125rem .75rem}.product-quiz__product{align-items:center;display:flex;gap:1rem;margin-top:1rem}.product-quiz__image{background:var(--quiz-tint);border-radius:.875rem;flex-shrink:0;height:5rem;-o-object-fit:contain;object-fit:contain;width:5rem}@media(min-width:768px){.product-quiz__image{height:6.5rem;width:6.5rem}}.product-quiz__name{color:var(--color-primary);font-size:1.125rem;font-weight:700;line-height:1.4}@media(min-width:768px){.product-quiz__name{font-size:1.375rem}}.product-quiz__price{align-items:center;display:flex;gap:.5rem;margin-top:.375rem}.product-quiz__price-now{color:var(--color-primary);font-size:1.25rem;font-weight:700}.product-quiz__price-was{color:var(--quiz-primary-55);font-size:.9375rem;-webkit-text-decoration:line-through;text-decoration:line-through}.product-quiz__note{background:var(--quiz-tint);border-radius:.625rem;color:var(--color-primary);font-size:.8125rem;line-height:1.6;margin-top:.875rem;padding:.625rem .875rem}.product-quiz__reason{color:var(--quiz-primary-70);font-size:.9375rem;line-height:1.85;margin-top:.875rem;text-align:right}.product-quiz__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.product-quiz__chip{background:var(--quiz-primary-04);border:1px solid var(--quiz-hairline);border-radius:999px;color:var(--color-primary);font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.product-quiz__cta{margin-top:1.25rem}.product-quiz__learn{color:var(--quiz-primary-55);display:block;font-size:.875rem;margin-top:.875rem;text-align:center;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.product-quiz__learn:hover{color:var(--color-primary)}.product-quiz__disclaimer{border-top:1px solid var(--quiz-hairline);color:var(--quiz-primary-55);font-size:.75rem;line-height:1.7;margin-top:1.25rem;padding-top:1rem;text-align:center}.product-quiz__retake{align-items:center;color:var(--quiz-primary-55);display:inline-flex;font-size:.8125rem;gap:.375rem;justify-content:center;margin-top:.75rem;transition:color .2s ease}.product-quiz__retake:hover{color:var(--color-primary)}.product-quiz__retake i{font-size:.8125rem}@keyframes product-quiz-capsule{0%,7%{opacity:1;transform:translateY(-5px)}15%,to{opacity:.2;transform:none}}@keyframes product-quiz-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes product-quiz-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.product-quiz__intro,.product-quiz__result,.product-quiz__skeleton-line{animation:none}.product-quiz__intro,.product-quiz__option,.product-quiz__start{transition:none}.product-quiz__capsule{animation:none}.product-quiz__shelf-svg g:last-of-type .product-quiz__capsule{opacity:1}}