/* AIO Resispar - ajuste final do menu mobile */
@media (max-width: 991px){
  .menu-mobile.aio-mobile-menu{
    width:min(88vw,360px)!important;
    max-width:min(88vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0 22px 22px 0!important;
    background:#f6f8fc!important;
    overflow:hidden!important;
    box-shadow:18px 0 42px rgba(10,35,75,.22)!important;
  }

  .aio-mobile-menu__header{
    padding:16px 16px 15px!important;
    border-radius:0 0 18px 0!important;
  }
  .aio-mobile-menu__user{
    gap:11px!important;
    padding-right:54px!important;
  }
  .aio-mobile-menu__avatar{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
  }
  .aio-mobile-menu__avatar svg{width:26px!important;height:26px!important}
  .aio-mobile-menu__hello{font-size:16px!important;margin-bottom:2px!important}
  .aio-mobile-menu__links{font-size:12.5px!important;gap:5px!important}
  .aio-mobile-menu__close{
    top:14px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
  }
  .aio-mobile-menu__close span{width:17px!important;height:2px!important}

  .aio-mobile-menu__content{
    padding:14px 14px 20px!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  /* Corrige o B2B que herdava margens do módulo B2B e saía do painel */
  .aio-b2b-mobile-button.aio-mobile-menu__b2b,
  .aio-mobile-menu__b2b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    margin:0 0 12px 0!important;
    padding:0 14px!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:0 7px 18px rgba(237,28,36,.14)!important;
  }

  .aio-mobile-menu__quick-links{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    margin:0 0 18px!important;
  }
  .aio-mobile-menu__quick-card{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    height:60px!important;
    margin:0!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    border:1px solid #e1e8f1!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(20,48,92,.045)!important;
    color:#17386f!important;
    font-size:11.5px!important;
    line-height:1.16!important;
    font-weight:750!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .aio-mobile-menu__quick-card .aio-mobile-menu__quick-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:10px!important;
    background:#f2f6fc!important;
  }
  .aio-mobile-menu__quick-card .aio-mobile-menu__quick-icon svg{
    width:18px!important;
    height:18px!important;
  }
  .aio-mobile-menu__quick-card span:last-child,
  .aio-mobile-menu__cart-label{
    min-width:0!important;
    display:block!important;
    font-size:11.5px!important;
    line-height:1.16!important;
    font-weight:750!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .aio-mobile-menu__cart-label b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    margin-left:3px!important;
    border-radius:999px!important;
    background:#203b76!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:18px!important;
  }

  .aio-mobile-menu__nav-wrap{padding-top:0!important}
  .aio-mobile-menu__title{
    margin:0 0 9px!important;
    padding:0 3px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
    color:#7a889f!important;
  }
  .aio-mobile-menu__list{gap:7px!important}
  .aio-mobile-menu__item{
    border-radius:14px!important;
    border:1px solid #e1e8f1!important;
    box-shadow:0 3px 10px rgba(20,48,92,.035)!important;
  }
  .aio-mobile-menu__row{gap:5px!important;min-height:54px!important}
  .aio-mobile-menu__link{
    gap:10px!important;
    padding:7px 6px 7px 9px!important;
  }
  .aio-mobile-menu__icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  .aio-mobile-menu__icon svg{width:18px!important;height:18px!important}
  .aio-mobile-menu__label{
    font-size:12.5px!important;
    line-height:1.14!important;
    font-weight:750!important;
    color:#153567!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .aio-mobile-menu__toggle,
  .aio-mobile-menu__subtoggle{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    margin-right:7px!important;
    background:#f1f5fb!important;
  }
  .aio-mobile-menu__toggle svg,
  .aio-mobile-menu__subtoggle svg{width:15px!important;height:15px!important}

  .aio-mobile-menu__submenu{padding:0 9px 9px!important}
  .aio-mobile-menu__submenu-all{
    min-height:36px!important;
    margin:0 0 6px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
  }
  .aio-mobile-menu__sublink{
    padding:9px 4px 9px 0!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .aio-mobile-menu__third-level a{
    padding:8px 10px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
  }

  .aio-mobile-menu__track-content,
  .aio-mobile-menu__support-box ul{
    border-radius:14px!important;
    padding:12px!important;
    box-shadow:none!important;
  }
  .aio-mobile-menu__section-label{font-size:10.5px!important;margin-bottom:8px!important}
}

@media (max-width: 380px){
  .menu-mobile.aio-mobile-menu{
    width:92vw!important;
    max-width:92vw!important;
  }
  .aio-mobile-menu__content{padding-left:11px!important;padding-right:11px!important}
  .aio-mobile-menu__quick-links{gap:7px!important}
  .aio-mobile-menu__quick-card{padding:8px!important}
  .aio-mobile-menu__label{font-size:12px!important}
}
