.main-header {
  text-align: center;
}

.logo-container {
  display: inline-block;
}

.actions-container {
  display: inline-block;
}

.logo-container img {
  max-width: 100px; 
}

.actions-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.actions-menu li {
  display: inline-block;
  margin-right: 10px; 
}


/* Estilo específico para o menu na página principal */
.pagina-principal .actions-container {
  display: inline-block;
}




/* Estilizando a barra de pesquisa */

.search-bar { 
    border: 2px solid #ccc; 
    border-radius: 20px; 
    padding: 10px; 
    width: 300px; 
    outline: none; 
    font-size: 16px; 
}



}

.busca input {
    border-radius: 10px;
    padding: 3px 15px;
}

.info-principal-produto h1 .estrelas {
    display: block;
    
    &:before {
        content: '';
        display: block;
        width: 70px;
        height: 20px;
        background: url(https://cdn.awsli.com.br/2721/2721490/arquivos/estrelas.png) center center;
        background-size: cover;
    }
}




/* Esconde o bloco que possui a classe "bloco-a-excluir" */
.bloco-a-excluir {
    display: none;
}

/* Estilos para o bloco do código do produto */
.codigo-produto {
    background-color: #f0f0f0; /* Cor de fundo */
    padding: 10px; /* Espaçamento interno */
    border-radius: 5px; /* Borda arredondada */
}

/* Estilos para o texto secundário */
.cor-secundaria {
    color: #666; /* Cor do texto */
}

/* Estilos para alinhar elementos à direita */
.pull-right {
    float: right; /* Alinha à direita */
}

/* Esconde o bloco de estrelas do Trustvox */
.hide {
    display: none;
}

/* Estilos para o link da marca */
.cor-secundaria a {
    color: #007bff; /* Cor do link */
    text-decoration: none; /* Remove sublinhado */
}

/* Estilos para o bloco de estrelas do Trustvox */
.trustvox-stars {
    margin-top: 10px; /* Espaçamento superior */
    

}

div.codigo-produto {
    display: none;
}

div.produto-compartilhar {
    display: none;
}

div.lista-redes {
    display: none;
}

/* Estilos para dispositivos móveis */
@media only screen and (max-width: 767px) {
    .lista-redes {
        display: none;
    }
}

/* Estilos para dispositivos móveis */
@media only screen and (max-width: 767px) {
    .nome-produto {
        white-space: nowrap; /* Evita quebras de linha */
        overflow: hidden; /* Oculta qualquer conteúdo que exceda o contêiner */
        text-overflow: ellipsis; /* Adiciona reticências (...) ao final do texto se ele exceder o contêiner */
        text-align: left; /* Alinha o texto à esquerda */
        width: 100%; /* Define a largura para ocupar todo o espaço disponível */
    }