/* Dock de vidro do celular (27/10/2026). Só até 768 px: acima disso some e o desktop não muda. */
.iv-dock{display:none}
@media (max-width:768px){
  :root{--dock-h:calc(64px + env(safe-area-inset-bottom))}
  body.tem-dock{padding-bottom:calc(var(--dock-h) + 8px)}
  .iv-dock{
    position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:60;
    display:flex;align-items:stretch;justify-content:space-between;gap:2px;height:56px;padding:4px;box-sizing:border-box;
    max-width:460px;margin:0 auto;border-radius:28px;
    background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.7);
    -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
    box-shadow:0 10px 30px -8px rgba(21,21,26,.28),0 0 0 .5px rgba(21,21,26,.06);
    transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .25s ease,visibility 0s linear 0s;
  }
  .iv-dock a{
    flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    border-radius:24px;color:#4A4A50;text-decoration:none;font-family:'Ubuntu',system-ui,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.01em;line-height:1;
    -webkit-tap-highlight-color:transparent;
  }
  .iv-dock a:hover{color:#4A4A50}
  .iv-dock a[aria-current=page]{color:#CC0601;background:rgba(204,6,1,.09)}
  .iv-dock a:focus-visible{outline:2px solid #CC0601;outline-offset:-2px}
  .iv-dock a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  /* Some com o banner de cookies aberto e com o teclado aberto */
  html:has(.iv-ck.is-in) .iv-dock,html.dock-teclado .iv-dock{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .25s ease,visibility 0s linear .3s}
  /* Gaveta de pagamento (.gj-co) e detalhe do ponto do mapa (.mg-painel) abertos: o dock sai da frente */
  html:has(.gj.gj-gav) .iv-dock,html:has(.mg-painel:not([hidden])) .iv-dock{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .25s ease,visibility 0s linear .3s}
  /* Página sem dock (noindex), depois de uma troca do router */
  body:not(.tem-dock) .iv-dock{display:none}
  /* Barras fixas de compra e atalhos sobem acima do dock. O dock fica em z 60, modais e gavetas (70 ou mais) cobrem tudo */
  .tem-dock .rx-sb,.tem-dock .rxm-sb,.tem-dock .ia-sb,.tem-dock .lp-barra,.tem-dock .rx-rs,.tem-dock .ar-wa,.tem-dock .mk-c-wa,.tem-dock .gl-engage-banner,.tem-dock .lw-fixo{bottom:calc(var(--dock-h) + 12px)}
}
@media (max-width:768px) and (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .iv-dock{view-transition-name:iv-dock}
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){
  .iv-dock,html:has(.iv-ck.is-in) .iv-dock,html.dock-teclado .iv-dock,html:has(.gj.gj-gav) .iv-dock,html:has(.mg-painel:not([hidden])) .iv-dock{transition:none}
}