/* [1.5.911] Navegação do painel do artista (barra de cima, barra de baixo e painel «Mais»), prefixo vnav-.
   Dono: tarefa C. Carregado só no painel, depois de account-mobile.css. Desenho do protótipo do titular (spec §9):
   pílula Brand no destino ativo, ícones Material Symbols Rounded (contorno no inativo, cheio no ativo), sino com
   contador e anel a pulsar, logótipo real sobre a bolacha Brand a rodar. Usa as primitivas vx- (vip-expressive.css)
   sem as redefinir. Larguras: ≥ 1080 destinos com rótulo; 700-1079 só ícones menos o ativo; < 700 barra de baixo. */

/* ── Casca v2 (plano §3.7, O36): coluna com a barra de cima, o conteúdo com scroll e, no telemóvel, a barra de baixo
   como último item do layout (não tapa o fim do conteúdo; o que está colado ao fundo do .main fica por cima dela). ── */
#rmbz-vip[data-shell="v2"]{ display:flex; flex-direction:column; }
#rmbz-vip[data-shell="v2"] > .main{ flex:1 1 auto; min-height:0; height:auto; width:100%; overflow-y:auto; }
/* O sino está sempre na barra de cima: o botão de notificações do cabeçalho da secção deixa de ser preciso. */
#rmbz-vip[data-shell="v2"] .vip-page-notif{ display:none; }

/* ── Barra de cima ── */
#rmbz-vip .vnav-top{ position:relative; z-index:20; flex:none; background:var(--bg); color:var(--text); box-shadow:none;
  transition:box-shadow calc(200ms*var(--k)) var(--ease-effect), background-color calc(300ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-top.is-scrolled{ box-shadow:0 6px 18px rgba(0,0,0,.06); }
/* No escuro a sombra preta não se vê: junta-se uma linha fina. */
#rmbz-vip[data-theme="oled"] .vnav-top.is-scrolled{ box-shadow:0 1px 0 var(--border), 0 6px 18px rgba(0,0,0,.6); }
/* O interior alinha com o .wrap do conteúdo (mesma largura máxima e as mesmas margens laterais em cada largura). */
#rmbz-vip .vnav-top__in{ max-width:1440px; min-height:66px; margin:0 auto; padding:11px 38px; padding-top:max(11px, env(safe-area-inset-top));
  display:flex; align-items:center; gap:12px; flex-wrap:nowrap; }

/* Logótipo (O27): bolacha Brand de 42 px a rodar com o logótipo real parado por cima; nome ao lado. */
#rmbz-vip .vnav-brand{ display:flex; align-items:center; gap:10px; flex:none; min-width:0; color:var(--text); }
#rmbz-vip .vnav-logo-img{ background:#FFFFFF; }
#rmbz-vip .vnav-name{ font-family:'Bricolage Grotesque',sans-serif; font-size:19px; font-weight:800; line-height:1; letter-spacing:-.3px; white-space:nowrap; color:var(--text); }
#rmbz-vip .vnav-name--short{ display:none; }

/* Destinos: 5 + «Mais», ao centro; se não couberem, fazem scroll dentro da barra (sem barra de scroll visível). */
#rmbz-vip .vnav-items{ position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:4px;
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none; }
#rmbz-vip .vnav-items::-webkit-scrollbar{ display:none; width:0; height:0; }
/* Centro «seguro»: com margens automáticas o primeiro destino nunca fica cortado à esquerda quando há scroll. */
#rmbz-vip .vnav-items > :first-child{ margin-left:auto; }
#rmbz-vip .vnav-items > :last-child{ margin-right:auto; }

#rmbz-vip .vnav-top .vnav-item{ position:relative; flex:none; width:auto; min-width:0; height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:0 16px 0 12px; border:0; border-radius:100px; background:transparent; box-shadow:none; color:var(--text2);
  font-family:'Geist',system-ui,sans-serif; font-size:13.5px; font-weight:600; line-height:1; letter-spacing:normal; text-align:center; text-transform:none; white-space:nowrap;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:background-color calc(200ms*var(--k)) var(--ease-effect), color calc(200ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-top .vnav-item:hover{ background:var(--hover); color:var(--text); }
#rmbz-vip .vnav-top .vnav-item.on,
#rmbz-vip .vnav-top .vnav-item.is-on{ background:var(--brand); color:var(--on-brand); font-weight:700; }
#rmbz-vip .vnav-ic{ position:relative; flex:none; display:inline-flex; align-items:center; justify-content:center; }
#rmbz-vip .vnav-top .vnav-item .vnav-glyph{ font-size:20px; font-variation-settings:'FILL' 0; }
#rmbz-vip .vnav-top .vnav-item.on .vnav-glyph,
#rmbz-vip .vnav-top .vnav-item.is-on .vnav-glyph{ font-variation-settings:'FILL' 1; }
#rmbz-vip .vnav-lbl{ display:block; max-width:170px; overflow:hidden; text-overflow:ellipsis; }

/* Cadeado (O39): selo de 14 px no canto da pílula, em todas as posições. */
#rmbz-vip .vnav-ic > .vnav-lock,
#rmbz-vip .vnav-pill > .vnav-lock{ position:absolute; top:-6px; right:-8px; width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; background:var(--highest); color:var(--text2); font-size:14px; line-height:1; box-shadow:0 0 0 2px var(--bg); pointer-events:none; }
/* Na barra de cima o rótulo vem logo a seguir ao ícone: o cadeado fica no canto de cima à esquerda, sem tapar o texto. */
#rmbz-vip .vnav-top .vnav-ic > .vnav-lock{ right:auto; left:-9px; }
/* Ponto do «Mais» (O28): há contadores lá dentro. */
#rmbz-vip .vnav-dot{ position:absolute; top:-3px; right:-4px; width:9px; height:9px; border-radius:50%; background:var(--danger); box-shadow:0 0 0 2px var(--bg); pointer-events:none; }
#rmbz-vip .vnav-top .vnav-item.is-on .vnav-dot,
#rmbz-vip .vnav-top .vnav-item.on .vnav-lock{ box-shadow:0 0 0 2px var(--brand); }

/* Ações à direita (spec §23 #1: margin-left:auto, também no telemóvel). Alvos de 44 px. */
#rmbz-vip .vnav-actions{ display:flex; align-items:center; gap:8px; flex:none; margin-left:auto; }
#rmbz-vip .vnav-icon{ position:relative; flex:none; width:44px; height:44px; min-width:44px; margin:0; padding:0; border:0; border-radius:50%;
  background:var(--highest); box-shadow:none; color:var(--text); display:inline-flex; align-items:center; justify-content:center;
  font:inherit; line-height:1; text-transform:none; cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:background-color calc(200ms*var(--k)) var(--ease-effect), color calc(200ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-icon:hover{ background:var(--border2); }
#rmbz-vip .vnav-icon .vnav-glyph{ font-size:21px; font-variation-settings:'FILL' 1; }
#rmbz-vip .vnav-icon.is-on{ background:var(--brand); color:var(--on-brand); }

/* Contador do sino (spec §23 #6): padding, «99+», escondido a 0 ([hidden]), anel vx-ring a pulsar. */
#rmbz-vip .vnav-count{ position:absolute; top:-2px; right:-2px; min-width:20px; height:20px; padding:0 5px; border-radius:100px;
  background:var(--danger); color:#FFFFFF; font-family:'Geist',system-ui,sans-serif; font-size:11px; font-weight:700; line-height:20px;
  text-align:center; white-space:nowrap; pointer-events:none; }

/* Oliver (botão redondo, ≥ 700 px). Anula o desenho do lançador antigo e o traço que o oliver-assistant.css põe no
   lançador aberto até 900 px (S18). */
#rmbz-vip .vnav-top .vnav-icon.rmbz-vip-oliver-launch{ margin:0; border:0; background:var(--highest); color:var(--text); font-weight:inherit; }
#rmbz-vip .vnav-top .vnav-icon.rmbz-vip-oliver-launch:hover{ border:0; background:var(--border2); }
#rmbz-vip .vnav-icon.rmbz-vip-oliver-launch > .ms.vnav-glyph{ color:inherit; }
#rmbz-vip .vnav-top .vnav-icon.rmbz-vip-oliver-launch[aria-expanded="true"]{ background:var(--brand-soft); color:var(--brand-ink); }
#rmbz-vip .vnav-icon.rmbz-vip-oliver-launch::before{content:none}
#rmbz-vip .vnav-icon.rmbz-vip-oliver-launch[aria-expanded]::before,
#rmbz-vip .vnav-tile.rmbz-vip-oliver-launch::before,
#rmbz-vip .vnav-tile.rmbz-vip-oliver-launch[aria-expanded]::before{ content:none; }
#rmbz-vip .vnav-icon > .rmbz-vip-oliver-state{ position:absolute; top:7px; right:7px; width:9px; height:9px; border-radius:50%;
  background:var(--success); box-shadow:0 0 0 2px var(--highest); pointer-events:none; }

/* Avatar (O25): inicial em Info suave; abre o «Mais» na parte da conta. */
#rmbz-vip .vnav-avatar{ flex:none; width:44px; height:44px; min-width:44px; margin:0; padding:0; border:0; border-radius:50%;
  background:var(--info-soft); color:var(--info-ink); display:inline-flex; align-items:center; justify-content:center;
  font-family:'Geist',system-ui,sans-serif; font-size:14px; font-weight:800; line-height:1; cursor:pointer; -webkit-tap-highlight-color:transparent; }

/* ── Barra de baixo (só < 700 px; spec §9.2 com §23 #7 e #8) ── */
#rmbz-vip .vnav-bottom{ display:none; }

/* ── Painel «Mais»: folha de baixo no telemóvel; painel ancorado ao botão no computador e no tablet ── */
#rmbz-vip .vnav-more{ position:fixed; inset:0; z-index:90; }
#rmbz-vip .vnav-more[hidden]{ display:none !important; }
#rmbz-vip .vnav-more__scrim{ position:absolute; inset:0; background:var(--scrim); opacity:0; transition:opacity calc(220ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-more.is-open .vnav-more__scrim{ opacity:1; }
#rmbz-vip .vnav-more__sheet{ position:absolute; left:0; right:0; bottom:0; max-height:min(88dvh, 760px); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
  padding:6px 16px calc(20px + env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; background:var(--surface); color:var(--text);
  box-shadow:0 -12px 40px rgba(0,0,0,.18); transform:translateY(100%);
  transition:transform calc(380ms*var(--k)) var(--spring), background-color calc(300ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-more.is-open .vnav-more__sheet{ transform:none; }
#rmbz-vip .vnav-more__handle{ display:block; width:36px; height:4px; margin:6px auto 10px; border-radius:100px; background:var(--border2); }
#rmbz-vip .vnav-more__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; }
#rmbz-vip .vnav-more__title{ margin:0; padding:0; font-family:'Bricolage Grotesque',sans-serif; font-size:20px; font-weight:800; line-height:1.1; letter-spacing:-.3px; text-transform:none; color:var(--text); }
#rmbz-vip .vnav-more__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#rmbz-vip .vnav-more__tools{ margin-top:8px; }

/* Destinos e ferramentas do «Mais». */
#rmbz-vip .vnav-more .vnav-tile{ position:relative; display:flex; align-items:center; gap:10px; width:100%; min-width:0; min-height:56px; margin:0;
  padding:8px 12px 8px 8px; border:0; border-radius:20px; background:var(--elev); box-shadow:none; color:var(--text);
  font-family:'Geist',system-ui,sans-serif; font-size:13.5px; font-weight:600; line-height:1.2; letter-spacing:normal; text-align:left; text-transform:none;
  cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background-color calc(200ms*var(--k)) var(--ease-effect); }
#rmbz-vip .vnav-more .vnav-tile:hover{ border:0; background:var(--highest); }
#rmbz-vip .vnav-more .vnav-tile .vnav-ic{ width:40px; height:40px; border-radius:100px; background:var(--surface); color:var(--text2); }
#rmbz-vip .vnav-more .vnav-tile .vnav-glyph{ font-size:22px; font-variation-settings:'FILL' 0; }
#rmbz-vip .vnav-more .vnav-tile.on{ background:var(--brand-soft); color:var(--brand-ink); font-weight:700; }
#rmbz-vip .vnav-more .vnav-tile.on .vnav-ic{ background:var(--brand); color:var(--on-brand); }
#rmbz-vip .vnav-more .vnav-tile.on .vnav-glyph{ font-variation-settings:'FILL' 1; }
#rmbz-vip .vnav-more .vnav-tile .vnav-lock{ box-shadow:0 0 0 2px var(--elev); }
#rmbz-vip .vnav-more .vnav-tile.on .vnav-lock{ box-shadow:0 0 0 2px var(--brand-soft); }
#rmbz-vip .vnav-tlbl{ flex:1 1 auto; min-width:0; overflow-wrap:break-word; -webkit-hyphens:auto; hyphens:auto; }
/* Contador no canto do ícone (como o sino), para o rótulo ficar com a largura toda. */
#rmbz-vip .vnav-more .vip-nav-count{ position:absolute; top:4px; left:34px; display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px;
  border-radius:100px; background:var(--danger); color:#FFFFFF; font-family:'Geist',system-ui,sans-serif; font-size:11px; font-weight:700; line-height:1; box-shadow:0 0 0 2px var(--elev); pointer-events:none; }
/* O lançador do Oliver no «Mais» com o desenho dos outros destinos (sem o contorno e o fundo do lançador antigo). */
#rmbz-vip .vnav-more .vnav-tile.rmbz-vip-oliver-launch{ margin:0; border:0; background:var(--elev); color:var(--text); font-weight:600; }
#rmbz-vip .vnav-more .vnav-tile.rmbz-vip-oliver-launch:hover{ border:0; background:var(--highest); }
#rmbz-vip .vnav-more .vnav-tile > .rmbz-vip-oliver-state{ margin-left:auto; }

/* Conta: estado da subscrição em texto normal (sem maiúsculas), inicial, nome, telemóvel e «Terminar sessão». */
#rmbz-vip .vnav-more__account{ display:flex; flex-direction:column; gap:10px; margin-top:18px; outline:none; }
#rmbz-vip .vnav-more__kicker{ margin:0; padding:0; font-family:'Geist',system-ui,sans-serif; font-size:12px; font-weight:700; line-height:1.2; letter-spacing:normal; text-transform:none; color:var(--muted); }
#rmbz-vip .vnav-vip{ display:flex; align-items:center; gap:12px; padding:12px 14px 12px 12px; border-radius:20px; background:var(--tone-soft); }
#rmbz-vip .vnav-vip .vnav-ic{ width:40px; height:40px; border-radius:100px; background:var(--tone); color:var(--tone-on,#FFFFFF); }
#rmbz-vip .vnav-vip .vnav-glyph{ font-size:22px; }
#rmbz-vip .vnav-vip__txt{ min-width:0; }
#rmbz-vip .vnav-vip__txt strong{ display:block; font-size:14px; font-weight:700; line-height:1.25; color:var(--text); }
#rmbz-vip .vnav-vip__txt small{ display:block; margin-top:2px; font-size:12.5px; font-weight:400; line-height:1.35; color:var(--text2); }
#rmbz-vip .vnav-acc{ display:flex; align-items:center; gap:12px; min-width:0; padding:2px; }
#rmbz-vip .vnav-acc__avatar{ cursor:default; }
#rmbz-vip .vnav-acc__txt{ min-width:0; }
#rmbz-vip .vnav-acc__name{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:700; line-height:1.25; color:var(--text); }
#rmbz-vip .vnav-acc__tel{ display:block; margin-top:2px; font-size:12px; line-height:1.3; color:var(--muted); }
#rmbz-vip a.vnav-logout{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:100px;
  background:var(--highest); color:var(--text); font-family:'Geist',system-ui,sans-serif; font-size:13.5px; font-weight:700; line-height:1; text-decoration:none; }
#rmbz-vip a.vnav-logout:hover{ background:var(--border2); color:var(--text); }
#rmbz-vip a.vnav-logout .vnav-glyph{ font-size:20px; }

/* ── Larguras ── */
/* Computador estreito: o nome curto para os 5 destinos com rótulo, o «Mais», o Oliver e as ações caberem a 1080 px. */
@media (max-width:1279px){
  #rmbz-vip .vnav-name--full{ display:none; }
  #rmbz-vip .vnav-name--short{ display:inline; }
}
/* Tablet (700-1079): só ícones, menos o destino ativo (spec §23 #9: padding:0 12px, 44 × 44, nome no aria-label e no title). */
@media (max-width:1079px){
  #rmbz-vip .vnav-top .vnav-item:not(.on):not(.is-on){ padding:0 12px; }
  #rmbz-vip .vnav-top .vnav-item:not(.on):not(.is-on) .vnav-lbl{ display:none; }
  #rmbz-vip .vnav-lbl{ max-width:130px; }
}
@media (max-width:900px){
  #rmbz-vip .vnav-top__in{ padding-left:clamp(14px, 4vw, 26px); padding-right:clamp(14px, 4vw, 26px); }
}
@media (max-width:899px){
  #rmbz-vip .vnav-name--short{ display:none; }
}
@media (max-width:700px){
  #rmbz-vip .vnav-top__in{ padding-left:clamp(12px, 3.5vw, 20px); padding-right:clamp(12px, 3.5vw, 20px); }
}
/* Telemóvel (< 700): no topo só o logótipo «1MZ», o tema, o sino e o avatar; os destinos vão para a barra de baixo. */
@media (max-width:699px){
  #rmbz-vip .vnav-top__in{ gap:10px; }
  #rmbz-vip .vnav-items,
  #rmbz-vip .vnav-actions .vnav-oliver{ display:none; }
  #rmbz-vip .vnav-name--short{ display:inline; font-size:17px; }

  #rmbz-vip[data-shell="v2"] .vnav-bottom{ order:99; position:relative; z-index:30; flex:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
    padding:10px 6px calc(18px + env(safe-area-inset-bottom)); background:var(--surface); box-shadow:0 -6px 20px rgba(0,0,0,.07);
    transition:background-color calc(300ms*var(--k)) var(--ease-effect); }
  #rmbz-vip[data-theme="oled"][data-shell="v2"] .vnav-bottom{ box-shadow:0 -1px 0 var(--border); }
  #rmbz-vip .vnav-bottom .vnav-bitem{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:4px;
    width:auto; min-width:0; min-height:56px; margin:0; padding:0 2px; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--text2);
    font-family:'Geist',system-ui,sans-serif; font-size:11px; font-weight:600; line-height:1.25; letter-spacing:normal; text-align:center; text-transform:none;
    cursor:pointer; -webkit-tap-highlight-color:transparent; }
  #rmbz-vip .vnav-bottom .vnav-bitem:hover,
  #rmbz-vip .vnav-bottom .vnav-bitem.on{ background:transparent; color:var(--text2); }
  #rmbz-vip .vnav-pill{ position:relative; flex:none; width:32px; max-width:100%; height:32px; border-radius:100px; display:flex; align-items:center; justify-content:center;
    background:transparent; color:var(--text2); transition:background-color calc(200ms*var(--k)) var(--ease-effect); }
  #rmbz-vip .vnav-bottom .vnav-bitem .vnav-glyph{ font-size:23px; font-variation-settings:'FILL' 0; }
  #rmbz-vip .vnav-bottom .vnav-bitem.on .vnav-pill,
  #rmbz-vip .vnav-bottom .vnav-bitem.is-on .vnav-pill{ width:min(60px, 100%); background:var(--brand); color:var(--on-brand); }
  #rmbz-vip .vnav-bottom .vnav-bitem.on .vnav-glyph,
  #rmbz-vip .vnav-bottom .vnav-bitem.is-on .vnav-glyph{ font-variation-settings:'FILL' 1; }
  #rmbz-vip .vnav-blbl{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:600; line-height:1.25; color:var(--text2); }
  #rmbz-vip .vnav-bottom .vnav-bitem.on .vnav-blbl,
  #rmbz-vip .vnav-bottom .vnav-bitem.is-on .vnav-blbl{ font-weight:700; color:var(--text); }
  #rmbz-vip .vnav-bottom .vnav-lock,
  #rmbz-vip .vnav-bottom .vnav-dot{ box-shadow:0 0 0 2px var(--surface); }
  #rmbz-vip .vnav-bottom .vnav-bitem.on .vnav-lock{ box-shadow:0 0 0 2px var(--brand); }

  /* Escondida com um diálogo aberto (como a barra antiga) e com o teclado aberto (campo de texto do conteúdo com o foco). */
  #rmbz-vip[data-shell="v2"]:has(.scrim.open) .vnav-bottom{ visibility:hidden; pointer-events:none; }
  #rmbz-vip[data-shell="v2"]:has(.main :is(textarea, [contenteditable="true"], input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="image"])):focus) .vnav-bottom{ display:none; }
}
@media (max-width:480px){
  #rmbz-vip .vnav-top__in{ padding-left:12px; padding-right:12px; }
}
/* Seis colunas em ecrãs estreitos (spec §23 #8): menos margem, rótulos de 10.5 px (10 px abaixo de 380) e um pouco
   mais de largura para as colunas de «Lançamentos» e «Videoclipes» (as outras nunca descem dos 48 px), para os
   rótulos caberem sem reticências de 360 a 420 px; a reticência fica como último recurso (320 px). */
@media (max-width:420px){
  #rmbz-vip[data-shell="v2"] .vnav-bottom{ padding-left:2px; padding-right:2px;
    grid-template-columns:minmax(0,1fr) minmax(0,1.24fr) minmax(0,1.16fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); }
  #rmbz-vip .vnav-bottom .vnav-bitem{ padding:0 1px; }
  #rmbz-vip .vnav-blbl{ font-size:10.5px; letter-spacing:-.2px; }
}
@media (max-width:380px){
  #rmbz-vip .vnav-blbl{ font-size:10px; }
  /* «Mais» em 2 colunas também a 320 px: destinos mais compactos para «Notificações» e «Estatísticas» caberem inteiros. */
  #rmbz-vip .vnav-more__sheet{ padding-left:12px; padding-right:12px; }
  #rmbz-vip .vnav-more .vnav-tile{ gap:8px; padding:6px 10px 6px 6px; font-size:13px; }
  #rmbz-vip .vnav-more .vnav-tile .vnav-ic{ width:36px; height:36px; }
  #rmbz-vip .vnav-more .vnav-tile .vnav-glyph{ font-size:20px; }
  #rmbz-vip .vnav-more .vip-nav-count{ top:2px; left:28px; }
}
@media (max-width:360px){
  #rmbz-vip .vnav-top__in{ padding-left:10px; padding-right:10px; gap:8px; }
  #rmbz-vip .vnav-actions{ gap:6px; }
}
/* Computador e tablet: o «Mais» é um painel ancorado ao botão que o abriu (posição dada por vip-nav.js), sem escurecer. */
@media (min-width:700px){
  #rmbz-vip .vnav-more__scrim{ background:transparent; }
  #rmbz-vip .vnav-more__handle{ display:none; }
  #rmbz-vip .vnav-more__sheet{ top:var(--vnav-more-top, 76px); right:16px; bottom:auto; left:var(--vnav-more-left, auto); width:380px; max-width:calc(100vw - 24px);
    max-height:calc(100dvh - var(--vnav-more-top, 76px) - 16px); padding:16px; border-radius:28px;
    box-shadow:0 18px 50px rgba(0,0,0,.22), 0 0 0 1px var(--border); opacity:0; transform:translateY(-8px) scale(.98); transform-origin:top center;
    transition:opacity calc(160ms*var(--k)) var(--ease-effect), transform calc(260ms*var(--k)) var(--spring), background-color calc(300ms*var(--k)) var(--ease-effect); }
  #rmbz-vip .vnav-more.is-open .vnav-more__sheet{ opacity:1; transform:none; }
}