/* KnownBoost Marketplace Header V8 */
.kb-market-topbar{position:sticky;top:0;z-index:900;background:rgba(5,9,16,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.kb-market-topbar-inner{max-width:1440px;margin:0 auto;height:74px;padding:0 26px;display:grid;grid-template-columns:auto minmax(320px,720px) auto;gap:28px;align-items:center}
.kb-market-brand{display:flex;align-items:center;gap:4px;text-decoration:none;white-space:nowrap}
.kb-market-brand img{height:38px;width:auto;object-fit:contain}.kb-market-brand svg{width:34px;height:34px}
.kb-market-wordmark{font-size:25px;font-weight:900;letter-spacing:-.04em}.kb-market-known{color:#fff}.kb-market-boost{color:var(--gold)}
.kb-market-search{height:46px;border:1px solid rgba(255,255,255,.11);background:#171c27;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.kb-market-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.kb-market-search input::placeholder{color:#9299a8}
.kb-market-utilities{display:flex;align-items:center;gap:12px;justify-content:flex-end;white-space:nowrap}.kb-market-utility{border:0;background:transparent;color:#d8dce6;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.kb-market-live i{width:6px;height:6px;background:#2ecc71;border-radius:50%;box-shadow:0 0 10px rgba(46,204,113,.8)}
.kb-market-divider{width:1px;height:28px;background:rgba(255,255,255,.1)}.kb-market-icon-button{width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:#d8dce6;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.kb-market-icon-button:hover{background:rgba(255,255,255,.06)}
.kb-market-notification b{position:absolute;right:1px;top:1px;background:#e74c3c;color:#fff;border-radius:999px;font-size:9px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center}
.kb-market-login,.kb-market-signup{height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:800}.kb-market-login{color:#fff;border:1px solid rgba(244,180,0,.55);background:transparent}.kb-market-signup{gap:7px;background:linear-gradient(135deg,#ffd76c,#f4b400);color:#191101;box-shadow:0 8px 20px rgba(244,180,0,.18)}
.kb-market-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;text-decoration:none}.kb-market-mobile-menu{display:none;background:transparent;border:0;color:#fff;cursor:pointer}
/* Existing shared navbar becomes the second category row. */
.kb-market-topbar ~ .navbar{position:sticky;top:74px;z-index:880;background:rgba(8,13,23,.97);border-bottom:1px solid rgba(255,255,255,.1)}
.kb-market-topbar ~ .navbar .navbar-inner{max-width:1440px;height:58px;padding:0 26px;justify-content:center}
.kb-market-topbar ~ .navbar .navbar-logo,.kb-market-topbar ~ .navbar .navbar-actions{display:none!important}
.kb-market-topbar ~ .navbar .navbar-nav{flex:0 1 auto;width:100%;justify-content:center;gap:34px}
.kb-market-topbar ~ .navbar .navbar-nav a{font-size:14px;font-weight:700;padding:19px 3px 17px;border-radius:0;background:transparent;position:relative}
.kb-market-topbar ~ .navbar .navbar-nav a:hover,.kb-market-topbar ~ .navbar .navbar-nav a.active{color:var(--gold);background:transparent}
.kb-market-topbar ~ .navbar .navbar-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(244,180,0,.7)}
@media(max-width:1120px){.kb-market-topbar-inner{grid-template-columns:auto 1fr auto;gap:16px}.kb-market-utility span,.kb-market-divider{display:none}.kb-market-wordmark{font-size:21px}.kb-market-topbar ~ .navbar .navbar-nav{gap:18px}}
@media(max-width:820px){.kb-market-topbar-inner{height:64px;padding:0 14px;grid-template-columns:auto 1fr auto}.kb-market-wordmark{font-size:18px}.kb-market-brand svg{width:28px;height:28px}.kb-market-search{height:40px;border-radius:12px}.kb-market-utilities>.kb-market-utility,.kb-market-utilities>.kb-market-icon-button,.kb-market-login,.kb-market-signup{display:none}.kb-market-mobile-menu{display:flex}.kb-market-topbar ~ .navbar{top:64px}.kb-market-topbar ~ .navbar .navbar-inner{height:auto;padding:0}.kb-market-topbar ~ .navbar .navbar-nav{display:none;position:fixed;top:64px;left:0;right:0;background:#0a101b;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 14px 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kb-market-topbar ~ .navbar .navbar-nav.open{display:grid}.kb-market-topbar ~ .navbar .navbar-nav a{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111826}.kb-market-topbar ~ .navbar .navbar-nav a.active:after{display:none}}
@media(max-width:560px){.kb-market-topbar-inner{grid-template-columns:auto 1fr auto;gap:10px}.kb-market-wordmark{font-size:16px}.kb-market-search{padding:0 11px}.kb-market-search input{font-size:13px}.kb-market-brand img{height:30px}}
.kb-market-topbar ~ .navbar .navbar-nav a{display:inline-flex;align-items:center;gap:8px}.kb-market-topbar ~ .navbar .navbar-nav a>.kb-category-icon{display:flex;color:#c8cfdb}.kb-market-topbar ~ .navbar .navbar-nav a>svg:last-child{opacity:.55}.kb-market-topbar ~ .navbar .navbar-nav a:hover>.kb-category-icon,.kb-market-topbar ~ .navbar .navbar-nav a.active>.kb-category-icon{color:var(--gold)}

/* ============================================================
   V8.4 — optimized floating gaming icons for the category bar
   Transform-only animation keeps the effect smooth and lightweight.
   ============================================================ */
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item {
  isolation: isolate;
  overflow: visible;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
  --kb-float-delay: 0s;
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #cbd3df;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 5px 13px rgba(0,0,0,.16);
  transform: translate3d(0,0,0);
  animation: kbGamingIconFloat 3.6s ease-in-out var(--kb-float-delay) infinite;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
  will-change: transform;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon::after {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  border-radius: 7px;
  background: radial-gradient(circle, rgba(244,180,0,.15), transparent 70%);
  opacity: 0;
  transform: scale(.72);
  transition: opacity .2s ease, transform .2s ease;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon svg {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.28));
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-label {
  line-height: 1;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon,
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon {
  color: var(--gold);
  border-color: rgba(244,180,0,.42);
  background: linear-gradient(145deg, rgba(244,180,0,.16), rgba(244,180,0,.045));
  box-shadow: inset 0 1px 0 rgba(255,230,150,.14), 0 7px 18px rgba(244,180,0,.14);
  animation-play-state: paused;
  transform: translate3d(0,-2px,0) scale(1.06);
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon::after,
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon::after {
  opacity: 1;
  transform: scale(1);
}
@keyframes kbGamingIconFloat {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-3px,0); }
}

/* Mobile cards already provide enough movement; keep icons still and clear. */
@media (max-width:820px) {
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    animation: none;
    will-change: auto;
    box-shadow: none;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon,
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
    animation: none !important;
    transition: none;
    will-change: auto;
  }
}

/* ============================================================
   V8.5 — working language and display-currency preferences
   ============================================================ */
.kb-market-preferences{position:relative}
.kb-market-pref-trigger{padding:8px 4px;border-radius:9px!important}
.kb-market-pref-trigger:hover,.kb-market-preferences.open .kb-market-pref-trigger{color:#fff;background:rgba(255,255,255,.055)}
.kb-market-pref-menu{
  position:absolute;top:calc(100% + 14px);right:0;width:min(440px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 100px));overflow:auto;
  padding:16px;background:#0c1320;border:1px solid rgba(255,255,255,.11);border-radius:16px;
  box-shadow:0 22px 60px rgba(0,0,0,.52);z-index:1200;color:#fff
}
.kb-market-pref-menu[hidden]{display:none!important}
.kb-market-pref-menu:before{content:"";position:absolute;right:28px;top:-7px;width:12px;height:12px;background:#0c1320;border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11);transform:rotate(45deg)}
.kb-market-pref-section+.kb-market-pref-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.kb-market-pref-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#aeb7c8;margin-bottom:10px}
.kb-market-pref-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kb-market-pref-option{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.075);background:#111a29;color:#eef2f8;cursor:pointer;text-align:left;transition:.16s ease}
.kb-market-pref-option:hover{border-color:rgba(244,180,0,.45);background:#151f30;transform:translateY(-1px)}
.kb-market-pref-option.active{border-color:var(--gold);background:rgba(244,180,0,.11);box-shadow:inset 0 0 0 1px rgba(244,180,0,.08)}
.kb-market-pref-option:disabled{opacity:.55;cursor:wait;transform:none}
.kb-market-pref-option span{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-market-pref-option small{font-size:10px;color:#8994a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-market-currency-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.kb-market-pref-note{font-size:10.5px;line-height:1.5;color:#7f8a9e;margin:10px 2px 0}
.kb-market-pref-status{min-height:16px;font-size:11px;color:var(--gold);margin-top:10px}
html[dir="rtl"] .kb-market-pref-menu{right:auto;left:0}
html[dir="rtl"] .kb-market-pref-menu:before{right:auto;left:28px}
html[dir="rtl"] .kb-market-pref-option{text-align:right}
@media(max-width:1120px){.kb-market-preferences .kb-market-pref-trigger>span{display:none}.kb-market-pref-trigger{width:38px;height:38px;justify-content:center}.kb-market-pref-trigger>svg:last-child{display:none}}
@media(max-width:820px){
  .kb-market-utilities>.kb-market-preferences{display:block}
  .kb-market-preferences .kb-market-pref-trigger{display:flex}
  .kb-market-pref-menu{position:fixed;top:68px;right:10px;left:10px;width:auto;max-height:calc(100vh - 78px)}
  .kb-market-pref-menu:before{display:none}
}
@media(max-width:460px){.kb-market-pref-options,.kb-market-currency-options{grid-template-columns:1fr}.kb-market-pref-option{padding:11px 12px}}

/* ============================================================
   V8.7 — marketplace search overlay with optimized game icons
   ============================================================ */
.kb-market-search{position:relative;cursor:text;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.kb-market-search:focus-within{border-color:#4d7cff;background:#1b2030;box-shadow:0 0 0 2px rgba(77,124,255,.16)}
.kb-market-search-shortcut{margin-left:auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#7f899b;border-radius:6px;padding:3px 6px;font:600 10px/1.2 system-ui;white-space:nowrap}
html.kb-search-open{overflow:hidden}
.kb-search-overlay{position:fixed;inset:0;z-index:2200;display:flex;align-items:flex-start;justify-content:center;padding:86px 16px 20px;opacity:0;transition:opacity .16s ease}
.kb-search-overlay[hidden]{display:none!important}
.kb-search-overlay.open{opacity:1}
.kb-search-backdrop{position:absolute;inset:0;border:0;background:rgba(3,6,12,.76);backdrop-filter:blur(8px);cursor:default}
.kb-search-panel{position:relative;width:min(920px,100%);max-height:calc(100vh - 106px);display:flex;flex-direction:column;background:#171a25;border:1px solid rgba(255,255,255,.11);border-radius:17px;box-shadow:0 28px 90px rgba(0,0,0,.72);overflow:hidden;transform:translateY(-10px) scale(.99);transition:transform .18s ease}
.kb-search-overlay.open .kb-search-panel{transform:translateY(0) scale(1)}
.kb-search-modal-form{height:70px;display:flex;align-items:center;gap:13px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#1b1e2a}
.kb-search-modal-icon{color:#fff;display:flex;flex:0 0 auto}
.kb-search-modal-form input{flex:1;min-width:0;height:46px;padding:0 14px;border:2px solid #4d7cff;border-radius:11px;background:#252836;color:#fff;outline:none;font-size:15px;box-shadow:0 0 0 1px rgba(77,124,255,.08)}
.kb-search-modal-form input::placeholder{color:#9ba2b3}
.kb-search-close{flex:0 0 auto;height:34px;min-width:48px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#252936;color:#b5bdca;font-size:11px;font-weight:800;cursor:pointer}
.kb-search-close:hover{color:#fff;border-color:rgba(244,180,0,.42)}
.kb-search-content{min-height:200px;overflow:auto;padding:20px 24px 0}
.kb-search-section-title{font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#a8adba;margin:0 0 12px}
.kb-search-results{display:flex;flex-direction:column;gap:6px;padding-bottom:16px}
.kb-search-result{min-height:58px;display:flex;align-items:center;gap:12px;padding:8px 11px;border-radius:11px;color:#fff;text-decoration:none;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.kb-search-result:hover,.kb-search-result.active{background:#232735;border-color:rgba(244,180,0,.3);transform:translateX(2px)}
.kb-search-result-media{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#0f131c;border:1px solid rgba(255,255,255,.08);color:var(--gold);font-size:15px;font-weight:900}
.kb-search-result-media img{display:block;width:100%;height:100%;object-fit:cover}
.kb-search-result-media.fallback{background:linear-gradient(145deg,rgba(244,180,0,.2),rgba(124,106,247,.16));border-color:rgba(244,180,0,.18)}
.kb-search-result-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.kb-search-result-text strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-search-result-text small{font-size:11px;color:#8f98aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-search-result-price{color:var(--gold);font-size:13px;white-space:nowrap}
.kb-search-result-arrow{font-size:24px;color:#657086;line-height:1}
.kb-search-result:hover .kb-search-result-arrow,.kb-search-result.active .kb-search-result-arrow{color:var(--gold)}
.kb-search-empty{padding:34px 14px;text-align:center;color:#8993a5;font-size:13px;border:1px dashed rgba(255,255,255,.09);border-radius:11px}
.kb-search-loading{height:100px;display:flex;align-items:center;justify-content:center;gap:7px}
.kb-search-loading span{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:kbSearchPulse .9s ease-in-out infinite}
.kb-search-loading span:nth-child(2){animation-delay:.12s}.kb-search-loading span:nth-child(3){animation-delay:.24s}
@keyframes kbSearchPulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
.kb-search-footer{position:sticky;bottom:0;display:flex;align-items:center;gap:18px;margin:0 -24px;padding:11px 24px;background:#141722;border-top:1px solid rgba(255,255,255,.07);color:#697387;font-size:10px;font-weight:700}
@media(max-width:820px){
  .kb-market-search-shortcut{display:none}
  .kb-search-overlay{padding:0}
  .kb-search-panel{width:100%;height:100%;max-height:none;border:0;border-radius:0;transform:translateY(12px)}
  .kb-search-modal-form{height:68px;padding:10px 12px;position:sticky;top:0;z-index:2}
  .kb-search-modal-form input{height:46px;font-size:16px}
  .kb-search-content{padding:16px 14px 0}
  .kb-search-footer{margin:0 -14px;padding:10px 14px;justify-content:center}
  .kb-search-footer span:nth-child(-n+2){display:none}
  .kb-search-result{min-height:62px;padding:9px 8px}
  .kb-search-result-media{width:44px;height:44px;flex-basis:44px}
}
@media(prefers-reduced-motion:reduce){.kb-search-overlay,.kb-search-panel,.kb-search-result{transition:none}.kb-search-loading span{animation:none}}

/* ============================================================
   V10 — compact locale/currency, reliable mobile navigation,
   and safe shared mobile layout improvements
   ============================================================ */
.kb-market-pref-trigger{
  min-height:38px;
  padding:7px 9px!important;
  gap:7px!important;
}
.kb-market-pref-trigger .kb-market-pref-compact{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  color:#eef2f8;
  font-size:11px;
  line-height:1;
  letter-spacing:.045em;
}
.kb-market-pref-trigger .kb-market-pref-compact b{font:900 11px/1 system-ui,sans-serif}
.kb-market-pref-trigger .kb-market-pref-compact i{font-style:normal;color:#657086;font-weight:600}
.kb-market-pref-trigger>svg:last-child{width:11px;height:11px;color:#8d97a9}
.kb-market-preferences.open .kb-market-pref-trigger>svg:last-child{transform:rotate(180deg)}

@media(max-width:1120px){
  .kb-market-preferences .kb-market-pref-trigger>span.kb-market-pref-compact{display:inline-flex!important}
  .kb-market-preferences .kb-market-pref-trigger{width:auto;height:38px;justify-content:center}
  .kb-market-preferences .kb-market-pref-trigger>svg:last-child{display:block}
}

html.kb-mobile-nav-open,
body.kb-mobile-nav-open{overflow:hidden}

@media(max-width:820px){
  .kb-market-mobile-menu{
    width:42px;height:42px;padding:0;align-items:center;justify-content:center;
    border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#111826;
    touch-action:manipulation;
  }
  .kb-market-mobile-menu:hover,.kb-market-mobile-menu[aria-expanded="true"]{
    color:var(--gold);border-color:rgba(244,180,0,.42);background:#161e2d;
  }
  .kb-market-topbar ~ .navbar{top:64px;z-index:1100;background:transparent;border:0}
  .kb-market-topbar ~ .navbar .navbar-nav{
    z-index:1110;top:64px;bottom:0;max-height:calc(100dvh - 64px);
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    align-content:start;padding:12px 14px max(22px,env(safe-area-inset-bottom));
    background:rgba(8,13,23,.985);box-shadow:0 24px 60px rgba(0,0,0,.58);
  }
  .kb-market-topbar ~ .navbar .navbar-nav.open{display:grid!important}
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item{
    min-height:54px;justify-content:flex-start;touch-action:manipulation;
  }
  .kb-market-preferences .kb-market-pref-trigger{
    display:flex!important;min-width:72px;padding:7px 8px!important;background:#111826;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .kb-market-pref-menu{z-index:2300}

  html,body{width:100%;max-width:100%;overflow-x:clip}
  main,.page-content,.dashboard-content,.dashboard-main{min-width:0;max-width:100%}
  .container{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
  img,video,canvas,svg,iframe{max-width:100%}
  input,select,textarea{max-width:100%;font-size:16px}
  .table-responsive,.table-wrap,.orders-table-wrap,.admin-table-wrap,.data-table-wrap{
    max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  }
  .modal,.dialog,.popup,.login-modal{max-width:calc(100vw - 24px)}
}

/* On narrow phones the header becomes two clean rows: brand/preferences/menu,
   then the full-width search field. */
@media(max-width:640px){
  .kb-market-topbar-inner{
    min-height:108px;height:auto;padding:9px 12px 10px;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand utilities" "search search";
    gap:8px 10px;
  }
  .kb-market-brand{grid-area:brand;min-width:0;overflow:hidden}
  .kb-market-wordmark{overflow:hidden;text-overflow:ellipsis}
  .kb-market-search{grid-area:search;width:100%;height:42px}
  .kb-market-utilities{grid-area:utilities;gap:7px}
  .kb-market-topbar ~ .navbar{top:108px}
  .kb-market-topbar ~ .navbar .navbar-nav{top:108px;max-height:calc(100dvh - 108px)}
  .kb-market-pref-menu{top:112px;right:8px;left:8px;max-height:calc(100dvh - 120px)}
  .kb-market-pref-trigger .kb-market-pref-compact{gap:4px}
  .kb-market-pref-trigger .kb-market-pref-compact b{font-size:10px}
  .kb-market-pref-trigger>svg:last-child{display:none!important}
}

@media(max-width:390px){
  .kb-market-topbar-inner{padding-left:9px;padding-right:9px}
  .kb-market-brand{gap:3px}
  .kb-market-brand svg{width:25px;height:25px}
  .kb-market-wordmark{font-size:15px}
  .kb-market-preferences .kb-market-pref-trigger{min-width:64px;padding:6px!important}
  .kb-market-mobile-menu{width:40px;height:40px}
  .kb-market-topbar ~ .navbar .navbar-nav{grid-template-columns:1fr}
}

/* ============================================================
   V12 — rebuilt mobile navigation drawer
   Removes the empty second-header shell and conflicting grid/flex
   rules. The menu is a single touch-friendly off-canvas panel.
   ============================================================ */
.kb-mobile-nav-head,
.kb-mobile-nav-section-title,
.kb-mobile-nav-account,
.kb-mobile-nav-safe-space,
.kb-mobile-nav-backdrop{display:none}

@media (max-width:820px){
  html.kb-mobile-nav-open,
  body.kb-mobile-nav-open{
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  /* The legacy category navbar must not reserve a 66px blank row. */
  .kb-market-topbar ~ .navbar{
    position:static!important;
    top:auto!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
    pointer-events:none;
  }
  .kb-market-topbar ~ .navbar .navbar-inner{
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    overflow:visible!important;
  }
  .kb-market-topbar ~ .navbar .navbar-logo,
  .kb-market-topbar ~ .navbar .navbar-actions{display:none!important}

  .kb-mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:2470;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:rgba(2,6,12,.72);
    backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  html.kb-mobile-nav-open .kb-mobile-nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .kb-market-topbar ~ .navbar .navbar-nav{
    display:flex!important;
    position:fixed!important;
    z-index:2490!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(88vw,390px)!important;
    height:100dvh!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    align-content:stretch!important;
    gap:7px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:
      radial-gradient(circle at 100% 0,rgba(244,180,0,.10),transparent 34%),
      #08101b!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    box-shadow:-28px 0 70px rgba(0,0,0,.52)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(104%,0,0);
    transition:transform .25s cubic-bezier(.22,.8,.24,1),opacity .18s ease,visibility .25s ease;
    will-change:transform;
  }
  .kb-market-topbar ~ .navbar .navbar-nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
  }

  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav{
    right:auto!important;
    left:0!important;
    border-left:0!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:28px 0 70px rgba(0,0,0,.52)!important;
    transform:translate3d(-104%,0,0);
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav.open{transform:translate3d(0,0,0)}

  .kb-mobile-nav-head{
    position:sticky;
    top:0;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:78px;
    margin:0 0 4px;
    padding:max(15px,env(safe-area-inset-top)) 16px 13px;
    background:rgba(8,16,27,.96);
    border-bottom:1px solid rgba(255,255,255,.085);
    backdrop-filter:blur(16px);
  }
  .kb-mobile-nav-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}
  .kb-mobile-nav-head strong{
    color:#fff;
    font-size:17px;
    line-height:1.15;
    letter-spacing:-.02em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .kb-mobile-nav-eyebrow{
    color:var(--gold);
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .kb-mobile-nav-close{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:#111a29;
    color:#e7ebf3;
    cursor:pointer;
    touch-action:manipulation;
  }
  .kb-mobile-nav-close:active{transform:scale(.96)}
  .kb-mobile-nav-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

  .kb-mobile-nav-section-title{
    display:block;
    margin:8px 18px 3px;
    color:#748197;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item{
    width:auto!important;
    min-height:56px!important;
    margin:0 12px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.028)!important;
    color:#d9e0ea!important;
    font-size:14px!important;
    font-weight:760!important;
    line-height:1.2!important;
    text-decoration:none!important;
    box-shadow:none!important;
    touch-action:manipulation;
    transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover,
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:focus-visible,
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active{
    color:#fff!important;
    border-color:rgba(244,180,0,.34)!important;
    background:rgba(244,180,0,.085)!important;
    transform:translateX(-2px);
    outline:0;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover,
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:focus-visible,
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active{transform:translateX(2px)}

  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:10px!important;
    color:#cbd4e1!important;
    background:#111b2b!important;
    border-color:rgba(255,255,255,.08)!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon,
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon{
    color:var(--gold)!important;
    background:rgba(244,180,0,.11)!important;
    border-color:rgba(244,180,0,.25)!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-label{
    flex:1;
    min-width:0;
    line-height:1.25!important;
    white-space:normal;
  }
  /* These links are direct destinations, not dropdowns. */
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item>svg:last-child{display:none!important}

  .kb-mobile-nav-account{
    display:block;
    margin-top:7px;
    padding:7px 12px 0;
    border-top:1px solid rgba(255,255,255,.075);
  }
  .kb-mobile-nav-account .kb-mobile-nav-section-title{margin:7px 6px 9px}
  .kb-mobile-account-link{
    min-height:50px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:8px 10px;
    border-radius:11px;
    color:#cbd4e1;
    text-decoration:none;
    font-size:13px;
  }
  .kb-mobile-account-link span{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#111a29;
    color:#9ba8bb;
  }
  .kb-mobile-account-link:hover,.kb-mobile-account-link:focus-visible{background:rgba(255,255,255,.045);color:#fff;outline:0}
  .kb-mobile-account-danger{color:#fda4a4}
  .kb-mobile-account-danger span{color:#fb7185;background:rgba(251,113,133,.08)}

  .kb-mobile-auth-actions{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:9px;
    padding:0 2px 3px;
  }
  .kb-mobile-login,.kb-mobile-signup{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:11px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    text-align:center;
  }
  .kb-mobile-login{color:#fff;border:1px solid rgba(244,180,0,.38);background:#111826}
  .kb-mobile-signup{color:#171106;background:linear-gradient(135deg,#ffdc79,#f4b400);border:1px solid #f5c842}
  .kb-mobile-nav-safe-space{display:block;height:max(18px,env(safe-area-inset-bottom));flex:0 0 auto}

  /* Header button stays above page content but below the opened drawer. */
  .kb-market-topbar{z-index:1200}
  .kb-market-mobile-menu{position:relative;z-index:2}
  .kb-market-mobile-menu[aria-expanded="true"]{color:var(--gold)!important}
}

@media (max-width:430px){
  .kb-market-topbar ~ .navbar .navbar-nav{width:min(92vw,380px)!important}
  .kb-mobile-auth-actions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .kb-mobile-nav-backdrop,
  .kb-market-topbar ~ .navbar .navbar-nav{transition:none!important}
}

/* ============================================================
   V13 — compact mobile menu + icon-only search close control
   ============================================================ */
.kb-search-close{
  width:38px;
  min-width:38px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.kb-search-close svg{display:block;pointer-events:none}

@media (max-width:820px){
  /* A compact floating menu card instead of a full-height drawer. */
  .kb-market-topbar ~ .navbar .navbar-nav{
    top:72px!important;
    right:10px!important;
    bottom:auto!important;
    left:auto!important;
    width:min(84vw,320px)!important;
    height:auto!important;
    max-height:calc(100dvh - 84px)!important;
    gap:4px!important;
    padding:0 0 8px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:16px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
    transform:translate3d(0,-10px,0) scale(.98)!important;
    transform-origin:top right;
  }
  .kb-market-topbar ~ .navbar .navbar-nav.open{
    transform:translate3d(0,0,0) scale(1)!important;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav{
    right:auto!important;
    left:10px!important;
    transform:translate3d(0,-10px,0) scale(.98)!important;
    transform-origin:top left;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav.open{
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .kb-mobile-nav-head{
    min-height:58px!important;
    padding:10px 10px 8px 13px!important;
    margin-bottom:2px!important;
    border-radius:15px 15px 0 0;
  }
  .kb-mobile-nav-head strong{font-size:14px!important}
  .kb-mobile-nav-eyebrow{font-size:8px!important}
  .kb-mobile-nav-close{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    border-radius:10px!important;
  }
  .kb-mobile-nav-section-title{
    margin:6px 13px 2px!important;
    font-size:8px!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item{
    min-height:43px!important;
    margin:0 8px!important;
    padding:5px 9px!important;
    gap:8px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important;
    border-radius:8px!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon svg{width:15px;height:15px}
  .kb-mobile-nav-account{
    margin-top:4px!important;
    padding:4px 8px 0!important;
  }
  .kb-mobile-nav-account .kb-mobile-nav-section-title{margin:4px 5px 5px!important}
  .kb-mobile-account-link{
    min-height:40px!important;
    gap:8px!important;
    padding:4px 7px!important;
    font-size:12px!important;
  }
  .kb-mobile-account-link span{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .kb-mobile-auth-actions{gap:7px!important;padding:0 0 2px!important}
  .kb-mobile-login,.kb-mobile-signup{
    min-height:40px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  .kb-mobile-nav-safe-space{height:max(8px,env(safe-area-inset-bottom))!important}
}

@media (max-width:430px){
  .kb-market-topbar ~ .navbar .navbar-nav{
    width:min(88vw,300px)!important;
    right:7px!important;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav{right:auto!important;left:7px!important}
}
@media (max-width:640px){
  .kb-market-topbar ~ .navbar .navbar-nav{
    top:116px!important;
    max-height:calc(100dvh - 126px)!important;
  }
}
@media (max-width:820px){
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon{
    animation:none!important;
    will-change:auto!important;
    transform:none!important;
  }
}

/* Recent-notification preview for the visible marketplace header. */
.kb-market-notif-preview{position:relative;display:inline-flex;align-items:center}
/*
 * Keep hover continuity between the bell and the floating panel. Without this
 * transparent bridge, the 8px visual gap briefly ends :hover and the panel
 * closes while the pointer is travelling into it.
 */
.kb-market-notif-preview::after{
  content:"";
  position:absolute;
  top:100%;
  right:0;
  width:min(340px,calc(100vw - 24px));
  height:12px;
  pointer-events:none;
}
.kb-market-notif-preview.is-open::after{pointer-events:auto}
.kb-market-notif-popover{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:360px;
  max-width:calc(100vw - 24px);
  max-height:440px;
  overflow:auto;
  border:1px solid var(--border2);
  border-top:2px solid var(--accent);
  border-radius:13px;
  background:var(--bg2);
  box-shadow:0 18px 48px rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .16s,visibility .16s,transform .16s;
  z-index:2600;
}
.kb-market-notif-popover__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border)}
.kb-market-notif-popover__head strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--text)}
.kb-market-notif-popover__head strong svg{color:var(--accent)}
.kb-market-notif-popover__head a{font-size:10.5px;color:var(--accent);text-decoration:none;font-weight:700}
.kb-market-notif-popover__head a:hover{text-decoration:underline}
.kb-market-notif-popover__list{display:flex;flex-direction:column}
.kb-market-notif-popover__item{display:flex;align-items:flex-start;gap:10px;padding:11px 15px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;position:relative;transition:background .12s}
.kb-market-notif-popover__item:last-child{border-bottom:0}
.kb-market-notif-popover__item:hover{background:var(--surface2)}
.kb-market-notif-popover__item.unread{background:rgba(124,106,247,.05)}
.kb-market-notif-popover__item.unread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.kb-market-notif-popover__item>span{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;background:var(--surface2)}
.kb-market-notif-popover__item div{min-width:0;flex:1}
.kb-market-notif-popover__row1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kb-market-notif-popover__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--text)}
.kb-market-notif-popover__item small{display:block;color:var(--text3);font-size:9.5px;font-weight:600;white-space:nowrap;flex-shrink:0;margin-left:8px}
.kb-market-notif-popover__preview{display:block;margin-top:2px;color:var(--text2);font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-market-notif-popover__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-left:8px;align-self:center}
.kb-market-notif-popover__empty{padding:32px 20px;text-align:center;color:var(--text3);font-size:12px}
/* JavaScript adds is-open only after the actual bell trigger is hovered/focused. */
.kb-market-notif-preview.is-open .kb-market-notif-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(max-width:820px){.kb-market-notif-preview::after,.kb-market-notif-popover{display:none}}

/* ============================================================
   V12.3 — simple two-column locale selector + permanent Home nav
   Currency symbols stay in the left column; three-letter language
   shortcuts stay in the right column. No flags, long labels, or arrows.
   ============================================================ */
.kb-market-pref-menu{
  width:min(370px,calc(100vw - 24px));
  padding:14px;
}
.kb-market-pref-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:12px;
  align-items:start;
}
.kb-market-pref-grid .kb-market-pref-section{
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.kb-market-pref-grid .kb-market-pref-title{
  margin:0 0 9px;
  text-align:center;
  font-size:10px;
  letter-spacing:.075em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kb-market-pref-grid .kb-market-currency-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.kb-market-pref-grid .kb-market-language-options{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.kb-market-pref-grid .kb-market-pref-option{
  min-width:0;
  min-height:40px;
  padding:7px!important;
  justify-content:center;
  text-align:center;
  border-radius:9px;
  transform:none!important;
}
.kb-market-pref-grid .kb-market-pref-option:hover{
  transform:none!important;
}
.kb-market-currency-symbol{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1;
}
.kb-market-language-shortcut{
  display:block;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1;
  letter-spacing:.08em;
}
.kb-market-pref-grid .kb-market-pref-option.active{
  box-shadow:inset 0 0 0 1px rgba(244,180,0,.18),0 0 0 1px rgba(244,180,0,.08);
}
.kb-market-pref-note{
  margin:11px 2px 0;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
  text-align:center;
}
.kb-market-pref-status{text-align:center}
@media(max-width:460px){
  .kb-market-pref-menu{right:7px!important;left:7px!important;width:auto!important;padding:12px}
  .kb-market-pref-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}
  .kb-market-pref-grid .kb-market-currency-options{gap:6px!important}
  .kb-market-pref-grid .kb-market-language-options{gap:6px!important}
  .kb-market-pref-grid .kb-market-pref-option{min-height:38px;padding:6px!important}
  .kb-market-currency-symbol{font-size:15px!important}
  .kb-market-language-shortcut{font-size:10px!important}
}

/* ============================================================
   V24.4.25 — compact two-icon day / night switch
   Small segmented control on desktop and inside the mobile menu header.
   ============================================================ */
.kb-theme-switch{
  width:46px;height:24px;padding:2px;border:1px solid rgba(255,255,255,.11);
  border-radius:999px;background:rgba(255,255,255,.045);
  display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;
  overflow:hidden;cursor:pointer;flex:0 0 auto;color:#8794a8;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.kb-theme-switch::before{
  content:"";position:absolute;z-index:0;top:2px;left:2px;width:18px;height:18px;
  border-radius:50%;background:#182235;box-shadow:0 2px 7px rgba(0,0,0,.3);
  transform:translateX(20px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.kb-theme-switch:hover,.kb-theme-switch:focus-visible{
  border-color:rgba(244,180,0,.38);background:rgba(255,255,255,.065);outline:0;
}
.kb-theme-switch:focus-visible{box-shadow:0 0 0 2px rgba(244,180,0,.20)}
.kb-theme-switch.is-light::before{transform:translateX(0);background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.18)}
.kb-theme-icon{
  z-index:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  opacity:.48;transform:none;pointer-events:none;color:#8794a8;transition:opacity .16s ease,color .16s ease;
}
.kb-theme-icon svg{width:12px;height:12px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kb-theme-icon--moon svg{fill:currentColor;stroke:currentColor}
.kb-theme-switch:not(.is-light) .kb-theme-icon--moon{opacity:1;color:#dbe6ff}
.kb-theme-switch.is-light .kb-theme-icon--sun{opacity:1;color:#d89a00}
.kb-theme-switch--mobile{display:none}
.kb-mobile-nav-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
[data-theme="light"] .kb-theme-switch{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
[data-theme="light"] .kb-theme-switch:hover,[data-theme="light"] .kb-theme-switch:focus-visible{background:rgba(15,23,42,.07);border-color:rgba(216,154,0,.38)}
@media(max-width:820px){
  .kb-market-utilities>.kb-theme-switch--desktop{display:none!important}
  .kb-theme-switch--mobile{display:inline-grid}
  .kb-mobile-nav-head .kb-theme-switch{width:44px;height:22px}
  .kb-mobile-nav-head .kb-theme-switch::before{width:16px;height:16px;transform:translateX(20px)}
  .kb-mobile-nav-head .kb-theme-switch.is-light::before{transform:translateX(0)}
  .kb-mobile-nav-head .kb-theme-icon{width:19px;height:18px}
  .kb-mobile-nav-head .kb-theme-icon svg{width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){.kb-theme-switch,.kb-theme-switch::before,.kb-theme-icon{transition:none}}

/* White-mode corrections for the shared marketplace header. */
[data-theme="light"] .kb-market-topbar{background:rgba(255,255,255,.96)!important;border-color:rgba(15,23,42,.10)!important;color:#1f2937}
[data-theme="light"] .kb-market-topbar ~ .navbar{background:rgba(248,250,252,.98)!important;border-color:rgba(15,23,42,.10)!important}
[data-theme="light"] .kb-market-known,[data-theme="light"] .kb-market-wordmark.kb-market-known{color:#111827!important}
[data-theme="light"] .kb-market-search{background:#f2f4f8;border-color:rgba(15,23,42,.12);color:#1f2937;box-shadow:none}
[data-theme="light"] .kb-market-search input{color:#111827}
[data-theme="light"] .kb-market-search input::placeholder{color:#7b8495}
[data-theme="light"] .kb-market-utility,[data-theme="light"] .kb-market-icon-button{color:#4b5565}
[data-theme="light"] .kb-market-divider{background:rgba(15,23,42,.12)}
[data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav a{color:#4b5565}
[data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav a:hover,[data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav a.active{color:#9a6a00}
[data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon{background:#fff;border-color:rgba(15,23,42,.10);color:#667085;box-shadow:0 5px 13px rgba(15,23,42,.08)}
[data-theme="light"] .kb-market-pref-trigger{color:#374151!important}
[data-theme="light"] .kb-market-pref-trigger .kb-market-pref-compact{color:#374151}
[data-theme="light"] .kb-market-pref-menu{background:#fff;border-color:rgba(15,23,42,.12);box-shadow:0 18px 48px rgba(15,23,42,.16)}
[data-theme="light"] .kb-market-pref-option{background:#f7f8fb;border-color:rgba(15,23,42,.10);color:#1f2937}
[data-theme="light"] .kb-market-pref-option:hover{background:#fff8e7}
[data-theme="light"] .kb-market-pref-title,[data-theme="light"] .kb-market-pref-note{color:#667085}
@media(max-width:820px){
  [data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav{background:rgba(248,250,252,.99);box-shadow:0 24px 60px rgba(15,23,42,.18)}
  [data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav a,[data-theme="light"] .kb-mobile-account-link{background:#fff;border-color:rgba(15,23,42,.10);color:#374151}
  [data-theme="light"] .kb-mobile-nav-section-title{color:#7b8495}
  [data-theme="light"] .kb-market-mobile-menu{background:#fff;border-color:rgba(15,23,42,.12);color:#374151}
}

/* ============================================================
   V24.4.26 — clear mobile menu backdrop
   Keep the shared header visible and sharp. The outside-tap layer starts
   below the header, uses no blur, and only adds a very light dimming tint.
   ============================================================ */
@media (max-width:820px){
  .kb-mobile-nav-backdrop{
    top:64px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:auto!important;
    background:rgba(2,6,12,.08)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  .kb-market-topbar ~ .navbar .navbar-nav{
    isolation:isolate;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .kb-mobile-nav-head{
    background:#08101b!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.kb-mobile-nav-open .kb-market-topbar,
  body.kb-mobile-nav-open .kb-market-topbar{
    background:#050910!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  html[data-theme="light"].kb-mobile-nav-open .kb-market-topbar,
  html[data-theme="light"] body.kb-mobile-nav-open .kb-market-topbar{
    background:#fff!important;
  }

  [data-theme="light"] .kb-mobile-nav-backdrop{
    background:rgba(15,23,42,.04)!important;
  }
  [data-theme="light"] .kb-mobile-nav-head{
    background:#f8fafc!important;
    border-bottom-color:rgba(15,23,42,.10)!important;
  }
  [data-theme="light"] .kb-mobile-nav-head strong{color:#111827!important}
  [data-theme="light"] .kb-mobile-nav-eyebrow{color:#9a6a00!important}
  [data-theme="light"] .kb-mobile-nav-close{
    background:#fff!important;
    border-color:rgba(15,23,42,.12)!important;
    color:#374151!important;
  }
  [data-theme="light"] .kb-mobile-account-link span{
    background:#f1f5f9!important;
    color:#64748b!important;
  }
  [data-theme="light"] .kb-mobile-account-danger{color:#c2414b!important}
  [data-theme="light"] .kb-mobile-account-danger span{
    background:rgba(194,65,75,.08)!important;
    color:#c2414b!important;
  }
}
@media (max-width:640px){
  .kb-mobile-nav-backdrop{top:108px!important}
}

/* ============================================================
   V24.4.27 — user-friendly mobile menu brand header
   Website name stays on the left; compact controls stay on the right.
   The redundant “Browse marketplace” heading is intentionally removed.
   ============================================================ */
@media (max-width:820px){
  .kb-mobile-nav-head{
    min-height:58px!important;
    padding:max(10px,env(safe-area-inset-top)) 10px 8px 14px!important;
    gap:10px!important;
  }
  .kb-mobile-nav-brand{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    align-self:stretch;
    text-decoration:none;
    color:#f8fafc;
    overflow:hidden;
  }
  .kb-mobile-nav-brand-name{
    min-width:0;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#f8fafc;
    font-size:17px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-.035em;
  }
  .kb-mobile-nav-brand-primary{color:#f8fafc}
  .kb-mobile-nav-brand-accent{color:var(--gold)}
  .kb-mobile-nav-head>.kb-mobile-nav-actions{
    min-width:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  .kb-mobile-nav-close{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:10px!important;
  }
  .kb-mobile-nav-close svg{width:18px!important;height:18px!important}
  .kb-mobile-nav-head .kb-theme-switch{
    width:42px!important;
    height:22px!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:first-of-type{
    margin-top:6px!important;
  }
  [data-theme="light"] .kb-mobile-nav-brand,
  [data-theme="light"] .kb-mobile-nav-brand-name,
  [data-theme="light"] .kb-mobile-nav-brand-primary{color:#111827!important}
  [data-theme="light"] .kb-mobile-nav-brand-accent{color:#9a6a00!important}
}
@media (max-width:380px){
  .kb-mobile-nav-brand-name{font-size:15px}
  .kb-mobile-nav-head{padding-left:11px!important}
  .kb-mobile-nav-head>.kb-mobile-nav-actions{gap:5px!important}
}

/* ============================================================
   V24.4.30 — swapped mobile drawer + single-line navigation
   Drawer opens from the left in LTR. The homepage link and theme
   control remain together to the left of the close button.
   ============================================================ */
@media (max-width:820px){
  /* Swap the off-canvas side while retaining natural RTL behavior. */
  .kb-market-topbar ~ .navbar .navbar-nav{
    left:0!important;
    right:auto!important;
    border-left:0!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:28px 0 70px rgba(0,0,0,.52)!important;
    transform:translate3d(-104%,0,0)!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav.open{
    transform:translate3d(0,0,0)!important;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav{
    right:0!important;
    left:auto!important;
    border-right:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    box-shadow:-28px 0 70px rgba(0,0,0,.52)!important;
    transform:translate3d(104%,0,0)!important;
  }
  html[dir="rtl"] .kb-market-topbar ~ .navbar .navbar-nav.open{
    transform:translate3d(0,0,0)!important;
  }

  .kb-mobile-nav-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:8px!important;
  }
  .kb-mobile-nav-left{
    min-width:0;
    display:flex!important;
    flex-direction:row!important;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    overflow:hidden;
  }
  .kb-mobile-nav-brand{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .kb-mobile-nav-brand-name{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .kb-mobile-nav-left .kb-theme-switch{
    flex:0 0 auto!important;
    margin:0!important;
  }
  .kb-mobile-nav-close{
    grid-column:2!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* Every navigation and account row remains one clean line. */
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item,
  .kb-mobile-account-link{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-label,
  .kb-mobile-account-link b{
    min-width:0!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .kb-mobile-nav-section-title{
    white-space:nowrap!important;
  }
  .kb-mobile-auth-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .kb-mobile-login,.kb-mobile-signup{
    min-width:0!important;
    padding-inline:8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:360px){
  .kb-mobile-nav-head{
    grid-template-columns:minmax(0,1fr) 32px!important;
    padding-left:9px!important;
    padding-right:8px!important;
  }
  .kb-mobile-nav-left{gap:5px}
  .kb-mobile-nav-left .kb-theme-switch{width:40px!important}
  .kb-mobile-nav-close{width:32px!important;height:32px!important;flex-basis:32px!important}
  .kb-mobile-auth-actions{gap:6px!important}
  .kb-mobile-login,.kb-mobile-signup{font-size:12px!important}
}

/* ============================================================
   V24.4.32 — definitive mobile menu side and one-line alignment
   Keeps the compact design, opens from the left in LTR (right in RTL), and
   prevents every navigation/account row from wrapping or splitting.
   ============================================================ */
@media (max-width:820px){
  #main-nav.navbar-nav{
    position:fixed!important;top:64px!important;bottom:0!important;
    left:0!important;right:auto!important;
    width:min(88vw,370px)!important;max-width:370px!important;height:auto!important;
    margin:0!important;padding:0 12px max(16px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    border-radius:0 16px 0 0!important;border-left:0!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:24px 0 58px rgba(0,0,0,.46)!important;
    transform:translate3d(-102%,0,0)!important;
  }
  #main-nav.navbar-nav.open{transform:translate3d(0,0,0)!important}
  html[dir="rtl"] #main-nav.navbar-nav{
    right:0!important;left:auto!important;border-right:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px 0 0 0!important;box-shadow:-24px 0 58px rgba(0,0,0,.46)!important;
    transform:translate3d(102%,0,0)!important
  }
  html[dir="rtl"] #main-nav.navbar-nav.open{transform:translate3d(0,0,0)!important}

  #main-nav .kb-mobile-nav-head{
    min-height:58px!important;width:100%!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    gap:8px!important;padding:max(10px,env(safe-area-inset-top)) 0 8px!important;
    overflow:hidden!important
  }
  #main-nav .kb-mobile-nav-left{
    min-width:0!important;flex:1 1 auto!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;gap:7px!important;overflow:hidden!important
  }
  #main-nav .kb-mobile-nav-brand{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important}
  #main-nav .kb-mobile-nav-brand-name{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #main-nav .kb-theme-switch--mobile{flex:0 0 auto!important;margin:0!important}
  #main-nav .kb-mobile-nav-close{flex:0 0 34px!important;margin:0 0 0 auto!important;display:grid!important;place-items:center!important}
  html[dir="rtl"] #main-nav .kb-mobile-nav-close{margin:0 auto 0 0!important}

  #main-nav>a.kb-game-nav-item,
  #main-nav .kb-mobile-account-link{
    width:100%!important;min-width:0!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    gap:10px!important;flex-wrap:nowrap!important;white-space:nowrap!important;
    overflow:hidden!important;text-align:left!important
  }
  html[dir="rtl"] #main-nav>a.kb-game-nav-item,
  html[dir="rtl"] #main-nav .kb-mobile-account-link{text-align:right!important}
  #main-nav>a.kb-game-nav-item .kb-category-icon,
  #main-nav .kb-mobile-account-link>span{flex:0 0 24px!important;width:24px!important;display:grid!important;place-items:center!important}
  #main-nav>a.kb-game-nav-item .kb-game-nav-label,
  #main-nav .kb-mobile-account-link>b{
    min-width:0!important;max-width:100%!important;display:block!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  #main-nav .kb-mobile-auth-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #main-nav .kb-mobile-login,#main-nav .kb-mobile-signup{
    min-width:0!important;display:block!important;overflow:hidden!important;
    text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important
  }
}
@media (max-width:380px){
  #main-nav.navbar-nav{width:min(92vw,350px)!important;padding-inline:10px!important}
  #main-nav .kb-mobile-nav-brand-name{font-size:15px!important}
  #main-nav .kb-mobile-nav-close{flex-basis:32px!important;width:32px!important;height:32px!important}
}


/* ============================================================
   V24.4.33 — clean mobile-only navigation
   The mobile drawer has one purpose: five configurable links and
   guest Sign In / Sign Up actions. Legacy mobile account/theme rows
   and duplicated desktop navigation are fully removed on small screens.
   ============================================================ */
.kb-mobile-simple-head,
.kb-mobile-simple-links,
.kb-mobile-simple-auth{display:none}

@media (max-width:820px){
  /* Keep the mobile drawer independent from the desktop category-row switch. */
  .kb-hide-categories.navbar{display:block!important}
  .kb-hide-categories .kb-market-mobile-menu{display:flex!important}

  #main-nav.navbar-nav{
    position:fixed!important;
    z-index:10005!important;
    top:64px!important;
    bottom:0!important;
    right:0!important;
    left:auto!important;
    width:min(88vw,360px)!important;
    max-width:360px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#0b1320!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px 0 0 0!important;
    box-shadow:-24px 0 60px rgba(0,0,0,.48)!important;
    transform:translate3d(104%,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s!important;
  }
  #main-nav.navbar-nav.open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }
  html[dir="rtl"] #main-nav.navbar-nav{
    left:0!important;
    right:auto!important;
    border-left:0!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    border-radius:0 16px 0 0!important;
    box-shadow:24px 0 60px rgba(0,0,0,.48)!important;
    transform:translate3d(-104%,0,0)!important;
  }
  html[dir="rtl"] #main-nav.navbar-nav.open{transform:translate3d(0,0,0)!important}

  /* Desktop menu links never leak into the mobile drawer. */
  #main-nav>.kb-desktop-nav-item{display:none!important}

  #main-nav .kb-mobile-simple-head{
    min-height:62px!important;
    padding:12px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    flex:0 0 auto!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    background:rgba(255,255,255,.018)!important;
  }
  #main-nav .kb-mobile-simple-head strong{
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#f8fafc!important;
    font-size:16px!important;
    font-weight:850!important;
    letter-spacing:-.15px!important;
  }
  #main-nav .kb-mobile-simple-close{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.055)!important;
    color:#dce6f2!important;
    cursor:pointer!important;
  }
  #main-nav .kb-mobile-simple-close:active{transform:scale(.96)!important}

  #main-nav .kb-mobile-simple-links{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    padding:13px 12px 10px!important;
    flex:0 0 auto!important;
  }
  #main-nav .kb-mobile-simple-link{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 13px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-align:left!important;
    color:#d7e0ec!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:11px!important;
    font-size:14px!important;
    font-weight:760!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  html[dir="rtl"] #main-nav .kb-mobile-simple-link{text-align:right!important}
  #main-nav .kb-mobile-simple-link:hover,
  #main-nav .kb-mobile-simple-link.active{
    color:#fff3bd!important;
    background:rgba(245,200,66,.09)!important;
    border-color:rgba(245,200,66,.26)!important;
  }
  #main-nav .kb-mobile-simple-icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    display:grid!important;
    place-items:center!important;
    color:#aeb9c8!important;
  }
  #main-nav .kb-mobile-simple-link.active .kb-mobile-simple-icon,
  #main-nav .kb-mobile-simple-link:hover .kb-mobile-simple-icon{color:var(--gold)!important}
  #main-nav .kb-mobile-simple-label{
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #main-nav .kb-mobile-simple-auth{
    margin-top:auto!important;
    padding:12px 12px max(16px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    background:rgba(3,8,15,.34)!important;
  }
  #main-nav .kb-mobile-simple-login,
  #main-nav .kb-mobile-simple-signup{
    min-width:0!important;
    min-height:44px!important;
    flex:1 1 0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-decoration:none!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
  }
  #main-nav .kb-mobile-simple-login{
    color:#e6edf6!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.13)!important;
  }
  #main-nav .kb-mobile-simple-signup{
    color:#181100!important;
    background:var(--gold)!important;
    border:1px solid var(--gold)!important;
  }

  .kb-mobile-nav-backdrop{
    top:64px!important;
    background:rgba(2,6,12,.36)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  [data-theme="light"] #main-nav.navbar-nav{
    background:#f8fafc!important;
    border-left-color:rgba(15,23,42,.11)!important;
    box-shadow:-22px 0 54px rgba(15,23,42,.20)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-head{
    background:#fff!important;
    border-bottom-color:rgba(15,23,42,.09)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-head strong{color:#111827!important}
  [data-theme="light"] #main-nav .kb-mobile-simple-close{
    color:#374151!important;
    background:#f3f4f6!important;
    border-color:rgba(15,23,42,.10)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-link{
    color:#374151!important;
    background:#fff!important;
    border-color:rgba(15,23,42,.09)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-link:hover,
  [data-theme="light"] #main-nav .kb-mobile-simple-link.active{
    color:#7a5600!important;
    background:#fff9df!important;
    border-color:rgba(185,133,0,.24)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-auth{
    background:#f3f4f6!important;
    border-top-color:rgba(15,23,42,.09)!important;
  }
  [data-theme="light"] #main-nav .kb-mobile-simple-login{
    color:#374151!important;
    background:#fff!important;
    border-color:rgba(15,23,42,.12)!important;
  }
}

@media (max-width:380px){
  #main-nav.navbar-nav{width:min(92vw,340px)!important}
  #main-nav .kb-mobile-simple-head{padding-inline:11px!important}
  #main-nav .kb-mobile-simple-links{padding-inline:10px!important}
  #main-nav .kb-mobile-simple-auth{padding-inline:10px!important;gap:7px!important}
  #main-nav .kb-mobile-simple-login,
  #main-nav .kb-mobile-simple-signup{font-size:12px!important;padding-inline:7px!important}
}

@media (prefers-reduced-motion:reduce){
  #main-nav.navbar-nav{transition:none!important}
}

/* ============================================================
   V24.4.34 — strict desktop/mobile navigation separation
   Desktop navigation and mobile drawer are separate DOM components.
   This prevents desktop menu items from leaking into the mobile drawer
   and prevents the mobile drawer/header from appearing on desktop.
   ============================================================ */
.kb-desktop-primary-nav{display:flex!important}
.kb-mobile-primary-nav{display:none!important}

@media (max-width:820px){
  .kb-desktop-primary-nav{display:none!important}
  #main-nav.kb-mobile-primary-nav{display:flex!important}

  /* The desktop category bar must not reserve a visible row on mobile. */
  .kb-market-topbar~.navbar{
    height:0!important;
    min-height:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .kb-market-topbar~.navbar>.navbar-inner{
    height:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:visible!important;
  }
}

@media (min-width:821px){
  .kb-desktop-primary-nav{display:flex!important}
  #main-nav.kb-mobile-primary-nav,
  .kb-mobile-simple-head,
  .kb-mobile-simple-links,
  .kb-mobile-simple-auth,
  .kb-mobile-nav-backdrop,
  .kb-market-mobile-menu{
    display:none!important;
  }
  html.kb-mobile-nav-open,
  body.kb-mobile-nav-open{overflow:auto!important}
}


/* ============================================================
   V24.4.35 — reliable mobile trigger and navigation actions
   The mobile control is always visible when rendered, remains separate from
   desktop navigation, and keeps every action clickable above the backdrop.
   ============================================================ */
@media (max-width:820px){
  .kb-market-topbar .kb-market-utilities{
    position:relative!important;
    z-index:10020!important;
    min-width:42px!important;
    overflow:visible!important;
  }
  .kb-market-topbar .kb-market-mobile-menu{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    z-index:10025!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.055)!important;
    color:#eef3fa!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .kb-market-topbar .kb-market-mobile-menu[aria-expanded="true"]{
    color:var(--gold)!important;
    border-color:rgba(245,200,66,.35)!important;
    background:rgba(245,200,66,.09)!important;
  }
  #main-nav.kb-mobile-primary-nav{
    display:flex!important;
    z-index:10030!important;
    pointer-events:none!important;
  }
  #main-nav.kb-mobile-primary-nav.open{pointer-events:auto!important}
  #main-nav.kb-mobile-primary-nav a,
  #main-nav.kb-mobile-primary-nav button{
    position:relative!important;
    z-index:2!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .kb-mobile-nav-backdrop{z-index:10010!important}
  html[data-theme="light"] .kb-market-topbar .kb-market-mobile-menu{
    color:#273244!important;
    background:#fff!important;
    border-color:rgba(15,23,42,.13)!important;
  }
}
@media (min-width:821px){
  .kb-market-mobile-menu,
  #main-nav.kb-mobile-primary-nav,
  .kb-mobile-nav-backdrop{display:none!important}
}

/* ============================================================
   V24.4.40 — mobile menu stays in the document flow.
   The expanded menu now pushes the next page section down instead of
   covering marketplace content. Closed navigation occupies no space.
   ============================================================ */
@media (max-width:820px){
  .kb-market-topbar~.navbar{
    position:sticky!important;
    top:64px!important;
    z-index:870!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .kb-market-topbar~.navbar>.navbar-inner{
    width:100%!important;
    max-width:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
  }
  .kb-market-topbar~.navbar.kb-mobile-nav-expanded{
    height:auto!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    background:#0b1320!important;
  }
  .kb-market-topbar~.navbar.kb-mobile-nav-expanded>.navbar-inner{height:auto!important}
  #main-nav.kb-mobile-primary-nav{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:min(72vh,560px)!important;
    margin:0!important;
    display:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:none!important;
  }
  #main-nav.kb-mobile-primary-nav.open{display:flex!important}
  html[dir="rtl"] #main-nav.kb-mobile-primary-nav,
  html[dir="rtl"] #main-nav.kb-mobile-primary-nav.open{
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #main-nav .kb-mobile-simple-head{min-height:56px!important;padding:9px 14px!important}
  #main-nav .kb-mobile-simple-links{padding-top:10px!important}
  .kb-mobile-nav-backdrop{display:none!important}
  html.kb-mobile-nav-open,
  body.kb-mobile-nav-open{overflow:auto!important}
  [data-theme="light"] .kb-market-topbar~.navbar.kb-mobile-nav-expanded{
    background:#f8fafc!important;
    border-bottom-color:rgba(15,23,42,.10)!important;
  }
}

/* ============================================================
   V24.4.43 — Eldorado-inspired language / display-currency picker
   Full current preference in the header: English | USD - $
   Detailed, touch-friendly selector on desktop and mobile.
   ============================================================ */
.kb-market-preferences{position:relative;isolation:isolate}
.kb-market-pref-trigger{
  width:auto!important;min-width:0!important;min-height:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#e8eef8!important;
  white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease!important
}
.kb-market-pref-trigger:hover,.kb-market-preferences.open .kb-market-pref-trigger{
  background:rgba(255,255,255,.075)!important;border-color:rgba(245,190,30,.38)!important;color:#fff!important
}
.kb-market-pref-trigger .kb-market-pref-compact{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  color:inherit!important;font:750 11px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important
}
.kb-market-pref-language-full,.kb-market-pref-language-short{display:inline-block;max-width:105px;overflow:hidden;text-overflow:ellipsis}
.kb-market-pref-language-short{display:none}
.kb-market-pref-trigger .kb-market-pref-compact i{font-style:normal;color:#647187!important;font-weight:600}
.kb-market-pref-currency-current{display:inline-flex;align-items:center;gap:4px}
.kb-market-pref-currency-current b,.kb-market-pref-currency-current strong{
  font:850 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:inherit
}
.kb-market-pref-currency-current em{font-style:normal;color:#7d8799}
.kb-market-pref-trigger>svg:last-child{display:block!important;width:12px!important;height:12px!important;flex:0 0 12px;color:#8f9bad!important;transition:transform .16s ease}
.kb-market-preferences.open .kb-market-pref-trigger>svg:last-child{transform:rotate(180deg)}

.kb-market-pref-backdrop{display:none;border:0;padding:0}
.kb-market-pref-backdrop[hidden]{display:none!important}
.kb-market-pref-menu{
  top:calc(100% + 12px)!important;right:0!important;left:auto!important;
  width:min(560px,calc(100vw - 24px))!important;max-height:min(660px,calc(100dvh - 92px))!important;
  padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;background:#0c1421!important;color:#edf3fb!important;
  box-shadow:0 24px 70px rgba(0,0,0,.62)!important;z-index:2400!important
}
.kb-market-pref-menu:before{right:38px!important;background:#111b2a!important;border-color:rgba(255,255,255,.12)!important}
.kb-market-pref-head{
  min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#111b2a
}
.kb-market-pref-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.kb-market-pref-head strong{font-size:15px;line-height:1.2;color:#f8fbff}
.kb-market-pref-head span{font-size:11px;line-height:1.3;color:#8794a8}
.kb-market-pref-close{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);
  border-radius:10px;background:rgba(255,255,255,.04);color:#aab5c6;font:500 23px/1 system-ui;cursor:pointer
}
.kb-market-pref-close:hover{background:rgba(255,255,255,.09);color:#fff}
.kb-market-pref-grid{
  display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:0!important;align-items:stretch!important;max-height:min(500px,calc(100dvh - 220px));overflow:auto
}
.kb-market-pref-grid .kb-market-pref-section{
  min-width:0;margin:0!important;padding:15px!important;border:0!important
}
.kb-market-pref-grid .kb-market-pref-section+.kb-market-pref-section{
  border-left:1px solid rgba(255,255,255,.08)!important
}
.kb-market-pref-grid .kb-market-pref-title{
  margin:0 0 9px!important;text-align:left!important;font-size:10px!important;line-height:1.2;
  font-weight:850!important;letter-spacing:.085em!important;text-transform:uppercase;color:#8d99ab!important
}
.kb-market-pref-grid .kb-market-pref-options{
  display:grid!important;grid-template-columns:1fr!important;gap:6px!important
}
.kb-market-pref-grid .kb-market-pref-option{
  min-width:0!important;min-height:47px!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 18px!important;align-items:center!important;gap:9px!important;
  padding:8px 10px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:10px!important;
  background:#111b29!important;color:#e8eef7!important;text-align:left!important;justify-content:stretch!important;
  transform:none!important;box-shadow:none!important;cursor:pointer
}
.kb-market-pref-grid .kb-market-pref-option:hover{
  border-color:rgba(245,190,30,.38)!important;background:#162235!important;transform:none!important
}
.kb-market-pref-grid .kb-market-pref-option.active{
  border-color:rgba(245,190,30,.64)!important;background:rgba(245,190,30,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(245,190,30,.08)!important
}
.kb-market-pref-option-main{min-width:0!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:3px}
.kb-market-pref-option-main b{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px!important;line-height:1.15!important;font-weight:820!important;color:inherit
}
.kb-market-pref-option-main b em{font-style:normal;color:#7e8a9d}
.kb-market-pref-option-main small{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:9.5px!important;line-height:1.2!important;font-weight:600!important;color:#8390a4!important
}
.kb-market-pref-option-code{
  display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:23px;padding:0 6px;
  border-radius:6px;background:rgba(255,255,255,.055);font-size:9px!important;font-weight:850!important;letter-spacing:.05em;color:#a8b3c4!important
}
.kb-market-pref-check{width:18px;height:18px;display:grid!important;place-items:center;color:transparent}
.kb-market-pref-option.active .kb-market-pref-check{color:var(--gold)}
.kb-market-pref-note{
  margin:0!important;padding:11px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important;
  background:#0a111d;text-align:left!important;font-size:10px!important;line-height:1.45!important;color:#748196!important
}
.kb-market-pref-status{min-height:0!important;margin:0!important;padding:0 16px;background:#0a111d;text-align:left!important}
.kb-market-pref-status:not(:empty){min-height:34px!important;padding:8px 16px!important;border-top:1px solid rgba(255,255,255,.06)}

html[dir="rtl"] .kb-market-pref-menu{right:auto!important;left:0!important}
html[dir="rtl"] .kb-market-pref-menu:before{right:auto!important;left:38px!important}
html[dir="rtl"] .kb-market-pref-grid .kb-market-pref-section+.kb-market-pref-section{border-left:0!important;border-right:1px solid rgba(255,255,255,.08)!important}
html[dir="rtl"] .kb-market-pref-grid .kb-market-pref-title,html[dir="rtl"] .kb-market-pref-grid .kb-market-pref-option,html[dir="rtl"] .kb-market-pref-note{text-align:right!important}
html[dir="rtl"] .kb-market-pref-option-main{align-items:flex-end}

[data-theme="light"] .kb-market-pref-trigger{background:#f7f8fb!important;border-color:rgba(15,23,42,.11)!important;color:#344054!important}
[data-theme="light"] .kb-market-pref-trigger:hover,[data-theme="light"] .kb-market-preferences.open .kb-market-pref-trigger{background:#fff8e5!important;border-color:rgba(166,112,0,.34)!important;color:#111827!important}
[data-theme="light"] .kb-market-pref-menu{background:#fff!important;border-color:rgba(15,23,42,.14)!important;color:#1d2939!important;box-shadow:0 22px 60px rgba(15,23,42,.20)!important}
[data-theme="light"] .kb-market-pref-menu:before,[data-theme="light"] .kb-market-pref-head{background:#f8fafc!important;border-color:rgba(15,23,42,.11)!important}
[data-theme="light"] .kb-market-pref-head strong{color:#101828}
[data-theme="light"] .kb-market-pref-head span{color:#667085}
[data-theme="light"] .kb-market-pref-close{background:#fff;border-color:rgba(15,23,42,.11);color:#667085}
[data-theme="light"] .kb-market-pref-grid .kb-market-pref-section+.kb-market-pref-section{border-color:rgba(15,23,42,.09)!important}
[data-theme="light"] .kb-market-pref-grid .kb-market-pref-title{color:#667085!important}
[data-theme="light"] .kb-market-pref-grid .kb-market-pref-option{background:#f8fafc!important;border-color:rgba(15,23,42,.10)!important;color:#1d2939!important}
[data-theme="light"] .kb-market-pref-grid .kb-market-pref-option:hover{background:#fff8e5!important;border-color:rgba(166,112,0,.32)!important}
[data-theme="light"] .kb-market-pref-grid .kb-market-pref-option.active{background:#fff8df!important;border-color:#c38a00!important}
[data-theme="light"] .kb-market-pref-option-main small{color:#667085!important}
[data-theme="light"] .kb-market-pref-option-code{background:#eef2f6;color:#667085!important}
[data-theme="light"] .kb-market-pref-note,[data-theme="light"] .kb-market-pref-status{background:#f8fafc!important;border-color:rgba(15,23,42,.09)!important;color:#667085!important}

@media(max-width:820px){
  .kb-market-preferences{z-index:2410}
  .kb-market-pref-backdrop:not([hidden]){
    display:block;position:fixed;inset:0;z-index:2380;background:rgba(3,7,13,.66);backdrop-filter:none
  }
  .kb-market-pref-menu{
    position:fixed!important;top:auto!important;right:10px!important;bottom:10px!important;left:10px!important;
    width:auto!important;max-height:min(82dvh,700px)!important;border-radius:20px!important
  }
  .kb-market-pref-menu:before{display:none!important}
  .kb-market-pref-grid{grid-template-columns:1fr!important;max-height:calc(82dvh - 150px)!important}
  .kb-market-pref-grid .kb-market-pref-section{padding:12px!important}
  .kb-market-pref-grid .kb-market-pref-section+.kb-market-pref-section{
    border-left:0!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.08)!important
  }
  [data-theme="light"] .kb-market-pref-grid .kb-market-pref-section+.kb-market-pref-section{border-top-color:rgba(15,23,42,.09)!important}
  .kb-market-pref-grid .kb-market-language-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kb-market-pref-grid .kb-market-currency-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kb-market-pref-grid .kb-market-pref-option{min-height:48px!important}
}
@media(max-width:640px){
  .kb-market-pref-language-full{display:none}
  .kb-market-pref-language-short{display:inline-block}
  .kb-market-preferences .kb-market-pref-trigger{min-width:96px!important;padding:7px 8px!important}
  .kb-market-pref-trigger .kb-market-pref-compact{gap:4px!important}
  .kb-market-pref-trigger>svg:last-child{display:block!important}
}
@media(max-width:420px){
  .kb-market-pref-head{min-height:61px;padding:12px 13px}
  .kb-market-pref-head strong{font-size:14px}
  .kb-market-pref-grid .kb-market-pref-section{padding:10px!important}
  .kb-market-pref-grid .kb-market-pref-options{gap:5px!important}
  .kb-market-pref-grid .kb-market-pref-option{min-height:45px!important;padding:7px 8px!important;grid-template-columns:minmax(0,1fr) 16px!important}
  .kb-market-pref-option-code{display:none!important}
  .kb-market-pref-option-main small{font-size:9px!important}
  .kb-market-pref-note{padding:9px 12px!important}
}


/* ============================================================
   V24.4.44 — minimal language / currency control
   Compact header footprint with clear tap targets on every device.
   ============================================================ */
.kb-market-pref-language-full{display:none!important}
.kb-market-pref-language-short{display:inline-block!important;max-width:none!important}
.kb-market-pref-trigger{
  min-height:32px!important;height:32px!important;padding:5px 7px!important;gap:4px!important;
  border-radius:8px!important
}
.kb-market-pref-trigger .kb-market-pref-compact{
  gap:4px!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.025em!important
}
.kb-market-pref-trigger .kb-market-pref-compact i{font-size:10px!important;color:#68758a!important}
.kb-market-pref-currency-current{gap:2px!important}
.kb-market-pref-currency-current b,.kb-market-pref-currency-current strong{font-size:9.5px!important}
.kb-market-pref-trigger>svg:last-child{width:10px!important;height:10px!important;flex-basis:10px!important}
.kb-market-pref-menu{width:min(520px,calc(100vw - 24px))!important}
.kb-market-pref-grid .kb-market-pref-option{min-height:43px!important;padding:7px 9px!important}
.kb-market-pref-grid .kb-market-pref-title{margin-bottom:7px!important}
@media(max-width:820px){
  .kb-market-preferences .kb-market-pref-trigger{min-width:0!important;width:auto!important;height:32px!important;padding:5px 7px!important}
  .kb-market-pref-menu{right:8px!important;bottom:8px!important;left:8px!important;border-radius:16px!important}
  .kb-market-pref-grid .kb-market-pref-option{min-height:43px!important}
}
@media(max-width:420px){
  .kb-market-pref-trigger .kb-market-pref-compact{font-size:9px!important}
  .kb-market-pref-currency-current b,.kb-market-pref-currency-current strong{font-size:9px!important}
}

/* ============================================================
   V24.4.52 — stable minimal language / currency selector
   Prevents duplicate taps, clipped sheets and stuck backdrops.
   ============================================================ */
.kb-market-topbar,.kb-market-topbar-inner,.kb-market-utilities{overflow:visible!important}
.kb-market-preferences{z-index:3200!important;isolation:auto!important}
.kb-market-pref-trigger,.kb-market-pref-option,.kb-market-pref-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.kb-market-pref-menu{z-index:3220!important;pointer-events:auto!important;contain:layout paint}
.kb-market-pref-backdrop:not([hidden]){z-index:3190!important}
.kb-market-preferences.is-saving .kb-market-pref-menu{cursor:progress}
.kb-market-preferences.is-saving .kb-market-pref-trigger{opacity:.72}
.kb-market-pref-status{font-weight:750}
html.kb-pref-open,body.kb-pref-open{overscroll-behavior:none}
@media(max-width:820px){
  html.kb-pref-open,body.kb-pref-open{overflow:hidden!important}
  .kb-market-pref-menu{max-height:min(78dvh,640px)!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .kb-market-pref-grid{max-height:calc(78dvh - 142px)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}

/* V24.9 — account menu available from the profile avatar on hover, focus, or click. */
.profile-menu-wrap{position:relative;display:inline-flex;margin:0;overflow:visible!important}
.profile-menu-wrap>summary{list-style:none;cursor:pointer}
.profile-menu-wrap>summary::-webkit-details-marker{display:none}
.profile-menu-wrap .profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:235px;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.42);z-index:4300;padding:8px;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none;color:var(--text);text-align:left}
.profile-menu-wrap.open .profile-dropdown,.profile-menu-wrap[open] .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.profile-menu-wrap .profile-dropdown::before{content:"";position:absolute;top:-14px;right:0;width:100%;height:16px}
.profile-menu-wrap .pd-header{padding:12px 12px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}
.profile-menu-wrap .pd-name{font-size:13px;font-weight:800;color:var(--text)}
.profile-menu-wrap .pd-role{font-size:10px;color:var(--text3);margin-top:3px;text-transform:uppercase;letter-spacing:.04em}
.profile-menu-wrap .pd-bal{font-size:14px;font-weight:900;color:var(--gold);margin-top:7px}
.profile-menu-wrap .pd-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:12px;color:var(--text2);text-decoration:none;transition:background .15s,color .15s;cursor:pointer;border:0;background:none;width:100%;text-align:left;white-space:nowrap}
.profile-menu-wrap .pd-item:hover,.profile-menu-wrap .pd-item:focus-visible{background:var(--surface2);color:var(--text);outline:none}
.profile-menu-wrap .pd-item.danger{color:var(--red)}
.profile-menu-wrap .pd-sep{height:1px;background:var(--border);margin:5px 7px}
.kb-market-profile-menu>.kb-market-avatar{background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:center}
@media(max-width:820px){
  .kb-market-profile-menu .profile-dropdown{position:fixed;top:64px;right:10px;left:auto;max-width:calc(100vw - 20px);max-height:calc(100dvh - 82px);overflow:auto}
}

/* V24.32 — dedicated chat icon beside the notification bell */
.kb-market-chat-icon{position:relative}
.kb-market-chat-icon b{position:absolute;right:1px;top:1px;background:var(--accent,#7c6af7);color:#fff;border-radius:999px;font-size:9px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center}
.nav-chat-icon:hover,.kb-market-chat-icon:hover{color:var(--text,#e8eaf6)}
.kb-market-chat-preview{position:relative}
.kb-market-chat-preview::after{content:"";position:absolute;top:100%;right:0;width:min(340px,calc(100vw - 24px));height:12px;pointer-events:none}
.kb-market-chat-preview.is-open::after{pointer-events:auto}
.kb-market-chat-popover .kb-market-notif-popover__item{align-items:center}
.kb-market-chat-popover .kb-market-notif-popover__item img,
.kb-market-chat-popover .kb-market-notif-popover__item .kb-market-chat-popover-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}
.kb-market-chat-popover__unread-badge{margin-left:8px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}
.kb-market-chat-preview.is-open .kb-market-chat-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(max-width:820px){.kb-market-chat-preview::after,.kb-market-chat-popover{display:none}}

/* V24.48 — header account avatar: slightly larger and cleaner. */
.kb-market-avatar{
  width:42px;height:42px;
  font-size:15px;
  overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
  transition:box-shadow .18s ease,transform .18s ease;
}
.kb-market-avatar:hover{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent);
  transform:translateY(-1px);
}
.kb-market-avatar img,
.kb-market-avatar .kb-market-avatar-image{
  width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;
}
[data-theme="light"] .kb-market-avatar{box-shadow:0 0 0 2px rgba(15,23,42,.12)}
@media(max-width:820px){.kb-market-avatar{width:38px;height:38px;font-size:14px}}