.quiz-page{min-height:100vh;background-color:hsl(var(--color-cream));padding:100px var(--spacing-sm) var(--spacing-2xl)}@media(min-width:768px){.quiz-page{padding:120px var(--spacing-md) var(--spacing-2xl)}}.quiz-container,.quiz-results{max-width:640px;margin:0 auto}.quiz-results{max-width:900px}.quiz-progress{margin-bottom:var(--spacing-xl)}.quiz-progress-text{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:.75rem;color:hsl(var(--color-foreground) / .5);margin-bottom:var(--spacing-xs)}.quiz-progress-bar{height:4px;background-color:hsl(var(--color-cream-dark));border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background-color:hsl(var(--color-blush));transition:width var(--transition-slow)}.quiz-question-wrapper{text-align:center;margin-bottom:var(--spacing-xl)}.quiz-eyebrow{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:hsl(var(--color-sage));margin-bottom:var(--spacing-sm)}.quiz-question{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,1.875rem);color:hsl(var(--color-charcoal));font-weight:400;line-height:1.3}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quiz-option{width:100%;text-align:left;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid hsl(var(--color-foreground) / .1);background-color:hsl(var(--color-cream));cursor:pointer;transition:all var(--transition-base)}.quiz-option:hover{border-color:hsl(var(--color-blush) / .5)}.quiz-option.selected{border-color:hsl(var(--color-blush));background-color:hsl(var(--color-blush) / .2);box-shadow:0 4px 20px -5px hsl(var(--color-blush) / .3)}.quiz-option-label{display:block;font-family:var(--font-heading);font-size:1rem;color:hsl(var(--color-charcoal));margin-bottom:4px}.quiz-option-desc{display:block;font-family:var(--font-body);font-size:.875rem;font-weight:300;color:hsl(var(--color-charcoal-light))}.quiz-navigation{display:flex;justify-content:space-between}.quiz-btn-back,.quiz-btn-next{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.quiz-btn-back{background:transparent;border:none;color:hsl(var(--color-foreground) / .7)}.quiz-btn-back:hover:not(:disabled){color:hsl(var(--color-charcoal))}.quiz-btn-back:disabled{opacity:.5;cursor:not-allowed}.quiz-btn-next{background-color:hsl(var(--color-blush));border:none;color:hsl(var(--color-charcoal))}.quiz-btn-next:hover:not(:disabled){background-color:#e8b0b0;transform:translateY(-2px)}.quiz-btn-next:disabled{opacity:.5;cursor:not-allowed}.quiz-results-header{text-align:center;margin-bottom:var(--spacing-xl)}.quiz-results-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:hsl(var(--color-blush) / .3);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);color:hsl(var(--color-blush))}.quiz-results-title{font-family:var(--font-heading);font-size:clamp(1.875rem,4vw,2.25rem);color:hsl(var(--color-charcoal));margin-bottom:var(--spacing-sm)}.quiz-results-subtitle{font-family:var(--font-body);font-weight:300;color:hsl(var(--color-charcoal-light));max-width:400px;margin:0 auto}.quiz-profile{background-color:hsl(var(--color-background) / .5);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}.quiz-profile-title{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--color-sage));margin-bottom:var(--spacing-sm)}.quiz-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(min-width:768px){.quiz-profile-grid{grid-template-columns:repeat(4,1fr)}}.quiz-profile-label{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--color-foreground) / .5);margin-bottom:4px}.quiz-profile-value{font-family:var(--font-heading);font-size:1rem;color:hsl(var(--color-charcoal));text-transform:capitalize}.quiz-recommended-title{font-family:var(--font-heading);font-size:1.5rem;color:hsl(var(--color-charcoal));text-align:center;margin-bottom:var(--spacing-md)}.quiz-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(min-width:768px){.quiz-products-grid{grid-template-columns:repeat(4,1fr)}}.quiz-no-products{grid-column:1 / -1;text-align:center;padding:var(--spacing-lg);color:hsl(var(--color-charcoal-light));font-family:var(--font-body)}.quiz-product-card{display:block;text-decoration:none;background-color:hsl(var(--color-background));border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.quiz-product-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px hsl(var(--color-foreground) / .1)}.quiz-product-image{aspect-ratio:1;background-color:hsl(var(--color-cream-dark));overflow:hidden}.quiz-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.quiz-product-card:hover .quiz-product-image img{transform:scale(1.05)}.quiz-product-title{font-family:var(--font-heading);font-size:.875rem;color:hsl(var(--color-charcoal));padding:var(--spacing-xs) var(--spacing-sm) 0;margin:0}.quiz-product-price{font-family:var(--font-body);font-size:.75rem;color:hsl(var(--color-charcoal-light));padding:4px var(--spacing-sm) var(--spacing-sm);margin:0}.quiz-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}@media(min-width:640px){.quiz-actions{flex-direction:row;justify-content:center}}.quiz-btn-retake,.quiz-btn-browse{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.875rem 2rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.quiz-btn-retake{background:transparent;border:1px solid hsl(var(--color-blush));color:hsl(var(--color-charcoal))}.quiz-btn-retake:hover{background-color:hsl(var(--color-blush) / .1)}.quiz-btn-browse{background-color:hsl(var(--color-sage));border:none;color:#fff}.quiz-btn-browse:hover{background-color:#80a267;transform:translateY(-2px)}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/26/assets/quiz.css.map */