.adopted-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));overflow:hidden;box-shadow:var(--shadow-sm);text-align:center}.adopted-image-wrapper{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}.adopted-image{width:100%;height:100%;object-fit:cover;filter:grayscale(80%);transition:filter .3s ease,transform .3s ease}.adopted-card:hover .adopted-image{filter:grayscale(0);transform:scale(1.05)}.adopted-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 50%);display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:1;transition:opacity .3s ease}.adopted-card:hover .adopted-overlay{opacity:0}.adopted-text{color:white;font-weight:700;font-size:1.25rem;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.adopted-body{padding:1rem}.adopted-body h3{font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.adopted-meta{font-size:.9rem;color:#6b7280;display:flex;justify-content:center;gap:.5rem;align-items:center}.adopted-animals-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.75rem}.page-header-section{text-align:center;padding:2.5rem 1.5rem;background-color:hsl(var(--card));border-radius:calc(var(--radius) + .25rem);margin-bottom:2.5rem;border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm)}.page-header-section h1{font-size:2.5rem;font-weight:800;margin:0 0 1rem}.page-header-section p{max-width:600px;margin:0 auto;color:#4b5563;font-size:1.1rem;line-height:1.6}