.quiz-page{max-width:var(--page-width);margin:0 auto;padding:40px var(--container-gutter);min-height:60vh}.quiz-screen{display:none}.quiz-screen.is-active{display:block;animation:quizFadeIn .4s ease-out}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.quiz-intro{text-align:center;padding-block:60px 40px;max-width:600px;margin:0 auto}.quiz-intro__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#120a2d;color:#f0c417;margin-block-end:24px;box-shadow:0 10px 20px #120a2d26}.quiz-intro__icon svg{width:32px;height:32px;stroke-width:2}.quiz-intro h1{font-family:var(--heading-font-family);font-size:2.2rem;font-weight:var(--heading-font-weight);letter-spacing:.05em;text-transform:uppercase;margin-block-end:16px;line-height:1.2}.quiz-intro__subtitle{font-size:1.1rem;color:rgba(var(--text-color-rgb),.7);margin-block-end:40px;line-height:1.6}.quiz-intro__start{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;font-family:var(--heading-font-family);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#120a2d;background:#f0c417;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #f0c41740}.quiz-intro__start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f0c41766}.quiz-intro__start svg{width:18px;height:18px;stroke-width:2}.quiz-progress{display:flex;align-items:center;gap:16px;margin-block-end:40px}.quiz-progress__bar{flex:1;height:4px;background:rgba(var(--text-color-rgb),.08);border-radius:4px;position:relative;overflow:hidden}.quiz-progress__fill{position:absolute;top:0;bottom:0;inset-inline-start:0;background:#120a2d;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.quiz-progress__text{font-family:var(--heading-font-family);font-size:.8rem;font-weight:700;letter-spacing:.05em;color:rgba(var(--text-color-rgb),.6);white-space:nowrap}.quiz-question__header{display:flex;align-items:center;gap:16px;margin-block-end:32px}.quiz-question__back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(var(--text-color-rgb),.15);border-radius:50%;background:var(--background);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;flex-shrink:0;color:var(--text-color);box-shadow:0 2px 8px #0000000a}.quiz-question__back:hover{border-color:#120a2d;background:#120a2d08}.quiz-question__back svg{width:18px;height:18px;stroke-width:2}[dir=rtl] .quiz-question__back svg{transform:scaleX(-1)}.quiz-question__title{font-family:var(--heading-font-family);font-size:1.6rem;font-weight:var(--heading-font-weight);margin:0;line-height:1.35}.quiz-options{display:grid;gap:16px}.quiz-options--3{grid-template-columns:repeat(3,1fr)}.quiz-options--4{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:749px){.quiz-options--3,.quiz-options--4{grid-template-columns:1fr}}.quiz-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;border:2px solid rgba(var(--text-color-rgb),.15);border-radius:12px;background:var(--background);box-shadow:0 3px 10px #00000014;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative}.quiz-option:hover{border-color:#120a2d;transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.quiz-option.is-selected{border-color:#120a2d;background:#120a2d0f;box-shadow:0 0 0 3px #120a2d,0 8px 24px #120a2d26}.quiz-option.is-selected:before{content:"";position:absolute;top:10px;inset-inline-end:10px;width:20px;height:20px;background:#f0c417;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23120a2d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:center}.quiz-option.is-selected .quiz-option__label{color:#120a2d}.quiz-option__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(var(--text-color-rgb),.06);border-radius:50%;margin-block-end:20px;color:var(--text-color);transition:background-color .2s ease,color .2s ease,transform .2s ease}.quiz-option.is-selected .quiz-option__icon{background:#120a2d;color:#f0c417;transform:scale(1.1)}.quiz-option__icon svg{width:26px;height:26px;stroke-width:1.5}.quiz-option__label{font-family:var(--heading-font-family);font-size:1.1rem;font-weight:700;margin-block-end:8px;transition:color .25s ease}.quiz-option__desc{font-size:.9rem;color:rgba(var(--text-color-rgb),.65);line-height:1.5}.quiz-loading{text-align:center;padding-block:80px}.quiz-loading__spinner{display:inline-block;width:48px;height:48px;border:3px solid rgba(var(--text-color-rgb),.1);border-top-color:#120a2d;border-radius:50%;animation:quizSpin .8s linear infinite;margin-block-end:24px}@keyframes quizSpin{to{transform:rotate(360deg)}}@keyframes quizLoadingBar{0%{width:0%}to{width:100%}}.quiz-loading__text{font-family:var(--heading-font-family);font-size:1rem;font-weight:700;letter-spacing:.05em;color:rgba(var(--text-color-rgb),.7)}.quiz-loading__progress{max-width:200px;margin:16px auto 0;height:4px;background:rgba(var(--text-color-rgb),.08);border-radius:4px;overflow:hidden}.quiz-loading__progress-fill{height:100%;background:#120a2d;animation:quizLoadingBar 1.5s ease forwards}.quiz-profile{margin-block-end:48px;padding:24px;background:var(--background);border:1px solid rgba(var(--text-color-rgb),.08);border-radius:12px;box-shadow:0 4px 15px #00000008}.quiz-profile__header{display:flex;align-items:flex-start;gap:20px;margin-block-end:20px}.quiz-profile__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#120a2d;border-radius:50%;color:#f0c417;flex-shrink:0}.quiz-profile__icon svg{width:28px;height:28px;stroke-width:1.5}.quiz-profile__title{font-family:var(--heading-font-family);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;color:rgba(var(--text-color-rgb),.6)}.quiz-profile__summary{font-size:1.05rem;line-height:1.6;color:var(--text-color);margin:0;max-width:800px}.quiz-profile__tags{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:20px}.quiz-profile__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;background:rgba(var(--text-color-rgb),.04);border:1px solid rgba(var(--text-color-rgb),.08);border-radius:20px;color:rgba(var(--text-color-rgb),.8)}.quiz-profile__tag svg{width:14px;height:14px;stroke-width:2;opacity:.6}.quiz-results__tip{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f0c4171a;border-inline-start:4px solid #f0c417;border-radius:0 8px 8px 0;font-size:.95rem;line-height:1.5;color:var(--text-color)}.quiz-results__tip svg{flex-shrink:0;width:20px;height:20px;color:#f0c417;margin-block-start:2px}.quiz-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.quiz-circle__svg{transform:rotate(-90deg)}.quiz-circle__bg{fill:none;stroke:rgba(var(--text-color-rgb),.06);stroke-width:6}.quiz-circle__fill{fill:none;stroke:#2ecc71;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}.quiz-circle__value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}.quiz-circle__pct{font-family:var(--heading-font-family);font-weight:700;letter-spacing:-.02em}.quiz-circle__sign{font-family:var(--heading-font-family);font-weight:700;opacity:.6}.quiz-circle__word{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-block-start:4px}.quiz-hero .quiz-circle,.quiz-hero .quiz-circle__svg{width:150px;height:150px}.quiz-hero .quiz-circle__pct{font-size:3rem}.quiz-hero .quiz-circle__sign{font-size:1.2rem}.quiz-circle--sm,.quiz-circle--sm .quiz-circle__svg{width:52px;height:52px}.quiz-circle--sm .quiz-circle__bg,.quiz-circle--sm .quiz-circle__fill{stroke-width:8}.quiz-circle--sm .quiz-circle__pct{font-size:1rem}.quiz-circle--sm .quiz-circle__sign{font-size:.6rem}.quiz-circle--sm .quiz-circle__word{display:none}.quiz-hero{margin-block-end:48px;background:var(--background);border:2px solid #f0c417;border-radius:16px;box-shadow:0 12px 30px #0000000f;position:relative;overflow:hidden}.quiz-hero__label{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#f0c417;color:#120a2d;font-family:var(--heading-font-family);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.quiz-hero__label svg{width:18px;height:18px;stroke-width:2}.quiz-hero__content{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:32px;align-items:center}.quiz-hero__match{display:flex;flex-direction:column;align-items:center}.quiz-hero__card{min-width:0}.quiz-hero__card .quiz-result-card__product{max-width:300px}.quiz-hero__reasons{padding:0 32px 32px;display:flex;flex-direction:column;gap:10px}.quiz-hero__reason{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;color:rgba(var(--text-color-rgb),.8)}.quiz-hero__reason svg{width:20px;height:20px;flex-shrink:0;stroke-width:2;color:#2ecc71;margin-block-start:2px}@media screen and (max-width:749px){.quiz-hero__content{grid-template-columns:1fr;justify-items:center;gap:24px;padding:24px 20px}.quiz-hero .quiz-circle,.quiz-hero .quiz-circle__svg{width:120px;height:120px}.quiz-hero .quiz-circle__pct{font-size:2.2rem}.quiz-hero__reasons{padding:0 20px 24px}.quiz-hero__card .quiz-result-card__product{max-width:100%}}.quiz-also{margin-block-end:48px}.quiz-also__title{font-family:var(--heading-font-family);font-size:1.4rem;font-weight:700;margin-block-end:24px;padding-block-end:16px;border-block-end:1px solid rgba(var(--text-color-rgb),.1)}.quiz-results__grid{display:grid;gap:var(--product-list-row-gap, 32px) var(--product-list-column-gap, 20px);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:40px}@media screen and (min-width:700px){.quiz-results__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quiz-result-card{position:relative;display:flex;flex-direction:column;background:var(--background);border:1px solid rgba(var(--text-color-rgb),.08);border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000005;transition:box-shadow .3s ease;height:100%}.quiz-result-card:hover{box-shadow:0 8px 24px #0000000f}.quiz-result-card__badge{display:flex;align-items:center;gap:12px;padding:0 0 12px;margin-block-end:12px;border-block-end:1px solid rgba(var(--text-color-rgb),.06)}.quiz-result-card__badge-label{font-family:var(--heading-font-family);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color)}.quiz-result-card__explanation{font-size:.85rem;line-height:1.5;color:rgba(var(--text-color-rgb),.65);padding-block-start:16px;margin-block-start:auto}.quiz-result-card__explanation:empty{display:none}.quiz-results__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-block-start:32px}.quiz-results__retake,.quiz-results__view-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--heading-font-family);font-size:.95rem;font-weight:700;border-radius:8px;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.quiz-results__retake{color:var(--text-color);background:var(--background);border:1px solid rgba(var(--text-color-rgb),.2);box-shadow:0 2px 8px #00000008}.quiz-results__retake:hover{border-color:var(--text-color);background:rgba(var(--text-color-rgb),.02)}.quiz-results__retake svg{width:18px;height:18px;stroke-width:2}.quiz-results__view-all{color:#120a2d;background:#f0c417;border:none;box-shadow:0 4px 12px #f0c41733}.quiz-results__view-all:hover{background:#d4ad10;transform:translateY(-2px);box-shadow:0 6px 16px #f0c4174d}.quiz-results__empty{text-align:center;padding-block:60px;color:rgba(var(--text-color-rgb),.5);background:rgba(var(--text-color-rgb),.02);border-radius:12px;border:1px dashed rgba(var(--text-color-rgb),.1)}.quiz-results__empty p{font-size:1.1rem}
/*# sourceMappingURL=/cdn/shop/t/60/assets/quiz-racket.css.map */