/* v103 – Balanced Bigger Holo Preview
   Korrektur nach Screenshot:
   - Bilder bleiben groß, aber nicht mehr so brutal gezoomt
   - Karten sitzen sauberer im Frame
   - Badge/Rückseitenbutton verdecken weniger vom Motiv
   - Text bleibt lesbar
*/

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

/* Etwas weniger aggressiv als v102, aber deutlich größer als v101. */
body.vault-page .vault-img-wrap > img{
  width:112%!important;
  height:112%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.045)!important;
  transform-origin:center center!important;
}

body.vault-page .vault-card:hover .vault-img-wrap > img{
  transform:scale(1.075)!important;
  filter:drop-shadow(0 20px 32px rgba(0,0,0,.22)) contrast(1.055) saturate(1.06) brightness(1.025)!important;
}

/* Verfügbar-Badge etwas kleiner und ruhiger, damit das Motiv weniger verdeckt wird. */
body.vault-page .vault-badge{
  top:10px!important;
  left:10px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.07em!important;
  line-height:1!important;
}

/* Rückseitenbutton bleibt sichtbar, aber nicht mehr so dominant im Kartenmotiv. */
body.vault-page .vault-back-toggle{
  width:46px!important;
  height:46px!important;
  top:9px!important;
  right:9px!important;
  border-radius:14px!important;
  padding:3px!important;
}
body.vault-page .vault-back-toggle::after{
  width:20px!important;
  height:20px!important;
  right:-5px!important;
  bottom:-5px!important;
  font-size:12px!important;
}
body.vault-page .vault-back-toggle img{
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  border-radius:10px!important;
}

/* Desktop-Karten minimal luftiger im Textbereich, damit der große Preview-Look edler wirkt. */
body.vault-page .vault-card-body{
  padding-top:14px!important;
}

@media (max-width:760px){
  body.vault-page .vault-img-wrap{
    padding:4px!important;
  }
  body.vault-page .vault-img-wrap > img{
    width:116%!important;
    height:116%!important;
    transform:scale(1.06)!important;
  }
  body.vault-page .vault-card:hover .vault-img-wrap > img{
    transform:scale(1.08)!important;
  }
  body.vault-page .vault-back-toggle{
    width:42px!important;
    height:42px!important;
    top:8px!important;
    right:8px!important;
  }
  body.vault-page .vault-badge{
    top:8px!important;
    left:8px!important;
    font-size:8px!important;
    padding:5px 8px!important;
  }
}

@media (max-width:390px){
  body.vault-page .vault-img-wrap > img{
    width:112%!important;
    height:112%!important;
    transform:scale(1.045)!important;
  }
}