/* QRAVM MENU MOBILE INFO GRID V1.4.8
   Old inherited analytics belt is hidden on mobile.
   A clean, dedicated mobile 2x3 grid is rendered instead.
*/

.qmenu-mobile-info-grid{display:none}

@media(max-width:767px){
  body.menu-body .qmenu-profile-strip.qpremium-hero-belt.qpremium-analytics-belt.qmp-belt{
    display:none!important;
  }

  body.menu-body .qmenu-mobile-info-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:calc(100% - 24px)!important;
    margin:10px auto 8px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:rgba(7,20,34,.94)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
    box-sizing:border-box!important;
  }

  body.menu-body .qmenu-mobile-info-grid .qmi-card{
    min-width:0!important;
    min-height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    background:rgba(255,255,255,.045)!important;
    box-sizing:border-box!important;
  }

  body.menu-body .qmenu-mobile-info-grid .qmi-icon{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:#12263a!important;
    color:#ffcf33!important;
    font-size:13px!important;
    line-height:1!important;
  }

  body.menu-body .qmenu-mobile-info-grid .qmi-card>div{
    min-width:0!important;
  }

  body.menu-body .qmenu-mobile-info-grid b{
    display:block!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.menu-body .qmenu-mobile-info-grid small{
    display:block!important;
    margin-top:3px!important;
    color:#aebdcb!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media(max-width:380px){
  body.menu-body .qmenu-mobile-info-grid{
    width:calc(100% - 16px)!important;
    gap:6px!important;
    padding:8px!important;
  }
  body.menu-body .qmenu-mobile-info-grid .qmi-card{
    min-height:54px!important;
    padding:7px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.menu-body .qmenu-mobile-info-grid .qmi-icon{
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }
}