/* =========================================================
   AIO RESISPAR · POLIMENTO MOBILE FINAL
   - logo realmente centralizada
   - Pronta Entrega acima da barra inferior
   - drawer mais largo e sem barra de rolagem visível
   - categorias aproveitam melhor a largura lateral
   ========================================================= */
@media (max-width: 991px){
  /* Cabeçalho: logo centralizada na largura real da tela */
  .header .bg .line.container,
  .header .line.container,
  .header .line{
    position:relative!important;
  }
  .header .logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:54px!important;
    padding-right:54px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .header .logo img,
  .header .logo svg{
    display:block!important;
    width:auto!important;
    max-width:172px!important;
    max-height:46px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }

  /* Footer mobile: logo e conteúdo institucional alinhados ao centro real */
  .footer .logo-box{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .footer .logo-box .logo{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto 18px!important;
    text-align:center!important;
  }
  .footer .logo-box .logo img,
  .footer .logo-box img{
    display:block!important;
    width:auto!important;
    max-width:190px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer .sobre-a-loja{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .footer .social-media{
    justify-content:center!important;
    width:100%!important;
  }

  /* Drawer: usa melhor a lateral sem voltar à versão estreita */
  .menu-mobile.aio-mobile-menu{
    width:min(95vw,410px)!important;
    max-width:min(95vw,410px)!important;
    border-radius:0 24px 24px 0!important;
    overflow:hidden!important;
  }
  .aio-mobile-menu__content{
    padding:14px 10px 26px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .aio-mobile-menu__content::-webkit-scrollbar,
  .menu-mobile.aio-mobile-menu::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }

  /* Atalhos ocupam a largura útil sem sobras laterais exageradas */
  .aio-mobile-menu__b2b{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .aio-mobile-menu__quick-links{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .aio-mobile-menu__quick-card{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Categorias: mais largura para texto e cards, sem trilho visual */
  .aio-mobile-menu__nav-wrap,
  .aio-mobile-menu__nav,
  .aio-mobile-menu__list{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .aio-mobile-menu__title{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .aio-mobile-menu__list{
    gap:7px!important;
  }
  .aio-mobile-menu__item{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .aio-mobile-menu__row{
    width:100%!important;
    min-width:0!important;
  }
  .aio-mobile-menu__link{
    min-width:0!important;
    padding-left:8px!important;
    padding-right:4px!important;
  }
  .aio-mobile-menu__label{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:12.5px!important;
    line-height:1.15!important;
  }
  .aio-mobile-menu__toggle,
  .aio-mobile-menu__subtoggle{
    margin-right:6px!important;
  }

  /* Pronta Entrega: sobe acima da barra fixa inferior */
  .aio-rp-drawer{
    bottom:112px!important;
  }
  .aio-rp-drawer__tab{
    transform:none!important;
  }
}

@media (max-width: 420px){
  .menu-mobile.aio-mobile-menu{
    width:96vw!important;
    max-width:96vw!important;
  }
  .aio-mobile-menu__content{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .header .logo{
    padding-left:48px!important;
    padding-right:48px!important;
  }
  .header .logo img,
  .header .logo svg{
    max-width:160px!important;
  }
  .aio-rp-drawer{
    bottom:108px!important;
  }
}
