/* DjimlyStore Digital — Frontend Styles v1.0.0 */
/* ──────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}

/* CSS VARIABLES */
:root{
  --djs-blue:#1A6ED8;
  --djs-blue-dark:#0F54B0;
  --djs-orange:#F7921E;
  --djs-orange-dark:#E07A10;
  --djs-ink:#0A0F1E;
  --djs-ink-light:#2D3748;
  --djs-mid:#64748B;
  --djs-muted:#94A3B8;
  --djs-muted-light:#CBD5E1;
  --djs-border:#E2E8F0;
  --djs-bg:#F2F4F8;
  --djs-bg2:#F5F7FB;
  --djs-bg3:#F8FAFC;
  --djs-surface:#fff;
  --djs-green:#10B981;
  --djs-green-dark:#059669;
  --djs-red:#EF4444;
  --djs-red-dark:#DC2626;
  --djs-sky:#0EA5E9;
  --djs-radius:16px;
  --djs-radius-sm:10px;
  --djs-shadow:0 2px 8px rgba(26,110,216,.05);
  --djs-shadow-lg:0 4px 24px rgba(0,0,0,.10);
}

/* DARK MODE */
[data-theme="dark"]{
  --djs-ink:#F1F5F9;
  --djs-ink-light:#CBD5E1;
  --djs-mid:#94A3B8;
  --djs-muted:#64748B;
  --djs-border:#2D3748;
  --djs-bg:#0A0F1E;
  --djs-bg2:#111827;
  --djs-bg3:#1A2035;
  --djs-surface:#1E2A3A;
}

/* PORTAL WRAPPER */
.djs-portal{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--djs-bg);
  border-radius:20px;
  border:2px solid var(--djs-border);
  overflow:hidden;
  max-width:400px;
  margin:0 auto;
  box-shadow:var(--djs-shadow-lg);
  position:relative;
  min-height:620px;
  display:flex;
  flex-direction:column;
}

/* SCREEN */
.djs-screen{display:flex;flex-direction:column;min-height:620px;background:var(--djs-bg)}

/* SCROLLER */
.djs-scroller{flex:1;overflow-y:auto;scrollbar-width:none}
.djs-scroller::-webkit-scrollbar{display:none}

/* MATERIAL SYMBOLS */
.ms{font-family:'Material Symbols Rounded';font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;line-height:1;display:inline-block;vertical-align:middle}
.ms.f{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}

/* ── TOP BAR ────────────────────────────────────────────────────────── */
.djs-topbar{
  background:rgba(255,255,255,.95);
  border-bottom:1px solid rgba(26,110,216,.1);
  padding:9px 12px;
  display:flex;align-items:center;gap:8px;
  flex-shrink:0;
  backdrop-filter:blur(8px);
}
[data-theme="dark"] .djs-topbar{background:rgba(30,42,58,.95)}

.djs-logo{font-size:13px;font-weight:900;color:var(--djs-blue)}
.djs-logo em{color:var(--djs-orange);font-style:normal}
.djs-logo-sub{color:var(--djs-muted);font-size:9px;font-weight:600}

.djs-back-bar{
  background:rgba(255,255,255,.95);
  border-bottom:1px solid #EEF1F7;
  padding:9px 12px;
  display:flex;align-items:center;gap:8px;
  flex-shrink:0;
}
[data-theme="dark"] .djs-back-bar{background:var(--djs-surface);border-color:var(--djs-border)}

.djs-back-title{font-size:12px;font-weight:800;flex:1;color:var(--djs-ink)}
.djs-icon-btn{width:28px;height:28px;border-radius:8px;background:#EEF1F7;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--djs-ink)}
[data-theme="dark"] .djs-icon-btn{background:var(--djs-bg2);color:var(--djs-ink)}
.djs-icon-btn .ms{font-size:14px}

/* ── BOTTOM NAV ─────────────────────────────────────────────────────── */
.djs-bottom-nav{
  background:rgba(255,255,255,.95);
  border-top:1px solid rgba(26,110,216,.08);
  display:flex;height:52px;flex-shrink:0;
}
[data-theme="dark"] .djs-bottom-nav{background:rgba(30,42,58,.95)}

.djs-bn-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;font-size:8px;font-weight:700;color:var(--djs-muted);cursor:pointer;
}
.djs-bn-item .ms{font-size:19px;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}
.djs-bn-item.active{color:var(--djs-blue)}
.djs-bn-item.active .ms{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}

/* ── CONTENT WRAP ───────────────────────────────────────────────────── */
.djs-content-wrap{padding:10px;display:flex;flex-direction:column;gap:9px}

/* ── CARD ───────────────────────────────────────────────────────────── */
.djs-card{
  background:var(--djs-surface);
  border-radius:var(--djs-radius);
  border:1px solid var(--djs-border);
  padding:12px;
  box-shadow:var(--djs-shadow);
}
.djs-card-title{font-size:11px;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:5px;color:var(--djs-ink)}
.djs-card-title .ms{font-size:13px;color:var(--djs-orange)}
.djs-card-ai{background:linear-gradient(135deg,rgba(26,110,216,.04),rgba(247,146,30,.04));border-color:rgba(26,110,216,.2)}

/* ── AUTH ───────────────────────────────────────────────────────────── */
.djs-auth-hero{
  background:linear-gradient(135deg,#1A6ED8,#F7921E);
  padding:28px 16px 30px;text-align:center;color:#fff;flex-shrink:0;
}
.djs-auth-gem{font-size:28px;margin-bottom:7px}
.djs-auth-title{font-size:17px;font-weight:900;margin-bottom:3px}
.djs-auth-sub{font-size:10px;opacity:.85}

/* ── TABS ───────────────────────────────────────────────────────────── */
.djs-tabs{display:flex;background:#EEF1F7;border-radius:12px;padding:3px;gap:3px;margin-bottom:10px}
[data-theme="dark"] .djs-tabs{background:var(--djs-bg2)}
.djs-tab{flex:1;padding:7px;border-radius:9px;text-align:center;font-size:10px;font-weight:700;color:var(--djs-mid);cursor:pointer}
.djs-tab.active{background:var(--djs-surface);color:var(--djs-blue);box-shadow:0 1px 4px rgba(0,0,0,.08)}

.djs-tab-panel{display:none}
.djs-tab-panel.active{display:block}

/* ── FORMS ──────────────────────────────────────────────────────────── */
.djs-field{margin-bottom:8px}
.djs-field label{display:block;font-size:8px;font-weight:700;color:var(--djs-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.djs-field input{
  width:100%;border:1.5px solid var(--djs-border);border-radius:9px;padding:8px 10px;
  font-size:11px;font-family:inherit;background:var(--djs-bg3);color:var(--djs-ink);
  outline:none;transition:border-color .15s;
}
.djs-field input:focus{border-color:var(--djs-blue);background:var(--djs-surface)}
.djs-remember-row{display:flex;justify-content:space-between;font-size:9px;margin-top:4px;color:var(--djs-mid)}
.djs-field-label-sm{font-size:8px;font-weight:700;color:var(--djs-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;display:flex;align-items:center;gap:3px}
.djs-field-label-sm .ms{font-size:11px;color:var(--djs-blue)}

.djs-readonly-field{border:1.5px solid var(--djs-border);border-radius:9px;padding:8px 10px;font-size:11px;background:var(--djs-bg3);color:var(--djs-ink);display:flex;align-items:center;gap:5px}
.djs-readonly-active{border-color:var(--djs-blue);background:var(--djs-surface)}
.djs-readonly-field .ms{font-size:13px;color:var(--djs-blue)}

.djs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.djs-player-input-wrap{border:1.5px solid var(--djs-blue);border-radius:10px;padding:9px 11px;font-size:11px;color:var(--djs-muted);background:var(--djs-bg2);display:flex;align-items:center;gap:6px}
.djs-player-input-wrap .ms{font-size:14px;color:var(--djs-blue)}
.djs-player-input-wrap input{border:none;background:transparent;font-size:11px;font-family:inherit;outline:none;flex:1;color:var(--djs-ink)}

/* ── BUTTONS ────────────────────────────────────────────────────────── */
.djs-btn-primary{
  background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));
  color:#fff;border:none;border-radius:12px;padding:11px;font-size:11px;font-weight:800;
  cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;
  transition:opacity .15s;
}
.djs-btn-primary .ms{font-size:13px}
.djs-btn-primary:hover{opacity:.9}
.djs-btn-primary:disabled{opacity:.5;cursor:not-allowed}
.djs-btn-full{width:100%}

.djs-btn-orange{
  background:linear-gradient(135deg,var(--djs-orange),var(--djs-orange-dark));
  color:#fff;border:none;border-radius:12px;padding:11px;font-size:11px;font-weight:800;
  cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;
}
.djs-btn-danger{
  background:var(--djs-red);color:#fff;border:none;border-radius:10px;padding:10px;
  font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;justify-content:center;gap:5px;
}
.djs-btn-small{
  background:var(--djs-blue);color:#fff;border:none;border-radius:9px;padding:8px 12px;
  font-size:9px;font-weight:800;cursor:pointer;font-family:inherit;flex-shrink:0;
}
.djs-link{color:var(--djs-blue);font-weight:700;text-decoration:none}

/* ── ALERTS ─────────────────────────────────────────────────────────── */
.djs-alert{border-radius:10px;padding:8px 11px;font-size:10px;margin-bottom:8px}
.djs-alert-error{background:#FEF2F2;color:#991B1B;border:1px solid rgba(239,68,68,.2)}
.djs-alert-success{background:#F0FDF4;color:#166534;border:1px solid rgba(16,185,129,.2)}

/* ── PROFILE CARD ───────────────────────────────────────────────────── */
.djs-profile-card{
  background:linear-gradient(135deg,#1A6ED8,#0F54B0);
  border-radius:var(--djs-radius);padding:14px;color:#fff;position:relative;overflow:hidden;
}
.djs-profile-card::after{content:'';position:absolute;right:-12px;bottom:-12px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.06)}
.djs-avatar{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;margin-bottom:7px}
.djs-profile-name{font-size:13px;font-weight:800;margin-bottom:1px}
.djs-profile-email{font-size:9px;opacity:.72;margin-bottom:7px}
.djs-vip-badge{display:inline-flex;align-items:center;gap:3px;background:rgba(255,255,255,.18);padding:3px 9px;border-radius:99px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.25);margin-bottom:7px}
.djs-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.djs-stat{background:rgba(255,255,255,.1);border-radius:8px;padding:6px 4px;text-align:center}
.djs-stat b{display:block;font-size:14px;font-weight:900}
.djs-stat span{font-size:8px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}

/* ── NAV SLIDER ─────────────────────────────────────────────────────── */
.djs-nav-slider{background:var(--djs-surface);border-bottom:1px solid #EEF1F7}
.djs-nav-row{display:flex;overflow-x:auto;gap:6px;padding:8px 10px;scrollbar-width:none}
.djs-nav-row::-webkit-scrollbar{display:none}
.djs-nav-item{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:7px 8px;border-radius:11px;background:var(--djs-bg2);font-size:9px;font-weight:700;
  text-align:center;min-width:48px;border:1.5px solid transparent;color:var(--djs-mid);cursor:pointer;
}
.djs-nav-item .ms{font-size:19px;color:var(--djs-blue);display:block;line-height:1.1}
.djs-nav-item.active{border-color:var(--djs-blue);background:rgba(26,110,216,.07);color:var(--djs-blue)}
.djs-nav-item.active .ms{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}

/* ── ACTION BANNER ──────────────────────────────────────────────────── */
.djs-action-banner{
  background:linear-gradient(135deg,#FEF2F2,#FFF5F5);
  border-radius:14px;border:1.5px solid rgba(239,68,68,.2);
  padding:10px 12px;display:flex;align-items:center;gap:9px;
}
.djs-action-icon{width:34px;height:34px;border-radius:50%;background:rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.djs-action-icon .ms{font-size:18px;color:var(--djs-red)}
.djs-action-title{font-size:11px;font-weight:800;color:#7F1D1D;margin-bottom:1px}
.djs-action-sub{font-size:9px;color:#B91C1C}
.djs-action-pay{background:var(--djs-red);color:#fff;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:800;flex-shrink:0;cursor:pointer;border:none}

/* ── SECTION TITLE ──────────────────────────────────────────────────── */
.djs-section-title{font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;color:var(--djs-ink)}
.djs-see-all{font-size:9px;font-weight:700;color:var(--djs-blue);display:flex;align-items:center;gap:1px;margin-left:auto;cursor:pointer}

/* ── ORDER CARD ─────────────────────────────────────────────────────── */
.djs-order-card{background:var(--djs-surface);border-radius:var(--djs-radius);border:1px solid var(--djs-border);overflow:hidden;box-shadow:var(--djs-shadow);margin-bottom:8px}
.djs-oband{height:5px}
.djs-oband.done{background:linear-gradient(90deg,#10B981,#059669)}
.djs-oband.proc,.djs-oband.processing{background:linear-gradient(90deg,#F7921E,#E07A10)}
.djs-oband.ship{background:linear-gradient(90deg,#0EA5E9,#0284C7)}
.djs-oband.fail,.djs-oband.action_required{background:linear-gradient(90deg,#EF4444,#DC2626)}
.djs-oband.pending{background:linear-gradient(90deg,#94A3B8,#64748B)}

.djs-omain{padding:12px;display:flex;align-items:center;gap:10px}
.djs-othumb{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.djs-oinfo{flex:1;min-width:0}
.djs-oname{font-size:11px;font-weight:800;color:var(--djs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}
.djs-ometa{font-size:9px;color:var(--djs-muted);margin-bottom:4px}
.djs-orow{display:flex;align-items:center;gap:6px}
.djs-oprice{font-size:12px;font-weight:900;color:var(--djs-blue)}

.djs-obadge{font-size:8px;font-weight:800;padding:2px 7px;border-radius:99px;display:inline-flex;align-items:center;gap:2px}
.djs-obadge .ms{font-size:9px}
.djs-obadge.done{background:rgba(16,185,129,.1);color:#10B981}
.djs-obadge.proc,.djs-obadge.processing{background:rgba(247,146,30,.1);color:#F7921E}
.djs-obadge.ship{background:rgba(14,165,233,.1);color:#0EA5E9}
.djs-obadge.fail,.djs-obadge.action_required{background:rgba(239,68,68,.1);color:#EF4444}
.djs-obadge.pending{background:rgba(148,163,184,.1);color:#64748B}

/* Mini timeline */
.djs-mtl{display:flex;align-items:center;padding:0 12px 9px}
.djs-td{width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #EEF1F7;background:var(--djs-surface)}
.djs-td.done{background:#10B981;border-color:#10B981}
.djs-td.active{background:var(--djs-blue);border-color:var(--djs-blue);box-shadow:0 0 0 3px rgba(26,110,216,.15)}
.djs-td.warn{background:#FEF2F2;border-color:#EF4444}
.djs-td .ms{font-size:10px;color:#fff}
.djs-td.warn .ms{color:#EF4444}
.djs-td.empty .ms{color:#CBD5E1}
.djs-tline{flex:1;height:2px;background:#EEF1F7}
.djs-tline.done{background:#10B981}
.djs-tlabels{display:flex;justify-content:space-between;padding:0 12px 9px}
.djs-tlbl{font-size:7.5px;font-weight:700;color:#CBD5E1;text-align:center;flex:1}
.djs-tlbl.done{color:#10B981}
.djs-tlbl.active{color:var(--djs-blue)}
.djs-tlbl.warn{color:#EF4444}

/* Order footer */
.djs-ofooter{padding:8px 12px 10px;display:flex;gap:6px;border-top:1px solid #F5F7FB}
.djs-obtn{flex:1;padding:8px;border-radius:10px;font-size:9px;font-weight:800;cursor:pointer;font-family:inherit;border:none;display:flex;align-items:center;justify-content:center;gap:4px}
.djs-obtn .ms{font-size:11px}
.djs-obtn.pr{background:linear-gradient(135deg,#1A6ED8,#0F54B0);color:#fff}
.djs-obtn.or{background:#FFF7ED;color:#F7921E;border:1.5px solid rgba(247,146,30,.2)}
.djs-obtn.gh{background:#F5F7FB;color:#64748B;border:1.5px solid var(--djs-border)}
.djs-obtn.red{background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;border:none}

/* Order context banner */
.djs-order-ctx{margin:0 12px 9px;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:7px;border:1px solid}
.djs-order-ctx.ship-ctx{background:rgba(14,165,233,.06);border-color:rgba(14,165,233,.15);color:#0C4A6E}
.djs-order-ctx.fail-ctx{background:#FEF2F2;border-color:rgba(239,68,68,.15);color:#7F1D1D}
.djs-order-ctx .ms{font-size:14px;flex-shrink:0}
.djs-order-ctx-text{font-size:9px;font-weight:600;flex:1}
.djs-ctx-pay{background:var(--djs-red);color:#fff;border-radius:7px;padding:5px 9px;font-size:8px;font-weight:800;border:none;cursor:pointer}

/* ── FILTER PILLS ───────────────────────────────────────────────────── */
.djs-filter-pills{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.djs-filter-pills::-webkit-scrollbar{display:none}
.djs-pill{border-radius:99px;padding:5px 11px;border:1.5px solid var(--djs-border);background:var(--djs-bg2);font-size:9px;font-weight:800;color:var(--djs-ink-light);cursor:pointer;font-family:inherit;white-space:nowrap}
.djs-pill.active{background:var(--djs-blue);border-color:var(--djs-blue);color:#fff}

/* ── STORE ──────────────────────────────────────────────────────────── */
.djs-store-hero{
  background:linear-gradient(135deg,#060D1E,#0F1A42);
  padding:16px 12px 14px;position:relative;overflow:hidden;flex-shrink:0;
}
.djs-halo{position:absolute;border-radius:50%;filter:blur(28px)}
.djs-halo-blue{top:-20px;left:-20px;width:100px;height:100px;background:rgba(26,110,216,.25)}
.djs-halo-orange{bottom:-15px;right:-15px;width:80px;height:80px;background:rgba(247,146,30,.2);filter:blur(22px)}
.djs-store-hero-inner{position:relative;z-index:1}
.djs-store-hero .djs-logo{color:#fff}
.djs-store-hero .djs-logo em{color:var(--djs-orange)}
.djs-store-hero-sub{font-size:9px;color:rgba(255,255,255,.5);margin-bottom:12px}
.djs-store-hero-badges{display:flex;gap:5px;flex-wrap:wrap}
.djs-hero-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:4px 10px;font-size:9px;font-weight:700;color:rgba(255,255,255,.75);display:inline-flex;align-items:center;gap:3px}
.djs-hero-badge .ms{font-size:11px;color:var(--djs-blue)}
.djs-hero-badge:last-child .ms{color:var(--djs-orange)}

.djs-cat-row{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:8px 10px 6px}
.djs-cat-row::-webkit-scrollbar{display:none}
.djs-cpill{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:5px 11px;border-radius:99px;background:var(--djs-surface);border:1.5px solid var(--djs-border);color:var(--djs-mid);font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}
.djs-cpill .ms{font-size:14px;color:var(--djs-blue)}
.djs-cpill.active{background:var(--djs-blue);border-color:var(--djs-blue);color:#fff}
.djs-cpill.active .ms{color:#fff}

.djs-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 10px}
.djs-prod-card{background:var(--djs-surface);border-radius:14px;border:1px solid var(--djs-border);overflow:hidden;box-shadow:var(--djs-shadow)}
.djs-prod-thumb{height:68px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:26px}
.djs-prod-thumb .ms{font-size:32px;color:rgba(255,255,255,.25);position:absolute}
.djs-prod-body{padding:7px 8px 9px}
.djs-prod-name{font-size:10px;font-weight:800;color:var(--djs-ink);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.djs-prod-price{font-size:12px;font-weight:900;color:var(--djs-blue);margin-bottom:5px}
.djs-addbt{width:100%;background:linear-gradient(135deg,#1A6ED8,#0F54B0);color:#fff;border:none;border-radius:8px;padding:6px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.djs-addbt.game-btn{background:linear-gradient(135deg,#F7921E,#E07A10)}
.djs-addbt .ms{font-size:11px}

/* ── PRODUCT HERO ───────────────────────────────────────────────────── */
.djs-product-hero{position:relative;overflow:hidden}
.djs-product-hero-img{width:100%;height:130px;display:flex;align-items:center;justify-content:center}
.djs-product-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 55%)}
.djs-product-hero-info{position:absolute;bottom:0;left:0;right:0;padding:10px 12px}
.djs-delivery-badge{display:inline-flex;align-items:center;gap:3px;background:rgba(247,146,30,.85);color:#fff;border-radius:99px;padding:2px 8px;font-size:8px;font-weight:800;margin-bottom:4px}
.djs-delivery-badge .ms{font-size:10px}
.djs-product-hero-title{font-size:16px;font-weight:900;color:#fff}
.djs-product-hero-sub{font-size:9px;color:rgba(255,255,255,.65)}
.djs-pill-cart{background:linear-gradient(135deg,#1A6ED8,#F7921E);color:#fff;border:none;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:3px}
.djs-pill-cart .ms{font-size:12px}

/* ── PLAN SLIDER ────────────────────────────────────────────────────── */
.djs-slide-hint{font-size:11px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:5px;color:var(--djs-ink)}
.djs-slide-hint .ms{font-size:13px;color:var(--djs-orange)}
.djs-plan-slider{display:flex;overflow-x:auto;gap:10px;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.djs-plan-slider::-webkit-scrollbar{display:none}
.djs-plan-card{flex:0 0 195px;scroll-snap-align:start;background:var(--djs-surface);border-radius:var(--djs-radius);border:1.5px solid var(--djs-border);padding:13px;display:flex;flex-direction:column;position:relative}
.djs-plan-card.djs-plan-popular{border-color:var(--djs-blue);background:#EFF6FF}
[data-theme="dark"] .djs-plan-card.djs-plan-popular{background:rgba(26,110,216,.1)}
.djs-plan-ribbon{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1A6ED8,#F7921E);color:#fff;font-size:8px;font-weight:800;padding:2px 10px;border-radius:0 0 8px 8px;white-space:nowrap}
.djs-plan-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.djs-plan-name{font-size:16px;font-weight:900;margin-bottom:2px;color:var(--djs-ink)}
.djs-plan-price{font-size:21px;font-weight:900;color:var(--djs-ink);line-height:1;margin-bottom:2px}
.djs-plan-currency{font-size:12px;color:var(--djs-muted);font-weight:600}
.djs-plan-period{font-size:9px;color:var(--djs-muted);margin-bottom:10px}
.djs-pdiv{height:1px;background:#EEF1F7;margin-bottom:9px}
.djs-plan-feats{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;flex:1;list-style:none}
.djs-plan-feats li{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--djs-ink)}
.djs-plan-feats .ms{font-size:12px}
.djs-plan-feats .ms.ok,.djs-plan-feats li.ok .ms{color:#10B981;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}
.djs-plan-feats .ms.no,.djs-plan-feats li.no .ms{color:#CBD5E1}

.djs-pbtn{width:100%;padding:9px;border-radius:10px;border:none;font-size:10px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:auto}
.djs-pbtn-primary{background:linear-gradient(135deg,#1A6ED8,#0F54B0);color:#fff}
.djs-pbtn-ghost{background:#F5F7FB;color:var(--djs-blue);border:1.5px solid rgba(26,110,216,.2)}
.djs-pbtn-orange{background:linear-gradient(135deg,#F7921E,#E07A10);color:#fff}

.djs-slider-dots{display:flex;justify-content:center;gap:4px;margin-top:-4px}
.djs-dot{width:5px;height:5px;border-radius:99px;background:#CBD5E1}
.djs-dot.active{width:18px;background:var(--djs-blue)}

/* ── GAME SCREEN ─────────────────────────────────────────────────────── */
.djs-region-pills{display:flex;gap:5px;flex-wrap:wrap}
.djs-region-pill{padding:5px 11px;border-radius:99px;background:var(--djs-bg2);border:1.5px solid var(--djs-border);font-size:9px;font-weight:700;color:var(--djs-mid);cursor:pointer;font-family:inherit}
.djs-region-pill.active{background:var(--djs-blue);border-color:var(--djs-blue);color:#fff}

.djs-game-packs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.djs-game-pack{background:var(--djs-surface);border-radius:12px;border:1.5px solid var(--djs-border);padding:9px;cursor:pointer}
.djs-game-pack.selected{background:#EFF6FF;border-color:var(--djs-blue) !important;border-width:2px}
.djs-pack-name{font-size:10px;font-weight:800;color:var(--djs-ink);margin-bottom:3px}
.djs-pack-avail{font-size:8px;font-weight:700;color:#10B981;margin-bottom:3px;display:flex;align-items:center;gap:2px}
.djs-pack-avail .ms{font-size:10px}
.djs-pack-price{font-size:12px;font-weight:900;color:var(--djs-blue)}

/* ── CART ───────────────────────────────────────────────────────────── */
.djs-cart-item{background:var(--djs-surface);border-radius:14px;border:1px solid var(--djs-border);padding:10px;display:flex;gap:10px;align-items:flex-start;box-shadow:0 2px 6px rgba(26,110,216,.05)}
.djs-ci-thumb{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.djs-ci-body{flex:1;min-width:0}
.djs-ci-name{font-size:11px;font-weight:800;color:var(--djs-ink);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.djs-ci-meta{font-size:9px;color:var(--djs-muted);margin-bottom:4px}
.djs-ci-tag{display:inline-flex;align-items:center;gap:3px;background:rgba(26,110,216,.07);color:var(--djs-blue);border-radius:99px;padding:2px 7px;font-size:8px;font-weight:700;margin-bottom:4px}
.djs-ci-tag .ms{font-size:10px}
.djs-ci-row{display:flex;align-items:center;justify-content:space-between}
.djs-ci-price{font-size:13px;font-weight:900;color:var(--djs-blue)}
.djs-ci-del{width:26px;height:26px;border-radius:7px;background:rgba(239,68,68,.07);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}
.djs-ci-del .ms{font-size:13px;color:#EF4444}

.djs-promo-row{display:flex;gap:7px;align-items:center}
.djs-promo-row .ms{font-size:16px;color:var(--djs-muted);flex-shrink:0}
.djs-promo-row input{flex:1;border:1.5px solid var(--djs-border);border-radius:9px;padding:8px 11px;font-size:11px;font-family:inherit;background:var(--djs-bg3);color:var(--djs-ink);outline:none;min-width:0}

.djs-summary-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #F1F5F9;font-size:11px;color:var(--djs-mid)}
.djs-summary-row b{color:var(--djs-ink-light)}
.djs-summary-row .green{color:#10B981;font-weight:700}
.djs-summary-total{display:flex;justify-content:space-between;padding:8px 0 2px;font-size:13px;font-weight:900;color:var(--djs-ink)}
.djs-summary-total-price{color:var(--djs-blue)}

.djs-pm-option{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1.5px solid var(--djs-border);background:var(--djs-bg2);margin-bottom:6px;cursor:pointer}
.djs-pm-option.selected{border-color:var(--djs-blue);background:rgba(26,110,216,.05)}
.djs-pm-radio{width:16px;height:16px;border-radius:50%;border:2px solid #CBD5E1;flex-shrink:0}
.djs-pm-option.selected .djs-pm-radio{border-color:var(--djs-blue);background:var(--djs-blue);position:relative}
.djs-pm-option.selected .djs-pm-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.djs-pm-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.djs-pm-name{font-size:11px;font-weight:800;color:var(--djs-ink)}
.djs-pm-sub{font-size:9px;color:var(--djs-muted);margin-top:1px}

.djs-secure-note{text-align:center;font-size:9px;color:var(--djs-muted);display:flex;align-items:center;justify-content:center;gap:3px;margin-top:4px}
.djs-secure-note .ms{font-size:11px;color:#10B981}

/* ── CHECKOUT ───────────────────────────────────────────────────────── */
.djs-steps{display:flex;align-items:center;padding:10px 12px;background:var(--djs-surface);border-bottom:1px solid #EEF1F7}
.djs-step{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;position:relative;z-index:1}
.djs-step::after{content:'';position:absolute;top:11px;left:50%;width:100%;height:2px;background:#EEF1F7;z-index:0}
.djs-step:last-child::after{display:none}
.djs-scircle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;position:relative;z-index:1;border:2px solid var(--djs-border);background:var(--djs-surface);color:var(--djs-muted)}
.djs-scircle.done{background:#10B981;border-color:#10B981;color:#fff}
.djs-scircle.active{background:var(--djs-blue);border-color:var(--djs-blue);color:#fff}
.djs-slbl{font-size:8px;font-weight:700;color:var(--djs-muted)}
.djs-slbl.active{color:var(--djs-blue)}
.djs-slbl.done{color:#10B981}

.djs-moncash-info{background:#FFF7ED;border-radius:9px;padding:9px 10px;border:1px solid rgba(247,146,30,.2);display:flex;flex-direction:column;gap:4px;font-size:10px;color:#92400E;margin-top:8px}
.djs-moncash-info .ms{font-size:12px;color:var(--djs-orange)}

.djs-terms-row{display:flex;align-items:flex-start;gap:7px;padding:2px 0;font-size:9px;color:var(--djs-mid);line-height:1.5}
.djs-terms-row input[type=checkbox]{margin-top:2px;accent-color:var(--djs-blue)}

/* ── CHAT ───────────────────────────────────────────────────────────── */
.djs-chat-screen{background:var(--djs-bg3)}
.djs-chat-header{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(26,110,216,.1);padding:9px 12px;display:flex;align-items:center;gap:9px;flex-shrink:0}
.djs-chat-header-info{flex:1;min-width:0}
.djs-chat-title{font-size:11px;font-weight:800;color:var(--djs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.djs-chat-status{font-size:9px;color:var(--djs-muted);display:flex;align-items:center;gap:3px}
.djs-dot-green{width:5px;height:5px;border-radius:50%;background:#10B981;display:inline-block}

.djs-chat-bg{background:#F8FAFC;padding:10px;display:flex;flex-direction:column;gap:7px;flex:1;overflow-y:auto;scrollbar-width:none}
.djs-chat-bg::-webkit-scrollbar{display:none}
.djs-chat-welcome{display:flex;align-items:flex-end;gap:6px}

.djs-msg-mine{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.djs-msg-theirs{display:flex;align-items:flex-end;gap:6px}
.djs-bubble-mine{background:linear-gradient(135deg,#1A6ED8,#0F54B0);color:#fff;padding:8px 11px;border-radius:14px 14px 4px 14px;font-size:11px;line-height:1.5;max-width:80%}
.djs-bubble-theirs{background:var(--djs-surface);color:var(--djs-ink);border:1px solid var(--djs-border);padding:8px 11px;border-radius:14px 14px 14px 4px;font-size:11px;line-height:1.5;max-width:80%;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.djs-bubble-ai{background:linear-gradient(135deg,rgba(26,110,216,.07),rgba(247,146,30,.05));color:var(--djs-ink);border:1px solid rgba(26,110,216,.15);padding:8px 11px;border-radius:14px 14px 14px 4px;font-size:11px;line-height:1.5;max-width:84%}

.djs-av-staff{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--djs-border);background:var(--djs-surface);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--djs-blue)}
.djs-av-ai{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#1A6ED8,#F7921E);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#fff;flex-shrink:0}

.djs-msg-time{font-size:8px;color:#CBD5E1;padding:0 3px}
.djs-msg-sender{font-size:8px;font-weight:700;color:var(--djs-muted);display:flex;align-items:center;gap:3px}
.djs-msg-sender .ms{font-size:10px;color:#10B981}

.djs-chat-input-wrap{background:var(--djs-surface);border-top:1px solid #EEF1F7;padding:8px 10px;display:flex;align-items:center;gap:7px;flex-shrink:0}
.djs-chat-input{flex:1;border:1.5px solid var(--djs-border);border-radius:99px;padding:8px 12px;font-size:11px;font-family:inherit;background:var(--djs-bg3);outline:none;color:var(--djs-ink);min-width:0}
.djs-chat-send{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1A6ED8,#F7921E);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.djs-chat-send .ms{font-size:16px;color:#fff}

/* ── CREDIT HERO ────────────────────────────────────────────────────── */
.djs-credit-hero{background:linear-gradient(135deg,#0A0F1E,#1A2035);border-radius:var(--djs-radius);padding:16px;color:#fff;position:relative;overflow:hidden}
.djs-credit-hero::before{content:'';position:absolute;top:-15px;right:-15px;width:80px;height:80px;border-radius:50%;background:rgba(26,110,216,.2)}
.djs-credit-label{font-size:9px;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.djs-credit-amount{font-size:28px;font-weight:900;margin-bottom:2px}
.djs-credit-curr{font-size:14px;opacity:.65;font-weight:600}
.djs-credit-sub{font-size:9px;opacity:.55;margin-bottom:12px}
.djs-cr-bar{background:rgba(255,255,255,.1);border-radius:99px;height:5px;overflow:hidden;margin-bottom:4px}
.djs-cr-fill{height:100%;background:linear-gradient(90deg,#1A6ED8,#F7921E);border-radius:99px;transition:width .5s ease}
.djs-cr-meta{display:flex;justify-content:space-between;font-size:9px;opacity:.65}

.djs-gc-btn{width:100%;background:linear-gradient(135deg,#1A6ED8,#F7921E);color:#fff;border:none;border-radius:12px;padding:11px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px}

.djs-credit-ways{display:flex;flex-direction:column;gap:6px}
.djs-credit-way{display:flex;align-items:center;gap:8px;padding:8px;background:var(--djs-bg2);border-radius:9px}
.djs-cw-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.djs-cw-icon .ms{font-size:14px}
.djs-cw-title{font-size:11px;font-weight:700;color:var(--djs-ink)}
.djs-cw-sub{font-size:9px;color:var(--djs-muted)}

/* ── GIFT CARD ──────────────────────────────────────────────────────── */
.djs-card-gift{background:linear-gradient(135deg,rgba(26,110,216,.04),rgba(247,146,30,.04));border-color:rgba(26,110,216,.2)}
.djs-gift-desc{font-size:10px;color:var(--djs-muted);margin-bottom:10px;line-height:1.5}
.djs-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}
.djs-amount-btn{padding:8px 4px;border-radius:9px;border:1.5px solid var(--djs-border);background:var(--djs-bg2);font-size:9px;font-weight:800;color:var(--djs-ink-light);cursor:pointer;font-family:inherit;text-align:center}
.djs-amount-btn.active{background:var(--djs-blue);border-color:var(--djs-blue);color:#fff}
.djs-gc-input{width:100%;border:2px solid var(--djs-blue);border-radius:11px;padding:10px;font-size:16px;font-weight:800;text-align:center;color:var(--djs-blue);background:var(--djs-bg2);outline:none;font-family:inherit;margin-bottom:7px}

.djs-how-steps{display:flex;flex-direction:column}
.djs-how-step{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #F1F5F9;font-size:10px;color:var(--djs-ink)}
.djs-how-step:last-child{border-bottom:none}
.djs-how-step .ms{font-size:16px;flex-shrink:0}

/* ── ANTI-DOUBLE ────────────────────────────────────────────────────── */
.djs-check-row{display:flex;align-items:center;gap:7px;padding:7px;border-radius:9px;font-size:10px;margin-bottom:5px;background:var(--djs-bg2)}
.djs-check-row.ok{background:var(--djs-bg2)}
.djs-check-row.ok .ms{color:#10B981;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}
.djs-check-row.checking{background:#FFF7ED;border:1px solid rgba(247,146,30,.2);color:#92400E}
.djs-check-row.fail{background:#FEF2F2;color:#7F1D1D}
.djs-check-row.fail .ms{color:#EF4444}

.djs-blocked{background:#FEF2F2;border-radius:14px;border:2px solid rgba(239,68,68,.25);padding:12px;margin-top:8px}
.djs-blocked-title{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.djs-blocked-msg{font-size:10px;color:#991B1B;line-height:1.6;margin-bottom:10px;background:rgba(239,68,68,.07);border-radius:8px;padding:9px}
.djs-blocked-reasons{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;list-style:none}
.djs-blocked-reasons li{display:flex;align-items:center;gap:5px;font-size:10px;color:#7F1D1D}
.djs-blocked-reasons li::before{content:'✗';color:#EF4444;font-weight:800}

/* ── BADGES ─────────────────────────────────────────────────────────── */
.djs-badge{font-size:8px;font-weight:800;padding:2px 6px;border-radius:99px;margin-left:auto;flex-shrink:0}
.djs-badge-green{background:rgba(16,185,129,.1);color:#10B981}
.djs-badge-blue{background:rgba(26,110,216,.1);color:#1A6ED8}
.djs-badge-pill{font-size:8px;font-weight:800;background:rgba(26,110,216,.1);color:var(--djs-blue);padding:3px 8px;border-radius:99px}
.djs-badge-pill.djs-badge-green{background:rgba(16,185,129,.1);color:#10B981}

/* ── WALLET TRANSACTION ─────────────────────────────────────────────── */
.djs-tx-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #F1F5F9;font-size:10px}
.djs-tx-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.djs-tx-icon.credit{background:rgba(16,185,129,.1)}
.djs-tx-icon.credit .ms{color:#10B981}
.djs-tx-icon.debit{background:rgba(239,68,68,.1)}
.djs-tx-icon.debit .ms{color:#EF4444}
.djs-tx-desc{flex:1}
.djs-tx-amount.credit{color:#10B981;font-weight:700}
.djs-tx-amount.debit{color:#EF4444;font-weight:700}

/* ── TOAST ──────────────────────────────────────────────────────────── */
.djs-toast{
  position:fixed;bottom:80px;left:50%;transform:translateX(-50%);
  background:#0A0F1E;color:#fff;padding:10px 18px;border-radius:99px;
  font-size:12px;font-weight:700;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.3);
  white-space:nowrap;max-width:90%;
}
.djs-toast.success{background:#10B981}
.djs-toast.error{background:#EF4444}

/* ── MISC ───────────────────────────────────────────────────────────── */
.djs-center-text{font-size:10px;color:var(--djs-muted);text-align:center}
.djs-spin{animation:djs-spin .8s linear infinite}
@keyframes djs-spin{to{transform:rotate(360deg)}}
.djs-loading{opacity:.5;pointer-events:none}
.djs-empty{text-align:center;padding:24px 0;color:var(--djs-muted);font-size:12px}
.djs-empty .ms{font-size:32px;display:block;margin-bottom:6px}

/* ────────────────────────────────────────────────
   Full-screen app override + SPA fixes v1.0.1
   This section intentionally wins over WordPress theme headers/footers.
──────────────────────────────────────────────── */
body.djs-fullscreen-active{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--djs-bg)!important;
}
body.djs-fullscreen-active header,
body.djs-fullscreen-active footer,
body.djs-fullscreen-active #masthead,
body.djs-fullscreen-active #colophon,
body.djs-fullscreen-active .site-header,
body.djs-fullscreen-active .site-footer,
body.djs-fullscreen-active .wp-site-blocks > header,
body.djs-fullscreen-active .wp-site-blocks > footer,
body.djs-fullscreen-active .elementor-location-header,
body.djs-fullscreen-active .elementor-location-footer,
body.djs-fullscreen-active .main-navigation,
body.djs-fullscreen-active .footer-widgets{
  display:none!important;
}
body.djs-fullscreen-active .entry-content,
body.djs-fullscreen-active .wp-block-post-content,
body.djs-fullscreen-active .site,
body.djs-fullscreen-active .site-content,
body.djs-fullscreen-active .content-area,
body.djs-fullscreen-active main,
body.djs-fullscreen-active article,
body.djs-fullscreen-active .wp-site-blocks{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
  min-height:0!important;
}
body.djs-fullscreen-active #wpadminbar{z-index:1000001!important}
body.djs-fullscreen-active.admin-bar .djs-portal{top:32px!important;height:calc(100dvh - 32px)!important}
@media(max-width:782px){body.djs-fullscreen-active.admin-bar .djs-portal{top:46px!important;height:calc(100dvh - 46px)!important}}

.djs-portal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  z-index:999999!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.djs-screen{
  display:none;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.djs-screen--active{display:flex!important}
.djs-scroller{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.djs-bottom-nav{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(18px);box-shadow:0 -12px 28px rgba(15,23,42,.08)}
.djs-bn-item{font-size:10px;gap:4px}.djs-bn-item .ms{font-size:23px}
.djs-topbar,.djs-back-bar,.djs-chat-header{padding-top:max(12px,env(safe-area-inset-top));box-shadow:0 10px 28px rgba(15,23,42,.06);z-index:5}
.djs-content-wrap{width:100%;max-width:1180px;margin:0 auto;padding:clamp(12px,2.4vw,28px);gap:clamp(12px,1.8vw,22px)}
.djs-auth-hero{padding-top:calc(38px + env(safe-area-inset-top))}
.djs-auth-title{font-size:clamp(22px,4vw,42px)}
.djs-auth-sub{font-size:clamp(12px,1.7vw,16px)}
.djs-card,.djs-profile-card{border-radius:24px;box-shadow:0 18px 60px rgba(15,23,42,.08);backdrop-filter:blur(14px)}
.djs-field label,.djs-field-label-sm{font-size:12px}.djs-field input,.djs-readonly-field{font-size:15px;padding:14px 16px;border-radius:16px}
.djs-btn-primary,.djs-btn-orange,.djs-btn-danger,.djs-gc-btn,.djs-pbtn{min-height:50px;border-radius:17px;font-size:15px;box-shadow:0 14px 34px rgba(26,110,216,.22)}
.djs-btn-small{min-height:38px;border-radius:13px;font-size:13px;padding:10px 14px}.djs-icon-btn{width:42px;height:42px;border-radius:14px}.djs-icon-btn .ms{font-size:21px}
.djs-tabs{border-radius:18px;padding:5px}.djs-tab{font-size:14px;padding:12px;border-radius:14px}
.djs-nav-slider{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}
[data-theme="dark"] .djs-nav-slider{background:rgba(30,42,58,.86)}
.djs-nav-row{display:flex;gap:10px;overflow-x:auto;padding:12px clamp(12px,2.4vw,28px);scroll-snap-type:x proximity}.djs-nav-item{scroll-snap-align:start;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--djs-bg3);border:1px solid var(--djs-border);font-size:13px;font-weight:800;color:var(--djs-mid);cursor:pointer;white-space:nowrap}.djs-nav-item.active{background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(26,110,216,.22)}.djs-nav-item .ms{font-size:20px}
.djs-profile-name{font-size:clamp(20px,3vw,34px)}.djs-profile-email{font-size:14px}.djs-profile-stats{gap:12px}.djs-stat{border-radius:20px;padding:16px}.djs-stat b{font-size:clamp(22px,3vw,36px)}.djs-stat span{font-size:12px}
.djs-product-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px;padding:clamp(12px,2.4vw,28px);width:100%;max-width:1180px;margin:0 auto}.djs-product-card{border:0;text-align:left;cursor:pointer;min-height:230px;border-radius:26px;background:var(--djs-surface);box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.djs-product-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.12)}.djs-product-card__img{height:138px;display:flex;align-items:center;justify-content:center;color:#fff}.djs-product-card__img .ms{font-size:54px}.djs-product-emoji{font-size:54px;font-weight:900;color:#fff}.djs-product-card__info{padding:16px;display:flex;flex-direction:column;gap:8px}.djs-product-card__name{font-size:16px;font-weight:900;color:var(--djs-ink)}.djs-product-card__price{font-size:13px;font-weight:800;color:var(--djs-blue)}
.djs-cat-row{position:sticky;top:0;z-index:4;background:rgba(242,244,248,.9);backdrop-filter:blur(16px);padding:12px clamp(12px,2.4vw,28px)!important}.djs-cpill{min-height:40px;border-radius:999px;padding:0 16px;font-size:13px}.djs-cpill.active{box-shadow:0 12px 26px rgba(26,110,216,.18)}
.djs-product-hero-bg{min-height:220px;padding:clamp(22px,4vw,48px);display:flex;align-items:end;gap:22px;color:#fff}.djs-product-hero-icon{width:88px;height:88px;border-radius:28px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:900;backdrop-filter:blur(12px)}.djs-product-hero h2{font-size:clamp(28px,5vw,54px);line-height:1;margin:0}.djs-product-hero p{font-size:clamp(14px,2vw,18px);max-width:620px;opacity:.92;margin-top:8px}
.djs-plan-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 16px}.djs-plan-card{scroll-snap-align:center;flex:0 0 min(82vw,340px);position:relative;border-radius:28px;padding:22px;background:var(--djs-surface);border:1px solid var(--djs-border);box-shadow:0 18px 60px rgba(15,23,42,.08)}.djs-plan-label{font-size:12px;font-weight:800;color:var(--djs-muted);text-transform:uppercase;letter-spacing:.04em}.djs-plan-name{font-size:24px;font-weight:950;color:var(--djs-ink);margin-top:6px}.djs-plan-price{font-size:32px;font-weight:950;color:var(--djs-blue);margin:10px 0}.djs-plan-period{font-size:13px;color:var(--djs-muted);font-weight:800}.djs-plan-features{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:8px}.djs-plan-features li{display:flex;align-items:center;gap:8px;color:var(--djs-ink-light);font-size:14px;font-weight:700}.djs-plan-features .ms{color:var(--djs-green);font-size:18px}.djs-plan-popular-tag{position:absolute;top:14px;right:14px;border-radius:999px;background:linear-gradient(135deg,var(--djs-orange),var(--djs-orange-dark));color:#fff;font-size:11px;font-weight:900;padding:6px 10px}
.djs-slider-dots{display:flex;justify-content:center;gap:7px;padding-bottom:8px}.djs-dot{width:8px;height:8px;border-radius:999px;background:var(--djs-muted-light);display:block}.djs-dot.active{width:24px;background:var(--djs-blue)}
.djs-game-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.djs-pack-card{border:1px solid var(--djs-border);background:var(--djs-surface);border-radius:20px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:0 12px 34px rgba(15,23,42,.07)}.djs-pack-card.active{border-color:var(--djs-blue);box-shadow:0 0 0 4px rgba(26,110,216,.12)}.djs-pack-name{font-size:15px;font-weight:900;color:var(--djs-ink)}.djs-pack-price{font-size:18px;color:var(--djs-blue)}.djs-region-pills{display:flex;gap:8px;overflow-x:auto}.djs-region-pill{border:1px solid var(--djs-border);background:var(--djs-surface);border-radius:999px;padding:10px 16px;font-weight:900;color:var(--djs-mid);cursor:pointer}.djs-region-pill.active{background:var(--djs-blue);color:#fff;border-color:var(--djs-blue)}
.djs-cart-item,.djs-order-card,.djs-txn-row{border-radius:22px;background:var(--djs-surface);border:1px solid var(--djs-border);padding:16px;margin-bottom:12px;box-shadow:0 14px 42px rgba(15,23,42,.06)}.djs-cart-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.djs-cart-item__info,.djs-txn-info{display:flex;flex-direction:column;gap:4px}.djs-cart-item__name,.djs-txn-label{font-weight:900;color:var(--djs-ink)}.djs-cart-item__plan,.djs-txn-date,.djs-order-meta{font-size:12px;color:var(--djs-muted);font-weight:700}.djs-cart-item__right{display:flex;align-items:center;gap:10px}.djs-cart-item__price{font-weight:950;color:var(--djs-blue)}.djs-btn-icon{width:38px;height:38px;border-radius:13px;border:0;background:rgba(239,68,68,.1);color:var(--djs-red);cursor:pointer}.djs-cart-summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:var(--djs-ink-light);font-weight:800}.djs-cart-summary-row+ .djs-cart-summary-row{border-top:1px solid var(--djs-border)}.djs-total-row{font-size:18px;color:var(--djs-ink)}.djs-total-row b{color:var(--djs-blue)}.djs-green-row b{color:var(--djs-green)}
.djs-pm-option{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--djs-border);border-radius:20px;margin-bottom:10px;cursor:pointer;background:var(--djs-bg3)}.djs-pm-option.selected{border-color:var(--djs-blue);background:rgba(26,110,216,.07)}.djs-pm-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--djs-muted)}.djs-pm-option.selected .djs-pm-radio{border:6px solid var(--djs-blue)}.djs-pm-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff}.djs-pm-name{font-weight:950;color:var(--djs-ink)}.djs-pm-sub{font-size:12px;color:var(--djs-muted);font-weight:700}.djs-co-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--djs-border);font-size:14px;color:var(--djs-ink-light);font-weight:800}.djs-moncash-info{border-radius:18px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);padding:14px;color:var(--djs-ink);font-size:14px;line-height:1.45}.djs-terms-row{font-size:14px;display:flex;gap:10px;align-items:flex-start;color:var(--djs-ink-light)}
.djs-filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.djs-pill{border:1px solid var(--djs-border);background:var(--djs-surface);border-radius:999px;padding:10px 14px;color:var(--djs-mid);font-weight:900;cursor:pointer;white-space:nowrap}.djs-pill.active{background:var(--djs-blue);color:#fff;border-color:var(--djs-blue)}.djs-order-card{cursor:pointer}.djs-order-card__head,.djs-order-card__body{display:flex;justify-content:space-between;gap:12px;align-items:center}.djs-order-card__head{margin-bottom:10px}.djs-order-num{font-weight:950;color:var(--djs-ink)}.djs-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.djs-badge .ms{font-size:16px}.djs-badge--done,.djs-badge-green{background:rgba(16,185,129,.12);color:var(--djs-green)}.djs-badge--ship{background:rgba(14,165,233,.12);color:var(--djs-sky)}.djs-badge--proc{background:rgba(247,146,30,.12);color:var(--djs-orange)}.djs-badge--fail{background:rgba(239,68,68,.12);color:var(--djs-red)}.djs-mini-timeline{display:flex;gap:6px;margin-top:12px}.djs-mini-step{height:6px;flex:1;border-radius:999px;background:var(--djs-border)}.djs-mini-step--done{background:var(--djs-green)}.djs-mini-step--active{background:var(--djs-blue)}.djs-mini-step--warn{background:var(--djs-orange)}
.djs-empty,.djs-loading{width:100%;min-height:120px;border-radius:24px;background:var(--djs-surface);border:1px dashed var(--djs-border);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--djs-muted);font-weight:900;padding:22px}.djs-loading .ms,.djs-empty .ms{font-size:24px;color:var(--djs-blue)}.djs-spin{animation:djsSpin 1s linear infinite}@keyframes djsSpin{to{transform:rotate(360deg)}}
#djs-toast-container{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1000002;display:flex;flex-direction:column;gap:10px;width:min(92vw,460px);pointer-events:none}.djs-toast{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(15,23,42,.92);color:#fff;box-shadow:0 18px 48px rgba(15,23,42,.24);opacity:0;transform:translateY(12px);transition:.22s ease;backdrop-filter:blur(14px)}.djs-toast--visible{opacity:1;transform:translateY(0)}.djs-toast--success .ms{color:var(--djs-green)}.djs-toast--error .ms{color:#FCA5A5}.djs-toast--warn .ms{color:#FCD34D}.djs-alert-success{background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.22);color:var(--djs-green);border-radius:16px;padding:12px;font-weight:800}.djs-alert-error{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.22);color:var(--djs-red);border-radius:16px;padding:12px;font-weight:800}
.djs-chat-screen{background:linear-gradient(180deg,var(--djs-bg),var(--djs-bg2))}.djs-chat-header{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--djs-border);padding:12px clamp(12px,2.4vw,24px)}[data-theme="dark"] .djs-chat-header{background:rgba(30,42,58,.9)}.djs-chat-header-info{flex:1}.djs-chat-title{font-weight:950;color:var(--djs-ink);font-size:16px}.djs-chat-status{font-size:12px;color:var(--djs-muted);font-weight:800}.djs-dot-green{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--djs-green);margin-right:6px}.djs-chat-bg{flex:1;min-height:0;overflow-y:auto;padding:18px clamp(12px,2.4vw,28px) 92px;display:flex;flex-direction:column;gap:10px}.djs-chat-welcome{display:flex;gap:10px;align-items:flex-start;max-width:720px}.djs-av-ai{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--djs-blue),var(--djs-orange));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950}.djs-bubble-ai,.djs-chat-bubble{max-width:min(78vw,720px);border-radius:22px;padding:13px 16px;font-weight:700;line-height:1.35;background:var(--djs-surface);border:1px solid var(--djs-border);color:var(--djs-ink);box-shadow:0 12px 34px rgba(15,23,42,.06)}.djs-chat-line{display:flex}.djs-chat-line.mine{justify-content:flex-end}.djs-chat-line.mine .djs-chat-bubble{background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff;border-color:transparent}.djs-chat-line.ai .djs-chat-bubble{background:rgba(247,146,30,.12);border-color:rgba(247,146,30,.2)}.djs-chat-live-note{align-self:center;border-radius:999px;background:rgba(26,110,216,.08);color:var(--djs-blue);font-weight:900;padding:8px 12px;font-size:12px}.djs-chat-input-wrap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px clamp(12px,2.4vw,24px) calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-top:1px solid var(--djs-border)}[data-theme="dark"] .djs-chat-input-wrap{background:rgba(30,42,58,.92)}.djs-chat-input{flex:1;min-height:48px;border-radius:18px;border:1px solid var(--djs-border);background:var(--djs-bg3);color:var(--djs-ink);font-size:15px;padding:0 16px;outline:none}.djs-chat-send{width:48px;height:48px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.djs-txn-row{display:flex;align-items:center;gap:12px}.djs-txn-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center}.djs-txn-icon.credit{background:rgba(16,185,129,.12);color:var(--djs-green)}.djs-txn-icon.debit{background:rgba(239,68,68,.12);color:var(--djs-red)}.djs-txn-amount.credit{color:var(--djs-green)}.djs-txn-amount.debit{color:var(--djs-red)}.djs-credit-hero{border-radius:28px;padding:clamp(22px,4vw,44px);box-shadow:0 18px 60px rgba(26,110,216,.18)}.djs-credit-amount{font-size:clamp(34px,6vw,72px)}.djs-amounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.djs-amount-btn{border:1px solid var(--djs-border);background:var(--djs-bg3);border-radius:16px;padding:14px 8px;font-weight:950;color:var(--djs-ink);cursor:pointer}.djs-amount-btn.active{background:var(--djs-blue);color:#fff;border-color:var(--djs-blue)}.djs-gc-input{width:100%;border:1.5px solid var(--djs-border);border-radius:17px;background:var(--djs-bg3);color:var(--djs-ink);font-size:16px;padding:14px 16px;margin:12px 0;outline:none}.djs-gc-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff;font-weight:950;cursor:pointer}
.is-loading{opacity:.72;pointer-events:none;position:relative}.is-loading:after{content:'';width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;animation:djsSpin .8s linear infinite;margin-left:6px}
@media (min-width:900px){.djs-screen-home .djs-scroller .djs-content-wrap{max-width:920px}.djs-profile-card{padding:32px}.djs-filter-pills{max-width:1180px;margin:0 auto}.djs-orders-list,.djs-cart-items{max-width:1180px}.djs-auth-hero{min-height:240px}.djs-screen-auth .djs-content-wrap{max-width:520px;margin-top:-46px}.djs-bottom-nav{max-width:560px;left:50%;transform:translateX(-50%);position:absolute;bottom:18px;border-radius:28px;border:1px solid var(--djs-border);overflow:hidden}}
@media (max-width:520px){.djs-content-wrap{padding:12px}.djs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.djs-product-card{min-height:190px;border-radius:20px}.djs-product-card__img{height:104px}.djs-product-card__name{font-size:13px}.djs-product-card__price{font-size:11px}.djs-product-hero-bg{min-height:180px;align-items:flex-end}.djs-product-hero-icon{width:68px;height:68px;border-radius:22px;font-size:34px}.djs-plan-card{flex-basis:86vw}.djs-order-card__body,.djs-order-card__head{align-items:flex-start;flex-direction:column}.djs-stat{padding:12px}.djs-bottom-nav{height:calc(64px + env(safe-area-inset-bottom))}}

/* ────────────────────────────────────────────────
   Safe full-screen + modern account navigation v1.0.2
   Keeps the app full-screen without horizontal cropping.
──────────────────────────────────────────────── */
html.djs-fullscreen-active,
body.djs-fullscreen-active{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.djs-fullscreen-active *{
  max-width:100%;
}
body.djs-fullscreen-active .djs-force-hide{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.djs-fullscreen-active .djs-fullscreen-host{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
}
body.djs-fullscreen-active #page,
body.djs-fullscreen-active #content,
body.djs-fullscreen-active #primary,
body.djs-fullscreen-active .page,
body.djs-fullscreen-active .hentry,
body.djs-fullscreen-active .entry,
body.djs-fullscreen-active .entry-content,
body.djs-fullscreen-active .site-main,
body.djs-fullscreen-active .container,
body.djs-fullscreen-active .site-container,
body.djs-fullscreen-active .wp-block-group,
body.djs-fullscreen-active .wp-block-post-content,
body.djs-fullscreen-active .elementor,
body.djs-fullscreen-active .elementor-section,
body.djs-fullscreen-active .elementor-container,
body.djs-fullscreen-active .elementor-widget-container{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border:0!important;
}
body.djs-fullscreen-active #header,
body.djs-fullscreen-active #footer,
body.djs-fullscreen-active .header,
body.djs-fullscreen-active .footer,
body.djs-fullscreen-active .page-header,
body.djs-fullscreen-active .entry-header,
body.djs-fullscreen-active .site-branding,
body.djs-fullscreen-active .site-navigation,
body.djs-fullscreen-active .primary-navigation,
body.djs-fullscreen-active .secondary-navigation,
body.djs-fullscreen-active .storefront-primary-navigation,
body.djs-fullscreen-active .ast-primary-header-bar,
body.djs-fullscreen-active .ast-mobile-header-wrap,
body.djs-fullscreen-active .ast-footer-wrap,
body.djs-fullscreen-active .et-l--header,
body.djs-fullscreen-active .et-l--footer,
body.djs-fullscreen-active .kadence-header,
body.djs-fullscreen-active .kadence-footer,
body.djs-fullscreen-active .fl-page-header,
body.djs-fullscreen-active .fl-page-footer{
  display:none!important;
}
body.djs-fullscreen-active .djs-portal{
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  border-radius:0!important;
  transform:none!important;
}
body.djs-fullscreen-active.admin-bar .djs-portal{
  top:32px!important;
  height:calc(100dvh - 32px)!important;
}
@media(max-width:782px){
  body.djs-fullscreen-active.admin-bar .djs-portal{
    top:46px!important;
    height:calc(100dvh - 46px)!important;
  }
}
.djs-screen,
.djs-scroller,
.djs-content-wrap,
.djs-nav-slider,
.djs-nav-row,
.djs-bottom-nav{
  min-width:0!important;
}
.djs-scroller{
  overflow-x:hidden!important;
}
.djs-content-wrap{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  padding-left:max(14px, env(safe-area-inset-left))!important;
  padding-right:max(14px, env(safe-area-inset-right))!important;
}
.djs-screen-home .djs-content-wrap,
.djs-screen-orders .djs-content-wrap,
.djs-screen-wallet .djs-content-wrap{
  max-width:720px!important;
}
.djs-nav-slider{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-top:1px solid rgba(15,23,42,.04);
  border-bottom:1px solid rgba(15,23,42,.04);
}
.djs-nav-row{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  padding:10px max(14px, env(safe-area-inset-left)) 10px max(14px, env(safe-area-inset-right))!important;
  scrollbar-width:thin;
}
.djs-nav-row::-webkit-scrollbar{height:4px!important}
.djs-nav-row::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:999px}
.djs-nav-item{
  flex:0 0 auto!important;
  min-width:auto!important;
  max-width:none!important;
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  font-size:12px!important;
  line-height:1!important;
  backdrop-filter:blur(14px)!important;
}
.djs-nav-item.active{
  background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:0 12px 28px rgba(26,110,216,.24)!important;
}
.djs-nav-item .ms{font-size:18px!important;flex:0 0 auto!important}
[data-theme="dark"] .djs-nav-item{background:rgba(30,42,58,.82)!important;border-color:rgba(100,116,139,.36)!important}
.djs-bottom-nav{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  transform:none!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.djs-bottom-nav .djs-bn-item{
  min-width:0!important;
  max-width:25%!important;
  padding:4px 2px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.djs-bottom-nav .djs-bn-item .ms{font-size:22px!important}
.djs-bottom-nav .djs-bn-item span:not(.ms){overflow:hidden;text-overflow:ellipsis}
.djs-profile-card{
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 22px 60px rgba(26,110,216,.16)!important;
}
.djs-profile-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.djs-stat{
  border-radius:22px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px rgba(15,23,42,.08)!important;
}
.djs-action-banner{
  border-radius:26px!important;
  border:1px solid rgba(239,68,68,.14)!important;
  box-shadow:0 16px 42px rgba(239,68,68,.10)!important;
}
.djs-action-icon{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
}
.djs-action-pay,
.djs-see-all,
.djs-btn-small,
.djs-icon-btn,
.djs-btn-primary,
.djs-btn-orange,
.djs-btn-danger{
  border-radius:18px!important;
}
.djs-action-pay{
  padding:10px 14px!important;
  box-shadow:0 12px 26px rgba(239,68,68,.22)!important;
}
@media (min-width:900px){
  .djs-bottom-nav{
    position:absolute!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    max-width:100%!important;
    border-radius:0!important;
    transform:none!important;
  }
  .djs-content-wrap{max-width:880px!important}
  .djs-screen-home .djs-content-wrap{max-width:720px!important}
}
@media (max-width:430px){
  .djs-nav-row{gap:7px!important;padding-top:9px!important;padding-bottom:9px!important}
  .djs-nav-item{font-size:11px!important;min-height:39px!important;padding:0 11px!important;border-radius:16px!important}
  .djs-nav-item .ms{font-size:17px!important}
  .djs-bottom-nav .djs-bn-item{font-size:9px!important}
  .djs-bottom-nav .djs-bn-item .ms{font-size:21px!important}
  .djs-profile-stats{gap:7px!important}
  .djs-stat{border-radius:18px!important;padding:11px 6px!important}
}


/* ────────────────────────────────────────────────
   v1.0.3 — true app overlay, hidden WP admin bar,
   visible mobile browser navigation, softer iOS corners
──────────────────────────────────────────────── */
html.djs-fullscreen-active{
  margin-top:0!important;
  padding-top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:var(--djs-bg)!important;
}
html.djs-fullscreen-active[style],
html.djs-fullscreen-active body.admin-bar{
  margin-top:0!important;
}
body.djs-fullscreen-active{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:var(--djs-bg)!important;
  touch-action:manipulation;
}
body.djs-fullscreen-active #wpadminbar,
html.djs-fullscreen-active #wpadminbar,
body.djs-fullscreen-active .wp-admin-bar,
body.djs-fullscreen-active .ab-top-menu,
body.djs-fullscreen-active .ab-top-secondary,
body.djs-fullscreen-active .ab-sub-wrapper,
#wpadminbar.djs-force-hide{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  pointer-events:none!important;
  transform:translateY(-140%)!important;
}
body.djs-fullscreen-active.admin-bar,
html.djs-fullscreen-active.admin-bar{
  margin-top:0!important;
  padding-top:0!important;
}
body.djs-fullscreen-active.admin-bar .djs-portal,
body.djs-fullscreen-active .djs-portal{
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  z-index:2147483000!important;
  background:var(--djs-bg)!important;
}
@supports (height:100svh){
  body.djs-fullscreen-active.admin-bar .djs-portal,
  body.djs-fullscreen-active .djs-portal{
    height:100svh!important;
    max-height:100svh!important;
    min-height:100svh!important;
  }
}
body.djs-fullscreen-active .djs-topbar,
body.djs-fullscreen-active .djs-back-bar,
body.djs-fullscreen-active .djs-store-hero,
body.djs-fullscreen-active .djs-auth-hero{
  padding-top:calc(max(10px, env(safe-area-inset-top)) + 2px)!important;
}
body.djs-fullscreen-active .djs-screen{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
body.djs-fullscreen-active .djs-screen--active{
  display:flex!important;
  flex-direction:column!important;
}
body.djs-fullscreen-active .djs-scroller{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
}
body.djs-fullscreen-active .djs-content-wrap{
  width:100%!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(14px, 4vw, 22px)!important;
  padding-right:clamp(14px, 4vw, 22px)!important;
}
body.djs-fullscreen-active .djs-nav-slider{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  width:100%!important;
  overflow:hidden!important;
  background:rgba(10,15,30,.92)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.12)!important;
}
body.djs-fullscreen-active .djs-nav-row{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  padding:9px 12px!important;
  scroll-padding-left:12px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body.djs-fullscreen-active .djs-nav-row::-webkit-scrollbar{display:none!important}
body.djs-fullscreen-active .djs-nav-item{
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.01em!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.djs-fullscreen-active .djs-nav-item.active{
  color:#fff!important;
  background:linear-gradient(135deg, rgba(26,110,216,.98), rgba(15,84,176,.98))!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 10px 24px rgba(26,110,216,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.djs-fullscreen-active .djs-nav-item .ms{font-size:17px!important}
body.djs-fullscreen-active .djs-bottom-nav{
  flex:0 0 auto!important;
  height:calc(64px + env(safe-area-inset-bottom))!important;
  min-height:64px!important;
  width:100%!important;
  max-width:100%!important;
  background:rgba(10,15,30,.86)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -18px 38px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  z-index:9999999!important;
}
body.djs-fullscreen-active .djs-bottom-nav .djs-bn-item{
  color:rgba(255,255,255,.62)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  border-radius:20px!important;
  margin:7px 2px calc(7px + env(safe-area-inset-bottom))!important;
  padding:4px 2px!important;
  transition:background .18s ease, color .18s ease, transform .18s ease!important;
}
body.djs-fullscreen-active .djs-bottom-nav .djs-bn-item.active{
  color:#fff!important;
  background:rgba(26,110,216,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 20px rgba(26,110,216,.18)!important;
}
body.djs-fullscreen-active .djs-bottom-nav .djs-bn-item .ms{font-size:21px!important;margin-bottom:1px!important}
body.djs-fullscreen-active .djs-profile-card{
  width:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
}
body.djs-fullscreen-active .djs-profile-stats{gap:8px!important}
body.djs-fullscreen-active .djs-stat{
  border-radius:24px!important;
  overflow:hidden!important;
}
body.djs-fullscreen-active .djs-card,
body.djs-fullscreen-active .djs-action-banner,
body.djs-fullscreen-active .djs-empty{
  border-radius:30px!important;
}
body.djs-fullscreen-active .djs-btn-primary,
body.djs-fullscreen-active .djs-btn-orange,
body.djs-fullscreen-active .djs-btn-danger,
body.djs-fullscreen-active .djs-btn-small,
body.djs-fullscreen-active .djs-action-pay,
body.djs-fullscreen-active .djs-see-all,
body.djs-fullscreen-active .djs-icon-btn,
body.djs-fullscreen-active .djs-pm-option,
body.djs-fullscreen-active .djs-pill,
body.djs-fullscreen-active .djs-cpill{
  border-radius:999px!important;
}
body.djs-fullscreen-active .djs-action-icon,
body.djs-fullscreen-active .djs-avatar{
  border-radius:24px!important;
}
@media (max-width:700px){
  body.djs-fullscreen-active .djs-profile-card{border-radius:32px!important;padding:28px 26px!important}
  body.djs-fullscreen-active .djs-profile-name{font-size:30px!important;line-height:1.08!important}
  body.djs-fullscreen-active .djs-profile-email{font-size:17px!important;word-break:break-word!important}
  body.djs-fullscreen-active .djs-stat{padding:14px 6px!important;border-radius:22px!important}
  body.djs-fullscreen-active .djs-stat b{font-size:30px!important}
  body.djs-fullscreen-active .djs-stat span{font-size:11px!important;letter-spacing:.16em!important}
}
body.djs-mobile-browser.djs-fullscreen-active .djs-bottom-nav{
  position:fixed!important;
  left:10px!important;
  right:10px!important;
  bottom:calc(var(--djs-browser-toolbar, 0px) + max(10px, env(safe-area-inset-bottom)))!important;
  width:auto!important;
  max-width:none!important;
  height:64px!important;
  min-height:64px!important;
  padding-bottom:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
body.djs-mobile-browser.djs-fullscreen-active .djs-scroller{
  padding-bottom:calc(104px + var(--djs-browser-toolbar, 0px) + env(safe-area-inset-bottom))!important;
}
body.djs-mobile-browser.djs-fullscreen-active .djs-bottom-nav .djs-bn-item{
  margin:7px 2px!important;
  border-radius:20px!important;
}
@media (display-mode: standalone){
  body.djs-mobile-browser.djs-fullscreen-active .djs-bottom-nav{
    position:relative!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    border-radius:0!important;
  }
  body.djs-mobile-browser.djs-fullscreen-active .djs-scroller{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
}

/* v1.1.0 account buttons: square-modern, no rounded pill radius on account page */
.djs-small-muted{font-size:13px;line-height:1.45;color:var(--djs-muted);font-weight:700;margin:0 0 12px}
.djs-account-actions-card{gap:12px!important}
.djs-account-flat-btn{
  width:100%;min-height:50px;border:1px solid rgba(26,110,216,.18);border-radius:0!important;
  background:linear-gradient(180deg,rgba(26,110,216,.10),rgba(26,110,216,.04));color:var(--djs-blue);
  font-weight:950;font-size:15px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
  box-shadow:0 10px 22px rgba(26,110,216,.08);appearance:none;-webkit-appearance:none
}
.djs-account-flat-btn .ms{font-size:22px}.djs-account-flat-btn--danger{border-color:rgba(239,68,68,.22);background:linear-gradient(180deg,rgba(239,68,68,.12),rgba(239,68,68,.04));color:var(--djs-red)}
.djs-push-status{font-size:12px;font-weight:800;color:var(--djs-muted);margin-top:8px}.djs-badge-orange{background:rgba(247,146,30,.12);color:var(--djs-orange)}
body.djs-fullscreen-active #djs-screen-home .djs-nav-item,
body.djs-fullscreen-active #djs-screen-home .djs-btn-primary,
body.djs-fullscreen-active #djs-screen-home .djs-btn-orange,
body.djs-fullscreen-active #djs-screen-home .djs-btn-danger,
body.djs-fullscreen-active #djs-screen-home .djs-btn-small,
body.djs-fullscreen-active #djs-screen-home .djs-icon-btn,
body.djs-fullscreen-active #djs-screen-home .djs-account-flat-btn,
body.djs-fullscreen-active #djs-screen-profile-edit .djs-account-flat-btn{border-radius:0!important}
body.djs-fullscreen-active #djs-screen-home .djs-nav-item{min-width:82px!important;padding:10px 12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(148,163,184,.28)!important}
body.djs-fullscreen-active #djs-screen-home .djs-nav-item.active{border-color:rgba(26,110,216,.75)!important;background:rgba(26,110,216,.14)!important}
.djs-home-products-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px}.djs-home-products-row::-webkit-scrollbar{display:none}.djs-home-product-chip{flex:0 0 138px;border:1px solid var(--djs-border);background:var(--djs-surface);color:var(--djs-ink);padding:12px;border-radius:0!important;box-shadow:var(--djs-shadow);font-family:inherit;text-align:left;cursor:pointer}.djs-home-product-icon{width:46px;height:46px;border-radius:0!important;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px;color:#fff}.djs-home-product-chip b{display:block;font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djs-home-product-chip small{display:block;color:var(--djs-muted);font-weight:800;margin-top:3px}

/* ────────────────────────────────────────────────
   v1.1.1 — iOS rounded buttons, order-process page, bigger headers
──────────────────────────────────────────────── */
body.djs-fullscreen-active .djs-back-title{
  font-size:clamp(18px, 4.4vw, 24px)!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
body.djs-fullscreen-active .djs-logo{
  font-size:clamp(17px, 4.2vw, 22px)!important;
  letter-spacing:.045em!important;
}
body.djs-fullscreen-active .djs-logo-sub{font-size:12px!important;letter-spacing:.02em!important}
body.djs-fullscreen-active .djs-topbar,
body.djs-fullscreen-active .djs-back-bar{
  min-height:62px!important;
  padding-left:clamp(14px,4vw,22px)!important;
  padding-right:clamp(14px,4vw,22px)!important;
}
body.djs-fullscreen-active .djs-icon-btn{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
}
body.djs-fullscreen-active .djs-icon-btn .ms{font-size:21px!important}

/* restore modern iOS radius everywhere that was previously forced square */
body.djs-fullscreen-active #djs-screen-home .djs-nav-item,
body.djs-fullscreen-active #djs-screen-home .djs-btn-primary,
body.djs-fullscreen-active #djs-screen-home .djs-btn-orange,
body.djs-fullscreen-active #djs-screen-home .djs-btn-danger,
body.djs-fullscreen-active #djs-screen-home .djs-btn-small,
body.djs-fullscreen-active #djs-screen-home .djs-icon-btn,
body.djs-fullscreen-active #djs-screen-home .djs-account-flat-btn,
body.djs-fullscreen-active #djs-screen-profile-edit .djs-account-flat-btn,
body.djs-fullscreen-active .djs-account-flat-btn,
body.djs-fullscreen-active .djs-home-product-chip,
body.djs-fullscreen-active .djs-home-product-icon{
  border-radius:18px!important;
}
body.djs-fullscreen-active #djs-screen-home .djs-nav-item,
body.djs-fullscreen-active .djs-nav-item{
  border-radius:999px!important;
}
body.djs-fullscreen-active .djs-account-flat-btn{
  min-height:56px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(26,110,216,.14),rgba(26,110,216,.055))!important;
  border:1px solid rgba(26,110,216,.22)!important;
  box-shadow:0 14px 32px rgba(26,110,216,.11), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.djs-fullscreen-active .djs-account-flat-btn--danger{
  background:linear-gradient(180deg,rgba(239,68,68,.15),rgba(239,68,68,.055))!important;
  border-color:rgba(239,68,68,.28)!important;
}
body.djs-fullscreen-active .djs-home-product-chip{
  flex-basis:156px!important;
  border-radius:22px!important;
  padding:14px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
}
body.djs-fullscreen-active .djs-home-product-icon{
  border-radius:18px!important;
}
body.djs-fullscreen-active .djs-pbtn,
body.djs-fullscreen-active .djs-gc-btn,
body.djs-fullscreen-active .djs-obtn,
body.djs-fullscreen-active .djs-addbt,
body.djs-fullscreen-active .djs-btn-primary,
body.djs-fullscreen-active .djs-btn-orange,
body.djs-fullscreen-active .djs-btn-danger,
body.djs-fullscreen-active .djs-btn-small{
  border-radius:18px!important;
}

/* clickable order cards and full process details */
body.djs-fullscreen-active .djs-order-card{
  cursor:pointer!important;
  border-radius:24px!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}
body.djs-fullscreen-active .djs-order-card:active{transform:scale(.985)!important}
body.djs-fullscreen-active .djs-order-card__head,
body.djs-fullscreen-active .djs-order-card__body{gap:8px!important}
body.djs-fullscreen-active .djs-order-num{font-size:16px!important;font-weight:950!important}
body.djs-fullscreen-active .djs-order-meta{font-size:13px!important;font-weight:750!important}
.djs-order-hero-card{
  display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,rgba(26,110,216,.18),rgba(247,146,30,.08)),var(--djs-surface);
  border:1px solid rgba(26,110,216,.18);border-radius:30px;padding:18px;box-shadow:0 24px 70px rgba(15,23,42,.13);margin-bottom:12px;color:var(--djs-ink)
}
.djs-order-hero-icon{width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,var(--djs-blue),var(--djs-blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 18px 36px rgba(26,110,216,.25)}
.djs-order-hero-icon .ms{font-size:28px}.djs-order-hero-main{min-width:0;flex:1}.djs-order-hero-main h2{font-size:20px;line-height:1.12;font-weight:950;letter-spacing:-.035em;margin:0 0 5px;white-space:normal;color:var(--djs-ink)}.djs-order-hero-main p{font-size:13px;color:var(--djs-muted);font-weight:750;margin:0 0 8px}.djs-order-hero-price{font-size:17px;font-weight:950;white-space:nowrap;color:var(--djs-ink)}
.djs-order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.djs-info-tile{background:var(--djs-surface);border:1px solid var(--djs-border);border-radius:22px;padding:15px;box-shadow:var(--djs-shadow)}.djs-info-tile span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--djs-muted);font-weight:950;margin-bottom:5px}.djs-info-tile b{display:block;font-size:16px;color:var(--djs-ink);font-weight:950;word-break:break-word}
.djs-process-card{overflow:hidden}.djs-process-list{display:flex;flex-direction:column;gap:0}.djs-process-step{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:0 0 22px}.djs-process-step:last-child{padding-bottom:0}.djs-process-step:not(:last-child)::after{content:'';position:absolute;left:20px;top:42px;bottom:-2px;width:2px;background:rgba(148,163,184,.25)}.djs-process-step--done:not(:last-child)::after{background:linear-gradient(var(--djs-green),rgba(16,185,129,.18))}.djs-process-step--active:not(:last-child)::after{background:linear-gradient(var(--djs-blue),rgba(26,110,216,.20))}.djs-process-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--djs-bg3);border:1px solid var(--djs-border);color:var(--djs-muted);z-index:2}.djs-process-dot .ms{font-size:21px}.djs-process-step--done .djs-process-dot{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.32);color:var(--djs-green)}.djs-process-step--active .djs-process-dot{background:rgba(26,110,216,.14);border-color:rgba(26,110,216,.36);color:var(--djs-blue);box-shadow:0 0 0 7px rgba(26,110,216,.08)}.djs-process-step--cancel .djs-process-dot{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.34);color:var(--djs-red)}.djs-process-copy h3{font-size:18px;font-weight:950;letter-spacing:-.02em;margin:0 0 4px;color:var(--djs-ink)}.djs-process-copy p{font-size:14px;line-height:1.42;color:var(--djs-muted);font-weight:700;margin:0}
.djs-order-product-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--djs-border);background:var(--djs-bg3);border-radius:18px;padding:13px;margin-top:10px}.djs-order-product-row:first-of-type{margin-top:0}.djs-order-product-row b{display:block;color:var(--djs-ink);font-weight:950;font-size:15px}.djs-order-product-row span{display:block;color:var(--djs-muted);font-size:13px;font-weight:750;margin-top:3px}.djs-order-product-row strong{color:var(--djs-ink);font-weight:950;white-space:nowrap}.djs-delivery-box{border:1px dashed rgba(148,163,184,.45);background:var(--djs-bg3);border-radius:18px;padding:14px;color:var(--djs-muted);font-weight:750;line-height:1.5;margin-bottom:12px}
[data-theme="dark"] .djs-order-hero-card{background:linear-gradient(145deg,rgba(26,110,216,.20),rgba(247,146,30,.09)),var(--djs-surface);border-color:rgba(255,255,255,.10)}
@media(max-width:380px){.djs-order-detail-grid{grid-template-columns:1fr}.djs-order-hero-card{align-items:flex-start;flex-wrap:wrap}.djs-order-hero-price{width:100%;padding-left:72px}}

/* v1.1.2 — live 30s, product photos, cart count, VIP crypto and points */
.djs-cart-count-badge{
  position:absolute;top:6px;right:18px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;background:#ff3b30;color:#fff;font-size:11px;font-weight:950;line-height:18px;
  box-shadow:0 6px 14px rgba(255,59,48,.3);z-index:5;
}
.djs-bn-item{position:relative}
.djs-home-product-icon.has-photo{padding:0;background:rgba(255,255,255,.08)!important;overflow:hidden}
.djs-home-product-icon.has-photo img,.djs-product-photo,.djs-product-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.djs-product-card__img{overflow:hidden}
.djs-product-photo{border-radius:inherit}
.djs-product-hero-photo{width:76px;height:76px;border-radius:24px;overflow:hidden;flex:0 0 auto;box-shadow:0 14px 35px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}
.djs-current-vip{display:flex;align-items:center;gap:12px;margin:10px 0 16px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 35px rgba(0,0,0,.16)}
.djs-current-vip>.ms{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(30,136,255,.15);color:#7ab8ff}
.djs-current-vip b{display:block;font-size:16px;font-weight:950;color:var(--djs-text,#fff)}
.djs-current-vip small{display:block;margin-top:4px;color:var(--djs-muted,#94a3b8);font-size:12px;font-weight:800;word-break:break-all}
[data-vip-level].is-disabled{opacity:.45;filter:grayscale(.25);cursor:not-allowed}
.djs-points-hero{padding:24px;border-radius:28px;background:linear-gradient(135deg,rgba(255,174,33,.18),rgba(30,136,255,.12));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 45px rgba(0,0,0,.18);margin-bottom:16px}
#djs-points-balance{font-size:48px;line-height:1;font-weight:950;letter-spacing:-.05em;color:var(--djs-text,#fff)}

/* v1.1.3 — credit repayment + product image on account orders */
body.djs-fullscreen-active .djs-order-card--with-photo{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.djs-fullscreen-active .djs-order-card--with-photo .djs-order-card__content{
  min-width:0!important;
  flex:1!important;
}
.djs-order-media{
  width:58px;
  height:58px;
  border-radius:20px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(26,110,216,.18),rgba(247,146,30,.14));
  border:1px solid var(--djs-border);
  color:var(--djs-blue);
  font-size:26px;
  box-shadow:0 14px 30px rgba(15,23,42,.10);
}
.djs-order-media img,
.djs-order-hero-icon.has-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.djs-order-product-row--media{
  justify-content:flex-start!important;
}
.djs-order-product-row--media .djs-order-media{
  width:50px;
  height:50px;
  flex-basis:50px;
  border-radius:17px;
  box-shadow:none;
}
.djs-order-product-row--media>div:not(.djs-order-media){
  min-width:0;
  flex:1;
}
.djs-credit-pay-card .djs-promo-row input{
  min-width:0;
}
.djs-credit-pay-card .djs-alert{
  border-radius:18px;
  padding:12px 14px;
  font-weight:850;
}
@media(max-width:520px){
  body.djs-fullscreen-active .djs-order-card--with-photo{
    align-items:flex-start!important;
  }
  body.djs-fullscreen-active .djs-order-card--with-photo .djs-order-card__head,
  body.djs-fullscreen-active .djs-order-card--with-photo .djs-order-card__body{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* v1.1.5 — streaming subscriptions / credential cards */
.djs-streaming-info-card{
  background:linear-gradient(145deg,rgba(26,110,216,.13),rgba(247,146,30,.08)),var(--djs-card-bg,rgba(255,255,255,.06));
}
.djs-sub-card{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;overflow:hidden}
.djs-sub-card.is-expired{opacity:.72}
.djs-sub-head{display:flex;align-items:center;gap:12px;min-width:0}
.djs-sub-head h3{margin:0;font-size:20px;font-weight:950;letter-spacing:-.02em;color:var(--djs-text,#fff)}
.djs-sub-head p{margin:4px 0 0;color:var(--djs-muted,#8ea1bb);font-weight:800;font-size:13px}
.djs-sub-media{width:56px;height:56px;flex:0 0 auto;border-radius:18px;background:linear-gradient(135deg,#1A6ED8,#F7921E);display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.djs-sub-media img{width:100%;height:100%;object-fit:cover;display:block}
.djs-sub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.djs-sub-grid>div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:12px;min-width:0}
.djs-sub-grid span{display:block;color:var(--djs-muted,#8ea1bb);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.djs-sub-grid b{display:block;color:var(--djs-text,#fff);font-size:14px;font-weight:950;word-break:break-word}
.djs-crypto-code{display:flex;align-items:center;gap:9px;padding:12px;border:1px dashed rgba(26,110,216,.38);background:rgba(26,110,216,.08);border-radius:16px;color:#bcd7ff;min-width:0}
.djs-crypto-code code{white-space:normal;word-break:break-all;color:#fff;background:transparent;font-weight:900;font-size:12px}
.djs-access-box{display:grid;gap:12px;margin-bottom:10px}
.djs-stream-access-card{background:linear-gradient(145deg,rgba(16,185,129,.12),rgba(26,110,216,.08)),var(--djs-card-bg,rgba(255,255,255,.06));}
@media(max-width:380px){.djs-sub-grid{grid-template-columns:1fr}.djs-sub-head{align-items:flex-start}.djs-sub-head .djs-badge{margin-left:auto}}

.djs-game-extra-fields{display:grid;gap:12px;margin:14px 0 4px}.djs-pack-region{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:11px;font-weight:800}.djs-pack-card.djs-hidden-by-region{display:none!important}

/* v1.2.6 — prevent iPhone zoom in Konami / Lootbar fields */
body.djs-fullscreen-active #djs-portal input,
body.djs-fullscreen-active #djs-portal select,
body.djs-fullscreen-active #djs-portal textarea,
body.djs-fullscreen-active #djs-portal .djs-player-input-wrap input,
body.djs-fullscreen-active #djs-portal .djs-lootbar-extra,
body.djs-fullscreen-active #djs-portal #djs-player-id,
body.djs-fullscreen-active #djs-portal #djs-konami-password{
  font-size:16px!important;
  line-height:1.25!important;
}
body.djs-fullscreen-active #djs-screen-game .djs-pack-card.is-duplicate,
body.djs-fullscreen-active #djs-screen-game .djs-hidden-duplicate{
  display:none!important;
}

/* v1.2.7 — stronger E-FOOTBALL cart/duplicate/mobile zoom fixes */
#djs-portal,
#djs-portal input,
#djs-portal select,
#djs-portal textarea,
#djs-portal button{
  -webkit-text-size-adjust:100%!important;
}
#djs-portal input,
#djs-portal select,
#djs-portal textarea,
#djs-portal .djs-player-input-wrap input,
#djs-portal .djs-lootbar-extra,
#djs-portal #djs-player-id,
#djs-portal #djs-konami-password{
  font-size:16px!important;
  min-height:48px;
}
#djs-screen-game .djs-pack-add{
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(135deg,#1A6ED8,#F7921E);
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(26,110,216,.22);
}
#djs-screen-game .djs-pack-card.active .djs-pack-add{
  box-shadow:0 0 0 4px rgba(247,146,30,.15),0 12px 28px rgba(26,110,216,.24);
}
#djs-screen-game #djs-topup-btn{
  position:sticky;
  bottom:calc(var(--djs-nav-height,82px) + var(--djs-browser-toolbar,0px) + 12px);
  z-index:15;
  box-shadow:0 20px 45px rgba(247,146,30,.28);
}


/* v1.2.8 — E-FOOTBALL modern UI, cart badge position, mobile input zoom hard fix */
#djs-portal .djs-bottom-nav,
#djs-portal .djs-bottom-nav .djs-bn-item{
  overflow:visible!important;
}
#djs-portal .djs-bottom-nav .djs-bn-item{
  position:relative!important;
}
#djs-portal .djs-bottom-nav .djs-cart-count-badge{
  position:absolute!important;
  top:2px!important;
  right:18px!important;
  left:auto!important;
  transform:translate(28%,-18%)!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ff3b30,#ff6b35)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:19px!important;
  box-shadow:0 8px 16px rgba(255,59,48,.36),0 0 0 2px rgba(255,255,255,.92)!important;
  z-index:50!important;
  pointer-events:none!important;
  overflow:visible!important;
}
#djs-portal .djs-bottom-nav .djs-cart-count-badge:empty{display:none!important;}
#djs-screen-game .djs-product-hero-bg{
  border-radius:30px!important;
  padding:22px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
}
#djs-screen-game .djs-field:first-child{
  background:linear-gradient(145deg,rgba(26,110,216,.10),rgba(247,146,30,.07)),var(--djs-surface)!important;
  border:1px solid rgba(26,110,216,.18)!important;
  border-radius:26px!important;
  padding:16px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
#djs-screen-game .djs-player-input-wrap{
  min-height:58px!important;
  border-radius:20px!important;
  padding:0 16px!important;
  border:1.5px solid rgba(26,110,216,.30)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}
[data-theme="dark"] #djs-screen-game .djs-player-input-wrap{background:rgba(15,23,42,.55)!important;}
#djs-screen-game .djs-player-input-wrap input,
#djs-screen-game #djs-player-id,
#djs-screen-game #djs-konami-password,
#djs-screen-game .djs-lootbar-extra{
  font-size:16px!important;
  line-height:1.3!important;
  min-height:52px!important;
  -webkit-text-size-adjust:100%!important;
}
#djs-screen-game .djs-game-extra-fields .djs-field{
  background:var(--djs-surface)!important;
  border:1px solid var(--djs-border)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.07)!important;
}
#djs-screen-game .djs-alert-info{
  border-radius:22px!important;
  border:1px solid rgba(26,110,216,.18)!important;
  background:rgba(26,110,216,.08)!important;
  color:var(--djs-ink)!important;
  font-weight:850!important;
}
#djs-screen-game .djs-game-packs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;
  gap:14px!important;
}
#djs-screen-game .djs-pack-card,
#djs-screen-game .djs-ef-pack-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(26,110,216,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.82))!important;
  border-radius:28px!important;
  padding:18px!important;
  min-height:178px!important;
  text-align:left!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}
[data-theme="dark"] #djs-screen-game .djs-pack-card,
[data-theme="dark"] #djs-screen-game .djs-ef-pack-card{
  background:linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.82))!important;
}
#djs-screen-game .djs-ef-pack-card:before{
  content:"";
  position:absolute;
  inset:-45px -55px auto auto;
  width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(26,110,216,.20),transparent 68%);
  pointer-events:none;
}
#djs-screen-game .djs-pack-card:hover,
#djs-screen-game .djs-pack-card.active{
  transform:translateY(-2px)!important;
  border-color:rgba(26,110,216,.48)!important;
  box-shadow:0 24px 62px rgba(26,110,216,.16)!important;
}
#djs-screen-game .djs-pack-name{
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:var(--djs-ink)!important;
  min-height:38px!important;
}
#djs-screen-game .djs-pack-region{
  color:var(--djs-muted)!important;
  font-size:12px!important;
  font-weight:850!important;
  min-height:18px!important;
}
#djs-screen-game .djs-pack-price{
  display:block!important;
  font-size:22px!important;
  line-height:1!important;
  color:var(--djs-blue)!important;
  margin-top:auto!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
#djs-screen-game .djs-pack-add{
  border-radius:18px!important;
  min-height:46px!important;
  margin-top:12px!important;
  background:linear-gradient(135deg,#1A6ED8,#0F54B0 52%,#F7921E)!important;
  box-shadow:0 14px 34px rgba(26,110,216,.28)!important;
}
#djs-screen-game #djs-topup-btn{
  border-radius:22px!important;
  min-height:58px!important;
}
@media(max-width:380px){
  #djs-screen-game .djs-game-packs{grid-template-columns:1fr!important;}
  #djs-portal .djs-bottom-nav .djs-cart-count-badge{right:13px!important;}
}

/* v1.2.9 — modern Messages department cards */
.djs-chat-dept-wrap{width:100%;max-width:760px;margin:0 auto;display:grid;gap:12px;padding:8px 0 24px}.djs-chat-dept-wrap h3{margin:0;color:var(--djs-ink);font-size:24px;font-weight:950;letter-spacing:-.04em}.djs-chat-dept-wrap p{margin:0 0 4px;color:var(--djs-muted);font-size:14px;font-weight:750;line-height:1.45}.djs-chat-dept-card{width:100%;border:1px solid rgba(26,110,216,.14);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,250,252,.76));box-shadow:0 18px 45px rgba(15,23,42,.08);border-radius:24px;padding:16px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-align:left;color:var(--djs-ink);cursor:pointer;transition:.18s ease}.djs-chat-dept-card:hover,.djs-chat-dept-card:active{transform:translateY(-1px);border-color:rgba(26,110,216,.35);box-shadow:0 22px 52px rgba(26,110,216,.12)}.djs-chat-dept-card>.ms{width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--djs-blue),var(--djs-orange));color:#fff;font-size:24px;box-shadow:0 14px 28px rgba(26,110,216,.18)}.djs-chat-dept-card b{display:block;font-size:16px;font-weight:950;letter-spacing:-.01em}.djs-chat-dept-card small{display:block;margin-top:4px;color:var(--djs-muted);font-size:12px;line-height:1.35;font-weight:750}.djs-chat-dept-card em{font-style:normal;color:var(--djs-blue);font-size:12px;font-weight:950}.djs-chat-header #djs-chat-exit-btn{border-radius:14px;padding:8px 10px;background:rgba(26,110,216,.09);color:var(--djs-blue);border:1px solid rgba(26,110,216,.14)}[data-theme="dark"] .djs-chat-dept-card{background:linear-gradient(145deg,rgba(30,42,58,.96),rgba(15,23,42,.76));border-color:rgba(255,255,255,.08)}@media(max-width:380px){.djs-chat-dept-card{grid-template-columns:42px 1fr;padding:14px}.djs-chat-dept-card em{display:none}.djs-chat-dept-card>.ms{width:42px;height:42px;border-radius:16px}.djs-chat-dept-wrap h3{font-size:21px}}

/* v1.3.0 — chat order/readability fix */
.djs-chat-bg{display:flex!important;flex-direction:column!important;}
.djs-chat-line{width:100%;display:flex!important;flex:0 0 auto!important;}
.djs-chat-line.mine{justify-content:flex-end!important;}
.djs-chat-line.theirs,.djs-chat-line.ai{justify-content:flex-start!important;}
.djs-chat-line.theirs .djs-chat-bubble{background:var(--djs-surface)!important;color:var(--djs-ink)!important;border:1px solid var(--djs-border)!important;}
.djs-chat-line.mine .djs-chat-bubble{color:#fff!important;}
.djs-chat-bubble{white-space:pre-wrap;word-break:break-word;}