/* Esconde o botão de "Voltar ao Topo" */
.scrollToTop {
    display: none !important;
}

/* Define a cor branca para os ícones em diferentes seções de contato, rastreamento e conta */
.contato-evtop i, .rastreio-topo i, .minha-conta .btn-group a i {
    color: white;
}

/* Altera a cor do ícone de carrinho de compras */
.carrinho a > i.icon-shopping-cart.fundo-principal {
    color: #ffffff !important; /* Alterar para a cor desejada */
}

/* Aplica bordas arredondadas ao conteúdo de rastreamento */
.rastreio-content {
    border-radius: 15px;
}

/* Adiciona padding aos títulos do rodapé */
#rodape .titulo {
    padding: 5px 0;
}

/* Adiciona bordas arredondadas ao campo de busca */
.busca input { 
    border-radius: 15px !important;
}

/* Esconde o botão de contato no topo */
.contato-top {
    display: none !important;
}

/* Adiciona bordas arredondadas ao menu dropdown */
.dropdown-menu {
    border-radius: 15px !important;
    border: none !important;
}

/* Adiciona bordas arredondadas aos botões de compra em dispositivos não móveis */
.acoes-produto.hidden-phone .botao-comprar {
    border-radius: 15px !important;
}

/* Remove imagem de fundo e aplica bordas arredondadas ao botão "Continuar Comprando" */
.botao.continuar-comprando {
    background-image: none;
    border-radius: 10px !important;
}

/* Define cor de fundo e bordas arredondadas ao botão de "Ir para o carrinho" */
.botao.principal.ir-carrinho.hidden-phone {
    background-color: #50C878;
    border-radius: 10px !important;
}

/* Adiciona bordas arredondadas ao contorno do Fancybox */
.fancybox-skin {
    border-radius: 15px !important;
}

/* Define cor de fundo e bordas arredondadas ao botão de compra (Ajax) */
.botao.botao-comprar.principal.grande.botao-comprar-ajax {
    background-color: #50C878;
    border-radius: 15px !important;
}

/* Define cor de fundo e bordas arredondadas aos botões principais */
.botao.principal.grande {
    background-color: #50C878;
    border-radius: 15px !important;
}

/* Adiciona bordas arredondadas ao botão na página de carrinho */
.pagina-carrinho #corpo>div>div.secao-principal.row-fluid.sem-coluna>div>form>div>div.span12>a { 
    border-radius: 15px !important;
}

/* Adiciona bordas arredondadas ao contorno interno do carrinho */
.carrinho-interno.borda-principal {
    border-radius: 15px;
}

/* Define cor de fundo e bordas arredondadas ao botão do carrinho */
.carrinho-interno.botao {
    background-color: #50C878;
    border-radius: 15px !important;
}

/* Adiciona bordas arredondadas à quantidade de produtos no carrinho */
.qtd-carrinho.titulo.cor-secundaria.fundo-secundario {
    border-radius: 50px !important;
}

/* Aplica uma cor de fundo ao botão de compra ao passar o mouse */
.botao.botao-comprar.principal:hover {
  background-color: #50C878;
}

/* Ajusta a largura da barra de busca em telas menores */
@media screen and (max-width: 767px) {
    .busca.borda-alpha {
        width: 92% !important;
    }
}

/* Esconde popup de add ao carrinho */
.produto .acoes-flutuante {
    display: none !important;
}

/* Esconde footer original da LI */
#rodape {
    display: none !important;
}

.footer-column.h3 {
    color: white !important;
}

.footer-column.a {
    color: white !important;
}

.span9.span12.p {
    color: white !important;
}

ul, ol {
    margin: 0 !important;
}


.bandeiras-pagamento {
    display: flex;
    flex-wrap: wrap; /* Allows icons to wrap to the next line */
    justify-content: center; /* Centers the icons horizontally */
    gap: 10px; /* Adds spacing between icons */
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.bandeiras-pagamento li {
    display: flex;
    justify-content: center; /* Centers individual icons */
    align-items: center; /* Vertically aligns icons */
}

.icone-pagamento img {
    max-width: 50px; /* Standardize icon width */
    height: auto; /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    .footer-column {
        width: 200px; /* Make columns 200px wide */
    }
}

.listagem.listagem-item.nome-produto {
    min-height: 22px !important;
}

.produto-compartilhar {
    display: none;
}

#menuinsta {
  display: none !important;
}

