/* ================================
   MARCA COMO LOGO NA PÁGINA DE PRODUTO
   ================================ */

/* 1) BASE – só mexe na marca dentro da página de produto */
.pagina-produto .produto-marca a {
  display: inline-block;
  /* tamanho padrão do “bloco” da marca */
  width: 120px;   /* ajuste fino se quiser maior/menor */
  height: 40px;

  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;

  /* esconde o texto "BEIDI / REXON / etc" */
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}

/* 2) BEIDI */
.pagina-produto .produto-marca a[href*="BEIDI"],
.pagina-produto .produto-marca a[href*="beidi"] {
  background-image: url("https://cdn.awsli.com.br/2543/2543386/arquivos/beidi-logo.jpg");
}

/* 3) REXON */
.pagina-produto .produto-marca a[href*="REXON"],
.pagina-produto .produto-marca a[href*="rexon"] {
  background-image: url("https://cdn.awsli.com.br/2543/2543386/arquivos/rexon-logo-marcas.png");
}

/* 4) BALFLEX */
.pagina-produto .produto-marca a[href*="BALFLEX"],
.pagina-produto .produto-marca a[href*="balflex"] {
  background-image: url("https://cdn.awsli.com.br/2543/2543386/arquivos/balfelx-logo-marca.png");
}

/* 5) BY GATES
   (ajuste o trecho do href conforme o slug real na sua loja:
    "by-gates", "bygates", etc.) */
.pagina-produto .produto-marca a[href*="BY-GATES"],
.pagina-produto .produto-marca a[href*="BYGATES"],
.pagina-produto .produto-marca a[href*="by-gates"],
.pagina-produto .produto-marca a[href*="bygates"] {
  background-image: url("https://cdn.awsli.com.br/2543/2543386/arquivos/gates-logo-marca.png");
}

/* 6) BANDO */
.pagina-produto .produto-marca a[href*="BANDO"],
.pagina-produto .produto-marca a[href*="bando"] {
  background-image: url("https://cdn.awsli.com.br/2543/2543386/arquivos/bando-logo-marca.png");
}