@media all{:root{--primary:#f5a8b6;--primary-light:#ffd1dc;--primary-dark:#e84a5f;--secondary:#81d4fa;--secondary-light:#a9e5ef;--secondary-dark:#4ba3c7;--accent:#ffe66d;--accent-light:#fff59d;--success:#a3d9b0;--success-light:#c8e6c9;--warning:#ff9800;--danger:#c17e61;--dark:#212121;--gray:#757575;--light-gray:#e0e0e0;--white:#fff9fb;--bg-pink-wash:#f9e8ebc5;--bg-pink-soft:#fef8fa;--bg-blue-wash:#f5fbfd;--bg-blue-soft:#f8fcfe;--bg-yellow-wash:#fffdf5;--bg-yellow-soft:#fffef9;--bg-green-wash:#f5fcf7;--bg-green-soft:#f8fefa;--bg-pink-subtle:#ffeef1;--bg-blue-subtle:#eef8fb;--bg-yellow-subtle:#fffbe6;--bg-green-subtle:#eef9f1;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.1);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-family:"Quicksand", Tahoma, Geneva, Verdana, sans-serif;--transition:all 0.3s ease;--space-xs:.5rem;--space-sm:0.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Quicksand",sans-serif;background-color:var(--white);color:var(--dark);line-height:1.6}.container{width:clamp(16rem, 93vw, 90rem);margin-left:auto;margin-right:auto;padding-left:clamp(1.09rem, 1rem + 0.47vw, 1.33rem);padding-right:clamp(1.09rem, 1rem + 0.47vw, 1.33rem);position:relative}.container-small{width:clamp(16rem, 93vw, 70rem);margin-left:auto;margin-right:auto;padding-left:clamp(1.09rem, 1rem + 0.47vw, 1.33rem);padding-right:clamp(1.09rem, 1rem + 0.47vw, 1.33rem);position:relative}h1,h2,h3,h4,h5,h6{font-family:"Baloo 2",cursive;color:var(--dark)}a{text-decoration:none;color:var(--secondary);transition:var(--transition)}a:hover{color:var(--primary)}img{max-width:100%;height:auto;border-radius:.5rem}button{cursor:pointer;font-family:var(--font-family);transition:var(--transition)}ul{list-style:none}.btn{display:inline-block;padding:.8rem 1.5rem;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius-sm);font-weight:500;text-align:center;transition:var(--transition)}.btn:hover{background-color:var(--primary-dark);color:var(--white)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark)}main{position:relative}header{background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:.5rem;color:var(--primary-dark)}.logo i{font-size:1.8rem}.logo h1{font-size:1.5rem;margin-bottom:0}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:var(--dark);text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:color 0.3s ease}nav a:hover,nav a.active{color:var(--primary-dark)}nav a.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-dark)}.user-menu{position:relative}.login-btn{padding:.6rem 1.2rem;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius-sm);font-weight:500}.login-btn:hover{background-color:var(--primary-dark)}.user-profile{display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}.username{font-weight:500}.dropdown-menu{position:absolute;top:100%;right:0;width:200px;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:.5rem 0;display:none;z-index:10}.user-profile:hover .dropdown-menu{display:block}.dropdown-menu a{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;color:var(--dark)}.dropdown-menu a:hover{background-color:var(--light-gray)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:var(--white);border-radius:var(--border-radius-lg);padding:2rem;width:90%;max-width:500px;position:relative}.close-modal{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer}.login-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--light-gray)}.login-tabs .tab-btn{flex:1;text-align:center;padding:.8rem;background:none;border:none;font-weight:500}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.8rem;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm)}.remember-me{display:flex;align-items:center;justify-content:space-between}.remember-me input{width:auto;margin-right:.5rem}.forgot-password{color:var(--secondary);font-size:.9rem}.social-login{margin-top:1.5rem;text-align:center}.social-buttons{display:flex;gap:1rem;margin-top:.8rem}.social-btn{flex:1;padding:.8rem;border:none;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.google{background-color:#f2f2f2;color:#757575}.facebook{background-color:#3b5998;color:var(--white)}.terms{font-size:.9rem}.community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.stat-item{display:flex;align-items:center;gap:1rem;background-color:var(--white);padding:1rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.stat-item i{font-size:2rem;color:var(--primary)}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.2rem;font-weight:700}.stat-label{font-size:.9rem;color:var(--gray)}.breed-hero{background-color:var(--bg-pink-wash)}.breed-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.breed-image-container{position:relative;overflow:hidden;padding:2rem}.blog-hero{background-color:var(--bg-pink-wash)}.blog-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.blog-image-container{position:relative;overflow:hidden;padding:2rem}.breed-image-breed-page{width:100%;height:400px;object-fit:cover}.image-nav{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.image-nav-btn{width:12px;height:12px;border-radius:50%;background-color:rgb(255 255 255 / .5);border:none;padding:0;transition:var(--transition)}.image-nav-btn.active{background-color:var(--white);transform:scale(1.2)}.contribute-photo-btn{position:absolute;bottom:3rem;right:1rem;background-color:rgb(255 255 255 / .8);color:var(--dark);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.contribute-photo-btn:hover{background-color:var(--white)}.breed-intro{padding:1rem}.breed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.breed-header h1{font-size:2.5rem;color:var(--dark);margin-bottom:0}.social-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border-radius:50%;background-color:var(--light-gray);border:none;display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:1.1rem}.action-btn:hover{background-color:var(--primary-light);color:var(--primary)}.breed-rating{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stars{color:var(--warning)}.add-review-btn{background:none;border:none;color:var(--secondary);font-size:.9rem;display:flex;align-items:center;gap:.3rem}.add-review-btn:hover{color:var(--primary)}.breed-summary{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.breed-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background-color:var(--secondary-light);border-radius:var(--border-radius-md)}.stat i{font-size:1.5rem;color:var(--secondary);margin-bottom:.5rem}.stat span{font-size:.9rem;color:var(--gray)}.stat strong{font-size:1.1rem;color:var(--dark)}.community-tags{margin:1.5rem}.tag-label{font-weight:500;margin-right:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background-color:var(--primary-light);color:var(--primary-dark);padding:.3rem .8rem;border-radius:20px;font-size:.9rem}.add-tag-btn{background:none;border:1px dashed var(--light-gray);color:var(--gray);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.3rem}.add-tag-btn:hover{border-color:var(--primary);color:var(--primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-actions{display:flex;align-items:center;gap:1rem}.suggest-edit-btn{background:none;border:none;color:var(--secondary);display:flex;align-items:center;gap:.3rem;font-size:.9rem}.suggest-edit-btn:hover{color:var(--primary)}.data-source{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.data-source select{padding:.3rem .5rem;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm)}.breed-characteristics{margin:3rem 0;background-color:var(--bg-pink-wash);border-radius:var(--border-radius-lg);padding:2rem}.characteristics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.characteristic-item{padding:1rem;border-radius:var(--border-radius-md);background-color:var(--secondary-light);transition:var(--transition)}.characteristic-item:hover{transform:translateY(-5px)}.characteristic-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.characteristic-header i{font-size:1.2rem;color:var(--secondary)}.characteristic-header h3{font-size:1rem;margin-bottom:0;flex-grow:1}.rate-btn{background:none;border:none;color:var(--secondary);font-size:.8rem}.rate-btn:hover{color:var(--primary)}.rating-bar{height:8px;background-color:var(--light-gray);border-radius:4px;margin-bottom:.5rem;overflow:hidden}.rating-fill{height:100%;background-color:var(--primary);border-radius:4px}.rating-text{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray)}.community-votes{text-align:right;font-size:.8rem;color:var(--gray);margin-top:.5rem}.add-characteristic{text-align:center;margin-top:2rem}.add-characteristic-btn{background:none;border:1px dashed var(--light-gray);color:var(--gray);padding:.8rem 1.5rem;border-radius:var(--border-radius-md);display:inline-flex;align-items:center;gap:.5rem}.add-characteristic-btn:hover{border-color:var(--primary);color:var(--primary)}.rating-selection{display:flex;justify-content:space-between;margin:1.5rem 0}.rating-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.rating-number{width:40px;height:40px;border-radius:50%;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem}.rating-option:hover .rating-number,.rating-option.selected .rating-number{background-color:var(--primary);color:var(--white)}.rating-label{font-size:.8rem}.rating-comment textarea{width:100%;padding:.8rem;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);resize:vertical;font-family:var(--font-family)}.pet-ownership{margin:1.5rem 0}.radio-options{display:flex;gap:1.5rem;margin-top:.5rem}.radio-options label{display:flex;align-items:center;gap:.3rem}.breed-details{margin:3rem 0;background-color:var(--white);overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--light-gray);background-color:var(--secondary-light)}.tab-btn{padding:1rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:var(--dark);transition:all 0.3s ease;position:relative}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);background-color:var(--white)}.tab-btn.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary)}.tab-content{padding:2rem}.tab-pane{display:none}.tab-pane.active{display:block}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-header h3{margin-bottom:0}.tab-pane-content p{margin-bottom:1.5rem;line-height:1.7}.community-opinion{background-color:var(--secondary-light);border-radius:var(--border-radius-md);padding:1.5rem;margin:2rem 0}.community-opinion h4{margin-bottom:1rem}.opinion-stats{margin-bottom:1rem}.opinion-bar{height:10px;background-color:var(--light-gray);border-radius:5px;margin-bottom:.5rem;overflow:hidden}.opinion-fill{height:100%;background-color:var(--primary);border-radius:5px}.opinion-labels{display:flex;justify-content:space-between;font-size:.9rem}.opinion-form{margin-top:1rem}.opinion-buttons{display:flex;gap:1rem;margin-top:.5rem}.opinion-btn{padding:.5rem 1rem;background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);transition:var(--transition)}.opinion-btn:hover{background-color:var(--primary-light);border-color:var(--primary)}.recent-opinions{margin-top:1.5rem;border-top:1px solid rgb(0 0 0 / .1);padding-top:1.5rem}.recent-opinions h5{margin-bottom:1rem}.opinion-comment{background-color:var(--white);border-radius:var(--border-radius-md);padding:1rem;margin-bottom:1rem}.comment-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.comment-info{display:flex;flex-direction:column}.comment-author{font-weight:500;font-size:.9rem}.comment-meta{font-size:.8rem;color:var(--gray)}.comment-actions{display:flex;gap:1rem;margin-top:.8rem}.comment-action{background:none;border:none;color:var(--gray);font-size:.9rem;display:flex;align-items:center;gap:.3rem}.comment-action:hover{color:var(--primary)}.view-more-btn{background:none;border:none;color:var(--secondary);width:100%;padding:.8rem;text-align:center;margin-bottom:1rem}.view-more-btn:hover{color:var(--primary);background-color:var(--light-gray);border-radius:var(--border-radius-sm)}.add-comment{display:flex;align-items:center;gap:.8rem}.comment-input{flex-grow:1;padding:.8rem;border:1px solid var(--light-gray);border-radius:20px}.post-comment-btn{background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem}.post-comment-btn:hover{background-color:var(--primary-dark)}.expandable-content{margin-top:2rem}.expand-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem;background-color:var(--secondary-light);border:none;border-radius:var(--border-radius-md);font-weight:500;transition:var(--transition)}.expand-btn:hover{background-color:var(--secondary);color:var(--white)}.expanded-content{display:none;padding:1.5rem;margin-top:1rem;background-color:var(--secondary-light);border-radius:var(--border-radius-md)}.expanded-content h4{margin-top:1rem;margin-bottom:.5rem}.expanded-content h4:first-child{margin-top:0}.community-contribution{background-color:var(--white);border-radius:var(--border-radius-sm);padding:1rem;margin-top:1.5rem}.contribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.contribution-header h5{margin-bottom:0;font-size:.9rem;color:var(--gray)}.contributor-info{display:flex;align-items:center;gap:.5rem}.contributor-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.contributor-name{font-size:.9rem;font-weight:500}.story-filters{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:none;border:1px solid var(--light-gray);border-radius:20px;padding:.4rem 1rem;font-size:.9rem}.filter-btn.active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.share-story-btn{background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.share-story-btn:hover{background-color:var(--primary-dark)}.owner-story{background-color:var(--white);border-radius:var(--border-radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.story-meta{font-size:.8rem;color:var(--gray)}.story-tags{display:flex;gap:.5rem}.story-tag{background-color:var(--secondary-light);color:var(--secondary-dark);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.story-title{font-size:1.2rem;margin-bottom:.8rem}.story-content{line-height:1.7;margin-bottom:1rem}.story-images{display:flex;gap:1rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.story-image{border-radius:var(--border-radius-sm);object-fit:cover}.story-actions{display:flex;gap:1.5rem}.story-action{background:none;border:none;color:var(--gray);display:flex;align-items:center;gap:.5rem}.story-action:hover{color:var(--primary)}.load-more-btn{background-color:var(--white);border:1px solid var(--light-gray);color:var(--secondary);width:100%;padding:1rem;border-radius:var(--border-radius-md);font-weight:500;margin-top:1rem}.load-more-btn:hover{background-color:var(--secondary-light);color:var(--secondary-dark)}.pros-cons{margin:3rem 0;background-color:var(--white);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.pros-cons-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.pros,.cons{padding:1.5rem;border-radius:var(--border-radius-md)}.pros{background-color:var(--success-light)}.cons{background-color:var(--primary-light)}.pros h3,.cons h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.pros h3 i{color:var(--success)}.cons h3 i{color:var(--danger)}.pros ul,.cons ul{padding-left:1.5rem;margin-bottom:1rem}.pros li,.cons li{margin-bottom:.5rem;position:relative}.pros li::before,.cons li::before{content:"•";position:absolute;left:-1rem}.add-item-btn{background:none;border:1px dashed rgb(0 0 0 / .1);width:100%;padding:.8rem;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--gray)}.add-item-btn:hover{border-color:var(--primary);color:var(--primary)}.community-votes{margin-top:2rem;background-color:var(--secondary-light);border-radius:var(--border-radius-md);padding:1.5rem}.vote-question{text-align:center;margin-bottom:1.5rem}.vote-question p{font-weight:500;margin-bottom:1rem}.vote-options{display:flex;justify-content:center;gap:1rem}.vote-btn{padding:.8rem 1.5rem;background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);font-weight:500}.vote-btn:hover{background-color:var(--primary-light);border-color:var(--primary)}.vote-results{margin-top:1.5rem}.vote-bar{height:10px;background-color:var(--light-gray);border-radius:5px;margin-bottom:.5rem;overflow:hidden}.vote-fill{height:100%;background-color:var(--primary);border-radius:5px}.vote-labels{display:flex;justify-content:space-between;font-size:.9rem}.vote-count{display:block;text-align:center;font-size:.8rem;color:var(--gray);margin-top:.5rem}.similar-breeds{margin:3rem 0;background-color:var(--white);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.similar-breeds h2{text-align:center;margin-bottom:2rem}.breed-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.breed-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.breed-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.breed-card img{width:100%;height:200px;object-fit:cover}.breed-card h3{padding:1rem 1rem .5rem;font-size:1.2rem}.breed-card-rating{display:flex;align-items:center;gap:.5rem;padding:0 1rem;margin-bottom:.5rem}.breed-card-rating .stars{font-size:.9rem}.breed-card p{padding:0 1rem 1rem;color:var(--gray);font-size:.9rem}.breed-card-actions{display:flex;padding:0 1rem 1rem;gap:.8rem}.breed-card-actions .btn{flex:1}.compare-btn{flex:1;padding:.8rem;background-color:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:var(--border-radius-sm)}.compare-btn:hover{background-color:var(--primary-light)}@media (max-width:992px){.breed-hero-content{grid-template-columns:1fr}.blog-hero-content{grid-template-columns:1fr}.pros-cons-container{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.community-stats{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.breed-quick-stats{grid-template-columns:repeat(2,1fr)}.tabs{flex-wrap:wrap}.tab-btn{flex:1 0 auto}.story-header{flex-direction:column}.story-tags{margin-top:.8rem}.opinion-buttons{flex-direction:column}}@media (max-width:576px){.header-content{flex-direction:column;gap:1rem}nav ul{gap:1rem}.breed-quick-stats{grid-template-columns:1fr}.community-stats{grid-template-columns:1fr}.vote-options{flex-direction:column}.footer-links{grid-template-columns:1fr}}.breed-match{margin:3rem 0;padding:2rem}.breed-match h2{text-align:center;margin-bottom:.5rem}.match-quiz p{text-align:center;margin-bottom:1.5rem;font-size:1.1rem}.quiz-questions{max-width:600px;margin:1rem auto}.quiz-question{margin-bottom:1.5rem;padding:1rem;background-color:var(--secondary-light);border-radius:var(--border-radius-md)}.quiz-question p{text-align:left;margin-bottom:.8rem;font-weight:500}.quiz-options{display:flex;gap:1rem}.quiz-option{flex:1;padding:.8rem;background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);transition:all 0.3s ease}.quiz-option:hover,.quiz-option.selected{background-color:var(--primary-light);border-color:var(--primary)}.quiz-result{max-width:600px;margin:2rem auto 0;padding:1.5rem;background-color:var(--secondary-light);border-radius:var(--border-radius-md);text-align:center;position:sticky;top:1rem;z-index:10}.quiz-result h3{margin-bottom:1rem}#quizResult{position:sticky;top:60px;z-index:10;background:var(--white);padding:1rem;border:1px solid var(--light-gray);border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .06);margin-bottom:1rem}.match-quiz{overflow:visible}.breed-match{position:relative}.quiz-wrapper{position:relative;max-width:800px;margin:auto}.quiz-result{position:sticky;top:1rem;z-index:10;background:var(--white);padding:1rem;border:1px solid var(--light-gray);border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .06);margin-bottom:1.5rem}.quiz-option.selected{background-color:var(--primary-light);color:var(--dark);font-weight:700;border:2px solid var(--primary-dark)}.hero{background-color:var(--bg-pink-wash);padding:4rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text h1{font-size:3rem;margin-bottom:1.5rem;color:var(--dark)}.hero-text p{font-size:1.2rem;margin-bottom:2rem;color:var(--gray)}.hero-buttons{display:flex;gap:1rem}.image-collage{position:relative;height:400px;display:flex;justify-content:center}.collage-img{position:absolute;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);object-fit:cover}.dog-img{width:250px;height:350px;top:0;left:0;z-index:2}.cat-img{width:200px;height:300px;bottom:0;right:0;z-index:1}.community-badge{position:absolute;bottom:30px;left:30px;background-color:var(--primary);color:var(--white);padding:.8rem 1.2rem;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:.5rem;font-weight:500;z-index:3;box-shadow:var(--shadow-md)}.community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;background-color:var(--secondary-light);border-radius:var(--border-radius-lg);padding:1.5rem}.stat-item{display:flex;align-items:center;gap:1rem}.stat-item i{font-size:2rem;color:var(--secondary)}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--dark)}.stat-label{font-size:.9rem;color:var(--gray)}.pet-categories{background-color:var(--white)}.category-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{padding:.8rem 1.5rem;background:none;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);font-weight:500;color:var(--dark)}.category-tab.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.category-content{display:none}.category-content.active{display:block}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.subcategory-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.subcategory-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.subcategory-icon{width:50px;height:50px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.subcategory-icon i{font-size:1.5rem;color:var(--primary)}.subcategory-card h3{margin-bottom:1rem;font-size:1.2rem}.subcategory-card ul{padding-left:.5rem}.subcategory-card li{margin-bottom:.5rem}.subcategory-card a{color:var(--dark);transition:var(--transition)}.subcategory-card a:hover{color:var(--primary)}.trending-breeds{background-color:#f9f9f9}.breed-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.breed-tab{padding:.8rem 1.5rem;background:none;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);font-weight:500;color:var(--dark)}.breed-tab.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.breed-cards-container{display:none}.breed-cards-container.active{display:block}.breed-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.breed-card{background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative}.breed-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-badge{position:absolute;top:1rem;left:1rem;background-color:var(--primary);color:var(--white);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.3rem;z-index:1}.breed-card img{width:100%;height:200px;object-fit:cover}.card-content{padding:1.5rem}.card-content h3{margin-bottom:.5rem;font-size:1.3rem}.card-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{color:var(--warning)}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:var(--primary-light);color:var(--primary-dark);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.community-insight{background-color:var(--secondary-light);padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.8rem}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.community-insight p{font-size:.9rem;margin:0}.community-insight span{font-size:.8rem;color:var(--gray)}.view-more-btn{display:block;width:fit-content;margin:0 auto;padding:.8rem 1.5rem;background-color:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--secondary);font-weight:500}.view-more-btn:hover{background-color:var(--secondary-light);color:var(--secondary-dark)}.community-activity{background-color:var(--white)}.activity-feed{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.activity-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.activity-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.activity-info{display:flex;flex-direction:column}.activity-user{font-weight:500;color:var(--dark)}.activity-action{color:var(--gray)}.activity-time{font-size:.8rem;color:var(--gray)}.activity-content{padding-left:3.5rem}.activity-breed{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background-color:var(--secondary-light);padding:.8rem;border-radius:var(--border-radius-sm)}.breed-thumbnail{width:60px;height:60px;border-radius:var(--border-radius-sm);object-fit:cover}.breed-info h4{margin-bottom:.3rem;font-size:1.1rem}.activity-image{margin:1rem 0;border-radius:var(--border-radius-md);overflow:hidden}.activity-question{background-color:var(--secondary-light);padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem}.activity-question h4{margin-bottom:0;font-size:1.1rem}.expert-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent-light);color:var(--accent-dark);padding:.5rem 1rem;border-radius:var(--border-radius-sm);margin:1rem 0;font-weight:500;font-size:.9rem}.activity-actions{display:flex;gap:1.5rem;margin-top:1rem}.activity-action-btn{background:none;border:none;color:var(--gray);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.activity-action-btn:hover{color:var(--primary)}.latest-articles{background-color:#f9f9f9}.articles-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:2rem;margin-bottom:2rem}.article-card{background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.article-card.featured{grid-column:1 / 3;grid-row:1 / 3;display:flex;flex-direction:column}.article-image{position:relative}.article-image img{width:100%;height:200px;object-fit:cover}.article-card.featured .article-image img{height:300px}.article-category{position:absolute;top:1rem;left:1rem;background-color:var(--primary);color:var(--white);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.article-card.featured .article-content{padding:2rem}.article-content h3{font-size:1.2rem;margin-bottom:1rem}.article-card.featured .article-content h3{font-size:1.8rem}.article-content p{margin-bottom:1.5rem;color:var(--gray);flex-grow:1}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.article-author{display:flex;align-items:center;gap:.5rem}.author-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.article-date{font-size:.9rem;color:var(--gray)}.read-more{color:var(--primary);font-weight:500}.view-all-btn{display:block;width:fit-content;margin:0 auto;padding:.8rem 2rem;background-color:var(--primary);color:var(--white);border-radius:var(--border-radius-sm);font-weight:500}.view-all-btn:hover{background-color:var(--primary-dark)}.join-community{background-color:var(--primary-light);padding:5rem 0}.join-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.join-text h2{font-size:2.5rem;margin-bottom:1.5rem}.join-text p{font-size:1.1rem;margin-bottom:2rem}.join-benefits{margin-bottom:2rem}.join-benefits li{margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.join-benefits i{color:var(--primary);font-size:1.2rem}.community-collage{position:relative;height:300px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem}.community-collage .collage-img{position:relative;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);object-fit:cover;width:100%;height:100%}.community-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--primary);color:var(--white);padding:1.5rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;box-shadow:var(--shadow-lg)}.community-count span:first-child{font-size:1.8rem;font-weight:700}.community-count span:last-child{font-size:.9rem}footer{background-color:var(--dark);color:var(--white);padding:4rem 0 1rem}.footer-content{display:grid;grid-template-columns:1fr 3fr;gap:3rem;margin-bottom:3rem}.footer-logo{display:flex;flex-direction:column;gap:.5rem;color:var(--primary-dark)}.footer-logo i{font-size:2rem}.footer-logo p{color:var(--light-gray);margin-top:1rem}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h3{color:var(--white);margin-bottom:1.5rem;font-size:1.2rem}.footer-column ul li{margin-bottom:.8rem}.footer-column a{color:var(--light-gray)}.footer-column a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid rgb(255 255 255 / .1);padding-top:2rem;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgb(255 255 255 / .1);border-radius:50%;color:var(--white);transition:all 0.3s ease}.social-links a:hover{background-color:var(--primary);transform:translateY(-3px)}.newsletter h4{margin-bottom:1rem;text-align:center}.newsletter-form{display:flex;max-width:400px;margin:0 auto}.newsletter-form input{flex:1;padding:.8rem;border:none;border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.newsletter-form button{padding:.8rem 1.5rem;background-color:var(--primary);color:var(--white);border:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.newsletter-form button:hover{background-color:var(--primary-dark)}.copyright{text-align:right;font-size:.9rem;color:var(--light-gray)}@media (max-width:1200px){.articles-grid{grid-template-columns:1fr 1fr}.article-card.featured{grid-column:1 / 3;grid-row:1 / 2;flex-direction:row}.article-card.featured .article-image{width:50%}.article-card.featured .article-content{width:50%}}@media (max-width:992px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.community-stats{grid-template-columns:repeat(2,1fr)}.join-content{grid-template-columns:1fr;text-align:center}.join-benefits li{justify-content:center}.footer-content{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr;gap:2rem;text-align:center}.social-links{justify-content:center}.copyright{text-align:center}}@media (max-width:768px){.article-card.featured{flex-direction:column}.article-card.featured .article-image,.article-card.featured .article-content{width:100%}.articles-grid{grid-template-columns:1fr}.article-card.featured{grid-column:1}.breed-cards{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.header-content{flex-direction:column;gap:1rem}nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-text h1{font-size:2.5rem}.community-stats{grid-template-columns:1fr}.subcategory-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}}.search-box{position:relative}.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:#fff;list-style:none;margin:0;padding:0;border:1px solid #ddd;z-index:10}.autocomplete-results li{padding:.5rem 1rem;cursor:pointer}.autocomplete-results li:hover{background-color:#f0f0f0}.selected-tag{display:inline-block;background-color:var(--secondary-dark);color:#fff;padding:.3rem .6rem;margin:.2rem;border-radius:5px;font-size:.9rem;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.breed-card{border:1px solid #ddd;padding:1rem;text-align:center;border-radius:10px}.breed-card img{max-width:100%;height:150px;object-fit:cover;border-radius:8px}.breed-card h3{margin:.5rem 0 .2rem}.breed-card p{font-size:.9rem;color:#555}.trait-tag.selected{background-color:var(--secondary-dark);color:#fff;margin:4px;padding:6px 10px;border-radius:20px;display:inline-block;cursor:pointer}.trait-finder-container{padding:var(--space-lg) 0}.trait-finder-header{text-align:center;margin-bottom:var(--space-lg);position:relative}.trait-finder-header h1{font-size:2.5rem;color:var(--primary-dark);margin-bottom:var(--space-sm);position:relative;display:inline-block}.trait-finder-header h1::after{content:"🐾";position:absolute;right:-40px;top:0;font-size:2rem}.trait-finder-header h1::before{content:"🐾";position:absolute;left:-40px;top:0;font-size:2rem;transform:scaleX(-1)}.trait-finder-header p{font-size:1.2rem;max-width:800px;margin:0 auto}.search-container{margin:0 auto var(--space-lg);max-width:700px;position:relative}.search-wrapper{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 4px 15px rgb(0 0 0 / .1);overflow:hidden;transition:all 0.3s ease;border:3px solid var(--primary)}.search-wrapper:focus-within{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .15);border-color:var(--primary-dark)}.search-wrapper:focus-within .dog-ears::before,.search-wrapper:focus-within .dog-ears::after{transform:translateY(-5px)}#trait-search{flex:1;border:none;padding:15px 20px;font-size:1.1rem;font-family:"Quicksand",sans-serif;outline:none;background:#fff0;z-index:2}.search-button{background-color:var(--primary-dark);border:none;color:#fff;padding:15px 20px;cursor:pointer;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center}.search-button:hover{background-color:#d43a4d}.search-helper-text{margin-top:var(--space-xs);font-size:.85rem;color:var(--dark);opacity:.7;text-align:center}.dog-ears{position:absolute;width:100%;height:100%;pointer-events:none}.dog-ears::before,.dog-ears::after{content:"";position:absolute;top:-15px;width:30px;height:30px;background-color:var(--primary);border-radius:50%;transition:transform 0.3s ease;z-index:1}.dog-ears::before{left:20px;transform:rotate(-15deg)}.dog-ears::after{left:60px;transform:rotate(15deg)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 16px rgb(0 0 0 / .1);z-index:10;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.autocomplete-dropdown.show{max-height:300px;overflow-y:auto;border:1px solid var(--primary-light);border-top:none}.suggestion-item{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color 0.2s ease}.suggestion-item:hover{background-color:var(--primary-light)}.suggestion-item.active{background-color:var(--secondary-light)}.suggestion-category{font-size:.8rem;color:var(--dark);opacity:.6;margin-left:var(--space-sm)}.selected-traits-panel{background-color:#fff;border-radius:16px;padding:var(--space-md);margin:0 auto var(--space-lg);max-width:800px;box-shadow:0 4px 15px rgb(0 0 0 / .08);border:2px dashed var(--primary)}.selected-traits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.selected-traits-header h3{color:var(--primary-dark);margin:0;font-size:1.3rem}#clear-all-traits{background:none;border:none;color:var(--secondary);font-family:"Quicksand",sans-serif;font-weight:600;cursor:pointer;font-size:.9rem;text-decoration:underline}.selected-traits-container{min-height:60px;display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-sm);background-color:var(--white);border-radius:10px;max-height:150px;overflow-y:auto}.selected-trait{background-color:var(--primary-dark);color:#fff;border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:8px;font-size:.9rem}.remove-trait{background:rgb(255 255 255 / .3);border:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;line-height:1;padding:0}.empty-selection{color:var(--dark);opacity:.6;font-style:italic;padding:var(--space-xs)}.match-options{margin-bottom:var(--space-md)}.match-option{margin-bottom:var(--space-xs);display:flex;align-items:center}.match-option input[type="radio"]{margin-right:var(--space-xs)}.find-breeds-button{background-color:var(--success);color:var(--dark);border:none;border-radius:30px;padding:12px 24px;font-family:"Baloo 2",cursive;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;display:block;width:100%;text-align:center;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.find-breeds-button:hover{background-color:#8bc8a0;transform:translateY(-3px);box-shadow:0 6px 15px rgb(0 0 0 / .15)}.trait-categories{margin-bottom:var(--space-xl)}.trait-categories h2{margin-bottom:var(--space-md);color:var(--secondary);font-size:1.5rem;position:relative;display:inline-block}.trait-categories h2::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--secondary);border-radius:3px}.trait-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.trait-group{background-color:#fff;border-radius:12px;padding:var(--space-sm);box-shadow:0 4px 10px rgb(0 0 0 / .05);border-left:4px solid var(--secondary);transition:transform 0.2s ease,box-shadow 0.2s ease}.trait-group:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgb(0 0 0 / .08)}.trait-group h3{margin-bottom:var(--space-xs);color:var(--secondary);font-size:1.1rem;padding-left:var(--space-xs)}.trait-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.trait-button{background-color:var(--secondary-light);border:none;border-radius:20px;padding:6px 12px;font-family:"Quicksand",sans-serif;font-weight:500;font-size:.9rem;color:var(--dark);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center}.trait-button:hover{background-color:var(--secondary);color:#fff;transform:translateY(-2px)}.trait-button.selected{background-color:var(--primary-dark);color:#fff}.results-section{display:none;margin-top:var(--space-xl)}.results-section.show{display:block;background-color:var(--white);border-radius:.9rem;padding:var(--space-md);margin:0 auto var(--space-lg);box-shadow:0 4px 15px rgb(0 0 0 / .08);border:2px dashed var(--primary)}.results-section h2{text-align:center;margin-bottom:var(--space-lg);color:var(--primary-dark);font-size:2rem}.breed-grid-results{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);padding:var(--space-lg)}.breed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);padding:var(--space-lg)}.breed-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08);transition:transform 0.3s ease;display:flex;flex-direction:column}.breed-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .12)}.breed-image{height:220px;background-size:cover;background-position:center;position:relative}.breed-content{padding:var(--space-xs);flex:1;display:flex;flex-direction:column}.breed-name{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--dark)}.breed-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);margin-bottom:var(--space-md);background-color:var(--white);padding:var(--space-sm);border-radius:8px}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label{font-size:.8rem;color:var(--dark);opacity:.7}.info-value{font-weight:600;font-size:.9rem}.breed-traits{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.breed-trait{background-color:var(--primary-light);color:var(--dark);font-size:.85rem;padding:4px 10px;border-radius:12px}.view-breed-button{display:block;background-color:var(--secondary);color:#fff;text-align:center;padding:var(--space-sm);text-decoration:none;font-weight:600;border-radius:8px;transition:background-color 0.3s ease}.view-breed-button:hover{background-color:#6ab3bb}.popular-breeds-section{margin:0;box-shadow:none;border-radius:0}.text-center{max-width:800px;text-align:center;margin:0 auto var(--space-lg)}.section-description{font-size:1.2rem;max-width:800px;margin:0 auto var(--space-lg);color:var(--dark);opacity:.8;text-align:center}.popular-breeds-section h2,.blog-section h2,.community-cta-section h2{text-align:center;color:var(--primary-dark);font-size:2rem;margin-bottom:var(--space-xs)}.blog-section h2::after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background-color:var(--primary-dark);border-radius:4px}.blog-section{margin:0;box-shadow:none;border-radius:0}.community-cta-section{margin:0;border-radius:0}.search-section{background-color:var(--bg-pink-wash);padding:var(--space-xl) 0}.traits-panel-section{background-color:#fff}.categories-section{padding:var(--space-lg) 0;background-color:var(--white)}.results-section{padding:var(--space-xl) 0;background-color:#fff}.popular-breeds-section{padding:var(--space-xl) 0;background-color:var(--bg-blue-soft);position:relative;overflow:hidden}.popular-breeds-section::before{content:"🐾";position:absolute;top:20px;left:20px;font-size:5rem;opacity:.05;transform:rotate(-15deg)}.popular-breeds-section::after{content:"🐾";position:absolute;bottom:20px;right:20px;font-size:5rem;opacity:.05;transform:rotate(15deg)}.blog-section{padding:var(--space-xl) 0;background-color:#fff;position:relative}.blog-section::before{content:"📚";position:absolute;top:40px;left:5%;font-size:3rem;opacity:.05}.blog-section::after{content:"📝";position:absolute;bottom:40px;right:5%;font-size:3rem;opacity:.05}.community-cta-section{padding:var(--space-xl) 0;background-color:var(--primary-light);position:relative;overflow:hidden}.community-cta-section::before{content:"🐾";position:absolute;top:20px;left:20px;font-size:3rem;opacity:.1}.community-cta-section::after{content:"🐾";position:absolute;bottom:20px;right:20px;font-size:3rem;opacity:.1}.blog-section{margin:0;box-shadow:none;border-radius:0}.blog-section h2{text-align:center;color:var(--secondary);font-size:2rem;margin-bottom:var(--space-sm)}.blog-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.blog-category-btn{background-color:var(--secondary-light);border:none;border-radius:20px;padding:8px 16px;font-family:"Quicksand",sans-serif;font-weight:500;font-size:.9rem;color:var(--dark);cursor:pointer;transition:all 0.2s ease}.blog-category-btn:hover,.blog-category-btn.active{background-color:var(--secondary);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.blog-card{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 10px rgb(0 0 0 / .05);transition:transform 0.3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgb(0 0 0 / .1)}.blog-image{height:200px;background-size:cover;background-position:center}.blog-content{padding:var(--space-xs)}.blog-category{display:inline-block;background-color:var(--primary-light);color:var(--primary-dark);font-size:.8rem;padding:4px 10px;border-radius:12px;margin-bottom:var(--space-sm)}.blog-card h3{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--dark)}.blog-card p{color:var(--dark);opacity:.8;font-size:.9rem;margin-bottom:var(--space-sm)}.blog-meta{display:flex;font-size:.8rem;color:var(--dark);opacity:.8;margin-bottom:var(--space-sm)}.read-more-btn{display:inline-block;color:var(--secondary);font-weight:600;text-decoration:none;font-size:.9rem;transition:color 0.3s ease}.read-more-btn:hover{color:var(--primary-dark)}.view-all-btn{display:block;text-align:center;color:var(--secondary);font-weight:600;text-decoration:none;font-size:1.1rem;transition:color 0.3s ease}.view-all-btn:hover{color:var(--primary-dark);text-decoration:underline}.community-cta-section{margin:0;border-radius:0}.community-cta-section{margin:0;padding:var(--space-xl) var(--space-lg);background-color:var(--secondary-light);border-radius:20px;position:relative;overflow:hidden}.community-cta-section::before{content:"🐾";position:absolute;top:20px;left:20px;font-size:3rem;opacity:.1}.community-cta-section::after{content:"🐾";position:absolute;bottom:20px;right:20px;font-size:3rem;opacity:.1}.cta-content{max-width:1000px;margin:0 auto}.community-cta-section h2{text-align:center;color:var(--dark);font-size:2.2rem;margin-bottom:var(--space-sm)}.community-cta-section>.cta-content>p{text-align:center;max-width:800px;margin:0 auto var(--space-lg);color:var(--dark);font-size:1.1rem}.popular-breeds-section p{text-align:center;margin:0 auto var(--space-lg);color:var(--dark);font-size:1.1rem}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.cta-feature{display:flex;align-items:center;gap:var(--space-sm);background-color:rgb(255 255 255 / .7);padding:var(--space-sm);border-radius:10px}.cta-feature i{font-size:1.5rem;color:var(--primary-dark)}.cta-form-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.cta-form{background-color:#fff;padding:var(--space-lg);border-radius:16px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.cta-form h3{text-align:center;color:var(--primary-dark);margin-bottom:var(--space-md);font-size:1.5rem}.form-group{margin-bottom:var(--space-md)}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid var(--primary-light);border-radius:8px;font-family:"Quicksand",sans-serif;font-size:1rem;transition:border-color 0.3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-dark)}.cta-button{width:100%;background-color:var(--primary-dark);color:#fff;border:none;border-radius:8px;padding:12px;font-family:"Baloo 2",cursive;font-size:1.1rem;cursor:pointer;transition:background-color 0.3s ease}.cta-button:hover{background-color:#d43a4d}.community-members{text-align:center}.member-avatars{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.member-avatar{width:50px;height:50px;border-radius:50%;background-size:cover;background-position:center;border:3px solid #fff;margin-left:-15px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.member-avatar:first-child{margin-left:0}.more-members{display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;font-weight:700;font-size:1.2rem}.community-members p{color:var(--dark);font-size:1rem}footer{background-color:var(--dark);color:#fff;padding:var(--space-xl) 0 var(--space-md);margin-top:var(--space-xl)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-xl);margin-bottom:var(--space-lg)}.footer-logo{display:flex;align-items:center;gap:.5rem;color:var(--primary);margin-bottom:var(--space-md)}.footer-logo i{font-size:2rem}.footer-logo h2{color:var(--primary);margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.footer-column h3{color:#fff;margin-bottom:var(--space-md);font-size:1.2rem}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:var(--space-sm)}.footer-column a{color:var(--primary-light);text-decoration:none;transition:color 0.3s ease}.footer-column a:hover{color:#fff}.social-links{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgb(255 255 255 / .1);border-radius:50%;color:#fff;transition:all 0.3s ease}.social-links a:hover{background-color:var(--primary);transform:translateY(-3px)}.newsletter-form{display:flex}.newsletter-form input{flex:1;padding:10px;border:none;border-radius:4px 0 0 4px;font-family:"Quicksand",sans-serif}.newsletter-form button{background-color:var(--primary);color:#fff;border:none;padding:10px 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color 0.3s ease}.newsletter-form button:hover{background-color:var(--primary-dark)}.copyright{text-align:center;padding-top:var(--space-md);border-top:1px solid rgb(255 255 255 / .1);font-size:.9rem;color:rgb(255 255 255 / .6)}.highlight{background-color:var(--accent);padding:0 2px;border-radius:3px}@media (max-width:1200px){.popular-breeds-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.trait-categories-grid{grid-template-columns:repeat(2,1fr)}.breed-grid,.breed-grid-results .popular-breeds-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.cta-form-container{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}}@media (max-width:768px){.trait-finder-header h1{font-size:2rem}.trait-finder-header h1::before,.trait-finder-header h1::after{display:none}.trait-finder-header p{font-size:1rem}.trait-categories-grid{grid-template-columns:1fr}.breed-grid,.breed-grid-results,.popular-breeds-grid,.blog-grid{grid-template-columns:1fr}.search-wrapper{flex-direction:column;border-radius:16px}#trait-search{width:100%;padding:12px 16px}.search-button{width:100%;border-radius:0}.dog-ears{display:none}.breed-info{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}}@media (max-width:576px){.header-content{flex-direction:column;gap:var(--space-md)}nav ul{gap:var(--space-md)}}.section-divider{height:6px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--success),var(--accent));margin:0;padding:0}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 10px 10px;z-index:10;max-height:300px;overflow-y:auto;display:none}.autocomplete-dropdown.show{display:block}.autocomplete-item{padding:10px;cursor:pointer}.autocomplete-item:hover{background-color:#f0f0f0}.with-sidebar{display:inline-flex;flex-wrap:wrap;gap:var(--space-lg)}.not-a-sidebar{flex:3}.sidebar{flex:2;position:relative}@media (max-width:48em){.with-sidebar{flex-direction:column}.not-a-sidebar{margin-right:0;margin-bottom:20px}.sidebar.selected-cat{order:-1;margin-bottom:1rem}.hero-section h1,.sub-title,.filter-section{text-align:left}.sub-title p{text-align:left}}.cta-content p{text-align:left;max-width:50ch}.primary-dark{color:var(--primary-dark)}.primary{color:var(--primary)}.secondary{color:var(--secondary)}.success{color:var(--success)}.accent{color:var(--accent)}.dark{color:var(--dark)}.light{color:var(--light)}.masonry-grid{column-count:4;column-gap:1rem}.masonry-item{display:inline-block;width:100%;margin:0 0 1rem;break-inside:avoid;box-sizing:border-box}.card{background-color:var(--bg-pink-soft);color:var(--dark);border:1px solid var(--light-gray);padding:1rem;border-radius:12px;transition:box-shadow 0.2s ease}.card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .1)}.card h3{color:var(--primary-dark);font-weight:600;margin-bottom:.5rem}.card a{color:var(--secondary-dark);text-decoration:none;font-weight:500}.card a:hover{color:var(--secondary)}.characteristic-item{position:relative}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;background:linear-gradient(120deg,var(--bg-pink-soft),var(--bg-blue-soft));color:var(--dark);padding:10px 14px;border-radius:8px;white-space:normal;z-index:1000;border:1px solid var(--primary-dark);font-size:.85rem;line-height:1.4;width:max-content;max-width:280px;box-shadow:0 4px 14px rgb(0 0 0 / .1);transition:opacity 0.3s ease,transform 0.3s ease}.tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--primary-dark) #fff0 #fff0 #fff0}.characteristic-item:hover .tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(-6px)}.styled-divider{border:none;border-top:2px solid var(--primary-dark);margin:2rem 0;width:100%}.header-styled-divider{border:none;border-top:2px solid var(--primary-dark);margin:.5rem auto;width:75%}.pagination{display:flex;justify-content:center;gap:.5rem;list-style:none;margin:2rem 0;padding:0}.pagination li{display:inline-block}.pagination a,.pagination span{display:inline-block;padding:.5rem 1rem;border-radius:6px;text-decoration:none;background-color:var(--primary-light);color:var(--dark);border:1px solid var(--primary);transition:all 0.2s ease;font-weight:500}.pagination a:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary-dark)}.pagination .current{background-color:var(--primary-dark);color:var(--white);pointer-events:none}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem 0}.nav-links .page-numbers{display:inline-block;padding:.5rem .9rem;font-size:.95rem;border-radius:999px;background-color:var(--primary-light);color:var(--dark);text-decoration:none;transition:all 0.2s ease;border:1px solid #fff0}.nav-links .page-numbers:hover{background-color:var(--primary);color:var(--white)}.nav-links .page-numbers.current{background-color:var(--primary-dark);color:var(--white);font-weight:600;pointer-events:none}.nav-links .page-numbers.dots{background:none;color:var(--gray);pointer-events:none}.nav-links .page-numbers i{margin-left:4px}.blog-post{position:relative;background-color:var(--white);border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .05);margin:2rem auto;overflow:hidden}.blog-header{padding:var(--space-lg) var(--space-lg) var(--space-md);position:relative}.blog-category-badge{display:inline-block;margin-bottom:var(--space-sm)}.blog-category-badge span{background-color:var(--secondary);color:#fff;font-size:.85rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.blog-post h1{font-family:"Baloo 2",cursive;font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--dark);margin-top:0;margin-bottom:var(--space-md);max-width:25ch;position:relative}.blog-meta{display:flex;align-items:center;margin-bottom:var(--space-md)}.author-gravatar{width:60px;height:60px;border-radius:50%;margin-right:var(--space-sm);border:3px solid var(--primary);box-shadow:0 4px 10px rgb(0 0 0 / .1)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:1.1rem;margin-bottom:.2rem}.publish-date{color:var(--dark);font-size:.9rem}.blog-featured-image{width:100%;height:auto;max-height:500px;overflow:hidden;margin-bottom:var(--space-md)}.blog-featured-image img{width:100%;height:auto;object-fit:cover;transition:transform 0.3s ease}.blog-featured-image img:hover{transform:scale(1.03)}.blog-container{display:grid;grid-template-columns:1fr 280px;gap:var(--space-md)}.blog-container{display:grid;grid-template-columns:3fr 1fr;gap:1rem;align-items:start}.blog-main{max-width:680px}.blog-content{font-size:1.05rem}.blog-intro{font-size:1.2rem;line-height:1.7;color:var(--dark);margin-bottom:var(--space-lg);border-left:4px solid var(--primary);padding-left:var(--space-md);margin-top:2rem}.blog-section{margin-bottom:var(--space-xl);position:relative}.blog-content h2{font-family:"Baloo 2",cursive;font-size:1.8rem;color:var(--color-dog);margin-top:var(--space-xl);margin-bottom:var(--space-md);position:relative;padding-bottom:.5rem}.blog-content h2::after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:var(--color-dog);border-radius:5px}.blog-content h3{font-family:"Baloo 2",cursive;font-size:1.5rem;color:var(--color-cat);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.blog-content p{margin-bottom:var(--space-md);line-height:1.8}.blog-content ul,.blog-content ol{margin-top:var(--space-md);margin-bottom:var(--space-md);padding-left:var(--space-lg)}.blog-content li{margin-bottom:var(--space-sm);position:relative}.blog-content ul li{list-style-type:none;padding-left:var(--space-md)}.blog-content ul li::before{content:"🐾";position:absolute;left:-5px;color:var(--primary)}.blog-content img{max-width:100%;border-radius:12px;margin:var(--space-lg) 0;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.blog-content h2+img,.blog-content h3+img{margin-top:var(--space-md)}.blog-content img+p{margin-top:var(--space-md)}.blog-content img+ul,.blog-content img+ol{margin-top:var(--space-md)}.blog-content ul+img,.blog-content ol+img{margin-top:var(--space-lg)}.author-bio{margin-top:var(--space-xl);padding:var(--space-lg);background-color:rgb(78 205 196 / .1);border-radius:12px;display:flex;align-items:center;gap:var(--space-md)}.author-bio-image{width:100px;height:100px;border-radius:50%;border:4px solid var(--primary)}.author-bio-content{flex:1}.author-bio h3{margin-top:0;margin-bottom:var(--space-xs);color:var(--dark);font-family:"Baloo 2",cursive}.author-bio p{margin-bottom:var(--space-sm)}.author-social{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.author-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#fff;transition:transform 0.2s ease}.author-social a:hover{transform:scale(1.1)}.blog-sidebar{position:relative}.blog-table-of-contents{position:sticky;top:20px;background-color:var(--white);border-radius:12px;padding:var(--space-md);box-shadow:0 5px 15px rgb(0 0 0 / .05);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.blog-table-of-contents h3{font-family:"Baloo 2",cursive;margin-top:0;margin-bottom:var(--space-sm);color:var(--primary);font-size:1.3rem}.blog-table-of-contents ul{list-style-type:none;padding:0;margin:0}.blog-table-of-contents li{margin-bottom:var(--space-xs)}.blog-table-of-contents a{display:block;padding:var(--space-xs) var(--space-sm);color:var(--dark);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-size:.9rem}.blog-table-of-contents a:hover{background-color:rgb(255 107 107 / .1)}.blog-table-of-contents a.active{background-color:var(--primary);color:#fff;font-weight:500}.sidebar-widget{background-color:var(--white);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:0 5px 15px rgb(0 0 0 / .05)}.sidebar-widget h3{font-family:"Baloo 2",cursive;margin-top:0;margin-bottom:var(--space-md);color:var(--secondary);font-size:1.3rem}.sidebar-widget ul{list-style-type:none;padding:0;margin:0}.sidebar-widget li{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--color-border)}.sidebar-widget li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar-widget a{color:var(--dark);text-decoration:none;transition:color 0.2s ease}.sidebar-widget a:hover{color:var(--primary)}.paw-decoration{position:absolute;opacity:.05;z-index:0;pointer-events:none}@media (max-width:992px){.blog-container{grid-template-columns:1fr}.blog-main{max-width:100%}.blog-sidebar{margin-top:var(--space-lg)}.blog-table-of-contents{position:relative;top:0}}@media (max-width:768px){.blog-post h1{font-size:2rem}.blog-intro{font-size:1.1rem}.author-bio{flex-direction:column;text-align:center}.author-social{justify-content:center}}.blog-table-of-contents ul{list-style:none;padding-left:0}.blog-table-of-contents li{margin:.4rem 0}.toc-level-3{margin-left:1rem;font-size:.95em}}