/* ================================================================
   DjimlyStore Digital — UI Rebuild 2.18.4
   Fixed white / red / black customer theme.
   Loaded after the legacy stylesheet and intentionally overrides it.
================================================================ */

:root,
html[data-theme="light"],
html[data-theme="dark"],
body.djs-light,
body.djs-dark {
  color-scheme: light !important;
  --djs-blue:#58b9f2 !important;
  --djs-blue-dark:#2388c9 !important;
  --djs-orange:#58b9f2 !important;
  --djs-orange-dark:#2388c9 !important;
  --djs-red:#58b9f2 !important;
  --djs-red-dark:#2388c9 !important;
  --djs-green:#111111 !important;
  --djs-green-dark:#000000 !important;
  --djs-sky:#58b9f2 !important;
  --djs-ink:#080808 !important;
  --djs-ink-light:#161616 !important;
  --djs-mid:#222222 !important;
  --djs-muted:#555555 !important;
  --djs-muted-light:#777777 !important;
  --djs-bg:#ffffff !important;
  --djs-bg2:#fff7f7 !important;
  --djs-bg3:#fafafa !important;
  --djs-surface:#ffffff !important;
  --djs-surface-2:#fafafa !important;
  --djs-border:#e2e2e2 !important;
  --djs-text:#090909 !important;
  --djs-subtext:#555555 !important;
  --djs-heading:#090909 !important;
  --djs-card:#ffffff !important;
  --djs-card-bg:#ffffff !important;
  --djs-soft:#f7f7f7 !important;
  --djs-line:#e2e2e2 !important;
  --djs-control:#ffffff !important;
  --djs-control-text:#090909 !important;
  --djs-placeholder:#777777 !important;
  --djs-glass-tint:rgba(255,255,255,.98) !important;
  --djs-glass-tint-soft:rgba(255,255,255,.90) !important;
  --djs-glass-border:#e2e2e2 !important;
  --djs-safe-text:#090909 !important;
  --djs-safe-sub:#555555 !important;
  --djs-safe-soft:#f7f7f7 !important;
  --djs-safe-card:#ffffff !important;
  --djs-safe-border:#e2e2e2 !important;
  --djs-preview-card:#ffffff !important;
  --djs-preview-border:#e2e2e2 !important;
  --djs-shadow:0 10px 30px rgba(0,0,0,.06) !important;
  --djs-shadow-lg:0 20px 55px rgba(0,0,0,.10) !important;
}

html:has(#djs-portal),
body:has(#djs-portal),
body.djs-fullscreen-active,
body.djs-fullscreen-active .djs-fullscreen-host {
  background:#fff !important;
}

html body #djs-portal {
  --red:#58b9f2;
  --red-dark:#2388c9;
  --black:#090909;
  --ink:#111111;
  --muted:#5d5d5d;
  --line:#e4e4e4;
  --soft:#f4faff;
  --soft2:#fafafa;
  --shadow:0 12px 34px rgba(0,0,0,.07);
  --shadow-lg:0 22px 58px rgba(0,0,0,.10);
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  color:#090909 !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}

/* Fixed customer theme: remove old dark-mode control entirely. */
html body #djs-portal #djs-dark-toggle,
html body #djs-portal #djs-dark-toggle-store { display:none !important; }

/* Everything customer-readable is black, including action labels. */
html body #djs-portal,
html body #djs-portal button,
html body #djs-portal input,
html body #djs-portal select,
html body #djs-portal textarea,
html body #djs-portal a,
html body #djs-portal label,
html body #djs-portal small,
html body #djs-portal b,
html body #djs-portal strong,
html body #djs-portal p,
html body #djs-portal h1,
html body #djs-portal h2,
html body #djs-portal h3,
html body #djs-portal h4,
html body #djs-portal span:not(.djs-promo-slide *),
html body #djs-portal div:not(.djs-promo-slide *) {
  color:#090909 !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#090909 !important;
}
html body #djs-portal input::placeholder,
html body #djs-portal textarea::placeholder { color:#6b6b6b !important; opacity:.78 !important; }

/* App frame + screens */
html body #djs-portal .djs-screen,
html body #djs-portal .djs-scroller,
html body #djs-portal .djs-content-wrap,
html body #djs-portal .djs-wallet-modern-wrap,
html body #djs-portal .djs-recharge-wrap,
html body #djs-portal .djs-zefame-scroller,
html body #djs-portal .djs-zefame-wrap {
  background:#fff !important;
}
html body #djs-portal .djs-screen { overflow:hidden !important; }
html body #djs-portal .djs-scroller {
  padding-bottom:106px !important;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
html body #djs-portal .djs-scroller::-webkit-scrollbar { display:none; }

/* Header / back bars */
html body #djs-portal .djs-topbar,
html body #djs-portal .djs-back-bar,
html body #djs-portal .djs-zefame-topbar {
  min-height:72px !important;
  height:auto !important;
  padding:12px 18px !important;
  background:rgba(255,255,255,.97) !important;
  border:0 !important;
  border-bottom:1px solid #ededed !important;
  box-shadow:0 4px 18px rgba(0,0,0,.035) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
html body #djs-portal .djs-logo { font-weight:1000 !important; letter-spacing:-.65px !important; color:#090909 !important; }
html body #djs-portal .djs-logo em { color:#58b9f2 !important; font-style:normal !important; }
html body #djs-portal .djs-logo-sub { font-size:12px !important; font-weight:850 !important; margin-left:4px !important; }
html body #djs-portal .djs-back-title { font-weight:1000 !important; letter-spacing:-.5px !important; }
html body #djs-portal .djs-icon-btn,
html body #djs-portal .djs-topbar-cart {
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:15px !important;
  border:1.5px solid #111 !important;
  background:#fff !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-icon-btn .ms,
html body #djs-portal .djs-topbar-cart .ms { font-size:25px !important; color:#090909 !important; }
html body #djs-portal .djs-header-wallet,
html body #djs-portal .djs-pill-cart,
html body #djs-portal .djs-badge-pill {
  min-height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(88,185,242,.22) !important;
  background:#f4faff !important;
  color:#090909 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-header-wallet .ms,
html body #djs-portal .djs-pill-cart .ms { color:#58b9f2 !important; }

/* New bottom navigation */
html body #djs-portal .djs-bottom-nav,
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav {
  position:absolute !important;
  z-index:999 !important;
  left:12px !important;
  right:12px !important;
  bottom:max(9px, env(safe-area-inset-bottom)) !important;
  width:auto !important;
  max-width:760px !important;
  height:76px !important;
  min-height:76px !important;
  margin:0 auto !important;
  transform:none !important;
  padding:7px 6px !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:3px !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid #dedede !important;
  border-radius:24px !important;
  box-shadow:0 16px 46px rgba(0,0,0,.14) !important;
  overflow:visible !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item {
  position:relative !important;
  min-width:0 !important;
  height:62px !important;
  margin:0 !important;
  padding:4px 1px 3px !important;
  display:grid !important;
  grid-template-rows:36px 15px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:1px !important;
  border:1px solid transparent !important;
  border-radius:17px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms {
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:#f7f7f7 !important;
  border:1px solid #eeeeee !important;
  color:#090909 !important;
  font-size:23px !important;
  line-height:1 !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge) {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:clamp(8px,2.25vw,10.5px) !important;
  line-height:13px !important;
  font-weight:900 !important;
  letter-spacing:-.35px !important;
  color:#090909 !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item.active {
  background:#f2f9fe !important;
  border-color:rgba(88,185,242,.22) !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item.active > .ms {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
  color:#090909 !important;
  box-shadow:0 6px 15px rgba(88,185,242,.22) !important;
}
/* Match the legacy fullscreen selector specificity so old mobile nav rules cannot bleed through. */
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item {
  height:62px !important; min-width:0 !important; padding:4px 1px 3px !important;
  display:grid !important; grid-template-rows:36px 15px !important; gap:1px !important;
  background:transparent !important; border:1px solid transparent !important; border-radius:17px !important; box-shadow:none !important;
}
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item > .ms {
  width:34px !important; height:34px !important; border-radius:12px !important;
  background:#f7f7f7 !important; border:1px solid #eeeeee !important; color:#090909 !important; font-size:23px !important;
}
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge) {
  display:block !important; width:100% !important; min-width:0 !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important;
  font-size:clamp(8px,2.25vw,10.5px) !important; line-height:13px !important; font-weight:900 !important; letter-spacing:-.35px !important; text-align:center !important;
}
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item.active {
  background:#f2f9fe !important; border-color:rgba(88,185,242,.22) !important; color:#090909 !important; transform:none !important;
}
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item.active > .ms {
  background:#58b9f2 !important; border-color:#58b9f2 !important; color:#090909 !important; box-shadow:0 6px 15px rgba(88,185,242,.22) !important; transform:none !important;
}

html body #djs-portal .djs-bottom-nav .djs-cart-count-badge:not(:empty) {
  top:0 !important;
  right:7px !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#58b9f2 !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  color:#090909 !important;
  font-size:9px !important;
  font-weight:1000 !important;
}

/* Universal surfaces: erase legacy navy/blue panels. */
html body #djs-portal .djs-card,
html body #djs-portal [class*="-card"],
html body #djs-portal [class*="-panel"],
html body #djs-portal [class*="-sheet"],
html body #djs-portal [class*="-box"],
html body #djs-portal [class*="-summary"],
html body #djs-portal [class*="-container"] {
  background:#fff !important;
  border-color:#e1e1e1 !important;
  color:#090909 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.055) !important;
}
/* Let actual promotional imagery remain imagery. */
html body #djs-portal .djs-promo-slide,
html body #djs-portal .djs-promo-slide *,
html body #djs-portal .djs-preview-banner-slide,
html body #djs-portal .djs-preview-banner-slide * { box-shadow:none !important; }

/* Search */
/* Exact store search component: legacy CSS used a hard navy surface here. */
html body #djs-portal .djs-store-search-bar {
  min-height:62px !important;
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:7px 8px 7px 16px !important;
  background:#ffffff !important; border:1.5px solid #d8d8d8 !important; border-radius:21px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.055) !important;
}
html body #djs-portal .djs-store-search-bar:focus-within {
  border-color:#58b9f2 !important; box-shadow:0 0 0 4px rgba(88,185,242,.08),0 10px 28px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-store-search-bar > .ms { color:#090909 !important; font-size:24px !important; }
html body #djs-portal .djs-store-search-bar input {
  min-height:44px !important; padding:0 !important; border:0 !important; background:transparent !important; color:#090909 !important; box-shadow:none !important; font-size:16px !important;
}
html body #djs-portal .djs-store-search-bar input:focus { box-shadow:none !important; border:0 !important; }
html body #djs-portal .djs-store-search-bar .djs-store-search-btn {
  width:48px !important; height:48px !important; min-width:48px !important; padding:0 !important; border-radius:15px !important; background:#58b9f2 !important; border:1px solid #2b93d2 !important; box-shadow:none !important;
}

html body #djs-portal .djs-preview-search-wrap,
html body #djs-portal .djs-search-wrap,
html body #djs-portal .djs-store-search,
html body #djs-portal [class*="search-wrap"] {
  background:#fff !important;
  border:1.5px solid #d9d9d9 !important;
  border-radius:20px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-preview-search-wrap:focus-within,
html body #djs-portal .djs-search-wrap:focus-within,
html body #djs-portal .djs-store-search:focus-within {
  border-color:#58b9f2 !important;
  box-shadow:0 0 0 4px rgba(88,185,242,.08) !important;
}
html body #djs-portal input,
html body #djs-portal textarea,
html body #djs-portal select,
html body #djs-portal .djs-readonly-field,
html body #djs-portal .djs-player-input-wrap {
  background:#fff !important;
  border-color:#d7d7d7 !important;
  color:#090909 !important;
  box-shadow:none !important;
}
html body #djs-portal input:focus,
html body #djs-portal textarea:focus,
html body #djs-portal select:focus,
html body #djs-portal .djs-player-input-wrap:focus-within {
  outline:none !important;
  border-color:#58b9f2 !important;
  box-shadow:0 0 0 4px rgba(88,185,242,.08) !important;
}
html body #djs-portal input[type="checkbox"],
html body #djs-portal input[type="radio"] { accent-color:#58b9f2 !important; }
html body #djs-portal .djs-preview-search-go,
html body #djs-portal #djs-home-search-btn,
html body #djs-portal #djs-store-search-btn {
  background:#58b9f2 !important;
  border:1px solid #2b93d2 !important;
  color:#090909 !important;
  box-shadow:0 8px 18px rgba(88,185,242,.18) !important;
}

/* Section titles */
html body #djs-portal .djs-section-title,
html body #djs-portal .djs-card-title,
html body #djs-portal .djs-wallet-section-head,
html body #djs-portal .djs-side-menu-title {
  color:#090909 !important;
  font-weight:1000 !important;
  letter-spacing:-.35px !important;
}
html body #djs-portal .djs-section-title > .ms,
html body #djs-portal .djs-card-title > .ms,
html body #djs-portal .djs-wallet-section-head .ms { color:#58b9f2 !important; }
html body #djs-portal .djs-see-all { color:#090909 !important; font-weight:900 !important; }

/* Homepage category cards */
html body #djs-portal .djs-preview-cat-row { gap:10px !important; }
html body #djs-portal .djs-preview-cat-tile {
  background:#fff !important;
  border:1px solid #dedede !important;
  border-radius:18px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.045) !important;
}
html body #djs-portal .djs-preview-cat-tile:hover { border-color:#58b9f2 !important; transform:translateY(-1px) !important; }
html body #djs-portal .djs-preview-cat-icon:not(.has-photo) {
  background:#f3f9fe !important;
  border:1px solid rgba(88,185,242,.18) !important;
}
html body #djs-portal .djs-preview-cat-icon:not(.has-photo) .ms { color:#58b9f2 !important; }
html body #djs-portal .djs-preview-cat-icon.has-photo { background:#fff !important; }
html body #djs-portal .djs-preview-cat-tile b { color:#090909 !important; }
html body #djs-portal .djs-preview-cat-tile small { color:#5b5b5b !important; }

/* Product preview cards / product grid */
html body #djs-portal .djs-preview-product-card,
html body #djs-portal .djs-product-card,
html body #djs-portal .djs-home-product-chip {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  border-radius:20px !important;
  box-shadow:0 9px 24px rgba(0,0,0,.055) !important;
  overflow:hidden !important;
}
html body #djs-portal .djs-preview-product-card:hover,
html body #djs-portal .djs-product-card:hover,
html body #djs-portal .djs-home-product-chip:hover { border-color:#58b9f2 !important; transform:translateY(-2px) !important; }
html body #djs-portal .djs-preview-poster-img,
html body #djs-portal .djs-product-card-media,
html body #djs-portal .djs-home-product-icon {
  background:#f5f5f5 !important;
}
html body #djs-portal .djs-preview-poster-img.has-photo { background:#f5f5f5 !important; }
html body #djs-portal .djs-preview-product-card b,
html body #djs-portal .djs-product-card b { color:#090909 !important; }
html body #djs-portal .djs-preview-product-card small,
html body #djs-portal .djs-product-card small { color:#555 !important; }
html body #djs-portal .djs-cat-row { background:transparent !important; }
html body #djs-portal .djs-cpill {
  background:#fff !important;
  border:1px solid #dedede !important;
  color:#090909 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-cpill.active {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
  color:#090909 !important;
}
html body #djs-portal .djs-product-loadmore {
  background:#fff !important;
  border:1.5px solid #111 !important;
  color:#090909 !important;
}

/* Account screen */
html body #djs-portal .djs-ref-account-shell,
html body #djs-portal .djs-ref-account-left,
html body #djs-portal .djs-ref-account-main { background:#fff !important; }
html body #djs-portal .djs-ref-acct-card,
html body #djs-portal .djs-ref-profile-card,
html body #djs-portal .djs-side-menu-card,
html body #djs-portal .djs-ref-panel {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-ref-profile-card {
  background:linear-gradient(135deg,#fff 0%,#f4faff 100%) !important;
  border-color:rgba(88,185,242,.28) !important;
}
html body #djs-portal .djs-ref-avatar,
html body #djs-portal .djs-avatar {
  background:#58b9f2 !important;
  border:0 !important;
  color:#090909 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-ref-status-pill,
html body #djs-portal .djs-vip-badge {
  background:#fff !important;
  border:1px solid #dedede !important;
  color:#090909 !important;
}
html body #djs-portal .djs-side-menu-item,
html body #djs-portal .djs-ref-setting-row,
html body #djs-portal .djs-ref-nav-item {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  border-radius:17px !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-side-menu-item > .ms,
html body #djs-portal .djs-ref-setting-row > .ms,
html body #djs-portal .djs-ref-nav-item > .ms {
  background:#f3f9fe !important;
  color:#58b9f2 !important;
  border:1px solid rgba(88,185,242,.14) !important;
}
html body #djs-portal .djs-side-menu-item:hover,
html body #djs-portal .djs-ref-setting-row:hover,
html body #djs-portal .djs-ref-nav-item.active { border-color:#58b9f2 !important; background:#fff6f6 !important; }

/* Wallet */
html body #djs-portal .djs-wallet-hero-premium,
html body #djs-portal .djs-recharge-hero {
  background:linear-gradient(135deg,#fff 0%,#f2f9fe 100%) !important;
  border:1px solid rgba(88,185,242,.25) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.06) !important;
}
html body #djs-portal .djs-wallet-orb {
  background:#fff !important;
  border:1px solid #111 !important;
}
html body #djs-portal .djs-wallet-add-balance {
  background:#58b9f2 !important;
  border:1px solid #c8000b !important;
  color:#090909 !important;
  box-shadow:0 9px 24px rgba(88,185,242,.18) !important;
}
html body #djs-portal .djs-wallet-stats-row > div {
  background:#fff !important;
  border:1px solid #e3e3e3 !important;
}
html body #djs-portal .djs-wallet-transactions-card {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.055) !important;
}
html body #djs-portal .djs-wallet-filter-tabs {
  background:#f7f7f7 !important;
  border:1px solid #e7e7e7 !important;
}
html body #djs-portal .djs-wallet-filter-tabs button {
  background:#fff !important;
  border:1px solid #dedede !important;
  color:#090909 !important;
}
html body #djs-portal .djs-wallet-filter-tabs button.active {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
}
html body #djs-portal .djs-txn-row,
html body #djs-portal .djs-wallet-txn-row {
  background:#fff !important;
  border:1px solid #e6e6e6 !important;
}

/* Orders */
html body #djs-portal .djs-filter-pills,
html body #djs-portal .djs-orders-filters,
html body #djs-portal .djs-order-tabs {
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
html body #djs-portal #djs-screen-orders .djs-order-tabs .djs-pill {
  min-height:48px !important; padding:0 16px !important; border-radius:16px !important;
  background:#fff !important; border:1px solid #dedede !important; color:#090909 !important; box-shadow:none !important;
  font-size:13px !important; font-weight:950 !important;
}
html body #djs-portal #djs-screen-orders .djs-order-tabs .djs-pill.active {
  background:#58b9f2 !important; border-color:#58b9f2 !important; color:#090909 !important; box-shadow:0 7px 18px rgba(88,185,242,.15) !important;
}
html body #djs-portal #djs-screen-orders .djs-order-tabs .djs-pill .ms { color:#090909 !important; font-size:19px !important; }

html body #djs-portal .djs-filter-pill,
html body #djs-portal .djs-orders-filter,
html body #djs-portal [data-order-filter] {
  background:#fff !important;
  border:1px solid #dedede !important;
  color:#090909 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-filter-pill.active,
html body #djs-portal .djs-orders-filter.active,
html body #djs-portal [data-order-filter].active {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
}
html body #djs-portal .djs-order-card,
html body #djs-portal .djs-order-sheet,
html body #djs-portal .djs-order-sheet-section,
html body #djs-portal .djs-order-complete-head {
  background:#fff !important;
  border-color:#e1e1e1 !important;
}
html body #djs-portal .djs-order-complete-head { border-left:4px solid #58b9f2 !important; }

/* Cart / checkout */
html body #djs-portal .djs-cart-hero-v2 {
  background:linear-gradient(135deg,#ffffff 0%,#f2f9fe 100%) !important;
  border:1px solid rgba(88,185,242,.22) !important; border-radius:24px !important; box-shadow:0 10px 30px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-cart-hero-v2 h2,
html body #djs-portal .djs-cart-hero-v2 p,
html body #djs-portal .djs-cart-hero-eyebrow { color:#090909 !important; -webkit-text-fill-color:#090909 !important; }
html body #djs-portal .djs-cart-hero-eyebrow { background:#fff !important; border:1px solid rgba(88,185,242,.20) !important; }
html body #djs-portal .djs-cart-hero-icon { background:#58b9f2 !important; border:0 !important; box-shadow:none !important; }
html body #djs-portal .djs-cart-hero-icon .ms { color:#090909 !important; }
html body #djs-portal #djs-screen-cart .djs-card,
html body #djs-portal #djs-screen-checkout .djs-card,
html body #djs-portal #djs-cart-summary,
html body #djs-portal .djs-payment-card-v2,
html body #djs-portal .djs-payment-options-v2,
html body #djs-portal .djs-pm-option-premium {
  background:#fff !important; border-color:#e0e0e0 !important; color:#090909 !important; box-shadow:0 9px 26px rgba(0,0,0,.045) !important;
}

html body #djs-portal .djs-cart-item,
html body #djs-portal .djs-cart-promo,
html body #djs-portal .djs-cart-summary,
html body #djs-portal .djs-payment-card,
html body #djs-portal .djs-payment-method,
html body #djs-portal .djs-checkout-card,
html body #djs-portal .djs-checkout-section {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.045) !important;
}
html body #djs-portal #djs-promo-apply,
html body #djs-portal .djs-btn-primary,
html body #djs-portal .djs-btn-orange,
html body #djs-portal button[class*="submit"],
html body #djs-portal button[class*="confirm"],
html body #djs-portal button[class*="pay"],
html body #djs-portal button[class*="buy"],
html body #djs-portal button[class*="claim"] {
  background:#58b9f2 !important;
  border:1px solid #2b93d2 !important;
  color:#090909 !important;
  box-shadow:0 8px 20px rgba(88,185,242,.16) !important;
}
html body #djs-portal .djs-btn-secondary,
html body #djs-portal button[class*="secondary"],
html body #djs-portal button[class*="ghost"] {
  background:#fff !important;
  border:1px solid #111 !important;
  color:#090909 !important;
  box-shadow:none !important;
}

/* Product detail and plans */
html body #djs-portal #djs-screen-product .djs-plan-card {
  background:#fff !important; border:1px solid #dedede !important; color:#090909 !important; box-shadow:0 12px 34px rgba(0,0,0,.06) !important;
}
html body #djs-portal #djs-screen-product .djs-plan-media {
  background:linear-gradient(135deg,#58b9f2,#2388c9) !important; color:#090909 !important; box-shadow:none !important;
}
html body #djs-portal #djs-screen-product .djs-plan-media .ms { color:#090909 !important; }
html body #djs-portal #djs-screen-product .djs-plan-price,
html body #djs-portal #djs-screen-product .djs-plan-name,
html body #djs-portal #djs-screen-product .djs-plan-desc { color:#090909 !important; }

html body #djs-portal .djs-product-hero {
  background:linear-gradient(135deg,#fff 0%,#fff5f5 100%) !important;
  border-bottom:1px solid #ececec !important;
}
html body #djs-portal .djs-plan-card,
html body #djs-portal .djs-pack-card,
html body #djs-portal .djs-game-pack-card,
html body #djs-portal .djs-subscription-card {
  background:#fff !important;
  border:1px solid #dedede !important;
  box-shadow:0 12px 30px rgba(0,0,0,.055) !important;
}
html body #djs-portal .djs-plan-card::before,
html body #djs-portal .djs-pack-card::before { background:#58b9f2 !important; }
html body #djs-portal .djs-plan-icon,
html body #djs-portal .djs-plan-top,
html body #djs-portal .djs-pack-icon {
  background:#f3f9fe !important;
  border-color:rgba(88,185,242,.18) !important;
}
html body #djs-portal .djs-plan-popular-tag,
html body #djs-portal [class*="popular-tag"] {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
  color:#090909 !important;
}

/* Chat / messages */
html body #djs-portal .djs-chat-screen,
html body #djs-portal .djs-chat-wrap,
html body #djs-portal .djs-chat-body,
html body #djs-portal .djs-message-center,
html body #djs-portal .djs-message-list { background:#fff !important; }
html body #djs-portal .djs-chat-department,
html body #djs-portal .djs-message-card,
html body #djs-portal .djs-chat-thread,
html body #djs-portal .djs-ticket-card {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.045) !important;
}
html body #djs-portal .djs-chat-department .ms,
html body #djs-portal .djs-message-card .ms { color:#58b9f2 !important; }
html body #djs-portal .djs-chat-composer { background:#fff !important; border-top:1px solid #e4e4e4 !important; }

/* Zefame, points, invite, accessories, VIP, voucher and miscellaneous modules */
html body #djs-portal .djs-zefame-hero,
html body #djs-portal .djs-zefame-panel,
html body #djs-portal .djs-zefame-description,
html body #djs-portal .djs-points-card,
html body #djs-portal .djs-reward-card,
html body #djs-portal .djs-invite-card,
html body #djs-portal .djs-ga-card,
html body #djs-portal .djs-voucher-card,
html body #djs-portal .djs-credit-card,
html body #djs-portal .djs-vip-card {
  background:#fff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-zefame-tabs,
html body #djs-portal .djs-invite-tabs { background:#f7f7f7 !important; border:1px solid #e6e6e6 !important; }
html body #djs-portal .djs-zefame-tabs button,
html body #djs-portal .djs-invite-tabs button { background:#fff !important; border-color:#dedede !important; }
html body #djs-portal .djs-zefame-tabs button.active,
html body #djs-portal .djs-invite-tabs button.active { background:#58b9f2 !important; border-color:#58b9f2 !important; }

/* Auth */
html body #djs-portal .djs-auth-hero {
  background:linear-gradient(145deg,#fff 0%,#f3f9fe 100%) !important;
  border-bottom:2px solid #58b9f2 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-auth-gem { background:#58b9f2 !important; color:#090909 !important; }
html body #djs-portal .djs-tabs {
  background:#f6f6f6 !important;
  border:1px solid #e5e5e5 !important;
}
html body #djs-portal .djs-tab { background:transparent !important; border:0 !important; }
html body #djs-portal .djs-tab.active { background:#fff !important; border:1px solid #58b9f2 !important; }

/* Empty/loading states */
html body #djs-portal .djs-empty,
html body #djs-portal .djs-loading {
  background:#fff !important;
  border-color:#e2e2e2 !important;
  color:#090909 !important;
}
html body #djs-portal .djs-loading .ms { color:#58b9f2 !important; }

/* Status / alert chips */
html body #djs-portal .djs-alert,
html body #djs-portal [class*="status"],
html body #djs-portal [class*="badge"] { color:#090909 !important; }
html body #djs-portal .djs-alert-error,
html body #djs-portal [class*="error"],
html body #djs-portal [class*="failed"] {
  background:#eef8fe !important;
  border-color:rgba(88,185,242,.30) !important;
}
html body #djs-portal .djs-alert-success,
html body #djs-portal [class*="success"],
html body #djs-portal [class*="completed"],
html body #djs-portal [class*="delivered"] {
  background:#f8f8f8 !important;
  border-color:#d8d8d8 !important;
}

/* Toast */
html body #djs-toast-container .djs-toast {
  background:#fff !important;
  color:#090909 !important;
  border:1px solid #dedede !important;
  box-shadow:0 16px 44px rgba(0,0,0,.16) !important;
}
html body #djs-toast-container .djs-toast--error { border-left:4px solid #58b9f2 !important; }

/* Decorative legacy glows/bubbles should not tint white surfaces. */
html body #djs-portal .djs-glass-bubbles { opacity:.18 !important; }
html body #djs-portal .djs-bubble { background:rgba(88,185,242,.14) !important; border-color:rgba(88,185,242,.18) !important; }
html body #djs-portal [class*="glow"] { box-shadow:none !important; }
html body #djs-portal img { filter:none !important; }

/* Mobile polish */
@media (max-width:700px) {
  html body #djs-portal .djs-topbar,
  html body #djs-portal .djs-back-bar { min-height:66px !important; padding:9px 14px !important; }
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav {
    left:8px !important;
    right:8px !important;
    bottom:max(7px, env(safe-area-inset-bottom)) !important;
    height:72px !important;
    min-height:72px !important;
    padding:5px 4px !important;
    border-radius:22px !important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item { height:60px !important; grid-template-rows:35px 14px !important; border-radius:15px !important; }
  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms { width:33px !important; height:33px !important; font-size:22px !important; }
  html body #djs-portal .djs-scroller { padding-bottom:96px !important; }
  html body #djs-portal .djs-content-wrap { padding-left:14px !important; padding-right:14px !important; }
  html body #djs-portal .djs-preview-cat-tile { border-radius:17px !important; }
}

@media (max-width:390px) {
  html body #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge) {
    font-size:8.1px !important;
    letter-spacing:-.45px !important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms { width:31px !important; height:31px !important; font-size:21px !important; }
}

@media (min-width:900px) {
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav { bottom:16px !important; }
}

/* ================================================================
   2.18.4 final screenshot-specific cleanup
   These selectors intentionally carry enough specificity to beat the
   older component redesigns that used !important extensively.
================================================================ */

/* Product media must never fall back to old blue/navy thumbnail colors. */
html body #djs-portal .djs-product-card__img,
html body #djs-portal .djs-preview-poster-img:not(.has-photo),
html body #djs-portal .djs-home-product-icon {
  background:#f5f5f5 !important;
  border-color:#ececec !important;
}
html body #djs-portal .djs-product-card__img > .ms,
html body #djs-portal .djs-product-card__img .djs-product-emoji { color:#58b9f2 !important; }

/* Account: clean white cards, red accents, no navy/purple blocks. */
html body #djs-portal #djs-screen-home .djs-acct-card,
html body #djs-portal #djs-screen-home .djs-acct-profile-card,
html body #djs-portal #djs-screen-home .djs-acct-nav-card,
html body #djs-portal #djs-screen-home .djs-acct-orders-card,
html body #djs-portal #djs-screen-home .djs-acct-support-card,
html body #djs-portal #djs-screen-home .djs-acct-settings-card {
  background:#fff !important;
  border:1px solid #e2e2e2 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.05) !important;
}
html body #djs-portal #djs-screen-home .djs-acct-avatar {
  background:#58b9f2 !important; color:#090909 !important; box-shadow:none !important;
}
html body #djs-portal #djs-screen-home .djs-status-pill {
  background:#f2f9fe !important; border:1px solid rgba(88,185,242,.18) !important; color:#090909 !important;
}
html body #djs-portal #djs-screen-home .djs-acct-wallet-card,
html body #djs-portal #djs-screen-home .djs-dc-box {
  background:linear-gradient(135deg,#fff,#f2f9fe) !important;
  border:1px solid rgba(88,185,242,.24) !important;
  color:#090909 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.05) !important;
}
html body #djs-portal #djs-screen-home .djs-wallet-add,
html body #djs-portal #djs-screen-home .djs-dc-btn {
  background:#58b9f2 !important; border:1px solid #2b93d2 !important; color:#090909 !important;
}
html body #djs-portal #djs-screen-home .djs-dc-code { background:#fff !important; border:1px solid #dedede !important; }
html body #djs-portal #djs-screen-home .djs-acct-nav-item {
  background:#fff !important; border:1px solid #e4e4e4 !important; color:#090909 !important; box-shadow:none !important;
}
html body #djs-portal #djs-screen-home .djs-acct-nav-item .ms {
  width:42px !important; height:42px !important; display:grid !important; place-items:center !important;
  border-radius:14px !important; background:#f2f9fe !important; color:#58b9f2 !important;
}
html body #djs-portal #djs-screen-home .djs-acct-nav-item.active,
html body #djs-portal #djs-screen-home .djs-acct-nav-item:hover,
html body #djs-portal #djs-screen-home .djs-acct-nav-item:active {
  background:#f2f9fe !important; border-color:rgba(88,185,242,.25) !important; color:#090909 !important; transform:none !important;
}

/* Message center / chat department cards. */
html body #djs-portal .djs-chat-dept-card,
html body #djs-portal .djs-uc-card {
  background:#fff !important; border:1px solid #e1e1e1 !important; box-shadow:0 9px 25px rgba(0,0,0,.045) !important;
}
html body #djs-portal .djs-chat-dept-card > .ms,
html body #djs-portal .djs-chat-dept-card .djs-chat-logo {
  background:#58b9f2 !important; color:#090909 !important; box-shadow:none !important;
}
html body #djs-portal .djs-chat-dept-card em { color:#090909 !important; }

/* Compact premium plan carousel instead of the oversized legacy cards. */
html body #djs-portal #djs-screen-product .djs-plan-slider {
  gap:14px !important; padding:8px 2px 18px !important;
}
html body #djs-portal #djs-screen-product .djs-plan-card {
  flex:0 0 min(78vw,360px) !important;
  min-height:370px !important;
  border-radius:24px !important;
  padding:18px !important;
  gap:7px !important;
}
html body #djs-portal #djs-screen-product .djs-plan-media {
  height:145px !important; border-radius:19px !important; font-size:44px !important;
}
html body #djs-portal #djs-screen-product .djs-plan-name { font-size:24px !important; }
html body #djs-portal #djs-screen-product .djs-plan-price { font-size:31px !important; }
html body #djs-portal #djs-screen-product .djs-btn-add-plan { min-height:48px !important; border-radius:15px !important; }

/* No dark-theme flash even if a stale document arrives with data-theme="dark". */
html[data-theme="dark"] body #djs-portal .djs-store-search-bar,
html[data-theme="dark"] body #djs-portal .djs-preview-cat-tile,
html[data-theme="dark"] body #djs-portal .djs-product-card,
html[data-theme="dark"] body #djs-portal .djs-preview-product-card,
html[data-theme="dark"] body #djs-portal #djs-screen-home .djs-acct-card,
html[data-theme="dark"] body #djs-portal #djs-screen-product .djs-plan-card,
html[data-theme="dark"] body #djs-portal .djs-chat-dept-card,
html[data-theme="dark"] body #djs-portal #djs-screen-cart .djs-card,
html[data-theme="dark"] body #djs-portal #djs-screen-wallet .djs-wallet-transactions-card {
  background:#fff !important; color:#090909 !important; border-color:#e1e1e1 !important;
}

@media (min-width:900px) {
  html body #djs-portal #djs-screen-product .djs-plan-card { flex-basis:340px !important; }
}
@media (max-width:520px) {
  html body #djs-portal .djs-store-search-bar { min-height:56px !important; border-radius:18px !important; }
  html body #djs-portal .djs-store-search-bar .djs-store-search-btn { width:44px !important; height:44px !important; min-width:44px !important; }
  html body #djs-portal #djs-screen-product .djs-plan-card { min-height:350px !important; flex-basis:82vw !important; padding:16px !important; }
  html body #djs-portal #djs-screen-product .djs-plan-media { height:132px !important; }
}

/* Final brand rule: every readable glyph is black; red is reserved for accents/surfaces. */
html body #djs-portal .djs-screen *,
html body #djs-portal .djs-topbar *,
html body #djs-portal .djs-back-bar * {
  color:#090909 !important;
  -webkit-text-fill-color:#090909 !important;
  text-shadow:none !important;
}
html body #djs-portal .djs-logo em { color:#090909 !important; -webkit-text-fill-color:#090909 !important; }
html body #djs-portal .djs-product-hero-bg,
html body #djs-portal .djs-game-product-hero .djs-product-hero-bg {
  background:linear-gradient(135deg,#ffffff,#f2f9fe) !important;
  border:1px solid rgba(88,185,242,.18) !important;
}

/* Neutralize legacy "intentional dark" areas too — this build has no dark customer surfaces. */
html body #djs-portal .djs-auth-hero,
html body #djs-portal .djs-store-hero,
html body #djs-portal .djs-product-hero-bg,
html body #djs-portal .djs-thankyou-hero,
html body #djs-portal .djs-giveaway-wrap,
html body #djs-portal .djs-exchange-pro,
html body #djs-portal .djs-credit-hero,
html body #djs-portal #djs-screen-offers .djs-offer-card,
html body #djs-portal #djs-screen-offers .djs-offers-faq,
html body #djs-portal #djs-screen-points .djs-points-dashboard {
  background:linear-gradient(135deg,#fff,#f2f9fe) !important;
  border-color:rgba(88,185,242,.20) !important;
  color:#090909 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.05) !important;
}
html body #djs-portal .djs-auth-hero *,
html body #djs-portal .djs-store-hero *,
html body #djs-portal .djs-product-hero-bg *,
html body #djs-portal .djs-thankyou-hero *,
html body #djs-portal .djs-giveaway-wrap *,
html body #djs-portal .djs-exchange-pro *,
html body #djs-portal .djs-credit-hero *,
html body #djs-portal #djs-screen-offers .djs-offer-card *,
html body #djs-portal #djs-screen-offers .djs-offers-faq *,
html body #djs-portal #djs-screen-points .djs-points-dashboard * {
  color:#090909 !important;
  -webkit-text-fill-color:#090909 !important;
  text-shadow:none !important;
}

/* ======================================================================
   DjimlyStore Digital — Product / Cashback UI rebuild 2.18.5
   Reference-driven layout: compact white cards, red/black accents.
   This block intentionally wins over legacy product/game styling.
====================================================================== */

html body #djs-portal {
  --djs-r:#58b9f2;
  --djs-r2:#b9000b;
  --djs-k:#0b0b0d;
  --djs-g:#14875c;
  --djs-g-soft:#eafff5;
  --djs-paper:#ffffff;
  --djs-page:#f4f5f7;
  --djs-line2:#e6e7ea;
  --djs-muted2:#7a7f8b;
  --djs-card-shadow:0 10px 30px rgba(10,16,30,.065);
  --djs-card-shadow-2:0 14px 38px rgba(10,16,30,.10);
}

/* All app surfaces stay light. */
html body #djs-portal .djs-screen,
html body #djs-portal .djs-scroller,
html body #djs-portal .djs-content-wrap,
html body #djs-portal .djs-game-modern-wrap,
html body #djs-portal #djs-screen-product .djs-content-wrap {
  background:#fff !important;
}

/* ======================================================================
   Unified RETOUR bar — reference image 6
====================================================================== */
html body #djs-portal .djs-back-bar {
  min-height:88px !important;
  padding:16px 24px !important;
  gap:14px !important;
  background:#fff !important;
  border-bottom:1px solid #ededee !important;
  box-shadow:none !important;
  align-items:center !important;
}

html body #djs-portal .djs-back-bar .djs-return-btn,
html body #djs-portal .djs-chat-header .djs-return-btn {
  width:auto !important;
  min-width:146px !important;
  height:58px !important;
  padding:0 24px !important;
  border:1px solid #e4e5e8 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 4px 9px rgba(10,16,30,.10), 0 1px 2px rgba(10,16,30,.06) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:#0b0b0d !important;
  -webkit-text-fill-color:#0b0b0d !important;
}
html body #djs-portal .djs-return-btn > .ms {
  width:auto !important;
  height:auto !important;
  border:0 !important;
  background:transparent !important;
  font-size:29px !important;
  color:#0b0b0d !important;
  -webkit-text-fill-color:#0b0b0d !important;
}
html body #djs-portal .djs-return-btn > span:last-child {
  display:inline !important;
  font:inherit !important;
}
html body #djs-portal .djs-back-title {
  font-size:24px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  letter-spacing:-.03em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
}
html body #djs-portal .djs-back-bar .djs-pill-cart {
  margin-left:auto !important;
  flex:0 0 auto !important;
  border:1px solid #efb9bd !important;
  background:#fff7f7 !important;
  border-radius:999px !important;
  min-height:42px !important;
  padding:0 14px !important;
  box-shadow:none !important;
}

/* ======================================================================
   Bottom navigation — smaller premium dock
====================================================================== */
html body #djs-portal .djs-bottom-nav,
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  bottom:max(12px, env(safe-area-inset-bottom)) !important;
  width:min(760px, calc(100% - 26px)) !important;
  min-height:76px !important;
  height:auto !important;
  padding:8px !important;
  border:1px solid #e5e5e8 !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 16px 44px rgba(9,12,20,.13) !important;
  backdrop-filter:blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1) !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:4px !important;
  overflow:visible !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item,
html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item {
  min-width:0 !important;
  width:100% !important;
  height:60px !important;
  padding:4px 2px 5px !important;
  border:1px solid transparent !important;
  border-radius:18px !important;
  background:transparent !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-rows:34px 15px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:1px !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms {
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #e9eaec !important;
  border-radius:11px !important;
  background:#f7f7f8 !important;
  font-size:22px !important;
  font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24 !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge) {
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:11px !important;
  font-weight:760 !important;
  letter-spacing:-.02em !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item.active {
  background:#f4faff !important;
  border-color:#ffb7bd !important;
}
html body #djs-portal .djs-bottom-nav .djs-bn-item.active > .ms {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
  color:#090909 !important;
  -webkit-text-fill-color:#090909 !important;
}

/* Give scrolling screens enough room above the floating dock. */
html body #djs-portal .djs-scroller { padding-bottom:112px !important; }

/* ======================================================================
   Game product — vertical compact pack rows (reference image 2)
====================================================================== */
html body #djs-portal #djs-screen-game .djs-product-hero {
  padding:20px 24px 6px !important;
  background:#fff !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-card {
  width:100% !important;
  max-width:920px !important;
  margin:0 auto !important;
  padding:18px !important;
  border:1px solid #e7e8eb !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) auto !important;
  gap:18px !important;
  align-items:center !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-photo {
  width:104px !important;
  height:104px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#f0f1f3 !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-copy h2 {
  margin:5px 0 5px !important;
  font-size:27px !important;
  font-weight:850 !important;
  line-height:1.05 !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-copy p {
  margin:0 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  color:#60646d !important;
  -webkit-text-fill-color:#60646d !important;
}
html body #djs-portal #djs-screen-game .djs-game-deal-pill {
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:6px 10px !important;
  border:1px solid #ffc4c8 !important;
  border-radius:999px !important;
  background:#fff5f6 !important;
  font-size:11px !important;
  font-weight:780 !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-save {
  width:42px !important;
  height:42px !important;
  border:1px solid #e5e5e7 !important;
  border-radius:50% !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
}
html body #djs-portal #djs-screen-game .djs-game-hero-save b { display:none !important; }

html body #djs-portal .djs-game-modern-wrap {
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:18px 24px 24px !important;
}
html body #djs-portal .djs-game-region-block {
  width:100% !important;
  margin:6px 0 18px !important;
  padding:16px 18px !important;
  border:1px solid #e6e8eb !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 6px 20px rgba(12,18,28,.045) !important;
}
html body #djs-portal .djs-game-section-label {
  margin:0 0 12px !important;
  font-size:19px !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-region-pills {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
html body #djs-portal .djs-region-pill {
  min-width:110px !important;
  height:48px !important;
  padding:0 20px !important;
  border:1px solid #dfe1e5 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:790 !important;
}
html body #djs-portal .djs-region-pill.active {
  background:#58b9f2 !important;
  border-color:#58b9f2 !important;
  color:#090909 !important;
  -webkit-text-fill-color:#090909 !important;
  box-shadow:0 8px 20px rgba(88,185,242,.15) !important;
}
html body #djs-portal .djs-game-value-line {
  margin:0 0 20px !important;
  padding:0 2px 14px !important;
  border-bottom:1px solid #e7e8ea !important;
  font-size:17px !important;
  font-weight:740 !important;
}
html body #djs-portal .djs-game-pack-title {
  margin:0 0 14px !important;
  font-size:22px !important;
  font-weight:850 !important;
}
html body #djs-portal #djs-game-packs,
html body #djs-portal .djs-game-packs {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:16px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  padding:0 0 10px !important;
  margin:0 !important;
  width:100% !important;
}
html body #djs-portal .djs-pack-card.djs-pack-list-card {
  appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:142px !important;
  margin:0 !important;
  padding:14px 16px !important;
  border:1px solid #e5e7ea !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) 155px !important;
  gap:16px !important;
  align-items:center !important;
  text-align:left !important;
  scroll-snap-align:none !important;
  overflow:hidden !important;
  position:relative !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
html body #djs-portal .djs-pack-card.djs-pack-list-card:hover {
  transform:translateY(-1px) !important;
  border-color:#ffc2c7 !important;
  box-shadow:var(--djs-card-shadow-2) !important;
}
html body #djs-portal .djs-pack-list-card .djs-game-pack-img-wrap {
  width:112px !important;
  height:112px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#f3f4f6 !important;
  display:block !important;
  flex:none !important;
}
html body #djs-portal .djs-pack-list-card .djs-game-pack-photo,
html body #djs-portal .djs-pack-list-card .djs-game-pack-photo.has-photo {
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f1f2f4 !important;
  display:grid !important;
  place-items:center !important;
}
html body #djs-portal .djs-pack-list-card .djs-game-pack-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-list-main {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-product-label {
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#9a9da5 !important;
  -webkit-text-fill-color:#9a9da5 !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.03em !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-title {
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:21px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-cashback {
  display:inline-flex !important;
  width:auto !important;
  align-items:center !important;
  gap:7px !important;
  padding:5px 10px !important;
  border:1px solid #9be9c9 !important;
  border-radius:999px !important;
  background:var(--djs-g-soft) !important;
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  font-size:13px !important;
  font-weight:760 !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-cashback i {
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#59dbad !important;
  display:block !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-desc {
  width:100% !important;
  color:#9a9da5 !important;
  -webkit-text-fill-color:#9a9da5 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-style:italic !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-list-side {
  min-width:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;
  justify-items:end !important;
  align-items:start !important;
  gap:4px !important;
  text-align:right !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-list-side strong,
html body #djs-portal .djs-pack-list-card .djs-pack-price {
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-list-side em {
  font-style:normal !important;
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-list-side small {
  color:#777c86 !important;
  -webkit-text-fill-color:#777c86 !important;
  font-size:11px !important;
  display:flex !important;
  align-items:center !important;
  gap:3px !important;
}
html body #djs-portal .djs-pack-list-card .djs-pack-arrow {
  align-self:end !important;
  font-size:24px !important;
  color:#555b67 !important;
  -webkit-text-fill-color:#555b67 !important;
}
html body #djs-portal .djs-pack-card.djs-hidden-by-region { display:none !important; }

/* ======================================================================
   Game pack modal — page-like detail (reference image 5)
====================================================================== */
html body #djs-portal .djs-game-modal-backdrop {
  position:fixed !important;
  inset:0 !important;
  z-index:99980 !important;
  background:rgba(9,12,18,.36) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}
html body #djs-portal .djs-game-modal {
  position:fixed !important;
  z-index:99990 !important;
  inset:0 !important;
  width:min(720px,100%) !important;
  max-width:100% !important;
  height:100dvh !important;
  max-height:100dvh !important;
  margin:0 auto !important;
  padding:18px 22px calc(28px + env(safe-area-inset-bottom)) !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f2f3f6 !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}
html body #djs-portal .djs-game-modal-handle { display:none !important; }
html body #djs-portal .djs-game-modal-head {
  position:sticky !important;
  top:-18px !important;
  z-index:5 !important;
  margin:-18px -22px 18px !important;
  padding:14px 22px !important;
  min-height:72px !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid #e7e7e9 !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
html body #djs-portal .djs-game-modal-head small {
  color:#80848d !important;
  -webkit-text-fill-color:#80848d !important;
  font-size:11px !important;
  font-weight:760 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
html body #djs-portal .djs-game-modal-head h3 {
  margin:2px 0 0 !important;
  font-size:20px !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-game-modal-close {
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border:1px solid #dedfe2 !important;
  border-radius:15px !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
}
html body #djs-portal .djs-game-modal-pack {
  padding:0 !important;
  margin:0 0 16px !important;
  background:transparent !important;
  border:0 !important;
}
html body #djs-portal .djs-game-modal-cover {
  width:100% !important;
  height:260px !important;
  overflow:hidden !important;
  border:1px solid #e1e2e5 !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
}
html body #djs-portal .djs-game-modal-cover img {
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}
html body #djs-portal .djs-game-modal-product-card {
  margin-top:14px !important;
  padding:18px !important;
  border:1px solid #e3e4e7 !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
}
html body #djs-portal .djs-game-modal-product-meta {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:14px !important;
}
html body #djs-portal .djs-game-modal-product-meta span {
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:#fff5f6 !important;
  border:1px solid #ffc3c8 !important;
  font-size:12px !important;
  font-weight:760 !important;
}
html body #djs-portal .djs-game-modal-product-meta span:first-child {
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  background:var(--djs-g-soft) !important;
  border-color:#a3eacc !important;
}
html body #djs-portal .djs-game-modal-product-row {
  padding:2px 0 16px !important;
  border-bottom:1px solid #ececee !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
}
html body #djs-portal .djs-game-modal-product-row b {
  font-size:22px !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-game-modal-product-row > div:last-child {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:4px !important;
}
html body #djs-portal .djs-game-modal-product-row strong {
  font-size:25px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-game-modal-product-row em {
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  font-style:normal !important;
  font-weight:800 !important;
  font-size:13px !important;
}
html body #djs-portal .djs-game-modal-know {
  margin-top:16px !important;
  padding:13px 14px !important;
  border:1px solid #f0c8cb !important;
  border-radius:18px !important;
  background:#fff8f8 !important;
}
html body #djs-portal .djs-game-modal-know b {
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
  color:#58b9f2 !important;
  -webkit-text-fill-color:#58b9f2 !important;
  font-size:13px !important;
}
html body #djs-portal .djs-game-modal-know b .ms { color:#58b9f2 !important; -webkit-text-fill-color:#58b9f2 !important; }
html body #djs-portal .djs-game-modal-know p {
  margin:6px 0 0 !important;
  color:#5f626b !important;
  -webkit-text-fill-color:#5f626b !important;
  font-size:13px !important;
  line-height:1.48 !important;
}
html body #djs-portal .djs-game-modal-fields {
  margin:16px 0 0 !important;
  padding:18px !important;
  border:1px solid #e3e4e7 !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
  display:grid !important;
  gap:14px !important;
}
html body #djs-portal .djs-game-modal-field {
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
}
html body #djs-portal .djs-game-modal-field > span {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  font-size:15px !important;
  font-weight:780 !important;
}
html body #djs-portal .djs-game-modal-field input,
html body #djs-portal .djs-game-modal-field select {
  width:100% !important;
  height:54px !important;
  padding:0 15px !important;
  border:1px solid #dfe1e5 !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:inset 0 1px 2px rgba(12,18,28,.025) !important;
  font-size:16px !important;
  font-weight:650 !important;
  outline:none !important;
}
html body #djs-portal .djs-game-modal-field input:focus,
html body #djs-portal .djs-game-modal-field select:focus {
  border-color:#58b9f2 !important;
  box-shadow:0 0 0 3px rgba(88,185,242,.09) !important;
}
html body #djs-portal .djs-game-modal-region {
  padding:12px 14px !important;
  border:1px solid #e8e8eb !important;
  border-radius:14px !important;
  background:#fafafa !important;
  font-size:13px !important;
}
html body #djs-portal .djs-ff-uid-result {
  padding:11px 13px !important;
  border-radius:14px !important;
  font-size:13px !important;
  font-weight:700 !important;
}
html body #djs-portal .djs-ff-uid-result.success {
  background:#eafff5 !important;
  border:1px solid #a6ebcf !important;
  color:#147451 !important;
  -webkit-text-fill-color:#147451 !important;
}
html body #djs-portal .djs-game-modal-note {
  margin:14px 0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#686c75 !important;
  -webkit-text-fill-color:#686c75 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
html body #djs-portal .djs-game-modal-actions {
  display:grid !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
}
html body #djs-portal #djs-game-modal-verify,
html body #djs-portal #djs-game-modal-submit {
  width:100% !important;
  min-height:56px !important;
  border:0 !important;
  border-radius:17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:16px !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
}
html body #djs-portal #djs-game-modal-verify {
  background:#080910 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #djs-portal #djs-game-modal-verify .ms { color:#fff !important; -webkit-text-fill-color:#fff !important; }
html body #djs-portal #djs-game-modal-submit {
  background:#58b9f2 !important;
  color:#090909 !important;
  -webkit-text-fill-color:#090909 !important;
}
html body #djs-portal #djs-game-modal-submit:disabled {
  background:#c7cad1 !important;
  color:#777b84 !important;
  -webkit-text-fill-color:#777b84 !important;
  opacity:1 !important;
}

/* ======================================================================
   Streaming / Music / Tools detail — reference image 4
====================================================================== */
html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-scroller {
  background:#f1f2f5 !important;
}
html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-product-hero {
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:22px 24px 0 !important;
  background:transparent !important;
}
html body #djs-portal .djs-streaming-detail-cover {
  width:100% !important;
  height:330px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:#101116 !important;
  box-shadow:0 16px 42px rgba(9,12,20,.12) !important;
}
html body #djs-portal .djs-streaming-detail-cover img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-content-wrap {
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:18px 24px 34px !important;
  background:transparent !important;
}
html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-streaming-detail-hint {
  display:none !important;
}
html body #djs-portal .djs-plan-slider.djs-streaming-plan-stack {
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
}
html body #djs-portal .djs-plan-card.djs-streaming-detail-card {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:24px !important;
  border:1px solid #e3e4e7 !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
  display:block !important;
  scroll-snap-align:none !important;
}
html body #djs-portal .djs-streaming-detail-card .djs-streaming-plan-top {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:18px !important;
}
html body #djs-portal .djs-streaming-chip {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:7px 12px !important;
  border:1px solid #efc3c6 !important;
  border-radius:999px !important;
  background:#fff8f8 !important;
  font-size:13px !important;
  font-weight:780 !important;
}
html body #djs-portal .djs-streaming-chip.available {
  border-color:#a1e8c9 !important;
  background:#eafff5 !important;
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
}
html body #djs-portal .djs-streaming-chip.available:before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c889;
}
html body #djs-portal .djs-streaming-plan-main {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid #e8e9eb !important;
}
html body #djs-portal .djs-streaming-plan-main .djs-plan-name {
  margin:0 !important;
  max-width:72% !important;
  font-size:21px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
}
html body #djs-portal .djs-streaming-plan-pricebox {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:3px !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-streaming-plan-pricebox strong {
  font-size:26px !important;
  font-weight:900 !important;
}
html body #djs-portal .djs-streaming-plan-pricebox em {
  font-style:normal !important;
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  font-size:13px !important;
  font-weight:800 !important;
}
html body #djs-portal .djs-streaming-features {
  margin:18px 0 4px !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:9px !important;
}
html body #djs-portal .djs-streaming-features li {
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  color:#565b65 !important;
  -webkit-text-fill-color:#565b65 !important;
  font-size:15px !important;
  line-height:1.4 !important;
}
html body #djs-portal .djs-streaming-features li .ms {
  flex:none !important;
  margin-top:1px !important;
  font-size:18px !important;
  color:#58b9f2 !important;
  -webkit-text-fill-color:#58b9f2 !important;
}
html body #djs-portal .djs-streaming-detail-card:not(.is-expanded) .djs-streaming-features li:nth-child(n+5) { display:none !important; }
html body #djs-portal .djs-streaming-more {
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  padding:5px 0 !important;
  margin:2px 0 10px !important;
  font-size:14px !important;
  font-weight:820 !important;
  text-decoration:none !important;
}
html body #djs-portal .djs-streaming-know {
  margin:12px 0 18px !important;
  padding:13px 14px !important;
  border:1px solid #efc8cb !important;
  border-radius:17px !important;
  background:#fff9f9 !important;
}
html body #djs-portal .djs-streaming-know b {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#58b9f2 !important;
  -webkit-text-fill-color:#58b9f2 !important;
  font-size:13px !important;
}
html body #djs-portal .djs-streaming-know p {
  margin:5px 0 0 !important;
  color:#61656e !important;
  -webkit-text-fill-color:#61656e !important;
  font-size:13px !important;
  line-height:1.48 !important;
}
html body #djs-portal .djs-streaming-detail-card .djs-btn-add-plan {
  width:100% !important;
  min-height:56px !important;
  border:0 !important;
  border-radius:17px !important;
  background:#58b9f2 !important;
  box-shadow:0 10px 22px rgba(88,185,242,.15) !important;
  font-size:16px !important;
  font-weight:850 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

/* Similar products under the detail card. */
html body #djs-portal .djs-similar-products-section {
  margin-top:26px !important;
  padding-top:22px !important;
  border-top:1px solid #e2e3e6 !important;
}
html body #djs-portal .djs-similar-products-head small {
  color:#8c9098 !important;
  -webkit-text-fill-color:#8c9098 !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
html body #djs-portal .djs-similar-products-head h3 {
  margin:3px 0 14px !important;
  font-size:22px !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-similar-products {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body #djs-portal .djs-similar-product-card {
  min-width:0 !important;
  min-height:92px !important;
  padding:10px !important;
  border:1px solid #e5e6e9 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(10,16,30,.045) !important;
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) auto !important;
  gap:11px !important;
  align-items:center !important;
  text-align:left !important;
}
html body #djs-portal .djs-similar-product-media {
  width:70px !important;
  height:70px !important;
  border-radius:15px !important;
  overflow:hidden !important;
  background:#f1f2f4 !important;
  display:grid !important;
  place-items:center !important;
}
html body #djs-portal .djs-similar-product-media img { width:100% !important; height:100% !important; object-fit:cover !important; }
html body #djs-portal .djs-similar-product-copy { min-width:0 !important; display:grid !important; gap:3px !important; }
html body #djs-portal .djs-similar-product-copy b { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; font-size:14px !important; }
html body #djs-portal .djs-similar-product-copy small { color:#666b75 !important; -webkit-text-fill-color:#666b75 !important; font-size:12px !important; }
html body #djs-portal .djs-similar-product-copy em { color:var(--djs-g) !important; -webkit-text-fill-color:var(--djs-g) !important; font-style:normal !important; font-size:11px !important; font-weight:800 !important; }

/* ======================================================================
   Account — one clean access list + modern filled icons
====================================================================== */
html body #djs-portal .djs-ref-account-shell {
  gap:18px !important;
}
html body #djs-portal .djs-ref-nav-card { display:none !important; }
html body #djs-portal .djs-side-menu-card {
  padding:16px !important;
  border:1px solid #e5e6e8 !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:var(--djs-card-shadow) !important;
}
html body #djs-portal .djs-side-menu-title {
  margin:0 0 12px !important;
  padding:0 2px !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
html body #djs-portal .djs-side-menu-item {
  width:100% !important;
  min-height:78px !important;
  margin:0 0 10px !important;
  padding:12px 14px !important;
  border:1px solid #e3e4e7 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:"icon title" "icon subtitle" !important;
  column-gap:14px !important;
  row-gap:2px !important;
  text-align:left !important;
  align-items:center !important;
  text-decoration:none !important;
}
html body #djs-portal .djs-side-menu-item:last-child { margin-bottom:0 !important; }
html body #djs-portal .djs-side-menu-item > .ms {
  grid-area:icon !important;
  width:52px !important;
  height:52px !important;
  border:1px solid #ffc9cd !important;
  border-radius:17px !important;
  background:#fff5f6 !important;
  display:grid !important;
  place-items:center !important;
  font-size:28px !important;
  font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 28 !important;
}
html body #djs-portal .djs-side-menu-item > b {
  grid-area:title !important;
  align-self:end !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal .djs-side-menu-item > small {
  grid-area:subtitle !important;
  align-self:start !important;
  color:#696d76 !important;
  -webkit-text-fill-color:#696d76 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:620 !important;
  white-space:normal !important;
}
html body #djs-portal .djs-side-menu-item:hover {
  border-color:#ffb9bf !important;
  background:#fffafa !important;
}

/* ======================================================================
   Home/store — no "Voir plus produits"; let full category render
====================================================================== */
html body #djs-portal #djs-product-loadmore,
html body #djs-portal .djs-product-loadmore,
html body #djs-portal [data-load-more-products] { display:none !important; }

/* Keep missing/fallback image areas looking intentional. */
html body #djs-portal .djs-product-card img,
html body #djs-portal .djs-home-product-chip img,
html body #djs-portal .djs-preview-poster-card img {
  background:#f2f3f5 !important;
  object-fit:cover !important;
}

/* ======================================================================
   Responsive
====================================================================== */
@media (max-width:720px) {
  html body #djs-portal .djs-back-bar {
    min-height:72px !important;
    padding:10px 14px !important;
    gap:10px !important;
  }
  html body #djs-portal .djs-back-bar .djs-return-btn,
  html body #djs-portal .djs-chat-header .djs-return-btn {
    min-width:116px !important;
    height:48px !important;
    padding:0 16px !important;
    border-radius:17px !important;
    gap:8px !important;
    font-size:16px !important;
  }
  html body #djs-portal .djs-return-btn > .ms { font-size:24px !important; }
  html body #djs-portal .djs-back-title { font-size:20px !important; }
  html body #djs-portal .djs-back-bar .djs-pill-cart { font-size:11px !important; padding:0 10px !important; min-height:38px !important; }

  html body #djs-portal #djs-screen-game .djs-product-hero { padding:14px 14px 3px !important; }
  html body #djs-portal #djs-screen-game .djs-game-hero-card {
    padding:13px !important;
    border-radius:22px !important;
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:12px !important;
  }
  html body #djs-portal #djs-screen-game .djs-game-hero-photo { width:78px !important; height:78px !important; border-radius:17px !important; }
  html body #djs-portal #djs-screen-game .djs-game-hero-copy h2 { font-size:20px !important; }
  html body #djs-portal #djs-screen-game .djs-game-hero-copy p { font-size:12px !important; line-height:1.38 !important; }
  html body #djs-portal #djs-screen-game .djs-game-deal-pill { font-size:10px !important; padding:4px 7px !important; }
  html body #djs-portal #djs-screen-game .djs-game-hero-save { display:none !important; }
  html body #djs-portal .djs-game-modern-wrap { padding:14px !important; }
  html body #djs-portal .djs-game-region-block { padding:14px !important; border-radius:20px !important; }
  html body #djs-portal .djs-game-section-label { font-size:17px !important; }
  html body #djs-portal .djs-region-pill { min-width:0 !important; height:44px !important; padding:0 16px !important; border-radius:14px !important; font-size:13px !important; }
  html body #djs-portal .djs-game-value-line { font-size:14px !important; }
  html body #djs-portal .djs-game-pack-title { font-size:19px !important; }

  html body #djs-portal .djs-pack-card.djs-pack-list-card {
    min-height:116px !important;
    padding:10px !important;
    border-radius:21px !important;
    grid-template-columns:88px minmax(0,1fr) 103px !important;
    gap:10px !important;
  }
  html body #djs-portal .djs-pack-list-card .djs-game-pack-img-wrap { width:88px !important; height:88px !important; border-radius:17px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-product-label { font-size:9.5px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-title { font-size:16px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-cashback { font-size:10.5px !important; padding:4px 7px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-desc { font-size:10px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-list-side strong,
  html body #djs-portal .djs-pack-list-card .djs-pack-price { font-size:18px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-list-side em { font-size:10px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-list-side small { display:none !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-arrow { font-size:20px !important; }

  html body #djs-portal .djs-game-modal { width:100% !important; padding:14px 14px calc(22px + env(safe-area-inset-bottom)) !important; }
  html body #djs-portal .djs-game-modal-head { top:-14px !important; margin:-14px -14px 14px !important; padding:10px 14px !important; min-height:62px !important; }
  html body #djs-portal .djs-game-modal-head h3 { font-size:17px !important; }
  html body #djs-portal .djs-game-modal-close { width:42px !important; height:42px !important; min-width:42px !important; }
  html body #djs-portal .djs-game-modal-cover { height:210px !important; border-radius:22px !important; }
  html body #djs-portal .djs-game-modal-product-card,
  html body #djs-portal .djs-game-modal-fields { padding:15px !important; border-radius:22px !important; }
  html body #djs-portal .djs-game-modal-product-row b { font-size:17px !important; }
  html body #djs-portal .djs-game-modal-product-row strong { font-size:21px !important; }

  html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-product-hero { padding:14px 14px 0 !important; }
  html body #djs-portal .djs-streaming-detail-cover { height:220px !important; border-radius:23px !important; }
  html body #djs-portal #djs-screen-product.djs-streaming-product-detail .djs-content-wrap { padding:14px 14px 28px !important; }
  html body #djs-portal .djs-plan-card.djs-streaming-detail-card { padding:18px !important; border-radius:24px !important; }
  html body #djs-portal .djs-streaming-plan-main { gap:12px !important; }
  html body #djs-portal .djs-streaming-plan-main .djs-plan-name { max-width:64% !important; font-size:16px !important; }
  html body #djs-portal .djs-streaming-plan-pricebox strong { font-size:20px !important; }
  html body #djs-portal .djs-streaming-plan-pricebox em { font-size:11px !important; }
  html body #djs-portal .djs-streaming-features li { font-size:13px !important; }
  html body #djs-portal .djs-similar-products { grid-template-columns:1fr !important; }

  html body #djs-portal .djs-side-menu-card { padding:12px !important; border-radius:23px !important; }
  html body #djs-portal .djs-side-menu-item { min-height:70px !important; grid-template-columns:46px minmax(0,1fr) !important; padding:10px 11px !important; border-radius:18px !important; column-gap:11px !important; }
  html body #djs-portal .djs-side-menu-item > .ms { width:46px !important; height:46px !important; border-radius:15px !important; font-size:25px !important; }
  html body #djs-portal .djs-side-menu-item > b { font-size:15px !important; }
  html body #djs-portal .djs-side-menu-item > small { font-size:11px !important; }
}

@media (max-width:430px) {
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav {
    width:calc(100% - 16px) !important;
    min-height:70px !important;
    padding:6px !important;
    border-radius:23px !important;
    gap:2px !important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item { height:57px !important; grid-template-rows:32px 14px !important; border-radius:15px !important; }
  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms { width:32px !important; height:32px !important; border-radius:10px !important; font-size:21px !important; }
  html body #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge) { font-size:9.4px !important; }

  html body #djs-portal .djs-back-bar .djs-return-btn { min-width:102px !important; padding:0 13px !important; }
  html body #djs-portal .djs-back-title { font-size:18px !important; }

  html body #djs-portal .djs-pack-card.djs-pack-list-card {
    grid-template-columns:78px minmax(0,1fr) 88px !important;
    gap:8px !important;
    min-height:104px !important;
    border-radius:19px !important;
  }
  html body #djs-portal .djs-pack-list-card .djs-game-pack-img-wrap { width:78px !important; height:78px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-title { font-size:14px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-desc { max-width:100% !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-list-side strong,
  html body #djs-portal .djs-pack-list-card .djs-pack-price { font-size:16px !important; }
  html body #djs-portal .djs-pack-list-card .djs-pack-list-side em { font-size:9px !important; }
}

/* 2.18.5 markup alignment for subscription/game summary chips */
html body #djs-portal .djs-streaming-chips {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 18px !important;
}
html body #djs-portal .djs-available-chip,
html body #djs-portal .djs-category-chip {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:780 !important;
  line-height:1 !important;
}
html body #djs-portal .djs-available-chip {
  border:1px solid #9fe8c8 !important;
  background:#eafff5 !important;
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
}
html body #djs-portal .djs-available-chip i {
  width:8px !important;
  height:8px !important;
  display:block !important;
  border-radius:50% !important;
  background:#35ce94 !important;
}
html body #djs-portal .djs-category-chip {
  border:1px solid #efc5c8 !important;
  background:#fff8f8 !important;
}
html body #djs-portal .djs-category-chip .ms { font-size:16px !important; }
html body #djs-portal .djs-streaming-price-row {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
}
html body #djs-portal .djs-streaming-price-row > div:first-child {
  min-width:0 !important;
  flex:1 1 auto !important;
}
html body #djs-portal .djs-streaming-price-row .djs-plan-name {
  display:block !important;
  margin:0 !important;
  font-size:20px !important;
  line-height:1.18 !important;
  font-weight:850 !important;
  white-space:normal !important;
}
html body #djs-portal .djs-streaming-price-row > div:last-child {
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:4px !important;
  text-align:right !important;
}
html body #djs-portal .djs-streaming-price-row strong {
  font-size:26px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-streaming-price-row em {
  color:var(--djs-g) !important;
  -webkit-text-fill-color:var(--djs-g) !important;
  font-style:normal !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
html body #djs-portal .djs-streaming-divider {
  height:1px !important;
  margin:18px 0 !important;
  background:#e8e9eb !important;
}

@media (max-width:720px) {
  html body #djs-portal .djs-streaming-chips { margin-bottom:14px !important; }
  html body #djs-portal .djs-available-chip,
  html body #djs-portal .djs-category-chip { font-size:11px !important; padding:6px 9px !important; }
  html body #djs-portal .djs-streaming-price-row { gap:10px !important; }
  html body #djs-portal .djs-streaming-price-row .djs-plan-name { font-size:16px !important; }
  html body #djs-portal .djs-streaming-price-row strong { font-size:20px !important; }
  html body #djs-portal .djs-streaming-price-row em { font-size:10.5px !important; }
}

/* Game catalogue is intentionally simple: title + vertical pack rows.
   Region/UID selection lives in the pack detail, like the supplied reference. */
html body #djs-portal #djs-screen-game > .djs-scroller > .djs-game-product-hero,
html body #djs-portal #djs-screen-game .djs-game-region-block,
html body #djs-portal #djs-screen-game .djs-game-value-line {
  display:none !important;
}
html body #djs-portal #djs-screen-game .djs-game-modern-wrap {
  padding-top:24px !important;
}
html body #djs-portal #djs-screen-game .djs-game-pack-title {
  min-height:48px !important;
  margin:0 0 18px !important;
  padding:0 2px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
  font-size:23px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body #djs-portal #djs-screen-game .djs-game-list-accent {
  width:6px !important;
  height:36px !important;
  flex:0 0 6px !important;
  display:block !important;
  border-radius:999px !important;
  background:#58b9f2 !important;
  box-shadow:0 0 16px rgba(88,185,242,.22) !important;
}
html body #djs-portal #djs-screen-game .djs-game-pack-title > span:last-child {
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
@media (max-width:720px) {
  html body #djs-portal #djs-screen-game .djs-game-modern-wrap { padding-top:17px !important; }
  html body #djs-portal #djs-screen-game .djs-game-pack-title { min-height:40px !important; gap:10px !important; font-size:18px !important; letter-spacing:.06em !important; }
  html body #djs-portal #djs-screen-game .djs-game-list-accent { width:5px !important; height:30px !important; flex-basis:5px !important; }
}

/* ======================================================================
   2.18.6 — GAME PACK LIST / TAP FIX
   Reference layout: one wide horizontal card per pack.
   ====================================================================== */
html body #djs-portal #djs-screen-game #djs-game-packs,
html body #djs-portal #djs-screen-game .djs-game-packs {
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:18px !important;
  width:100% !important;
  max-width:100% !important;
  padding:2px 0 18px !important;
  margin:0 !important;
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  scroll-snap-type:none !important;
  touch-action:pan-y !important;
}

html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card {
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  grid-template-columns:108px minmax(0,1fr) 132px !important;
  align-items:center !important;
  column-gap:16px !important;
  row-gap:0 !important;
  flex:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:138px !important;
  height:auto !important;
  margin:0 !important;
  padding:14px 16px !important;
  border:1px solid #e5e7eb !important;
  border-radius:24px !important;
  outline:0 !important;
  background:#fff !important;
  color:#090909 !important;
  -webkit-text-fill-color:initial !important;
  box-shadow:0 10px 26px rgba(15,23,42,.07) !important;
  overflow:hidden !important;
  text-align:left !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  -webkit-tap-highlight-color:rgba(88,185,242,.08) !important;
  touch-action:manipulation !important;
  scroll-snap-align:none !important;
  transform:none !important;
}
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card::before,
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card::after {
  content:none !important;
  display:none !important;
}
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card:hover,
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card:focus-visible,
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card.active {
  transform:translateY(-1px) !important;
  border-color:#f1b8bd !important;
  outline:0 !important;
  box-shadow:0 14px 32px rgba(15,23,42,.10),0 0 0 2px rgba(88,185,242,.04) !important;
}
html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card:active {
  transform:scale(.995) !important;
}

html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-img-wrap {
  display:block !important;
  width:108px !important;
  height:108px !important;
  min-width:108px !important;
  min-height:108px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:20px !important;
  background:#f2f3f5 !important;
  overflow:hidden !important;
  align-self:center !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-photo,
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-photo.has-photo {
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f2f3f5 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-photo img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-main {
  display:flex !important;
  min-width:0 !important;
  height:100% !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:5px !important;
  padding:1px 0 !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-product-label {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  color:#9ca3af !important;
  -webkit-text-fill-color:#9ca3af !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-name,
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-title {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-cashback {
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  margin:1px 0 0 !important;
  padding:5px 9px !important;
  border:1px solid #9be9c9 !important;
  border-radius:999px !important;
  background:#effcf6 !important;
  color:#169b67 !important;
  -webkit-text-fill-color:#169b67 !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-cashback i {
  display:block !important;
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  border-radius:999px !important;
  background:#61d8ae !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-desc {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  color:#9ca3af !important;
  -webkit-text-fill-color:#9ca3af !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-style:italic !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side {
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;
  justify-items:end !important;
  align-items:start !important;
  align-self:stretch !important;
  min-width:0 !important;
  height:auto !important;
  gap:4px !important;
  padding:3px 0 1px !important;
  text-align:right !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side strong,
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-price {
  display:block !important;
  margin:0 !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side em {
  display:block !important;
  margin:0 !important;
  color:#169b67 !important;
  -webkit-text-fill-color:#169b67 !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  font-style:normal !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side small {
  display:none !important;
}
html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-arrow {
  display:block !important;
  align-self:end !important;
  justify-self:end !important;
  margin:0 !important;
  color:#5f6570 !important;
  -webkit-text-fill-color:#5f6570 !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:500 !important;
}

@media (max-width:720px) {
  html body #djs-portal #djs-screen-game #djs-game-packs,
  html body #djs-portal #djs-screen-game .djs-game-packs {
    gap:16px !important;
  }
  html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card {
    grid-template-columns:92px minmax(0,1fr) 104px !important;
    column-gap:11px !important;
    min-height:120px !important;
    padding:13px !important;
    border-radius:22px !important;
  }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-img-wrap {
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    border-radius:18px !important;
  }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-product-label { font-size:10px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-name,
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-title { font-size:16.5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-cashback { font-size:11.5px !important; padding:5px 8px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-desc { font-size:10.5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side strong,
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-price { font-size:19px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side em { font-size:11px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-arrow { font-size:23px !important; }
}

@media (max-width:390px) {
  html body #djs-portal #djs-screen-game #djs-game-packs > .djs-pack-card.djs-pack-list-card {
    grid-template-columns:82px minmax(0,1fr) 88px !important;
    column-gap:9px !important;
    min-height:108px !important;
    padding:11px !important;
    border-radius:20px !important;
  }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-game-pack-img-wrap {
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    min-height:82px !important;
    border-radius:16px !important;
  }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-product-label { font-size:9px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-name,
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-title { font-size:14.5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-cashback { font-size:10px !important; padding:4px 7px !important; gap:5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-desc { font-size:9.5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side strong,
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-price { font-size:16px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-list-side em { font-size:9.5px !important; }
  html body #djs-portal #djs-screen-game .djs-pack-list-card .djs-pack-arrow { font-size:21px !important; }
}

/* ======================================================================
   v2.18.10 — In-flow Retour + compact streaming service pack list
   Reference-driven. The back control scrolls away with page content.
====================================================================== */
html body #djs-portal #djs-screen-product .djs-back-bar-inflow,
html body #djs-portal #djs-screen-game .djs-back-bar-inflow {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:2 !important;
  width:min(920px,100%) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:22px 24px 10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body #djs-portal #djs-screen-product .djs-back-bar-inflow .djs-return-btn,
html body #djs-portal #djs-screen-game .djs-back-bar-inflow .djs-return-btn {
  min-width:118px !important;
  height:50px !important;
  padding:0 16px !important;
  border:1px solid #dfe2e6 !important;
  border-radius:19px !important;
  background:#fff !important;
  box-shadow:0 5px 12px rgba(15,23,42,.09) !important;
  gap:8px !important;
  font-size:17px !important;
}
html body #djs-portal #djs-screen-product .djs-back-bar-inflow .djs-return-btn .ms,
html body #djs-portal #djs-screen-game .djs-back-bar-inflow .djs-return-btn .ms { font-size:25px !important; }

/* Streaming list view: exactly one compact horizontal plan card per row. */
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-scroller,
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-scroller {
  background:#eef0f4 !important;
}
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-back-title,
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-pill-cart,
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-back-title,
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-pill-cart { display:none !important; }
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-product-hero { display:none !important; }
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-content-wrap,
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-content-wrap {
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:12px 24px 34px !important;
  background:transparent !important;
}
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-slide-hint {
  display:block !important;
  margin:12px 0 26px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
html body #djs-portal .djs-stream-service-title-v21810 {
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:42px !important;
  font-size:24px !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  color:#151b28 !important;
  -webkit-text-fill-color:#151b28 !important;
}
html body #djs-portal .djs-stream-service-title-v21810 i {
  display:block !important;
  width:6px !important;
  height:34px !important;
  border-radius:999px !important;
  background:#f49a1b !important;
  box-shadow:0 0 0 3px rgba(244,154,27,.08) !important;
}
html body #djs-portal .djs-stream-list-v21810 {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:22px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 28px !important;
  overflow:visible !important;
}
html body #djs-portal .djs-stream-row-v21810 {
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-height:152px !important;
  margin:0 !important;
  padding:20px 22px !important;
  border:1px solid #e1e4e8 !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.055) !important;
  display:grid !important;
  grid-template-columns:122px minmax(0,1fr) 150px !important;
  align-items:center !important;
  gap:22px !important;
  text-align:left !important;
  color:#111827 !important;
  cursor:pointer !important;
  overflow:hidden !important;
}
html body #djs-portal .djs-stream-row-v21810:active { transform:scale(.995) !important; }
html body #djs-portal .djs-stream-row-media-v21810 {
  display:grid !important;
  place-items:center !important;
  width:122px !important;
  height:122px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#f2f3f5 !important;
}
html body #djs-portal .djs-stream-row-media-v21810 img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
html body #djs-portal .djs-stream-row-copy-v21810 {
  min-width:0 !important;
  display:grid !important;
  align-content:center !important;
  gap:5px !important;
}
html body #djs-portal .djs-stream-row-copy-v21810 > small {
  font-size:12px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  color:#9ba2af !important;
  -webkit-text-fill-color:#9ba2af !important;
}
html body #djs-portal .djs-stream-row-copy-v21810 > b {
  font-size:20px !important;
  line-height:1.14 !important;
  font-weight:900 !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal .djs-stream-row-available-v21810 {
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:6px 11px !important;
  border:1px solid #92e8c2 !important;
  border-radius:999px !important;
  background:#effdf7 !important;
  color:#159363 !important;
  -webkit-text-fill-color:#159363 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
}
html body #djs-portal .djs-stream-row-available-v21810 i {
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#42d8a0 !important;
}
html body #djs-portal .djs-stream-row-copy-v21810 > em {
  display:block !important;
  max-width:100% !important;
  font-style:italic !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  color:#9aa1ad !important;
  -webkit-text-fill-color:#9aa1ad !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #djs-portal .djs-stream-row-side-v21810 {
  min-width:0 !important;
  align-self:stretch !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr !important;
  justify-items:end !important;
  align-items:start !important;
  gap:6px !important;
}
html body #djs-portal .djs-stream-row-side-v21810 > strong {
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
html body #djs-portal .djs-stream-row-side-v21810 > em {
  font-style:normal !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  color:#159363 !important;
  -webkit-text-fill-color:#159363 !important;
}
html body #djs-portal .djs-stream-row-side-v21810 > .ms {
  align-self:end !important;
  font-size:28px !important;
  color:#69707c !important;
  -webkit-text-fill-color:#69707c !important;
}

/* Streaming selected-plan page. */
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-product-hero {
  display:block !important;
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:6px 24px 22px !important;
  background:transparent !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 {
  width:100% !important;
  aspect-ratio:1.7/1 !important;
  max-height:360px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
html body #djs-portal .djs-stream-plan-checkout-v21810 { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
html body #djs-portal .djs-stream-plan-card-v21810 {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  padding:28px 30px !important;
  border:1px solid #e1e4e8 !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
html body #djs-portal .djs-stream-plan-chips-v21810 { display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin-bottom:22px !important; }
html body #djs-portal .djs-stream-plan-chips-v21810 > span { display:inline-flex !important; align-items:center !important; gap:7px !important; min-height:40px !important; padding:7px 14px !important; border-radius:999px !important; font-size:14px !important; font-weight:850 !important; }
html body #djs-portal .djs-stream-plan-chips-v21810 .available { border:1px solid #92e8c2 !important; background:#effdf7 !important; color:#159363 !important; -webkit-text-fill-color:#159363 !important; }
html body #djs-portal .djs-stream-plan-chips-v21810 .available i { width:8px !important; height:8px !important; border-radius:50% !important; background:#42d8a0 !important; }
html body #djs-portal .djs-stream-plan-chips-v21810 .category { border:1px solid #f3d7ad !important; background:#fffaf2 !important; color:#e98b12 !important; -webkit-text-fill-color:#e98b12 !important; }
html body #djs-portal .djs-stream-plan-price-v21810 { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:16px !important; align-items:center !important; min-height:86px !important; padding:14px 16px !important; border:1px solid #eceef1 !important; border-radius:18px !important; background:#fafbfc !important; }
html body #djs-portal .djs-stream-plan-price-v21810 > b { font-size:18px !important; font-weight:900 !important; text-transform:uppercase !important; }
html body #djs-portal .djs-stream-plan-price-v21810 > div { display:grid !important; justify-items:end !important; gap:5px !important; }
html body #djs-portal .djs-stream-plan-price-v21810 strong { font-size:25px !important; font-weight:950 !important; white-space:nowrap !important; }
html body #djs-portal .djs-stream-plan-price-v21810 em { font-style:normal !important; color:#159363 !important; -webkit-text-fill-color:#159363 !important; font-size:13px !important; font-weight:850 !important; }
html body #djs-portal .djs-stream-plan-divider-v21810 { height:1px !important; background:#e5e7eb !important; margin:24px 0 !important; }
html body #djs-portal .djs-stream-plan-features-v21810 { margin:0 !important; padding:0 !important; list-style:none !important; display:grid !important; gap:12px !important; }
html body #djs-portal .djs-stream-plan-features-v21810 li { display:flex !important; align-items:flex-start !important; gap:9px !important; font-size:16px !important; line-height:1.42 !important; color:#59616f !important; -webkit-text-fill-color:#59616f !important; }
html body #djs-portal .djs-stream-plan-features-v21810 li .ms { font-size:18px !important; color:#58b9f2 !important; -webkit-text-fill-color:#58b9f2 !important; }
html body #djs-portal .djs-stream-plan-card-v21810:not(.is-expanded) .djs-stream-plan-features-v21810 li:nth-child(n+5) { display:none !important; }
html body #djs-portal .djs-stream-more-v21810 { margin:10px 0 16px !important; color:#111827 !important; -webkit-text-fill-color:#111827 !important; font-size:14px !important; font-weight:900 !important; }
html body #djs-portal .djs-stream-plan-know-v21810 { margin:0 0 22px !important; padding:14px 16px !important; border:1.5px solid #f2d39c !important; border-radius:18px !important; background:#fffaf1 !important; }
html body #djs-portal .djs-stream-plan-know-v21810 > b { display:flex !important; align-items:center !important; gap:7px !important; color:#e8921a !important; -webkit-text-fill-color:#e8921a !important; font-size:14px !important; }
html body #djs-portal .djs-stream-plan-know-v21810 p { margin:6px 0 0 !important; color:#5f6672 !important; -webkit-text-fill-color:#5f6672 !important; font-size:14px !important; line-height:1.45 !important; }
html body #djs-portal .djs-stream-plan-add-v21810 { width:100% !important; min-height:62px !important; border:0 !important; border-radius:17px !important; background:#f49a1b !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:17px !important; font-weight:900 !important; box-shadow:none !important; }

@media (max-width:720px) {
  html body #djs-portal #djs-screen-product .djs-back-bar-inflow,
  html body #djs-portal #djs-screen-game .djs-back-bar-inflow { padding:18px 14px 8px !important; }
  html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 .djs-content-wrap,
  html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-content-wrap { padding:8px 14px 28px !important; }
  html body #djs-portal .djs-stream-service-title-v21810 { font-size:20px !important; gap:10px !important; }
  html body #djs-portal .djs-stream-service-title-v21810 i { width:5px !important; height:28px !important; }
  html body #djs-portal .djs-stream-list-v21810 { gap:14px !important; }
  html body #djs-portal .djs-stream-row-v21810 {
    min-height:126px !important;
    padding:14px !important;
    grid-template-columns:92px minmax(0,1fr) 112px !important;
    gap:13px !important;
    border-radius:22px !important;
  }
  html body #djs-portal .djs-stream-row-media-v21810 { width:92px !important; height:92px !important; border-radius:18px !important; }
  html body #djs-portal .djs-stream-row-copy-v21810 > small { font-size:10px !important; }
  html body #djs-portal .djs-stream-row-copy-v21810 > b { font-size:16px !important; }
  html body #djs-portal .djs-stream-row-available-v21810 { padding:5px 9px !important; font-size:11px !important; }
  html body #djs-portal .djs-stream-row-copy-v21810 > em { font-size:10.5px !important; }
  html body #djs-portal .djs-stream-row-side-v21810 > strong { font-size:19px !important; }
  html body #djs-portal .djs-stream-row-side-v21810 > em { font-size:10.5px !important; }
  html body #djs-portal .djs-stream-row-side-v21810 > .ms { font-size:23px !important; }
  html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-product-hero { padding:4px 14px 18px !important; }
  html body #djs-portal .djs-stream-plan-hero-v21810 { border-radius:22px !important; }
  html body #djs-portal .djs-stream-plan-card-v21810 { padding:22px 18px !important; border-radius:24px !important; }
  html body #djs-portal .djs-stream-plan-price-v21810 > b { font-size:15px !important; }
  html body #djs-portal .djs-stream-plan-price-v21810 strong { font-size:21px !important; }
  html body #djs-portal .djs-stream-plan-features-v21810 li { font-size:14px !important; }
}

@media (max-width:430px) {
  html body #djs-portal .djs-stream-row-v21810 { grid-template-columns:78px minmax(0,1fr) 94px !important; min-height:112px !important; padding:11px !important; gap:10px !important; }
  html body #djs-portal .djs-stream-row-media-v21810 { width:78px !important; height:78px !important; border-radius:16px !important; }
  html body #djs-portal .djs-stream-row-copy-v21810 > b { font-size:14px !important; }
  html body #djs-portal .djs-stream-row-copy-v21810 > em { max-width:160px !important; }
  html body #djs-portal .djs-stream-row-side-v21810 > strong { font-size:17px !important; }
  html body #djs-portal .djs-stream-row-side-v21810 > em { font-size:9.5px !important; }
}

/* ======================================================================
   v2.18.11 — Streaming spacing + approved brand artwork
====================================================================== */
html body #djs-portal .djs-stream-list-v21810 {
  gap:24px !important;
}
html body #djs-portal .djs-stream-row-media-v21810 {
  background:#fff !important;
  padding:8px !important;
}
html body #djs-portal .djs-stream-row-media-v21810 img {
  object-fit:contain !important;
  object-position:center !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 {
  background:#fff !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 img {
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}
@media (max-width:720px) {
  html body #djs-portal .djs-stream-list-v21810 { gap:22px !important; }
  html body #djs-portal .djs-stream-row-media-v21810 { padding:7px !important; }
}
@media (max-width:430px) {
  html body #djs-portal .djs-stream-list-v21810 { gap:20px !important; }
}

/* Keep the approved streaming logos fully visible in boutique/home cards too. */
html body #djs-portal .djs-preview-product-card[data-category="streaming"] .djs-preview-poster-img,
html body #djs-portal .djs-home-product-chip[data-category="streaming"] .djs-home-product-icon,
html body #djs-portal .djs-product-card[data-category="streaming"] .djs-product-card__img {
  background:#fff !important;
}
html body #djs-portal .djs-preview-product-card[data-category="streaming"] img,
html body #djs-portal .djs-home-product-chip[data-category="streaming"] img,
html body #djs-portal .djs-product-card[data-category="streaming"] img.djs-product-photo {
  object-fit:contain !important;
  object-position:center !important;
  padding:7px !important;
  background:#fff !important;
}


/* ======================================================================
   v2.18.12 — Stable streaming spacing after Back + approved product logos
====================================================================== */
/* Force the plan-list layout in service-list mode even if a stale checkout
   class survives a history transition. This prevents the row gap collapsing. */
html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 #djs-plan-slider {
  display:grid !important;
  grid-template-columns:1fr !important;
  row-gap:24px !important;
  column-gap:0 !important;
  width:100% !important;
  overflow:visible !important;
}
@media (max-width:720px) {
  html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 #djs-plan-slider { row-gap:22px !important; }
}
@media (max-width:430px) {
  html body #djs-portal #djs-screen-product.djs-streaming-service-list-v21810 #djs-plan-slider { row-gap:20px !important; }
}

/* Music and Pro Tools now use customer-approved logo artwork too. Keep logos
   fully visible on home/store cards rather than cropping them like game art. */
html body #djs-portal .djs-preview-product-card[data-category="music"] .djs-preview-poster-img,
html body #djs-portal .djs-preview-product-card[data-category="tools"] .djs-preview-poster-img,
html body #djs-portal .djs-home-product-chip[data-category="music"] .djs-home-product-icon,
html body #djs-portal .djs-home-product-chip[data-category="tools"] .djs-home-product-icon,
html body #djs-portal .djs-product-card[data-category="music"] .djs-product-card__img,
html body #djs-portal .djs-product-card[data-category="tools"] .djs-product-card__img {
  background:#fff !important;
}
html body #djs-portal .djs-preview-product-card[data-category="music"] img,
html body #djs-portal .djs-preview-product-card[data-category="tools"] img,
html body #djs-portal .djs-home-product-chip[data-category="music"] img,
html body #djs-portal .djs-home-product-chip[data-category="tools"] img,
html body #djs-portal .djs-product-card[data-category="music"] img.djs-product-photo,
html body #djs-portal .djs-product-card[data-category="tools"] img.djs-product-photo {
  object-fit:contain !important;
  object-position:center !important;
  padding:7px !important;
  background:#fff !important;
}

/* ======================================================================
   v2.18.14 — Unified detail imagery + six-card streaming pagination
====================================================================== */
/* Keep every product-detail hero compact instead of letting artwork dominate
   the page. Logos use contain; photographic/game art still uses cover. */
html body #djs-portal #djs-screen-product .djs-product-hero {
  background:transparent !important;
}
html body #djs-portal #djs-screen-product .djs-product-hero-bg {
  width:min(920px,100%) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:16px !important;
  display:grid !important;
  grid-template-columns:160px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  border-radius:24px !important;
  background:#fff !important;
  border:1px solid #e4e6ea !important;
  box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
html body #djs-portal #djs-screen-product .djs-product-hero-bg .djs-glass-bubbles { display:none !important; }
html body #djs-portal #djs-screen-product .djs-product-hero-photo {
  width:160px !important;
  height:118px !important;
  border-radius:17px !important;
  overflow:hidden !important;
  background:#fff !important;
}
html body #djs-portal #djs-screen-product .djs-product-hero-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:5px !important;
  background:#fff !important;
}
html body #djs-portal #djs-screen-product .djs-plan-media.has-photo {
  background:#fff !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-product .djs-plan-media.has-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:8px !important;
  background:#fff !important;
}

/* Selected streaming plan image: compact banner, never a giant block. */
html body #djs-portal #djs-screen-product.djs-streaming-plan-detail-v21810 .djs-product-hero {
  padding-top:4px !important;
  padding-bottom:16px !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 {
  height:190px !important;
  max-height:190px !important;
  aspect-ratio:auto !important;
  border-radius:18px !important;
}
html body #djs-portal .djs-stream-plan-hero-v21810 img {
  object-fit:contain !important;
  object-position:center !important;
  padding:10px !important;
  background:#fff !important;
}

/* Pagination is shared by streaming and games; game stylesheet is loaded last,
   but these rules make it available on product screens as well. */
html body #djs-portal .djs-paged-hidden { display:none !important; }
html body #djs-portal #djs-screen-product .djs-subcategory-pager {
  width:100% !important;
  margin:30px auto 18px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(118px,1fr) auto minmax(118px,1fr) !important;
  align-items:center !important;
  gap:14px !important;
}
html body #djs-portal #djs-screen-product .djs-pager-pages {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
}
html body #djs-portal #djs-screen-product .djs-subcategory-pager button {
  border:1px solid #dfe2e7 !important;
  background:#fff !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  box-shadow:0 7px 18px rgba(15,23,42,.06) !important;
  font-weight:850 !important;
}
html body #djs-portal #djs-screen-product .djs-pager-edge {
  min-height:52px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
html body #djs-portal #djs-screen-product .djs-pager-prev { justify-self:start !important; }
html body #djs-portal #djs-screen-product .djs-pager-next { justify-self:end !important; }
html body #djs-portal #djs-screen-product .djs-pager-number {
  width:50px !important;
  height:52px !important;
  padding:0 !important;
  border-radius:16px !important;
}
html body #djs-portal #djs-screen-product .djs-pager-number.active {
  border-color:#ff8a00 !important;
  background:#ff8a00 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #djs-portal #djs-screen-product .djs-pager-edge:disabled { opacity:.42 !important; box-shadow:none !important; }

@media (max-width:560px) {
  html body #djs-portal #djs-screen-product .djs-product-hero-bg {
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:12px !important;
    padding:12px !important;
    border-radius:20px !important;
  }
  html body #djs-portal #djs-screen-product .djs-product-hero-photo {
    width:112px !important;
    height:92px !important;
    border-radius:15px !important;
  }
  html body #djs-portal .djs-stream-plan-hero-v21810 {
    height:164px !important;
    max-height:164px !important;
    border-radius:16px !important;
  }
  html body #djs-portal #djs-screen-product .djs-subcategory-pager {
    grid-template-columns:1fr auto 1fr !important;
    gap:8px !important;
    margin-top:24px !important;
  }
  html body #djs-portal #djs-screen-product .djs-pager-edge {
    min-height:48px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
  html body #djs-portal #djs-screen-product .djs-pager-number {
    width:44px !important;
    height:48px !important;
  }
}

/* Product/game back bars stay minimal: only the Retour control. Product name
   is already shown in the page heading/hero, so do not duplicate it here. */
html body #djs-portal #djs-screen-product .djs-back-bar-inflow .djs-back-title,
html body #djs-portal #djs-screen-game .djs-back-bar-inflow .djs-back-title,
html body #djs-portal #djs-screen-product .djs-back-bar-inflow .djs-pill-cart,
html body #djs-portal #djs-screen-game .djs-back-bar-inflow .djs-pill-cart {
  display:none !important;
}

/* ========================================================================== 
   v2.18.26 — Wallet withdrawal / payout page
   ========================================================================== */
html body #djs-portal #djs-screen-wallet-withdraw {
  background:#f6f7f9 !important;
  color:#09090b !important;
}
html body #djs-portal .djs-withdraw-page {
  width:min(100%,760px) !important;
  margin:0 auto !important;
  padding:22px 18px 132px !important;
}
html body #djs-portal .djs-withdraw-heading {
  margin:20px 0 18px !important;
}
html body #djs-portal .djs-withdraw-heading h2 {
  margin:6px 0 6px !important;
  font-size:clamp(30px,6vw,46px) !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  color:#09090b !important;
}
html body #djs-portal .djs-withdraw-heading p {
  margin:0 !important;
  color:#6b7280 !important;
  font-size:17px !important;
  line-height:1.45 !important;
}
html body #djs-portal .djs-withdraw-top-tabs {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  padding:4px !important;
  background:#f0f1f3 !important;
  border-radius:17px !important;
  margin:20px 0 28px !important;
}
html body #djs-portal .djs-withdraw-top-tabs button {
  height:48px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  color:#666 !important;
  font-size:16px !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-withdraw-top-tabs button.active {
  background:#050713 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 7px 16px rgba(5,7,19,.16) !important;
}
html body #djs-portal .djs-withdraw-panel { display:none !important; }
html body #djs-portal .djs-withdraw-panel.active { display:block !important; }
html body #djs-portal .djs-withdraw-card {
  background:#fff !important;
  border:1px solid #eceef2 !important;
  border-radius:28px !important;
  padding:26px !important;
  box-shadow:0 14px 36px rgba(15,23,42,.06) !important;
}
html body #djs-portal .djs-withdraw-balance-picker { position:relative !important; margin-bottom:22px !important; }
html body #djs-portal .djs-withdraw-balance-main {
  width:100% !important;
  min-height:82px !important;
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 22px !important;
  background:#f7f7f8 !important;
  border:1px solid #dadde2 !important;
  border-radius:22px !important;
  color:#111 !important;
  text-align:left !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-withdraw-balance-main > span:first-child { color:#72757c !important; font-size:17px !important; }
html body #djs-portal .djs-withdraw-balance-main strong { font-size:20px !important; font-weight:900 !important; white-space:nowrap !important; }
html body #djs-portal .djs-withdraw-balance-main .ms { font-size:22px !important; }
html body #djs-portal .djs-withdraw-balance-menu {
  position:absolute !important;
  z-index:20 !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  padding:8px !important;
  background:#fff !important;
  border:1px solid #e3e5e9 !important;
  border-radius:18px !important;
  box-shadow:0 16px 38px rgba(15,23,42,.14) !important;
}
html body #djs-portal .djs-withdraw-balance-menu[hidden] { display:none !important; }
html body #djs-portal .djs-withdraw-balance-menu button {
  width:100% !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 14px !important;
  background:#fff !important;
  border:0 !important;
  border-radius:13px !important;
  color:#111 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-withdraw-balance-menu button.active { background:#eff8fe !important; }
html body #djs-portal .djs-withdraw-method-tabs {
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:4px !important;
  background:#f2f3f5 !important;
  padding:4px !important;
  border-radius:17px !important;
  margin-bottom:22px !important;
}
html body #djs-portal .djs-withdraw-method-tabs button {
  min-height:46px !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  color:#666 !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-withdraw-method-tabs .is-moncash.active { background:#eff6ff !important; color:#1d4ed8 !important; }
html body #djs-portal .djs-withdraw-method-tabs .is-natcash.active { background:#ecfdf5 !important; color:#047857 !important; }
html body #djs-portal .djs-withdraw-method-tabs .is-binance.active { background:#fffbeb !important; color:#b45309 !important; }
html body #djs-portal .djs-withdraw-info {
  padding:18px 20px !important;
  border-radius:18px !important;
  margin-bottom:22px !important;
  font-size:16px !important;
  line-height:1.45 !important;
  border:1px solid transparent !important;
}
html body #djs-portal .djs-withdraw-info-moncash { background:#eff6ff !important; color:#1d4ed8 !important; border-color:#dbeafe !important; }
html body #djs-portal .djs-withdraw-info-natcash { background:#ecfdf5 !important; color:#047857 !important; border-color:#d1fae5 !important; }
html body #djs-portal .djs-withdraw-info-binance { background:#fffbeb !important; color:#a16207 !important; border-color:#fef3c7 !important; }
html body #djs-portal .djs-withdraw-label {
  display:block !important;
  margin:18px 0 8px !important;
  font-size:16px !important;
  font-weight:900 !important;
  color:#111 !important;
}
html body #djs-portal .djs-withdraw-input-wrap,
html body #djs-portal .djs-withdraw-phone-wrap {
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 16px !important;
  border:1px solid #d9dce1 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#111 !important;
}
html body #djs-portal .djs-withdraw-input-wrap input,
html body #djs-portal .djs-withdraw-phone-wrap input {
  min-width:0 !important;
  flex:1 1 auto !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:17px !important;
  box-shadow:none !important;
}
html body #djs-portal .djs-withdraw-phone-wrap b { font-size:17px !important; white-space:nowrap !important; }
html body #djs-portal .djs-withdraw-network {
  width:100% !important;
  min-height:58px !important;
  padding:0 16px !important;
  border:1px solid #d9dce1 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:16px !important;
}
html body #djs-portal [data-withdraw-mobile-fields][hidden],
html body #djs-portal [data-withdraw-crypto-fields][hidden] { display:none !important; }
html body #djs-portal .djs-withdraw-fee-line {
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  margin:18px 0 !important;
  color:#6b7280 !important;
  font-size:14px !important;
  line-height:1.4 !important;
}
html body #djs-portal .djs-withdraw-fee-line b { color:#111 !important; font-size:14px !important; }
html body #djs-portal .djs-withdraw-error {
  margin:0 0 12px !important;
  padding:12px 14px !important;
  border:1px solid #fecaca !important;
  border-radius:14px !important;
  background:#eff8fe !important;
  color:#b91c1c !important;
  font-weight:750 !important;
}
html body #djs-portal .djs-withdraw-submit {
  width:100% !important;
  min-height:60px !important;
  border:0 !important;
  border-radius:15px !important;
  background:#050713 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(5,7,19,.14) !important;
}
html body #djs-portal .djs-withdraw-security {
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  margin-top:20px !important;
  color:#6b7280 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
html body #djs-portal .djs-withdraw-security .ms { color:#10b981 !important; }
html body #djs-portal .djs-withdraw-delay-card {
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-top:22px !important;
  padding:20px !important;
  border-radius:22px !important;
  background:#fffbeb !important;
  border:1px solid #fde68a !important;
  color:#92400e !important;
}
html body #djs-portal .djs-withdraw-delay-card > .ms { color:#f59e0b !important; font-size:30px !important; }
html body #djs-portal .djs-withdraw-delay-card strong { display:block !important; font-size:18px !important; margin-bottom:5px !important; }
html body #djs-portal .djs-withdraw-delay-card p { margin:0 !important; line-height:1.45 !important; color:#92400e !important; }
html body #djs-portal .djs-withdraw-history { display:grid !important; gap:12px !important; }
html body #djs-portal .djs-withdraw-history-row {
  background:#fff !important;
  border:1px solid #e7e9ed !important;
  border-radius:20px !important;
  padding:18px !important;
  box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
}
html body #djs-portal .djs-withdraw-history-top { display:flex !important; justify-content:space-between !important; gap:12px !important; align-items:flex-start !important; }
html body #djs-portal .djs-withdraw-history-top div { display:flex !important; flex-direction:column !important; gap:2px !important; }
html body #djs-portal .djs-withdraw-history-top b { font-size:16px !important; }
html body #djs-portal .djs-withdraw-history-top small { color:#6b7280 !important; }
html body #djs-portal .djs-withdraw-history-top > span { padding:6px 10px !important; border-radius:999px !important; background:#fff7ed !important; color:#b45309 !important; font-size:12px !important; font-weight:850 !important; white-space:nowrap !important; }
html body #djs-portal .djs-withdraw-history-row.is-approved .djs-withdraw-history-top > span { background:#ecfdf5 !important; color:#047857 !important; }
html body #djs-portal .djs-withdraw-history-row.is-rejected .djs-withdraw-history-top > span { background:#eff8fe !important; color:#be123c !important; }
html body #djs-portal .djs-withdraw-history-money { display:flex !important; align-items:center !important; gap:10px !important; margin:14px 0 8px !important; font-size:17px !important; }
html body #djs-portal .djs-withdraw-history-money .ms { color:#9ca3af !important; font-size:19px !important; }
html body #djs-portal .djs-withdraw-history-row p { margin:0 0 6px !important; color:#4b5563 !important; overflow-wrap:anywhere !important; }
html body #djs-portal .djs-withdraw-history-row time { color:#9ca3af !important; font-size:12px !important; }
@media (max-width:560px) {
  html body #djs-portal .djs-withdraw-page { padding:16px 12px 128px !important; }
  html body #djs-portal .djs-withdraw-card { padding:18px !important; border-radius:24px !important; }
  html body #djs-portal .djs-withdraw-heading h2 { font-size:34px !important; }
  html body #djs-portal .djs-withdraw-balance-main { min-height:72px !important; padding:0 16px !important; }
  html body #djs-portal .djs-withdraw-method-tabs button { font-size:14px !important; }
}

/* ========================================================================== 
   v2.18.27 — Compact wallet withdrawal page + provider colors
   ========================================================================== */
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-page {
  width:min(100%,640px) !important;
  padding:12px 14px 112px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-deposit-back {
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin:2px 0 12px !important;
  padding:8px 14px !important;
  border:1px solid #e3e5e9 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1 !important;
  box-shadow:0 5px 14px rgba(15,23,42,.07) !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-deposit-back .ms {
  font-size:19px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-heading {
  margin:4px 0 12px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-deposit-eyebrow {
  font-size:10px !important;
  letter-spacing:.14em !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-heading h2 {
  margin:4px 0 4px !important;
  font-size:26px !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-heading p {
  max-width:520px !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-top-tabs {
  margin:14px 0 16px !important;
  padding:3px !important;
  border-radius:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-top-tabs button {
  height:40px !important;
  border-radius:12px !important;
  font-size:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-card {
  padding:17px !important;
  border-radius:22px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-picker {
  margin-bottom:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-main {
  min-height:58px !important;
  padding:0 15px !important;
  border-radius:16px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-main > span:first-child {
  font-size:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-main strong {
  font-size:17px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-main .ms {
  font-size:19px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-menu {
  top:calc(100% + 6px) !important;
  padding:6px !important;
  border-radius:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-balance-menu button {
  min-height:46px !important;
  padding:0 11px !important;
  border-radius:10px !important;
  font-size:13px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs {
  gap:6px !important;
  margin-bottom:14px !important;
  padding:4px !important;
  border-radius:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs button {
  min-height:38px !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs .is-moncash.active {
  background:#eef8fe !important;
  border-color:#f2a7ad !important;
  color:#d90416 !important;
  -webkit-text-fill-color:#d90416 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs .is-natcash.active {
  background:#fff5e8 !important;
  border-color:#f5c077 !important;
  color:#d97706 !important;
  -webkit-text-fill-color:#d97706 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs .is-binance.active {
  background:#ecfdf3 !important;
  border-color:#86d8a6 !important;
  color:#087a3f !important;
  -webkit-text-fill-color:#087a3f !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-info {
  margin-bottom:14px !important;
  padding:13px 14px !important;
  border-radius:14px !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-info-moncash {
  background:#f4faff !important;
  border-color:#fecdd3 !important;
  color:#9f1239 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-info-natcash {
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  color:#9a3412 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-info-binance {
  background:#f0fdf4 !important;
  border-color:#bbf7d0 !important;
  color:#166534 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-label {
  margin:13px 0 6px !important;
  font-size:13px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-input-wrap,
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-phone-wrap {
  min-height:48px !important;
  gap:8px !important;
  padding:0 13px !important;
  border-radius:13px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-input-wrap input,
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-phone-wrap input {
  font-size:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-phone-wrap b {
  font-size:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-network {
  min-height:48px !important;
  padding:0 13px !important;
  border-radius:13px !important;
  font-size:14px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-fee-line {
  margin:13px 0 !important;
  gap:3px !important;
  font-size:12px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-fee-line b {
  font-size:12px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-submit {
  min-height:50px !important;
  border-radius:13px !important;
  font-size:14px !important;
  box-shadow:none !important;
}
html body #djs-portal #djs-screen-wallet-withdraw.is-withdraw-moncash .djs-withdraw-submit {
  background:#58b9f2 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw.is-withdraw-natcash .djs-withdraw-submit {
  background:#f59e0b !important;
}
html body #djs-portal #djs-screen-wallet-withdraw.is-withdraw-binance .djs-withdraw-submit {
  background:#159447 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-security {
  margin-top:13px !important;
  gap:7px !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-delay-card {
  gap:10px !important;
  margin-top:14px !important;
  padding:14px !important;
  border-radius:16px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-delay-card > .ms {
  font-size:22px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-delay-card strong {
  font-size:14px !important;
  margin-bottom:3px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-delay-card p {
  font-size:12px !important;
  line-height:1.35 !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-history {
  gap:9px !important;
}
html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-history-row {
  padding:13px !important;
  border-radius:15px !important;
}

@media (max-width:560px) {
  html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-page {
    padding:10px 12px 104px !important;
  }
  html body #djs-portal #djs-screen-wallet-withdraw .djs-deposit-back {
    margin:2px 0 10px !important;
    min-height:40px !important;
    padding:7px 12px !important;
    font-size:13px !important;
  }
  html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-heading h2 {
    font-size:23px !important;
  }
  html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-heading p {
    font-size:12.5px !important;
  }
  html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-card {
    padding:14px !important;
    border-radius:19px !important;
  }
  html body #djs-portal #djs-screen-wallet-withdraw .djs-withdraw-method-tabs button {
    font-size:12px !important;
    padding:0 5px !important;
  }
}


/* v2.18.28 — compact Wallet history inspired by approved reference */
html body #djs-portal .djs-wallet-history-recent,
html body #djs-portal .djs-wallet-history-full-card {
  background:#fff !important;
  border:1px solid #ececef !important;
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(17,24,39,.06) !important;
}
html body #djs-portal .djs-wallet-history-recent { margin-top:16px !important; padding:18px 16px 8px !important; }
html body #djs-portal .djs-wallet-history-recent-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; margin:0 2px 10px !important; }
html body #djs-portal .djs-wallet-history-recent-head h3 { margin:0 !important; font-size:20px !important; line-height:1.1 !important; font-weight:900 !important; color:#111 !important; letter-spacing:-.02em !important; }
html body #djs-portal .djs-wallet-history-view-all { border:0 !important; background:transparent !important; color:#58b9f2 !important; display:flex !important; align-items:center !important; gap:3px !important; padding:6px 2px !important; font-size:13px !important; font-weight:850 !important; cursor:pointer !important; }
html body #djs-portal .djs-wallet-history-view-all .ms { font-size:16px !important; }
html body #djs-portal .djs-wallet-history-list { display:flex !important; flex-direction:column !important; }
html body #djs-portal .djs-wallet-history-row { min-height:78px !important; display:grid !important; grid-template-columns:48px minmax(0,1fr) auto !important; align-items:center !important; gap:12px !important; padding:13px 4px !important; border:0 !important; border-bottom:1px solid #f0f0f2 !important; background:#fff !important; border-radius:0 !important; box-shadow:none !important; }
html body #djs-portal .djs-wallet-history-row:last-child { border-bottom:0 !important; }
html body #djs-portal .djs-wallet-history-icon { width:44px !important; height:44px !important; border-radius:14px !important; display:grid !important; place-items:center !important; flex:0 0 44px !important; background:#e8f6ff !important; color:#58b9f2 !important; font-weight:950 !important; font-size:18px !important; }
html body #djs-portal .djs-wallet-history-row--debit .djs-wallet-history-icon { background:#f3f4f6 !important; color:#111 !important; }
html body #djs-portal .djs-wallet-history-copy { min-width:0 !important; }
html body #djs-portal .djs-wallet-history-copy > strong { display:block !important; color:#111 !important; font-size:15px !important; line-height:1.15 !important; font-weight:900 !important; margin-bottom:5px !important; }
html body #djs-portal .djs-wallet-history-copy > span { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:4px !important; color:#8b9099 !important; font-size:11px !important; line-height:1.2 !important; }
html body #djs-portal .djs-wallet-history-copy > span > .ms { font-size:14px !important; color:#9aa0aa !important; }
html body #djs-portal .djs-wallet-history-copy em { display:inline-flex !important; align-items:center !important; gap:2px !important; margin-left:3px !important; font-style:normal !important; color:#747986 !important; white-space:nowrap !important; }
html body #djs-portal .djs-wallet-history-copy em .ms { font-size:14px !important; }
html body #djs-portal .djs-wallet-history-side { min-width:88px !important; display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:6px !important; }
html body #djs-portal .djs-wallet-history-side > b { color:#111827 !important; font-size:14px !important; line-height:1.05 !important; font-weight:950 !important; white-space:nowrap !important; }
html body #djs-portal .djs-wallet-history-status { display:inline-flex !important; align-items:center !important; gap:3px !important; border-radius:999px !important; padding:4px 7px !important; font-size:10px !important; line-height:1 !important; font-weight:850 !important; white-space:nowrap !important; background:#ecfdf3 !important; color:#14804a !important; }
html body #djs-portal .djs-wallet-history-status .ms { font-size:12px !important; }
html body #djs-portal .djs-wallet-history-status.pending { background:#fff7df !important; color:#b86c00 !important; }
html body #djs-portal .djs-wallet-history-status.failed { background:#fff1f1 !important; color:#c52929 !important; }
html body #djs-portal .djs-wallet-history-empty { min-height:90px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:4px !important; color:#8b9099 !important; text-align:center !important; }
html body #djs-portal .djs-wallet-history-empty .ms { font-size:24px !important; }
html body #djs-portal .djs-wallet-history-empty b { color:#111 !important; font-size:13px !important; }
html body #djs-portal .djs-wallet-history-empty small { font-size:11px !important; }
html body #djs-portal #djs-screen-wallet-history .djs-scroller { background:#f7f7f9 !important; }
html body #djs-portal .djs-wallet-history-page { width:min(100%,720px) !important; margin:0 auto !important; padding:18px 16px 116px !important; }
html body #djs-portal .djs-wallet-history-title-row { display:flex !important; align-items:center !important; gap:12px !important; margin:0 0 18px !important; }
html body #djs-portal .djs-wallet-history-back { width:44px !important; height:44px !important; border:1px solid #ececef !important; border-radius:15px !important; background:#fff !important; color:#111 !important; display:grid !important; place-items:center !important; box-shadow:0 8px 20px rgba(17,24,39,.05) !important; padding:0 !important; }
html body #djs-portal .djs-wallet-history-back .ms { font-size:21px !important; }
html body #djs-portal .djs-wallet-history-eyebrow { display:block !important; color:#58b9f2 !important; text-transform:uppercase !important; font-size:10px !important; font-weight:950 !important; letter-spacing:.16em !important; margin-bottom:2px !important; }
html body #djs-portal .djs-wallet-history-title-row h2 { margin:0 !important; color:#111 !important; font-size:25px !important; line-height:1.05 !important; font-weight:950 !important; letter-spacing:-.035em !important; }
html body #djs-portal .djs-wallet-history-tabs { display:flex !important; gap:8px !important; margin-bottom:14px !important; overflow-x:auto !important; scrollbar-width:none !important; }
html body #djs-portal .djs-wallet-history-tabs::-webkit-scrollbar { display:none !important; }
html body #djs-portal .djs-wallet-history-tabs button { min-height:40px !important; padding:0 18px !important; border:1px solid #ececef !important; border-radius:14px !important; background:#fff !important; color:#60656f !important; font-size:12px !important; font-weight:850 !important; white-space:nowrap !important; }
html body #djs-portal .djs-wallet-history-tabs button.active { background:#58b9f2 !important; border-color:#58b9f2 !important; color:#fff !important; box-shadow:0 8px 18px rgba(88,185,242,.14) !important; }
html body #djs-portal .djs-wallet-history-full-card { padding:4px 14px !important; }
@media (max-width:560px) {
  html body #djs-portal .djs-wallet-history-recent { padding:15px 13px 6px !important; border-radius:19px !important; }
  html body #djs-portal .djs-wallet-history-recent-head h3 { font-size:18px !important; }
  html body #djs-portal .djs-wallet-history-row { grid-template-columns:44px minmax(0,1fr) auto !important; gap:9px !important; min-height:72px !important; padding:11px 2px !important; }
  html body #djs-portal .djs-wallet-history-icon { width:40px !important; height:40px !important; border-radius:13px !important; font-size:16px !important; }
  html body #djs-portal .djs-wallet-history-copy > strong { font-size:14px !important; }
  html body #djs-portal .djs-wallet-history-copy > span { font-size:10px !important; }
  html body #djs-portal .djs-wallet-history-side { min-width:78px !important; gap:5px !important; }
  html body #djs-portal .djs-wallet-history-side > b { font-size:12px !important; }
  html body #djs-portal .djs-wallet-history-status { font-size:9px !important; padding:4px 6px !important; }
  html body #djs-portal .djs-wallet-history-page { padding:14px 12px 108px !important; }
  html body #djs-portal .djs-wallet-history-title-row { margin-bottom:14px !important; }
  html body #djs-portal .djs-wallet-history-title-row h2 { font-size:22px !important; }
  html body #djs-portal .djs-wallet-history-tabs button { min-height:38px !important; padding:0 15px !important; }
  html body #djs-portal .djs-wallet-history-full-card { padding:3px 12px !important; border-radius:19px !important; }
}

/* ================================================================
   v2.18.29 — Invite & Earn / Parrainage reference rebuild
================================================================ */
html body #djs-portal #djs-screen-invite-earn .djs-scroller{
  background:#f4f5f7 !important;
}
html body #djs-portal .djs-referral-v21829{
  max-width:760px !important;
  margin:0 auto !important;
  padding:18px 18px 124px !important;
  background:#f4f5f7 !important;
}
html body #djs-portal .djs-referral-back{
  display:inline-flex !important;align-items:center !important;gap:7px !important;
  height:42px !important;padding:0 14px !important;margin:0 0 14px !important;
  background:#fff !important;border:1px solid #e7e7e9 !important;border-radius:15px !important;
  box-shadow:0 7px 18px rgba(17,24,39,.05) !important;font-size:14px !important;font-weight:900 !important;
}
html body #djs-portal .djs-referral-hero{
  background:#111 !important;border-radius:0 !important;margin:0 -18px 18px !important;padding:34px 28px 36px !important;
  border:0 !important;box-shadow:none !important;
}
html body #djs-portal .djs-referral-hero small{
  display:block !important;color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;
  font-size:13px !important;font-weight:950 !important;letter-spacing:.13em !important;margin-bottom:14px !important;
}
html body #djs-portal .djs-referral-hero h1{
  color:#fff !important;-webkit-text-fill-color:#fff !important;margin:0 0 15px !important;
  font-size:clamp(31px,8vw,46px) !important;line-height:.98 !important;letter-spacing:-.055em !important;font-weight:950 !important;max-width:650px !important;
}
html body #djs-portal .djs-referral-hero p{
  color:#c8c8ca !important;-webkit-text-fill-color:#c8c8ca !important;margin:0 !important;
  font-size:17px !important;line-height:1.55 !important;font-weight:650 !important;max-width:650px !important;
}
html body #djs-portal .djs-referral-code-card{
  background:#111 !important;border:1px solid #252525 !important;border-radius:24px !important;padding:22px !important;margin:0 0 14px !important;
  box-shadow:0 14px 30px rgba(17,24,39,.10) !important;
}
html body #djs-portal .djs-referral-code-label,
html body #djs-portal .djs-referral-link-label{
  color:#9ca3af !important;-webkit-text-fill-color:#9ca3af !important;font-size:11px !important;font-weight:950 !important;letter-spacing:.12em !important;
}
html body #djs-portal .djs-referral-code-line{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:8px 0 16px !important;}
html body #djs-portal .djs-referral-code-line strong{
  color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;font-size:30px !important;letter-spacing:.08em !important;font-weight:950 !important;
}
html body #djs-portal .djs-referral-code-line button,
html body #djs-portal .djs-referral-link-row button{
  flex:0 0 38px !important;width:38px !important;height:38px !important;border-radius:12px !important;border:1px solid #343434 !important;background:#1b1b1b !important;
  display:grid !important;place-items:center !important;padding:0 !important;
}
html body #djs-portal .djs-referral-code-line button .ms,
html body #djs-portal .djs-referral-link-row button .ms{color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:18px !important;}
html body #djs-portal .djs-referral-link-row{display:flex !important;align-items:center !important;gap:10px !important;margin-top:6px !important;}
html body #djs-portal .djs-referral-link-row>span{
  min-width:0 !important;flex:1 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
  color:#a8b0bd !important;-webkit-text-fill-color:#a8b0bd !important;font-size:12px !important;font-weight:700 !important;
}
html body #djs-portal .djs-referral-share-row{display:flex !important;gap:8px !important;margin-top:15px !important;overflow-x:auto !important;scrollbar-width:none !important;}
html body #djs-portal .djs-referral-share-row::-webkit-scrollbar{display:none !important;}
html body #djs-portal .djs-referral-share-row .djs-invite-share{
  flex:0 0 auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important;padding:8px 11px !important;border-radius:999px !important;
  background:#fff !important;border:0 !important;text-decoration:none !important;box-shadow:none !important;
}
html body #djs-portal .djs-referral-share-row .djs-invite-share span,
html body #djs-portal .djs-referral-share-row .djs-invite-share b{color:#111 !important;-webkit-text-fill-color:#111 !important;font-size:11px !important;font-weight:900 !important;}
html body #djs-portal .djs-referral-stats{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;margin-bottom:14px !important;}
html body #djs-portal .djs-referral-stats article{
  display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;background:#fff !important;border:1px solid #e5e7eb !important;border-radius:22px !important;padding:18px !important;box-shadow:0 8px 24px rgba(17,24,39,.045) !important;
}
html body #djs-portal .djs-referral-stats article>.ms{
  flex:0 0 46px !important;width:46px !important;height:46px !important;border-radius:15px !important;background:#eef8fe !important;color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;display:grid !important;place-items:center !important;font-size:24px !important;
}
html body #djs-portal .djs-referral-stats small{display:block !important;color:#8d95a3 !important;-webkit-text-fill-color:#8d95a3 !important;font-size:10px !important;font-weight:950 !important;letter-spacing:.08em !important;margin-bottom:4px !important;}
html body #djs-portal .djs-referral-stats strong{display:block !important;color:#111827 !important;-webkit-text-fill-color:#111827 !important;font-size:28px !important;line-height:1 !important;font-weight:950 !important;}
html body #djs-portal .djs-referral-bonus-section,
html body #djs-portal .djs-referral-history{background:#fff !important;border:1px solid #e5e7eb !important;border-radius:24px !important;padding:18px !important;margin-bottom:14px !important;box-shadow:0 8px 24px rgba(17,24,39,.045) !important;}
html body #djs-portal .djs-referral-section-title{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:12px !important;}
html body #djs-portal .djs-referral-section-title small{display:block !important;color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;font-size:10px !important;font-weight:950 !important;letter-spacing:.1em !important;}
html body #djs-portal .djs-referral-section-title h2,
html body #djs-portal .djs-referral-history>h2{margin:3px 0 0 !important;font-size:20px !important;line-height:1.1 !important;font-weight:950 !important;letter-spacing:-.025em !important;}
html body #djs-portal .djs-referral-section-title>button{width:38px !important;height:38px !important;border-radius:12px !important;border:1px solid #e5e7eb !important;background:#fafafa !important;padding:0 !important;display:grid !important;place-items:center !important;}
html body #djs-portal .djs-referral-bonus-list{display:grid !important;gap:10px !important;}
html body #djs-portal .djs-referral-bonus{
  display:grid !important;grid-template-columns:42px minmax(0,1fr) auto !important;gap:11px !important;align-items:center !important;padding:13px !important;border:1px solid #ececef !important;border-radius:18px !important;background:#fff !important;box-shadow:none !important;
}
html body #djs-portal .djs-referral-bonus-icon{width:42px !important;height:42px !important;border-radius:14px !important;background:#eef8fe !important;display:grid !important;place-items:center !important;}
html body #djs-portal .djs-referral-bonus-icon .ms{color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;font-size:21px !important;}
html body #djs-portal .djs-referral-bonus-copy{min-width:0 !important;}
html body #djs-portal .djs-referral-bonus-copy>small{display:block !important;color:#9ca3af !important;-webkit-text-fill-color:#9ca3af !important;font-size:9px !important;font-weight:950 !important;letter-spacing:.07em !important;}
html body #djs-portal .djs-referral-bonus-copy h3{margin:2px 0 3px !important;font-size:14px !important;line-height:1.1 !important;font-weight:950 !important;}
html body #djs-portal .djs-referral-bonus-copy p{margin:0 !important;color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;font-size:11px !important;line-height:1.3 !important;font-weight:650 !important;}
html body #djs-portal .djs-referral-progress{height:5px !important;background:#f0f1f3 !important;border-radius:999px !important;overflow:hidden !important;margin:8px 0 4px !important;}
html body #djs-portal .djs-referral-progress span{display:block !important;height:100% !important;background:#58b9f2 !important;border-radius:inherit !important;}
html body #djs-portal .djs-referral-bonus-copy em{font-style:normal !important;color:#8b929f !important;-webkit-text-fill-color:#8b929f !important;font-size:9px !important;font-weight:800 !important;}
html body #djs-portal .djs-referral-bonus-side{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:7px !important;}
html body #djs-portal .djs-referral-bonus-side>strong{color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;font-size:12px !important;font-weight:950 !important;white-space:nowrap !important;}
html body #djs-portal .djs-referral-bonus-side>button{border:0 !important;border-radius:10px !important;padding:7px 9px !important;background:#111 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:9px !important;font-weight:950 !important;white-space:nowrap !important;}
html body #djs-portal .djs-referral-bonus-side>button:disabled{background:#f1f2f4 !important;color:#8b929f !important;-webkit-text-fill-color:#8b929f !important;}
html body #djs-portal .djs-referral-coupon{display:flex !important;align-items:center !important;gap:6px !important;margin-top:7px !important;}
html body #djs-portal .djs-referral-coupon code{background:#f4faff !important;border:1px dashed #ffc4c8 !important;border-radius:9px !important;padding:5px 7px !important;font-size:9px !important;}
html body #djs-portal .djs-referral-coupon button{width:28px !important;height:28px !important;border:0 !important;border-radius:9px !important;background:#eef8fe !important;padding:0 !important;display:grid !important;place-items:center !important;}
html body #djs-portal .djs-referral-rules-toggle{display:inline-flex !important;align-items:center !important;gap:6px !important;margin-top:11px !important;padding:0 !important;border:0 !important;background:transparent !important;color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;font-size:11px !important;font-weight:850 !important;}
html body #djs-portal .djs-referral-rules{margin-top:10px !important;padding:11px !important;border-radius:14px !important;background:#fafafa !important;border:1px solid #ececef !important;}
html body #djs-portal .djs-referral-rules p{margin:0 !important;color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;font-size:11px !important;line-height:1.45 !important;}
html body #djs-portal .djs-referral-history>h2{margin-bottom:13px !important;}
html body #djs-portal .djs-referral-history-row{display:grid !important;grid-template-columns:38px 1fr auto !important;gap:10px !important;align-items:center !important;padding:11px 0 !important;border-bottom:1px solid #f0f0f1 !important;}
html body #djs-portal .djs-referral-history-row:last-child{border-bottom:0 !important;}
html body #djs-portal .djs-referral-history-row>.ms{width:38px !important;height:38px !important;border-radius:13px !important;background:#eef8fe !important;color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;display:grid !important;place-items:center !important;font-size:19px !important;}
html body #djs-portal .djs-referral-history-row b{display:block !important;font-size:12px !important;font-weight:950 !important;}
html body #djs-portal .djs-referral-history-row small{display:block !important;color:#8b929f !important;-webkit-text-fill-color:#8b929f !important;font-size:9px !important;font-weight:700 !important;margin-top:2px !important;}
html body #djs-portal .djs-referral-history-row>div:last-child{text-align:right !important;}
html body #djs-portal .djs-referral-history-row>div:last-child strong{font-size:10px !important;color:#58b9f2 !important;-webkit-text-fill-color:#58b9f2 !important;}
html body #djs-portal .djs-referral-empty-history{text-align:center !important;padding:24px 12px 18px !important;}
html body #djs-portal .djs-referral-empty-history>.ms{font-size:43px !important;color:#d1d5db !important;-webkit-text-fill-color:#d1d5db !important;}
html body #djs-portal .djs-referral-empty-history p{margin:9px 0 4px !important;font-size:14px !important;font-weight:850 !important;}
html body #djs-portal .djs-referral-empty-history small{color:#8b929f !important;-webkit-text-fill-color:#8b929f !important;font-size:10px !important;}
@media(max-width:520px){
  html body #djs-portal .djs-referral-v21829{padding-left:14px !important;padding-right:14px !important;}
  html body #djs-portal .djs-referral-hero{margin-left:-14px !important;margin-right:-14px !important;padding:30px 22px 32px !important;}
  html body #djs-portal .djs-referral-stats{grid-template-columns:1fr !important;}
  html body #djs-portal .djs-referral-stats article{padding:15px !important;}
  html body #djs-portal .djs-referral-bonus{grid-template-columns:38px minmax(0,1fr) !important;}
  html body #djs-portal .djs-referral-bonus-side{grid-column:2 !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;}
  html body #djs-portal .djs-referral-code-line strong{font-size:26px !important;}
}


/* ================================================================
   v2.18.30 — Invite & Earn compact corrective rebuild
   Isolated from legacy invite styles to prevent overflow and black-on-black text.
================================================================ */
html body #djs-portal #djs-screen-invite-earn .djs-scroller{
  background:#f6f6f7 !important;
  overflow-x:hidden !important;
  scroll-padding-bottom:150px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-v21829{
  width:100% !important;
  max-width:680px !important;
  margin:0 auto !important;
  padding:10px 14px 154px !important;
  overflow:visible !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-back{
  width:max-content !important;
  min-width:0 !important;
  max-width:none !important;
  height:38px !important;
  padding:0 12px !important;
  margin:0 0 10px 0 !important;
  border-radius:13px !important;
  border:1px solid #e1e2e5 !important;
  background:#fff !important;
  box-shadow:0 5px 14px rgba(0,0,0,.045) !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:13px !important;
  font-weight:900 !important;
  flex:none !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-back .ms{
  color:#111 !important;-webkit-text-fill-color:#111 !important;font-size:18px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-hero{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 0 12px !important;
  padding:20px 18px 21px !important;
  border-radius:22px !important;
  background:#111 !important;
  border:1px solid #202020 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.07) !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-hero small{
  display:block !important;
  margin:0 0 8px !important;
  color:#58b9f2 !important;
  -webkit-text-fill-color:#58b9f2 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-hero h1{
  width:100% !important;
  max-width:100% !important;
  margin:0 0 9px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:clamp(25px,6.8vw,34px) !important;
  line-height:1.01 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-hero p{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  color:#d0d0d3 !important;
  -webkit-text-fill-color:#d0d0d3 !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
  font-weight:650 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-card{
  width:100% !important;
  margin:0 0 11px !important;
  padding:16px !important;
  border-radius:22px !important;
  background:#111 !important;
  border:1px solid #242424 !important;
  box-shadow:0 9px 22px rgba(0,0,0,.07) !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-card .djs-referral-code-label,
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-card .djs-referral-link-label{
  color:#aeb2ba !important;
  -webkit-text-fill-color:#aeb2ba !important;
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-line{
  min-width:0 !important;
  margin:6px 0 12px !important;
  gap:8px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-line strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#ef1d25 !important;
  -webkit-text-fill-color:#ef1d25 !important;
  font-size:clamp(22px,6.5vw,27px) !important;
  line-height:1 !important;
  letter-spacing:.065em !important;
  font-weight:950 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-link-row{
  min-width:0 !important;
  gap:8px !important;
  margin-top:5px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-link-row > span{
  min-width:0 !important;
  color:#aeb2ba !important;
  -webkit-text-fill-color:#aeb2ba !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-line button,
html body #djs-portal #djs-screen-invite-earn .djs-referral-link-row button{
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border-radius:11px !important;
  border:1px solid #333 !important;
  background:#1c1c1d !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-code-line button .ms,
html body #djs-portal #djs-screen-invite-earn .djs-referral-link-row button .ms{
  color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:17px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:12px 0 0 !important;
  overflow:visible !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:42px !important;
  padding:5px 7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border-radius:13px !important;
  border:1px solid #ededee !important;
  background:#fff !important;
  overflow:hidden !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share span{
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:11px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share.x span{background:#050505 !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share.fb span{background:#1877f2 !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share.wa span{background:#25d366 !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share b{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
  margin:0 0 11px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-stats article{
  min-width:0 !important;
  min-height:82px !important;
  padding:12px !important;
  gap:9px !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-stats article > .ms{
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:11px !important;
  font-size:19px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-stats small{
  font-size:8.5px !important;
  line-height:1.15 !important;
  letter-spacing:.055em !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-stats strong{
  font-size:22px !important;
  line-height:1 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-section,
html body #djs-portal #djs-screen-invite-earn .djs-referral-history{
  padding:14px !important;
  margin:0 0 11px !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-section-title{
  margin-bottom:9px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-section-title h2,
html body #djs-portal #djs-screen-invite-earn .djs-referral-history > h2{
  color:#111 !important;-webkit-text-fill-color:#111 !important;
  font-size:17px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-section-title small{
  font-size:8.5px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-section-title > button{
  width:34px !important;min-width:34px !important;height:34px !important;min-height:34px !important;border-radius:11px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-list{
  gap:7px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus{
  grid-template-columns:34px minmax(0,1fr) auto !important;
  gap:8px !important;
  padding:10px !important;
  border-radius:15px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-icon{
  width:34px !important;height:34px !important;border-radius:10px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-icon .ms{font-size:18px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-copy > small{font-size:7.5px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-copy h3{font-size:12px !important;margin:1px 0 2px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-copy p{font-size:9px !important;line-height:1.25 !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-progress{height:4px !important;margin:6px 0 3px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-copy em{font-size:8px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-side{gap:5px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-side > strong{font-size:10px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-side > button{
  min-height:28px !important;padding:5px 7px !important;border-radius:9px !important;font-size:8px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-rules-toggle{
  margin-top:8px !important;font-size:9.5px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-history-row{
  grid-template-columns:32px minmax(0,1fr) auto !important;
  gap:8px !important;
  padding:9px 0 !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-history-row > .ms{
  width:32px !important;height:32px !important;border-radius:10px !important;font-size:16px !important;
}
html body #djs-portal #djs-screen-invite-earn .djs-referral-history-row b{font-size:11px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-history-row small{font-size:8px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-empty-history{padding:18px 10px 14px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-empty-history > .ms{font-size:34px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-empty-history p{font-size:12px !important;}
html body #djs-portal #djs-screen-invite-earn .djs-referral-empty-history small{font-size:9px !important;}
@media(max-width:520px){
  html body #djs-portal #djs-screen-invite-earn .djs-referral-v21829{padding-left:12px !important;padding-right:12px !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-hero{padding:18px 16px 19px !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-stats article{padding:10px !important;gap:7px !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus{grid-template-columns:32px minmax(0,1fr) auto !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-bonus-side{grid-column:auto !important;flex-direction:column !important;align-items:flex-end !important;justify-content:center !important;}
}
@media(max-width:370px){
  html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-share-row .djs-invite-share b{font-size:8px !important;}
  html body #djs-portal #djs-screen-invite-earn .djs-referral-stats article > .ms{display:none !important;}
}

/* ==========================================================
   v2.18.44 — Modern direct Google authentication screen
   ========================================================== */
html body #djs-portal #djs-screen-auth {
  background:#fff !important;
  color:#090b13 !important;
  min-height:100dvh !important;
  padding:0 !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}
html body #djs-portal #djs-screen-auth > .djs-bottom-nav { display:none !important; }
html body #djs-portal .djs-auth-modern-shell {
  min-height:100dvh;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:calc(28px + env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% 14%, rgba(235,0,20,.055), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff 70%,#fbfbfc 100%);
  box-sizing:border-box;
}
html body #djs-portal .djs-auth-modern-brand {
  width:min(100%,430px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  margin:0 auto 2px;
}
html body #djs-portal .djs-auth-modern-brand img {
  width:94px !important;
  height:70px !important;
  object-fit:contain !important;
  display:block;
}
html body #djs-portal .djs-auth-modern-brand strong {
  display:block;
  color:#090b13 !important;
  font-size:25px !important;
  line-height:1.1;
  font-weight:900 !important;
  letter-spacing:-.5px;
}
html body #djs-portal .djs-auth-modern-brand span {
  display:block;
  margin-top:3px;
  color:#737783 !important;
  font-size:12px !important;
  font-weight:650 !important;
  letter-spacing:.15px;
}
html body #djs-portal .djs-auth-state-tabs {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  clip:rect(0 0 0 0) !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html body #djs-portal .djs-auth-modern-card-wrap {
  width:min(100%,430px);
  margin:0 auto;
}
html body #djs-portal .djs-auth-modern-card-wrap > .djs-tab-panel {
  width:100%;
  margin:0 !important;
  padding:0 !important;
}
html body #djs-portal .djs-auth-modern-card {
  width:100%;
  box-sizing:border-box;
  padding:26px 24px 0 !important;
  border:1px solid #e5e6ea !important;
  border-radius:24px !important;
  background:#fff !important;
  color:#090b13 !important;
  box-shadow:0 18px 50px rgba(15,23,42,.10) !important;
  overflow:hidden;
}
html body #djs-portal .djs-auth-modern-heading {
  text-align:center;
  margin:0 0 20px;
}
html body #djs-portal .djs-auth-modern-heading h1 {
  margin:0 0 7px !important;
  color:#090b13 !important;
  font-size:25px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.45px;
}
html body #djs-portal .djs-auth-modern-heading p {
  margin:0 !important;
  color:#747884 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}
html body #djs-portal .djs-google-login-wrap {
  width:100%;
  min-height:52px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1.5px solid #dedfe4 !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#272a31 !important;
  font:inherit;
  font-size:15px !important;
  font-weight:750 !important;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(15,23,42,.035);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
html body #djs-portal .djs-google-login-wrap:active { transform:scale(.985); }
html body #djs-portal .djs-google-login-wrap:hover { border-color:#cfd0d6 !important; box-shadow:0 5px 13px rgba(15,23,42,.07); }
html body #djs-portal .djs-google-login-wrap:disabled { opacity:.65; cursor:wait; }
html body #djs-portal .djs-google-mark { width:21px;height:21px;display:inline-flex;flex:0 0 21px; }
html body #djs-portal .djs-google-mark svg { width:21px;height:21px;display:block; }
html body #djs-portal .djs-google-last-used {
  position:absolute;
  right:10px;
  top:-9px;
  padding:3px 8px;
  border:1px solid #dedfe4;
  border-radius:999px;
  background:#fff !important;
  color:#777b85 !important;
  font-size:9px !important;
  font-weight:700 !important;
}
html body #djs-portal .djs-auth-divider {
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0;
  color:#9b9ea6 !important;
  font-size:13px !important;
}
html body #djs-portal .djs-auth-divider::before,
html body #djs-portal .djs-auth-divider::after { content:""; height:1px; flex:1; background:#ececef; }
html body #djs-portal .djs-auth-divider span { color:#8c9099 !important; }
html body #djs-portal .djs-auth-modern-fields { display:grid;gap:14px; }
html body #djs-portal .djs-auth-modern-card .djs-field { margin:0 !important; }
html body #djs-portal .djs-auth-modern-card .djs-field > label {
  display:block;
  margin:0 0 7px !important;
  color:#11131a !important;
  font-size:12px !important;
  line-height:1.1;
  font-weight:850 !important;
  letter-spacing:.35px;
  text-transform:uppercase;
}
html body #djs-portal .djs-auth-input-wrap {
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  box-sizing:border-box;
  border:1.5px solid #dedfe4 !important;
  border-radius:14px !important;
  background:#fff !important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
html body #djs-portal .djs-auth-input-wrap:focus-within {
  border-color:#ea0017 !important;
  box-shadow:0 0 0 3px rgba(234,0,23,.08) !important;
}
html body #djs-portal .djs-auth-input-wrap > .ms {
  color:#727780 !important;
  font-size:20px !important;
  flex:0 0 auto;
}
html body #djs-portal .djs-auth-input-wrap input {
  width:100% !important;
  min-width:0 !important;
  height:50px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#11131a !important;
  font-size:16px !important;
  font-weight:600 !important;
}
html body #djs-portal .djs-auth-input-wrap input::placeholder { color:#9a9ea7 !important; opacity:1; }
html body #djs-portal .djs-auth-remember-row {
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 17px !important;
  color:#565a63 !important;
  font-size:12px !important;
}
html body #djs-portal .djs-auth-remember-row label { display:flex;align-items:center;gap:7px;color:#565a63 !important;font-size:12px !important; }
html body #djs-portal .djs-auth-remember-row input[type="checkbox"] { accent-color:#ea0017; width:17px;height:17px; }
html body #djs-portal .djs-auth-forgot { color:#17191f !important;text-decoration:none !important;font-weight:750 !important;font-size:12px !important; }
html body #djs-portal .djs-auth-submit {
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ef0018,#d90015) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:850 !important;
  box-shadow:0 10px 22px rgba(230,0,22,.19) !important;
}
html body #djs-portal .djs-auth-submit * { color:#fff !important; }
html body #djs-portal .djs-auth-card-footer {
  margin:22px -24px 0;
  padding:17px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  border-top:1px solid #ececef;
  background:#fbfbfc !important;
  color:#767a83 !important;
  font-size:13px !important;
}
html body #djs-portal .djs-auth-card-footer span { color:#767a83 !important; }
html body #djs-portal .djs-auth-switch {
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#11131a !important;
  font:inherit;
  font-size:13px !important;
  font-weight:850 !important;
  cursor:pointer;
}
html body #djs-portal .djs-auth-secured {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#8b8f97 !important;
  font-size:10px !important;
  font-weight:600 !important;
  text-align:center;
}
html body #djs-portal .djs-auth-secured .ms { color:#ea0017 !important;font-size:16px !important; }
html body #djs-portal .djs-auth-modern-card .djs-alert-error {
  margin:0 0 14px !important;
  padding:10px 12px !important;
  border:1px solid #ffc7cd !important;
  border-radius:12px !important;
  background:#f2f9fe !important;
  color:#b10012 !important;
  font-size:12px !important;
}
@media (max-width:520px) {
  html body #djs-portal .djs-auth-modern-shell {
    justify-content:flex-start;
    padding:calc(54px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));
    gap:15px;
  }
  html body #djs-portal .djs-auth-modern-brand img { width:86px !important;height:62px !important; }
  html body #djs-portal .djs-auth-modern-brand strong { font-size:23px !important; }
  html body #djs-portal .djs-auth-modern-card { padding:23px 20px 0 !important;border-radius:22px !important; }
  html body #djs-portal .djs-auth-card-footer { margin:20px -20px 0; }
}
@media (max-width:380px) {
  html body #djs-portal .djs-auth-modern-shell { padding-left:13px;padding-right:13px; }
  html body #djs-portal .djs-auth-modern-card { padding-left:17px !important;padding-right:17px !important; }
  html body #djs-portal .djs-auth-card-footer { margin-left:-17px;margin-right:-17px; }
}


/* v2.18.44 — Google Identity Services direct button */
html body #djs-portal .djs-google-login-wrap {
  width:100% !important;
  min-height:46px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body #djs-portal .djs-google-login-wrap.is-loading { opacity:.6; pointer-events:none; }
html body #djs-portal .djs-google-render-target { width:100%; display:flex; justify-content:center; min-height:44px; }
html body #djs-portal .djs-google-render-target > div { width:100% !important; max-width:520px !important; }
html body #djs-portal .djs-google-render-target iframe { max-width:100% !important; }



/* v2.18.66 — modern vertical e-vouchers + in-app popup */
#djs-screen-vouchers #djs-vouchers-list{margin-top:14px!important}
#djs-screen-vouchers .djs-voucher-vertical-list{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:0!important;margin:0!important}
#djs-screen-vouchers .djs-voucher-modern-card{display:block!important;padding:0!important;overflow:hidden!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 12px 32px rgba(15,23,42,.08)!important;margin:0!important}
#djs-screen-vouchers .djs-voucher-media{padding:0!important}
#djs-screen-vouchers .djs-voucher-photo{width:100%!important;height:132px!important;border-radius:0!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;display:block!important;overflow:hidden!important}
#djs-screen-vouchers .djs-voucher-photo img{width:100%!important;height:100%!important;object-fit:cover!important;background:#fff!important}
#djs-screen-vouchers .djs-voucher-photo .ms{display:grid!important;place-items:center!important;height:100%!important;font-size:34px!important;color:#fff!important}
#djs-screen-vouchers .djs-voucher-modern-body{padding:14px 14px 15px!important}
#djs-screen-vouchers .djs-voucher-modern-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}
#djs-screen-vouchers .djs-voucher-modern-top small{font-size:11px!important;color:#6b7280!important}
#djs-screen-vouchers .djs-voucher-status{font-size:10px!important;padding:6px 10px!important}
#djs-screen-vouchers .djs-voucher-status.ready{background:#e8fff1!important;color:#10814d!important;border-color:#b7f0cf!important}
#djs-screen-vouchers .djs-voucher-status.pending{background:#fff8e8!important;color:#9a6700!important;border-color:#f2d48e!important}
#djs-screen-vouchers .djs-voucher-modern-body h3{margin:0 0 4px!important;font-size:16px!important;line-height:1.28!important;color:#111827!important;font-weight:900!important}
#djs-screen-vouchers .djs-voucher-modern-body p{margin:0!important;font-size:12px!important;line-height:1.45!important;color:#6b7280!important}
#djs-screen-vouchers .djs-voucher-modern-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:12px!important}
#djs-screen-vouchers .djs-voucher-main-btn,#djs-screen-vouchers .djs-voucher-soft-btn{width:100%!important;min-height:44px!important;font-size:14px!important;border-radius:16px!important;padding:11px 14px!important}
#djs-screen-vouchers .djs-voucher-main-btn{background:#35a6e8!important;color:#fff!important;box-shadow:0 12px 24px rgba(53,166,232,.18)!important}
#djs-screen-vouchers .djs-voucher-soft-btn{background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.10)!important}
#djs-screen-vouchers .djs-delivery-box{margin-top:10px!important;font-size:12px!important;line-height:1.45!important;background:#f8fafc!important;border:1px dashed rgba(15,23,42,.12)!important;color:#374151!important;border-radius:16px!important;padding:12px!important}
#djs-screen-vouchers .djs-vouchers-empty{background:#fff!important;border-color:rgba(15,23,42,.08)!important;color:#111827!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important}
#djs-screen-vouchers .djs-vouchers-empty small{color:#6b7280!important}
#djs-portal .djs-voucher-popup-backdrop{position:fixed!important;inset:0!important;background:rgba(15,23,42,.45)!important;z-index:99998!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
#djs-portal .djs-voucher-popup{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(92vw,430px)!important;max-height:min(84vh,760px)!important;overflow:auto!important;background:#fff!important;border-radius:28px!important;padding:18px!important;z-index:99999!important;box-shadow:0 24px 70px rgba(2,6,23,.28)!important}
#djs-portal .djs-voucher-popup-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
#djs-portal .djs-voucher-popup-head small{display:block!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#35a6e8!important;margin-bottom:4px!important}
#djs-portal .djs-voucher-popup-head h3{margin:0!important;font-size:18px!important;line-height:1.2!important;color:#111827!important}
#djs-portal .djs-voucher-popup-close{width:40px!important;height:40px!important;border-radius:14px!important;border:1px solid rgba(15,23,42,.10)!important;background:#fff!important;color:#111827!important;display:grid!important;place-items:center!important;cursor:pointer!important}
#djs-portal .djs-voucher-popup-product{display:grid!important;grid-template-columns:64px 1fr!important;gap:12px!important;align-items:center!important;margin-bottom:12px!important}
#djs-portal .djs-voucher-popup-thumb{width:64px!important;height:64px!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;display:grid!important;place-items:center!important}
#djs-portal .djs-voucher-popup-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
#djs-portal .djs-voucher-popup-thumb .ms{font-size:30px!important;color:#fff!important}
#djs-portal .djs-voucher-popup-product b{display:block!important;font-size:15px!important;line-height:1.3!important;color:#111827!important}
#djs-portal .djs-voucher-popup-product small{display:block!important;margin-top:4px!important;font-size:12px!important;color:#6b7280!important}
#djs-portal .djs-voucher-popup-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}
#djs-portal .djs-voucher-popup-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(15,23,42,.08)!important;color:#374151!important;font-size:11px!important;font-weight:800!important}
#djs-portal .djs-voucher-popup-chip.ready{background:#e8fff1!important;color:#10814d!important;border-color:#b7f0cf!important}
#djs-portal .djs-voucher-popup-chip.pending{background:#fff8e8!important;color:#9a6700!important;border-color:#f2d48e!important}
#djs-portal .djs-voucher-popup-message{margin-bottom:12px!important;padding:12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px dashed rgba(15,23,42,.12)!important;color:#374151!important;font-size:12px!important;line-height:1.5!important}
#djs-portal .djs-voucher-popup-codes{display:grid!important;gap:10px!important}
#djs-portal .djs-voucher-popup-code-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important}
#djs-portal .djs-voucher-popup-code-row span{display:block!important;font-size:11px!important;font-weight:800!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:5px!important}
#djs-portal .djs-voucher-popup-code-row code{display:block!important;font-size:13px!important;font-weight:900!important;color:#111827!important;word-break:break-word!important}
#djs-portal .djs-voucher-code-copy{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:40px!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid rgba(15,23,42,.10)!important;background:#fff!important;color:#111827!important;font-weight:800!important;cursor:pointer!important}
#djs-portal .djs-voucher-popup-empty{padding:16px!important;border-radius:18px!important;background:#f8fafc!important;border:1px dashed rgba(15,23,42,.12)!important;text-align:center!important}
#djs-portal .djs-voucher-popup-empty .ms{font-size:24px!important;color:#35a6e8!important}
#djs-portal .djs-voucher-popup-empty b{display:block!important;margin-top:6px!important;color:#111827!important;font-size:14px!important}
#djs-portal .djs-voucher-popup-empty small{display:block!important;margin-top:4px!important;color:#6b7280!important;line-height:1.45!important;font-size:12px!important}
#djs-portal .djs-voucher-popup-actions{display:flex!important;gap:10px!important;margin-top:14px!important}
#djs-portal .djs-voucher-popup-btn{flex:1 1 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;border-radius:16px!important;padding:11px 14px!important;border:1px solid rgba(15,23,42,.10)!important;font-weight:900!important;cursor:pointer!important;text-decoration:none!important}
#djs-portal .djs-voucher-popup-btn.is-main{background:#35a6e8!important;color:#fff!important;border-color:#35a6e8!important}
#djs-portal .djs-voucher-popup-btn.is-soft{background:#fff!important;color:#111827!important}
@media(max-width:560px){#djs-portal .djs-voucher-popup{width:min(94vw,430px)!important;padding:16px!important;border-radius:24px!important}#djs-portal .djs-voucher-popup-actions{flex-direction:column!important}#djs-portal .djs-voucher-popup-code-row{display:block!important}#djs-portal .djs-voucher-code-copy{width:100%!important;justify-content:center!important;margin-top:10px!important}}


/* v2.18.67 — compact e-voucher cards + clean header count */
#djs-portal #djs-screen-vouchers .djs-back-bar{min-height:72px!important;padding:10px 16px!important;gap:10px!important}
#djs-portal #djs-screen-vouchers .djs-back-title{font-size:20px!important;line-height:1.1!important;letter-spacing:-.025em!important}
#djs-portal #djs-screen-vouchers #djs-vouchers-count.djs-badge-pill{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  padding:0!important;margin-left:auto!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;flex:0 0 34px!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;
  background:#fff7f7!important;color:#111827!important;border:1px solid rgba(88,185,242,.22)!important;
}
#djs-portal #djs-screen-vouchers .djs-content-wrap{padding-top:12px!important}
#djs-portal #djs-screen-vouchers .djs-streaming-info-card{padding:14px 15px!important;border-radius:20px!important;margin-bottom:12px!important}
#djs-portal #djs-screen-vouchers .djs-streaming-info-card .djs-card-title{font-size:13px!important;line-height:1.2!important;margin-bottom:7px!important}
#djs-portal #djs-screen-vouchers .djs-streaming-info-card .djs-small-muted{font-size:12px!important;line-height:1.45!important;margin:0!important;font-weight:600!important}
#djs-portal #djs-screen-vouchers #djs-vouchers-list{margin-top:10px!important}
#djs-portal #djs-screen-vouchers .djs-voucher-vertical-list{gap:10px!important}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-card{
  display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;
  gap:10px!important;padding:11px!important;border-radius:20px!important;
  align-items:start!important;overflow:hidden!important;background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-media{width:86px!important;height:86px!important;align-self:start!important}
#djs-portal #djs-screen-vouchers .djs-voucher-photo{
  width:86px!important;height:86px!important;border-radius:16px!important;overflow:hidden!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-photo img{width:100%!important;height:100%!important;object-fit:cover!important;background:#fff!important}
#djs-portal #djs-screen-vouchers .djs-voucher-photo .ms{font-size:28px!important}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-body{padding:1px 0 0!important;min-width:0!important}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-top{margin:0 0 6px!important;gap:6px!important;align-items:center!important}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-top small{font-size:9.5px!important;white-space:nowrap!important;color:#7a7f89!important}
#djs-portal #djs-screen-vouchers .djs-voucher-status{padding:5px 8px!important;font-size:8.5px!important;letter-spacing:.045em!important}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-body h3{
  margin:0 0 4px!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-body p{font-size:10.5px!important;line-height:1.35!important;color:#6b7280!important}
#djs-portal #djs-screen-vouchers .djs-delivery-box{
  margin-top:7px!important;padding:7px 8px!important;border-radius:11px!important;
  font-size:10px!important;line-height:1.35!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-modern-actions{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:8px!important;margin:1px 0 0!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-main-btn,
#djs-portal #djs-screen-vouchers .djs-voucher-soft-btn{
  width:100%!important;min-width:0!important;min-height:38px!important;padding:8px 9px!important;
  border-radius:13px!important;font-size:11px!important;line-height:1.1!important;font-weight:900!important;
  white-space:nowrap!important;
}
#djs-portal #djs-screen-vouchers .djs-voucher-main-btn .ms,
#djs-portal #djs-screen-vouchers .djs-voucher-soft-btn .ms{font-size:16px!important}
@media(max-width:390px){
  #djs-portal #djs-screen-vouchers .djs-voucher-modern-card{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important}
  #djs-portal #djs-screen-vouchers .djs-voucher-media,#djs-portal #djs-screen-vouchers .djs-voucher-photo{width:76px!important;height:76px!important}
  #djs-portal #djs-screen-vouchers .djs-voucher-modern-top small{display:none!important}
  #djs-portal #djs-screen-vouchers .djs-voucher-main-btn,#djs-portal #djs-screen-vouchers .djs-voucher-soft-btn{font-size:10px!important}
}


/* v2.18.68 — compact coupons fix */
#djs-portal #djs-screen-coupons .djs-screen-top{align-items:center!important}
#djs-portal #djs-coupons-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(53,166,232,.16)!important;color:#111827!important;font-size:14px!important;font-weight:1000!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important}
#djs-portal .djs-coupons-wrap{max-width:860px!important;width:min(860px,100%)!important}
#djs-portal .djs-coupons-hero{gap:10px!important;border-radius:24px!important;padding:16px 16px 14px!important;background:linear-gradient(135deg,#12306b,#2552dd 60%,#6d35e2)!important;box-shadow:0 14px 36px rgba(30,64,175,.18)!important}
#djs-portal .djs-coupons-hero .ms{width:34px!important;height:34px!important;border-radius:12px!important;margin-bottom:8px!important;font-size:18px!important}
#djs-portal .djs-coupons-hero b{font-size:clamp(16px,4.8vw,24px)!important;line-height:1.12!important;letter-spacing:-.03em!important}
#djs-portal .djs-coupons-hero p{margin:6px 0 0!important;max-width:560px!important;font-size:13px!important;line-height:1.45!important;color:rgba(255,255,255,.82)!important;font-weight:700!important}
#djs-portal .djs-coupons-hero small{padding:7px 10px!important;font-size:11px!important}
#djs-portal .djs-coupons-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important;margin-top:14px!important}
#djs-portal .djs-coupon-card{border-radius:20px!important;padding:14px!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important}
#djs-portal .djs-coupon-card:before{width:90px!important;height:90px!important;inset:auto -18px -26px auto!important;filter:blur(8px)!important}
#djs-portal .djs-coupon-top{align-items:flex-start!important;gap:8px!important}
#djs-portal .djs-coupon-top-left{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
#djs-portal .djs-coupon-top .ms{width:34px!important;height:34px!important;border-radius:12px!important;font-size:18px!important;flex:0 0 auto!important}
#djs-portal .djs-coupon-top small{display:block!important;font-size:10px!important;line-height:1.1!important;margin-bottom:4px!important}
#djs-portal .djs-coupon-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;border:1px solid transparent!important}
#djs-portal .djs-coupon-state.ready{background:#eafff2!important;color:#10814d!important;border-color:#bbf7d0!important}
#djs-portal .djs-coupon-state.used{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}
#djs-portal .djs-coupon-top em{font-style:normal!important;font-size:26px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.05em!important;color:#0f172a!important;white-space:nowrap!important}
#djs-portal .djs-coupon-card p{margin:9px 0 10px!important;font-size:12px!important;line-height:1.4!important}
#djs-portal .djs-coupon-card code{font-size:12px!important;padding:9px 10px!important;border-radius:14px!important;letter-spacing:.03em!important}
#djs-portal .djs-coupon-expiry{display:flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important;color:#64748b!important;font-size:11px!important;font-weight:800!important}
#djs-portal .djs-coupon-expiry .ms{font-size:14px!important}
#djs-portal .djs-coupon-actions{gap:8px!important;margin-top:10px!important}
#djs-portal .djs-coupon-actions button{min-height:38px!important;border-radius:13px!important;font-size:12px!important;padding:0 10px!important}
#djs-portal .djs-coupon-actions button .ms{font-size:16px!important}
#djs-portal #djs-coupons-list .djs-empty{border-radius:18px!important;padding:18px 14px!important;font-size:14px!important;line-height:1.45!important}
#djs-portal #djs-coupons-list .djs-empty .ms{font-size:24px!important;margin-bottom:8px!important}


/* v2.18.69 — clean single-column coupon list */
#djs-portal #djs-screen-coupons .djs-coupons-wrap{max-width:680px!important;padding-left:14px!important;padding-right:14px!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero{padding:13px 14px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:0!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero>div{min-width:0!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero .ms{width:30px!important;height:30px!important;border-radius:10px!important;margin:0 0 6px!important;font-size:16px!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero b{font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero p{font-size:11.5px!important;line-height:1.35!important;margin-top:4px!important;max-width:440px!important}
#djs-portal #djs-screen-coupons .djs-coupons-hero small{font-size:10px!important;padding:6px 9px!important;white-space:nowrap!important;align-self:center!important;margin:0!important}
#djs-portal #djs-screen-coupons .djs-coupons-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:11px!important}
#djs-portal #djs-screen-coupons .djs-coupon-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'top top' 'desc pct' 'code code' 'expiry actions'!important;column-gap:12px!important;row-gap:7px!important;padding:12px!important;border-radius:18px!important;margin:0!important;min-height:0!important}
#djs-portal #djs-screen-coupons .djs-coupon-top{grid-area:top!important;display:flex!important;justify-content:flex-start!important;margin:0!important}
#djs-portal #djs-screen-coupons .djs-coupon-top-left{gap:8px!important}
#djs-portal #djs-screen-coupons .djs-coupon-top .ms{width:30px!important;height:30px!important;border-radius:10px!important;font-size:16px!important}
#djs-portal #djs-screen-coupons .djs-coupon-top small{font-size:9px!important;margin-bottom:3px!important}
#djs-portal #djs-screen-coupons .djs-coupon-state{font-size:9px!important;padding:3px 7px!important}
#djs-portal #djs-screen-coupons .djs-coupon-top em{position:absolute!important;right:12px!important;top:14px!important;font-size:23px!important}
#djs-portal #djs-screen-coupons .djs-coupon-card p{grid-area:desc!important;margin:0!important;font-size:11.5px!important;line-height:1.3!important;align-self:center!important;max-width:none!important}
#djs-portal #djs-screen-coupons .djs-coupon-card code{grid-area:code!important;font-size:11.5px!important;padding:8px 10px!important;border-radius:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#djs-portal #djs-screen-coupons .djs-coupon-expiry{grid-area:expiry!important;margin:0!important;font-size:10px!important;align-self:center!important}
#djs-portal #djs-screen-coupons .djs-coupon-actions{grid-area:actions!important;display:flex!important;gap:6px!important;margin:0!important;justify-content:flex-end!important}
#djs-portal #djs-screen-coupons .djs-coupon-actions button{width:auto!important;min-width:74px!important;min-height:34px!important;border-radius:11px!important;font-size:10.5px!important;padding:0 9px!important}
#djs-portal #djs-screen-coupons .djs-coupon-actions button .ms{font-size:14px!important}
@media(max-width:520px){#djs-portal #djs-screen-coupons .djs-coupons-hero{display:block!important}#djs-portal #djs-screen-coupons .djs-coupons-hero small{display:inline-flex!important;margin-top:8px!important}#djs-portal #djs-screen-coupons .djs-coupon-card{grid-template-columns:1fr!important;grid-template-areas:'top' 'desc' 'code' 'expiry' 'actions'!important}#djs-portal #djs-screen-coupons .djs-coupon-actions{width:100%!important}#djs-portal #djs-screen-coupons .djs-coupon-actions button{flex:1 1 0!important}#djs-portal #djs-screen-coupons .djs-coupon-top em{font-size:21px!important}}


/* v2.18.70 — G2Bulk Gift Cards visible on storefront */
#djs-portal #djs-giftcards-home-row .djs-preview-product-card{min-width:170px!important}
#djs-portal #djs-giftcards-home-row .djs-preview-poster-img{background:#fff!important}
#djs-portal #djs-giftcards-home-row .djs-preview-poster-img img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;padding:6px!important}
#djs-portal #djs-giftcards-home-row .djs-preview-product-card b{font-size:13px!important;line-height:1.25!important}
#djs-portal #djs-giftcards-home-row .djs-preview-product-card small{font-size:11px!important}

/* v2.18.75 Gift Card tap/details safeguards */
#djs-portal #djs-screen-product.djs-product-giftcards .djs-gift-subcard{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
#djs-portal #djs-screen-product.djs-product-giftcards .djs-gift-detail-view{display:grid!important;gap:12px!important}
#djs-portal #djs-screen-product.djs-product-giftcards .djs-gift-detail-art img{object-fit:contain!important}
\n\n/* v2.26.3 — shareable subcategory/product deep links */\n#djs-portal .djs-product-share-btn{\n  flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;\n  border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important;color:#111827!important;\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;\n}\n#djs-portal .djs-product-share-btn .ms{font-size:21px!important;line-height:1!important;}\n#djs-portal .djs-product-share-btn:active{transform:scale(.96)!important;background:#eff8fe!important;color:#dc2626!important;}\n@media(max-width:700px){\n  #djs-portal #djs-screen-product .djs-back-bar .djs-back-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}\n  #djs-portal #djs-screen-product .djs-product-share-btn{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;}\n}\n

/* ======================================================================
   v2.26.5 — Minimalist Neumorphic Navigation
   Reference: "Minimalist Neumorphic Navigation Bar"
   Visual-only override: navigation data-nav behavior remains untouched.
====================================================================== */
@media (max-width:899px){
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:max(12px, env(safe-area-inset-bottom))!important;
    width:min(650px,calc(100% - 18px))!important;
    min-height:76px!important;
    height:auto!important;
    padding:8px!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:28px!important;
    background:#eef1f6!important;
    box-shadow:
      10px 14px 30px rgba(163,177,198,.32),
      -8px -8px 24px rgba(255,255,255,.94),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    height:60px!important;
    max-height:60px!important;
    padding:5px 2px 4px!important;
    display:grid!important;
    grid-template-rows:35px 14px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:1px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#657084!important;
    box-shadow:none!important;
    transform:none!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    line-height:1!important;
    text-align:center!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.86)!important;
    border-radius:12px!important;
    background:#eef1f6!important;
    color:#667085!important;
    box-shadow:
      5px 5px 10px rgba(163,177,198,.33),
      -5px -5px 10px rgba(255,255,255,.96)!important;
    font-size:21px!important;
    line-height:1!important;
    font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24!important;
    transition:color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item > span:not(.ms):not(.djs-cart-count-badge):not(.djs-message-unread-badge){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1.08!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item:hover,
  html body #djs-portal .djs-bottom-nav .djs-bn-item:focus-visible{
    color:#111827!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item:active{
    transform:scale(.97)!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item.active,
  html body #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="exchange"].active,
  html body #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].active{
    border-color:rgba(255,255,255,.54)!important;
    background:#eef1f6!important;
    color:#58b9f2!important;
    box-shadow:
      inset 4px 4px 9px rgba(163,177,198,.30),
      inset -4px -4px 9px rgba(255,255,255,.95)!important;
    transform:none!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item.active > .ms,
  html body #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="exchange"].active > .ms,
  html body #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].active > .ms{
    border-color:rgba(255,255,255,.42)!important;
    background:#eef1f6!important;
    color:#58b9f2!important;
    -webkit-text-fill-color:#58b9f2!important;
    box-shadow:
      inset 4px 4px 8px rgba(163,177,198,.34),
      inset -4px -4px 8px rgba(255,255,255,.96)!important;
    transform:none!important;
    font-variation-settings:'FILL' 0,'wght' 650,'GRAD' 0,'opsz' 24!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-bn-item.active::after{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:3px!important;
    width:16px!important;
    height:3px!important;
    border-radius:99px!important;
    background:#58b9f2!important;
    transform:translateX(-50%)!important;
    box-shadow:0 2px 7px rgba(88,185,242,.22)!important;
  }

  html body #djs-portal .djs-bottom-nav .djs-cart-count-badge:not(:empty){
    position:absolute!important;
    top:3px!important;
    right:calc(50% - 23px)!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid #eef1f6!important;
    border-radius:99px!important;
    background:#58b9f2!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 3px 8px rgba(88,185,242,.25)!important;
  }

  html body #djs-portal .djs-scroller{padding-bottom:112px!important;}

  [data-theme="dark"] body #djs-portal .djs-bottom-nav,
  html body[data-theme="dark"] #djs-portal .djs-bottom-nav,
  [data-theme="dark"] #djs-portal .djs-bottom-nav{
    border-color:rgba(255,255,255,.055)!important;
    background:#20252d!important;
    box-shadow:
      11px 14px 28px rgba(8,10,14,.52),
      -7px -7px 20px rgba(59,67,78,.34),
      inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item{color:#aeb7c5!important;}
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item > .ms{
    border-color:rgba(255,255,255,.035)!important;
    background:#20252d!important;
    color:#aeb7c5!important;
    box-shadow:5px 5px 10px rgba(8,10,14,.52),-5px -5px 10px rgba(59,67,78,.30)!important;
  }
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item.active,
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="exchange"].active,
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].active{
    border-color:rgba(255,255,255,.035)!important;
    background:#20252d!important;
    color:#ff5a64!important;
    box-shadow:inset 4px 4px 9px rgba(8,10,14,.55),inset -4px -4px 9px rgba(59,67,78,.30)!important;
  }
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item.active > .ms,
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="exchange"].active > .ms,
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].active > .ms{
    background:#20252d!important;
    color:#ff5a64!important;
    -webkit-text-fill-color:#ff5a64!important;
    box-shadow:inset 4px 4px 8px rgba(8,10,14,.58),inset -4px -4px 8px rgba(59,67,78,.30)!important;
  }
  [data-theme="dark"] #djs-portal .djs-bottom-nav .djs-cart-count-badge:not(:empty){border-color:#20252d!important;}
}

@media (max-width:430px){
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav{
    width:calc(100% - 12px)!important;
    min-height:71px!important;
    padding:6px!important;
    gap:2px!important;
    border-radius:24px!important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item{
    height:57px!important;
    grid-template-rows:33px 13px!important;
    border-radius:16px!important;
    font-size:9px!important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms{
    width:31px!important;
    height:31px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }
}
@media (max-width:360px){
  html body #djs-portal .djs-bottom-nav .djs-bn-item{font-size:8px!important;letter-spacing:-.04em!important;}
  html body #djs-portal .djs-bottom-nav .djs-bn-item > .ms{width:29px!important;height:29px!important;font-size:19px!important;}
}