/* Cabeçalho mobile premium (todas as páginas com o shell): menu à esquerda, logo no centro absoluto, CEP à direita.
   Carrinho e conta saem do cabeçalho — ficam na barra inferior. Só ≤768px; desktop intacto. */
@media (max-width: 768px) {
  body #headerMobileRow.mobile-compact-header {
    position: relative; display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 12px !important; gap: 0;
  }
  body .mobile-compact-header__menu { flex: 0 0 40px; width: 40px; height: 44px; order: 0; margin: 0; }
  /* logo no centro exato da tela, independente dos lados */
  body .mobile-compact-header__center {
    position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important;
    width: 64px; height: 64px; margin: 0 !important; z-index: 2; pointer-events: none;
  }
  body .mobile-compact-header__center a, body .mobile-compact-header__logo { pointer-events: auto; }
  /* CEP à direita, compacto, nunca invade a logo */
  body #headerCepBtn.mobile-compact-header__cep {
    order: 2; margin-left: auto; flex: 0 1 auto; max-width: calc(50% - 44px); min-width: 0; padding: 0; justify-content: flex-end; text-align: right;
  }
  body .mobile-compact-header__cep .mobile-compact-header__cep-lines { max-width: 100%; min-width: 0; align-items: flex-end; text-align: right; }
  body .mobile-compact-header__cep .mobile-compact-header__cep-lines > * { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body .mobile-compact-header__cep { font-size: .66rem; line-height: 1.25; }
  /* carrinho/conta no menu inferior */
  body .mobile-compact-header__end, body #cartLink.mobile-compact-header__cart, body .mobile-compact-header__actions { display: none !important; }
}
@media (max-width: 340px) {
  body .mobile-compact-header__center { width: 58px; height: 58px; }
  body #headerCepBtn.mobile-compact-header__cep { max-width: calc(50% - 40px); font-size: .6rem; }
}

/* ── Barra inferior (mesmo visual da home) para as demais páginas ── */
@media (max-width: 768px) {
  .home-bottom-nav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; height: calc(64px + env(safe-area-inset-bottom)); padding: 0 .35rem env(safe-area-inset-bottom); background: #071d34; border-radius: 22px 22px 0 0; align-items: stretch; }
  .home-bottom-nav__item { position: relative; flex: 1; min-width: 44px; min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0; background: none; border: none; color: #fff; text-decoration: none; font: inherit; font-size: .68rem; font-weight: 600; line-height: 1; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .home-bottom-nav__icon { width: 23px; height: 23px; flex: 0 0 23px; display: block; fill: none; stroke: currentColor; }
  .home-bottom-nav__item.is-active { color: #e9bb68; }
  .home-bottom-nav__badge { position: absolute; top: 7px; left: calc(50% + 6px); min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ef4444; color: #fff; font-size: .65rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
  .home-bottom-nav__badge[hidden] { display: none; }
  body.cart-drawer-open .home-bottom-nav, body.cart-sidebar-open .home-bottom-nav, body.mobile-drawer-open .home-bottom-nav, body.filter-drawer-open .home-bottom-nav { display: none; }
  body.has-bottom-nav { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
}
@media (min-width: 769px) { .home-bottom-nav { display: none !important; } }