/* DjimlyStore Digital v2.39.89 — News, Tutorials, Wallet Sheet & mobile polish */

/* Free Fire LATAM countdown — bright, readable and compact. */
html body #djs-portal .djs-ff-card-countdown,
html body #djs-portal .djs-ff-pack-countdown-v23986{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:7px!important;min-height:38px!important;max-width:100%!important;width:max-content!important;
  padding:6px 10px!important;border-radius:13px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#e7f4ff 100%)!important;
  border:1px solid #80c9ff!important;box-shadow:0 7px 18px rgba(32,143,214,.15)!important;
  color:#102536!important;-webkit-text-fill-color:#102536!important;overflow:hidden!important;
}
html body #djs-portal .djs-ff-card-countdown:before,
html body #djs-portal .djs-ff-pack-countdown-v23986:before{
  content:'-25%'!important;background:#ed2e37!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-radius:9px!important;padding:5px 8px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;
}
html body #djs-portal .djs-countdown-label{
  display:inline!important;color:#34495a!important;-webkit-text-fill-color:#34495a!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important;white-space:nowrap!important;
}
html body #djs-portal .djs-ff-card-countdown .ms,
html body #djs-portal .djs-ff-pack-countdown-v23986 .ms{color:#168bc7!important;-webkit-text-fill-color:#168bc7!important;font-size:15px!important}
html body #djs-portal .djs-ff-card-countdown b,
html body #djs-portal .djs-ff-pack-countdown-v23986 b{
  color:#071d2c!important;-webkit-text-fill-color:#071d2c!important;font-size:11px!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
@media(max-width:430px){
  html body #djs-portal .djs-ff-card-countdown,html body #djs-portal .djs-ff-pack-countdown-v23986{gap:5px!important;padding:5px 7px!important;min-height:34px!important}
  html body #djs-portal .djs-countdown-label{font-size:8px!important}
  html body #djs-portal .djs-ff-card-countdown b,html body #djs-portal .djs-ff-pack-countdown-v23986 b{font-size:10px!important}
}

/* Hamburger menu: remove horizontal drift/jitter. */
html,body{max-width:100%;overflow-x:hidden}
html body #djs-main-menu{
  overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;
  width:min(390px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;
  contain:layout paint!important;
}
html body #djs-main-menu .djs-main-menu-list{
  overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;max-width:100%!important;
}
html body #djs-main-menu .djs-main-menu-list>*{max-width:100%!important;min-width:0!important}
html body #djs-main-menu *{box-sizing:border-box}

/* Wallet transfer — modern mobile bottom sheet, CTA remains above nav/keyboard. */
html body .djs-wallet-transfer-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(8,18,30,.56)!important;z-index:100500!important}
html body .djs-wallet-transfer-dialog.djs-wallet-transfer-p3{
  width:min(560px,100%)!important;max-height:min(84dvh,var(--djs-transfer-vv-height,84dvh))!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;scroll-padding-bottom:100px!important;
  border-radius:26px 26px 0 0!important;padding:22px 18px calc(22px + env(safe-area-inset-bottom))!important;
  border:1px solid #dce8f0!important;border-bottom:0!important;box-shadow:0 -22px 60px rgba(7,31,49,.25)!important;
}
html body .djs-wallet-transfer-dialog.djs-wallet-transfer-p3:before{content:'';display:block;width:46px;height:5px;border-radius:999px;background:#ccd7df;margin:-8px auto 12px}
html body .djs-wallet-transfer-p3 .djs-wallet-transfer-submit{
  position:sticky!important;bottom:calc(env(safe-area-inset-bottom) + 8px)!important;z-index:8!important;
  min-height:58px!important;border-radius:17px!important;background:linear-gradient(135deg,#0b83c6,#1265d8)!important;color:#fff!important;
  box-shadow:0 12px 24px rgba(18,101,216,.26)!important;margin-top:12px!important;
}
html body .djs-wallet-transfer-p3 .djs-wallet-transfer-submit:disabled{background:#d8e0e7!important;color:#6c7984!important;box-shadow:none!important;opacity:1!important}
@media(min-width:700px){html body .djs-wallet-transfer-overlay{align-items:center!important;padding:18px!important}html body .djs-wallet-transfer-dialog.djs-wallet-transfer-p3{border-radius:26px!important;border-bottom:1px solid #dce8f0!important}}

/* Tutorials customer page. */
#djs-screen-tutorials{background:#eceff3!important;color:#15171a!important}
#djs-screen-tutorials .djs-scroller{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
.djs-tutorials-v23989{min-height:100%;background:#eceff3}
.djs-tutorial-hero-v23989{background:#171717;color:#fff;padding:46px 22px 42px;border-bottom:1px solid #2c2c2c}
.djs-tutorial-hero-v23989 small{display:block;color:#ff9822;font-size:12px;font-weight:950;letter-spacing:.12em;margin-bottom:10px}
.djs-tutorial-hero-v23989 h1{margin:0;font-size:36px;line-height:1;font-weight:950}
.djs-tutorial-hero-v23989 p{margin:20px 0 0;color:#b7b7b7;font-size:17px;line-height:1.55;max-width:650px}
.djs-tutorial-grid-v23989{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px 20px 40px;max-width:960px;margin:auto}
.djs-tutorial-card-v23989{border:0;background:transparent;padding:0;text-align:left;min-width:0;color:#111;cursor:pointer}
.djs-tutorial-cover-v23989{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#20242a;box-shadow:0 10px 26px rgba(23,31,42,.12)}
.djs-tutorial-cover-v23989 img{width:100%;height:100%;object-fit:cover;display:block}
.djs-tutorial-play-v23989{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#ff9418;color:#fff;box-shadow:0 8px 24px rgba(255,148,24,.42)}
.djs-tutorial-play-v23989 .ms{font-size:36px}
.djs-tutorial-coming-v23989{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(11,15,20,.8);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}
.djs-tutorial-card-v23989 h3{font-size:18px;line-height:1.25;margin:10px 2px 4px;font-weight:900}
.djs-tutorial-card-v23989 p{font-size:12px;line-height:1.45;color:#6b7178;margin:0 2px}
.djs-tutorial-empty-v23989{grid-column:1/-1;padding:34px;border-radius:18px;background:#fff;color:#737982;text-align:center}
.djs-tutorial-video-overlay-v23989{position:fixed;inset:0;z-index:100700;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:18px}
.djs-tutorial-video-overlay-v23989.is-open{display:flex}.djs-tutorial-video-shell-v23989{position:relative;width:min(900px,100%);background:#000;border-radius:20px;overflow:hidden}.djs-tutorial-video-shell-v23989 video{width:100%;max-height:82dvh;display:block;background:#000}.djs-tutorial-video-close-v23989{position:absolute;z-index:2;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:grid;place-items:center}
@media(max-width:700px){.djs-tutorial-grid-v23989{grid-template-columns:1fr;padding:26px 16px 34px}.djs-tutorial-hero-v23989{padding:38px 20px 34px}.djs-tutorial-hero-v23989 h1{font-size:34px}.djs-tutorial-hero-v23989 p{font-size:16px}.djs-tutorial-card-v23989 h3{font-size:17px}}

/* Avoid floating assistant covering cards / sheets. */
@media(max-width:700px){html body .djs-floating-assistant,html body #djs-ai-launcher,html body .djs-floating-ai{right:10px!important;bottom:calc(96px + env(safe-area-inset-bottom))!important}}

.djs-tutorial-card-v23989:disabled{opacity:1!important;cursor:default!important}