/* ==========================================================================
   DjimlyStore Digital v2.39.11 — Account recommendation tile isolation
   Games and Services both use the same square artwork + name-under layout.
   ========================================================================== */

html body #djs-portal #djs-screen-home #djs-account-game-recs,
html body #djs-portal #djs-screen-home #djs-account-service-recs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:24px!important;
  align-items:start!important;
}

html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile,
html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:visible!important;
  cursor:pointer!important;
}

html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile > .djs-account-ref-product-media,
html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile > .djs-account-ref-product-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#f4f5f7!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile > .djs-account-ref-product-media img,
html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile > .djs-account-ref-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile > .djs-account-ref-product-name,
html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile > .djs-account-ref-product-name{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  margin:9px 0 0!important;
  padding:0!important;
  color:#17191d!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body #djs-portal #djs-screen-home #djs-account-game-recs .djs-account-ref-product-badge,
html body #djs-portal #djs-screen-home #djs-account-service-recs .djs-account-ref-product-badge{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:2!important;
  padding:5px 7px!important;
  border-radius:0 7px 0 6px!important;
  background:#ff7a00!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}

@media(max-width:760px){
  html body #djs-portal #djs-screen-home #djs-account-game-recs,
  html body #djs-portal #djs-screen-home #djs-account-service-recs{
    column-gap:12px!important;
    row-gap:20px!important;
  }
  html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile > .djs-account-ref-product-name,
  html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile > .djs-account-ref-product-name{
    margin-top:8px!important;
    font-size:13px!important;
  }
}

@media(max-width:390px){
  html body #djs-portal #djs-screen-home #djs-account-game-recs,
  html body #djs-portal #djs-screen-home #djs-account-service-recs{
    column-gap:10px!important;
    row-gap:18px!important;
  }
  html body #djs-portal #djs-screen-home #djs-account-game-recs > .djs-account-game-tile > .djs-account-ref-product-name,
  html body #djs-portal #djs-screen-home #djs-account-service-recs > .djs-account-service-tile > .djs-account-ref-product-name{
    font-size:12.5px!important;
  }
}