@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}ul{box-sizing:border-box}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--hatrix-primary:#6366f1;--hatrix-primary-dark:#4f46e5;--hatrix-secondary:#ec4899;--hatrix-accent:#06b6d4;--hatrix-success:#10b981;--hatrix-warning:#f59e0b;--hatrix-error:#ef4444;--hatrix-purple:#8b5cf6;--hatrix-orange:#f97316;--hatrix-teal:#14b8a6;--hatrix-lime:#84cc16;--hatrix-rose:#f43f5e;--hatrix-gray-50:#f9fafb;--hatrix-gray-100:#f3f4f6;--hatrix-gray-200:#e5e7eb;--hatrix-gray-300:#d1d5db;--hatrix-gray-400:#9ca3af;--hatrix-gray-500:#6b7280;--hatrix-gray-600:#4b5563;--hatrix-gray-700:#374151;--hatrix-gray-800:#1f2937;--hatrix-gray-900:#111827;--hatrix-gradient-primary:linear-gradient(135deg, var(--hatrix-primary) 0%, var(--hatrix-secondary) 100%);--hatrix-gradient-accent:linear-gradient(135deg, var(--hatrix-accent) 0%, var(--hatrix-purple) 100%);--hatrix-gradient-success:linear-gradient(135deg, var(--hatrix-teal) 0%, var(--hatrix-success) 100%);--hatrix-gradient-warm:linear-gradient(135deg, var(--hatrix-orange) 0%, var(--hatrix-rose) 100%);--hatrix-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--hatrix-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--hatrix-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--hatrix-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--hatrix-shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--hatrix-shadow-colored:0 10px 25px -3px rgba(99, 102, 241, 0.15), 0 4px 6px -2px rgba(99, 102, 241, 0.05);--hatrix-radius:0.5rem;--hatrix-radius-lg:1rem;--hatrix-radius-xl:1.5rem}#hatrix-newsletter-gdpr-notice{position:fixed;bottom:20px;right:20px;max-width:400px;background:#fff;border-radius:var(--hatrix-radius-lg);box-shadow:var(--hatrix-shadow-xl);padding:1.5rem;border:1px solid var(--hatrix-gray-200);z-index:9999;animation:slideInUp .3s ease-out}#hatrix-newsletter-gdpr-notice::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--hatrix-gradient-primary);border-radius:var(--hatrix-radius-lg) var(--hatrix-radius-lg)0 0}#hatrix-newsletter-gdpr-notice p{margin:0;font-size:.875rem;color:var(--hatrix-gray-600);line-height:1.5}@media (max-width:768px){#hatrix-newsletter-gdpr-notice{bottom:10px;right:10px;left:10px;max-width:none}}@media (prefers-color-scheme:dark){#hatrix-newsletter-gdpr-notice{background:var(--hatrix-gray-800);border-color:var(--hatrix-gray-700)}#hatrix-newsletter-gdpr-notice p{color:var(--hatrix-gray-300)}}.pet-adoption-list{max-width:1200px;margin:0 auto;padding:20px}.pet-filters{display:flex;gap:25px;margin-bottom:35px;padding:25px 30px;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px rgb(0 0 0/.05);flex-wrap:wrap;align-items:end;position:relative;overflow:hidden}.pet-filters::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffb100,#ff8c00,#ffb100);background-size:200% 100%;animation:gradient-shift 3s ease-in-out infinite}.filter-group{display:flex;flex-direction:column;gap:10px;min-width:220px;flex:1}.filter-label{font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:6px}.filter-label::before{content:"";width:3px;height:14px;background:#ffb100;border-radius:2px}.pet-filter,.pet-sort{border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#495057;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding:12px 40px 12px 16px}.pet-filter:focus,.pet-sort:focus{outline:0;border-color:#ffb100;box-shadow:0 0 0 3px rgb(255 177 0/.15);transform:translateY(-1px)}.pet-filter:hover,.pet-sort:hover{border-color:#ffb100;background-color:#fffbf5;transform:translateY(-1px)}.pet-filter:active,.pet-sort:active{transform:translateY(0)}.filter-results{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px;font-size:14px;color:#6c757d}.results-count{font-weight:600;color:#495057}.clear-filters{background:0 0;border:0;color:#ffb100;cursor:pointer;text-decoration:underline;font-size:13px;padding:0;transition:color .3s ease}.clear-filters:hover{color:#ff8c00}.filter-group[data-filter=species] .filter-label::before{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.filter-group[data-sort=order] .filter-label::before{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.pet-filter option,.pet-sort option{padding:8px 12px;color:#495057;background:#fff}.pet-filter option:checked,.pet-sort option:checked{background:#ffb100;color:#fff}.pet-filters *{transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-filter:focus-visible,.pet-sort:focus-visible{border-color:#ffb100;box-shadow:0 0 0 3px rgb(255 177 0/.15);outline:2px solid #fff0;outline-offset:2px}@media (max-width:992px){.pet-filters{gap:20px;padding:20px 25px}.filter-group{min-width:180px}}@media (max-width:768px){.pet-filters{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.filter-group{min-width:100%;max-width:100%}.pet-filter,.pet-sort{font-size:16px;padding:14px 45px 14px 16px;min-height:48px;background-size:20px;background-position:right 16px center}}@media (max-width:480px){.pet-filters{margin-bottom:25px;padding:15px}.filter-label{font-size:12px}}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.form-group{margin-bottom:25px;position:relative}.form-group input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1em;transition:all .3s ease;background:#fff}.form-group input:hover{border-color:#ffb100}.form-group input:focus{border-color:#ffb100;box-shadow:0 0 0 4px rgb(255 177 0/.1);outline:0}.form-group input::placeholder{color:#999;font-size:.95em}