/* GiraMesa Delivery APP UI 2C — refinamento fiel ao mockup homologado */
:root{--gm2c-header-h:82px;--gm2c-search-h:68px}
body.gm-app-ui-v2b.gm-app-ui-v2c{font-size:16px!important}
.gm-app-ui-v2c .conteudo-app{max-width:760px!important}

/* TOPO: uma única identificação da loja + status ao lado do perfil */
.gm-app-ui-v2c .topo-conteudo{min-height:var(--gm2c-header-h)!important;padding:12px 14px!important;gap:10px!important}
.gm-app-ui-v2c .marca-loja{gap:12px!important;flex:1!important}
.gm-app-ui-v2c .marca-loja img{width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:17px!important}
.gm-app-ui-v2c .gm2-brand-copy strong,.gm-app-ui-v2c .marca-loja>strong{font-size:18px!important;max-width:50vw!important;letter-spacing:-.025em!important}
.gm-app-ui-v2c .gm2-brand-copy small{font-size:7.5px!important;letter-spacing:.16em!important}
.gm-app-ui-v2c .topo-acoes{gap:8px!important;flex:0 0 auto!important}
.gm-app-ui-v2c .gm2c-store-status{height:42px!important;padding:0 13px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important}
.gm-app-ui-v2c .gm2c-store-status i{width:9px!important;height:9px!important;border-radius:50%!important;background:#E95A7B!important;box-shadow:0 0 0 5px rgba(233,90,123,.12)!important}
.gm-app-ui-v2c .gm2c-store-status.is-open i{background:#42BE88!important;box-shadow:0 0 0 5px rgba(66,190,136,.12)!important}
.gm-app-ui-v2c .botao-perfil-topo,.gm-app-ui-v2c .botao-icone{width:44px!important;height:44px!important;border-radius:14px!important}
.gm-app-ui-v2c .botao-perfil-topo svg,.gm-app-ui-v2c .botao-icone svg{width:22px!important;height:22px!important}
.gm-app-ui-v2c .gm2-loja-status-card{display:none!important}

/* HOME: sem bloco duplicado e sem espaços mortos */
.gm-app-ui-v2c #paginaInicio{padding:8px 0 24px!important}
.gm-app-ui-v2c .bloco-cardapio{padding:0 14px 20px!important}
.gm-app-ui-v2c .linha-busca{top:var(--gm2c-header-h)!important;margin:0 -14px!important;padding:8px 14px 7px!important}
.gm-app-ui-v2c .campo-busca{height:58px!important;border-radius:18px!important;padding:0 15px!important;gap:12px!important}
.gm-app-ui-v2c .campo-busca>svg{width:24px!important;height:24px!important}
.gm-app-ui-v2c .campo-busca input{font-size:14px!important}
.gm-app-ui-v2c .gm2b-search-filter{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px!important}
.gm-app-ui-v2c #paginaInicio .banner-promocoes{margin:10px 0 12px!important;border-radius:20px!important}
.gm-app-ui-v2c .trilho-promocoes,.gm-app-ui-v2c .slide-promocao,.gm-app-ui-v2c .banner-carregando{min-height:215px!important}
.gm-app-ui-v2c .slide-promocao{padding:22px 20px 30px!important}
.gm-app-ui-v2c .slide-promocao h2{font-size:27px!important;max-width:66%!important}
.gm-app-ui-v2c .slide-promocao p{font-size:11px!important;max-width:65%!important}
.gm-app-ui-v2c .slide-promocao button,.gm-app-ui-v2c .slide-promocao .acao-banner{min-height:42px!important;padding:0 17px!important;border-radius:12px!important;font-size:11px!important}

/* Categorias permanecem visíveis junto da pesquisa */
.gm-app-ui-v2c .gm2-section-label-categorias{margin:3px 0 8px!important}
.gm-app-ui-v2c .gm2-section-label-categorias strong{font-size:17px!important}
.gm-app-ui-v2c .gm2-section-label-categorias span{font-size:11px!important}
.gm-app-ui-v2c .abas-categorias{top:calc(var(--gm2c-header-h) + var(--gm2c-search-h))!important;margin:0 -14px!important;padding:8px 14px 11px!important;gap:9px!important}
.gm-app-ui-v2c .abas-categorias button{min-width:78px!important;height:78px!important;padding:8px 10px!important;border-radius:17px!important;font-size:10px!important;gap:6px!important}
.gm-app-ui-v2c .gm2b-cat-icon{width:25px!important;height:25px!important}
.gm-app-ui-v2c .gm2b-cat-label{font-size:10px!important;font-weight:900!important}

/* Seções e produtos: escala visual de app, não miniatura */
.gm-app-ui-v2c .secao-produtos{margin-top:14px!important}
.gm-app-ui-v2c .cabecalho-secao{min-height:36px!important;margin-bottom:9px!important}
.gm-app-ui-v2c .cabecalho-secao h2,.gm-app-ui-v2c .titulo-com-icone h2{font-size:18px!important}
.gm-app-ui-v2c .cabecalho-secao button{font-size:11px!important}
.gm-app-ui-v2c .lista-destaques,.gm-app-ui-v2c .lista-produtos{gap:12px!important}
.gm-app-ui-v2c .cartao-produto,.gm-app-ui-v2c .cartao-destaque{border-radius:18px!important}
.gm-app-ui-v2c .cartao-produto .imagem-produto,.gm-app-ui-v2c .cartao-destaque .imagem-produto{aspect-ratio:1.25/1!important}
.gm-app-ui-v2c .cartao-produto .corpo-produto,.gm-app-ui-v2c .cartao-destaque .corpo-produto{padding:11px 12px 12px!important;gap:5px!important}
.gm-app-ui-v2c .cartao-produto h3,.gm-app-ui-v2c .cartao-destaque h3{font-size:14px!important;line-height:1.18!important}
.gm-app-ui-v2c .cartao-produto p,.gm-app-ui-v2c .cartao-destaque p{font-size:10.5px!important;line-height:1.35!important}
.gm-app-ui-v2c .rodape-produto{min-height:42px!important}
.gm-app-ui-v2c .rodape-produto strong,.gm-app-ui-v2c .preco-produto{font-size:14px!important}
.gm-app-ui-v2c .cartao-produto .rodape-produto button,.gm-app-ui-v2c .cartao-destaque .rodape-produto button,.gm-app-ui-v2c .adicionar-produto{width:38px!important;height:38px!important;min-width:38px!important;font-size:25px!important}

/* PRODUTO: tela inteira, largura total, proporções do mockup */
.gm-app-ui-v2c #folhaProduto{width:100%!important;max-width:760px!important;height:100dvh!important;margin:0 auto!important;border-radius:0!important}
.gm-app-ui-v2c #folhaProduto .cabecalho-modal{top:14px!important;left:14px!important;right:14px!important}
.gm-app-ui-v2c #folhaProduto .fechar-modal{width:46px!important;height:46px!important;border-radius:14px!important}
.gm-app-ui-v2c #folhaProduto .corpo-modal{padding:0!important;overflow:auto!important}
.gm-app-ui-v2c #folhaProduto .imagem-produto-modal{height:min(45dvh,390px)!important;min-height:285px!important;max-height:390px!important}
.gm-app-ui-v2c #folhaProduto .detalhes-produto-modal{padding:20px 20px 18px!important;border-radius:26px 26px 0 0!important;margin-top:-22px!important}
.gm-app-ui-v2c #folhaProduto .detalhes-produto-modal>h3{font-size:29px!important;margin-bottom:5px!important}
.gm-app-ui-v2c #folhaProduto .detalhes-produto-modal>p{font-size:13px!important;margin-bottom:11px!important}
.gm-app-ui-v2c #folhaProduto .preco-modal{font-size:28px!important;margin:10px 0 14px!important}
.gm-app-ui-v2c #folhaProduto .grupo-opcoes{padding:14px 0!important}
.gm-app-ui-v2c #folhaProduto .grupo-opcoes h4{font-size:14px!important;margin-bottom:9px!important}
.gm-app-ui-v2c #folhaProduto .grupo-opcoes label{min-height:44px!important;font-size:12px!important}
.gm-app-ui-v2c #folhaProduto .observacao-item{min-height:72px!important;padding:14px!important;border-radius:15px!important;font-size:12px!important;margin-top:12px!important}
.gm-app-ui-v2c #folhaProduto .rodape-modal{position:sticky!important;left:auto!important;right:auto!important;bottom:0!important;margin-top:0!important;padding:11px 14px max(11px,env(safe-area-inset-bottom))!important}
.gm-app-ui-v2c #folhaProduto .rodape-adicionar{grid-template-columns:132px minmax(0,1fr)!important;gap:10px!important}
.gm-app-ui-v2c #folhaProduto .quantidade-modal,.gm-app-ui-v2c #folhaProduto .botao-confirmar-produto{height:58px!important;border-radius:16px!important}
.gm-app-ui-v2c #folhaProduto .quantidade-modal b{font-size:15px!important}
.gm-app-ui-v2c #folhaProduto .botao-confirmar-produto{font-size:14px!important}

/* Carrinho e pedidos: mais compactos verticalmente, textos legíveis */
.gm-app-ui-v2c #paginaCarrinho .cabecalho-pagina,.gm-app-ui-v2c #paginaPedidos .cabecalho-pagina{padding:20px 18px 10px!important}
.gm-app-ui-v2c #paginaCarrinho .cabecalho-pagina h1,.gm-app-ui-v2c #paginaPedidos .cabecalho-pagina h1{font-size:27px!important}
.gm-app-ui-v2c #paginaCarrinho .cabecalho-pagina p,.gm-app-ui-v2c #paginaPedidos .cabecalho-pagina p{font-size:12px!important}
.gm-app-ui-v2c .cartao-pedido h3{font-size:15px!important}.gm-app-ui-v2c .cartao-pedido p{font-size:11px!important}.gm-app-ui-v2c .status-pedido{font-size:10px!important}.gm-app-ui-v2c .acoes-pedido button{font-size:12px!important;min-height:42px!important}

/* Navegação inferior */
.gm-app-ui-v2c .barra-inferior{min-height:76px!important;padding:7px 9px max(7px,env(safe-area-inset-bottom))!important}
.gm-app-ui-v2c .barra-inferior .item-nav{min-height:62px!important;border-radius:15px!important;gap:4px!important}
.gm-app-ui-v2c .barra-inferior .item-nav svg{width:23px!important;height:23px!important}
.gm-app-ui-v2c .barra-inferior .item-nav small{font-size:9.5px!important}

@media(max-width:420px){
  :root{--gm2c-header-h:78px;--gm2c-search-h:66px}
  .gm-app-ui-v2c .topo-conteudo{min-height:78px!important;padding:10px 12px!important}
  .gm-app-ui-v2c .marca-loja img{width:50px!important;height:50px!important;flex-basis:50px!important}
  .gm-app-ui-v2c .gm2-brand-copy strong,.gm-app-ui-v2c .marca-loja>strong{font-size:16px!important;max-width:45vw!important}
  .gm-app-ui-v2c .gm2c-store-status{height:39px!important;padding:0 9px!important;font-size:9.5px!important}
  .gm-app-ui-v2c .botao-perfil-topo,.gm-app-ui-v2c .botao-icone{width:41px!important;height:41px!important}
  .gm-app-ui-v2c .bloco-cardapio{padding-left:12px!important;padding-right:12px!important}
  .gm-app-ui-v2c .linha-busca,.gm-app-ui-v2c .abas-categorias{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
  .gm-app-ui-v2c .campo-busca{height:56px!important}.gm-app-ui-v2c .campo-busca input{font-size:13px!important}
  .gm-app-ui-v2c .trilho-promocoes,.gm-app-ui-v2c .slide-promocao,.gm-app-ui-v2c .banner-carregando{min-height:205px!important}
  .gm-app-ui-v2c .slide-promocao h2{font-size:25px!important}
  .gm-app-ui-v2c .abas-categorias button{min-width:74px!important;height:74px!important}
  .gm-app-ui-v2c .cartao-produto h3,.gm-app-ui-v2c .cartao-destaque h3{font-size:13px!important}
  .gm-app-ui-v2c .rodape-produto strong,.gm-app-ui-v2c .preco-produto{font-size:13px!important}
  .gm-app-ui-v2c #folhaProduto .imagem-produto-modal{height:40dvh!important;min-height:260px!important}
  .gm-app-ui-v2c #folhaProduto .detalhes-produto-modal>h3{font-size:26px!important}
}