.breed-finder-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.breed-finder{padding:40px 0 80px;max-width:800px;margin:0 auto}.finder-header{text-align:center;margin-bottom:32px}.finder-header .back-link{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;margin-bottom:24px;transition:color .2s}.finder-header .back-link:hover{color:#323F53}.finder-header h1{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 12px}.finder-header p{font-size:18px;color:#64748b;margin:0}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#323F53,#4a5568);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:#64748b;margin-bottom:32px}.question-card{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:24px}.question-card h2{font-size:24px;font-weight:600;color:#1e293b;text-align:center;margin:0 0 32px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.option-card{position:relative;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.option-card:hover{border-color:#323F53;background:white}.option-card.selected{border-color:#323F53;background:#323F53;color:white}.option-icon{font-size:32px;color:#323F53;margin-bottom:8px}.option-card.selected .option-icon{color:white}.option-label{font-size:16px;font-weight:600}.option-description{font-size:12px;color:#64748b}.option-card.selected .option-description{color:rgba(255,255,255,.8)}.selected-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:white;color:#323F53;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.finder-navigation{display:flex;justify-content:space-between;gap:16px}.btn-nav{padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-back{background:white;color:#64748b;border:1px solid #e2e8f0}.btn-back:hover:not(:disabled){background:#f8fafc;color:#323F53}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-next,.btn-submit{background:#323F53;color:white;margin-left:auto}.btn-next:hover:not(:disabled),.btn-submit:hover:not(:disabled){background:#1e293b}.btn-next:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.breed-finder-results{padding:40px 0 80px;max-width:1000px;margin:0 auto}.results-header{text-align:center;margin-bottom:40px}.results-header h1{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 12px}.results-header p{font-size:18px;color:#64748b;margin:0 0 24px}.btn-reset{padding:10px 20px;background:white;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-reset:hover{border-color:#323F53;color:#323F53}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.result-card{position:relative;background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.result-rank{position:absolute;top:12px;left:12px;background:#323F53;color:white;padding:4px 10px;border-radius:6px;font-weight:700;font-size:14px;z-index:1}.result-image{width:100%;height:315px;object-fit:cover}.result-placeholder{width:100%;height:315px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:48px}.result-info{padding:0 16px 12px}.result-info h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.result-meta{display:flex;align-items:center;gap:8px}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.type-badge.dog{background:#dbeafe;color:#1d4ed8}.type-badge.cat{background:#f3e8ff;color:#7c3aed}.size-badge{font-size:12px;color:#64748b;text-transform:capitalize}.no-results{text-align:center;padding:60px 20px;background:white;border-radius:12px}.no-results p{color:#64748b;margin-bottom:20px}.btn-primary{padding:12px 24px;background:#323F53;color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1e293b}.results-cta{text-align:center}.btn-secondary{display:inline-block;padding:12px 24px;background:white;color:#323F53;border:2px solid #323f53;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#323F53;color:white}@media (max-width:768px){.finder-header h1,.results-header h1{font-size:28px}.finder-header p,.results-header p{font-size:16px}.question-card{padding:24px 16px}.question-card h2{font-size:20px}.options-grid{grid-template-columns:1fr}.option-card{flex-direction:row;text-align:left;padding:16px}.option-icon{font-size:24px;margin-bottom:0;margin-right:12px}.option-label{flex:1 1}.option-description{display:none}.finder-navigation{flex-direction:column}.btn-nav{justify-content:center}.btn-next,.btn-submit{margin-left:0}.results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.result-image,.result-placeholder{height:160px}.result-info h3{font-size:14px}.result-meta{flex-direction:column;align-items:flex-start;gap:4px}}