/*START HEADER*/

#cabecalho>.conteiner {
    background-color: black !Important;
}

#cabecalho>.conteiner a, #cabecalho>.conteiner strong {
    color: #fff !important;
}

#cabecalho>.conteiner .carrinho-interno a, #cabecalho>.conteiner .carrinho-interno strong{
    color: var(--secundaria) !important;
}

#cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>*>a>i, #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>.busca>i, #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>* .carrinho>a>i{
    color: var(--secundaria) !important;
    background: var(--principal) !important;
}

.logo a img {
    right: inherit !Important;
    max-height: 70% !Important;
}

#cabecalho.fixed>.conteiner>.main-header .conteudo-topo .actions-menu>* .carrinho>a .qtd-carrinho {
    color: var(--secundaria) !Important;
    background: #fff !Important;
}

.menu.superior .nivel-um>li:hover a {
    background: var(--secundaria) !Important;
}

#cabecalho .menu.superior .nivel-um .nivel-dois>li a {
    background: #fff !important;
    color: var(--secundaria) !important;
}

/*END HEADER*/

.popUpAdicinarCarrinho{
    display: none;
}

@media (max-width: 776px){
    .actions-menu .visible-phone {
        display:none !Important;
    }
    
    .logo{
        max-width: 89px !Important;
        appearance: none !Important;
        display: flex !Important;
        align-items: center !Important;
        justify-content: center !Important;
        position: fixed !Important;
        top: 0 !Important;
        left: 0 !Important;
        right: 0 !Important;
        margin: 0 auto !Important;
        width: 53px !Important;
        height: 54px !Important;
        z-index: 9999 !Important;
    }
    
    #cabecalho .logo img {
        max-width: 82px !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo {
        margin-top: 9px !Important;
    }
    
    .busca.borda-alpha{
        border-top: 0 !Important;
        margin-right: 10px !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu{
        display: flex !Important;
        align-items: center !Important;
        justify-content: center !Important;
        flex-direction: row-reverse !Important;
        margin: 20px 0 !Important;
    }
    
    #cabecalho.fixed .icon-shopping-cart {
        color: #fff !Important;
    }
    
    .menu.superior .nivel-um>li a {
        background: var(--secundaria) !Important;
    }
    
    .listagem .listagem-linha li {
        float: left !Important;
        width: 50% !Important;
    }
    
    .listagem-linha li {
        margin-top: 0 !Important;
    }
    
    .actions-menu .menu-login > a{
        display: flex !Important;
        flex-direction: row !Important;
    }
    
    .actions-menu .menu-login > a > div{
        display: block !Important;
        margin-left: 5px !Important;
        font-size: 11px !Important;
    }
    
    .actions-menu .busca{
        width: 60% !Important;
    }
    
    .listagem-linha > ul {
        display: flex !Important;
        flex-wrap: wrap !Important;
    }
    
    #menuTopo{
        position: relative !Important;
    }
    
    #sobrepoeMenu{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
    }
    
    #cabecalho .menu-handler {
        left: 0 !Important;
        right: initial !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu .menu-carrinho {
        right: 0 !Important;
        left: initial !Important;
    }
    
    /*AJUSTES HEADER*/
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu .menu-carrinho .carrinho>a .icon-shopping-cart {
        width: 30px !Important;
        height: 30px !Important;
        font-size: 15px !Important;
        margin: 5px 0 !Important;
        margin-right: 15px !important;
    }
    
    #cabecalho .menu-handler:before {
        font-size: 21px !Important;
    }
    
    #cabecalho .logo img {
        max-width: 62px !Important;
    }
    
    #cabecalho:before {
        height: 40px !Important;
        border: none !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu .menu-carrinho .carrinho>a {
        height: 40px !Important;
    }
    
    #cabecalho .menu-handler {
        height: 40px !Important;
    }
    
    #cabecalho .logo>a {
        height: 40px !Important;
        display: flex !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu {
        flex-direction: column-reverse !Important;
        margin: 0 0 !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>.busca {
        font-size: 13px !Important;
        width: 100% !Important;
    }
    
    #cabecalho .logo img {
        margin: 0 !Important;
    }
    
    .secao-banners {
        display: none !Important;
    }
    
    #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>li {
        margin: 3px 0 6px;
    }
    
    /*PopUp Add Produto Carrinho*/
    
    .popUpAdicinarCarrinho, .popUpAdicinarCarrinho *{
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    
    .popUpAdicinarCarrinho {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        border-top: 1px solid rgb(238, 238, 238);
        border-radius: 4px;
        box-shadow: rgb(0 0 0 / 10%) 0px 18px 25px;
        background-color: white;
        align-items: center;
        z-index: 9999;
        justify-content: space-between;
        padding: 15px 20px;
        transform: translateY(0px);
    }
    
    a.btnAddProd {
        display: flex;
        align-items: center;
        cursor: pointer;
        font-family: Roboto, sans-serif;
        outline: none;
        border: none;
        border-radius: 4px;
        padding: 0px 15px;
        justify-content: center;
        text-decoration: none;
        height: 52px;
        min-width: 115px;
        background-color: rgb(89, 192, 11);
        color: rgb(254, 254, 254);
        font-size: 14px;
    }
    
    a.btnAddProd i.icon-shopping-cart {
        margin-right: 10px;
        font-size: 21px;
    }
    
    .popUpAdicinarCarrinho .valorProd{
        font-size: 14px;
        color: rgb(64, 64, 64);
        font-weight: 600;
    }
    
    .pagina-produto .codigo-produto{
        display: none !Important;
    }
    
    .pagina-produto .produto .conteiner-imagem img {
        max-width: 70%;
    }
    
    .pagina-produto .produto-compartilhar {
        margin-top: 10px;
    }
    
    .pagina-produto .produto .produto-compartilhar ul {
        display: flex !Important;
        align-items: center !Important;
        justify-content: center !Important;
    }
    
    .pagina-produto #corpo>.conteiner {
        padding: 0 !Important;
    }
}