.finder-page{min-height:100vh;padding-top:calc(72px + var(--space-12));padding-bottom:var(--space-16);background:linear-gradient(180deg,var(--color-gray-50) 0,white 100%)}.finder-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.finder-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-success) 0,#16a34a 100%);color:white;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.finder-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.finder-header p{font-size:var(--text-lg);color:var(--color-gray-600);max-width:none;margin:0}.finder-quiz{max-width:700px;margin:0 auto}.progress-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);transition:width .5s ease}.progress-text{display:block;text-align:center;font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-8)}.question-card{background:white;border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-100);animation:slideUp .4s ease}.question-card h2{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-8)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.option-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:var(--font-body)}.option-btn:hover{border-color:var(--color-accent);background:rgba(49,130,206,.05);transform:translateY(-2px)}.option-btn.selected{border-color:var(--color-accent);background:rgba(49,130,206,.1)}.option-icon{font-size:1.5rem}.option-label{font-size:var(--text-base);font-weight:500;color:var(--color-gray-800)}.back-btn{display:block;margin:var(--space-6) auto 0;padding:var(--space-3) var(--space-6);background:transparent;border:none;color:var(--color-gray-500);cursor:pointer;font-size:var(--text-sm);transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-gray-700)}.finder-result{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}.result-preview{background:white;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100)}.result-header{margin-bottom:var(--space-6)}.result-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(214,158,46,.1);color:var(--color-gold);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.result-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.result-header p{color:var(--color-gray-600);margin:0}.result-products{padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.result-products h4{font-size:var(--text-base);margin-bottom:var(--space-4)}.result-products ul{list-style:none;margin:0;padding:0}.result-products li{padding:var(--space-2) 0;color:var(--color-gray-700);font-size:var(--text-sm)}.result-products-table{margin-bottom:var(--space-6);background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-500);text-transform:uppercase}.table-body .table-row,.table-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--space-3) var(--space-4)}.table-body .table-row{border-bottom:1px solid var(--color-gray-100);align-items:center;font-size:var(--text-sm)}.table-body .table-row:last-child{border-bottom:none}.col-sku{font-family:var(--font-mono);color:var(--color-gray-500);font-size:11px}.mobile-only{display:none}.stock-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:600}.indicator-dot{width:6px;height:6px;border-radius:50%}.stock-indicator.in-stock{color:var(--color-success)}.stock-indicator.in-stock .indicator-dot{background:var(--color-success);box-shadow:0 0 0 2px rgba(16,185,129,.2)}.stock-indicator.procure-stock{color:#eab308}.stock-indicator.procure-stock .indicator-dot{background:#eab308;box-shadow:0 0 0 2px rgba(234,179,8,.2)}.result-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.result-actions-bar .btn-sm{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.result-benefit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,rgba(49,130,206,.1),rgba(26,54,93,.1));border-radius:var(--radius-lg);font-weight:500;color:var(--color-primary)}.benefit-icon{font-size:1.25rem}.result-form{background:white;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-100)}.form-header{margin-bottom:var(--space-6)}.form-header h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.form-header p{color:var(--color-gray-600);font-size:var(--text-sm);margin:0}.finder-success{max-width:600px;margin:0 auto;text-align:center;background:white;border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-xl)}.success-icon{font-size:4rem;margin-bottom:var(--space-6);animation:float 3s ease-in-out infinite}.finder-success h1{margin-bottom:var(--space-4)}.finder-success p{color:var(--color-gray-600);font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:none}.success-preview{padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.success-preview h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.success-preview p{margin:0;font-size:var(--text-base)}.success-actions{display:flex;justify-content:center;gap:var(--space-4)}@media (max-width:768px){.options-grid{grid-template-columns:1fr}.table-body .table-row,.table-header{grid-template-columns:1fr auto}.col-sku,.table-header span:nth-child(2){display:none}.mobile-only{display:block;font-size:10px;color:var(--color-gray-400);margin-top:2px}.finder-result{grid-template-columns:1fr}.success-actions{flex-direction:column}}