:root { 

    /*meli+ #E60063*/
    
    --b-radius: 8px;
    --smallBRadius: calc(var(--b-radius) * 0.75);
    --radius1-5: calc(var(--b-radius) * 1.5);
    --primary-color: var(--cBrand)/* #0069A6/* #00A8A8 */; 
    --sec-color: #00CECE;    
    --secundary-color: #1e1e1e; 
    --light-color: #fbfbfb; 
    --txt-color: #4e6161; 


    --cBackground: #fff /*#fdfffc*/;
    --cGrey100: #f3f4f6;

    --CImgBlend: rgba(0,0,0,.04);


    --cBrand:   #B1BFAC /* #BFBBAC/* #0e4981 /* #ACBFA4 /* #297045/* #ee1b2e /*#6964ff/*#ee1b2e*/;
    --cHead:  #171f26 ;
    --cHeadAlpha: rgba(28, 30, 33, 1) /* #1C242B */;
    --cHeadIco:#ffffff;
    --cHeadTxt:#f9f9f9;

    --cAccent: hsl(344, 99%, 45%)/* #e5013c */;
    --cOnDark: #B1BFAC;
    --cActive: hsla(242, 23%, 33%, 1);
 
    --cFocus-Selected: rgba(66, 65, 104, 0.8);

    --cAlertBg: hsla(22, 95%, 59%, 0.2);
    --cAlert: #ff6e1a;

    --cInfoBg: hsla(246, 23%, 33%, 0.1);
    --cInfo: hsl(246, 23%, 33%);

    --cSupMenu:  #232528 /* #232B34 /* #1f2a33 */;
    --cSupMenuAlpha: rgba(35, 37, 40, 0.91);

    --cDestDark: #2c373f; /* #405866 #23323a */

    --cSecundary: hsl(202, 23%, 33%);

    --cBarraInicial: rgba(18, 19, 21, 1)/*rgba(28, 30, 33, 1)/*hsl(202, 23%, 33%)/*rgba(35, 40, 47, 0.95)/*hsl(104, 14%, 71%)/*#B1BFAC /* #848E80 /* #ACBFA4 */;
    --cBarraInicialTxt: #f9f9f9/*var(--cSupMenu)*/;

    --cSearchBtn: hsl(129, 19%, 75.3%)/*#B1BFAC/*var(--cBrand)*/;
    --cSearchBtnTxt: var(--cSupMenu);

    --conta-bg: #f9f9f9;

    --cFlagDisc: #f95500/* #F09400/* #00ab4e /*#FF9800*/;
    --cFlagAdc: /*hsl(202, 23%, 33%)*/var(--cHead);
    --cFlagFreeShip: /*#00a650*/#00a14c;
    --cFlagFreeShipTxt: #fff;
    --cFlagDiscTxt: #fff;
    --cFlagAdcTxt: #fff;
    --flagsTxtSize: 10px;
    --flagsRadius: 5px;


    
    --colorFgDefault: #030303;
    --colorFgDefaultMuted: #393c42;

    
    --radius-full: calc(infinity * 1px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);



    --base-transition: all 250ms ease-in-out;

    --anim-curve: ease-in-out;
    --menu-burger: #fff;
    
    --emph-gold: #E5A93C;
    --emph-orange: #FF7A00;
    --emph-green: #2ECC71;
    
}

    /* Svg Logo path Style */
      .cls-2 {
        fill: #D7D6D5/*#d7d9d4/*#f9f9f9/*hsl(129, 19%, 75.3%)/*#ccc4b4 /*#CDCAC1 /*#3dd1ad /*var(--cAccent)*/;
      }

       /*.cls-2:first-of-type {
            fill: #e5013c;
         }*/
      
.ui-autocomplete {
    
    border-radius: var(--b-radius);
    margin-top: 8px;

    span.img {
        border-radius: var(--smallBRadius);
        background: var(--CImgBlend);
        padding: 2px;
        box-sizing: border-box;

        img {
            mix-blend-mode: multiply;
            width: 95%;
        }
    }
}

.emph-gold { color: var(--emph-gold) !important; }

.emph-orange { color: var(--emph-orange) !important; }

.emph-green { color: var(--emph-green) !important; }


body, input, select, .titulo, strong, button:not(button.botao-busca), textarea,
 .pagina-pagina .caixa-sombreada p {
    font-family: 'Inter', Roboto, -apple-system, 'Open Sans', 'Helvetica Neue', sans-serif !important;

     font-feature-settings: 'liga' 1, 'calt' 1;
     
 }
 
 
 @supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}
 

body {
    font-optical-sizing: auto;
    background: var(--cBackground) !important;

}

.pagina-conta, .pagina-pedido-listar, .pagina-favorito-listar,.pagina-pedido {
    background: var(--conta-bg) !important;

    .conteudo.span9>div {
        flex: 1;
    }
}

.barra-inicial { 
    background: var(--cBarraInicial) !important; 
    padding: 0 !important;
    line-height: 31px;
    display: block !important;
    
    
    *, *:hover {
        color: var(--cBarraInicialTxt);
    }

    svg * {
        fill: var(--cBarraInicialTxt);
    }

    a:hover * {
        color: var(--cBrand) !important;
    }
}


.conteudo-topo *:not(.dropdown-menu a, button.botao-busca, .carrinho-interno *) {
    color: var(--cHeadTxt) !important;
}

.conteudo-topo .superior {
    padding: 5px;
}


.letreiro {
    font-weight: 600;
    display: flex; 
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: initial;
    height: 40px;
    width: 100%;
    overflow: hidden;          
    white-space: nowrap;      
    box-sizing: border-box;      
    padding: 10px 0;
}



.letreiro .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); 
    will-change: transform;
}

 .letreiro .items>* {
            width: 100%;
            height: 100%;
            display: block;
            align-items: center;
            justify-content: center;
            flex-shrink: 0; /* Impede que os itens esmaguem uns aos outros */
            text-align: center;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            padding: 0 20px;
            box-sizing: border-box;
        }


/* Old span scroll *//*
.letreiro {
    text-transform: uppercase;
    font-weight: 700;
    display: flex; 
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: initial;
    height: 30px;
    width: 100%;
    overflow: hidden;          
    white-space: nowrap;      
    box-sizing: border-box;      
    padding: 10px 0;
}



.letreiro .text {
  display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
  padding-left: 100%;        
  animation: scroll-left 30s linear infinite;
  will-change: transform;


}


.letreiro:hover .text {
  animation-play-state: paused; 
}


@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
*/




#corpo {
    margin-bottom: 0;
}

#corpo .conteudo>.row-fluid {
    margin: 20px 0 0 0 ;
}

#corpo .conteudo>.row-fluid .modulo.span4 {
    margin-left: 2%;
    width: 32%;
}

@media screen and (max-width: 767px) {
#corpo .conteudo>.row-fluid .modulo.span4 {
    margin-left: 0%;
   } 
   
}

    

#corpo .conteudo>.row-fluid [class*="span"]:first-child {
    margin-left: 0 !important;
}




#barraTopo{
	height: auto !important;
  /*padding: 10px; */
}
#barraTopo .conteiner { padding: 10px 0;  }

#barraTopo .conteiner .row-fluid:after {
    clear: both;
}

div.fundo-secundario {  background: #00A8A8; }





div.listagem-item { background-color: white; }

a { text-decoration: none; } a:hover { text-decoration: none; } a.bem-vindo:hover { color: #2b2b2b;}
a span.cor-principal { font-weight: BOLD; } 

select, textarea, input[type="text"], input[type="tel"], input[type="password"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="color"], .uneditable-input { 
    border-radius: var(--b-radius) !important; padding: 10px;
    box-shadow: none !important;
}




h4.titulo, h1.titulo { font-size: 22px;} .titulo a.cor-secundaria { color: #00A8A8; }

strong.preco-promocional { font-size: 16px; }




.listagem .titulo-categoria { font-size: 16px !important; }

.listagem .borda-principal { border-width: none; border-style: none;  }
/*.listagem .titulo-categoria strong { border-width: 0 0 2px 0; border-style: solid; Padding: 10px; 0 }*/

.listagem .titulo-categoria:hover { background: none; color: #00a8a8; }

.cor-principal { color: var(); } a:hover, a:focus, a span.cor-principal:hover { color: var(--cAccent); }

    
    
.caixa-destaque p {
    margin: 0 0 20px;
}

.pagina-busca .conteudo .row-fluid .span6 ol {
    margin: 0 0 20px 25px;
}


.vazio-text {
    
}

/*
#listagemProdutos.listagem .listagem-item .info-produto .nome-produto, 
.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
    font-size: 16px !important;
}

*/

#listagemProdutos .produtos-carrossel .listagem-linha ul li {
    /*width: 246px !important;*/
}





.coluna div.componente.newsletter {
    height: auto;
    border-radius: calc(var(--b-radius) * 1.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #d0d0d0
}

.coluna div.componente.newsletter .titulo {
    font-size: 0;
    text-align: center;
    margin-bottom: 0
}

.coluna div.componente.newsletter .titulo svg path {
    stroke: var(--primary-color);
}

.coluna div.componente.newsletter .titulo i {
    
    margin-top: 10px;
    display: block;
    color: #FFF;
}

.coluna div.componente.newsletter .titulo i:before {
    height: 25px;
    margin: 0 auto 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 2em;
    font-weight: 400;
    width: 100%;
    margin-top: -10px
}

.coluna div.componente.newsletter .interno {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.coluna div.componente.newsletter .texto-newsletter {
    color: #ffffff;
    font-size: 15.5px;
    font-weight: 400;
    display: block;
    margin: 20px 0;
    text-align: center;
}

/*
.coluna div.componente.newsletter input[type=text] {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 4px;
    padding: 0 15px;
    background: #fff;
    border: solid 1px #c4c4c4;
    color: #9f9f9f;
    text-align: center;
    text-transform: lowercase;
}

.coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder {
    color: #9f9f9f;
    font-weight: 400;
    font-size: 13px
}

.coluna div.componente.newsletter input[type=text]:-moz-placeholder {
    color: #9f9f9f;
    font-weight: 400;
    font-size: 13px
}

.coluna div.componente.newsletter input[type=text]::-moz-placeholder {
    color: #9f9f9f;
    font-weight: 400;
    font-size: 13px
}

.coluna div.componente.newsletter input[type=text]:-ms-input-placeholder {
    color: #9f9f9f;
    font-weight: 400;
    font-size: 13px
}*/ 


/* BOTÃO NEWSLETTER BARRA LATERAL */

.coluna .componente.newsletter .botao {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    transition: all .2s ease-out;
    position: inherit;
    color: var(--cHeadTxt);
    font-size: 14px;
    background: hsl(202, 23%, 40%);
    border-radius: calc(var(--b-radius) * 0.75);
    transition: all 250ms ease-in-out;
}

.coluna div.componente.newsletter .botao:before {
    content: "Assinar \2192";
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    vertical-align: middle;
}
/*
.coluna div.componente.newsletter .botao:after {
    content: '';
    font-family: FontAwesome;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400
}*/

.coluna div.componente.newsletter .botao:hover {
    border-radius: var(--b-radius);
    background: hsl(202, 23%, 33%);

 
}
    

.coluna div.componente.newsletter .newsletter-confirmacao span {
    color: #ffffff
}

.coluna div.componente.newsletter .newsletter-confirmacao .icon-ok {
    color: #ffffff
}

    

    
    
/*        MENU LATERAL       */
    /*
.pagina-inicial .menu.lateral {
    border: solid 1px #d4d5d6;
    border-radius: var(--b-radius);
}

.pagina-inicial .menu.lateral ul.nivel-um>li {
    border: none
}

.pagina-inicial .menu.lateral ul.nivel-um>li>a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.pagina-inicial .menu.lateral ul.nivel-um>li.com-filho a i {
    display: none
}

.pagina-inicial .menu.lateral .nivel-dois {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    padding: 0;
    border: solid 1px #d4d5d6
}

.pagina-inicial .menu.lateral .nivel-dois li {
    border: none
}

.pagina-inicial .menu.lateral .nivel-dois li a {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.pagina-inicial .menu.lateral .titulo {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}
    
    

    
    
.pagina-busca .menu.lateral,.pagina-categoria .menu.lateral {
    border-radius: var(--b-radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #d4d5d6
}

.pagina-busca .menu.lateral .nivel-um,.pagina-categoria .menu.lateral .nivel-um {
    border-top: 0
}

.pagina-busca .menu.lateral .nivel-um>li>a,.pagina-categoria .menu.lateral .nivel-um>li>a {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagina-busca .menu.lateral .nivel-um>li>a .titulo,.pagina-categoria .menu.lateral .nivel-um>li>a .titulo {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
}

.pagina-busca .menu.lateral .nivel-um>li.ativo,.pagina-categoria .menu.lateral .nivel-um>li.ativo {
    background: 0 0;
    border: none
}

.pagina-busca .menu.lateral .nivel-um>li.ativo i,.pagina-categoria .menu.lateral .nivel-um>li.ativo i {
    background: 0 0;
    color: #000
}

.icon-chevron-right:before {
    /*content: "\f078" !important;*//*
}
/*
.pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo,.pagina-categoria .menu.lateral .nivel-um>li.ativo a .titulo {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.pagina-busca .menu.lateral .nivel-um>li.com-filho,.pagina-categoria .menu.lateral .nivel-um>li.com-filho {
    border: none
}

.pagina-busca .menu.lateral .nivel-um>li.com-filho>a strong,.pagina-categoria .menu.lateral .nivel-um>li.com-filho>a strong {
    color: #000;
    font-weight: 400;
    font-size: 15px
}

.pagina-busca .menu.lateral .nivel-dois,.pagina-categoria .menu.lateral .nivel-dois {
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative !important;
    left: 0 !important;
}

.pagina-busca .menu.lateral .nivel-dois>li,.pagina-categoria .menu.lateral .nivel-dois>li {
    border: none
}

.pagina-busca .menu.lateral .nivel-dois>li>a,.pagina-categoria .menu.lateral .nivel-dois>li>a {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px
}

.pagina-busca .menu.lateral .nivel-dois>li:hover,.pagina-categoria .menu.lateral .nivel-dois>li:hover {
    background: 0 0
}

.pagina-busca .menu.lateral .nivel-dois>li:hover>a,.pagina-categoria .menu.lateral .nivel-dois>li:hover>a {
    font-weight: 400;
    color: #000
}

.pagina-busca .menu.lateral .nivel-tres,.pagina-categoria .menu.lateral .nivel-tres {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.pagina-busca .menu.lateral .nivel-tres>li>a,.pagina-categoria .menu.lateral .nivel-tres>li>a {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px
}

.pagina-busca .menu.lateral .nivel-tres li,.pagina-categoria .menu.lateral .nivel-tres li {
    border: none;
}    
    
.pagina-busca .menu.lateral .nivel-tres>li:hover>a,.pagina-categoria .menu.lateral .nivel-tres>li:hover>a {
    color: #000;
    font-weight: 400
}

.pagina-busca .menu.lateral.outras .nivel-um li,.pagina-categoria .menu.lateral.outras .nivel-um li {
    padding: 5px
}

.pagina-busca .menu.lateral.outras .nivel-um li>a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li>a .titulo {
    color: #000;
    font-weight: 400;
    font-size: 15px;
   /* text-transform: lowercase;*//*
}
/*
.pagina-busca .menu.lateral.outras .nivel-um li:hover a,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a {
    background: 0 0
}

.pagina-busca .menu.lateral.outras .nivel-um li:hover a .titulo,.pagina-categoria .menu.lateral.outras .nivel-um li:hover a .titulo {
    opacity: .7
}

.pagina-busca .menu.lateral li.ativo,.pagina-categoria .menu.lateral li.ativo {
    background: 0 0
}

.pagina-busca .menu.lateral li.ativo>a,.pagina-categoria .menu.lateral li.ativo>a {
    color: #000;
    font-weight: 400
}*/
    

.floating-helper {
    
    --intense: 15%;
    --btnBgColor: var(--cHeadAlpha);
    --btnTxtColor: var(--cHeadAlpha);

    position: fixed;
    z-index: 50;
    right: 25px;
    bottom: 25px;

    * {
        box-sizing: border-box;
    }

    i:not(.fa)::before {
        font-family: "FontAwesomePro";
        font-weight: 900;
    }
    
    .help-button {

        --txtSize: 20px;

        width: 54px;
        height: 54px;
        border-radius: var(--radius1-5);
        background: color-mix(in oklab, var(--btnBgColor) var(--intense), transparent);
        backdrop-filter: blur(8px);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: var(--base-transition);
        cursor: pointer;
        color: var(--btnTxtColor);
        font-size: var(--txtSize);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;


        &:hover {
            --intense: 25%;
        }
    }

    .icon-helper::before {

        content: "\e1e7";
        color: inherit;
        font-size: inherit;
        line-height: var(--txtSize);
    }

    &.show {
        .help-popup {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }

        .help-button {
            --btnTxtColor: var(--cAccent);
            --btnBgColor: var(--cAccent);
        }
    }

    .help-popup {
        visibility: collapse;
        opacity: 0;
        transform: scale(0.7);

        position: absolute;
        right: 0;
        bottom: 100%;
        width: 285px;
        margin-bottom: 10px;
        background: #fff;
        border-radius: var(--b-radius);
        box-sizing: border-box;
        overflow: hidden;
        transition: var(--base-transition);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;



        .help-header{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 14px;
            background: var(--cHeadAlpha);
            padding: 12px 10px;
            color: var(--cHeadTxt);
            width: 100%;
            box-sizing: border-box;

            >i::before {
                color: var(--cHeadIco);
                margin-left: 5px;
            }

            .title {
                display: flex;
                flex-direction: column;

                span {
                    font-size: 12px;
                    color: var(--cHeadTxt);
                }
            }

            .close-popup {
                cursor: pointer;
                margin-left: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                place-self: flex-start;

                width: 24px;
                height: 24px;

                i::before {
                    content: "\f00d";
                }

                &:hover i::before {
                    color: var(--cAccent);
                }
            }
        }

        .help-content {
            display: flex;
            flex-direction: column;
            padding:5px;
            
            
            .block {
                padding: 5px;

                &:not(:last-of-type){
                    border-bottom: 1px solid rgba(0, 0, 0, .07);
                }
            }

            .block-titulo {
                padding: 4px 5px 2px 5px;
                font-weight: 600;
                font-size: 13px;
                    color: #333;
            }

            .wp-badge {
                margin: 5px;
                border-radius: var(--b-radius);
                background-color: #E7FCE3;
                padding: 8px 10px;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 8px;
            

                .number {
                    color: #25d366;
                    font-weight: 600;
                    font-size: 13px;
                }

                .small {
                    font-size: 11px;
                    font-weight: 500;
                    color: #444;
                }

                .fa {
                    color: #25d366 !important;
                    font-size: 22px;
                }

            }

            .block-content {
                padding: 10px;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 10px;
                color: #333;
                font-weight: 600;

                i::before {
                    color: #777;
                    font-size: 18px;
                    font-weight: 400;
                }

                .icon-mail::before {
                    content: "\f0e0";
                }

                .icon-clock::before {
                    content: "\f017";
                }

                .block-inf {
                    display: flex;
                    flex-direction: column;

                    strong {
                            font-size: 12px;
                            line-height: 15px;
                            font-weight: 500;
                    }
                }
            }



        }

    }
}
    
    
.listagem .produtos-carrossel .listagem-linha.flexslider .flex-direction-nav {
    
      a {
        

        &::before {
            content: "";
            font-family: Inter;
            font-size: 16px;
            font-weight: bold;
            color: #0000008f !important;
            text-shadow: none;
            display: inline-block !important;
            text-indent: 0 !important; 
            background-image: none;
            background: #d2d2d7a3 /*color-mix(in oklab, #000 10%,transparent)*/ !important;
            /*backdrop-filter: blur(8px);*/
            border-radius: 8px;
            display: inline-block;
            font-size: 16px;
            color: white;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        &.flex-prev::before {
            content: "←";
        }

        &.flex-next::before {
            content: "→";
        }
    }


}


.componente { background: none; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var(--radius);} 

.carrinho .icon-shopping-cart { background: none; color: #00A8A8; } .carrinho .icon-shopping-cart:hover { color: #00CECE; }

strong.qtd-carrinho { display: block; color: #999; }

.principal i.icon-shopping-cart { color: #fff; background: none; } .principal i.icon-shopping-cart:hover { color: #fff; }

div.carrinho { border-radius: 5px; -moz-border-radius: 5px; }

.bandeiras-produto span { 
    margin: 0 4px 5px 0;
    padding: 3px 5px; 
    font-size: var(--flagsTxtSize) !important;
    border-radius: var(--flagsRadius)/*calc(var(--b-radius) * 0.75)*/; 
    -moz-border-radius: var(--b-radius); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; }

.listagem .bandeiras-produto .bandeira-carrinho { background-color: var(--cFlagAdc); color: var(--cFlagAdcTxt); }

.listagem .bandeiras-produto .bandeira-promocao { background-color:  var(--cFlagDisc); color: var(--cFlagDiscTxt); }

.listagem .bandeiras-produto .bandeira-frete-gratis { background-color:  var(--cFlagFreeShip); color: var(--cFlagFreeShipTxt); }

.listagem.com-caixa .listagem-item { background-color: #fff; border: none; box-shadow: none; 
    transition: border .1s;}
.listagem-item .acoes-produto {
    bottom: 0;
    border-width:0;
    transition: opacity ease-in-out .08s;
}





.bem-vindo {
    /*display: none !important;
    display: block;*/
}

.menu-user-logged {
    /*display: block !important;*/
    /*
    background: rgba(255, 255, 255 , .05);
    border: 1px solid rgba(255, 255, 255 , .05);
    border-radius: var(--b-radius);
    transition: all 250ms ease-in-out;
    max-width: 150px;
    /*margin-left: 10px;*/

    &:hover {
    }
}




    .bandeira-cupom {
        position: relative;
        border-style: none !important;
        border-radius: var(--smallBRadius) !important;
        background-color: #005ab5 !important;
        color: #dbedff !important;
        padding: 3px 10px !important;
    }

    .bandeira-cupom:before {
        border-bottom-right-radius: 32px;
        border-top-right-radius: 32px;
        box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .07);
        left: 0;    

    }

    .bandeira-cupom:after {
        border-bottom-left-radius: 32px;
        border-top-left-radius: 32px;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .08);
        right: -1px;    
    }

    
    .bandeira-cupom:after,.bandeira-cupom:before {
        background: #eff7ff;
        bottom: 0;
        content: "";
        display: block;
        height: 8px;
        overflow: hidden;
        position: absolute;
        top: calc((100% / 2) - 5px);
        width: 4px; 
    }


    
.menu-user-welcome {

    
   /* display: block !important;/*
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr); /* Creates 4 rows *//*
  grid-auto-flow: row;

    align-items: center;
    align-content: center;
    justify-items: start;
    grid-auto-flow: column;
    column-gap: 8px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;

    .cor-principal {
        flex-grow: 1;
        grid-column: span 2;
    }

    &::first-line {
        
        grid-column: span 2;
        color: pink;
    }


    &::before {
        content: "\f2bd";
        font-family: FontAwesome;
        font-size: 24px;
        font-weight: 300;
        display: block;
        float: left;
        margin: 0 5px 0 7px ;
        line-height: 26px;
        flex-basis: 100%;
        /*
        background: rgba(255, 255, 255, .07);
        border-radius: 50%;
        padding: 5px;*//*
        grid-row: span 2;
            color: rgba(255, 255, 255 , .7);
    }*/
}

.dropdown-toggle, .dropdown-toggle span {
    /*color: #333 !important;*/
}


.btn-group a.dropdown-toggle {
    display: grid;
    align-items: center;
    align-content: center;
    justify-items: start;
    grid-auto-flow: column;
    column-gap: 8px;
    text-overflow: ellipsis;
    text-wrap: auto;

}

.btn-group:hover .dropdown-menu {
        display: block;
}

.btn-group .dropdown-menu {
    
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 180px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}


.dropdown-toggle:not(.btn) {
    height: 44px;
    background: none;
    box-shadow: none;
    line-height: normal !important;

    &:before {
        content: "\f2bd";
        font-family: FontAwesome;
        font-size: 24px;
        font-weight: 300;
        display: block;
        margin: 0 5px 0 2px;
        /*
        background: rgba(255, 255, 255, .07);
        border-radius: 50%;
        padding: 5px;*/
        grid-row: span 2;
            color: rgba(255, 255, 255 , .9);
    }

    .icon-chevron-down {
        grid-row: span 2;
        &::before {
            color: rgba(255, 255, 255 , .55);
        }
        

    }
    

    .menu-user-name {
        
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        font-weight: 500;
    }
}


.acoes-conta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.acoes-conta>li {
    float: none;
}

.acoes-conta li:nth-child(2) {

        margin-left: 20px;
}

.acoes-conta>li i {
    display: none !important;

}

.acoes-conta li a {

    display: flex;
    max-width: 70px;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    font-weight: 500;
    font-size: 12px;
    transition: all 200ms ease-in-out;

    &::before {
        display: inline-block;
        font-family: FontAwesome;
        width: 40px;
        height: 40px;
        font-size: 26px;
        font-weight: 100;
        line-height: 40px;
        margin-right: 10px;
    }

    &:hover {
        opacity: .8;
    }

}

.fundo-principal {
    
    transition: all 200ms ease-in-out;
}


.acoes-conta li:nth-child(1) a::before {
        content: "\f468";
    }

.acoes-conta li:nth-child(2) a::before {
        content: "\f007";
    font-family: 'FontAwesomePro';
    font-weight: 900;
    }



    
/*         LISTAGEM PRODUTOS        */    
    



    
#listagemProdutos.listagem .titulo-categoria strong,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria strong,.listagem.aproveite-tambem>.titulo {
    color: #343434;
    /* text-transform: lowercase; */
    font-size: 24px;
    font-weight: bold;
}

#listagemProdutos.listagem .titulo-categoria,#listagemProdutos.listagem>.titulo,.listagem.aproveite-tambem .titulo-categoria,.listagem.aproveite-tambem>.titulo {
    background: 0 0;
    border-top: none;
    text-align: left;
    position: relative;
    padding: 20px 0
}

#listagemProdutos.listagem .titulo-categoria:hover,#listagemProdutos.listagem>.titulo:hover,.listagem.aproveite-tambem .titulo-categoria:hover,.listagem.aproveite-tambem>.titulo:hover {
    background: 0 0;
    padding-left: 0
}

#listagemProdutos.listagem .titulo-categoria:after,#listagemProdutos.listagem>.titulo:after,.listagem.aproveite-tambem .titulo-categoria:after,.listagem.aproveite-tambem>.titulo:after {
    content: "";
    background: #d0d0d0;
    width: 100%;
    height: 0;
    display: block;
    margin: 0 auto;
    /*
    content: "";
    width: 50%;
    height: 2px;
    display: block;
    background: #000000;
    margin: 5px auto;
    */
}


#listagemProdutos.listagem .produtos-carrossel:last-child {
    margin-bottom: 40px;
} 

  
#listagemProdutos.listagem .listagem-linha,.listagem.aproveite-tambem .listagem-linha {
    border: none
}

#listagemProdutos.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li {
    border: none
}

#listagemProdutos.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border: solid 2px transparent;
}

#listagemProdutos.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-item .info-produto {
    text-align: -webkit-left;
    /*min-height: 125px;*/
    /*margin: 0 10px;*/
    padding: 10px 12px 10px;
}

#listagemProdutos.listagem .listagem-item .info-produto .nome-produto,.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 20px;
    text-align: left;      /* Forces the text to stay on one single line */
    overflow: hidden;         /* Hides the text that spills out of the box */  /* A defined width or max-width is required */
    display: -webkit-box;         /* Required for line-clamping to function */
    -webkit-line-clamp: 2;        /* The exact number of lines to display */
    -webkit-box-orient: vertical;
    min-height: initial !important;
    margin-bottom: 0;
}


#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda{
    font-size: 14px;
    font-weight: 400;
    color: #9f9f9f;
    display: block;
    margin: 10px 0 0 0;
}


.listagem .preco-produto .desconto-a-vista {
    font-size: 13px;
}

.listagem .preco-produto>div {
    margin: 0;
}


#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,
#listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    display: block;
    font-weight: 600;
    margin: 22px 0 2px 0;
}

.preco-produto span.preco-a-partir {

    >span {
        display: inline-block;
        margin-top: 15px;
        font-size: 12px;
    }

    strong {
        margin: 2px 0 !important;
    }
}

.listagem .info-produto .preco-produto .preco-venda + .preco-promocional {
        margin: 2px 0 !important;
}



#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela {
    font-size: 14px;
    font-weight: 400;
    color: #868686
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong {
    font-weight: 400;
    color: #868686;
    font-size: inherit;
}

#listagemProdutos.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item {
    background: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: solid 1px #f2f2f2;
    border-radius: var(--b-radius);
    /*height: 100%;*/
    padding: 0 /*10px*/;
    overflow: hidden;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}

#listagemProdutos.listagem .listagem-item:hover,.listagem.aproveite-tambem .listagem-item:hover {
    background: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: solid 1px #d0d0d0;
    border-radius: var(--b-radius);
}

#listagemProdutos.listagem .listagem-item:hover .info-produto,.listagem.aproveite-tambem .listagem-item:hover .info-produto {
    /*opacity: .4*/
}

#listagemProdutos.listagem .listagem-item .acoes-produto,.listagem.aproveite-tambem .listagem-item .acoes-produto {
    border: none;
    bottom: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 0 0 var(--b-radius) var(--b-radius);
    box-shadow: none /*0 0 13px 0 rgba(0,0,0,.3)*/
}
    
    
#listagemProdutos.listagem .listagem-item .acoes-produto .icon-search , .listagem.aproveite-tambem .listagem-item .acoes-produto .icon-search {
	color: #fff;

}   

#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    color: #FFF;
    font-size: 13px;
    font-weight:600;
    border: 0;
    border-radius: var(--smallBRadius);
    background: var(--cAccent);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    width: auto;
    flex: auto;
    /*height: 44px;*/
    margin: 0;

    i:before {
        content: "\f217";
        margin-right: 9px;
    }
}




#listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter {
    height: 42px;
    width: 25%;
    margin-right: 10px;
    box-sizing: border-box;
    position: relative;
    background: #f2f2f2;
    border-radius: 5px;
}

#listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-prod,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-prod {
    background: #f2f2f2;
    border: none;
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0;
    padding-left: 10px;
    box-shadow: none;
}

#listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 18px;
    height: 42px;
    border: solid 0 #c4c4c4;
}

#listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty,.listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty {
    height: 40%;
    width: 100%;
    display: block;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    color: #000;
    margin: 2px 0px;
}

.fa-window-minimize:before {
    vertical-align: super;
}

span.bt-qty.bt-plus {
    border-radius: 5px;
}

span.bt-qty.bt-minus {
    border-radius: 5px;
}

/*
#listagemProdutos.listagem .listagem-item.item-adicionado,.listagem.aproveite-tambem .listagem-item.item-adicionado {
    border-color: #000
}

#listagemProdutos.listagem .listagem-item.item-adicionado:hover,.listagem.aproveite-tambem .listagem-item.item-adicionado:hover {
    border-color: #000
}

#listagemProdutos.listagem .listagem-item.item-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.item-adicionado .acoes-produto {
    opacity: 1
}

#listagemProdutos.listagem .listagem-item.produto-adicionado .info-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .info-produto {
    opacity: 0
}

#listagemProdutos.listagem .listagem-item.produto-adicionado .acoes-produto,.listagem.aproveite-tambem .listagem-item.produto-adicionado .acoes-produto {
    display: none
}

#listagemProdutos.listagem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho,.listagem.aproveite-tambem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-carrinho {
    display: none
}

#listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::before,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    width: 100%;
    text-align: center;
    color: #1ACB2E;
    font-size: 2em;
}

#listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor::after,.listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor::after {
    content: "Adicionado ao carrinho";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}*/

#listagemProdutos.listagem .listagem-item.indisponivel,.listagem.aproveite-tambem .listagem-item.indisponivel {
    background: 0 0
}

#listagemProdutos.listagem .listagem-item.indisponivel:hover .info-produto,.listagem.aproveite-tambem .listagem-item.indisponivel:hover .info-produto {
    opacity: 1
}

#listagemProdutos.listagem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn,.listagem.aproveite-tambem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn {
    background: #000;
    color: #fff;
    border-color: #000;
    text-align: center
}

#listagemProdutos.listagem .imagem-produto,#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem.aproveite-tambem .imagem-produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .imagem-produto {
    /*height: 215px;*/
    background: var(--CImgBlend);
    border-radius: 0 /*4px*/;
    text-align: center;

    img {
        mix-blend-mode: multiply;
    }

    .imagem-principal {
        position: static;
    }

    .imagem-zoom {
        position: absolute;
    }
}    
    

.ordenar-listagem.rodape,.ordenar-listagem.topo {
  border: none; 

}


.ordenar-listagem.topo .row-fluid .span6 div .input-append {
    background: rgb(249, 250, 251);
    border-radius: var(--smallBRadius);
    line-height: 20px;

    label {
        border: none;
        background: none;
    }

    .btn-group {
        margin-left: 0;

        .icon-caret-down::before {
            content: "\f0dc";
            font-size: 12px;
            color: #666;
        }

        .dropdown-menu {
            right: 0;
            left: auto;
        }
    }

    .btn {
        background: none;
        border: none;
        box-shadow: none;
    }


}


.principal .atributos .atributo-comum ul {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px; 
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));

    li {
        margin: 0;

        a {
            box-shadow: none !important;
            margin: 0;
            position: static;

            border-radius: var(--smallBRadius);
            border: 1px solid rgba(0, 0, 0, .1);
        }

        &.active a {
            color: var(--cAccent);
            border-color: var(--cAccent);
            position: relative;
            overflow: hidden;

            span {
                color: inherit !important;
            }

            &::before {
                content: "\2713";
                display: block;
                position: absolute;
                font-size: 11px;
                font-weight: bold;
                bottom: 0;
                right: 0;
                color: white;
                background-color: var(--cAccent);
                border-radius: var(--smallBRadius) 0 0 0;
                padding: 0 2px;
            }
        }
    }


}


.pagina-produto .produto .principal .preco-produto .desconto-a-vista {
        
    display: block;
    border-radius: var(--smallBRadius);
    padding: 5px 5px 5px 28px;
    /* background: hsla(171.67, 43.2%, 50.98%, 0.15); */
    /* border: 1px solid hsla(171.67, 43.2%, 50.98%, 0.2); */
    font-size: 16px;
    margin-top: 10px;
    color: #4cb8a9;
    width: fit-content;
    background: hsla(171.67, 43.2%, 50.98%, 0.2) 
        url(https://cdn.awsli.com.br/1039/1039221/arquivos/pix-alt.svg) no-repeat left center / 30px 30px;

    * {
        color: #4cb8a9;
    }
}

.listagem .desconto-a-vista {
    width: auto;
}


/* MENU SUPERIOR */
html {
  container-type: scroll-state;
}



.menu li>a i, .menu-responsivo i {
    margin-left : 5px;
}




.menu.superior .nivel-um li { border: none; border-top: none; }

.menu.superior .nivel-um>li:hover {

    border-top-width: 0;
    margin-top: 0;
}

.menu.superior {

    text-align: left;
    max-width: 100%;
    /* border-top: 2px solid; */
    margin: auto;
    border: none;
    /*  ↓  ↑ */

    background-color: var(--cSupMenu);
    color: var(--cHeadTxt) !important;
    /*margin: 0;*//*
    position: relative;
    top: 0;*/
    transform: translateY(0);
    overflow: initial;

    transition: all 300ms ease-in-out;
  /* Link the animation to the page's vertical scroll timeline */
 /* animation: changeHeader linear both;
  animation-timeline: scroll(root block);
  
  /* Apply the style specifically between 0px and 100px of scrolling */
  /*animation-range: 0px 100px; 
  animation-direction: alternate;
    overflow: initial;*/
}



@keyframes changeHeader {
  to {
    overflow: hidden;
    height: 0;
  }
}


/*
.row-fluid [class*="span"] a {
    border: 1px solid white;
    padding: 5px;
    border-radius: var(--b-radius);
}*/


.menu.superior .nivel-um {
    width: fit-content;
    /*min-width: 1200px;*/
    margin: 0 auto;
}

.menu.superior .nivel-um .categoria-marcas {
   /* background-color: var(--cDestDark);*/
}

/*.menu.superior .nivel-um>li:hover > a {
    background-color: rgba(244, 244, 244, 0.1);
    box-shadow: 0px 2px 2px 0px rgb(20 20 20 / 20%);
    opacity: 1;
}*/


.menu.superior .new-marcas {
    max-height: 370px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.menu.superior .new-marcas .marcas-conteiner {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;

    margin: 8px;



    ::-webkit-scrollbar {
        
    }

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-scrollbar {
  width: 15px; /* Width of the entire scrollbar */
  height: 15px; /* Width of the entire scrollbar */
}

::-webkit-scrollbar-track {
  background: transparent; /* Makes the track invisible */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent thumb */
  border-radius: 20px;
}

/* For Firefox */
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* thumb track */
  scrollbar-width: thin;



    .marca {
        width: 135px;
        min-height: 52px;
        border-radius: var(--b-radius);
        overflow: hidden;
        /* border: 1px solid; */
        transition: all 250ms ease-in-out;
        background: #f5f5f5;
        position: relative;

        .count {
            position: absolute;
            top: 7px;
            right: 7px;
            padding: 2px 5px;
            background: var(--cAccent);
            border-radius: 5px;
            font-size: 10px;
            font-weight: bold;
            line-height: initial;
        }



    }


    img {
        transition: all .35s ease-out;
        transform: scale(1.1);
        filter: saturate(0) brightness(0.7) contrast(3);
    }

    img:hover {      
        transform: scale(1.2);
        filter: none;
    }

    .marca:hover {
        /* border: 1px solid var(--cBrand);*/
    }

    .marca.destaque {
        grid-column: span 2;
        grid-row: span 2;
        width: 100%;
    }

    /*
    .marca.destaque::before {
        content: "Em Destaque";
        position: absolute;
        top:0;
        left: 0;
        padding: 0 3px; 
        background: var(--cSecundary);
        z-index: 20;
        border-radius: 0 0 5px 0;
        font-size: 10px;
        font-weight: 700;
    }*/


    .marca:hover a[title="Panasonic"] img {
        
    }

}



    .marca.destaque  img {
        transform: scale(1.0);
    }






.menu.superior .nivel-dois {
   /* transition: background-color 150ms ease-in-out;*/
   /*color: var(--cSupMenu) !important;*/
}

.menu.superior ul li a .cor-secundaria {
    
    color: var(--cHeadTxt);
}

.menu.superior .nivel-um.active li.categoria-marcas/*.com-filho:not(.ofertas)*/ a {

    justify-content: space-between;

    i {
        display: block;
    }

    i::before {
        content: "\002B";
        font-size: 11px;
    }
}

.menu.superior .nivel-um.active li.com-filho.open a {

     i::before {
        content: "\2212";
    }
}
/*
.menu.superior .nivel-um.active li:not(.com-filho) a {

    justify-content: space-between;
    &::after {
        content: "\2192";
        color: var(--cHeadTxt);
        justify-self: flex-end;
    }
}

*/
    

.menu li.com-filho>a i{
    background: none;
}

.menu .nivel-dois .com-filho i {
    color: #555 !important;
    top: 3px;
}

.menu li.com-filho>a:hover i, .menu li.com-filho:hover >a i{
    background: none;
    color: var(--cBrand) !important;
}


.menu.superior .nivel-um>li {
    transition: background-color 150ms ease-in-out; 
}


.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a {  }


.menu.superior .nivel-um>li:hover .nivel-dois {
    display: flex;
}

.menu.superior .nivel-dois {
    /* background: rgba(255, 255, 255, .94);
    backdrop-filter: saturate(180%) blur(20px); */
    
    padding: 0;
    border-radius: 0 0 8px 8px;

    max-height: 370px;

    transition: all 250ms ease-in-out;

    left: 0;
    flex-direction: column;   /* Stack items vertically */
    flex-wrap: wrap;   

    >li>a {
        color: #333;
        line-height: 35px;
    }

    i {
        display: none;
    }

   
    
    li.com-filho {
        
        margin-bottom: 15px;
    }

}

 .menu.superior .nivel-dois:not(.new-marcas) {
        width: max-content;  
        padding-top: 5px;
        min-width: 300px;
}

@container (min-width: 300px) {
  
  /* Seleciona o último item da primeira coluna (ex: o 4º item) */
  .menu.superior .nivel-dois {
    padding-bottom: 10px;
    background: pink;
  }
}

/*
.menu.superior .nivel-um {
  container-type: inline-size;
}*/




.menu.superior .nivel-dois.menu-cupons {
    right: 0;
    left: initial;
    /* display: block; */
    min-width: 280px;
}

.menu.superior .nivel-dois.menu-cupons::before {
        left: initial;
        
        right: calc(158px / 2);

}


.nivel-dois.menu-cupons .cupom-list {
    padding: 8px;

    border-radius: var(--b-radius);
    color: #333;
    display: flex;
    
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;

    .cupom { 
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .cupom-left, .cupom-right {
        padding: 12px;
        background: #f7f7f7;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        border-radius: 16px;
        gap: 8px;
        /*min-height: 54px;*/
        border: 1px solid #f2f2f2;
    }

    .cupom {
        max-width: 280px;
        position: relative;
    }

    .cupom:before {
        border-bottom-right-radius: 32px;
        border-top-right-radius: 32px;
        box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .07);
        left: 0;    

    }

    .cupom:after {
        border-bottom-left-radius: 32px;
        border-top-left-radius: 32px;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .08);
        right: -1px;    
    }

    
    .cupom:after,.cupom:before {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 40px;
        overflow: hidden;
        position: absolute;
        top: calc((100% / 2) - 20px);
        width: 10px; 
    }


    .cupom-left {
        width: 100%;
    }

    .cupom-right {
        background: hsla(344, 0%, 45%, 0.1);
        min-width: 30px;

    }
    

    .cupom-info {
        display: flex;
        
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 8px;
        
    }

    .cupom-condi {
        margin-left: 10px;
        margin-right: 3px;
        display: flex;
        flex-direction: row;
        align-items: center;

        a {
            display: flex;
            align-items: center;
            flex-direction: row;
            line-height: normal;
            gap: 3px;
            font-size: 10px;
            font-weight: 500;
            text-decoration: underline;
        }

        svg {
            width: 12px;
            height: 12px;
        }
    }

    a:hover svg, button:hover svg {
            fill: #e5013c;
        }

    .cupom .cupom-titulo {
        font-size: 16px;
        font-weight: 700;
    }

    .cupom .cupom-desc {
        margin-top: 5px;
        line-height: 14px;
        color: #7c7c7c;
    }

    .cupom .code-container {
        display: flex;
        flex-direction: row;
        margin: 0 8px;
        align-items: center;
        gap: 8px;
    }

    .cupom .code {
        margin: 3px 0 0 0;
        min-width: 50px;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        padding: 5px;
        border: 2px dashed #a7a7a7;
        border-radius: var(--b-radius);
        width: 100%;
    }

    .cupom .code span {
        text-overflow: ellipsis;
        white-space: nowrap;      
        overflow: hidden;
        width: 140px;         
            
    }

    .cupom-btn {
        border-radius: 6px;
        font-size: 12px;
        height: 34px;
        line-height: 24px;
        padding: 0 8px;
        font-weight: 500;
        background: var(--cBrand);
        transition: all 250ms ease-in-out;
    }

    .cupom-btn:hover {
        border-radius: var(--b-radius);
    }

    .mais-cupom {
        text-align: center;
    }

    a {
        /*line-height: 30px !important;*/
    }



    .copy-btn {
        background: none !important;
        padding: 0;
        margin-right: 3px;
        height: min-content;
        float: right;

    }

    .copy-btn svg {
            width: 16px;
            height: 16px;
            fill: #979797;
        }

}


.cupom-right {
    align-items: center;
    justify-content: center;

    svg.ic-action {
        width: 20px;
        height: 20px;
    }

    a {
        line-height: unset !important;    
    }
}


.menu.superior .nivel-dois[style="display: none;"] {
    left: 50px;
}


.menu.superior .nivel-tres {

    border-radius: 0 8px 8px 0;
    min-width: 200px;

    transition: all 250ms ease-in-out;

    display: block;
    position: initial;
    box-shadow: none;

    li {

    }

    li a { 
        line-height: 28px; 
        vertical-align: center; 
        font-weight: 600; 
        transition: margin 250ms ease-in-out;
    }
}




.menu.superior .nivel-tres:has(> :nth-child(2)) {

    border-radius: 0 8px 8px 8px;

}

.menu.superior .nivel-dois>li:last-child {
    border-radius: 0 0 8px 8px;

}

.menu.superior .nivel-tres>li:last-child {
    border-radius: 0 0 8px 0;

}

.menu.superior .nivel-tres>li:first-child {
    border-radius: 0 8px 0 0;

}

.menu.superior .nivel-tres>li:nth-last-child(-n+1) {
    border-radius: 0 0 8px 8px;
}

.menu.superior .nivel-tres>li:only-child {
    border-radius: 0 8px 8px 0;

}



.menu.superior .nivel-dois li { font-size: 11pt; box-shadow: none; }

.menu.superior .nivel-dois a { 
    line-height: 40px; vertical-align: center; 
    font-weight: bold; 
    transition: margin 250ms ease-in-out;
}

    .menu.superior .nivel-dois li a:hover { 
        margin-left: 5px; 
        color: var(--cBrand) !important;
    }

.menu.superior .categoria-marcas .nivel-dois li:hover, .menu.superior .nivel-dois li:hover {

    background: none/* #00a8a8 */;
    /*color: var(--cHeadTxt);*/

}


.nivel-dois li .count {
    /*
    padding: 3px;
    color: var(--cHeadTxt);
    background-color: var(--cBrand);
    border-radius: 5px;
    font-size: 11px;
    margin-left: 5px; */
}


/*
body:has(.menu.superior .nivel-dois li:first-child:hover) .menu.superior .nivel-dois::before {
        border-bottom-color:  #00a8a8;
}
        */

.menu.superior .nivel-dois li:hover>a { color: var(--cBrand); }


.menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
}



.menu.superior .categoria-marcas { background: none; }

.menu.superior > ul:not(.active) > li:hover, li.categoria-marcas:hover  {
    background-color: rgba(244, 244, 244, 0.1);
    
}







.carrinho {
    border: none;
    
}

.carrinho>a span {
    margin: 0;
    width: 50px;
    line-height: initial;
}

.carrinho>a .qtd-carrinho {
    display: block !important;
    position: absolute;
    right: -7px;
    top: -2px;
            padding: 1px 4px;
            background: var(--cAccent);
            border-radius: 5px;
            font-size: 11px;
            font-weight: bold;
            line-height: initial;
}


.carrinho>a>span {
    display: none !important;
}


.borda-principal {
    border: none;
}

.carrinho-interno {
    /*display: block;*/
    color: #333;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);

    border-radius: var(--b-radius);
    padding: calc(var(--b-radius) * 1.5);

    &::before {
        content: "";
        top: -4px;
        position: absolute;
        right: 13px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 5px solid rgb(255, 255, 255);
    }

    .carrinho-rodape {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;

        .botao {
            margin-left: auto;
        }

    }

    ul {
        max-height: 300px;
    }

    ul li {

        display: grid;
        grid-auto-flow: column;
        align-items: center;
        align-content: center;
        grid-template-areas:
		    "img nome preco"
		    "img inf preco";
            grid-template-columns: 65px auto 75px;
        padding: 5px;
        height: 75px;
        
        border-color: #f2f2f2;
        /*
        border: 1px solid #f2f2f2;
        border-radius: var(--b-radius);
        margin: 5px 0;*/


        .preco-produto {
            order: 4;
            margin: 0;
            grid-area: preco;
            align-self: start;
        }

            .preco-venda {
                color: #555;
                font-size: 11px;
                font-weight: 500;
                line-height: normal;
            }

            .preco-promocional {
                font-size: 13px !important;
                line-height: normal;
            }

        .imagem-produto {
            order: 1;
            border-radius: var(--b-radius);
            overflow: hidden;
            grid-area: img;
            width: 60px;
            height: 60px;
            padding: 2px;
            background: var(--cGrey100);

            img {
                width: 52px;
                height: 52px;
                mix-blend-mode: multiply;
            }
        }

        .nome-produto {
            order: 2;
            font-size: 13px;
            font-weight: bold;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            grid-area: nome;
            line-break: loose;
            width: 90%;
        }

        .nome-produto,.produto-sku {
            margin-left: 10px;
        }

        .produto-sku {
            order: 3;
            display: block;
            font-size: 10px !important;
                color: #555;
            grid-area: inf;
            align-self: start;
        }

    }
}



/* BOTAO FECHAR TEXTO */
div.cn-wrap-pp a.cn-bt-close, .fancybox-close {
    display: block;
    float: right;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: none !important;
    width: fit-content !important;
    right: 0;
    top: -32px;

    &::before {

        content: "FECHAR";
        display: block;
        font-size: 11px;
        border: 1px solid #FFF;
        padding: 5px;
        border-radius: 6px;
        transition: var(--base-transition);

    }
}

.fancybox-close:hover::before {
    color: rgba(255, 255, 255 , .7);
    border-color: rgba(255, 255, 255 , .7);
}


.carrino-total {
    font-size: 12px !important;
    font-weight: 500;

    strong {
        font-weight: bold;
        font-size: 17px;
    }

}


.carrinho-info {
    color: #333;
    i {
        color: rgba(0, 0, 0, .7);
        font-size: 11px;
    }
}


.carrinho .botao {
    
    font-size: 14px;
    line-height: normal;
    min-height: 35px;
    display: inline-block;
    padding: 6px 14px;
    box-sizing: border-box;
}

.botao .icon-shopping-cart {
    margin-right: 0;
}

.conteiner .row-fluid .conteudo-topo .inferior .span8 .busca input[type=text] {
    padding-right: 62px;
}

.conteiner .row-fluid .conteudo-topo .inferior .span8 .busca input, #barraNewsletter .componente input[type="text"], 
.coluna .componente.newsletter input[type=text] {

    background-color: var(--cHeadTxt) !important;
    font-size: 14px;
    box-shadow: none !important;
    background: none;
    border: none !important;
    border-image: initial !important;
    height: 44px;
    padding: 0 12px;
    color: var(--cHead) !important;
    max-width: 450px;
    transition: all 0.3s ease-in-out; 
}

.conteiner .row-fluid .conteudo-topo .inferior .span8 .busca input:focus {
    box-shadow: 0px 0px 1px 0px var(--cBrand) !important;
}




.conteiner .row-fluid .conteudo-topo .inferior .span8 .busca input:not(:placeholder-shown) ~ .busca .botao-busca {
  display: flex;
}

.busca {
    border: none !important;
    background: none !important;
    max-width: 480px;
    box-sizing: border-box;
    padding: 0;
}


.icon-menu {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.icon-menu * {
    fill: var(--cHeadTxt);
}


.ofertas {

    background: var(--cSecundary);


    * {
        transition: all 250ms ease-in-out;
    }

    a {
        border-radius: var(--b-radius);
    }

    a:hover {
        color: #e5013c !important;
    }

    svg:hover {        
        fill: #e5013c;
    }
}




.ofertas:hover {
    background: hsla(344, 99%, 45%, 0.2) !important;

    >a>svg *, a .titulo {
        color: #e5013c !important;
        fill: #e5013c;
    }

    >a {
        color: #e5013c !important;
    }
}


/*                 MINI BANNER          */
.banner.mini-banner { display: none !important; } /* hide original mini banner */
.secao-mini-banner {
    margin: 20px 0 0;
    display: flex;
    flex-direction: row;
    gap: 2%;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;  

         &::-webkit-scrollbar {
            display: none;
        } 

        &::before,&::after {
            content: none !important; display: none !important;

        }

    .mini-banner {
        flex: 0 0 32%;

        a { display: block; }

            img {
            border-radius: calc(var(--b-radius) * 2);
            overflow: hidden;
            transition: all .4s ease-out;
            width: 100%;

            &:hover, &:focus {
                transform: scale(0.95);
            }
        }
    }
}


/*
.banner.mini-banner {
    margin-bottom: 0
}

.banner.mini-banner .slides li {
    border-radius: calc(var(--b-radius) * 2);
    overflow: hidden;
    transition: all .4s ease-out !important;
}

.banner.mini-banner .slides li:hover, .banner.mini-banner .slides li:focus {
    transform: scale(0.95);
}

.banner.mini-banner img,  .banner.lateral img {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.banner.mini-banner img:hover, .banner.lateral img:hover {
    /*-webkit-transform: scale(1.1);
    transform: scale(1.1)*//*
}*/

    
/*        SECAO BANNER         */
    
.pagina-inicial .secao-banners>.conteiner {
    max-width: 100%;
    padding: 0
}


/*
.pagina-inicial .conteiner .banner.mini-banner {
    max-width: 1274px;
}    
*/    

.icon-search {
    color: var(--cHead);
}


.flex-direction-nav li {
    /*visibility: hidden*/
    
  a {
        
        background: #d2d2d7a3 /*color-mix(in oklab, #000 10%,transparent)*/;
        /*backdrop-filter: blur(8px);*/
        border-radius: 8px;
        display: inline-block;
        font-size: 16px;
        color: white;
        display: flex !important;
        align-items: center;
        justify-content: center;

        &::before {
            content: "";
            font-family: Inter;
            font-size: 16px;
            font-weight: bold;
            color: #0000008f;
            text-shadow: none;
            display: inline-block !important;
            text-indent: 0 !important; 
            background-image: none;
        }

        &.flex-prev::before {
            content: "←";
        }

        &.flex-next::before {
            content: "→";
        }
    }
}


    
@media screen and (max-width: 767px) {

.meus-favoritos table i { font-size: 14px }

    #modalContato, #AdicionarFavoritoSucessoModal {
        .modal-header .titulo {
            display: block;
        }

        .controls>* {
            margin-right: 0 !important;
        }

        .controls a.botao {
            margin-top: 15px;
        }
    }

.meus-pedidos .buscar-pedidos .span7 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    label {
        flex: 1;
    }
}


    .marca-info {
        justify-items: center;

        h1.titulo {
            display: none;
        }
    }


    .secao-mini-banner .mini-banner {
        flex: 0 0 calc(40% - 8px);

        img {
            border-radius: calc(var(--b-radius) * 1.5);
        }
    }

    .secao-mini-banner {
        gap: 3%;
        border-radius: calc(var(--b-radius) * 1.5);
        /*margin-top: 5px;*/
    }


    .marcas+.listagem .titulo-categoria:first-child {
        margin-top: 5px;
    }
}

/*
.row-fluid.banner.mini-banner .modulo .slides,
.row-fluid.banner.mini-banner .modulo .slides li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
        touch-action: pan-x !important;
}
 */   

/* Full banner paging bubles*/ 
.banner .flex-control-paging li a {
    width: .6rem;
    height: .6rem;
    margin: .2rem;
    background: rgba(0, 0, 0, .07);
    border: none;
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 3.5px;
    transition: 200ms ease-out;
}

.banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li a:hover {
    width: .6rem;
    height: .6rem;
    background: rgba(255,255,255, 0.8);
}


.banner .flex-control-paging li a.flex-active {

    border-color: rgba(0, 0, 0, .09);
    width: 1.2rem;
    margin: .2rem;

}
 /*   
 .flex-direction-nav li a {
    width: 50px;
    height: 50px;
    font-size: 0;
    margin-top: -25px;
    border-radius: var(--b-radius);
}
*/



.flex-direction-nav li a .icon {
    height: 20px;
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
    
    
.flexslider .slides img { width: 100% !important; }    



/* SEÇÃO MARCAS */

.marcas ul.slides li {

    border-radius: var(--b-radius);
    width: fit-content !important;
    margin-right: 5px;
    /*background: pink;*/

    a {
        height: auto;
    }
    

    img {
        
     max-height: initial;
     width: 250px !important; 
    position: initial;
    top: 0; 
    bottom: 0;
     left: 0; 
    right: 0; 
        transition: all .3s ease-out;
        filter: saturate(0) brightness(0.7) contrast(3);
        transform: scale(1);

    }

    img:hover {      
        transform: scale(1.1);
        filter: none;
    }
}
    

.row-fluid .marcas {
     margin-top: 40px;
}










.abas-custom .tab-content {
    box-shadow: none;
}





.marca-info {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;

    .titulo {
        margin: 0 auto 0 0;
        width: 100%;

        order: 1;
    }

    .image {
        order: 2;

        img {   
            object-fit: cover;
            transform: scale(1.3);
        }
    }


    p {

        margin-right: 0 !important;
        order: 3;
        margin-right: 0;
        grid-column: span 2;
    }
}








#barraNewsletter, #barraNewsletter .show-hide, .coluna .componente.newsletter {
    /*background-color: #23282F;*/
    background: rgba(35, 40, 47, 0.95);
}


#barraNewsletter .componente input[type="text"] {
    width: 320px;
}

#barraNewsletter .componente .interno-conteudo {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap:calc(8px *2)

}
    
#barraNewsletter .componente div.newsletter-cadastro {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: 8px
}

#barraNewsletter .componente .texto-newsletter {
    width: 140px;
    text-wrap: wrap;
    line-height: normal;
    text-align: right;
    font-size: 14px;

}


#barraNewsletter .componente .botao, .nbutton { 
    height: 44px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: inherit;
    border-radius: var(--b-radius);
    color: #fff;
    width: auto;
    text-transform: none;
    color: var(--cSearchBtnTxt) !important;
    background: var(--cSearchBtn);
    -webkit-transition: all .2s ease-out;
    transition: all .25s ease-out;
    padding-bottom: 6px;
} 

#barraNewsletter .componente .botao:hover, .nbutton:hover { 
    background-image: none; 
    filter: brightness(.8);
    border-radius: 12px;
    /*
    background: hsla(344, 99%, 45%, 0.2) !important;
        color: #e5013c !important;*/

}


.nbutton {
    height: fit-content;
}

#rodape .redes-sociais { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; }
#rodape .redes-sociais * { color: #fff; }


.lista-redes .icon-facebook,.lista-redes .icon-instagram { background: none; color: #fff; }
.lista-redes ul li, .lista-redes i { border: none; -moz-transition: all .2s ease; transition: all .2s ease;}

#rodape .institucional .lista-redes {
    text-align: initial;
    background: none;
}

.lista-redes a:hover i {
    background: none !important;
}

.lista-redes i:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



#rodape .institucional { background-image: none; background-color: var(--cSupMenu); }
#rodape .institucional ul li { 
    list-style-image: none; 
}

#rodape .institucional ul li a { 
    font-size: 13px; 
}

#rodape .institucional ul li a:hover { color: var(--cBrand);}
#rodape .titulo { 
    border-bottom: none; 
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cOnDark);
    font-weight: 500;
    margin: 10px 0 0 0;
}


 #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
    background: none !important;
}


#rodape .institucional .span9 .row-fluid {
    display: flex;
    flex-direction: column;
    padding: 5px 12px;
    box-sizing: border-box;


    div span {
        margin-bottom: 15px;
    }



    .sobre-loja-rodape {
        order: 1;
        margin-left: 0;
        margin-top: 5px;
    }

    .links-rodape-categorias {
        order: 2;
    }

    .links-rodape-paginas {
        order: 3;
    }

    .span12 {
        display: none !important;
    }
}

#rodape .redes-sociais {
    position: initial;
    padding: 0 12px;

    .titulo {
        display: block !important;
        margin-bottom: 15px;
    }
}

#rodape .sobre-loja-rodape p {
    line-height: 18px;
    margin-bottom: 20px;
}


.pagamento-selos {
    .conteiner {
        padding: 10px 23px;
    }

    .titulo {
        margin-bottom: 15px !important ;
    }
}


.bandeiras-pagamento i {

    width: 40px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    overflow: hidden;
}

.visa {
    background: url(https://cdn.awsli.com.br/1039/1039221/arquivos/visa.svg);
}

.mastercard {
    background: url(https://cdn.awsli.com.br/1039/1039221/arquivos/mastercard.svg);
}

.amex, .americanexpress {
    background: url(https://cdn.awsli.com.br/1039/1039221/arquivos/amex.svg);

}

.diners {
    background: url(https://cdn.awsli.com.br/1039/1039221/arquivos/diners-alt.svg);
}

.elo {
    background: url(https://cdn.awsli.com.br/1039/1039221/arquivos/elo.svg);
}

.gateways-rodape {
    background-image: none;
    border-radius: 6px;
    border: none;
    margin-top: 0 !important;
    
    li {
        width: 40px;
        height: 25px;
        border-radius: 3px;
        overflow: hidden;
        margin-right: 10px;
        border: none !important;
    }

    li:first-child {
        margin: 0 7px 0 0 !important;
    }
}

.gateways-rodape li:nth-child(2) {
    margin-left: 0;
    margin-right: 7px;
}

/*
.gateways-rodape li:first-child {
    display: none;
}
*/

.logo-rodape-pix-proxy-pagali-v2, .logo-rodape-pix-Pagali {
    content: url(https://cdn.awsli.com.br/1039/1039221/arquivos/pix-alt.svg);
}

.logo-rodape-boleto-proxy-pagali-v2,.logo-rodape-boleto-Pagali {
    content: url(https://cdn.awsli.com.br/1039/1039221/arquivos/boleto-alt.svg);
}

#rodape .pagamento-selos { background: #F7F8F6; border: none;}

#rodape>div:nth-child(3)>.conteiner>.row-fluid, #rodape>div:not(.institucional,.pagamento-selos)>.conteiner>.row-fluid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    .span9 {
        width: fit-content !important;
        max-width: 335px;
        text-align: initial !important;
    }

    div:nth-child(2) {
        width: fit-content;
        filter: saturate(0) opacity(0.6);
        text-align: right !important;
        /*max-width: 180px !important;*/
        
    }

    

    .span9 {
        text-align: left !important;
        /*width: 35% !important;*/
    }

    .span9+div {
        tex-
        /*max-width: 180px !important;*/

    }

}

#rodape>div:not(:nth-child(3)){
    z-index: 1;
    position: relative;
}

#rodape>div:nth-child(3) {
    position: sticky !important;
    bottom: 0;
    z-index: 0 !important;
}



/* PRODUTO PAGE */

.produto {
    margin-top: 20px;
}

.produto .principal > div, .acoes-produto .preco-produto {
    border: none !important;
}

.acoes-produto .preco-produto {
    display: flex;
    flex-direction: column;
    row-gap: 3px; 
    
}

.codigo-produto span[itemprop="brand"], .codigo-produto span:first-child {
    b {
        display: none;
    }
}

.codigo-produto span[itemprop="brand"] {
    font-size: 12px;
}


.produto .principal .acoes-produto>div:first-child{
    min-height: 74px;
}


.produto .principal .acoes-produto .preco-produto div {
    display: flex;
    flex-direction: column;
    gap: 2px;

    s {
        color: rgba(0, 0, 0, .5);
    }

}


.info-principal-produto {
    display: flex;
    flex-direction: column;

    .codigo-produto {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        align-items: center;
        justify-content: start;
        order: 2;
        padding: 10px 0 2px 0;
        margin-bottom: 5px;
        border: none;
    }

    h1 {
        font-size: 22px !important;
        order: 3;
        margin-bottom: 15px !important;
    }


}

.produto .codigo-produto>span * {
    color: rgba(0, 0, 0, .5) !important;
  font-weight: 600;
}

.produto .codigo-produto>span a:hover {
    color: var(--cAccent) !important;
}

.produto .codigo-produto>span+span {
    margin-top: 0px;
        color: rgba(0, 0, 0, .5) !important;
  font-weight: 600;
}

.produto .codigo-produto>span:first-child {
  margin-left: auto; 
}

.produto .acoes-produto .comprar {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    display: grid;
    grid-template-columns: 70px 1fr;
    row-gap: 8px;
    column-gap: 3px;

    .botao i {
        display: none;
    }

    .botao {
        
        min-width: 230px;
        height: 44px;
        line-height: 44px;
    }

}

.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
    background: var(--cAccent);
}

.tag-comprar {
        border-radius: var(--smallBRadius) !important;
}

.botao.principal.botao-comprar:hover, .botao.principal.grande:hover, .acoes-produto-responsiva .tag-comprar:hover,.botao-comprar:hover {
        background: hsl(344, 98%, 42%) !important;
        border-radius: var(--b-radius) !important;
    }

.botao.grande {
    font-size: 16px;
    line-height: 28px;
    /*height: 30px;*/
    font-weight: bold;
}

.produto .acoes-produto .disponibilidade-produto {
    text-align: initial;
    grid-column: span 2;
    margin-top: 10px;

    & span {
        text-align: inherit !important;
    }
}





.qtde-carrinho {

    font-size: 18px !important;
    box-shadow: none !important;
    border-image: initial !important;
    height: 34px !important;
    padding: 0 12px;
    color: var(--cHead) !important;
    max-width: 450px;
    transition: all 0.3s ease-in-out; 
}




.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
    display: none;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    width: 60px !important;

}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    margin: 0;
    padding-left: 3px;
}


.produto .principal .parcelas-produto .accordion {
    border: none;
    padding: 0 ;
    
    >li { 
        border: none;
        padding: 3px 20px;
        background: var(--cGrey100);
        border-radius: var(--b-radius);
        margin-bottom: 5px;
    }
    
    .accordion-inner {
        border-color: #DDD;
        padding-left: 5px;
    }
}

.cep ul {
    border: none !important;
    background: var(--cGrey100);
    border-radius: var(--b-radius);

    padding: 10px 20px !important;

}

/*
.cep #formCalcularCep label:before {
    content: "\f0d1";
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 5px;
    color: inherit;
}*/

.cep .aviso-disponibilidade, .cep .aviso {
    
        border-radius: var(--b-radius);
        padding: 10px;
}


.cep .aviso-disponibilidade {
    background: var(--cInfoBg);
    color: var(--cInfo);
    margin-top: 10px !important;
}

.cep .aviso {
       /* background: var(--cAlertBg) !important;
        color: var(--cAlert);
        border: none !important;*/
}


.cep>form {
    display: flex;
    flex-direction: column;
}

.cep label {
    font-size: 13px;
    line-height: initial;    
    margin-bottom: 10px;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}

.cep .input-append.input-prepend {
    position: relative;
    box-sizing: border-box;
    width: 100%;

    .btn {
        line-height: 22px;
    }
}

.abas-custom {
    
    .tab-content {
        padding: 20px 5px;
    }
}


.produto .conteiner-imagem > div {
    border: none !important;
}



textarea:focus, input[type="text"]:focus, input[type="password"]:focus, 
input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, 
input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: hsla(242, 23%, 33%, .8) !important;
    
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
  margin-right: 2px;
}


.cep .input-append.input-prepend input {
    border-radius: 6px;
    box-shadow: none !important;
    height: 40px !important;
    padding: 0 12px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    box-sizing: border-box;

}

.input-prepend.input-append .btn:last-child {
    position: absolute;
    right: 4px;
    top: 3px;
    height: 35px;
    background: none;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
    z-index: 10;
}

.input-prepend.input-append .btn:last-child:hover {
        color: var(--cAccent);
}

.input-prepend.input-append .btn:last-child:focus {
        box-shadow: none;
}


/* SCROLLBARS */

::-webkit-scrollbar {
    width: calc(.25rem * 1.6);
}

::-webkit-scrollbar-thumb {
    background-color: var(--cBrand);
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: var(--cGrey100);
}




.thumbs-vertical #carouselImagem .flex-viewport {
    padding: 2px 0;
}

.miniaturas.slides li {

    display: flex !important;
    flex-direction: column;
    align-items: center;

}

.thumbs-vertical .elastislide-carousel ul li a {
    border: 1px solid transparent;
    box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px;
    border-radius: var(--smallBRadius);
    height: 56px;
    transition: var(--base-transition);
    transition-duration: .2s;

    span img {
        width: auto !important;
    }
}

.thumbs-vertical .elastislide-carousel ul li:hover a {
    
    box-shadow: var(--cAccent) 0px 0px 0px 1px;
}

.thumbs-vertical .elastislide-carousel ul li.active a {
    
    box-shadow: var(--cAccent) 0px 0px 0px 1.5px;
    opacity: 1;
}

#carouselImagem .flex-direction-nav a.flex-prev {
    
}

#carouselImagem .flex-direction-nav a.flex-next {

}


.produto .row-fluid .span7 {
    position: relative;
}


.produto-compartilhar {
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 5;
    border: none;
    /*
    display: flex;
    flex-direction: row-reverse;*/

    .visible-phone,.hidden-phone {
        display: block !important;
    }

    .visible-phone {  
        margin: 0;
    }
    

    a i:hover {
        transform: none;
    }

    ul {
        display: flex;
        flex-direction: row;
    }

    ul li {
        margin-left: 12px;
    }

    ul li:hover a i {
        transform: scale(1.1);
    }

    ul li a:hover {
        background: hsla(220, 14%, 92%, .8);
    }
}



.produto-compartilhar ul .visible-phone a:first-child {
    margin: 0;
    
    i {
        background: none;
        color: #25d366 !important;
        width: unset; 
        height: unset; 
        line-height: 18px;
        font-size: 18px;
    }
}


.icon-star:before {
    content: "\f004";
    font-weight: 900;
    /*color: var(--cAccent) !important;*/
}

.produto-compartilhar .lista-redes a:not(.adicionar-favorito) i.icon-star:before {
    font-family: "FontAwesomePro";
    font-weight: 900;
    content: "\f004";
    color: var(--cAccent) !important;
} 

.produto-compartilhar .lista-favoritos, .produto-compartilhar ul li a {
    line-height: 26px;
    font-size: 12px;
    font-weight: 500;
    display: block;
    padding: 10px;
    border-radius: 2px;
    border-radius: var(--b-radius);
    color: rgba(0, 0, 0, .5);
    background: color-mix(in oklab, var(--cHeadAlpha) 10%,transparent) /*hsla(220, 14%, 96%, .8)*/;
    backdrop-filter: blur(8px);
    text-align: center;
    width: 20px;
    overflow: hidden;
    height: 20px;
}

.produto-compartilhar .lista-favoritos:hover i:before {
    color: var(--cAccent) !important;
}

.produto-compartilhar ul li:not(.visible-phone) a i:before {
        width: unset; 
        height: unset; 
        line-height: 18px;
        font-size: 18px;
        color: rgba(0, 0, 0, .5);
    
}

.pagina-produto .icon-plus:before {
    content: "\F08A";
    /* margin-right: 4px; */
    font-size: 18px;
}

.pagina-produto .icon-plus:hover {
    color: var(--cAccent) !important;
}




.produto .acoes-flutuante {
    border-radius: 8px 0 0 8px;
    border: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);

    .comprar {
        display: block;
    }

    .botao {
        margin-bottom: 8px;
       /*width: auto !important;*/
    }

    .close_float {
        background: var(--cGrey100);
        border-radius: 8px 0 6px 0;

        i {
            color: rgba(0, 0, 0, .5);
        }
    }

    .close_float:hover i {
            color: var(--cAccent);
        }
}



.produto .tag-produto, .tag-frete-gratis {
    display: inline-block;
    width: fit-content;
    padding: 5px;
    margin-left: 0;
    border-radius: /*calc(var(--b-radius) / 2)*/ 5px;
    font-weight: 500;
    background: #00a14c !important;
}



/* PAGINA CARRINHO */



/* PAGINA FAVORITOS LISTAR */


.pagina-favorito-listar {

    .meus-favoritos .caixa-dados table {
        display: block;

        tbody {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            gap: 8px;
        }

        tr {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            flex: 0 0 /*calc(50% - 4px)*/ 168px;
            box-sizing: border-box;
            padding: 0;
            border-radius: var(--b-radius);
            align-content: space-between;
            overflow: hidden;
        }


        td {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            padding: 8px;
            box-sizing: border-box;
            border: none;

            &.text-left a {
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;  
                overflow: hidden;
                display: -webkit-box;
            }

            &:first-child {
                background: var(--CImgBlend);
            }

            &:nth-last-child(2), &:last-child {
                flex: 1;
                border-top: 1px solid rgba(0, 0, 0, .07) !important;

                a {
                    width: 100%;
                }
            }

             &:nth-last-child(2) {
                border-right: 1px solid rgba(0, 0, 0, .07) !important;
             }

            &:nth-child(-n+2) {
                flex: 0 0 100%;
            }

        }

    

        img {
            max-width: fit-content;
            max-height: fit-content;
            height: 64px;
            mix-blend-mode: multiply;
        }

    }

    .meus-favoritos .caixa-dados table+ul {

        li:last-child {
            margin-top: 20px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
            line-height: 20px;
        }
    }


}



/**

PAGINA LISTAR CATEGORIA 

*/


/* MENU LATERAL */

.menu.lateral .nivel-um {

    
    border-radius: var(--b-radius); 
    /*background: hsl(210, 20%, 98%);*/

    /* border: 1px solid #f2f2f2; */

    li:hover>a {
        color: var(--cAccent);
    }

    li:hover {
        background: none !important;
    }

     li .titulo {
        font-size: 14px;
    }
    
    &>li>a {
        text-align: left;
        box-shadow: none;
        background: none;
        justify-content: flex-start;
        padding: 0 20px;


        i {
            display: none;
        }

        &>i:before {
            content: "";
            color: var(--cActive);
            width: 3px;
            background-color: var(--cAccent);
            height: 80%;
            top: 8%;
            position: relative;
            border-radius: var(--radius-full);
        }

        i {
            margin: 0 5px 0 0;
        }

        :hover {
            background: none;
        }

    }

    li:first-child a /*, .nivel-dois li:first-child */ {
        border-radius: 8px 8px 0 0;
    }

    li:last-child a, .nivel-dois li:last-child {
        border-radius: 0 0 8px 8px;
    }
    
}

.limpar {
    color: #333;
}


.menu.lateral.outras .nivel-um  {
    
    li:hover a strong {
        color: var(--cAccent);
    }

    li .titulo {
        font-size: 14px;
    }
    
    li:hover a {
        background: none;
    }
}


.menu.lateral .nivel-dois {
        text-align: left;
        box-shadow: none;
        background: none;
        padding: 0;

        >li>a>i:before {
            /* content: "\f061"; */
            color: inherit;
        }

        >li>a {
            font-size: 13px;
            font-weight: 500;
        }

        
    >li {
        margin-left: 10px;
        border: none;
    }
}

.menu.lateral .ativo {
    background: none;

    >a {

        color: var(--cActive);
    }
}

.menu.lateral .com-filho.borda-principal {
    border: none !important;
}

.banner.lateral .slides li {
    border-radius: calc(var(--b-radius) * 1.5);
    overflow: hidden;
}





.menu.lateral .nivel-tres::before {
    content: "";
    top: 15px;
    position: absolute;
    left: -5px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 5px solid #fff;

}

.menu.lateral .nivel-tres {
    border-radius: var(--b-radius);
    box-shadow:  rgba(0, 0, 0, 0.16) 0px 1px 3px;

    li {
        font-weight: 500;
    }
}






/*  FILTRO    */
    
.filtro {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    /*border: solid 1px #d4d5d6;*/
    border-radius: var(--b-radius);
}

.filtro .titulo {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    border: none;
    letter-spacing: 0;
}

.filtro.lista ul {
   border: none;

}

.filtro.lista ul li {
    border: none;
    padding: 0 5px;
    /*border-bottom: solid 1px #d4d5d6*/
}

.filtro.lista ul li a {
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
}


.filtro.lista ul li:first-child {
   /* border-bottom: solid 1px #d4d5d6*/
}

.filtro.lista ul li:last-child {
    border-bottom: 0
}

.filtro.atributos .icon-remove {
    display: none!important
}

.filtro.atributos .atributo-cor ul li {
    overflow: hidden
}

.filtro.atributos .atributo-cor ul li a {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    /*border: solid 2px #c4c4c4*/
}

.filtro.atributos .atributo-cor ul li a span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-width: 100px;
    width: 100%;
    height: 100%;
    padding: 0
}

.filtro.atributos .atributo-cor ul li a:hover {
    margin: 0 2px 2px 0;
    border: solid 2px #c4c4c4;
    opacity: .7
}

.filtro.atributos .atributo-cor ul li.active a {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    border: solid 2px #c4c4c4;
    opacity: .7
}

.filtro.atributos .atributo-comum ul li {
    overflow: hidden
}

.filtro.atributos .atributo-comum ul li a {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: solid 1px #d4d5d6;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.filtro.atributos .atributo-comum ul li a span {
    padding: 0
}

.filtro.atributos .atributo-comum ul li a:hover {
    margin: 0 2px 2px 0;
    border-color: #000
}

.filtro.atributos .atributo-comum ul li.active a {
    border: solid 1px #000;
    padding: 0;
    border-radius: 50%
}
    
    


.filtro.lista ul li a label {
    color: #555;
    font-size: 14px;
    font-weight: 500;
}

.filtro.lista ul li a label:hover {
    background: 0 0;
    color: var(--cAccent);
    transition: none;
    margin: 0;
}

.filtro.lista ul li.active label {
    background: 0 0;
    color: #333;
    font-weight: 600;

    
}

.faceta-marca .filtro ul li.active a label:before {
        content: "\f14a" !important;
        font-weight: 900;
        color: var(--cAccent);
}

.faceta-preco .filtro ul li.active a label:before {
        content: "\f058" !important;
        color: var(--cAccent);
}

.lateral .filtro {

    background: hsl(210, 20%, 98%);    
    border: none;
}

.lateral .filtro.lista ul {

    li a label:before {
        font-family: FontAwesome;
        font-size: 15px;
        margin-right: 7px;
        font-weight: 400 !important;


    }

}


.faceta-marca .filtro ul li a label:before {
        content: "\f0c8";
}

.faceta-preco .filtro ul li a label:before {
        content: "\f111";
}


.lateral .filtro.lista ul:last-child {
    margin: 0 0 5px;
}



.lateral .filtro .titulo:before {
        content: "\f0b0";
        font-family: FontAwesome;
        display: inline-block;
        font-size: 13px;
        color: rgba(0, 0, 0, .3);
        margin-right: 5px;
        font-weight: 400;
        padding: 0;
        top: -1px;
        position: relative;
        line-height: 20px;
    /*
    border-bottom: none; 
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cOnDark);
    font-weight: 500;
    margin: 10px 0 0 0;
    */

}


/**
 
 ELEMENTOS GLOBAIS 
 
 **/

/* RADIO PERSONALIZADO */

input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  
  /* Garante o tamanho correto */
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0; /* IMPEDE que o flexbox esmague o botão */
  
  /* Estilos básicos */
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  
  /* Alinhamento do ponto interno */
  display: inline-grid !important;
  place-content: center;
}

/* O ponto interno (marcado) */
input[type="radio"]::before {
    display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  background-color: var(--cFocus-Selected); /* Cor do ponto */
  transition: 120ms transform ease-in-out;
}

/* Quando marcado */
input[type="radio"]:checked {
  border-color: var(--cFocus-Selected); /* Cor da borda externa */
}

input[type="radio"]:checked::before {
  transform: scale(1) !important;
}




/* BOTOES */

.botao {
    box-shadow: none;
    border: none;
    border-color: none;
    outline: none !important;
    text-transform: none;
    text-shadow: none !important;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    font-weight: 500;/*
    min-height: 30px;*/
    line-height: 30px; 
    color: #333;
    background: hsl(0, 0%, 93%);
    border-radius: calc(var(--b-radius) * 0.75);

    
    padding: 6px 14px;
    display: inline-block;
    transition: all 250ms ease-in-out;
    font-size: 14px;
    box-sizing: border-box;
    min-height: 42px;
}


.botao:hover {
    border-radius: var(--b-radius);

}

.botao:hover:not(.principal, .dropdown-toggle) {
    background: hsl(0, 0%, 90%);
    color: #333;
}

.botao.principal,.botao.principal.grande, .botao.grande, .botao-comprar {
    background: var(--cAccent) !important;
    transition: all 250ms ease-in-out;
}

.botao.principal:hover:not(.newsletter-assinar,.botao-busca, .dropdown-toggle),.botao.principal.grande:hover, .botao.grande:hover, .botao-comprar:hover {
        background: hsl(344, 98%, 42%) !important;
        border-radius: var(--b-radius) !important;
}

#form-buscar {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.busca .botao-busca {
    right: 0;
    top: initial;
    height: 39px;
    width: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border-radius: 3px 7px 7px 3px;
    padding: 0px !important;
    color: var(--cSearchBtnTxt) !important;
    background: var(--cSearchBtn) !important;
    font-size: 14pt;
    font-weight: 400;
    transition: border-radius 250ms ease-in-out, filter 400ms ease-in-out;
    
}

.busca .botao-busca:hover {

    filter: saturate(1.5) brightness(0.9);
    /*background: #6F7B6B;*/
    border-radius: 8px;
}


/* BREADCRUMBS */

:not(.info-principal-produto) > .breadcrumbs li:first-child a {
    margin-right: 5px;
}


.breadcrumbs li:nth-child(2) a {
    margin-left: 2px;
}



.breadcrumbs ul li:after,.info-principal-produto .breadcrumbs ul li:after {
    content: "";
    margin: 0;
}

.breadcrumbs ul li:not(:last-child):after {
    content: "\2192";
}

.breadcrumbs ul li:is(:first-child):after {
    content: "|";
}

.breadcrumbs {
    border: 0 !important;
    /*background: var(--light-color);*/
    border-radius: 4px;
    margin-bottom: 15px !important;

    ul {
        display: flex;
        flex-direction: row;
        padding: 5px 0;
    }

    
     ul li {
        padding: 0 !important;
        border-left: none;
        display: list-item !important;
    }

    ul li:after {
        margin: 0 8px !important;
        padding: 0;
    }

    ul li strong {
        padding-left: 4px;
    }

}
  
.breadcrumbs ul li a {
    color: rgba(0, 0, 0, 0.5);
    border: 0;
    /* background: #eaeaea; */  
    /* border-radius: 4px; */
    /* padding: 5px 5px 5px 7px!important; */
    padding: 0;
    margin: 0;
    transition: all .20s ease-in-out;
    font-weight: 500;
    font-size: 13px !important;

    i { display: none; }

    
}

.breadcrumbs ul li:first-child a {
        padding-left: 0 !important;
    }

.breadcrumbs ul li a:hover {
    color: var(--cAccent) !important;
}

.breadcrumbs ul li strong {
    font-size: 13px !important;
    
}





.logo  {  
    width: 140px;
    display: block;
    align-items: center;
    justify-content: flex-start; 
    margin: 0 !important;
}



#cabecalho .row-fluid .span3 {
    width: fit-content;
    justify-self: center;
    grid-column: 2;
    
    
    /* Logo to the Left and Options to the Right*/
    grid-column: 1;
    grid-row: 1;
    
    justify-self: flex-start;
}

.logo a { height: 48px; }

.logo a svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
}

#cabecalho>.conteiner>.row-fluid {
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}



#cabecalho .conteiner {
    max-width: unset !important;
    width: initial !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    /*margin: 0;*/
    box-sizing: border-box;
    background: var(--cHeadAlpha);
    transition: all 350ms ease-in-out;

}

.conteiner .row-fluid .conteudo-topo {

    grid-column: span 3;

    
}

.conteiner .row-fluid .conteudo-topo .inferior {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    box-sizing: border-box;

}


.conteiner .row-fluid .conteudo-topo .inferior .span8 {
    width: initial !important;
    flex-grow: 1;
    box-sizing: border-box;
    overflow: visible !important;
    position: relative;
    padding: 10px 14px 14px 14px;

    a.botao.principal {
        width: fit-content !important;
        background: none !important;
    }

}



.conteiner .row-fluid .conteudo-topo .inferior .span4 {
    width: initial !important;
    box-sizing: border-box;
    margin-left: 20px;
}

.conteiner .row-fluid .conteudo-topo .inferior .span4 a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}





.menu.superior {
    position: fixed;
    left: 0;
    top: -100vh;
    width: 100vw;
    height: 100dvh;
    transition: var(--base-transition);
}

:has(.menu.superior .nivel-um.active) {
    body { overflow: hidden; }


    .menu.superior {
        top: 0;
        overflow-y: auto;
    }

    .atalho-menu {
    }

    .menu-burger {
        position: fixed;
        top: 4px;
    }

    .menu.superior .nivel-um .nivel-dois {
        display: none;
    }

    .nivel-um.active {
        display: flex;
        flex-direction: column;
        padding-top: 60px;
        align-items: flex-start;
        margin: 0 25px;
        width: auto;
        border: none;
        box-sizing: border-box;
        
        
        .titulo {
            margin: 15px 0;
        }   

        .ofertas {
            background: none;
        }

        .new-marcas {
            /*display: block !important;*/
        }

        .marcas-conteiner {
            /*grid-template-rows: 1fr; 
            grid-auto-flow: column;
            grid-auto-columns: max-content; */
            overflow-x: auto; 

            &:after {
                display: none;
            }

            .marca {
                width: 100%;
                background: rgba(255, 255, 255, .05);
            }

            .marca.destaque {
                grid-column: span 2;
            }

            img {
                filter: saturate(0) brightness(0.7) contrast(3) invert(1);

                &:hover {
                    filter: none;
                }
            }
            
        }
        
    }


}


.menu.superior {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}

.menu.superior .nivel-um>li {
    width: 100%;
    box-sizing: border-box;
    padding: 0;

    a {
        justify-content: flex-start;
    }
}

.bottom-items {
    margin: 0px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 0;
    gap: 15px;
    flex-wrap: wrap;

    .item {
        flex: 1 1 25%; 
        width: 0; 

        height: 100px;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(255, 255, 255, .05);
        border-radius: var(--b-radius);
        box-sizing: border-box;
        transition: all 250ms ease-in-out;
    }
    

    .item a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        height: 100%;
    }
    
    .item-min {
      height: 50px;
      flex: 1 0 calc(50% - 7.5px) !important;
      
        
       .inner-item {
           flex-direction: row;
           align-items: center;
           gap: 8px;
           justify-content: flex-start !important;
       }
    }

    
    .item-user {
        background: none;
        
        
        flex: 1 0 100%; 
        height: fit-content;
        margin-bottom: /*5px*/ 3px;

        .inner-item {
           display: grid;
           grid-template-areas: "icon name arrow"
           "icon txt arrow";
           grid-template-columns: 1fr 75% 1fr;
           align-items: center;
           justify-content: start;
           column-gap: 16px;
           row-gap: 2px;
           min-height: 60px;

            .icon-user2 {
                grid-area: icon;
                font-size: 26px;

                &::before {
                    content: "\f2bd";
                }
            }

            div {
                grid-area: name;
                font-size: 16px;
                white-space: pre-line;
            }

            span {
                justify-self: start;
                grid-area: txt;
                color: rgba(255, 255, 255 , .7);
                font-weight: 400;
            }

            .arr {
                grid-area: arrow !important;
                font-size: 16px;
                margin-right: 5px;                
                justify-self: flex-end;
            }
        }

    }
    
    .it-logout .inner-item {
        justify-content: flex-end !important;
    }

    .inner-item {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding:10px 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        justify-content: space-around;
        color: var(--cHeadTxt);
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;

        i {
            font-size: 18px;
        }

        span {
            
            white-space: pre-wrap;
        }

    }

}

.icon-logout::before, .icon-off:before {
    content: "\f08b";
}

.icon-boxes::before {
        content: "\f468";
}

.icon-heart::before,.abas-conta .icon-star::before,.conta-menu .icon-star::before {
    font-family: "FontAwesomePro";
    content: "\e78f";
    font-weight: 900;
}

.icon-truck::before {
    font-family: "FontAwesomePro";
    content: "\f48b";
}

.icon-user:before {
    content: "\f007";
    font-family: 'FontAwesomePro';
    font-weight: 900;
}

.show-phone {
    display: none !important;
}



.carrinho-checkout .menu-burger, .carrinho-checkout .mobile-opt {
    display: none !important;
}


.menu-burger {
    position: relative;
    right: 0;
    grid-column: 3;
    z-index: 22;
    margin-right: 15px;
    transition: var(--base-transition);
    width: 34px /*40px*/;
    height: 40px;
    display: flex;
    justify-self: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    
    
    /* Logo to the Left and Options to the Right*/
    grid-column: 3;
    grid-row: 1;
}


.mobile-opt {
    display: flex;
    height: 48px;
    flex-direction: row;
    align-items: center;
    margin-left: 15px;
    overflow: hidden;
    transition: var(--base-transition);
    box-sizing: border-box;

    grid-column: 1;
    
    /* Logo to the Left and Options to the Right*/
    grid-column: 2;
    grid-row: 1;

    .show-busca {
        width: 0;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        color: var(--cHeadTxt);
        cursor: pointer;
        transition: inherit;
    }
}

.mob-cart {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-top: 2px;

    i {
        color: var(--cHeadTxt);
        font-size: 20px;
    }
}

.qtd-carrinho {
    position: absolute;
    right: 7px;
    top: 4px;
    padding: 1px 4px;
    background: var(--cAccent);
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: initial;
    color: var(--cHeadTxt);
}


/*
Animated Burger Menu icon
*/

#nav-icon {  
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s var(--anim-curve);
  -moz-transition: .5s var(--anim-curve);
  -o-transition: .5s var(--anim-curve);
  transition: .5s var(--anim-curve);
  cursor: pointer;
  padding: 2px;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 12px;
  background: var(--menu-burger);
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s var(--anim-curve);
  -moz-transition: .25s var(--anim-curve);
  -o-transition: .25s var(--anim-curve);
  transition: .25s var(--anim-curve);
}

#nav-icon:hover span {
  background: var(--menu-burger);
}

#nav-icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 2px 2px 0;
}

#nav-icon span:nth-child(odd) {
  left:2px;
  border-radius: 2px 0 0 2px;
}

#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
  top: 4px;
}

#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
  top: 11px;
}

#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
  top: 18px;
}

#nav-icon.open span {
  width: 50%;
}

#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
  left: 2.4px;
  top: 7.6px;
}

#nav-icon.open span:nth-child(2) {
  left: calc(50% - 2.6px);
  top: 7.6px;
}

#nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon.open span:nth-child(5) {
  left: 2.4px;
  top: 15px;
}

#nav-icon.open span:nth-child(6) {
  left: calc(50% - 2.6px);
  top: 15px;
}





.busca {
    margin: 0;
    max-width: initial;

    input[type="text"] {
        width: 100%;
        max-width: initial !important;
    }
}


.conteudo-topo .busca-mobile .atalho-menu {
    display: none;
    position: absolute;
    top: calc(-100% + 22px);
    left: 2px;
    z-index: 20;
    height: 48px;
    background: none !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;

    &:before {
        content: none;
        /*content: "\f0c9";*/
        line-height: 37px;
        font-size: 24px;
    }

    &:hover {
        background: none;
    }

}


.atalhos-mobile {
    display: none !important;
    background: none !important;
    z-index: 19 !important;
    height: 54px;

    ul li {
        background: none;
        border: none;
    }

    ul li:first-child {
        display: none;
    }
}

#cabecalho {
    padding: 0;
    
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    z-index: 101;
    left: 0;
    right: 0;
    min-height: 52px;
}


@container scroll-state((scrollable: top)) {
    #cabecalho .conteiner {
        background: rgba(28, 30, 33, 0.91) ;
        backdrop-filter: blur(10px); 
        -webkit-backdrop-filter: blur(10px);
    }


}

.input-append, .input-prepend {
    position: relative;
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    position: absolute;
    /*right: 0; */
    width: auto;
    min-height: 40px;
    min-width: 40px;
    padding: 4px 5px;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    text-shadow: none;
    background: none;
    border: none;
    z-index: 3;
}

select {
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important; /* Set a fixed height */
    line-height: 20px; 
}

.caixa-info {
    background-color: rgba(0, 0, 0, 0.04);
    box-shadow: none;
    border-radius: var(--b-radius);
    padding: 10px 15px;
    margin: 0px 0px 10px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    min-height: 48px;
    box-sizing: border-box;
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}

.caixa-sombreada {
    box-shadow: none !important;
    border-radius: var(--b-radius);
}

.caixa-sombreada:not(.resumo-compra) {
    border: 1px solid #ddd;
}

.finalizar-compra .caixa-sombreada, .pagina-pagina .caixa-sombreada {
    border: none !important; 
}

.pagina-pagina .caixa-sombreada {
    padding-top: 0;
}

.pagina-pagina .caixa-sombreada h1.titulo {
    margin-bottom: 25px;
}

.cadastro .caixa-sombreada,.dados-acesso {
    border-radius: var(--b-radius);
}

.cadastro .caixa-sombreada {
    border: 1px solid #ddd;
}

.caixa-sombreada.dados-cadastro {
    border-radius: var(--smallBRadius) !important;
}

.cadastro-logar .recuperar-senha {
    padding: 5px 0;
    margin-left: 5px;
    box-sizing: border-box;
    display: block;
}

.control-group .controls {
    margin: 5px 0 0;

    input[type="text"], input[type="password"], input[type="tel"] {
        min-height: 42px;
        box-sizing: border-box;
    }

    
}

.input-small {
    min-width: 160px;
}

.btn-small {
    border-radius: var(--smallBRadius);
    box-sizing: border-box;
    padding: 5px 10px;
    background: var(--cGrey100);
}

.cadastro-logar #id_email {
    min-width: 330px !important;
}

#modalRecuperarSenha {
    .form-inline {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 20px;

        #id_email_recuperar_senha {
            width: 100%;
            box-sizing: border-box;
        }
    }

      .modal-footer .botao+.botao {
            margin: 12px 0 0;
        }
}


.carrinho-checkout .conteiner-principal #corpo .conteiner {
    box-shadow: none !important;
}









.secao-principal .conteudo {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 8px;
        
        .ordenar-listagem.topo {
            order: 2;
            padding-bottom: 0;
            flex-grow: .5;
            justify-self: end;

            .row-fluid {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                height: 40px;
                align-items: center;
                flex-wrap: wrap;
            }

            .row-fluid .span6 {
                width: max-content !important;
            }

            .dropdown-menu {
                right: 0;
                left: auto;
            }

            h1.titulo {           
                margin: 0;
                place-self: center;
            }

            .box-destaque, .caixa-sombreada {
                 h1.titulo {
                    margin-bottom: 20px;
                }
            }

        }

        .ordenar-listagem.topo:has(+ .listagem) {
            flex-grow: 1;
            order: initial;

        }

        h1.titulo {
            order: 1;
            flex-grow: .5;
        }


        #listagemProdutos, .listagem {
            order: 3;
            width: 100%;
        }
        
        .ordenar-listagem.rodape {
            order: 4;
            margin-top: 40px;
        }
    }


/*
  @container (not scroll-state(scrolled: none)) {
    .menu.superior {
    }
  }

    @container  scroll-state(scrolled: none) {
    .menu.superior:hover {
    }
  }

.menu.superior:hover {
    overflow: visible;
}







*/
.botao.pequeno {
    line-height: 36px;
}


/*  TEMA DESKTOP */
@media screen and (min-width: 768px) { /* Media Screen for only big screens */

.meus-favoritos tbody tr {
    flex: 0 0 /*calc(calc(100% / 5) - 4px)*/ 160px !important;

    i {
        font-size: 14px;
    }
}

.botao.pequeno:not(.dropdown-toggle, .atualizar-quantidade) {
    height: 36px;
    line-height: 30px !important;
    min-height: 30px !important;
}

.pagina-conta, .pagina-pedido-listar, .pagina-favorito-listar,.pagina-pedido {
    background: var(--conta-bg) !important;

    .conteudo.span9>div {
        flex: 0.8 0 50%;
    }
}

.cadastro-logar .recuperar-senha {
    margin-left: 60px;
}
        .modal-footer .botao+.botao {
            margin: 0 0 0 10px !important;
        }

.cep .input-append.input-prepend {
    max-width: 300px;

    .btn {
        line-height: '';
    }
}

.produto .acoes-produto .comprar {
     .botao {
        line-height: 32px;
        max-width: 230px;
    }
}    

.menu.superior .nivel-um li {
    width: fit-content;
    box-sizing: border-box;
    padding: 0 20px;
}

.menu.superior .nivel-dois::before {
    content: "";
    top: -4px;
    position: absolute;
    left: 60px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid #fff;
}


.hide-desktop {
    display: none !important;
}

@container scroll-state((scrollable: top)) {

    .menu.superior {
        background: rgba(35, 37, 40, 0.61);
    }
}

@container scroll-state(scrolled: block-end) {
  .menu.superior {
    height: 0 !important;
    overflow: hidden;
  }
}

/* Triggers when the user has most recently scrolled upward */
@container scroll-state(scrolled: block-start) or not scroll-state(scrollable: top) {
    .menu.superior {
      height: 50px !important;
      overflow: visible;
    }
}

#cabecalho .menu.superior {
    display: initial;
    height: 50px;
    width: 100vw !important;
    position: initial;
}

.logo  {  
    width: 200px;
    
}


.logo a { height: 60px; }



.conteiner,.tema-pequeno .conteiner {
    max-width: 1274px;
    width: auto;

}

#cabecalho>.conteiner>.row-fluid {
    flex-grow: 1;
    max-width: 1274px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
}




#barraTopo {
    display: none !important;
}

.conteiner .row-fluid .conteudo-topo {
    display: flex;
    
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 0;
    
}

#cabecalho .conteiner .row-fluid .span3 {
    /*flex-grow: .3;*/
}

.conteiner .row-fluid .conteudo-topo.span9 {
    width: auto;
    /*flex-grow: .7;*/
}

.conteiner .row-fluid .conteudo-topo .superior {
    
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    width: fit-content;
    /*gap: 8px;*/
    box-sizing: border-box;
    padding: 0;
    min-width: 0;
}

.conteiner .row-fluid .conteudo-topo .superior .span8 {
       /*margin: 0 15px;*/
       /*margin-left: 20px;*/
       width: auto;


    background: rgba(255, 255, 255 , .05);
    border: 1px solid rgba(255, 255, 255 , .05);
    border-radius: var(--b-radius);
    transition: all 250ms ease-in-out;
    max-width: 160px;
    height: 53px;

    
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;

       a.menu-user-welcome {
        box-sizing: border-box;
        padding: 5px 10px;
        max-width: 160px;
        width: auto;
        text-overflow: ellipsis;
        line-break: loose;
    }
/*
    a.menu-user-welcome::before {
        
        content: "\f090";
        font-family: FontAwesome;
        font-size: 24px;
        font-weight: 300;
        display: block;
        margin: 0 5px 0 2px;
        grid-row: span 2;
        color: rgba(255, 255, 255, .7);
        float: left;
        margin-right: 10px;
        line-height: 26px;
    }*/

    &:hover {
        background: rgba(255, 255, 255 , .07);
        border: 1px solid rgba(255, 255, 255 , .07);
    }
}

.conteiner .row-fluid .conteudo-topo .superior .span4 {
       width: auto;
       margin: 0 25px 0 22px;
}

.conteiner .row-fluid .conteudo-topo .inferior {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    box-sizing: border-box;

    width: 520px;
}


.conteiner .row-fluid .conteudo-topo .inferior .span8 {
    
    padding: 10px !important;
    margin-left: 15px;

    .busca input {
        max-width: 450px;
    }

}



.conteiner .row-fluid .conteudo-topo .inferior .span4 {
    width: initial !important;
    box-sizing: border-box;
    margin-left: 20px;
}

.conteiner .row-fluid .conteudo-topo .inferior .span4 a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}






.busca .botao-busca {
    right: 0.65%;
}




    

    .order-listagem {

    }

    .conteudo .order-listagem+h1.titulo {



    }

    .pagina-busca .coluna {
        display: flex;
        flex-direction: column;
    }

    .pagina-busca .coluna>div.row-fluid {
        order: 3;
    } 

    .pagina-busca .caixa-destaque {
        width: 100%;

        .botao.secundario {
            margin-top: 10px;
        }
    }



/* PAGINA-CARRINHO */

table {
    border-spacing: 0;
}

.span12 .titulo small {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0 7px;
}

table tr {
    
}

.tabela-carrinho {
    border-radius: var(--b-radius) !important;
  border-collapse: separate !important;
  border-spacing: 0;
    border: 1px solid rgba(0,0,0,0.07);
    /*background-color: rgba(0, 0, 0, 0.03);*/
}

.tabela-carrinho {
    th:first-child {
        border-radius: var(--b-radius) 0 0 0;
    }

    th:last-child {
        border-radius: 0 var(--b-radius) 0 0;
    }

    .bg-dark:last-child td:first-child {
        border-radius: 0 0 0 var(--b-radius);
    }

    .bg-dark:last-child td:last-child {
        border-radius: 0 0 var(--b-radius) 0;
    }
}

 .table tr:not(:last-child) td, .table tr th {
        border-bottom: 1px solid rgba(0,0,0,0.07);
        /*border-radius: var(--b-radius) 0 0 0;*/
}

.tabela-carrinho td, .tabela-carrinho th, td {
    border: none;
}

.tabela-carrinho th:first-child {
        padding-left: 30px;
}


.carrinho-checkout .tabela-carrinho  {
    th:first-child, tr td:first-child {
        padding-left: 20px;
    }
}

.tabela-carrinho .produto-info {
    a {
        font-size: 14px;
    }
}

.tabela-carrinho .conteiner-imagem {
    padding: 10px 5px 10px 10px !important;
}

.tabela-carrinho .preco-produto .preco-venda {
    font-weight: 400;
    color: #555;
}

.conteiner-imagem {
    width: 90% !important;
}

.tabela-carrinho .conteiner-imagem .imagem {
            width: 60px !important;
            height: 60px !important;
            img {
                width: 52px !important;
                height: 52px !important;
            }
}

.tabela-carrinho .subtotal, .tabela-carrinho .subtotal span  {
    margin-right: 10px;
}

.tabela-carrinho .valores-desconto {
    margin: 0 5px 5px 0;
}

.tabela-carrinho .total .titulo {
    margin-right: 5px;
}

.pagina-carrinho:not(.carrinho-checkout) .tabela-carrinho thead th:last-child {
    width: 8%;
}


.tabela-carrinho tbody tr[data-produto-id] td:last-child {
   /* border-left: 1px solid rgba(0, 0, 0, .07);*/
}


.botao i {
    color: inherit;
}



.tabela-carrinho tr[data-produto-id] {
    border-collapse: separate !important;
    border-spacing: 0 10px;
    
        margin: 0 0 20px;
    /*background: #fff;*/

    td {
        
       /* border-radius: calc(var(--b-radius) * 2) !important;*/
    }
/*
    .tag-frete-gratis {
        padding: 2px 5px;
        font-weight: 500;
    }*/
}

.pagina-carrinho .conteiner {
    max-width: 1260px;
    width: 100%;
}


.carrinho-checkout .span6 .atendimento {
    color: var(--cHeadTxt);
    border: none;
    display: flex;
    align-items: center;
    margin: 0;

    a {
        color: var(--cHeadTxt);
    }

    .icone-box {
        border: none;
        color: rgba(255, 255, 255 , .7);
    }

    strong.cor-principal {
        color: rgba(255, 255, 255 , .6);
        font-weight: 500;

    }
}




#modalContato .table tr:nth-child(5) {
    display: none !important;
}
  
.form-horizontal .control-group {

    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap;

    .controls {
        margin: 0 0 0 15px !important;

        .help-inline {
            margin: 0 !important;
            padding-left: 5px !important;
        }
    }

    .controls input {
        width: 220px !important;  
        box-sizing: content-box;
    }

    .controls input[name="cupom"] {
        min-width: 300px !important;
    }

    .controls .input-append {
        width: initial !important;
    }

    
    .controls .btn {
        top: 4px;
    }

}

.possui-cupom {
    td:first-child {
        padding-left: 2vw;
    }
    
    td:last-child {
        padding-right: 1.8vw;
    }
}


.botao {
    box-sizing: border-box;
    min-height: 40px;
    width: auto;
}

select, input[type="text"], input[type="password"], input[type="tel"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"]:not(.qtde-carrinho), input[type="email"], input[type="url"], 
input[type="search"], input[type="color"], .uneditable-input { 
    min-height: 40px !important;
    box-sizing: border-box;
}

#modalRecuperarSenha #id_email_recuperar_senha{
    min-width: 350px;
}


.pagina-carrinho .acao-editar {
    display: flex;
    flex-direction: row;
    align-items: center;


    .botao {
        margin-bottom: 0 !important;
        font-size: 14px !important;
        width: fit-content !important;

        &:first-child {
            margin-right: 10px;
        }
    }
}

.carrinho-checkout .acao-editar .botao:first-child {
    margin-right: 0;
}

.carrinho-checkout .acao-editar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.tabela-carrinho tr {
    display: table-row !important;
}
    

.tabela-carrinho .com-promocao {
    .preco-venda {
        font-size: 13px !important;
        text-align: center !important;
    }

    .preco-promocional {
        font-size: 16px !important;
    }
}



.tabela-carrinho tbody tr.bg-dark:nth-child(2 of .bg-dark) td:first-child {
    vertical-align: top;

}

:has(.formas-envio ul li:nth-child(2)) .tabela-carrinho tbody tr.bg-dark:nth-child(2 of .bg-dark) td:first-child form {
       /* margin-top: 20px;*/
}









.formas-envio ul {
    margin-top: 10px;

    li label {
        height: 40px !important;
    }

}

/*
.formas-envio ul {
    
        display: grid;
        
        grid-template-columns:  repeat(3, 1fr) !important;
        gap: 10px !important;
        grid-auto-flow: row;
        

        li label {  
            width: 120px !important;
            height: fit-content !important;
            grid-template-areas: "img"
            "desc"
            "time"
            "price" !important;
            grid-template-columns: 1fr  !important;


            input[type="radio"]{
                display: none !important;
                align-self: flex-start;
            }

            img {
                height: 20px;
                width: auto !important;
            }

        }
}

*/



#rodape .institucional .span9 .row-fluid {
    
    flex-direction: row !important;
    padding: 0;
    box-sizing: border-box;

    div span {
        margin-bottom: 0 !important;
    }

    .sobre-loja-rodape {
        order: 1;
        margin-left: 0;
        width: 50%;
        padding-right: 120px;
    }
}

.pagamento-selos {
    .conteiner {
        padding: 10px;
    }   
}

.redes-sociais .titulo, .pagamento-selos .titulo {
        margin-bottom: 0!important ;

}

/* FIM DESKTOP */    
}







.tabela-carrinho .produto-info {
    a {
        font-size: 14px;
        font-weight: 500;
    }

    ul li {
        float:left;
        margin-right: 15px;
    }
}

.tabela-carrinho .conteiner-imagem {
    padding: 10px 0;
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;  
}

.tabela-carrinho .preco-produto .preco-venda {
    font-weight: 400;
    color: #555;
}

.tabela-carrinho .conteiner-imagem .imagem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--b-radius);
            width: 65px;
            height: 65px;
            background: var(--cGrey100);
            img {
                width: 57px;
                height: 57px;
                mix-blend-mode: multiply;
            }
}



  .quantidade {
        margin: 0 auto;
        display: grid;
        width: fit-content;
        align-items: center;
        grid-auto-flow: row;
        grid-template-columns: .5fr 1fr .5fr;
        overflow: hidden;
        position: relative;
        

        border: 1px solid rgb(230, 230, 230);
        border-radius: var(--b-radius);
        padding: 7px;
        transition: var(--base-transition);
        

        & .input-mini {
            border: none;
            padding: 0;
            margin: 0;
            font-size: 16px;
            border-radius: 0 !important;
            min-height: initial !important;
        }
        
        &:focus-within {

            border-color: hsla(242, 23%, 33%, .8) ;

            & .atualizar-quantidade {
                right: 7px;
            }

            a {
                top: 35px;
            }
            
        }

        &:has(a:focus){
            & .atualizar-quantidade {
                right: -30px;
            }

            a {
                top: 0px;
            }
        }

        a {
            border: 1px solid oklch(0.928 0.006 264.531);
            width: 24px;
            height: 24px;
            line-height: 24px;
            border-radius: var(--smallBRadius);
            text-shadow: none;
            font-size: 12px !important;
            top: 0;
            transition: var(--base-transition);
            position: relative;
            
        }

        a.icon-plus {

                grid-row: 1;
                grid-column: 3;
                z-index: 1;
        }
        
        .atualizar-quantidade {
            transition: var(--base-transition);
            display: block !important;
            position: absolute;
            top: 1px;
            right: -30px;
            margin: 0;
            font-size: 0;
                width: 24px !important;
                min-height: 24px !important;
                line-height: normal !important;
                padding: 0;
                grid-row: 1;
                grid-column: 3;
                z-index: 2; 

            &::before {
                content: "\f021";
                font-family: FontAwesome;
                font-size: 13px;
                color: var(--cHeadTxt);
                margin: 0;
            }
            
            &:hover {
                border-radius: var(--smallBRadius) !important;
            }

        }
   
    }






.tabela-carrinho td, .tabela-carrinho th, td {
    border: none;
}


.tabela-carrinho tr {
    
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: var(--b-radius);
}

.tabela-carrinho tr:not([data-produto-id], .possui-cupom) {
    border-color: transparent;
}


@media only screen and (max-width: 420px) { /* 420px  */

    .tabela-carrinho tr[data-produto-id] {    
        grid-template-areas:
            "img inf inf inf"
            "preco preco qtd del" !important;

    }

    .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) {
        padding-right: 10px !important;
    }

    .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5) {
        align-self: center !important;
        margin-top: 0 !important;
    }

    .tabela-carrinho tbody tr[data-produto-id] td:nth-child(2) .produto-info ul {
        margin-top: 0 !important;
    }

    .tabela-carrinho tbody tr[data-produto-id] td:nth-child(4) {
        padding-left: 2px !important;
    }

}


.tabela-carrinho tr[data-produto-id] {
    padding: 5px 15px;
    display: grid;
    column-gap: 7px;
    justify-items: center;
    align-items: center;
    grid-template-columns: 65px auto auto 6%;
    grid-template-rows: auto;
    grid-template-areas:
        "img inf inf inf"
        "img preco qtd del";

    /* lista de produto em 1 bloco */
    border: 1px solid rgba(0, 0, 0, .07);
    margin-bottom: 0;    
    border-bottom: none;
    border-radius: 0;

    &:first-child {
        border-radius: var(--b-radius) var(--b-radius) 0 0;
    }

    &:nth-last-child(1 of tr:not(.bg-dark)) {
        border-bottom-left-radius: var(--b-radius);
        border-bottom-right-radius: var(--b-radius);
        border-bottom: 1px solid rgba(0, 0, 0, .07);
        margin-bottom: 20px;
    }


    /* fim produto em 1 bloco */

        .tag-frete-gratis {
            padding: 2px 5px;
            font-weight: 500;
        }
 }

.tabela-carrinho tbody tr[data-produto-id] td:nth-child(1) {
    grid-area: img;
    align-self: flex-start;
    justify-self: flex-start;
}

.tabela-carrinho tbody tr[data-produto-id] td:nth-child(2) {
    grid-area: inf;
    align-self: center;
    justify-self: flex-start;

    .produto-info ul {
        margin-top: 5px;
    }
}


.tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) {
    grid-area: qtd;
    justify-self: flex-end;
    padding-right: 0;
}

.tabela-carrinho tbody tr[data-produto-id] td:nth-child(4) {
    grid-area: preco;
    justify-self: flex-start;
    
    div s {
        text-align: left;
    }
}

.tabela-carrinho tbody tr[data-produto-id] td:nth-child(5) {
    grid-area: del;
    align-self: center;
    margin-top: -1px;
}

.tabela-carrinho tbody tr[data-produto-id] td:nth-child(n + 3) {
    padding-top: 5px;
}

/*
.tabela-carrinho .possui-cupom {
    border-style: dashed;
    border-width: 2px;
}*/

.tabela-carrinho .total {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.tabela-carrinho .produto-info ul li * {
    font-size: 12px;
}



/* PAGINA CHECKOUT */

.carrinho-checkout .total {
    
    justify-content: flex-start;
}

.carrinho-checkout .cabecalho-interno, .carrinho-checkout .cabecalho-interno small  {
    display: block !important;
}



.span12 .titulo small {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}


/* PAGINAS CONTA */


.abas-conta {
    margin-bottom: 15px;
    border-radius: var(--b-radius);
    padding: 4px;
    background: #f1f1f1;
    width: fit-content;
    border-color: #f2f2f2;

    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3, auto);
    flex-wrap: nowrap;
    overflow: hidden;
    
     li a {
        font-size: 14px;
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 6px;
        padding: 8px 10px;
        border-radius: var(--smallBRadius);
        box-shadow: none !important;
        background: none;
        border-width: 1px;
        border-color: transparent;
        /*border: 1px solid rgba(0, 0, 0, .07);*/
        background: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*
    li a::after {
        
        content: "";
        bottom: -3px;
        position: absolute;
        left: 62px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
    }

    li a::before {
        
        content: "";
        bottom: -8px;
        position: absolute;
        left: 60px;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 8px solid #f1f1f1;
    }*/

    li.active a {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .07);
    }

    li.hidden-phone {
        display: block !important;
    }

    li:last-child {
        margin-right: 0; 
    }
}


.abas-conteudo {
    padding: 0 5px;
    box-shadow: none !important;
    border-radius: var(--b-radius);

    .caixa-dados {
        border: none;

        h3.titulo { 
            margin-top: -8px;
            border-color: rgba(0, 0, 0, .07);

            font-weight: 600;
        }
    }

    .outros-enderecos p {
        text-align: center;
        padding: 30px 30px 10px;
        
    }
}

.abas-conteudo,.conta-menu,.pagina-conta .caixa-sombreada {
    background: #fff;
    border-color: #f2f2f2 !important;
}

h3 small {
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
}

.cartao-salvo-vazio {
    
    padding-bottom: 30px;
}

.conta-menu {
    padding: 20px 0 10px;

        i {
            margin-right: 8px;
        }

    .titulo {
        font-size: 15px;
        border-color: rgba(0, 0, 0, .07);
        padding: 0 20px 15px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul li {
        padding: 0 10px;
    }

    .divisor {
        border-color: rgba(0, 0, 0, .07);
    }

    ul li a {
        padding: 8px 10px;
        border-radius: var(--smallBRadius);
        font-size: 14px;
        font-weight: 500;
        

    }
}


.pagina-pedido-listar {
    .buscar-pedidos {
        border-color: rgba(0, 0, 0, .07);
    }

    .caixa-dados h3+form+div {
        margin: 20px 0 10px;

        .table {
            margin-bottom: 0;

            tr, td {
                border: none;
            }

            th:first-child {
                border-left: none;
            }

            th:last-child {
                border-right: none;
            }
        }

        h4 {
            margin-bottom: 15px;
            font-size: 18px;
            font-weight: 600;
        }

        .table td a {
            text-decoration: underline;
        }
    }
}



#cupomResultado {
    display: block;
}

/* Flag do cartão no campo numero */
.cartao_cartao_numero {
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 30px 20px;
}



    h2 .icon-check {
        vertical-align: initial;
        font-size: 47px;
    }


.botao.desativo,
.botao.grande.desativo,
.botao.pequeno.desativo,
.botao.principal.desativo, 
.botao.principal.grande.desativo, 
.botao.grande.desativo, 
.botao-comprar.desativo,
.botao.principal.desativo:hover:not(.newsletter-assinar,.botao-busca, .dropdown-toggle), 
.botao.principal.grande.desativo:hover, 
.botao.grande.desativo:hover, 
.botao-comprar.desativo:hover {
    background: hsl(344, 30%, 90%) !important;
    color: hsl(344, 20%, 60%);
    opacity: 1 !important;
    filter: none !important;
}


@media only screen and (max-width: 767px) {


#listagemProdutos.listagem .imagem-produto,#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem.aproveite-tambem .imagem-produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .imagem-produto {
    height: auto !important;

    img {
        position: static;
    }
} 

.pagina-produto .conteiner-imagem > div {

    --wh: calc(100% + 24px);
    
    width: var(--wh);
    height: var(--wh);
    margin: -12px -12px 12px -12px;
    max-width: var(--wh);
}


.info-principal-produto {
    .nome-produto { font-size: 18px !important; }
}

.acoes-produto {
    .preco-venda {
        font-size: 16px !important;
    }

    .preco-promocional {
        font-size: 24px !important;
    }
} 

.busca .botao-busca {
    background: none !important;
}

    /*banner full mobile */

.pagina-inicial .secao-banners>.conteiner {
    padding: 0;

    .slides {
        /*border-radius: var(--radius1-5);
        overflow: hidden;*/
    }

    .flex-direction-nav {
        display: none !important;
    }
}

    
    .abas-conta {
        width: 100% !important;
        box-sizing: border-box;

        li {
            margin-right: 0; 
        }

        &::after {
            content: none;
            display: none;
        }
    }

    .pedido-finalizado #box-pagamento-pix button.pix-code-copy {
        padding: 6px 14px;
    }



/* PAGINA PEDIDO FINALIZADO */

.pagina-pedido-finalizado,.pagina-pedido {




    .resumo-compra {
        margin-top: 20px;

        .table {
            margin-bottom: 0;
        }
    }

    .resumo-compra .tabela-carrinho tbody tr, .table-condensed.table-pedido-item {
        padding: 5px 0;
        margin: 0 0 10px;
    }

    .resumo-compra .tabela-carrinho tbody tr:has(td div.imagem) {
        display: grid;
        grid-template-areas: "img inf inf" "img qtd price";
        grid-template-columns: 65px 1fr 1fr; 
        column-gap: 8px;

        border-bottom: 1px solid #f2f2f2;

        margin: 0;
        padding: 8px 0;
        border-radius: 0;

        &> td { padding: 0; 
        display: block;  }


        td:first-child {
            grid-area: img;

            .imagem {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 65px;
                height: 65px;
                border-radius: var(--b-radius);
                background: var(--cGrey100);
            }

            img {
                width: 57px;
                height: 57px;
                mix-blend-mode: multiply;
            }
        }

        td:nth-child(2) {
            grid-area: inf;
            padding: 2px 5px;

            .produto-info {
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                overflow-wrap: break-word; 
                word-break: break-all;
            }
        }

        td:nth-child(3) {
            grid-area: qtd;
            place-self: end;
        }

        td:nth-child(4) {
            grid-area: price;
        }

        td:last-child {
            padding: 0 5px 0 10px;
            place-self: end;
        }

    }


    .resumo-compra .tabela-carrinho tbody tr:not(:has(td div.imagem)) {
        padding: 0;
        margin: 0;

        &:nth-child(1 of :not(:has(td div.imagem))) {
            margin-top: 10px;

            td {
                
                padding-right: 5px;
            }
        }

        td {
            padding: 5px 12px;
        }

        td div {
            text-align: right;
            padding: 0;

            & * {   
                font-size: 15px;
            }
        }

        &:last-child {

            div {
                padding: 5px 0 0;
            }

            td {
                padding: 5px;
            }

            .total {
                gap: 8px;

                strong {
                    font-size: 18px;
                    font-weight: 700 !important;
                }
            }

        }

    } 

    /* Tabelas listar peddido */

    .table-condensed.table-pedido-item tbody tr:has(td div.produto-info) {
        display: grid;
        grid-template-areas: "inf inf inf" "price qtd sub";
        column-gap: 8px;

        border-bottom: 1px solid #f2f2f2;
        margin: 0;
        border-radius: 0;

        &> td { padding: 0; 
        display: block;  }


        td:first-child {
            grid-area: inf;
            margin-bottom: 5px;

            span {
                display: block;
                padding: 0 5px;
                color: #444;
            }
        }

        td:nth-child(2) {
            grid-area: price;
            padding: 2px 5px;
        }

        td:nth-child(3) {
            grid-area: qtd;
            place-self: center;
        }

        td:nth-child(4) {
            grid-area: sub;
        }

        td:last-child {
            padding: 0 5px 0 10px;
            place-self: end;
        }


        &:last-child {
            margin-bottom: 15px;
        }

    }

    .table-condensed.table-pedido-item tbody tr:not(:has(td div.produto-info)) {
        padding: 0;
        margin: 0;

        &:nth-child(1 of :not(:has(td div.produto-info))) {
            margin-top: 10px;
            
            td.subtotal {
                margin-right: 2px;
            }
        }

        td {
            padding: 5px 12px;
            text-align: end;

             strong {
                font-size: 14px;
                font-weight: 500;
            }

            &:not(.total) {
                margin-right: 8px;
            }
        }

        /*
        &:has(td.subtotal):not(tr:has(td.subtotal) ~ tr:has(td.subtotal)) {
            
        }*/

        td.total{
            margin: 0;
        }

        td:first-child{
            display: none;
        }

        td div {
            text-align: right;
            padding: 0;

            & * {   
                font-size: 15px;
            }
        }

        &:last-child {

            div {
                padding: 5px 0 0;
            }

            td {
                padding: 5px;
            }

            .total {
                padding-bottom: 0;

                strong {
                    font-size: 18px;
                    font-weight: 600 !important;
                }
            }

        }

    } 
    


}



/* centers the info in the footer */

#rodape>div:nth-child(3),
    #rodape > div:not(.institucional, .pagamento-selos) {

    .conteiner {
        padding-top: 15px;
    }

    .conteiner>.row-fluid {
        flex-direction: column;

        .span9, .span9+div {
            text-align: center !important;
        }
    }
}


.abas-conteudo .caixa-dados {
    .span6:first-child {
        margin-bottom: 30px;
    
    }

    .acao-editar .botao {
        
        &:first-child {
            margin-bottom: 10px;
        }
    }
}


.span12 h1.titulo {
    font-size: 22px;
    
    small {
        font-size: 14px;
    }
}

h3.titulo {
    margin-top: 0px !important;

    small {
        font-size: 14px;
        font-weight: 400;
        display: block;
        margin: 2px 0 15px;
    }
}

.carrinho-checkout .tabela-carrinho tbody tr:not(.bg-dark) {
    display: grid; 
    justify-items: start;
    grid-auto-flow: column;
    grid-template-columns: 60% 15% 1fr;
    align-items: center;
    margin-bottom: 0;
    
    border: 1px solid rgba(0, 0, 0, .07);
    border-bottom: none;
    border-radius: 0;

    padding: 5px;


    &:first-child {
        border-radius: var(--b-radius) var(--b-radius) 0 0;
    }

    &:nth-last-child(1 of tr:not(.bg-dark)) {
        border-bottom-left-radius: var(--b-radius);
        border-bottom-right-radius: var(--b-radius);
        border-bottom: 1px solid rgba(0, 0, 0, .07);
        margin-bottom: 20px;
    }

    td:first-child {
        box-sizing: border-box;
        width: 100%;
            padding-right: 2px;

        .produto-info {
            width: 100%;
        }
    }

    td:nth-child(2) {
        justify-self: center;

        div {
            background: none;
            font-size: 14px;
        }
    }

    td:nth-child(3) {
        justify-self: end;
        padding-right: 14px;
    }

    .preco-produto {
        padding-left: 0; 
    }


}


.carrinho-checkout .tabela-carrinho tbody tr.bg-dark:not(.esconder-mobile) {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    /*margin-bottom: 0;*/

    &.tr-checkout-frete {
            
        div { padding-left: 0; }

        td:first-child {
            display: none;
        }

        .padding-preco {
            /*flex: 1 0.5 16%;*/
            padding-right: 15px;
            box-sizing: border-box;
        }

        .text-right {
            /*flex: 0.5 0.5 81%;*/
            padding: 0 10px 0 0;
        }
    }

    &.tr-checkout-total {
        .padding-preco {
            min-width: 15%;
            padding-right: 10px;
            box-sizing: border-box;
        }
    }

    &.tr-checkout-total {
        /*margin: 0 0 20px;*/
    }

        
    
}

.carrinho-checkout .tabela-carrinho tbody tr.tr-checkout-frete + tr.bg-dark  {
        align-items: self-start;
        padding: 10px;


        .cupom strong {
            margin-right: 10px;
        }

        td:first-child {
            flex: 1 1 100%;
            box-sizing: border-box;
        }

        .text-right {
            flex: 1 0.5 50%;
            padding: 0 10px 0 0;
        }

        .padding-preco { 
            /*flex: 0.5 0.5 4%;*/
            padding-right: 10px;
            box-sizing: border-box;
            padding: 0 8px 0 0;

            div { padding-left: 0; }

            span {
                display: flex !important;
                flex-direction: column;
                align-items: flex-end;
                flex-wrap: nowrap;
                width: fit-content;
            }

            span small {
                width: fit-content;
            }
        }
}


.carrinho-checkout .tabela-carrinho tbody tr.bg-dark.desconto-tr {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

    .padding-preco {
        padding-right: 18px;
    }
}


.tr-checkout-total  {
    display: block;
}





.conteudo-topo .busca-mobile {
    background: none !important;
}


.resumo-compra .tabela-carrinho .tr-checkout-total .padding-preco {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;

    .total {
        padding-left: 12px;
    }
}


/* CADASTRO - LOGIN PAGES */

.cadastro-logar .botao {
    margin: 15px 0 0;
}

.caixa-sombreada {
    padding-top: 15px;
}

.control-group .controls {
    margin: 5px 0 10px !important;

    .cartao_cartao_cvv {
        width: 40%;
    }
}

.acao-editar > div > * {
    margin: 0;
}

.acao-editar > div > *+* {
    margin: 15px 0 0 !important;
}

/* RESETS para slider de produtos no MObile */

.listagem .produtos-carrossel {
    padding: 0;

    .flex-direction-nav {
        display: none !important;
    }

    .listagem-linha .flex-viewport {
        max-height: fit-content;

        ul {
            width: 100% !important;
        }
    }
}

.listagem .produtos-carrossel .listagem-linha li .listagem-item {
    margin: 0 !important;
}


.pagina-produto .breadcrumbs {
    display: none;
}


/* produto info margins texto espacamento no card */
.listagem-item .info-produto {
    padding: 8px 8px 8px !important;
    
    --otherPrecos: 13px;
    --precoProm: 16px;

    .nome-produto {
        line-height: normal !important;
    }

    .preco-produto {
        margin: 0 !important;

        div {
            margin: 0;
        }

        .preco-venda {
            margin: 5px 0 0 !important;
            font-size: var(--otherPrecos) !important;
        }
        .preco-parcela {
            font-size: var(--otherPrecos) !important;

            strong {
                font-size: inherit !important;
            }
        }
        
        .preco-promocional,  span.preco-a-partir strong {
            font-size: var(--precoProm) !important;
            margin-top: 10px !important;
        }

        .preco-venda + .preco-promocional, .preco-a-partir span + strong {
            margin: 0 !important;
        }

        .preco-a-partir {
            >span {
                display: inline-block;
                margin-top: 8px;
            }
        }

        .desconto-a-vista {
            font-size: var(--otherPrecos) !important;
        }
    }
}


/*
.span6 .input-append .btn-group .dropdown-menu {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    min-height: 250px;
}*/



.listagem .listagem-linha:not(:first-child) {
    padding-top: 8px;
}

.listagem.com-caixa .listagem-item .imagem-produto {
        border-bottom: none !important;
    }

.listagem-linha ul::after,.listagem-linha ul::before {
        display: none !important;
        content: none !important;
} 

/*
.listagem .listagem-linha.flexslider ul {
    display: block;
}*/

.listagem .listagem-linha ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;

      

    li {
        flex: 0 0 calc(50% - 4px);
        margin: 0;
        box-sizing: border-box;
        margin: 0 !important; 
    }

    li .listagem-item {


        .acoes-produto-responsiva {
            display: none !important;
        }
    }

    .info-produto {
        margin: 0 !important;
    }

}



.thumbs-horizontal .flex-direction-nav {
    display: none;
}

.thumbs-horizontal .flex-viewport {
    margin: 0 !important;
}

.thumbs-horizontal .miniaturas.slides {

    display: flex !important;
    flex-direction: row;
    align-items: center;

}

.thumbs-horizontal .elastislide-carousel ul li a {
    border: 1px solid transparent;
    box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px;
    border-radius: var(--smallBRadius);
    transition: var(--base-transition);
    transition-duration: .2s;

    span img {
        /*width: auto !important;*/
        padding: 2px;
        box-sizing: border-box;
    }
}

.thumbs-horizontal .elastislide-carousel ul li:hover a {
    
    box-shadow: var(--cAccent) 0px 0px 0px 1px;
}

.thumbs-horizontal .elastislide-carousel ul li.active a {
    
    box-shadow: var(--cAccent) 0px 0px 0px 1.5px;
    opacity: 1;
}




.show-phone {
    display: flex !important;
}

.conteiner .row-fluid .conteudo-topo.span9 {
    overflow: hidden;
    box-sizing: border-box;
    min-height: 0;
    transition: var(--base-transition);
    height: 68px;
}

@container scroll-state(scrolled: bottom) {
  .conteudo-topo.span9 {
    height: 0 !important;
  }

.mobile-opt .show-busca {
    width: 40px;
  }
}
/*
:has(.conteudo-topo.span9.show) {
    .conteudo-topo.span9 {
        height: 68px !important;
    }

  .mobile-opt .show-busca {
    width: 0;
  }

}
*/

@container scroll-state(scrolled: top) {
  .conteudo-topo.span9 {
    height: 68px !important;
  }

  .mobile-opt .show-busca {
    width: 0;
  }

}

/*
@container scroll-state(/*scrolled*//* scrollable: top) {
  .conteudo-topo.span9 {
    height: 0 !important;
  }

  .mobile-opt .show-busca {
    width: 40px;
  }
}*/

#cabecalho>.conteiner>.row-fluid {
    
    display: grid;
    grid-template-columns: 1fr 70% 1fr;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    
    /* Logo to the Left and Options to the Right*/
    
    grid-template-columns: 1fr max-content 50px;
}


    .tabela-carrinho .quantidade a {
        font-size: 18px;
    }

    .tabela-carrinho .excluir a {
        font-size: 16px;
        color: #555;

        &:hover {
            color: var(--cAccent);
        }
    }

    #corpo .conteiner {
        padding: 12px;
    }

    .botao {
        min-height: 44px;
        line-height: 32px;
        width: 100% !important;
    }

    .cabecalho-interno .titulo {
        margin: 12px 0;
    }

    .tabela-carrinho .form-horizontal {
        margin-top: 0;
    }



    .finalizar-compra .cabecalho-interno .span12 {
        display: flex;
        flex-direction: row;
        align-items: center;


        .item-count {
            font-size: 16px;
            font-weight: 600;
            margin-left: auto;
            color: rgba(0, 0, 0, .8);
        }
    }

    .cupom-sucesso small.muted {
        line-height: normal;
        display: inline-block;
        margin: 12px 0 0;
        text-align: left;
    }

}


.possui-cupom .icon-remove:before {
    content: "\f2ed";
}


.tabela-carrinho {
    .preco-venda {
        font-size: 13px;
    }

    .preco-promocional {
        font-size: 16px !important;
    }
}

.cupom-sucesso {

    
    .cupom-codigo {
        position: relative;
        border-style: none !important;
        border-radius: var(--smallBRadius) !important;
        padding: 5px 8px !important;/*
        background-color: #005ab5 !important;
        color: #dbedff !important;*/
        margin: 0 0 0 10px;
    }

    .cupom-codigo:before {
        border-bottom-right-radius: 32px;
        border-top-right-radius: 32px;
        box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .07);
        left: 0;    

    }

    .cupom-codigo:after {
        border-bottom-left-radius: 32px;
        border-top-left-radius: 32px;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .08);
        right: -1px;    
    }

    
    .cupom-codigo:after,.cupom-codigo:before {
        background: #eff7ff;
        bottom: 0;
        content: "";
        display: block;
        height: 8px;
        overflow: hidden;
        position: absolute;
        top: calc((100% / 2) - 5px);
        width: 4px; 
    }
    
}



.pagina-carrinho .acao-editar {

    .span12 {
        padding: 0;
    }

    .botao {
        font-size: 16px;
        width: 100%;
        margin: 0;
    }
}

/*
.formas-envio {
    label {
        margin: 0;
        min-height: 38px;
        line-height: 38px;
        cursor: pointer;

        border: 1px solid rgba(0, 0, 0, 0.13);

        input[type=radio] {
            height: 38px;
    padding: 0 10px;
    float: left;

        }
    }
}

*/
.formas-envio {

    ul {
        display: grid;
        
        grid-template-columns: 1fr;
        gap: 8px;
        row-gap: 10px;
        grid-auto-flow: row;
        /*
        grid-template-columns: repeat(4, calc(25% - 8px));
        gap: 8px;
        grid-auto-flow: row;
        */
    }


    ul li {
        /*padding: 5px 0;*/
        box-sizing: border-box;
    }

    li label {
        width: 100%;
        height: 50px !important;
        
        /*border: 2px solid rgba(0,0,0, .07);*/
        box-shadow:  rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        border-radius: var(--b-radius);
        box-sizing: border-box;
        display: grid;
        grid-template-areas: "check desc time price";
        grid-template-columns: 35px 1fr 1fr 1fr;
        grid-auto-flow: dense;
        transition: var(--base-transition);
        
        
        align-items: center;
        justify-items: center;
        align-content: center;
    
        padding: 5px !important;
        margin: 0  !important;


        input[type="radio"] {
            flex-grow: .2;
            width: 15px;
            height: 15px;
            justify-self: center;
            align-self: center;
            margin: 0 !important;
            grid-area: check;
        }

        .nome {
            grid-area: desc;
            
        }

        .prazo {
            grid-area: time;
        }

        .valor {
            grid-area: price;
        }

        .img {
            display: none;
            grid-area: img;
            width: 100%;
            height: 100%;
            border-radius: var(--b-radius);
            padding: 5px;
            display: flex;

            justify-content: center;
            align-items: center;

            img{
                width: 80%;
            }
        }

    }

    li label:has(input[type="radio"]:checked){
        box-shadow: var(--cFocus-Selected) 0px 0px 0px 1.1px;
        background-color: rgba(66, 65, 104, 0.05);
    }


}


.form-horizontal .control-group {

    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;

    .controls {
        margin: 15px 0 0;
        
        width: 100%;

        .help-inline {
            margin: 15px 0 0 0;
            padding-left: 0;
        }
    }


    .controls .input-cep, .controls input {
        
        height: 36px !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        padding: 0 12px;
        transition: all 0.3s ease-in-out;
        width: 100%;  
        text-align: left;
        box-sizing: border-box !important;
    }

    input#usarCupom{
        padding-right: 34.5% !important;
    }


    .controls .input-append {
        position: relative;
        width: 100%;
    }

    .controls .btn {
        background: transparent;
        border: none;
        box-shadow: none;
        position: absolute;
        right: 0;
        z-index: 10;

        i {
            display: none;
        }

        &:hover {
            color: var(--cAccent) !important;
        }
    }
}


.total strong {

    font-size: 20px;

}


.caixa-destaque {
    width: 100%;
}


/* MODAL NEWSLETTER */

.fancybox-skin {

}



#li-alerta-frete-gratis {
    border-radius: var(--b-radius);
    box-sizing: border-box !important;

    
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid var(--border-color);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) ;
	border-color: rgba(34, 197, 94, 0.3) !important;
	background: rgba(34, 197, 94, 0.8) !important;
	animation: slideInRight 0.3s ease-out;
	pointer-events: auto;
    max-width: max-content !important;
    width: calc(100vw - 20px);

    span {
        text-align: start;
    }
}

.li-alerta-frete-gratis-close {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
    place-self: center;
	margin-top: 2px;
    position: static !important;
    top: 0;
    right: 5px;
    width: 20px;
    height: 20px;
    box-shadow: none  !important;
    border: none  !important;
    background: none  !important;
    line-height: 10px;
    font-size: 14px;
    color: #535353;
}


/* ========================================
   Toast Notifications (LAYER 4: LAYOUT continued)
   ======================================== */

.toast-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 400px;
	pointer-events: none;
}

.toast {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	background: var(--bg-card);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-lg);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	animation: slideInRight 0.3s ease-out;
	pointer-events: auto;
}

.toast.error {
	border-color: rgba(239, 68, 68, 0.3);
	background: rgba(239, 68, 68, 0.1);
}

.toast.success {
	border-color: rgba(34, 197, 94, 0.3);
	background: rgba(34, 197, 94, 0.1);
}

.toast.warning {
	border-color: rgba(245, 158, 11, 0.3);
	background: rgba(245, 158, 11, 0.1);
}

.toast-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.toast.error .toast-icon {
	color: #ef4444;
}

.toast.success .toast-icon {
	color: #22c55e;
}

.toast.warning .toast-icon {
	color: #f59e0b;
}

.toast-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.toast-title {
	font-weight: 600;
	color: var(--text-primary);
	font-size: 0.95rem;
}

.toast-message {
	font-size: 0.875rem;
	color: var(--text-secondary);
	line-height: 1.4;
}

.toast-close {
	flex-shrink: 0;
	background: none;
	border: none;
	color: var(--text-secondary);
	cursor: pointer;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color var(--transition-fast);
}

.toast-close:hover {
	color: var(--text-primary);
}

/* ========================================
   LAYER 5: ANIMATIONS — Keyframes
   ========================================
   Animations
   ======================================== */

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideOutRight {
	from {
		opacity: 1;
		transform: translateX(0);
	}
	to {
		opacity: 0;
		transform: translateX(100px);
	}
}

.toast.removing {
	animation: slideOutRight 0.3s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-4px);
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}




/*  PAGINA PEDIDO FINALIZADO   */

.pagina-pedido-finalizado {
    .payment-by div {
        margin-top: 20px;
    }

    .pix-code p:nth-child(3) {
        margin-bottom: 30px !important;
    }

    .pedido-finalizado .caixa-sombreada .caixa-dados {
        padding: 0 !important;
        border: none;
    }

    

}




/*!
 * Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */


.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'FontAwesome'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}


 @font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/solid900.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/brands400.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/regular400.woff2") format("woff2");
  /*unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
*/
  }
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/v4compatibility.woff2") format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}


.bottom-mobile-menu {

      position: sticky;
      z-index: 500;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 70px;
       /*width: ;*/
      background: /*rgba(28, 30, 33, .91)*/rgba(255,255,255, 0.8);
      backdrop-filter: blur(10px);
      /*border-radius: calc(var(--b-radius) * 1.5);
      padding: 0 5px;*/
      /*color: rgb(245, 245, 245);*/

      & * {
        box-sizing: border-box;
      }
      
      
      .menu-items {
       margin: 0 auto;
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-items: center;
       column-gap: 4px;
       /*background: yellow;*/
       /*max-width: 440px;/*/
       width: fit-content;
       height:100%;
       
      }
      
      .item {
        
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 4px;
        padding: 5px;
        /*background: grey;*/
        height: 70px;
      }
      
      .item .mn-icon {
        color: inherit;
        width: 26px;
        height: 26px;
        color: inherit;
      }

      .item .mn-icon:hover use {
            /*fill: var(--cAccent) !important;*/
            color: var(--cAccent);
        }
      
      .item span {
        font-size: 11px;
      }
      
      a {
        display: block;
        flex: 1;
        text-decoration: none;
        color: inherit;
        outline: none;
        min-width: 75px;
        height: 100%;
      }
      
    }


/* Aerts and Messages */
.alert {
        background: hsla(38, 95%, 59%, .15);
        color: hsl(38, 95%, 58%);
        border-color: hsla(38, 95%, 59%, .08);
}

.alert-error {
        background: hsla(352, 87%, 58%, .15);
        color: hsl(352, 87%, 58%);
        border-color: hsla(352, 87%, 58%, .06);
}

.alert-info {
        background: #DEF3FC;
        color: #0EB2E8;
        border-color: hsla(216, 95%, 59%, .06);
}

.alert-success { /* Mudar para VErde */
        background: hsla(216, 95%, 79%, .15);
        color: hsl(216, 95%, 59%);
        border-color: hsla(216, 95%, 59%, .06);
}


/* Font-Awesome Pro */
@font-face {
  font-family: "FontAwesomePro";
  font-display: block;
  font-weight: 400;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/regular400-pro.woff2");
  /*unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
*/
  }
   @font-face {
  font-family: "FontAwesomePro";
  font-display: block;
  font-weight: 900;
  src: url("https://cdn.awsli.com.br/1039/1039221/arquivos/solid900-pro.woff2");
}