/* Barra de compra fixa no celular (04/11/2026). No produto, o "Adicionar ao carrinho" começava em ~1.030 px numa tela
   de 812: quem chegava pelo anúncio via foto, nome e preço e não via como comprar. No celular o formulário de compra
   (quantidade + botão) fica preso no rodapé da tela; no desktop nada muda. Produto sob encomenda não tem o formulário. */

@media (max-width: 760px) {
  body.single-product.maple-loja { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }

  .ml-pdp__buy .ml-pdp__cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: var(--ml-card);
    border-top: 1px solid var(--ml-line);
    box-shadow: 0 -10px 28px -14px rgba(12, 29, 49, .28);
  }
  .ml-pdp__buy .ml-pdp__cart .ml-qty { flex: 0 0 auto; }
  .ml-pdp__buy .ml-pdp__cart .ml-btn { flex: 1 1 auto; min-height: 50px; margin: 0; }
  /* o preço da página fica embaixo da barra na primeira tela: a barra leva o preço e um rótulo de uma linha */
  .ml-pdp__buy .ml-pdp__cart .ml-pdp__cartpreco { display: grid; flex: 0 0 auto; font-weight: 800; font-size: 17px; line-height: 1.1; color: var(--ml-navy); font-variant-numeric: tabular-nums; }
  .ml-pdp__cartpreco small { font-size: 11.5px; font-weight: 600; color: var(--ml-ink-3); }
  .ml-pdp__cartmais { display: none; }
  /* 375 px: quantidade (144) + preço + botão passavam 7 px da tela; o botão encolhe e a quantidade afina */
  .ml-pdp__buy .ml-pdp__cart .ml-btn { min-width: 0; padding-inline: 12px; }
  .ml-pdp__buy .ml-pdp__cart .ml-qty { grid-template-columns: 40px 40px 40px; }
}
@media (max-width: 389px) {
  .ml-pdp__cartpreco small { display: none; }
}
.ml-pdp__cartpreco { display: none; }