/* DjimlyStore customer polish v4.1.3
 * Final cleanup for Return controls, Wallet header spacing, and product media radius.
 * Loaded after customer-v412.css so these rules intentionally own the final cascade.
 */
:root{
  --djs413-blue:#39a8e8;
  --djs413-blue-dark:#1677b7;
  --djs413-blue-soft:#eaf6ff;
  --djs413-ink:#142238;
  --djs413-line:#dce6ef;
}

/* Wallet header: Return, title, and secure badge must each keep their own column. */
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:76px!important;
  margin:0!important;
  padding:12px 18px!important;
  background:#f4f7fb!important;
  border:0!important;
  border-bottom:1px solid #e2eaf1!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>[data-back],
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>.djs-return-btn{
  position:static!important;
  grid-column:1!important;
  justify-self:start!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:108px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #d6e3ec!important;
  border-radius:17px!important;
  background:#fff!important;
  color:var(--djs413-ink)!important;
  -webkit-text-fill-color:var(--djs413-ink)!important;
  box-shadow:0 5px 14px rgba(20,56,93,.05)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>[data-back]>.ms,
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>.djs-return-btn>.ms{
  width:21px!important;
  height:21px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:21px!important;
  line-height:1!important;
  color:var(--djs413-ink)!important;
  -webkit-text-fill-color:var(--djs413-ink)!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-title{
  position:static!important;
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  transform:none!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-title small{
  margin:0!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-title span{
  margin:0!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #djs-portal #djs-screen-wallet .djs-wallet-v412-secure{
  position:static!important;
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  transform:none!important;
}

/* Strong Safari-safe radius for product artwork itself, not only its outer 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
){
  border-radius:22px!important;
  overflow:hidden!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{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  border-radius:20px!important;
  clip-path:inset(0 round 20px)!important;
}
/* Product-detail hero: reveal the rounded corners of square artwork instead of letting it touch the frame. */
html body #djs-portal #djs-game-modal .djs-ff-light-media-v4073{
  padding:12px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
html body #djs-portal #djs-game-modal .djs-ff-light-media-v4073 img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  border-radius:24px!important;
  clip-path:inset(0 round 24px)!important;
}

@media(max-width:390px){
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    column-gap:9px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>[data-back],
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-topbar>.djs-return-btn{
    min-width:101px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-title span{font-size:16px!important}
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-secure{font-size:8.5px!important;gap:4px!important}
  html body #djs-portal #djs-screen-wallet .djs-wallet-v412-secure .ms{font-size:16px!important}
}