/* v102 – Bigger centered card images
   Aufbauend auf v101:
   - Kartenbilder in der Vorschau deutlich größer
   - zentriert
   - Holo-/Deluxe-Look bleibt
   - Text bleibt lesbar
   - Gruppen/Filter/IDs/Produkte unverändert
*/

body.vault-page .vault-img-wrap{
  padding:6px!important;
}

/* Bild größer ziehen, ohne wieder das komplette Layout umzubauen. */
body.vault-page .vault-img-wrap > img{
  width:116%!important;
  height:116%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.08)!important;
  transform-origin:center center!important;
}

/* Hover nur leicht obendrauf, damit es nicht unruhig wird. */
body.vault-page .vault-card:hover .vault-img-wrap > img{
  transform:scale(1.12)!important;
  filter:drop-shadow(0 20px 32px rgba(0,0,0,.22)) contrast(1.05) saturate(1.06) brightness(1.025)!important;
}

/* Rückseiten ebenfalls etwas größer und sauber zentriert. */
body.vault-page .vault-back-toggle img{
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
}

/* Auf Handy noch etwas größer, weil die Karten sonst zu katalogartig klein wirken. */
@media (max-width:760px){
  body.vault-page .vault-img-wrap{
    padding:5px!important;
  }
  body.vault-page .vault-img-wrap > img{
    width:122%!important;
    height:122%!important;
    transform:scale(1.10)!important;
  }
  body.vault-page .vault-card:hover .vault-img-wrap > img{
    transform:scale(1.13)!important;
  }
}

/* Sehr kleine Screens: nicht zu stark übertreiben, damit nichts unschön abgeschnitten wirkt. */
@media (max-width:390px){
  body.vault-page .vault-img-wrap > img{
    width:118%!important;
    height:118%!important;
    transform:scale(1.08)!important;
  }
}