.dog-grid{width:100%}@media (min-width:375px) and (max-width:767px){.dog-grid--mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.dog-grid-card{min-height:220px;max-height:220px}.dog-grid--mobile>*{width:100%}.dog-grid-card .font-semibold{font-size:.875rem}.dog-grid-card .text-xs{font-size:.7rem}.dog-grid-card .inline-flex{font-size:.625rem;padding:.125rem .375rem}}@media (min-width:768px) and (max-width:1023px){.dog-grid--tablet{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.dog-grid-card{min-height:280px;max-height:280px}.dog-grid--tablet>*{width:100%}.dog-grid-card .font-semibold{font-size:1rem}.dog-grid-card .text-xs{font-size:.75rem}}@media (min-width:1024px){.dog-grid{display:none}}.dog-grid-card{transition:all .2s ease-out;cursor:pointer}.dog-grid-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-4px)}.dog-grid-card:active{transform:translateY(0)}.dog-grid-card:focus-visible{outline:none;box-shadow:0 0 0 2px rgb(239 68 68);box-shadow-offset:2px}.dog-grid-skeleton{position:relative;overflow:hidden}.dog-grid-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));transform:translateX(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.dog-grid-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dog-grid-card button[aria-label*=favorite]{transition:all .2s ease-out}.dog-grid-card button[aria-label*=favorite]:hover{transform:scale(1.1)}@media (max-width:400px){.dog-grid--mobile{gap:8px;padding:8px}}@media (max-width:374px){.dog-grid--mobile{grid-template-columns:1fr;gap:12px;padding:12px}.dog-grid-card{min-height:250px;max-height:250px}}@media print{.dog-grid{display:grid!important;grid-template-columns:repeat(3,1fr)}.dog-grid-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}