<style>
    /* Muda a cor de fundo dos icones das redes sociais */
    .lista-redes i {
        background:; !important;
    }
    
    #cabecalho > .conteiner > .menu.superior .nivel-um > li {
    border: none;
    }


    /* Muda a cor dos ícones fale conosco e whatsapp no header */
    .barra-inicial .canais-contato i {
        color: #FFABC0;
    }
    
    /* Muda a cor do texto fale conosco  do header */
    .barra-inicial .canais-contato a {
        color: #FFABC0 !important;
    }
    
    /* Muda a cor do texto whatsapp do header */
    .barra-inicial .canais-contato span {
        color: #929292 !important;
    }
    
    /* Muda a cor da seta quando a categoria tiver categoria filho */
    .menu li>a i {
        background-color: #929292 !important;
    }

    /* Muda a cor do ícone meus pedidos do header */
    .acoes-conta li:first-child > i {
        background: #FFABC0 !important;
    }

    /* Muda a cor do ícone minha conta do header */
    .acoes-conta li:last-child > i {
        background: #FFABC0 !important;
    }
    
     /* Muda a cor do botão detalhes da home */
    .listagem-item .acoes-produto > a {
        background: #ffabc0 !important;
    }
    
    .listagem .titulo-categoria {
    text-align: center;
}

     /* Muda a cor do numero de parcelas (ex: 3x de $59,99) */
    .listagem-item .info-produto .preco-parcela, .listagem-item .info-produto .preco-parcela strong {
        color: #929292 !important;
    }

    /* Muda a cor do preço e do preço antigo (que tem o risco encima do número)*/
    .listagem-item .info-produto .preco-produto > div:last-child > strong, .listagem-item .info-produto .preco-produto > div:last-child > .preco-venda {
        color: #929292;
    }
    
     /* Muda a cor do selo quando adiciona produto no carrinho */
    .listagem .bandeiras-produto .bandeira-carrinho {
        background-color: #ffabc0;
    }

    /* Centraliza o menu desktop */
    .nivel-um {
        display: flex;
        justify-content: center; 
    }

    /* Muda a cor de fundo e da borda acima do menu quando passar o mouse */
    ul.nivel-um > li:hover {
        background: #ffabc0;
        
        /* Muda a borda */
        border-color: #ffabc0;
    }
    
        .inferior .busca.borda-alpha {
    border-radius: 30px;
    border: none!important;
    }

    .busca input {
    padding: 5px;
    border-radius: 30px;
    border: none;
    }
    esse código acima deixa o buscar redondo igual na imagem
    .busca .botao-busca {
    border-radius: 30px;
    border: none;
    }
    parte do carrinho é este abaixo
    .carrinho {
    border-radius: 10px;
    }

    #cabecalho .carrinho i.icon-shopping-cart {
    border-radius: 20px!important;
    }
    
    .menu.superior {
    border-radius: 30px;
    }

    /* Muda a cor da letra do menu quando passar o mouse */
    ul.nivel-um > li:hover > a strong {
        color: #929292;
    }
    
  /* Muda a cor da seta e do fundo quando a categoria tiver categoria filho quando passar o mouse na categoria pai*/
    ul.nivel-um > li:hover > a i {
        color: #929292;

        /* Muda o fundo */
        background: #ffabc0!important;
    }
    
    /* Deixa categoria no filtro da página de categoria uma abaixo da outra */
    .menu.lateral.outras > ul {
     flex-direction: column;
    }
    .menu.lateral .nivel-um>li>a {
    background-color: #ffabc0;
    }
    
    .menu.lateral .nivel-um > li > a {background-color: 
    }
    
    /* Muda a cor fundo do menu */
    .menu.superior {
        background-color: White;
    }

    /* Muda a cor do texto do menu */
    ul.nivel-um > li > a strong {
        color: #929292;
    }
    
    /* Muda cor da borda (border-color) e a cor de fundo (background-color) do campo buscar */
    .inferior .busca.borda-alpha {
        border-color: ;
        background: ;
    }

    /* Muda a cor de fundo do botão do campo buscar */
    .busca .botao-busca {
        background: #FFABC0;
        border-radius: 30px;
    }
    
    /* Aumenta o tamanho da barra no topo que fica fixa  */
    #barraTopo {
        height: 80px;
    }

    /* Deixa o logo centralizado */
    #barraTopo h4 {
        text-align: center;
    }

    /* Seta a largura maxima do logo */
    #barraTopo h4 img {
        max-width: 50px;
    }

    /* alinha os intens da barra fixa com o logo */
    #barraTopo > .conteiner > .row-fluid > div:nth-child(1n+2) {
        padding-top: 20px;
    }

    /* Muda o carrinho do header para o lado direito */
    #cabecalho .carrinho i.icon-shopping-cart {
        float: right;
        
        /* Isso muda a cor do ícone do carrinho do header */
        background: #FFABC0;
    }

    /* Alinha o valor 'carrinho vazio com o icone' */
    .carrinho.vazio>a span {
        display: inline;
    }

    /* Retira o produto que fica flutuando do lado direito na página de produto */
    .acoes-flutuante {
        display: none !important;
    }

    /* Retira o label do campo de cep */
    .cep label {
        display: none;
    }
    
    /* Preço Venda na Home */
    #listagemProdutos .preco-venda {
    color: #929292;
    }
    
     /* Preço Promocional na Home */
    #listagemProdutos .produto-sobrepor {
    color: #929292;
    }
    
    /* Edita o campo de cep */
    .cep form .form-inline>a {
        display: inline !important;
        color: #000000;
        font-size: 12px;
    }

    /* Edita o botão de calcular cep */
    .cep form .form-inline > div > button {
        background: #ffabc0;
        color: #000000;
        border: none;
        font-weight: normal;
        font-size: 13px;
        height: 30px;
    }

    /* formarta o logo da mt */
    .logo-mt-solucoes {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        font-size: 13px;
        background: #fff;
    }

    /* add bara entre o logo da mt e o da loja integrada */
    .logo-mt-solucoes > a:first-child::after {
        content: '';
        border-right: 1px solid #a39999;
        position: relative;
        top: -20px;
        font-size: 30px;
        margin-right: 10px;
        margin-left: 10px;
    }
    
    /* Muda os titulos das sessões do rodape */
    .institucional .row-fluid > div > span {
        color: #000000;
    }
    
    /* Muda os textos (categoria, conteudo, sobre a loja do rodape) */
    .institucional .row-fluid > div > p, .institucional .row-fluid > div a {
        color: #000000;
    }
    
    /* Muda a cor da borda acima do social no rodape */
    #rodape .redes-sociais {
        border-color: #FFABC0!important;
    }
    
    /* Muda a cor do valor página de produto (3x de R$ ....) */
    .principal .acoes-produto > div span, .principal .acoes-produto > div strong {
        color: #924444;
    }

    /* Edições para até 768px (celular) */
    @media screen and (max-width: 768px){
        /* edita o header do mobile deixando o menu do lado esquerdo */
        .busca-mobile {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        /* Edita o campo de busca */
        .busca-mobile .busca.borda-alpha {
            margin-right: 0;
            width: 80%;
            margin: 0;
        }

      /* Edita o campo de busca */
        .span8.busca-mobile {
            overflow:visible !important;
            position: relative;
        }

        /* Edita o menu do mobile */
        .busca-mobile .menu.superior {
            position: absolute;
            z-index: 999999999999;
            width: 80%;
            background: #efeaea;
            top: 100%
        }

        /* Edita o botão de calcular frete da pagina de produto */
        .cep form .form-inline > div > button {
            line-height: 1 !important;
        }

        /* Edita o logo da mt */
        #rodape .logo-mt-solucoes {
            flex-direction: column;
            padding: 10px 0;
        }

        /* Edita o logo da mt */
        #rodape .logo-mt-solucoes #Layer_1 {
            height: 40px !important;
        }
        
        /* Edita o logo da mt */
        .logo-mt-solucoes > a:first-child::after {
            display: none;
        }
        /* Edita o logo da mt */
        .logo-mt-solucoes > a:first-child {
            border-bottom: 1px solid #a39999;
            margin-bottom: 10px;
        } 
        
        
    }

</style>