.pets-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.pets-filters{display:flex;flex-wrap:wrap;gap:8px;flex:1 1;min-width:0}.pets-filters-chip{padding:8px 16px;border-radius:8px;border:1px solid #e0d3c6;background:#fff;color:#5d4a3a;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap}.pets-filters-chip:hover{background:#f7efe5;border-color:#c47a3d;transform:translateY(-1px)}.pets-filters-chip:focus{outline:2px solid #c47a3d;outline-offset:2px}.pets-filters-chip-active{background:#c47a3d;color:#fff;border-color:#c47a3d}.pets-filters-chip-active:hover{background:#aa6632;border-color:#aa6632}.pets-search-form{display:flex;gap:8px;flex-shrink:0}.pets-search-input{padding:8px 16px;border-radius:8px;border:1px solid #e0d3c6;background:#fff;color:#24181a;font-size:14px;line-height:1.4;min-width:200px;transition:border-color .2s ease,box-shadow .2s ease}.pets-search-input::placeholder{color:#a08c7d}.pets-search-input:focus{outline:none;border-color:#c47a3d;box-shadow:0 0 0 3px rgb(196 122 61/15%)}.pets-search-button{padding:8px 20px;border-radius:8px;border:none;background:#c47a3d;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgb(0 0 0/10%)}.pets-search-button:hover{background:#aa6632;transform:translateY(-1px);box-shadow:0 4px 8px rgb(0 0 0/15%)}.pets-search-button:focus{outline:2px solid #c47a3d;outline-offset:2px}.pets-search-button:active{transform:translateY(0)}.pets-search-info{margin-bottom:16px;font-size:14px;color:#6b5450;font-weight:500}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.pets-grid-empty{margin-top:24px;padding:32px;text-align:center;color:#6b5450;font-size:16px}.pet-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgb(0 0 0/8%),0 0 0 1px rgb(0 0 0/5%);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.pet-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgb(0 0 0/12%),0 0 0 1px rgb(0 0 0/8%)}.pet-card:focus-within{outline:2px solid #c47a3d;outline-offset:2px}.pet-card-image{width:100%;height:220px;object-fit:cover}.pet-card-body{padding:16px;flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center}.adopt-button{display:inline-block;margin-top:24px;padding:12px 20px;border-radius:999px;background:#f3b15a;color:#111;text-decoration:none;font-weight:600}.pet-card-title{margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.3;color:#24181a}.pet-card-meta{margin:0 0 8px;font-size:13px;color:#8c7a64;line-height:1.4}.pet-card-description{margin:0;font-size:14px;line-height:1.5;color:#5d4a3a}@media (max-width:768px){.pets-page{padding:24px 16px 40px}.pets-page-title{font-size:28px;margin-bottom:20px}.pets-toolbar{flex-direction:column;align-items:stretch;gap:12px}.pets-search-form{width:100%}.pets-search-input{flex:1 1;min-width:0}.pets-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.pets-filters-chip,.pets-search-button,.pets-search-input{padding:10px 16px;font-size:15px;min-height:44px}.pets-filters{gap:6px}}