/* MenuFacile — correções finais dos menus públicos (29/07/2026)
   Carregado por último para vencer os estilos antigos das templates. */

/* 1) Restaurante e Serviços: remove definitivamente a linha abaixo da marca. */
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean::before,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean::after,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner::before,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner::after,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand::before,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand::after,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean::before,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean::after,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner::before,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner::after,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand::before,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* 2) Produtos: Voltar à loja deixa de ocupar uma barra inteira. */
html body.menu-produtos .mf-store-product-modal .mf-store-product-close {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 168px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: hidden !important;
  border: 1px solid rgba(218,223,232,.95) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #172033 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.14) !important;
  font: 850 12px/1 Inter,Arial,sans-serif !important;
  white-space: nowrap !important;
  z-index: 90 !important;
}
html body.menu-produtos .mf-store-product-modal .mf-store-product-close i {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* 3) Serviços: modal segue o azul dos cards. */
html body.menu-servicos #mfProdutoModalFinal .mf-produto-body h2,
html body.tipo-servico #mfProdutoModalFinal .mf-produto-body h2,
html body.menu-servicos #mfProdutoModalFinal .mf-produto-preco,
html body.tipo-servico #mfProdutoModalFinal .mf-produto-preco {
  color: #1237c5 !important;
}

/* 4) Restaurante: elimina qualquer traço azul da categoria ativa. */
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip.active,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip:focus,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip::before,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip::after,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip.active::before,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip.active::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 5) WhatsApp centralizado exatamente como os demais ícones. */
html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats {
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  line-height: 1 !important;
}
html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats i,
html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats i,
html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats i {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform: none !important;
  line-height: 1 !important;
}

/* 6, 7 e 8) Cabeçalho antigo, ícones espaçados e Produtos organizados no celular. */
@media (max-width: 720px) {
  /* Faixa superior com os três atalhos. */
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement {
    width: 100% !important;
    min-height: 36px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: #f7f7f8 !important;
    box-shadow: none !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div {
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div > span:not(.mf-store-top-links),
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div > span:not(.mf-store-top-links),
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-announcement > div > span:not(.mf-store-top-links) {
    display: none !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links {
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid #e0e2e6 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #344054 !important;
    box-shadow: none !important;
    font: 800 9px/1 Inter,Arial,sans-serif !important;
    white-space: nowrap !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button:first-child,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button:first-child,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-top-links button:first-child {
    border-left: 0 !important;
  }

  /* Marca na primeira linha e ações na segunda. */
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 12px 9px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "brand" "actions" !important;
    align-items: center !important;
    gap: 9px !important;
    border: 0 !important;
    background: #fff !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
    grid-area: brand !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text {
    min-width: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .tablet-brand-copy,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .tablet-brand-copy,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .tablet-brand-copy {
    display: none !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-name,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-name,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-name {
    max-width: calc(100vw - 88px) !important;
    color: #0d111c !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-slogan,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-slogan,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-store-slogan {
    max-width: calc(100vw - 88px) !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions {
    grid-area: actions !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .mf-store-header-cart,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .mf-mobile-header-cart,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .mf-mobile-header-cart,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-btn,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-btn,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-btn,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link[aria-label="Facebook"],
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link[aria-label="Facebook"],
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .icon-link[aria-label="Facebook"] {
    display: grid !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions i,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions i,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions i,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle i,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle i,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mf-mobile-search-toggle i {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* Busca expansível aparece sobre o cabeçalho sem mover as linhas. */
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-search,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-search,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-search {
    position: absolute !important;
    top: 9px !important;
    right: 12px !important;
    left: 12px !important;
    z-index: 120 !important;
  }

  /* Categorias em faixa separada e deslizável. */
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-section,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-section,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-section {
    width: 100% !important;
    margin: 0 !important;
    border-top: 1px solid #eef0f4 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-inner,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-inner,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categorias-inner {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 10px !important;
    gap: 3px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .categoria-chip {
    flex: 0 0 auto !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* Produtos: cards e barra inferior não se sobrepõem. */
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) {
    padding-bottom: calc(94px + env(safe-area-inset-bottom)) !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produtos-grid {
    padding-bottom: 22px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-card {
    min-height: 0 !important;
    height: auto !important;
    display: grid !important;
    grid-template-rows: 190px auto auto !important;
    overflow: hidden !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-card .produto-img {
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    padding: 10px !important;
    object-fit: contain !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-info {
    min-height: 0 !important;
    padding: 13px 14px 9px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer {
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 10px 14px 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    position: static !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .preco {
    min-width: 0 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .mf-store-card-add {
    flex: 0 0 auto !important;
    min-width: 96px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final {
    position: fixed !important;
    right: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    width: calc(100vw - 20px) !important;
    max-width: 430px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 250 !important;
    pointer-events: none !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .final-content {
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    display: grid !important;
    grid-template-columns: minmax(54px,auto) minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 15px !important;
    pointer-events: auto !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .cart-left {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .cart-icon {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .total {
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .acoes {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(82px,.78fr) minmax(112px,1.22fr) !important;
    gap: 6px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .btn-carrinho,
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .btn-finalizar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 7px !important;
    border-radius: 10px !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  /* Modal Produtos: o botão compacto continua correto no celular. */
  html body.menu-produtos .mf-store-product-modal .mf-store-product-close {
    top: 10px !important;
    left: 10px !important;
    max-width: 138px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 390px) {
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions,
  html body.menu-pedidos.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions,
  html body.menu-servicos.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions {
    gap: 11px !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .cart-icon {
    display: none !important;
  }
  html body.menu-produtos.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .barra-final .acoes {
    grid-template-columns: minmax(78px,.78fr) minmax(104px,1.22fr) !important;
  }
}

/* 9) Detalhes finais do cabeçalho público — restaurante e serviços. */

/* Restaurante desktop: WhatsApp apenas como ícone circular. */
html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  /* Restaurante mobile: reserva e WhatsApp seguem o mesmo padrão circular. */
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva,
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva {
    border: 1px solid #d8e1ff !important;
    background: #f2f5ff !important;
    color: #1237c5 !important;
  }
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats {
    border: 1px solid #cbeed8 !important;
    background: #f0fff5 !important;
    color: #079447 !important;
  }
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-reserva i,
  html body.menu-pedidos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions .action-whats i {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  /* Serviços mobile: marca legível, sem nome ou slogan cortados. */
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
    overflow: visible !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo {
    grid-column: 1 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    align-self: center !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: visible !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-name,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-slogan {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-name {
    font-size: 15px !important;
    line-height: 1.12 !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-slogan {
    display: block !important;
    color: #667085 !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }

  /* Serviços mobile: remove a barra duplicada Serviços/Contato/Localização. */
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .mini-nav.clean-nav {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .hero {
    margin-top: 0 !important;
  }
}


/* 10) Serviços: cabeçalho da marca corrigido também em celulares largos/emulação. */
@media (max-width: 900px) {
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text {
    overflow: visible !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 12px 14px 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "brand" "actions" !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
    grid-area: brand !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 12px !important;
    text-align: left !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo .brand-logo-img,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .tablet-brand-copy {
    display: none !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: left !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-name,
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-slogan {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    transform: none !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-name {
    color: #0d111c !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-slogan {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
  }

  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-actions {
    grid-area: actions !important;
  }
}

@media (max-width: 390px) {
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .header-clean-inner {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-brand {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    column-gap: 9px !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .clean-logo {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-name {
    font-size: 15px !important;
  }
  html body.menu-servicos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .brand-text .mf-store-slogan {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }
}

/* =========================================================
   Menu Produtos — restaura o rodapé compacto dos cards
   no celular: preço à esquerda e botão à direita.
   ========================================================= */
@media (max-width: 760px) {
  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-card {
    min-width: 0 !important;
  }

  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(138px, 47%) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 10px !important;
    overflow: visible !important;
    border-top: 1px solid #f0f0f1 !important;
  }

  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .preco {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.35px !important;
    line-height: 1.05 !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
  }

  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .mf-store-card-old-price {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }

  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .mf-store-card-add {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

@media (max-width: 350px) {
  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer {
    grid-template-columns: minmax(0, 1fr) 132px !important;
    gap: 8px !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .preco {
    font-size: 18px !important;
  }
  html body.menu-produtos:not(.tablet-kiosk-v2):not(.v124-tablet-mode):not(.v124-mesa-mode) .produto-footer .mf-store-card-add {
    padding-right: 9px !important;
    padding-left: 9px !important;
    font-size: 11px !important;
  }
}

/* =========================================================
   Menu Produtos — correção definitiva do rodapé no celular.
   Sem exclusão por modo: preço à esquerda e Adicionar à direita.
   ========================================================= */
@media (max-width: 760px) {
  html body.menu-produtos .produtos-grid .produto-card .produto-footer {
    position: static !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    display: grid !important;
    grid-template-columns: minmax(96px, 1fr) minmax(118px, 44%) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 10px !important;
    overflow: visible !important;
    border-top: 1px solid #f0f0f1 !important;
  }

  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .preco {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    box-sizing: border-box !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #111827 !important;
    font-size: clamp(18px, 5.4vw, 23px) !important;
    font-weight: 950 !important;
    letter-spacing: -.45px !important;
    line-height: 1.05 !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
  }

  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .preco,
  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .preco * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    transform: none !important;
  }

  html body.menu-produtos .produtos-grid .produto-card .produto-footer .mf-store-card-old-price {
    position: static !important;
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .mf-store-card-add {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

@media (max-width: 360px) {
  html body.menu-produtos .produtos-grid .produto-card .produto-footer {
    grid-template-columns: minmax(88px, 1fr) 116px !important;
    column-gap: 8px !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .preco {
    font-size: 18px !important;
  }
  html body.menu-produtos .produtos-grid .produto-card .produto-footer > .mf-store-card-add {
    font-size: 11px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

/* MENU PRODUTOS MOBILE — RODAPÉ FINAL V8 */
@media (max-width: 760px) {
  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer {
    position: static !important;
    inset: auto !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 44px !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    gap: 10px !important;
    overflow: visible !important;
    border-top: 1px solid #f0f0f1 !important;
  }

  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer > div.preco {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #111827 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -.45px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    z-index: 1 !important;
  }

  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer > div.preco,
  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer > div.preco * {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
  }

  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer > div.preco > .mf-store-card-old-price {
    position: static !important;
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #777 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-decoration: line-through !important;
  }

  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item > div.produto-footer > button.mf-store-card-add {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
    z-index: 1 !important;
  }

  html body.menu-produtos.menu-produtos .produtos-grid article.produto-card.item {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
}