/* Logo centralizada e menor no MOBILE - Loja Integrada */
@media (max-width: 768px) {
  /* Reduz e centraliza a logo */
  header img {
    max-width: 140px !important; /* ajuste o tamanho desejado */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important; /* centraliza horizontalmente */
  }

  /* Centraliza verticalmente o container do header */
  header {
    display: flex !important;
    justify-content: center !important; /* horizontal */
    align-items: center !important;     /* vertical */
    flex-direction: column !important;  /* mantém itens empilhados se houver menu */
  }
}