/* DjimlyStore Web App rebuild v4.1.4
 * Cache-isolated final customer surface. Kept intentionally small and scoped.
 */
:root{
  --djs414-radius:26px;
  --djs414-radius-sm:20px;
}

/* Actual artwork gets clipped, not only the outer white card. */
html body #djs-portal :is(
  .djs-home-square-media,
  .djs-product-card__img,
  .djs-home-product-icon,
  .djs-category-browser-media,
  .djs-game-row-media-v2187,
  .djs-game-row-image-v2187,
  .djs-manual-card-image-v4071,
  .djs-v4070-list-card .pic,
  .djs-v4070-product-media-card,
  .djs-product-hero-photo,
  .djs-ff-light-media-v4073,
  .djs-manual-detail-media-v4071,
  .djs-game-detail-media-v2187,
  .djs-gift-detail-media,
  .djs-similar-product-media,
  .djs-plan-media.has-photo,
  .djs-stream-plan-hero-v21810,
  .djs-preview-poster-img
){
  overflow:hidden!important;
  border-radius:var(--djs414-radius)!important;
  isolation:isolate!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black)!important;
}

html body #djs-portal :is(
  .djs-home-square-media,
  .djs-product-card__img,
  .djs-home-product-icon,
  .djs-category-browser-media,
  .djs-game-row-media-v2187,
  .djs-game-row-image-v2187,
  .djs-manual-card-image-v4071,
  .djs-v4070-list-card .pic,
  .djs-v4070-product-media-card,
  .djs-product-hero-photo,
  .djs-ff-light-media-v4073,
  .djs-manual-detail-media-v4071,
  .djs-game-detail-media-v2187,
  .djs-gift-detail-media,
  .djs-similar-product-media,
  .djs-plan-media.has-photo,
  .djs-stream-plan-hero-v21810,
  .djs-preview-poster-img
) img,
html body #djs-portal img.djs-product-photo{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  border-radius:var(--djs414-radius-sm)!important;
  clip-path:inset(0 round var(--djs414-radius-sm))!important;
  -webkit-clip-path:inset(0 round var(--djs414-radius-sm))!important;
}

/* Game/product detail: make the image radius visibly intentional on iPhone Safari. */
html body #djs-portal #djs-game-modal :is(.djs-ff-light-media-v4073,.djs-manual-detail-media-v4071,.djs-game-detail-media-v2187){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black)!important;
}
html body #djs-portal #djs-game-modal :is(.djs-ff-light-media-v4073,.djs-manual-detail-media-v4071,.djs-game-detail-media-v2187) > img{
  display:block!important;
  width:min(100%,320px)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1/1!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:28px!important;
  clip-path:inset(0 round 28px)!important;
  -webkit-clip-path:inset(0 round 28px)!important;
  overflow:hidden!important;
  transform:none!important;
  background:#fff!important;
}

@media(max-width:430px){
  html body #djs-portal #djs-game-modal :is(.djs-ff-light-media-v4073,.djs-manual-detail-media-v4071,.djs-game-detail-media-v2187) > img{
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
    -webkit-clip-path:inset(0 round 24px)!important;
  }
}
