/* Artwork owns its corners; a rectangular wrapper must never draw a second edge. */
html[data-product="procrypto"] .card-motion-host .card-motion-surface[data-art-transparent="true"],
html[data-product="procrypto"] .hero-card[data-art-transparent="true"]{border-radius:0;box-shadow:none;overflow:visible}
html[data-product="procrypto"] .card-motion-host .card-motion-surface[data-art-transparent="true"] img,
html[data-product="procrypto"] .hero-card[data-art-transparent="true"] img{border-radius:0;box-shadow:none}
html[data-product="procrypto"] .card-motion-surface[data-art-transparent="true"]::after,
html[data-product="procrypto"] .hero-card[data-art-transparent="true"]::after,
html[data-product="procrypto"] .card-motion-surface[data-art-transparent="true"] .card-availability{
  border-radius:0;
  -webkit-mask-image:var(--card-art-mask,none);mask-image:var(--card-art-mask,none);
  -webkit-mask-size:cover;mask-size:cover;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  mask-mode:alpha;
}
html[data-product="procrypto"] .card-motion-surface:not([data-art-ready])::after,
html[data-product="procrypto"] .hero-card:not([data-art-ready])::after{opacity:0}
html[data-product="procrypto"] .hero-card[data-art-transparent="true"] img{filter:drop-shadow(0 18px 14px #15241e30)}
html[data-product="procrypto"] .compare-dialog thead img[data-art-transparent="true"]{border-radius:0;box-shadow:none;filter:drop-shadow(0 9px 7px #15241e26)}
html[data-product="procrypto"] .compare-stack img[data-art-transparent="true"],
html[data-product="procrypto"] .variant-option img[data-art-transparent="true"]{border-radius:0;box-shadow:none}
/* Intrinsic dimensions reserve space; responsive detail images must scale both axes. */
html[data-product="procrypto"] .hero-card img{height:auto}

/* Fit the complete artwork. Cover cropped wider cards such as BiyaPay/Starryblu. */
html[data-product="procrypto"] .card-motion-host .card-motion-surface img,
html[data-product="procrypto"] :is(.compare-dialog thead,.compare-stack,.variant-option) img{object-fit:contain}
html[data-product="procrypto"] .hero-card img{aspect-ratio:auto;object-fit:contain}
html[data-product="procrypto"] .card-motion-surface[data-art-transparent="true"]::after,
html[data-product="procrypto"] .hero-card[data-art-transparent="true"]::after,
html[data-product="procrypto"] .card-motion-surface[data-art-transparent="true"] .card-availability{
  -webkit-mask-size:contain;mask-size:contain;
}
/* Clip once, on the moving face. No nested corner antialiasing or hard rim. */
html[data-product="procrypto"] .card-motion-host .card-motion-surface[data-art-transparent="false"]{
  border-radius:0;overflow:visible;box-shadow:none;
  clip-path:inset(0 round var(--card-art-radius));
}
html[data-product="procrypto"] .card-motion-host .card-motion-surface[data-art-transparent="false"] img,
html[data-product="procrypto"] .card-motion-host .card-motion-surface[data-art-transparent="false"]::after{border-radius:0}
html[data-product="procrypto"] .hero-card[data-art-transparent="false"]{border-radius:var(--card-art-radius);overflow:hidden}
html[data-product="procrypto"] .hero-card[data-art-transparent="false"] img{border-radius:0}
html[data-product="procrypto"] :is(.compare-dialog thead,.compare-stack,.variant-option) img[data-art-transparent="false"]{
  border-radius:0;clip-path:inset(0 round var(--card-art-radius));box-shadow:none;
}