/* Luna Premier V4.10 — correct photo framing without white picture mats.
   Wrappers define the ACTUAL product/card silhouette; no artificial grade labels. */

/* Umbreon Night UPC promo image is a square retail image containing a tall card.
   Crop the square so its white backing disappears without zooming into card text. */
.radar-tile.moon .umb-card-frame{
  width:min(100%,176px);aspect-ratio:0.72;max-height:235px;
  position:relative;display:block;overflow:hidden;flex:0 0 auto;
  border-radius:7px;background:#0d1525;
  filter:drop-shadow(0 13px 15px rgba(0,0,0,.57));
}
.radar-tile.moon .radar-card-image{gap:7px;}
.radar-tile.moon .umb-card-frame>img.radar-actual-card{
  position:absolute!important;top:50%!important;left:50%!important;
  display:block;width:148%!important;height:auto!important;
  max-width:none!important;max-height:none!important;
  object-fit:initial!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;border-radius:0!important;
}
.radar-tile.moon:hover .umb-card-frame>img.radar-actual-card{
  transform:translate(-50%,-50%) scale(1.02)!important;
}
/* The alternate image is a true portrait card scan rather than a square retail photo. */
.radar-tile.moon .umb-card-frame>img.radar-actual-card[data-fallback-done="1"]{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
@media(max-width:1000px){.radar-tile.moon .umb-card-frame{width:min(100%,151px);max-height:205px}}
@media(max-width:600px){.radar-tile.moon .umb-card-frame{width:min(100%,126px);max-height:172px}}
@media(max-width:380px){.radar-tile.moon .umb-card-frame{width:min(100%,116px);max-height:161px}}

/* English 30th packs. The source includes white canvas around the foil packet.
   Frame ratio 0.57 matches the *pack*, then zoom the original square photo to
   approx 190%, removing the white background instead of clipping the image box. */
.category-art.champagne .pack-fan .pack-shot{
  display:block;position:absolute;top:50%;left:50%;
  width:min(43%,125px);height:auto;aspect-ratio:0.57;
  overflow:hidden;border-radius:5px;background:#161410;
  filter:drop-shadow(0 13px 13px rgba(0,0,0,.68));
  transition:transform .25s ease;
}
.category-art.champagne .pack-fan .pack-shot>img.category-actual-image{
  display:block;position:absolute!important;top:50%!important;left:50%!important;
  width:190%!important;height:auto!important;
  max-height:none!important;max-width:none!important;
  object-fit:initial!important;object-position:center!important;
  clip-path:none!important;filter:none!important;border-radius:0!important;
  transform:translate(-50%,-50%)!important;
}
.category-art.champagne .pack-fan .pack-fan-1{z-index:1;transform:translate(-76%,-46%) rotate(-17deg)}
.category-art.champagne .pack-fan .pack-fan-2{z-index:3;transform:translate(-50%,-49%)}
.category-art.champagne .pack-fan .pack-fan-3{z-index:2;transform:translate(-24%,-46%) rotate(17deg)}
.category-card:hover .pack-fan .pack-shot.pack-fan-1{transform:translate(-79%,-46%) rotate(-19deg)}
.category-card:hover .pack-fan .pack-shot.pack-fan-2{transform:translate(-50%,-52%)}
.category-card:hover .pack-fan .pack-shot.pack-fan-3{transform:translate(-21%,-46%) rotate(19deg)}
@media(max-width:1000px){.category-art.champagne .pack-fan .pack-shot{width:min(46%,108px)}}
@media(max-width:600px){.category-art.champagne .pack-fan .pack-shot{width:min(44%,90px);border-radius:3px}}
@media(max-width:360px){.category-art.champagne .pack-fan .pack-shot{width:min(45%,78px)}}

/* True PSA 10 photograph: frame around *entire slab* including the label.
   Never crop top (earlier `object-fit:cover` cut off the GEM MT 10 label). */
.category-art.purple .psa-photo-frame{
  display:block;position:relative;overflow:hidden;flex:none;
  width:min(64%,200px);aspect-ratio:0.62;
  border-radius:8px;background:#171318;
  filter:drop-shadow(0 15px 22px rgba(0,0,0,.55));
}
.category-art.purple .psa-photo-frame>img.category-slab-img{
  position:absolute!important;left:50%!important;top:50%!important;
  display:block;width:175%!important;height:auto!important;
  max-width:none!important;max-height:none!important;
  object-fit:initial!important;object-position:center!important;
  transform:translate(-50%,-50%)!important;
  border-radius:0!important;filter:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
.category-art.purple .psa-photo-frame>img.category-slab-img[data-fallback-done="1"]{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
@media(max-width:1000px){.category-art.purple .psa-photo-frame{width:min(64%,163px)}}
@media(max-width:600px){.category-art.purple .psa-photo-frame{width:min(63%,128px)}}

@media(prefers-reduced-motion:reduce){.category-art.champagne .pack-fan .pack-shot{transition:none}}