/* TradeRealm 3.4.3 — pets.php origin visibility fix
   3.4.2 made the content taller than the card ratio at some widths.
   Keep the approved artwork/value treatment and give the footer guaranteed room. */

body[data-page="pets"] .tr232-pet-collection-card{
  aspect-ratio:2.15/3.62!important;
  min-height:270px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Keep the approved art and value blocks intact. */
body[data-page="pets"] .tr232-pet-collection-card .realm-card-name-v142,
body[data-page="pets"] .tr232-pet-collection-card .realm-card-art-v140,
body[data-page="pets"] .tr232-pet-collection-card .tr340-card-value,
body[data-page="pets"] .tr232-pet-collection-card .tr340-card-origin{
  flex-shrink:0!important;
}

/* The origin is the card footer: always reserve its full height and pin it to the bottom. */
body[data-page="pets"] .tr232-pet-collection-card .tr340-card-origin{
  margin: auto 7px 1px!important;
  min-height:31px!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:1180px){
  body[data-page="pets"] .tr232-pet-collection-card{
    min-height:258px!important;
  }
}

@media(max-width:760px){
  body[data-page="pets"] .tr232-pet-collection-card{
    aspect-ratio:2.02/3.62!important;
    min-height:218px!important;
  }
  body[data-page="pets"] .tr232-pet-collection-card .tr340-card-origin{
    margin:auto 3px 0!important;
    min-height:22px!important;
  }
}

@media(max-width:390px){
  body[data-page="pets"] .tr232-pet-collection-card{
    min-height:210px!important;
  }
}