:root{--quiz-primary:#2d5f2e;--quiz-primary-hover:#234823;--quiz-secondary:#6b9b6e;--quiz-accent:#f7941d;--quiz-text:#333;--quiz-text-light:#666;--quiz-bg:#fff;--quiz-bg-light:#f8f9fa;--quiz-border:#e0e0e0;--quiz-error:#dc3545;--quiz-success:#28a745;--quiz-shadow:rgba(0,0,0,.1);--quiz-shadow-hover:rgba(0,0,0,.15);--quiz-radius:8px;--quiz-radius-sm:4px;--quiz-radius-lg:12px;--quiz-spacing:1rem;--quiz-spacing-sm:0.5rem;--quiz-spacing-lg:2rem;--quiz-spacing-xl:3rem;--quiz-transition:all 0.3s ease}.mower-quiz-container{background:var(--quiz-bg);color:var(--quiz-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:var(--quiz-spacing-lg);position:relative}@media (max-width:768px){.mower-quiz-container{padding:var(--quiz-spacing)}}.quiz-header{margin-bottom:var(--quiz-spacing-xl);text-align:center}.quiz-logo{margin-bottom:var(--quiz-spacing-lg)}.quiz-logo img{height:auto;max-width:200px}.quiz-navigation{margin-bottom:var(--quiz-spacing-lg)}.progress-steps{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;position:relative}.progress-steps:before{background:var(--quiz-border);content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.progress-steps .step{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;z-index:1}.step-number{align-items:center;background:var(--quiz-bg);border:2px solid var(--quiz-border);border-radius:50%;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:var(--quiz-spacing-sm);width:40px}.step-label,.step-number{transition:var(--quiz-transition)}.step-label{color:var(--quiz-text-light);font-size:.875rem;text-align:center}.progress-steps .step.active .step-number{background:var(--quiz-primary);border-color:var(--quiz-primary);color:#fff}.progress-steps .step.active .step-label{color:var(--quiz-primary);font-weight:600}.progress-steps .step.completed .step-number{background:var(--quiz-success);border-color:var(--quiz-success);color:#fff}.progress-steps .step.completed .step-number:after{content:"✓";position:absolute}@media (max-width:768px){.step-label{font-size:.75rem}.step-number{font-size:.875rem;height:32px;width:32px}.progress-steps:before{top:16px}}@media (max-width:480px){.step-label{display:none}}.quiz-main{min-height:500px;position:relative}.quiz-step{opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease}.quiz-step.active{opacity:1;transform:translateX(0)}.step-content{margin:0 auto;max-width:900px}.step-heading{color:var(--quiz-primary);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:var(--quiz-spacing);text-align:center}.step-description{color:var(--quiz-text-light);font-size:1.125rem;margin-bottom:var(--quiz-spacing-xl);text-align:center}@media (max-width:768px){.step-heading{font-size:1.5rem}.step-description{font-size:1rem}}.question-cards{display:grid;gap:var(--quiz-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--quiz-spacing-xl)}.question-card{align-items:center;background:var(--quiz-bg);border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--quiz-spacing-lg);position:relative;text-align:center;transition:var(--quiz-transition)}.question-card:hover{border-color:var(--quiz-primary);box-shadow:0 4px 12px var(--quiz-shadow);transform:translateY(-4px)}.question-card:focus{outline:3px solid var(--quiz-primary);outline-offset:2px}.question-card.selected{background:var(--quiz-bg-light);border-color:var(--quiz-primary);box-shadow:0 4px 16px var(--quiz-shadow-hover)}.question-card.selected:after{align-items:center;background:var(--quiz-primary);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:1.125rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:var(--quiz-spacing);top:var(--quiz-spacing);width:28px}.card-icon{color:var(--quiz-primary);margin-bottom:var(--quiz-spacing)}.card-icon svg{height:64px;width:64px}.card-title{color:var(--quiz-text);font-size:1.25rem;font-weight:600;margin-bottom:var(--quiz-spacing-sm)}.card-description{color:var(--quiz-text-light);font-size:.875rem;line-height:1.5}@media (max-width:768px){.question-cards{gap:var(--quiz-spacing);grid-template-columns:1fr}}.quiz-form{margin:0 auto;max-width:600px}.form-row{display:grid;gap:var(--quiz-spacing);grid-template-columns:1fr 1fr;margin-bottom:var(--quiz-spacing)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--quiz-spacing);position:relative}.form-label{color:var(--quiz-text);display:block;font-size:.938rem;font-weight:600;margin-bottom:var(--quiz-spacing-sm)}.required{color:var(--quiz-error)}.form-input{background:var(--quiz-bg);border:2px solid var(--quiz-border);border-radius:var(--quiz-radius);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:var(--quiz-transition);width:100%}.form-input:focus{border-color:var(--quiz-primary);box-shadow:0 0 0 3px rgba(45,95,46,.1);outline:none}.form-input.error{border-color:var(--quiz-error)}.form-input.error:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.form-error{color:var(--quiz-error);display:none;font-size:.875rem;margin-top:var(--quiz-spacing-sm)}.checkbox-group{margin-top:var(--quiz-spacing-lg)}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:var(--quiz-spacing-sm);margin-top:.25rem;width:18px}.checkbox-text{color:var(--quiz-text-light);font-size:.938rem;line-height:1.5}.step-actions{display:flex;flex-wrap:wrap;gap:var(--quiz-spacing);margin-top:var(--quiz-spacing-xl)}.btn,.step-actions{justify-content:center}.btn{align-items:center;border:2px solid transparent;border-radius:var(--quiz-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--quiz-spacing-sm);padding:.875rem 1.75rem;text-decoration:none;transition:var(--quiz-transition);white-space:nowrap}.btn-primary{background:var(--quiz-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--quiz-primary-hover);box-shadow:0 4px 12px var(--quiz-shadow);transform:translateY(-2px)}.btn-primary:disabled{background:var(--quiz-border);cursor:not-allowed;opacity:.6}.btn-secondary{background:transparent;border-color:var(--quiz-primary);color:var(--quiz-primary)}.btn-secondary:hover{background:var(--quiz-primary);color:#fff}.btn svg{height:20px;width:20px}.results-header{margin-bottom:var(--quiz-spacing-xl);text-align:center}.results-heading{color:var(--quiz-primary);font-size:2rem;font-weight:700;margin-bottom:var(--quiz-spacing)}.results-description{color:var(--quiz-text-light);font-size:1.125rem}.results-grid{display:grid;gap:var(--quiz-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--quiz-spacing-xl)}@media (max-width:768px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--quiz-bg);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:var(--quiz-transition)}.result-card:hover{box-shadow:0 8px 24px var(--quiz-shadow);transform:translateY(-4px)}.result-image{background:var(--quiz-bg-light);height:240px;overflow:hidden;width:100%}.result-image img{height:100%;object-fit:cover;width:100%}.result-content{display:flex;flex:1;flex-direction:column;padding:var(--quiz-spacing-lg)}.result-title{color:var(--quiz-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--quiz-spacing-sm)}.result-description{color:var(--quiz-text-light);font-size:1rem;line-height:1.6;margin-bottom:var(--quiz-spacing)}.result-features{flex:1;list-style:none;margin:0 0 var(--quiz-spacing-lg) 0;padding:0}.result-features li{align-items:center;color:var(--quiz-text);display:flex;font-size:.938rem;padding:var(--quiz-spacing-sm) 0}.result-features li:before{color:var(--quiz-success);content:"✓";flex-shrink:0;font-weight:700;margin-right:var(--quiz-spacing-sm)}.result-footer{align-items:center;border-top:1px solid var(--quiz-border);display:flex;flex-wrap:wrap;gap:var(--quiz-spacing);justify-content:space-between;padding-top:var(--quiz-spacing)}.result-price{color:var(--quiz-accent);font-size:1.125rem;font-weight:700}.result-footer .btn{font-size:.938rem;padding:.625rem 1.25rem}.results-cta{margin-top:var(--quiz-spacing-xl)}.cta-banner{background:linear-gradient(135deg,var(--quiz-primary) 0,var(--quiz-secondary) 100%);border-radius:var(--quiz-radius-lg);color:#fff;padding:var(--quiz-spacing-xl);text-align:center}.cta-heading{font-size:1.75rem;font-weight:700;margin-bottom:var(--quiz-spacing)}.cta-description{font-size:1.125rem;margin-bottom:var(--quiz-spacing-lg);opacity:.95}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--quiz-spacing);justify-content:center}.cta-banner .btn-primary{background:#fff;color:var(--quiz-primary)}.cta-banner .btn-primary:hover{background:var(--quiz-bg-light);transform:translateY(-2px)}.cta-banner .btn-secondary{background:transparent;border-color:#fff;color:#fff}.cta-banner .btn-secondary:hover{background:hsla(0,0%,100%,.2)}.quiz-loading{background:hsla(0,0%,100%,.95);bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-spinner,.quiz-loading{align-items:center;display:flex}.loading-spinner{flex-direction:column}.spinner{animation:spin 1s linear infinite}.spinner-circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--quiz-primary);stroke-dasharray:125;stroke-dashoffset:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinner-dash{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:90,125;stroke-dashoffset:-35}to{stroke-dasharray:90,125;stroke-dashoffset:-124}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{outline:3px solid var(--quiz-primary);outline-offset:2px}@media (max-width:1024px){.mower-quiz-container{padding:var(--quiz-spacing-lg) var(--quiz-spacing)}}@media (max-width:640px){.results-heading{font-size:1.5rem}.cta-heading{font-size:1.25rem}.cta-banner{padding:var(--quiz-spacing-lg)}.btn{justify-content:center;width:100%}.step-actions{flex-direction:column-reverse}}@media print{.btn,.quiz-header,.step-actions{display:none}.quiz-step:not(.active){display:none!important}.result-card{break-inside:avoid}}