.quiz-page .page-hero,.quiz-page .breadcrumb{display:none}.quiz-section{padding:0;background-color:var(--color-cream);min-height:calc(100dvh - var(--announcement-height-desktop) - var(--nav-height-desktop));display:flex;flex-direction:column}@media(max-width:1023px){.quiz-section{min-height:calc(100dvh - var(--announcement-height-mobile) - var(--nav-height-mobile))}}.quiz-section .container{flex:1;display:flex;flex-direction:column}.quiz{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.quiz__progress,.quiz__progress-bar,.quiz__step-label{display:none}.quiz__dots{display:flex;align-items:center;justify-content:center;gap:.25rem;padding-top:clamp(1rem,2vh,1.5rem)}.quiz__dot{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.quiz__dot:before{content:"";display:block;width:10px;height:10px;border-radius:999px;border:1px solid var(--color-gold-champagne);background:transparent;transition:background .35s ease,border-color .35s ease,width .35s ease}.quiz__dot:hover:before{background:var(--color-gold-champagne);border-color:var(--color-gold-champagne)}.quiz__dot.is-active:before{background:var(--color-gold-rich);border-color:var(--color-gold-rich);width:32px}.quiz__dot.is-complete:before{background:var(--color-gold-champagne);border-color:var(--color-gold-champagne)}.quiz__step{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vh,2rem) clamp(1.5rem,4vw,3rem)}.quiz__step.is-active{display:flex}@media(max-width:1023px){.quiz__step{justify-content:flex-start;padding-top:clamp(.5rem,1.5vh,1rem)}}.quiz__step.is-entering-forward{animation:slideInRight .45s cubic-bezier(.4,0,.2,1) forwards}.quiz__step.is-entering-back{animation:slideInLeft .45s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.quiz__question{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--font-display-weight);color:var(--color-brown-deep);text-align:center;margin-bottom:clamp(1.25rem,3vh,2.5rem);line-height:1.15;max-width:580px}.quiz__options{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%;max-width:540px}@media(min-width:540px){.quiz__options--grid{grid-template-columns:1fr 1fr}.quiz__options--trio{grid-template-columns:1fr 1fr 1fr}}.quiz__option{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:clamp(.75rem,1.5vh,1rem) clamp(1rem,2vw,1.5rem);background-color:var(--color-cream-light);border:1px solid rgba(61,43,31,.1);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.quiz__option:hover{border-color:var(--color-brown-medium)}.quiz__option:focus-visible{outline:2px solid var(--color-gold-rich);outline-offset:2px}.quiz__option.is-selected{border-color:var(--color-brown-deep);box-shadow:inset 3px 0 0 var(--color-gold-champagne)}.quiz__option-label{font-family:var(--font-display);font-size:clamp(.9375rem,1.25vw,1.125rem);font-weight:600;color:var(--color-brown-deep);line-height:1.3}.quiz__option-desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-brown-medium);line-height:1.4}.quiz__option--has-img{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto;padding:0;gap:0}.quiz__option--has-img .quiz__option-img{grid-row:1 / -1;width:100%;height:100%;min-height:80px;object-fit:cover}.quiz__option--has-img .quiz__option-label{grid-column:2;padding:clamp(.75rem,1.5vh,1rem) clamp(.75rem,2vw,1.25rem) 0}.quiz__option--has-img .quiz__option-desc{grid-column:2;padding:.125rem clamp(.75rem,2vw,1.25rem) clamp(.75rem,1.5vh,1rem)}.quiz__nav{display:flex;justify-content:center;padding-block:clamp(.75rem,1.5vh,1.5rem)}.quiz__back{min-width:120px}.quiz__back:disabled{opacity:0;pointer-events:none}.quiz__results{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vh,2rem) clamp(1.5rem,4vw,3rem)}.quiz__results.is-active{display:flex;animation:resultReveal .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes resultReveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.quiz__results-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:720px}.quiz__results-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-display-weight);color:var(--color-brown-deep);line-height:1.05}.quiz__result-card{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center;width:100%;padding:1.5rem;background-color:var(--color-cream-light);border:1px solid rgba(61,43,31,.1);text-decoration:none;color:var(--color-brown-deep);transition:border-color .2s ease}.quiz__result-card:hover{border-color:var(--color-gold-champagne)}.quiz__result-img{width:200px;height:200px;object-fit:cover}.quiz__result-body{display:flex;flex-direction:column;gap:.375rem}.quiz__result-name{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-display-weight);color:var(--color-brown-deep)}.quiz__result-desc{font-size:.9375rem;color:var(--color-brown-medium);line-height:1.5}.quiz__result-price{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-brown-deep);margin-top:.25rem}.quiz__results-actions{display:flex;gap:.75rem;margin-top:.5rem}@media(max-width:539px){.quiz__result-card{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.quiz__result-body{align-items:center;min-width:0;width:100%}.quiz__result-img{width:140px;height:140px}.quiz__results-actions{flex-direction:column;align-items:stretch;justify-content:center;width:100%}.quiz__results-actions .btn{width:100%}}.quiz.is-complete .quiz__nav,.quiz.is-complete .quiz__progress,.quiz.is-complete .quiz__step-label,.quiz.is-complete .quiz__dots{display:none}@media(prefers-reduced-motion:reduce){.quiz__step.is-entering-forward,.quiz__step.is-entering-back,.quiz__results.is-active{animation:none}.quiz-section{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quiz.css.map */