.racket-quiz-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl)}.racket-quiz-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--spacing-lg);color:var(--color-primary-green);opacity:.8}.racket-quiz-hero__heading{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--color-white);margin-bottom:var(--spacing-md);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.racket-quiz-hero__heading span{color:var(--color-primary-green)}.racket-quiz-hero__subheading{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:var(--color-grey-on-navy);max-width:520px;margin:0 auto;line-height:1.6}.racket-quiz{max-width:700px;margin:0 auto var(--spacing-3xl);padding:0 var(--spacing-lg)}.racket-quiz__card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:40px;position:relative;overflow:hidden}.racket-quiz__progress{margin-bottom:var(--spacing-xl)}.racket-quiz__progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-md)}.racket-quiz__progress-fill{height:100%;background:var(--color-primary-green);border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1);will-change:width}.racket-quiz__steps-indicator{display:flex;justify-content:center;align-items:center;gap:12px}.racket-quiz__step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s ease,transform .3s ease}.racket-quiz__step-dot--active{background:var(--color-primary-green);transform:scale(1.25)}.racket-quiz__step-dot--completed{background:var(--color-primary-green);opacity:.5}.racket-quiz__step-container{position:relative;min-height:320px;overflow:hidden}.racket-quiz__step{position:absolute;top:0;inset-inline-start:0;width:100%;opacity:0;pointer-events:none;transform:translate(60px);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.racket-quiz__step--active{position:relative;opacity:1;pointer-events:auto;transform:translate(0)}.racket-quiz__step--exit-left{transform:translate(-60px);opacity:0}.racket-quiz__step--enter-right{transform:translate(60px);opacity:0}.racket-quiz__step-label{display:inline-block;font-family:var(--font-body);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-green);margin-bottom:var(--spacing-sm)}.racket-quiz__step-question{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,1.75rem);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-lg);line-height:1.2}.racket-quiz__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.racket-quiz__option{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;text-align:start;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(12px)}.racket-quiz__step--active .racket-quiz__option{animation:quizOptionFadeIn .35s ease forwards}.racket-quiz__step--active .racket-quiz__option:nth-child(1){animation-delay:0ms}.racket-quiz__step--active .racket-quiz__option:nth-child(2){animation-delay:50ms}.racket-quiz__step--active .racket-quiz__option:nth-child(3){animation-delay:.1s}.racket-quiz__step--active .racket-quiz__option:nth-child(4){animation-delay:.15s}@keyframes quizOptionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.racket-quiz__option:hover{border-color:#0fd96d80;background:#0fd96d0a;transform:translateY(-2px)}.racket-quiz__option:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.racket-quiz__option--selected{border-color:var(--color-primary-green);background:#0fd96d14;box-shadow:0 0 20px #0fd96d1a,inset 0 0 20px #0fd96d08}.racket-quiz__option--selected:after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--color-primary-green);display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23012047' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px;animation:quizCheckPop .2s cubic-bezier(.16,1,.3,1)}@keyframes quizCheckPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.racket-quiz__option-icon{width:32px;height:32px;color:var(--color-primary-green);flex-shrink:0}.racket-quiz__option-title{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-white);line-height:1.3}.racket-quiz__option-desc{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--color-grey-on-navy);line-height:1.4;margin:0}.racket-quiz__nav{display:flex;align-items:center;justify-content:flex-start;margin-top:var(--spacing-lg)}.racket-quiz__back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-grey-on-navy);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;transition:color .2s ease}.racket-quiz__back-btn:hover{color:var(--color-white)}.racket-quiz__back-btn:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.racket-quiz__back-btn svg{width:16px;height:16px}.racket-quiz__results{text-align:center}.racket-quiz__results-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0fd96d1a;color:var(--color-primary-green);margin-bottom:var(--spacing-md);animation:quizResultPulse 2s ease-in-out infinite}@keyframes quizResultPulse{0%,to{box-shadow:0 0 #0fd96d33}50%{box-shadow:0 0 0 12px #0fd96d00}}.racket-quiz__results-heading{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-white);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.racket-quiz__results-text{font-family:var(--font-body);font-size:15px;color:var(--color-grey-on-navy);line-height:1.6;max-width:500px;margin:0 auto var(--spacing-xl)}.racket-quiz__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:start}.racket-quiz__product-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;opacity:0;transform:translateY(20px);animation:quizProductSlideIn .4s ease forwards;text-decoration:none;display:block;color:var(--color-white)}.racket-quiz__product-card:nth-child(1){animation-delay:50ms}.racket-quiz__product-card:nth-child(2){animation-delay:.1s}.racket-quiz__product-card:nth-child(3){animation-delay:.15s}.racket-quiz__product-card:nth-child(4){animation-delay:.2s}.racket-quiz__product-card:nth-child(5){animation-delay:.25s}.racket-quiz__product-card:nth-child(6){animation-delay:.3s}@keyframes quizProductSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.racket-quiz__product-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#0fd96d4d;text-decoration:none;color:var(--color-white)}.racket-quiz__product-image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff05}.racket-quiz__product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.racket-quiz__product-card:hover .racket-quiz__product-image{transform:scale(1.05)}.racket-quiz__product-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff26}.racket-quiz__product-info{padding:var(--spacing-md)}.racket-quiz__product-vendor{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-green);margin-bottom:4px}.racket-quiz__product-title{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-white);line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.racket-quiz__product-price{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:12px}.racket-quiz__product-price-current{font-size:1rem;font-weight:700;color:var(--color-white)}.racket-quiz__product-price-compare{font-size:.85rem;color:var(--color-grey-on-navy);text-decoration:line-through}.racket-quiz__product-price--on-sale .racket-quiz__product-price-current{color:var(--color-primary-green)}.racket-quiz__product-view-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-primary-green);text-decoration:none;transition:gap .2s ease}.racket-quiz__product-card:hover .racket-quiz__product-view-link{gap:8px}.racket-quiz__product-view-link svg{width:14px;height:14px}.racket-quiz__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) 0;gap:var(--spacing-md)}.racket-quiz__loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary-green);border-radius:50%;animation:quizSpin .8s linear infinite}@keyframes quizSpin{to{transform:rotate(360deg)}}.racket-quiz__loading-text{font-family:var(--font-body);font-size:14px;color:var(--color-grey-on-navy)}.racket-quiz__no-results{text-align:center;padding:var(--spacing-xl) 0}.racket-quiz__no-results-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff0d;color:var(--color-grey-on-navy);margin-bottom:var(--spacing-md)}.racket-quiz__no-results-text{font-size:15px;color:var(--color-grey-on-navy);margin-bottom:var(--spacing-lg)}.racket-quiz__results-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.racket-quiz__retake-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;border:2px solid rgba(255,255,255,.2);background:transparent;color:var(--color-white);cursor:pointer;transition:all .15s ease;text-decoration:none}.racket-quiz__retake-btn:hover{border-color:var(--color-white);transform:translateY(-1px);text-decoration:none}.racket-quiz__retake-btn:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.racket-quiz__retake-btn svg{width:16px;height:16px}.racket-quiz__browse-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;background:var(--color-primary-green);color:var(--color-navy);cursor:pointer;border:none;text-decoration:none;transition:all .15s ease}.racket-quiz__browse-link:hover{background:#0cc45f;transform:translateY(-1px);text-decoration:none;color:var(--color-navy)}.racket-quiz__skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.racket-quiz__skeleton-card{border-radius:8px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.racket-quiz__skeleton-image{aspect-ratio:1 / 1;background:#ffffff0f;animation:skeleton-pulse 1.5s ease-in-out infinite}.racket-quiz__skeleton-info{padding:var(--spacing-md)}.racket-quiz__skeleton-line{height:14px;border-radius:4px;background:#ffffff14;animation:skeleton-pulse 1.5s ease-in-out infinite;margin-bottom:8px}.racket-quiz__skeleton-line--short{width:50%}.racket-quiz__skeleton-line--medium{width:75%}@media(max-width:749px){.racket-quiz-hero{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.racket-quiz__card{padding:24px 20px}.racket-quiz__options{grid-template-columns:1fr;gap:12px}.racket-quiz__option{padding:16px;flex-direction:row;align-items:center;gap:12px}.racket-quiz__option-icon{width:28px;height:28px}.racket-quiz__option-content{flex:1;min-width:0}.racket-quiz__step-container{min-height:400px}.racket-quiz__products-grid,.racket-quiz__skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px}.racket-quiz__results-actions{flex-direction:column}.racket-quiz__retake-btn,.racket-quiz__browse-link{width:100%;justify-content:center}}@media(min-width:750px)and (max-width:989px){.racket-quiz__products-grid,.racket-quiz__skeleton-grid{grid-template-columns:repeat(2,1fr)}}.racket-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}.racket-quiz__more-list{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:center}.racket-quiz__more-list-label{font-family:var(--font-body);font-size:.875rem;color:var(--color-grey-on-navy);margin:0 0 var(--spacing-md)}.racket-quiz__more-list-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-md)}.racket-quiz__more-list-items li{margin:0}.racket-quiz__more-list-items a{font-family:var(--font-body);font-size:.9375rem;color:var(--color-primary-green);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent;transition:border-color .15s}.racket-quiz__more-list-items a:hover{border-bottom-color:var(--color-primary-green);text-decoration:none}@media(max-width:749px){.racket-quiz__more-list-items{flex-direction:column;gap:var(--spacing-sm)}}.racket-quiz__relaxed-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm);max-width:720px;margin:0 auto var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:#0fd96d0f;border:1px solid rgba(15,217,109,.25);border-radius:8px;text-align:start}.racket-quiz__relaxed-banner svg{flex-shrink:0;color:var(--color-primary-green);margin-top:2px}.racket-quiz__relaxed-banner span{font-family:var(--font-body);font-size:.9375rem;line-height:1.5;color:var(--color-grey-on-navy)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-racket-quiz.css.map */