/* DjimlyStore Digital v2.39.88 — Free Fire LATAM mobile pack repair + account Actualités */

/* The LATAM promo timer must stay INSIDE the pack card.  v2.39.87 inherited a
   96px right rail on phones, while the timer itself was wider than that rail,
   so Safari clipped the price/timer/cashback at the card edge. */
@media (max-width:430px){
  html body #djs-portal #djs-screen-game .djs-game-row-v2187{
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"media copy" "media side"!important;
    align-items:start!important;
    gap:7px 10px!important;
    min-height:122px!important;
    padding:10px 11px!important;
    overflow:hidden!important;
  }
  html body #djs-portal #djs-screen-game .djs-game-row-media-v2187{grid-area:media!important;align-self:center!important}
  html body #djs-portal #djs-screen-game .djs-game-row-copy-v2187{grid-area:copy!important;min-width:0!important;padding-right:0!important}
  html body #djs-portal #djs-screen-game .djs-game-row-side-v2187{
    grid-area:side!important;
    width:100%!important;min-width:0!important;padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:7px!important;row-gap:5px!important;
    align-items:center!important;justify-items:stretch!important;
    align-self:start!important;text-align:left!important;
  }
  html body #djs-portal #djs-screen-game .djs-game-row-price-v2187{
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    font-size:16px!important;line-height:1.05!important;text-align:right!important;
  }
  html body #djs-portal #djs-screen-game .djs-game-row-price-v2187 .djs-promo-price{
    justify-items:end!important;gap:1px!important
  }
  html body #djs-portal #djs-screen-game .djs-game-row-price-v2187 .djs-promo-price s{font-size:9px!important}
  html body #djs-portal #djs-screen-game .djs-game-row-cashback-v2187{
    grid-column:1!important;grid-row:1!important;justify-self:start!important;
    margin:0!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap!important
  }
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986{
    grid-column:1!important;grid-row:2!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:27px!important;margin:0!important;padding:4px 6px!important;
    display:grid!important;grid-template-columns:auto auto auto minmax(0,1fr)!important;
    justify-content:start!important;justify-items:start!important;gap:4px!important;
    overflow:hidden!important;box-sizing:border-box!important;
    border-radius:8px!important;white-space:nowrap!important
  }
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986:before{
    padding:3px 5px!important;font-size:8px!important
  }
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986 .djs-countdown-label{
    display:inline!important;font-size:7px!important;letter-spacing:.05em!important
  }
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986 .ms{font-size:11px!important}
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986 b{
    min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:8.5px!important;letter-spacing:0!important
  }
  html body #djs-portal #djs-screen-game .djs-game-row-arrow-v2187{
    grid-column:2!important;grid-row:2!important;align-self:center!important;justify-self:end!important;
    font-size:19px!important;margin:0!important
  }
}

/* Extra narrow iPhones: keep all four timer parts legible instead of letting the
   promo ribbon force horizontal overflow. */
@media (max-width:365px){
  html body #djs-portal #djs-screen-game .djs-game-row-v2187{grid-template-columns:74px minmax(0,1fr)!important;gap:6px 8px!important;padding:9px!important}
  html body #djs-portal #djs-screen-game .djs-game-row-media-v2187{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important}
  html body #djs-portal #djs-screen-game .djs-game-row-title-v2187{font-size:13px!important}
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986 .djs-countdown-label{font-size:6.5px!important}
  html body #djs-portal #djs-screen-game .djs-ff-pack-countdown-v23986 b{font-size:7.8px!important}
}

/* New account shortcut directly below Mes offres. */
html body #djs-portal .djs-account-link-icon.is-news{
  background:linear-gradient(145deg,#eaf7ff,#eef2ff)!important;
  color:#2879d8!important;
}
html body #djs-portal .djs-account-link-icon.is-news .ms{color:#2879d8!important;-webkit-text-fill-color:#2879d8!important}