
#mobile-drawer{
  --cv2m-page:var(--cv2-surface-page,var(--ar-card-2,#f4f5f8));
  --cv2m-card:var(--ar-card,var(--cv2-surface-card,#fff));
  --cv2m-soft:var(--ar-card-2,#f2f3f7);
  --cv2m-ink:var(--ar-ink,var(--cv2-heading,#14161c));
  --cv2m-muted:var(--ar-ink-3,var(--cv2-text,#6b7080));
  --cv2m-line:var(--ar-line,rgba(20,22,28,.08));
  --cv2m-accent:var(--cv2-primary,#2f6bff);
  --cv2m-on-accent:var(--cv2-btn-text,#fff);
  --cv2m-dock:color-mix(in srgb,var(--cv2m-ink) 7%,var(--cv2m-page));
  --cv2m-dock-ink:var(--cv2m-ink);
  --cv2m-ease:cubic-bezier(.22,1,.36,1);
  position:fixed;inset:auto 0 0;z-index:10050;box-sizing:border-box;
  display:flex;flex-direction:column;gap:12px;
  width:min(640px,100vw);max-height:calc(100dvh - 20px);margin-inline:auto;padding:22px 12px calc(12px + env(safe-area-inset-bottom));
  overflow:hidden auto;overscroll-behavior:contain;
  background:var(--cv2m-page);color:var(--cv2m-ink);
  border-radius:28px 28px 0 0;
  
  contain:layout paint;backface-visibility:hidden;
  visibility:hidden;transform:translate3d(0,104%,0);
  transition:transform .36s var(--cv2m-ease),visibility 0s linear .36s;
  font-size:14px;line-height:1.4}
#mobile-drawer.active{visibility:visible;transform:none;transition:transform .36s var(--cv2m-ease),visibility 0s}
#mobile-drawer *{box-sizing:border-box}

#mobile-drawer::before{content:"";position:absolute;top:9px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:color-mix(in srgb,var(--cv2m-ink) 18%,transparent)}
#mobile-drawer a{color:inherit;text-decoration:none}
#mobile-drawer button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
#mobile-drawer svg{flex-shrink:0}
#mobile-drawer :focus-visible{outline:2px solid var(--cv2m-accent);outline-offset:2px}

#mobile-overlay.cv2m-backdrop{position:fixed;inset:0;z-index:10049;background:rgba(8,10,16,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
#mobile-overlay.cv2m-backdrop.active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}


#mobile-drawer .cv2m-header{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 4px 4px 8px;margin-bottom:6px}
#mobile-drawer .cv2m-logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
#mobile-drawer .cv2m-logo img{display:block;height:34px;width:auto;max-width:150px;object-fit:contain}
#mobile-drawer .cv2m-title{display:none}
#mobile-drawer .cv2m-header-actions{display:flex;flex:none}
#mobile-drawer .cv2m-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cv2m-card);border:1px solid var(--cv2m-line);color:var(--cv2m-ink);transition:transform .25s var(--cv2m-ease)}
#mobile-drawer .cv2m-close:active{transform:scale(.94)}
#mobile-drawer .cv2m-close svg{width:18px;height:18px}


#mobile-drawer .cv2m-usercard{--cv2m-glass:rgba(255,255,255,.14);--cv2m-glass-line:rgba(255,255,255,.22);
  position:relative;isolation:isolate;flex:none;margin:12px 0 18px;padding:26px 14px 16px;border-radius:26px;color:#fff;
  background:linear-gradient(155deg,var(--color-gradient-from,var(--cv2m-accent)) 0%,var(--color-gradient-to,var(--cv2m-accent)) 100%)}
#mobile-drawer .cv2m-usercard-pattern{position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.55;pointer-events:none;
  background:radial-gradient(120% 70% at 100% 0%,rgba(255,255,255,.22),transparent 60%),repeating-radial-gradient(circle at 110% -10%,transparent 0 18px,rgba(255,255,255,.06) 18px 19px)}
#mobile-drawer .cv2m-usercard-waves{position:absolute;inset:auto 0 0;z-index:-1;height:70px;border-radius:0 0 26px 26px;overflow:hidden;pointer-events:none}
#mobile-drawer .cv2m-usercard-waves svg{position:absolute;inset:0;width:100%;height:100%}

#mobile-drawer .cv2m-usercard-badge{position:absolute;top:0;left:50%;z-index:2;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:999px;
  transform:translate(-50%,-50%);background:var(--cv2m-page);color:var(--cv2m-accent);font-size:12.5px;font-weight:600;white-space:nowrap;}

#mobile-drawer .cv2m-usercard::after{content:"";position:absolute;left:50%;bottom:0;width:34px;height:34px;margin-left:-17px;border-radius:50%;transform:translateY(50%);background:var(--cv2m-page)}
#mobile-drawer .cv2m-usercard::before{content:"";position:absolute;left:50%;bottom:0;z-index:1;width:26px;height:26px;margin-left:-13px;border-radius:50%;transform:translateY(50%);
  background:var(--cv2m-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/14px no-repeat}
#mobile-drawer .cv2m-usercard-top{display:flex;align-items:center;gap:12px}
#mobile-drawer .cv2m-usercard-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--cv2m-glass);border:2px solid rgba(255,255,255,.45);font-size:18px;font-weight:700;text-transform:uppercase}
#mobile-drawer .cv2m-usercard-avatar img{width:100%;height:100%;display:block}
#mobile-drawer .cv2m-usercard-info{min-width:0;flex:1}

#mobile-drawer .cv2m-usercard-name{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;row-gap:1px;font-size:17px;line-height:1.2;font-weight:700;min-width:0}
#mobile-drawer .cv2m-usercard-first{grid-area:1/1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-drawer .cv2m-usercard-last{grid-area:2/1/3/3;font-size:14.5px;font-weight:400;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-drawer .cv2m-usercard-name i{grid-area:1/2;justify-self:start;font-size:15px;opacity:.95}
#mobile-drawer .cv2m-usercard-email{margin-top:3px;font-size:12px;font-weight:400;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-drawer .cv2m-usercard-logout{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--cv2m-glass);border:1px solid var(--cv2m-glass-line)}

#mobile-drawer .cv2m-usercard-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;border-radius:999px;background:rgba(0,0,0,.16);border:1px solid var(--cv2m-glass-line)}
#mobile-drawer .cv2m-usercard-balance,#mobile-drawer .cv2m-usercard-panel-btn,#mobile-drawer .cv2m-usercard-login-btn,#mobile-drawer .cv2m-usercard-register-btn{
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap;min-width:0;color:#fff;transition:background .2s ease,color .2s ease}
#mobile-drawer .cv2m-usercard-balance{font-variant-numeric:tabular-nums}
#mobile-drawer .cv2m-usercard-panel-btn,#mobile-drawer .cv2m-usercard-register-btn{background:#fff;color:var(--cv2m-accent-ink,var(--cv2m-accent));}
#mobile-drawer .cv2m-usercard-actions--guest.cv2m-usercard-actions--solo{grid-template-columns:1fr}
#mobile-drawer .cv2m-usercard-guest-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:var(--cv2m-glass);border:1px solid var(--cv2m-glass-line)}
#mobile-drawer .cv2m-usercard-guest-text{display:flex;flex-direction:column;gap:3px;min-width:0}
#mobile-drawer .cv2m-usercard-guest-title{font-size:16.5px;font-weight:700;line-height:1.25}
#mobile-drawer .cv2m-usercard-guest-sub{font-size:12.5px;font-weight:400;opacity:.82}


#mobile-drawer .cv2m-profile-footer{display:flex;align-items:center;gap:6px;margin-top:10px;padding:4px;border-radius:999px;background:rgba(0,0,0,.16);border:1px solid var(--cv2m-glass-line)}
#mobile-drawer .cv2m-flag-btn{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--cv2m-glass)}
#mobile-drawer .cv2m-flag-btn img{width:20px;height:20px;border-radius:50%;object-fit:cover}
#mobile-drawer .CoreV2-mobile-currency{display:flex;flex:1;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
#mobile-drawer .CoreV2-mobile-currency::-webkit-scrollbar{display:none}
#mobile-drawer .CoreV2-fx-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 auto;min-width:56px;min-height:38px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.1;color:rgba(255,255,255,.88);transition:background .2s ease,color .2s ease}
#mobile-drawer .CoreV2-fx-btn.active{background:#fff;color:var(--cv2m-accent-ink,var(--cv2m-accent))}
#mobile-drawer .CoreV2-fx-btn .fx-rate-m{font-size:9.5px;font-weight:500;opacity:.8}


#mobile-drawer .cv2m-content{display:flex;flex-direction:column;gap:6px;flex:none}
#mobile-drawer .cv2m-item{border-radius:16px;background:var(--cv2m-card);overflow:hidden}
#mobile-drawer .cv2m-link:focus{outline:0}
#mobile-drawer .cv2m-link{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 10px 7px 7px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mobile-drawer .cv2m-icon-box{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--cv2m-accent) 10%,var(--cv2m-card));color:var(--cv2m-accent)}
#mobile-drawer .cv2m-icon{font-size:19px;color:var(--cv2m-accent)}
#mobile-drawer .cv2d-menu-label{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
#mobile-drawer .cv2m-badge{flex:none;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
  color:var(--menu-item-color,var(--cv2m-accent));background:var(--menu-item-bg-color,color-mix(in srgb,var(--cv2m-accent) 10%,transparent))}
#mobile-drawer .cv2m-arrow{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cv2m-soft);font-size:14px;color:var(--cv2m-muted);transition:transform .3s var(--cv2m-ease)}
#mobile-drawer .cv2m-item.is-open .cv2m-arrow{transform:rotate(180deg);color:var(--cv2m-accent);background:color-mix(in srgb,var(--cv2m-accent) 12%,var(--cv2m-card))}
#mobile-drawer .cv2m-submenu{display:none;padding:0 8px 8px}
#mobile-drawer .cv2m-item.is-open > .cv2m-submenu{display:block;animation:cv2m-reveal .3s var(--cv2m-ease)}
#mobile-drawer .cv2m-mega{display:flex;flex-direction:column;gap:4px}
#mobile-drawer .CoreV2-mega-item,#mobile-drawer .CoreV2-submenu-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px 6px 6px;border-radius:14px;background:var(--cv2m-soft);font-size:13.5px;font-weight:600}
#mobile-drawer .CoreV2-submenu-item{margin-top:4px}
#mobile-drawer .CoreV2-mega-item > i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--cv2m-accent) 10%,var(--cv2m-card));font-size:16px;color:var(--cv2m-accent)}
#mobile-drawer .CoreV2-mega-content{display:flex;flex-direction:column;gap:1px;min-width:0;font-weight:600}
#mobile-drawer .megahedars-description{font-size:12px;font-weight:400;color:var(--cv2m-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes cv2m-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}


#mobile-drawer .cv2m-footer-bar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;flex:none;margin-top:auto;padding:14px 12px 12px;border-radius:22px;background:var(--cv2m-dock);color:var(--cv2m-dock-ink)}
#mobile-drawer .cv2m-footer-bar::before{content:"";position:absolute;top:-1px;left:50%;width:64px;height:12px;margin-left:-32px;border-radius:0 0 14px 14px;background:var(--cv2m-page)}
#mobile-drawer .cv2m-fbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;font-size:11.5px;font-weight:600;color:var(--cv2m-ink)}
#mobile-drawer .cv2m-fbar-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cv2m-card);color:var(--cv2m-accent)}
#mobile-drawer .cv2m-fbar-icon svg{width:18px;height:18px}
#mobile-drawer .cv2m-fbar-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0;font-size:11.5px}
#mobile-drawer .cv2m-fbar-site{font-weight:700}
#mobile-drawer .cv2m-fbar-rights{color:var(--cv2m-muted)}


html[data-theme="dark"] #mobile-drawer{--cv2m-page:var(--cv2-shell-bg,#0b0f19);--cv2m-card:color-mix(in srgb,#fff 4%,var(--cv2m-page));--cv2m-soft:color-mix(in srgb,#fff 7%,var(--cv2m-page));
  --cv2m-line:rgba(255,255,255,.07);--cv2m-ink:#f1f4fa;--cv2m-muted:#98a2b8;--cv2m-dock:color-mix(in srgb,#fff 6%,var(--cv2m-page));
  border-top:1px solid var(--cv2m-line);}
html[data-theme="dark"] #mobile-drawer .cv2m-usercard{background:linear-gradient(155deg,color-mix(in srgb,var(--cv2m-accent) 62%,#0b0f19) 0%,color-mix(in srgb,var(--cv2m-accent) 42%,#0b0f19) 55%,color-mix(in srgb,var(--cv2m-accent) 22%,#05070d) 100%);border:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] #mobile-drawer .cv2m-usercard-badge{color:color-mix(in srgb,var(--cv2m-accent) 80%,#fff)}
html[data-theme="dark"] #mobile-drawer .cv2m-icon-box,html[data-theme="dark"] #mobile-drawer .CoreV2-mega-item > i{background:color-mix(in srgb,var(--cv2m-accent) 16%,var(--cv2m-page))}
html[data-theme="dark"] #mobile-drawer .cv2m-icon,html[data-theme="dark"] #mobile-drawer .CoreV2-mega-item > i,html[data-theme="dark"] #mobile-drawer .cv2m-icon-box{color:color-mix(in srgb,var(--cv2m-accent) 82%,#fff)}
html[data-theme="dark"] #mobile-drawer .cv2m-footer-bar{border:1px solid var(--cv2m-line)}
html[data-theme="dark"] #mobile-drawer .cv2m-fbar-icon{background:color-mix(in srgb,var(--cv2m-accent) 16%,var(--cv2m-page));color:color-mix(in srgb,var(--cv2m-accent) 82%,#fff)}
html[data-theme="dark"] #mobile-drawer .cv2m-close,html[data-theme="dark"] #mobile-drawer .cv2m-header .cv2m-usercard-badge{background:var(--cv2m-card)}


body.cv2m-open #cv2WaFab,body.cv2m-open #coreai-widget,body.cv2m-open #CoreV2-scroll-top{visibility:hidden;pointer-events:none}

@media (min-width:1100px){#mobile-drawer,#mobile-overlay.cv2m-backdrop{display:none}}
@media (prefers-reduced-motion:reduce){#mobile-drawer,#mobile-overlay.cv2m-backdrop,#mobile-drawer *{transition:none;animation:none}}


#mobile-drawer .cv2m-lg-btn{flex:none;display:flex;align-items:center;gap:6px;min-height:38px;padding:4px 10px 4px 5px;border-radius:999px;background:var(--cv2m-glass);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:background .2s ease}
#mobile-drawer .cv2m-lg-btn img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:0 0 24px}
#mobile-drawer .cv2m-lg-btn .cv2m-lg-chev{transition:transform .25s var(--cv2m-ease);opacity:.85}
#mobile-drawer .cv2m-lg-btn[aria-expanded="true"]{background:#fff;color:var(--cv2m-accent-ink,var(--cv2m-accent))}
#mobile-drawer .cv2m-lg-btn[aria-expanded="true"] .cv2m-lg-chev{transform:rotate(180deg)}
#mobile-drawer .cv2m-lg-btn + .CoreV2-mobile-currency{padding-left:6px;border-left:1px solid var(--cv2m-glass-line)}
#mobile-drawer .cv2m-lg-list{display:grid;gap:4px;margin-top:8px;padding:6px;border-radius:22px;background:rgba(0,0,0,.16);border:1px solid var(--cv2m-glass-line)}
#mobile-drawer .cv2m-lg-list[hidden]{display:none}
#mobile-drawer .cv2m-lg-list:not([hidden]){animation:cv2m-reveal .25s var(--cv2m-ease)}
#mobile-drawer .cv2m-lg-item{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 12px 6px 8px;border-radius:16px;color:#fff;transition:background .2s ease}
#mobile-drawer .cv2m-lg-item:active{background:var(--cv2m-glass)}
#mobile-drawer .cv2m-lg-item img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 26px}
#mobile-drawer .cv2m-lg-txt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
#mobile-drawer .cv2m-lg-txt b{font-size:13.5px;font-weight:700;line-height:1.2}
#mobile-drawer .cv2m-lg-txt small{font-size:11px;color:rgba(255,255,255,.78)}
#mobile-drawer .cv2m-lg-item.is-on .cv2m-lg-txt small{color:var(--cv2m-muted)}
#mobile-drawer .cv2m-lg-item.is-on{background:#fff;color:var(--cv2m-accent-ink,var(--cv2m-accent))}
#mobile-drawer .cv2m-lg-tick{flex:none}

#mobile-drawer .cv2m-logo__dark{display:none}
html[data-theme="dark"] #mobile-drawer .cv2m-logo.cv2m-logo--dual .cv2m-logo__light{display:none}
html[data-theme="dark"] #mobile-drawer .cv2m-logo__dark{display:block}
html[data-theme="dark"] #mobile-drawer .cv2m-logo:not(.cv2m-logo--dual) img{filter:brightness(0) invert(1)}
