/* MD Food 3.23.11 — shell/layout canônico
   Somente viewport, largura de conteúdo e gutters.
   Componentes e regras de módulos ficam fora deste arquivo. */
body{--ui-bottom-nav:0px}
.main,.content,.content>*{min-width:0}
body:not([data-page="caixa-plus"]) .main{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:var(--ui-bottom-nav)}
body:not([data-page="caixa-plus"]) .content{flex:1}
.main>.md-powered-footer{max-width:var(--ui-content-max);align-self:center}
.two-col>.card{margin-top:0}
.content{width:100%;max-width:var(--ui-content-max);margin-inline:auto}

@media (min-width:981px){
  .content{
    width:100%!important;
    max-width:var(--ui-content-max)!important;
    padding-left:26px!important;
    padding-right:26px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:980px){
  body[data-role="admin"],body[data-role="caixa"]{--ui-bottom-nav:calc(64px + env(safe-area-inset-bottom))}
  html,body,.app-shell,.main{max-width:100%;overflow-x:clip}
  .content{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin:0 auto!important;
    overflow-x:clip!important;
  }
  .content>:not(dialog):not(.mobile-cart-dock){
    box-sizing:border-box!important;
    max-width:100%!important;
    min-width:0;

  }
}
@media (max-width:650px){
  .content{padding-left:12px!important;padding-right:12px!important}
}