@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Inter:wght@300;400;500;600;700&display=swap');:root{--primary:#1B4332;--primary-light:#2D6A4F;--primary-dark:#0F2B1E;--secondary:#52B788;--secondary-light:#74C69D;--accent:#D8F3DC;--accent2:#B7E4C7;--text:#1A1A2E;--text-light:#4A5568;--text-muted:#718096;--bg:#F8FFFE;--bg-alt:#F0FDF4;--white:#FFFFFF;--border:#E2F4E8;--shadow-sm:0 2px 8px rgba(27,67,50,.08);--shadow-md:0 4px 20px rgba(27,67,50,.12);--shadow-lg:0 8px 40px rgba(27,67,50,.18);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:999px;--transition:0.25s ease;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Inter',system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700}h3{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}p{line-height:1.75}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-wide{max-width:1400px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:50px 0}.site-header{position:sticky;top:0;z-index:100;background:rgba(27,67,50,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(82,183,136,.2);box-shadow:0 2px 20px rgba(0,0,0,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;height:70px;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--white);white-space:nowrap}.logo-icon{width:38px;height:38px;background:var(--secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.logo span{color:var(--secondary-light)}.site-nav{display:flex;align-items:center;gap:4px}.site-nav > a,.nav-dropdown-trigger{padding:8px 14px;border-radius:var(--radius-full);color:rgba(255,255,255,.85);font-size:.9rem;font-weight:500;transition:var(--transition);background:none;border:none;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;gap:4px}.site-nav > a:hover,.site-nav > a.active,.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{background:rgba(82,183,136,.2);color:var(--secondary-light)}.nav-dropdown-wrap{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);min-width:280px;padding:8px;display:none;z-index:200}.nav-dropdown-wrap.open .nav-dropdown{display:block}.nav-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text);transition:var(--transition)}.nav-dropdown-item:hover{background:var(--bg-alt)}.nav-dropdown-icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:2px}.nav-dropdown-item strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.nav-dropdown-item span{font-size:.8rem;color:var(--text-muted)}.header-search{display:flex;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:6px 14px;gap:8px;transition:var(--transition)}.header-search:focus-within{background:rgba(255,255,255,.18);border-color:var(--secondary)}.header-search input{background:none;border:none;outline:none;color:var(--white);font-size:.9rem;width:180px;font-family:var(--font-body)}.header-search input::placeholder{color:rgba(255,255,255,.5)}.header-search svg{color:rgba(255,255,255,.5);flex-shrink:0}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--white);padding:6px}.mobile-nav{display:none;flex-direction:column;background:var(--primary-dark);border-top:1px solid rgba(255,255,255,.08);padding:12px 20px 20px;gap:4px}.mobile-nav.open{display:flex}.mobile-nav a{padding:12px 16px;color:rgba(255,255,255,.85);font-size:.95rem;border-radius:var(--radius-sm);transition:var(--transition)}.mobile-nav a:hover{background:rgba(82,183,136,.15);color:var(--secondary-light)}.hero{position:relative;overflow:hidden;background:var(--primary-dark);min-height:580px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:url('https://images.pexels.com/photos/35511915/pexels-photo-35511915.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200');background-size:cover;background-position:center 30%;opacity:.28}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(27,67,50,.95) 45%,rgba(27,67,50,.55) 100%)}.hero-content{position:relative;z-index:2;max-width:700px;padding:80px 0}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(82,183,136,.2);border:1px solid rgba(82,183,136,.35);color:var(--secondary-light);padding:6px 16px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.hero h1{color:var(--white);margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--secondary-light)}.hero p{color:rgba(255,255,255,.75);font-size:1.1rem;max-width:540px;margin-bottom:36px}.hero-search{display:flex;gap:0;max-width:520px;background:var(--white);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-lg)}.hero-search input{flex:1;border:none;outline:none;padding:16px 22px;font-size:1rem;font-family:var(--font-body);color:var(--text)}.hero-search input::placeholder{color:var(--text-muted)}.hero-search button{background:var(--secondary);color:var(--white);border:none;padding:16px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font-body);display:flex;align-items:center;gap:6px}.hero-search button:hover{background:var(--primary-light)}.hero-stats{display:flex;gap:32px;margin-top:36px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column}.hero-stat strong{font-size:1.8rem;font-weight:800;color:var(--white);font-family:var(--font-heading);line-height:1}.hero-stat span{font-size:.8rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em}.alphabet-nav{background:var(--white);border-bottom:2px solid var(--border);padding:14px 0;position:sticky;top:70px;z-index:90;box-shadow:var(--shadow-sm)}.alphabet-inner{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:1200px;margin:0 auto;padding:0 20px}.alpha-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;color:var(--text-light);transition:var(--transition);cursor:pointer}.alpha-link:hover,.alpha-link.active{background:var(--primary);color:var(--white)}.alpha-link.has-entries{color:var(--primary-light)}.filters-bar{background:var(--bg-alt);padding:20px 0;border-bottom:1px solid var(--border)}.filters-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 20px}.filter-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.filter-btn{padding:7px 16px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--white);color:var(--text-light);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:var(--font-body)}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.filter-count{margin-left:auto;font-size:.9rem;color:var(--text-muted);font-weight:500}.breeds-section{padding:50px 0 80px}.letter-group{margin-bottom:60px}.letter-anchor{display:flex;align-items:center;gap:16px;margin-bottom:28px}.letter-badge{width:52px;height:52px;background:var(--primary);color:var(--white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.6rem;font-weight:800;flex-shrink:0}.letter-line{height:2px;flex:1;background:linear-gradient(90deg,var(--border),transparent)}.letter-count{font-size:.82rem;color:var(--text-muted);font-weight:500}.breeds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.breed-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:20px 18px;display:flex;align-items:center;gap:12px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.breed-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--secondary);transform:scaleY(0);transition:var(--transition)}.breed-card:hover{border-color:var(--secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.breed-card:hover::before{transform:scaleY(1)}.breed-card-icon{width:40px;height:40px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.breed-card-name{font-weight:600;font-size:.92rem;color:var(--text);line-height:1.3}.breed-card-arrow{margin-left:auto;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.breed-card:hover .breed-card-arrow{color:var(--primary);transform:translateX(3px)}.featured-section{background:var(--bg-alt);padding:70px 0}.section-header{text-align:center;margin-bottom:50px}.section-header .badge{display:inline-block;background:var(--accent2);color:var(--primary);padding:5px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.section-header h2{margin-bottom:10px;color:var(--primary-dark)}.section-header p{color:var(--text-light);max-width:520px;margin:0 auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.featured-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border)}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-card-img{height:200px;overflow:hidden;position:relative}.featured-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.featured-card:hover .featured-card-img img{transform:scale(1.06)}.featured-card-body{padding:20px 22px}.featured-card-body h3{margin-bottom:8px;font-size:1.15rem;color:var(--primary-dark)}.featured-card-body p{font-size:.88rem;color:var(--text-light);margin-bottom:16px;line-height:1.6}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--accent);color:var(--primary)}.tag.size-grand{background:#fef3c7;color:#92400e}.tag.size-moyen{background:#dbeafe;color:#1e40af}.tag.size-petit{background:#fce7f3;color:#9d174d}.tag.energie-haute{background:#fee2e2;color:#991b1b}.tag.energie-basse{background:#d1fae5;color:#065f46}.btn-card{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:.88rem;font-weight:600;transition:var(--transition)}.btn-card:hover{color:var(--secondary);gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:2px solid transparent;font-family:var(--font-body);text-decoration:none}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-secondary:hover{background:var(--primary-light)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.about-section{padding:80px 0;background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3}.about-image img{width:100%;height:100%;object-fit:cover}.about-content .badge{display:inline-block;background:var(--accent2);color:var(--primary);padding:5px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.about-content h2{margin-bottom:16px;color:var(--primary-dark)}.about-content p{color:var(--text-light);margin-bottom:20px}.about-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.about-feature{display:flex;align-items:flex-start;gap:12px}.about-feature-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.about-feature-text strong{display:block;font-weight:600;margin-bottom:2px;font-size:.92rem}.about-feature-text span{font-size:.85rem;color:var(--text-muted)}.faq-section{background:var(--bg-alt);padding:80px 0}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-weight:600;font-size:.95rem;gap:16px}.faq-question:hover{background:var(--bg-alt)}.faq-icon{width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;transition:var(--transition);font-size:1.2rem;font-weight:400;line-height:1}.faq-item.open .faq-icon{background:var(--primary);color:var(--white);transform:rotate(45deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;color:var(--text-light);font-size:.93rem;line-height:1.7}.faq-item.open .faq-answer{max-height:400px;padding:0 24px 20px}.race-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);padding:60px 0 0;color:var(--white)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:24px}.breadcrumb a{color:rgba(255,255,255,.7)}.breadcrumb a:hover{color:var(--secondary-light)}.breadcrumb-sep{color:rgba(255,255,255,.3)}.race-hero-inner{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:end}.race-hero-content{padding-bottom:50px}.race-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(82,183,136,.2);border:1px solid rgba(82,183,136,.3);color:var(--secondary-light);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;margin-bottom:16px}.race-hero-content h1{color:var(--white);margin-bottom:16px}.race-hero-content p.lead{color:rgba(255,255,255,.75);font-size:1.05rem;max-width:500px;line-height:1.75}.race-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.race-hero-tag{padding:6px 14px;border-radius:var(--radius-full);background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500;border:1px solid rgba(255,255,255,.15)}.race-hero-img{border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;height:360px}.race-hero-img img{width:100%;height:100%;object-fit:cover}.race-content{padding:60px 0 80px}.race-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.race-main section{margin-bottom:48px}.race-main h2{font-size:1.6rem;color:var(--primary-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.race-main p{color:var(--text-light);margin-bottom:14px}.race-sidebar{position:sticky;top:90px}.sidebar-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px}.sidebar-card h3{font-size:1rem;color:var(--primary-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg-alt);font-size:.88rem}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-weight:500}.stat-value{font-weight:600;color:var(--text)}.rating-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rating-label{font-size:.85rem;color:var(--text-muted);width:110px;flex-shrink:0}.rating-track{flex:1;height:8px;background:var(--accent);border-radius:var(--radius-full);overflow:hidden}.rating-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-full)}.rating-num{font-size:.82rem;font-weight:700;color:var(--primary);width:24px;text-align:right}.related-breeds{display:flex;flex-direction:column;gap:10px}.related-breed-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);transition:var(--transition)}.related-breed-item:hover{border-color:var(--secondary);background:var(--bg-alt)}.related-breed-icon{width:34px;height:34px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.related-breed-name{font-size:.88rem;font-weight:600;color:var(--text)}.charact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.charact-item{background:var(--bg-alt);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border)}.charact-item .label{font-size:.78rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.charact-item .value{font-weight:700;color:var(--primary-dark);font-size:.95rem}.quiz-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));padding:70px 0;color:var(--white);overflow:hidden}.quiz-hero-inner{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}.quiz-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(82,183,136,.2);border:1px solid rgba(82,183,136,.35);color:var(--secondary-light);padding:6px 16px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.quiz-hero-content h1{color:var(--white);margin-bottom:16px}.quiz-hero-content h1 em{font-style:normal;color:var(--secondary-light)}.quiz-hero-content p{color:rgba(255,255,255,.75);font-size:1.05rem;margin-bottom:24px}.quiz-meta{display:flex;gap:20px;flex-wrap:wrap}.quiz-meta span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem;color:rgba(255,255,255,.9)}.quiz-hero-img{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.quiz-hero-img img{width:100%;height:400px;object-fit:cover}.quiz-img-badge{position:absolute;bottom:16px;left:16px;background:rgba(27,67,50,.9);color:var(--white);padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;backdrop-filter:blur(8px)}.quiz-section{padding:60px 0 80px}.quiz-wrapper{max-width:700px;margin:0 auto}.quiz-progress-bar{height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:10px}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-full);transition:width .5s ease;width:0%}.quiz-step-label{text-align:right;font-size:.82rem;color:var(--text-muted);margin-bottom:30px;font-weight:500}.quiz-question{display:none}.quiz-question.active{display:block;animation:fadeInUp .35s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.question-icon{font-size:2.5rem;margin-bottom:12px}.quiz-question h2{font-size:clamp(1.4rem,3vw,2rem);color:var(--primary-dark);margin-bottom:8px}.question-sub{color:var(--text-muted);font-size:.95rem;margin-bottom:28px}.quiz-options{display:grid;gap:14px}.quiz-option{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--white);cursor:pointer;transition:var(--transition);font-family:var(--font-body);text-align:left;width:100%}.quiz-option:hover{border-color:var(--secondary);background:var(--bg-alt);transform:translateX(4px)}.quiz-option.selected{border-color:var(--primary);background:var(--accent)}.opt-icon{font-size:1.8rem;flex-shrink:0}.opt-text strong{display:block;font-weight:600;color:var(--text);font-size:.95rem}.opt-text span{font-size:.85rem;color:var(--text-muted)}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.quiz-dots{display:flex;gap:8px;justify-content:center;flex:1}.quiz-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:var(--transition)}.quiz-dot.active{background:var(--primary);transform:scale(1.3)}.quiz-dot.answered{background:var(--secondary)}.quiz-result-card{background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--border);overflow:hidden;animation:fadeInUp .5s ease}.result-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);text-align:center;padding:32px}.result-emoji{font-size:3rem;margin-bottom:8px}.result-header h2{color:var(--white);font-size:1.8rem}.result-race{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:32px;align-items:start}.result-race-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.result-race-info h3{font-size:1.8rem;color:var(--primary-dark);margin-bottom:10px}.result-race-info p{color:var(--text-light);margin-bottom:16px;font-size:.95rem}.result-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-also{padding:24px 32px;border-top:1px solid var(--border);background:var(--bg-alt)}.result-also h4{margin-bottom:16px;color:var(--primary-dark);font-size:1rem}.result-also-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.result-also-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);transition:var(--transition)}.result-also-item:hover{border-color:var(--secondary)}.result-also-item img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.result-also-item strong{display:block;font-size:.88rem;font-weight:600}.result-also-item span{font-size:.78rem;color:var(--text-muted)}.quiz-cta-section{background:var(--bg-alt);padding:60px 0}.quiz-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quiz-cta-card{background:var(--white);border-radius:var(--radius-lg);padding:32px 28px;border:1.5px solid var(--border);transition:var(--transition);display:block}.quiz-cta-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--secondary)}.quiz-cta-icon{font-size:2.5rem;margin-bottom:12px}.quiz-cta-card h3{margin-bottom:8px;color:var(--primary-dark);font-size:1.15rem}.quiz-cta-card p{font-size:.88rem;color:var(--text-muted);margin-bottom:16px}.compare-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));padding:60px 0;color:var(--white)}.compare-hero-inner{display:grid;grid-template-columns:1fr 500px;gap:50px;align-items:center}.compare-hero-inner h1{color:var(--white);margin-bottom:16px}.compare-hero-inner h1 em{font-style:normal;color:var(--secondary-light)}.compare-hero-inner p{color:rgba(255,255,255,.75);font-size:1.05rem}.compare-hero-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.compare-hero-img img{width:100%;height:300px;object-fit:cover}.compare-selectors-section{background:var(--bg-alt);padding:50px 0;border-bottom:2px solid var(--border)}.compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:start}.selector-card{background:var(--white);border-radius:var(--radius-lg);padding:24px;border:2px solid var(--border)}.selector-label{font-weight:700;font-size:1rem;color:var(--primary-dark);margin-bottom:14px}.selector-search{position:relative}.selector-search input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--text);outline:none;transition:var(--transition)}.selector-search input:focus{border-color:var(--secondary)}.selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;display:none;max-height:250px;overflow-y:auto}.autocomplete-item{padding:10px 14px;cursor:pointer;font-size:.9rem;transition:var(--transition)}.autocomplete-item:hover{background:var(--bg-alt);color:var(--primary)}.selected-name{display:inline-block;margin-top:10px;font-size:.88rem;color:var(--primary);font-weight:600}.vs-badge{width:56px;height:56px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.2rem;font-weight:800;flex-shrink:0;align-self:center;margin-top:40px}.compare-result-section{padding:60px 0 80px}.compare-table-wrapper{border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow-sm)}.compare-header-row{display:grid;grid-template-columns:180px 1fr 1fr;background:var(--primary);color:var(--white);font-weight:700;font-size:.95rem}.compare-header-row .compare-col-label{padding:18px 20px}.compare-header-row .compare-col{padding:18px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.15)}.race1-col{background:rgba(82,183,136,.15)}.race2-col{background:rgba(82,183,136,.08)}.compare-row{display:grid;grid-template-columns:180px 1fr 1fr;border-top:1px solid var(--border)}.compare-row:nth-child(even){background:var(--bg-alt)}.compare-col-label{padding:16px 20px;font-size:.85rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center}.compare-col{padding:16px 20px;text-align:center;border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center}.compare-value{font-weight:600;color:var(--primary-dark);font-size:.9rem}.compare-value.small{font-size:.78rem}.compare-section-title{background:var(--accent2);padding:12px 20px;font-weight:700;font-size:.85rem;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--border)}.compare-row-photos{background:var(--white) !important}.compare-row-cta{background:var(--bg-alt) !important;padding:10px 0}.compare-score{display:flex;align-items:center;gap:8px}.mini-bar{width:80px;height:8px;background:var(--accent);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-full);transition:width .5s ease}.compare-score span{font-size:.82rem;font-weight:700;color:var(--primary)}.compare-verdict{margin-top:32px}.verdict-card{display:flex;align-items:center;gap:16px;padding:24px 28px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent2));border:2px solid var(--secondary);font-size:.95rem;color:var(--primary-dark);line-height:1.6}.verdict-card.verdict-tie{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.verdict-icon{font-size:2rem;flex-shrink:0}.popular-compares{padding:60px 0;background:var(--bg-alt)}.popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:800px;margin:0 auto}.popular-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--white);border-radius:var(--radius-md);border:1.5px solid var(--border);transition:var(--transition)}.popular-card:hover{border-color:var(--secondary);box-shadow:var(--shadow-sm)}.popular-icon{font-size:1.8rem}.popular-text{flex:1}.popular-text strong{display:block;font-size:.9rem;font-weight:600;color:var(--text)}.popular-text span{font-size:.8rem;color:var(--text-muted)}.fci-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));padding:70px 0;color:var(--white)}.fci-hero-inner{display:grid;grid-template-columns:1fr 500px;gap:60px;align-items:center}.fci-hero-content h1{color:var(--white);margin-bottom:16px}.fci-hero-content h1 em{font-style:normal;color:var(--secondary-light)}.fci-hero-content p{color:rgba(255,255,255,.75);font-size:1.05rem;margin-bottom:24px}.fci-stats{display:flex;gap:28px;flex-wrap:wrap}.fci-stat{display:flex;flex-direction:column}.fci-stat strong{font-size:1.8rem;font-weight:800;color:var(--white);font-family:var(--font-heading);line-height:1}.fci-stat span{font-size:.8rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em}.fci-hero-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.fci-hero-img img{width:100%;height:380px;object-fit:cover}.fci-groups-nav{background:var(--white);border-bottom:2px solid var(--border);padding:14px 0;position:sticky;top:70px;z-index:90}.fci-groups-nav-inner{display:flex;gap:6px;overflow-x:auto;max-width:1200px;margin:0 auto;padding:0 20px;scrollbar-width:none}.fci-groups-nav-inner::-webkit-scrollbar{display:none}.fci-nav-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);white-space:nowrap;font-size:.85rem;font-weight:600;color:var(--text-light);border:1.5px solid var(--border);background:var(--white);transition:var(--transition);flex-shrink:0}.fci-nav-item:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.fci-nav-emoji{font-size:1rem}.fci-nav-num{font-size:.8rem}.fci-groups-section{padding:60px 0 80px}.fci-group-card{margin-bottom:40px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow-sm)}.fci-group-header{padding:28px 32px;color:var(--white)}.fci-group-number{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7);margin-bottom:8px}.fci-group-header h2{color:var(--white);font-size:1.6rem;margin-bottom:6px}.fci-group-approx{font-size:.85rem;color:rgba(255,255,255,.6)}.fci-group-body{padding:32px;background:var(--white)}.fci-group-info{display:grid;grid-template-columns:1fr 320px;gap:40px}.fci-group-desc h3{font-size:1rem;color:var(--primary-dark);margin:0 0 10px;font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;color:var(--text-muted)}.fci-group-desc p{color:var(--text-light);font-size:.93rem;margin-bottom:20px;line-height:1.7}.fci-group-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.fci-tag{padding:4px 12px;border-radius:var(--radius-full);background:var(--accent);color:var(--primary);font-size:.8rem;font-weight:600}.fci-races-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}.fci-races-list li{font-size:.85rem;color:var(--text-light);padding:4px 0;display:flex;align-items:center;gap:6px}.fci-races-list li::before{content:'🐕';font-size:.75rem}.fci-group-races h3{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.fci-races-grid{display:flex;flex-direction:column;gap:8px}.fci-race-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);transition:var(--transition);font-size:.88rem;font-weight:600;color:var(--text)}.fci-race-item:hover{border-color:var(--secondary);background:var(--bg-alt)}.fci-race-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.fci-race-item svg{margin-left:auto;color:var(--text-muted)}.fci-cta-section{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));padding:60px 0}.fci-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.fci-cta-text h2{color:var(--white);margin-bottom:8px}.fci-cta-text p{color:rgba(255,255,255,.7)}.fci-cta-actions{display:flex;gap:12px}.site-footer{background:var(--primary-dark);color:rgba(255,255,255,.75);padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .logo{margin-bottom:16px;display:inline-flex}.footer-brand p{font-size:.9rem;line-height:1.7;max-width:280px;color:rgba(255,255,255,.55)}.footer-col h4{color:var(--white);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:18px}.footer-col ul{display:flex;flex-direction:column;gap:8px}.footer-col ul a{font-size:.88rem;color:rgba(255,255,255,.55);transition:var(--transition)}.footer-col ul a:hover{color:var(--secondary-light)}.footer-bottom{padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:8px}.footer-bottom a{color:rgba(255,255,255,.45)}.footer-bottom a:hover{color:var(--secondary-light)}.reveal-on-scroll-DISABLED{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.breed-card.hidden{display:none}.no-results{text-align:center;padding:60px 20px;color:var(--text-muted);display:none}.no-results.visible{display:block}.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-light);transition:var(--transition);font-family:var(--font-body)}.page-btn:hover,.page-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.error-page{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:20px;padding:60px 20px}.error-page .error-code{font-family:var(--font-heading);font-size:6rem;font-weight:800;color:var(--primary);line-height:1}.error-page h1{font-size:2rem}.error-page p{color:var(--text-muted);max-width:420px}.affiliate-disclosure{font-size:.76rem;color:var(--text-muted);line-height:1.55;padding:10px 12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:14px}.affiliate-list{display:grid;gap:10px}.affiliate-item{display:block;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);background:var(--white)}.affiliate-item:hover{border-color:var(--secondary);background:var(--bg-alt)}.affiliate-item strong{display:block;color:var(--primary-dark);font-size:.9rem;margin-bottom:3px}.affiliate-item span{display:block;color:var(--text-muted);font-size:.78rem;line-height:1.45}.affiliate-guide-link{margin-top:14px}.commerce-teaser-grid,.commerce-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}.commerce-teaser-card,.commerce-product{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.commerce-teaser-card:hover,.commerce-product:hover{transform:translateY(-3px);border-color:var(--secondary);box-shadow:var(--shadow-md)}.commerce-teaser-card span,.commerce-kicker,.commerce-product-badge{display:inline-flex;color:var(--primary);background:var(--accent);border-radius:var(--radius-full);padding:4px 10px;font-size:.75rem;font-weight:700;margin-bottom:12px}.commerce-teaser-card h3,.commerce-product h3{color:var(--primary-dark);font-size:1.1rem;margin-bottom:8px}.commerce-teaser-card p,.commerce-product p{color:var(--text-muted);font-size:.9rem}.commerce-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:var(--white);padding:62px 0 54px}.commerce-hero h1{color:var(--white);margin:10px 0 12px}.commerce-hero p{max-width:720px;color:rgba(255,255,255,.76);font-size:1.05rem}.commerce-page{padding:56px 0 80px}.commerce-layout{display:grid;grid-template-columns:1fr 320px;gap:42px;align-items:start}.commerce-main section{margin-bottom:42px}.commerce-main h2{color:var(--primary-dark);margin-bottom:18px}.commerce-link{display:inline-flex;color:var(--primary);font-weight:700;font-size:.88rem;margin-top:14px}.commerce-checklist{display:grid;gap:12px}.commerce-checklist li{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px 12px 38px;position:relative;color:var(--text-light)}.commerce-checklist li::before{content:'✓';position:absolute;left:14px;top:12px;color:var(--secondary);font-weight:800}.commerce-note{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:24px}.legal-page{padding:70px 0}.legal-page .container{max-width:820px}.legal-page h1{color:var(--primary-dark);margin-bottom:24px}.legal-page h2{color:var(--primary-dark);font-size:1.35rem;margin:30px 0 10px}.legal-page p{color:var(--text-light);margin-bottom:14px}.legal-page a{color:var(--primary);font-weight:700}.contact-form{display:grid;gap:18px;margin:28px 0 40px;padding:28px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.form-row{display:grid;gap:7px}.form-row label{font-size:.9rem;font-weight:700;color:var(--primary-dark)}.form-row input,.form-row select,.form-row textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);font-size:.95rem;color:var(--text);background:var(--white);outline:none;transition:var(--transition)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(82,183,136,.15)}.form-row textarea{resize:vertical;min-height:160px}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-alert{padding:14px 16px;border-radius:var(--radius-sm);margin:18px 0;font-size:.92rem}.form-alert ul{list-style:disc;margin:8px 0 0 20px}.form-alert-success{background:#e8f7ee;border:1px solid #9edbb8;color:#14532d}.form-alert-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.form-help{color:var(--text-muted);font-size:.86rem;margin-bottom:0}.result-next-step{padding:24px 32px 30px;border-top:1px solid var(--border);background:var(--white)}.result-next-step h4{color:var(--primary-dark);margin-bottom:8px}.result-next-step p{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:40px}.race-hero-inner{grid-template-columns:1fr}.race-hero-img{height:280px;border-radius:var(--radius-lg)}.race-layout{grid-template-columns:1fr}.race-sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.quiz-hero-inner{grid-template-columns:1fr}.quiz-hero-img{max-width:400px;margin:0 auto}.compare-hero-inner{grid-template-columns:1fr}.compare-selectors{grid-template-columns:1fr}.vs-badge{margin:0 auto}.compare-header-row{grid-template-columns:140px 1fr 1fr}.compare-row{grid-template-columns:140px 1fr 1fr}.fci-hero-inner{grid-template-columns:1fr}.fci-group-info{grid-template-columns:1fr}.fci-cta-inner{flex-direction:column;text-align:center}.quiz-cta-grid{grid-template-columns:1fr}.result-race{grid-template-columns:1fr}.popular-grid{grid-template-columns:1fr}.commerce-layout{grid-template-columns:1fr}.commerce-sidebar{order:-1}.commerce-teaser-grid,.commerce-product-grid{grid-template-columns:1fr}}@media (max-width:768px){.site-nav{display:none}.header-search{display:none}.mobile-menu-btn{display:flex}.hero{min-height:460px}.hero-stats{gap:20px}.breeds-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.featured-grid{grid-template-columns:1fr}.charact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.alphabet-nav{top:70px}.filters-inner{gap:8px}.filter-count{width:100%}.compare-header-row{grid-template-columns:100px 1fr 1fr}.compare-row{grid-template-columns:100px 1fr 1fr}.compare-col-label{font-size:.75rem;padding:12px 10px}.fci-races-list{grid-template-columns:1fr}.fci-cta-actions{flex-direction:column}.quiz-options{grid-template-columns:1fr}}@media (max-width:480px){.container,.container-wide{padding:0 16px}h1{font-size:1.8rem}.breeds-grid{grid-template-columns:1fr 1fr}.hero-search{flex-direction:column;border-radius:var(--radius-lg)}.hero-search input{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.hero-search button{border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:center}.result-actions{flex-direction:column}.fci-cta-actions{width:100%}.fci-cta-actions .btn{width:100%;justify-content:center}}.race-gallery{background:var(--bg-alt);padding:48px 0 40px;border-bottom:1px solid var(--border)}.gallery-title{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:20px}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.gallery-item{border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative;aspect-ratio:4/3;background:var(--border)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;display:block}.gallery-item:hover img{transform:scale(1.06);filter:brightness(1.05)}.gallery-credit{font-size:.75rem;color:var(--text-muted);margin-top:10px}.gallery-credit a{color:var(--text-muted);text-decoration:underline}.gallery-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.gallery-lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius);object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}.gallery-lightbox-close{position:absolute;top:20px;right:24px;color:white;font-size:2rem;cursor:pointer;line-height:1;opacity:.8}.gallery-lightbox-close:hover{opacity:1}.gallery-lb-prev,.gallery-lb-next{position:absolute;top:50%;transform:translateY(-50%);color:white;font-size:2.5rem;cursor:pointer;opacity:.7;padding:10px 20px;user-select:none}.gallery-lb-prev:hover,.gallery-lb-next:hover{opacity:1}.gallery-lb-prev{left:10px}.gallery-lb-next{right:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.temperament-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.temp-tag{display:inline-block;padding:5px 14px;border-radius:50px;background:var(--primary-light);color:white;font-size:.8rem;font-weight:600;letter-spacing:.02em}.tag-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 14px;background:var(--white);border-top:1px solid var(--border)}.tag-filter-label{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.tag-filter{display:inline-flex;align-items:center;padding:5px 14px;border-radius:50px;border:1.5px solid var(--border);background:var(--white);color:var(--text-light);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.tag-filter:hover{border-color:var(--primary);color:var(--primary);background:#f0faf4}.tag-filter.active{background:var(--primary);border-color:var(--primary);color:white}@media (max-width:768px){.tag-filters{padding:10px 16px 12px;gap:6px}.tag-filter{font-size:.73rem;padding:4px 10px}}.reveal-on-scroll{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}.reveal-on-scroll.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-on-scroll.revealed{opacity:1 !important;transform:translateY(0) !important}