@font-face {
    font-family: 'axiformabold';
    src: url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-light-webfont.woff2') format('woff2'),
         url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'axiformalight';
    src: url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-light-webfont.woff2') format('woff2'),
         url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'axiformaregular';
    src: url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-regular-webfont.woff2') format('woff2'),
         url('https://cdn.awsli.com.br/402/402885/arquivos/axiforma-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*## CORRECOES CARRINHO ##*/

.icon-plus:before, .icon-minus:before, .icon-trash:before {
    font-family: 'FontAwesome';
}

div#fmais-shippings-alert-body {
   position: relative;
    float: none;
    animation: none;
    display: block;
    align-items: center;
    width: auto;
    font-size: 11px;
    background: transparent;
    text-align: left;
    vertical-align: initial;
    padding: 10px 0;
}

div#fmais-shippings-alert-header {
    display: flex;
    position: relative;
    align-items: center;
}

#fmais-shippings-alert-header-close {
    display: none;
}

#fmais-shippings-alert-content {
    float: none;
    text-align: left;
    margin-top: 0;
    vertical-align: initial;
    align-items: center;
    font-size: 10px;
    display: block;
    position: relative;
    width: max-content;
}

#fmais-shippings-alert-content-p {
    font-size: 13px;
    width: 70%;
    text-align: left;
    line-height: 1.2;
    margin-top: 10px;
}


/*## END CORRECOES CARRINHO ##*/

/*## ICONES CSS.GG ##*/
.gg-menu {
  transform: scale(var(--ggs, 1));
}
.gg-menu,
.gg-menu::after,
.gg-menu::before {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;
}
.gg-menu::after,
.gg-menu::before {
  content: "";
  position: absolute;
  top: -6px;
}
.gg-menu::after {
  top: 6px;
}

.gg-search {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: -4px;
}
.gg-search::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 8px;
  background: currentColor;
  transform: rotate(-45deg);
  top: 10px;
  left: 12px;
}


.gg-user {
  display: block;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 12px;
  height: 18px;
}
.gg-user::after,
.gg-user::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border: 2px solid;
}
.gg-user::before {
  width: 8px;
  height: 8px;
  border-radius: 30px;
  top: 0;
  left: 2px;
}
.gg-user::after {
  width: 12px;
  height: 9px;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  top: 9px;
}


.gg-shopping-cart {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 21px;
  background:
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat -1px 6px/18px
      2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px
      14px/11px 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px/4px
      2px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px
      17px/4px 4px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px
      17px/4px 4px;
}
.gg-shopping-cart::after,
.gg-shopping-cart::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 2px;
  height: 14px;
  background: currentColor;
  top: 2px;
  left: 4px;
  transform: skew(12deg);
}
.gg-shopping-cart::after {
  height: 10px;
  top: 6px;
  left: 16px;
  transform: skew(-12deg);
}


.gg-arrow-up-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;
}
.gg-arrow-up-o::after,
.gg-arrow-up-o::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 4px;
}
.gg-arrow-up-o::after {
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
}
.gg-arrow-up-o::before {
  width: 2px;
  height: 10px;
  left: 8px;
  background: currentColor;
}


/*## END ICONES CSS.GG ##*/


:root {

    --cor-primaria: #010101;
    --cor-secundaria: #D7AC63;
    --cor-terciaria: #9D9D9D;
    --cor-quaternaria: #FFFFFF;

    --font-family-1: 'axiformabold';
    --font-family-2:'axiformaregular';
    --font-family-3:'axiformalight';
    --line-height: 1;
    
    /*
    --font-size-h1: 30px;
    --font-size-h2: 26px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    */
}

/*## SCROLLBAR ##*/

/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: none; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
   background-image: linear-gradient(var(--cor-secundaria), var(--cor-secundaria));
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #444;
    cursor: pointer;
  }
  
  /*## END SCROLLBAR ##*/



/*## DESATIVAÇÃO SIMPLES ##*/
li.produtos .nivel-um {
    display: none;
}

div#cabecalho {
    display: none;
}

.busca-desktop form#form-buscar {
    display: none !important;
}
/*## DESATIVAÇÃO SIMPLES ##*/

/*## RESET ##*/
/*###########*/
* {
    line-height: 1.5;
    margin: 0;
}

ul{
    margin:0;
}

.conteiner-principal .conteiner, .conteiner{
    padding: 0;
}

@media (max-width:767px) {
    .conteiner {
        padding: 0 25px;
    }
}

/*## GERAIS ##*/
/*############*/
html,body{
    background: #fff;
    transition: .2s;
    padding-left: 0;
}

body.show {
   /* padding-left: 235px;*/
    transition: .2s;
    overflow: hidden;
}

html,a,b,p,li,ul,span,strong,input,div,::placeholder {
    font-family: var(--font-family-2)!important;
    color: var(--cor-primaria);
}


h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-family-2) !important;
    margin-top: 0;
    color: #000;
    margin-bottom: 20px;
    line-height: var(--line-height);
}

p {
    font-size: 15px;
}

div#corpo {
    margin-top: 40px;
    padding: 25px;
}

.pagina-inicial div#corpo {
    display: none;
}

.caixa-sombreada {
    box-shadow: none;
}

.pagina-pagina .caixa-sombreada {
    padding: 0;
}

i.seta-direita, i.seta-esquerda {
    cursor: pointer;
    position: absolute;
    z-index: 9;
    color: var(--cor-secundaria);
}

i.seta-direita {
    right: -20px;
    top: 50%;
}

i.seta-esquerda {
    left: -20px;
    top: 50%;
}


.pd-80 {
    padding: 80px 0;
}

.logo a {
    font-size: 15px;
}

.btn-clean a {
    background: var(--cor-secundaria);
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
}

.btn-clean {display: block;width: fit-content;margin-top: 25px;position: relative;z-index: 0;}

.btn-clean:after {
    content: "";
    width: 35px;
    height: 35px;
    border: solid 2px #000;
    position: absolute;
    right: -10px;
    top: -15px;
    z-index: -1;
}



/*## BTN WHATSAPP ##*/
/*##################*/

div#btn-whatsapp {
    position: fixed;
    right: 0;
    bottom: 20%;
    background: #25D366;
    width: 60px;
    border-radius: 100px 0 0 100px;
    cursor: pointer;
    z-index: 9999;
}

div#btn-whatsapp svg {
    color: #fff;
    width: 28px;
    height: 30px;
    padding: 5px;
    margin-left: 5px;
    line-height: 1;
    display: block;
}

div#btn-whatsapp svg path {
    fill: #fff;
}

/*## BTN TO TOP ##*/
/*################*/

div#toTop {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 99;
    cursor: pointer;
    background: var(--cor-secundaria);
    padding: 5px;
    border-radius: 100%;
}

div#toTop i {
    color: #fff;
}


/*## GERAL ##*/
/*###########*/

/*@@ CABECALHO DESKTOP @@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@*/

.pagina-inicial header#header-desktop-geston {
    background: transparent;
    transition: .2s;
}

.pagina-inicial header#header-desktop-geston.ativa * {
    color: var(--cor-primaria);
}

header#header-desktop-geston {
    position: fixed;
    background: #fff;
    display: flex;
    width: 100%;
    z-index: 101;
}

header#header-desktop-geston.ativa {
    background: #fff;
    transition: .2s;
    box-shadow: 0px -30px 25px 15px #555;
}

header#header-desktop-geston .conteiner {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    min-height: 50px;
}

.logo-desktop a img {
    height: 100%;
    width: 225px;
}

.nav-desktop {
    width: 5%;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.logo-desktop {
    width: 25%;
}


.menu-desktop {
    width: 50%;
}

.menu-desktop ul {
    display: flex;
    justify-content: center;
}

.menu-desktop ul li.produtos{
    cursor: pointer;
}

.menu-desktop ul li {
    padding: 0 15px;
}

.menu-desktop ul li a {
    font-size: 15px;
}

.acoes-desktop {
    width: 20%;
}

.acoes-desktop ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.acoes-desktop ul li {
    padding: 0 8px;
}

li.carrinho-desktop a {
    display: flex;
    position: relative;
    align-items: center;
}

li.carrinho-desktop .qtd {
    background: var(--cor-secundaria);
    border-radius: 50%;
    height: 18px;
    width: 18px;
    line-height: 2;
    text-align: center;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 18px;
    z-index: 1;
    top: -6px;
}

li.carrinho-desktop span {
    font-size: 14px;
}

li.carrinho-desktop i {
    margin-right: 8px;
}

.acoes-desktop ul li:last-child {
    padding-right: 0;
}

li.busca-desktop{
    position: relative;
    cursor: pointer;
}

li.busca-desktop form#form-buscar {
    position: absolute;
    left: auto;
    top: -10px;
    display: flex;
    margin: 0;
    right: 0;
}

form#form-buscar.open {
    display: block !important;
}

#form-buscar input#auto-complete {
    height: 25px;
    border-radius: 0;
    border: 0;
    color: var(--cor-primaria);
    font-size: 12px;
    margin:0;
    box-shadow: none;
    background: #f1f1f1;
}

#form-buscar .botao-busca {
    border: 0;
    height: 30px;
    right: 0px;
    position: absolute;
    border-radius: 0;
    background: 0;
    color: var(--cor-secundaria) !important;
    font-size: 20px;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}

header#header-desktop-geston.ativa #form-buscar input#auto-complete {
    background: var(--cor-primaria);
    color: #fff;
}

header#header-desktop-geston.ativa #form-buscar input#auto-complete::placeholder {
    color: #fff;
}


/*@@ MENU LATERAL @@*/
/*@@@@@@@@@@@@@@@@@@*/
section#menu-lateral-geston {
    position: fixed;
    background: #fff;
    height: 100%;
    top: 0;
    left: -340px;
    padding: 25px;
    z-index: 9999;
    transition: .2s;
    box-shadow: 5px 0px 50px -35px #1c1c1c;
}

div#shadow.ativa {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
}

.saida-menu {
    font-size: 25px;
    position: fixed;
    color: #fff;
    z-index: 9999;
    left: 330px;
    top: 10px;
    font-weight: 900;
    cursor: pointer;
}

.ola.logado{
    display: none;
}

.ola{
    text-align: center;
}

.ola .boas-vindas {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: var(--font-family-2) !important;
    justify-content: center;
    line-height: 1;
    margin-bottom: 15px;
}

.ola .boas-vindas i {
    margin-right: 7px;
}

section#menu-lateral-geston.ativa{
    left: 0;
    transition: .2s;
}


section#menu-lateral-geston.ativa {
    left: -0;
    transition: .2s;
    overflow: auto;
    height: -webkit-fill-available;
}

.menu-lateral {
    overflow-y: scroll;
    height: 100%;
    max-height: 450px;
}

.menu-lateral {
    display: block;
    margin-bottom: 40px;
    margin-top: 25px;
    background: #f7f7f7;
    padding: 25px;
}

.menu-lateral .nivel-um > li {
    margin-bottom: 20px;
}

.menu-lateral .nivel-um > li a {
    font-size: 13px;
}

.menu-lateral .nivel-um > li a i {
    background: 0;
    color: #000;
    font-size: 10px;
    display: none;
}

.menu-lateral .nivel-dois, .menu-lateral .nivel-tres {
    margin-top: 5px;
    display: block;
}

span.ajuda-lateral a {
    display: block;
    color: var(--cor-secundaria);
    font-weight: 900;
    font-size: 15px;
}

span.ajuda-lateral {
    margin-bottom: 20px;
    display: block;
    font-size: 15px;
    font-family: var(--font-family-2)!important;
}

span.dados-contatos ul li a i {
    display: none;
}

span.horario-lateral h4 {
    margin-bottom: 3px;
    margin-top: 20px;
    font-size: 15px;
}

span.horario-lateral p {
    font-size: 12px;
}


/*@@ CABECALHO MOBILE @@*/
/*@@@@@@@@@@@@@@@@@@@@@@*/

@media (max-width:767px) {
    .conteiner-principal {
        padding-top: 50px;
    }

    .pagina-inicial header#header-mobile-geston {
        background: transparent;
    }

    header#header-mobile-geston {
        width: 100%;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 99;
        padding: 0 15px;
        box-sizing: border-box;
    }

    header#header-mobile-geston.ativa {
        background: #fff;
        box-shadow: 0px 0px 20px -10px #9d9d9d;
        top: -1px;
        z-index: 99;
    }
    
    header#header-mobile-geston > div {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 50px;
    }
    
    header#header-mobile-geston .acoes-mobile ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    header#header-mobile-geston .acoes-mobile ul .qtd {
        display: none;
    }
    
    .nav-mobile {
        width: 10%;
    }

    .pagina-inicial .nav-mobile i {
        color: #fff;
    }

    .ativa .nav-mobile i {
        color: #000;
    }

    .logo-mobile {
        width: 70%;
    }
    
    .acoes-mobile {
        width: 20%;
    }

    .logo-mobile a img {
        width: 180px;
        height: 100%;
    }

    .pagina-inicial .acoes-mobile ul li i {
        color: #fff;
    }

    .ativa .acoes-mobile ul li i {
        color: #000;
    }

    .acoes-mobile .busca-mobile form#form-buscar {
        width: 100%;
        position: fixed;
        left: 0;
        top: 47px;
        display: none;
    }

    li.busca-mobile {
        position: relative;
    }

    .acoes-mobile .busca-mobile form#form-buscar input {
        width: 100%;
    }

    .acoes-mobile .busca-mobile form#form-buscar .botao-busca {
        position: absolute;
        height: auto;
        width: auto;
        top: 12px;
    }
    
}


/*## HOME ##*/
/*##########*/

/*@@ BANNER VIDEO @@*/
section#showcase-geston-desktop .conteiner {
    max-width: 100%;
    padding: 0;
}

section#showcase-geston-desktop:before {
    width: 100%;
    height: 250px;
    content: '';
    display: block;
    position: absolute;
    z-index: 98;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6951155462184874) 35%, rgba(0,0,0,0.4990371148459384) 65%, rgba(0,0,0,0) 100%);
}


@media(max-width:767px){
    section#showcase-geston-desktop:before {
        width: 100%;
        height: 160px;
}
}

.pagina-inicial .conteiner-principal {
    padding-top: 0;
}

section#showcase-geston-desktop {
    background: #000;
}

.pagina-inicial header#header-desktop-geston * {
    color: #fff;
}

.banner .flex-control-paging li a {
    width: 15px;
    height: 15px;
    margin: 1px;
    background: var(--cor-terciaria);
    border: 0;
    box-shadow: none;
    border-radius: 2px;
}

.banner .flex-control-paging li a.flex-active {
    width: 16px;
    height: 15px;
    margin: 0;
    background: var(--cor-secundaria);
    border: 0;
}

.banner .flex-control-paging li a:hover {
    background: var(--cor-terciaria);
}

.flex-direction-nav {
    display: none;
}

/*Video-banner*/
#videoModal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.modall-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.modall-content iframe {
    width: 100%;
    height: 100%;
}

.closee {
    color: var(--cor-secundaria);
    font-size: 70px;
    font-weight: bold;
    position: fixed;
    right: 0;
    background: #fff;
    height: 50px;
    line-height: 0.9;
    top: 15%;
    width: 70px;
    padding: 0 10px;
    border-radius: 100px 0 0 100px;
}
.closee:hover,
.closee:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.banner-video-geston img {
    cursor: pointer;
}



/*## A EMPRESA ##*/
/*###############*/

.pagina-inicial section#aempresa {
    display: block;
}

.imgs-empresa {
    position: relative;
}

img.imgagempresa {
    width: 80%;
    height: 100%;
    display: block;
}

img.logoflutante {
    width: 220px;
    position: absolute;
    right: 0;
    bottom: 0;
    animation: floatAnimation 5s infinite alternate;
}

@keyframes floatAnimation {
    from {transform: translate(0,-30px)
             }
 
         65% {
         transform: translate(0,30px)
            }
 
         to {
         transform: translate(0,0px)
             }
 }

 
/*## NOSSO CATALOGO ##*/
/*####################*/

.pagina-inicial section#catalogo {
    display: block;
}

section#catalogo h1 {
    text-align: center;
}

/* Estilos para desktop */
.lista-categorias {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

/* Estilos para dispositivos móveis */
@media screen and (max-width: 767px) {
    .lista-categorias {
        grid-template-columns: repeat(2, 1fr);
    }
}

ul.lista-categorias li img {
    background: var(--cor-primaria);
}


ul.lista-categorias li span {
    position: absolute;
    bottom: 25px;
    color: #ffffff;
    right: 20px;
    line-height: 1;
    font-size: 18px;
    z-index: 1;
}

ul.lista-categorias li {
    position: relative;
}

ul.lista-categorias li span b {
    color: #fff;
}

ul.lista-categorias li a {
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da tag <a> */
    transition: transform 0.3s ease; /* Transição suave */
    display: inline-block; /* Garante que a tag <a> tenha dimensões */
}

ul.lista-categorias li a:hover img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.lista-categorias li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.lista-categorias li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%; /* cobre da base até o meio da imagem */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none; /* deixa o clique passar para o link */
}

/*## NAO ENCONTROU ##*/
/*###################*/
.pagina-inicial section#naoencontrou {
    display: block;
    text-align: center;
}

#naoencontrou ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    grid-gap: 0px 90px;
}

/* Estilos para dispositivos móveis */
@media screen and (max-width: 767px) {
    #naoencontrou ul {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px 0px;
        text-align: center;
        justify-items: center;
    }
    
    #naoencontrou  ul li:nth-child(3) {
        grid-column: span 2; /* O terceiro elemento deve ocupar duas colunas */
    }
}


/*## PORQUE ESCOLHER PORTAS CASA ##*/
/*#################################*/

.pagina-inicial section#pqescolher {
    display: block;
    text-align: center;
}

img.imgpq {
    background: var(--cor-primaria);
    width: 70%;
    float: right;
    z-index: 1;
    position: relative;
}

img.logoflutante2 {
    width: 220px;
    position: absolute;
    left: 10px;
    bottom: 20%;
    animation: floatAnimation 5s infinite alternate;
    z-index: 0;
}

@keyframes floatAnimation {
    from {transform: translate(0,-30px)
             }
 
         65% {
         transform: translate(0,30px)
            }
 
         to {
         transform: translate(0,0px)
             }
 }

.imgs-pq {
    position: relative;
}
 

.imgs-pq span {
    position: absolute;
    bottom: 10px;
    color: #fff;
    z-index: 2;
    width: 30%;
    right: 20px;
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
}


.bx2 {
    margin-top: 70px;
    display: flex;
    align-items: center;
}



/* Estilos para telas maiores que 768px (tamanho de tela do desktop) */
@media screen and (min-width: 768px) {

    .imgs-pq {
       
    }

    .text-empresa {
       
    }
}

/* Estilos para telas menores que 768px (tamanho de tela do celular) */
@media screen and (max-width: 767px) {
    .bx2 {
        display: block; /* Layout de bloco para colocar os elementos um abaixo do outro */
        text-align: center; /* Alinha os elementos ao centro horizontalmente */
    }

    .imgs-pq, .text-empresa {
        width: 100%; /* Ocupa toda a largura da tela */
        margin-bottom: 20px; /* Espaço entre os elementos */
    }
}

ul.pq-motivos {
    width: 80%;
    margin: 0 auto;
}

ul.pq-motivos h2 {
    font-size: 22px;
    color: var(--cor-secundaria);
}


/*## FAQ / DEPO ##*/
/*################*/
.pagina-inicial section#faq-depo {
    display: block;
}

div#faq.accordion {
    padding-right: 50px;
}

.depo h1 {
    text-align: center;
}

@media(max-width: 767px){
    div#faq.accordion {
        padding-right: 0;
    }

    .faq {
        margin-bottom: 90px;
    }
}

.accordion-group:nth-child(1) {
    border: 0;
}

.accordion-group {
    border: 0;
    border-radius: 0;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.accordion-group a {
    font-size: 14px;
    font-weight: 900;
}

.accordion-heading .accordion-toggle {
    padding: 8px 0px;
}

.accordion-inner {
    padding: 10px 0px;
    border-top: 0;
    font-size: 14px;
}

ul.recebe-depos {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

ul.recebe-depos li img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 7px solid var(--cor-secundaria);
    margin: 15px auto;
    display: none;

}

ul.recebe-depos li span {
    display: block;
}

span.rating-depo i {
    color: #F5D132;
    margin: 0 3px;
    font-size: 14px;
}

ul.recebe-depos li .nome {
    font-weight: 900;
    font-size: 16px;
}

ul.recebe-depos li .profissao {
    font-size: 15px;
}

ul.recebe-depos li .cidade {
    font-size: 14px;
}


/*## RODAPE ##*/
/*############*/

footer#newfooter {
    display: block;
    padding-bottom: 10px;
}

footer#newfooter * a {
    font-size: 15px;
}

footer#newfooter h3 {
    font-size: 20px;
}

.logo-footer {
    margin-bottom: 25px;
}

.social-footer ul {
    display: flex;
    align-items: center;
    justify-content: left;
}

.social-footer ul li {
    margin-right: 15px;
}

.social-footer ul:after {
    display: none;
}

.social-footer {
    margin: 25px 0;
}

.social-footer ul li a i {
    font-size: 20px;
    color: #9D9D9D;
}

.recebeendereco * {
    font-size: 12px !important;
}

.p4 ul {
    margin-bottom: 25px;
}

.p4 ul li a {
    font-size: 15px;
}

.p4 ul li a i {
    display: none;
}

.p4 h4 {
    margin-bottom: 5px;
    font-size: 13px;
}

.p4 p {
    margin-bottom: 40px;
    display: block;
    position: relative;
}

.visite-nos {
    /*display: none;*/
}


.copy.span12 {
    display: flex;
    margin: 50px 0 0 0;
}

.cnpj {
    font-family: var(--font-family-2);
    margin-right: 40px;
}

svg#li {
    width: 90%;
    height: auto;
}

svg#geston {
    width: 100%;
    height: auto;
}

.copy span {
    font-size: 9px;
}


/*#### VITRINE ####*/
/*#################*/

.listagem .titulo-categoria {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    margin-top: 80px;
}

.listagem .titulo-categoria strong {
    font-size: 30px;
    text-align: center;
    font-family: var(--font-family-2) !important;
    font-weight: 900;
}

.listagem .listagem-linha li {
    border: 0;
}

.listagem .listagem-linha {
    border: 0;
}

.listagem .listagem-item {
    margin: 0;
    padding: 0;
}

.listagem .span3 .imagem-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto {
    height: 450px;
}

.listagem .imagem-produto img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media(max-width:767px){
    .listagem .imagem-produto img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .listagem .span3 .imagem-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto {
        height: 300px;
    }
}


.listagem .info-produto {
    text-align: center;
    background: #f7f7f7;
    min-height: 80px;
    padding: 25px;
    justify-content: center;
}

@media (max-width:767px) {
    .listagem .info-produto {
        min-height: 110px;
        padding: 20px;
    }
}

.preco-produto.destaque-preco {
   /* display: none;*/
}

span.nome-destaque {
    display: block;
    color: var(--cor-secundaria);
    font-weight: 900;
    margin-bottom: 8px;
}


.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    min-height: 55px;
    align-items: center;
    display: contents;
    line-height: 1.5;
}


.listagem .listagem-item .nome-produto {
    text-transform: capitalize;
    font-size: 14px;
}

.listagem .preco-produto.destaque-preco.com-promocao > div:nth-child(1) {
    display: none;
}

.preco-produto.destaque-preco * {
    font-size: 13px;
}


.bandeiras-produto span {
    display: block;
    padding: 5px;
    line-height: 1.35;
    text-transform: uppercase;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    white-space: break-spaces;
    font-size: 11px;
    background-color: var(--cor-primaria);
    width: fit-content;
    text-shadow: none;
    font-weight: 100;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}

.listagem .listagem-item.produto-adicionado:before {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    display: block;
    content: '';
    height: 100%;
    font-size: 50px;
    z-index: 1;
}

.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #000;
    width: max-content;
    padding: 5px;
    line-height: 1;
}

.listagem-item.indisponivel .bandeiras-produto span {
    width: auto;
    background: var(--cor-terciaria);
    color: #fff;
}

@media (max-width: 767px) {
    .pagina-categoria #listagemProdutos ul, .pagina-busca #listagemProdutos ul, .pagina-marca #listagemProdutos ul {
        display: flex;
        flex-wrap: wrap; /* Permite que os itens de lista se quebrem em várias linhas */
        padding: 0;
        margin: 0;
        list-style: none; /* Remove os marcadores de lista */
    }

    .pagina-categoria #listagemProdutos ul li.listagem-linha, .pagina-busca #listagemProdutos ul li.listagem-linha, .pagina-marca #listagemProdutos ul li.listagem-linha {
        flex: 1 1 50%; /* Cada item de lista ocupa 50% da largura do contêiner */
        box-sizing: border-box; /* Inclui padding e border na largura */
        padding: 10px; /* Ajusta o espaçamento interno conforme necessário */
    }
}


@media screen and (max-width: 768px) {

        .listagem .listagem-linha {
            border: 0;
            margin: 0;
        }

        .listagem .listagem-item {
            margin: 0!important;
            padding: 5px;
        }

        .listagem .listagem-item .nome-produto {
            text-transform: capitalize;
            font-size: 13px;
            font-weight: 100;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            max-height: 75px;
            overflow: hidden;
            line-height: 1.2;
        }

        .preco-produto.destaque-preco.com-promocao {
            line-height: 0;
        }
}


/*## CATEGORIA ##*/
/*###############*/


.pagina-categoria div#corpo{
    margin-top: 0;
}

.breadcrumbs {
    text-align: center;
    margin: 0 !important;
    border: 0;
}

.breadcrumbs ul li i {
    display: none;
}

.breadcrumbs ul li {
    float: none;
    border: 0;
}

.breadcrumbs ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.breadcrumbs ul li * {
    font-size: 15px;
    color: var(--cor-secundaria);
}

.breadcrumbs ul li:after {
    content: '>';
}

.breadcrumbs ul li:last-child:after {
    content: '';
}

div#filtro-categorias h3 {
    font-weight: 400;
    text-align: center;
    font-size: 17px;
}

div#filtro-categorias h3 span {
    font-size: 17px;
    font-weight: 900;
}

.mais-filtros {
    text-align: center;
    font-weight: 400;
    color: #9D9D9D;
    margin: 15px 0;
}


@media(max-width:767px){
    div#btn-filtro {
        left: -50px;
    }

    .pagina-categoria #corpo .coluna{
        display: block;
        z-index: 999999!important;
    }

    .pagina-categoria #corpo .coluna .menu.lateral {
        display: block!important;
        background-color: transparent;
    }
    
}

div#btn-filtro {
    position: fixed;
    top: 50%;
    background: var(--cor-secundaria);
    border-radius: 0 50px 50px 0;
    color: #fff;
    align-items: center;
    padding: 6px 15px;
    font-weight: 600;
    cursor: pointer;
    z-index: 1;
    left: 0;
}

.pagina-categoria div#btn-filtro {
    display: flex;
}

svg#filtro-svg path {
    fill: #fff;
}

svg#filtro-svg {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

/*Retira Paginacao e Filtro Topo*/
.ordenar-listagem.topo {
    display: none;
}

.pagina-categoria .conteiner-principal .conteiner {
    background-color: transparent !important;
}

.pagina-categoria .conteudo h1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    margin: 0;
}

.pagina-categoria .conteudo {
    margin: 0;
}

.pagina-categoria div#listagemProdutos {
    /*margin: 15px 15px;
    background-color: #fafafb;
    position: relative;
    display: block;*/
    margin-top: 80px;
}



@media (max-width:767px) {
    .pagina-categoria div#listagemProdutos {
        margin: 15px 0px;
    }
}

.pagina-categoria .listagem .listagem-item {
    margin: 0;
    padding: 0;
}

.pagina-categoria #corpo .coluna{
    position: fixed;
    top: 0;
    width: 290px;
    box-shadow: none !important;
    transition: .2s;
    left: -290px;
}

.pagina-categoria #corpo .coluna.ativo{
    left: 0;
    transition: .2s;
    overflow: scroll;
    height: 100%;
    background: #fff;
    padding: 15px;
    z-index: 111;
    box-shadow: 0 0 30px 15px #0101 !important;
}

.pagina-categoria #corpo .coluna.ativo .menu.lateral {
    display: none;
}

.pagina-categoria .conteudo .nivel-dois {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Cria trÃªs colunas com larguras iguais */
    grid-gap: 20px; /* EspaÃ§amento entre as colunas */
    list-style: none; /* Remove os marcadores de lista */
    padding: 0;
}

.pagina-categoria .conteudo .nivel-dois li {
    padding: 10px;
    text-align: center;
    background: var(--cor-secundaria);
    border-radius: 3px;
    position: relative;
}

.pagina-categoria .conteudo .nivel-dois li a:hover {
    color: #000;
}


.pagina-categoria .conteudo .nivel-dois li a {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

.pagina-categoria .conteudo ul.nivel-tres {
    position: absolute;
    width: 100%;
    left: 0;
    display: none;
}

.pagina-categoria .conteudo ul.nivel-tres li {
    background: #fff;
    box-shadow: 0px 10px 20px -8px #222;
    z-index: 1;
}

.pagina-categoria .conteudo ul.nivel-tres li a {
    color: #000;
}

.pagina-categoria .conteudo .nivel-dois li.com-filho a i {
    float: right;
    background: 0;
    line-height: 1.9;
    font-size: 11px;
    margin-left: 5px;
}

.componente {
    background-color: transparent;
    margin-bottom: 50px;
    position: relative;
}

.componente .titulo {
    display: none;
}

.interno h2 {
    display: none;
}

.componente .interno {
    padding: 0;
    height: 120px;
    overflow: hidden;
    display: block;
    position: relative;
    transition: .2s;
}

.componente .interno:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    background: rgb(250,250,251);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6671043417366946) 20%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.componente span.btn-sustenta {
    text-align: center;
    display: block;
    width: fit-content;
    margin-top: -40px;
    z-index: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--cor-secundaria);
    border-radius: 2px;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    height: fit-content;
    padding: 2px 15px;
    cursor: pointer;
}

.componente span.btn-sustenta:hover {
    background: #000;
}

.componente .interno.abre {
    height: auto;
    transition: .2s;
    padding-bottom: 40px;
}

.componente .interno.abre::after {
    display: none;
}


/*## PRODUTO ##*/
/*#############*/


.produto-compartilhar {
    display: none;
}

.produto .acoes-flutuante {
    display: none !important;
}

.thumbs-vertical .produto-video {
    display: none;
}

strong.titulo-video {
    font-size: 25px;
    margin-bottom: 15px;
    display: block;
    font-weight: bold;
    font-family: var(--font-family-2) !important;
}

.produto .info-principal-produto .breadcrumbs {
    border: 0;
    padding: 0;
    margin-bottom: 10px !important;
}

.produto .info-principal-produto .breadcrumbs ul {
    justify-content: flex-start;
}

.codigo-produto b {
    color: var(--cor-secundaria);
    text-shadow: none;
    font-weight: 900;
    font-family: var(--font-family-2) !important;
}

.produto .nome-produto {
    font-size: 30px;
    text-transform: inherit;
}

.produto .codigo-produto {
    font-size: 14px;
    padding: 15px 0;
    border-bottom: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.produto .parcelas-produto, .produto .cep {
    display: none!important;
}

span.compreorce {
    text-align: center;
    display: block;
    font-size: 15px;
}

span.compreorce.hide{
    display: none;
}

/*Variacoes - Atibutos*/
.atributos ul li a {
    box-shadow: none;
    background: #f8f8f8;
    border-radius: 2px;
}

.atributos ul li a:hover {
    border-color: transparent;
    background: #f5f5f5;
}

.atributos ul li.active a {
    border: 0;
    margin: 0 2px 2px 0;
    background: var(--cor-secundaria);
}

.atributos ul li.active a span {
    color: #fff;
}

/*VIDEO*/
#trailer iframe {
    margin-top: 20px;
    width: 100%;
}

@media only screen and (max-width: 767px){
#trailer iframe {
    height: 330px;
}
}

.produto-video {
    display: none;
}

.pagina-produto .abas-custom {
    margin-top: 50px;
}

.abas-custom .tab-content {
    padding: 0;
    box-shadow: none;
}

.listagem.aproveite-tambem .listagem-linha>ul {
    margin-left: 0;
}


.listagem.aproveite-tambem .titulo {
    font-size: 30px;
    margin: 0;
    margin-top: 50px;
    text-transform: math-auto;
}

ul#tres-carac {
    display: flex;
    margin-bottom: 15px;
}

ul#tres-carac li {
    margin-right: 15px;
    font-size: 16px;
    color: #9D9D9D;
    font-weight: bold;
}

ul#tres-carac li:after {
    content: '|';
    margin-left: 15px;
}

ul#tres-carac li:last-child:after {
    content: '';
}

span.destaque-lista-wrap {
    font-size: 15px;
    margin: 15px 0;
    display: block;
    font-weight: 700;
}


ul.destaques-wrap li {
    font-size: 13px;
}

ul.destaques-wrap li:before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 13px;
    float: left;
    background: url(//cdn.awsli.com.br/1861/1861669/arquivos/checked.svg) 0 0 no-repeat;
}

.new-prod .produto .conteiner-imagem img {
    min-height: 500px;
    max-height: 500px;
    object-fit: contain;
}

.new-prod .produto .codigo-produto .trustvox-stars {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.new-prod .produto .codigo-produto span.cor-secundaria {
    margin-bottom: 11px;
    display: block;
}

.listagem.aproveite-tambem.borda-alpha {
    margin-top: 50px;
}

.new-prod .acoes-produto .preco-produto {
    float: none;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.new-prod.pagina-produto .produto .principal span.desconto-a-vista, 
.new-prod.pagina-produto .produto .principal span.desconto-a-vista strong,
.new-prod.pagina-produto .produto .principal span.desc-boleto{
    text-align: center;
    color: #000;
}

.new-prod .produto .acoes-produto .comprar {
    float: none;
    font-weight: 700;
    width: -webkit-fill-available;
    text-align: center;
}

.new-prod a.botao.botao-comprar.principal.grande {
    background: #09C25E;
    border: solid 1px #09C25E;
}

.new-prod a.botao.botao-comprar.principal.grande {
    background: #09C25E;
    border: solid 1px #09C25E;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    font-size: 20px;
    width: -webkit-fill-available;
}


.new-prod a.botao.botao-comprar.principal.grande i {
    display: inherit;
}

.new-prod a.botao.botao-comprar.principal.grande:hover {
   color:#fff!important;
   opacity: .9;
}

.new-prod .produto .acoes-produto a.botao.botao-comprar.principal.grande:after {
    content: '';
}

.new-prod .produto .acoes-produto .comprar .disponibilidade-produto {
    font-size: 11px;
    margin: 5px 0;
    font-weight: 500;
    text-align: center;
}

.new-prod .produto .acoes-produto .comprar .qtde-adicionar-carrinho{
    display: none;
}

.btn-comprar-wpp {
    background: #f5f5f5;
    margin-bottom: 5px!important;
    justify-content: center;
    align-items: center;
    padding: 0!important;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #444;
    border-radius: 4px;
}

.btn-comprar-wpp a {
    color: #444;
    display: flex;
    text-transform: inherit;
    font-size: 17px;
}

.btn-comprar-wpp i {
    margin-right: 8px;
}

.btn-comprar-wpp a i {
    margin-right: 8px;
}

i.iconwpp svg {
    width: 22px;
    height: 22px;
}

i.iconwpp svg path {
    fill: #09c25e;
}

i.isecure {
    display: flex;
    margin-right: 3px;
}

i.isecure svg {
    width: 20px;
    height: 100%;
}

i.isecure svg path {
    fill: #0033c6;
}

span.wpp-seguro {
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #979797;
}

.new-prod .preco-produto s.preco-venda.titulo {
    color: #bbb;
    font-size: 18px;
    line-height: 1;
}

.new-prod .produto .principal .acoes-produto .preco-produto .preco-promocional {
    color: #000;
    font-weight: 700;
}

.new-prod.pagina-produto .produto .principal .preco-produto.destaque-preco > div:nth-child(2) > span.preco-parcela >span {
    display: inherit;
    color: #000;
}

.new-prod.pagina-produto .produto .principal .preco-produto.destaque-preco div:nth-child(2) strong {
    font-weight: 700;
    color: #000;
    font-size: 19px;
    letter-spacing: 0px;
}

.new-prod.pagina-produto .produto .principal span.desconto-a-vista strong {
    color: #09c25e;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1px;
}

.btn-pag {
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0!important;
    border-radius: 3px;
    color: #444;
    font-size: 15px;
}

div#formaspag {
    position: fixed;
    top: 25%;
}


.new-prod form#formCalcularCep {
    background: #f5f5f5;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px!important;
    height: 60px;
}

.new-prod .form-inline {
    justify-content: right;
    display: flex;
}

.new-prod .cep label {
    margin: 0;
}

.new-prod .btn-pag a {
    color: #444;
    font-weight: 600;
    font-weight: 600;
}

.new-prod .btn-pag a i {
    margin-right: 5px;

}

/*Mobile Prod New*/
@media(max-width:767px){
    .new-prod .cep .input-append.input-prepend input {
        height: 15px;
    }

        .produto .principal > div {
            padding: 0;
            margin: 0;
            border-bottom: 0;
        }

        span.destaque-lista {
            margin: 25px 0;
            display: block;
        }

        ul#tres-carac {
            display: block;
        }

        ul#tres-carac li:after {
            content: '';
        }

        .listagem.aproveite-tambem  ul {
            display: flex;
            flex-wrap: wrap;
          }
          
          .listagem.aproveite-tambem .listagem-linha .span3 {
            width: 50%; /* Cada item ocupa 50% da largura da tela */
            box-sizing: border-box; /* Inclui padding e border no tamanho total */
          }
          
          .listagem.aproveite-tambem .listagem-item {
            margin-bottom: 20px; /* Espaçamento entre os itens */
          }
        
        .listagem.aproveite-tambem .listagem-linha li {
            border: 0;
            margin: 10px 0px;
        }
        
        .listagem.aproveite-tambem .titulo {
            font-size: 22px;
        }
        
        strong.titulo-video {
            font-size: 22px;
        }
    
}

svg#pix-ec {
    height: 23px;
    width: auto;
    position: absolute;
    top: 6px;
}

.parcelas-produto .accordion .accordion-group .accordion-heading span.accordion-toggle{
    position: relative;
}
.parcelas-produto .accordion .accordion-group .accordion-heading span.accordion-toggle #pix-ec {
    position: absolute;
    left: 90px;
    top: 10px;
}

.new-prod .borda-alpha, .new-prod .borda-alpha * {
    border-color: transparent;
}

.produto .conteiner-imagem > div {
    border: 0;
}

/*## CHECKOUT ##*/
/*##############*/

.pagina-carrinho .p1,
.pagina-carrinho .p2,
.pagina-carrinho .p3,
.pagina-carrinho .p4 {
    display: none;
}


/*## RESPONSIVE @Desktop ##*/
/*#########################*/

@media(min-width:767px){
    .conteiner-principal {
        padding-top: 50px;
    }
}


/*## RESPONSIVE @Mobile ##*/
/*########################*/

@media(max-width:767px) {

    /*Gerais*/
    h1 {
        font-size: 30px;
    }

    /*A Empresa*/
    .text-empresa {
        margin-top: 60px;
    }

    /*Nosso Catálogo*/
    ul.lista-categorias li span {
        font-size: 15px;
    }

    /*Porque nos Escolher*/

    .imgs-pq {
        text-align: end;
    }
    
    img.imgpq {
        float: none;
    }

    img.logoflutante2 {
        width: 130px;
        position: absolute;
        left: 0;
        bottom: 20%;
        z-index: 0;
    }

    /*FAQ / DEPO*/
    .faq, .depo {
        text-align: center;
    }


    /*Rodape*/
    footer#newfooter {
        text-align: center;
    }

    footer#newfooter h3 {
        margin-top: 60px;
    }

    footer .btn-clean {
        margin: 0 auto;
    }

    .social-footer ul {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

    .copy.span12 {
        display: block;
        margin: 50px 0 0 0;
        text-align: center;
    }

    .geston {
        margin-top: 15px;
    }

    svg#li {
        width: 40%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    svg#geston {
        width: 40%;
        display: block;
        margin: 0 auto;
    }

    
}