.product-quiz{display:block;color:var(--quiz-text-color);background:var(--quiz-page-background)}.product-quiz [hidden]{display:none!important}.product-quiz__section{padding-top:var(--quiz-padding-top);padding-bottom:var(--quiz-padding-bottom)}.product-quiz__shell{width:min(calc(100% - 40px),var(--quiz-max-width));min-height:var(--quiz-min-height);margin:0 auto;display:grid;grid-template-columns:minmax(0,var(--quiz-image-width)) minmax(0,1fr);overflow:hidden;background:var(--quiz-background)}.product-quiz--right .product-quiz__media{order:2}.product-quiz__media{position:relative;min-height:var(--quiz-min-height);overflow:hidden;background:#eeeae5}.product-quiz__picture,.product-quiz__image,.product-quiz__placeholder{display:block;width:100%;height:100%}.product-quiz__image{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center}.product-quiz__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#eeeae5}.product-quiz__media-title{position:absolute;z-index:1;top:var(--quiz-media-title-top);left:24px;right:24px;margin:0;color:var(--quiz-media-title-color);font-size:clamp(20px,1.7vw,30px);line-height:1.2;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.12)}.product-quiz__content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,80px)}.product-quiz__progress{width:min(100%,320px);margin:0 auto clamp(30px,4vw,52px);padding:0;display:flex;list-style:none}.product-quiz__step{position:relative;flex:1 1 0;display:flex;justify-content:center}.product-quiz__step:not(:last-child):after{position:absolute;z-index:0;top:50%;left:calc(50% + 13px);width:calc(100% - 26px);height:1px;content:"";background:currentColor;transform:translateY(-50%)}.product-quiz__step-number{position:relative;z-index:1;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;color:var(--quiz-text-color);background:var(--quiz-background);font-size:15px;line-height:1;transition:color .2s ease,background-color .2s ease}.product-quiz__step.is-active .product-quiz__step-number{color:var(--quiz-background);background:var(--quiz-text-color)}.product-quiz__question,.product-quiz__result{width:100%;animation:productQuizFadeIn .3s ease both}.product-quiz__question-title,.product-quiz__result-title{margin:0 auto 34px;max-width:760px;color:inherit;font-size:clamp(22px,2vw,32px);line-height:1.2;text-align:center}.product-quiz__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-quiz__answer{min-height:128px;padding:20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:var(--quiz-card-radius);color:inherit;background:var(--quiz-card-background);font:inherit;font-size:14px;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-quiz__answer:hover,.product-quiz__answer:focus-visible,.product-quiz__answer.is-selected{border-color:var(--quiz-text-color);box-shadow:0 5px 16px #00000014;outline:none;transform:translateY(-2px)}.product-quiz__answers .product-quiz__answer:last-child:nth-child(odd){width:calc(50% - 12px);grid-column:1 / -1;justify-self:center}.product-quiz__answers .product-quiz__answer:only-child{width:100%;max-width:520px}.product-quiz__answer-icon{width:var(--quiz-icon-size);height:var(--quiz-icon-size);display:block;object-fit:contain}.product-quiz__answer-text{display:block}.product-quiz__navigation{min-height:34px;margin-top:22px;display:flex;justify-content:center}.product-quiz__text-button{padding:5px 10px;border:0;color:inherit;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.product-quiz__result-title{margin-bottom:20px}.product-quiz__result-description{max-width:680px;margin:0 auto 28px;font-size:clamp(16px,1.25vw,20px);line-height:1.35;text-align:center}.product-quiz__result-description p:last-child{margin-bottom:0}.product-quiz__product-card{width:min(100%,330px);margin:0 auto;display:block;color:inherit;text-decoration:none}.product-quiz__product-media{position:relative;width:100%;aspect-ratio:1 / 1;margin-bottom:14px;overflow:hidden;background:#f5f5f5}.product-quiz__product-image,.product-quiz__product-placeholder{width:100%;height:100%;display:block;object-fit:cover}.product-quiz__product-info{text-align:left}.product-quiz__product-kicker{margin:0 0 4px;font-size:12px;opacity:.72}.product-quiz__product-title{margin:0 0 4px;color:inherit;font-size:16px;line-height:1.25}.product-quiz__variant-title{margin:0 0 5px;font-size:13px;opacity:.72}.product-quiz__price{margin:0;font-size:15px}.product-quiz__compare-price{margin-left:6px;opacity:.62}.product-quiz__cta{width:100%;min-height:48px;margin-top:20px;padding:12px 24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--quiz-button-background);border-radius:var(--quiz-button-radius);color:var(--quiz-button-text);background:var(--quiz-button-background);font:inherit;font-size:14px;line-height:1.2;text-align:center;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.product-quiz__product-card:hover .product-quiz__cta,.product-quiz__product-card:focus-visible .product-quiz__cta,.product-quiz__cta:hover,.product-quiz__cta:focus-visible{opacity:.85;outline:none;transform:translateY(-1px)}.product-quiz__cta[disabled]{opacity:.5;cursor:not-allowed;transform:none}.product-quiz__cta.is-loading{cursor:wait}.product-quiz__error{margin:10px 0 0;color:#b42318;font-size:13px;text-align:center}.product-quiz__restart{margin:20px auto 0;display:block}.product-quiz__empty{padding:40px;border:1px dashed currentColor;text-align:center;opacity:.7}.product-quiz__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes productQuizFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.product-quiz__shell{width:min(calc(100% - 32px),760px);min-height:0;display:flex;flex-direction:column}.product-quiz--right .product-quiz__media{order:0}.product-quiz__media{min-height:0;height:var(--quiz-mobile-image-height)}.product-quiz__content{padding:36px 28px 42px}.product-quiz__media-title{top:28px;font-size:clamp(20px,5vw,27px)}}@media screen and (max-width:589px){.product-quiz__section{padding-top:var(--quiz-padding-top-mobile);padding-bottom:var(--quiz-padding-bottom-mobile)}.product-quiz__shell{width:100%}.product-quiz__content{padding:32px 20px 36px}.product-quiz__progress{width:min(100%,290px);margin-bottom:26px}.product-quiz__question-title,.product-quiz__result-title{margin-bottom:24px;font-size:22px}.product-quiz__answers{gap:14px}.product-quiz__answer{min-height:150px;padding:18px 12px;font-size:12px}.product-quiz__answers .product-quiz__answer:last-child:nth-child(odd){width:calc(50% - 7px)}.product-quiz__result-description{font-size:16px}}@media(prefers-reduced-motion:reduce){.product-quiz__question,.product-quiz__result{animation:none}.product-quiz__answer,.product-quiz__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-product-quiz.css.map */