/*---------------------------------------------------------------
            Header
------------------------------------------------------------------*/
.header-pages{
    position: relative;
    background-color: #268F8D;
    padding-top: 30px;
    z-index: 1;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 0;
}

.header-pages.scrolled{
    padding-top: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.header-pages.scrolled .content{
    display: none;
    
}

.header-pages .content{
    background: #F6F6F6 url('../img/bgsite.png') center right  no-repeat;
    background-size: 22%;
}


.header-pages .content .container{
    display: flex;
    position: relative;
    justify-content: space-between;
    padding-bottom: 15px;
}

.header-pages .content .container:before{
    content:'';
    display: block;
    height: 20px;
    width: 300px;
    width: calc((100% / 2) + 320px);
    background-color: #F6F6F6;
    position: absolute;
    top: -20px;
    left: calc(-1 * (100% / 2));
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    transform: skew(45deg);
}

.header-pages .menu{
    display: flex;
    align-content: center;
    margin-top: 20px;
}

.header-pages .menu li{
    margin-right: 20px;
}

.header-pages .menu .hide{
    display: none;
}

.menu-bar{
    display: none;
}

.header-pages .menu a{
    display: inline-block;
    padding: 10px 20px ;
    background-color: #FFFFFF;
    -moz-border-radius: 5px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
    color: #26908D;
    font-size: 15px;
}

.header-pages .menu a:hover,
.header-pages .menu .item.active a{
    background-color: #268F8D;
    color: #FFF;
}

.header-pages .menu li:last-child{
    margin-right: 0;
}

.header-pages .produtos-header{
    background-color: #106E6D;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-pages  .contato{
    margin-top: 20px;
    text-align: right;
}
.header-pages  .contato h2{
    font-size: 17px;
    color: #727272;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}

.header-pages  .contato h3{
    font-size: 14px;
    color: #268D8C;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
}

.produtos-header .container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transition: all 0.5s ease;
}

.produtos-header .all-product{
    display: inline-flex;
    height: 60px;
    align-items: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    min-height: inherit;
    width: 22%;
    padding: 0 60px 0 25px; 
    background-image: url("../img/arrow.png");
    background-color: #258C8A;
    background-position: center right 25px;
    background-repeat: no-repeat;  
}

#form-esqueci{
    display: none;
}

.produtos-header .search{
    width: 48%;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 10px;
    min-height: inherit;
    padding: 5px 0 5px 0;
    z-index: 9999;
}

.search-focus .search{
    position: relative;
    z-index: 9999;   
}

.produtos-header .search input{
    width: 100%;
    height: 50px;
    padding: 15px 20px;
    outline: none;
    border: 1px solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.produtos-header .search input:-moz-placeholder{
    color: #A3A3A3;
}

.produtos-header .search input::-webkit-input-placeholder{
    color: #A3A3A3;
}

.produtos-header .search button{
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    outline: none;
    background-color: transparent;
    width: 30px;
    height: 30px;
    background-image: url("../img/search-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    cursor: pointer;
}

.produtos-header .side{
    display: flex;
}

.login-icon{
    background-image: url("../img/login-icon.png");
    background-repeat: no-repeat;
    background-position: center left 10px;
}

.barra-menu{
    display: none;
}

.produtos-header .side .cart,
.produtos-header .side .ped{
    display: inline-flex;
    align-items: center;
    width: 133px;
    min-height: inherit;
    height: 60px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}

.produtos-header .side .ped{
    background-color: #258C8A;
}

.cart-icon{
    background-image: url("../img/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center left 8px;
}

.pedidos{
    position: relative;
}

.login-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-height: 0;
    width: 0;
    transition: top 0.5s ease, max-height 1s ease;
}

.pedidos.active .login-content{
    border: 1px solid #EEEE;
    z-index: 9999;
    visibility: visible;
    top: 100%;
    background-color: #FFFF;
    left: 0;
    max-height: fit-content;
    display: block!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 245px;
    padding: 25px 10px 20px 10px;
    min-height: 237px;
}

.login-content h3{
    width: 100%;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #468679;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.login-content input{
    border: 1px solid #D6D6D6;
    outline: none;
    width: 100%;
    padding: 15px;
    margin-bottom: 5px;
    -moz-border-radius: 5px;    
    -webkit-border-radius: 5px;    
    border-radius: 5px;   
    color: #A3A3A3;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}

.login-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A3A3A3;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}

.login-content input::-moz-placeholder { /* Firefox 19+ */
    color: #A3A3A3;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}

.login-content input:-ms-input-placeholder { /* IE 10+ */
    color: #A3A3A3;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}

.login-content input:-moz-placeholder { /* Firefox 18- */
    color: #A3A3A3;
    font-size: 13px; 
    font-family: 'Poppins', sans-serif;
}


.login-content .row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-content .row a{
    font-size: 11px;
    color: #3F796C;
    font-family: 'Poppins', sans-serif;
}

.login-content .row button{
    background-color: #3F796C;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    outline: none;
    color:#FFF;
    border: none;
    width: 100px;
    height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#form-esqueci button{
    margin: 0 auto;
}

.login-content .row button:hover{
    background-color: rgb(20, 99, 80);
}

header .cart.sair{
    width: 35px!important;
    padding-left: 0!important;
    justify-content: center;
}

/*INDEX*/


/* .banner{
    background-image: url("../img/banner-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */
.banner{
    margin-bottom: 0;
}


.banner .owl-banner{
    z-index: unset!important;
}

.owl-carousel{
    z-index: unset!important;
}

.banner .item{
    
    position: relative;
}

/* .banner .item h3 strong{
    font-weight: 900;
    font-size: 45px;
}

.banner .item h3{
    font-size: 40px;
    font-weight: 700;
}

.banner .item>a{
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    padding: 15px 20px;
    background-color: #106E6D;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner .item>a:hover{
    -moz-box-shadow: inset 0 0 30px rgb(6, 65, 64);
    -webkit-box-shadow: inset 0 0 30px rgb(6, 65, 64);
    box-shadow: inset 0 0 30px rgb(6, 65, 64);
}

.banner .item .left{
    width:430px;
}

.banner .item .right{
    width:73%;
    position: absolute;
    right: 0;
    z-index: -1;
} */

.banner .owl-dots{
    position: absolute;
    width: 100%;
    display: flex;
    bottom: 20px;
    justify-content: center;
}

.banner .owl-dot{
    width: 14px;
    height: 14px;
    background: #396B60;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-right: 10px;
}

.banner .owl-dot.active{
    background: #FFF;
}

/* Destaques */
/* Efeito para o TEXTO da descrição nos cards da página principal */
/* (Ou seja, os cards dentro de .produtos-content) */

.produtos-content .item .desc {
    /* ADICIONE ESTA LINHA: Transição suave para a propriedade font-weight */
    transition: font-weight 0.3s ease;
    /* Mantenha seus outros estilos para .desc aqui (como cor, font-size, etc.) */
}

.produtos-content .item:hover .desc {
    font-weight: bold; /* Deixa o texto da descrição em negrito ao passar o mouse */
}

/* Se você também quiser na referência (h5.ref), adicione este: */
.produtos-content .item .ref {
    transition: font-weight 0.3s ease;
}

.produtos-content .item:hover .ref {
    font-weight: bold;
}
/* Estilos para os cards de produto dentro do carrossel da tela inicial */
.detaques-carousel .item {
    /* É importante que o item tenha overflow: hidden para que o zoom não "vaze" para fora do card */
    overflow: hidden;
    position: relative; /* Garante que o overflow: hidden funcione corretamente para o conteúdo */
    
    /* Opcional: Adiciona uma transição para o card inteiro, se quiser um efeito de "levantar" e sombra no hover */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    
    /* Seus outros estilos para .item (largura, margens, etc.) */
}

/* Estilos para as imagens dentro dos cards do carrossel */
.detaques-carousel .item img {
    width: 100%; /* Garante que a imagem preencha a largura disponível no card */
    height: auto; /* Mantém a proporção da imagem */
    display: block;
    object-fit: contain; /* Ajusta a imagem dentro do contêiner sem cortar */
    
    /* ADICIONE ESTA LINHA: Transição suave para a propriedade transform */
    transition: transform 0.3s ease-in-out;
}

/* EFEITO DE ZOOM AO PASSAR O MOUSE SOBRE O CARD INTEIRO DO CARROSSEL */
.detaques-carousel .item:hover img {
    transform: scale(1.1); /* Aumenta a escala da imagem em 10% no hover */
}

/* Opcional: Efeito no card inteiro do carrossel ao passar o mouse */
/* Isso fará com que o card inteiro se levante e ganhe uma sombra sutil */
.detaques-carousel .item:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Sombra mais pronunciada */
    transform: translateY(-5px); /* Levanta o card um pouco */
}
/* Efeito para o TEXTO nos cards do Carrossel da Home */
.detaques-carousel .item .desc,
.detaques-carousel .item .ref {
    /* ADICIONE ESTA LINHA: Transição suave para a propriedade font-weight */
    transition: font-weight 0.3s ease;
}

.detaques-carousel .item:hover .desc,
.detaques-carousel .item:hover .ref {
    font-weight: bold; /* Deixa o texto em negrito ao passar o mouse */
}

/* Efeito para o TEXTO nos cards "VEJA TAMBÉM" e "ÚLTIMOS VISITADOS" */
.veja-tambem-content .item .desc,
.veja-tambem-content .item .ref,
.ultimos-visitados-content .item .desc,
.ultimos-visitados-content .item .ref {
    /* ADICIONE ESTA LINHA: Transição suave para a propriedade font-weight */
    transition: font-weight 0.3s ease;
}

.veja-tambem-content .item:hover .desc,
.veja-tambem-content .item:hover .ref,
.ultimos-visitados-content .item:hover .desc,
.ultimos-visitados-content .item:hover .ref {
    font-weight: bold; /* Deixa o texto em negrito ao passar o mouse */
}

.destaques {
    background-color: #FFFF;
    padding: 0px 0 60px 0;
}

.title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: linear-gradient(to right, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268e8d', endColorstr='#cae5c4',GradientType=1 );
}

.title2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 22px;
    color: #ccc;
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: linear-gradient(to right, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268e8d', endColorstr='#cae5c4',GradientType=1 );
}
.title3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 22px;
    color: #000;
    width: 100%;
    height: 40px;
    margin-top: -80px;
    margin-bottom: 15px;
    background: linear-gradient(to right, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268e8d', endColorstr='#cae5c4',GradientType=1 );
}
.title.title-destaque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 60px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: linear-gradient(to right, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268e8d', endColorstr='#cae5c4',GradientType=1 );
}

/* * O Owl Carousel gera elementos internos. 
 * É crucial aplicar as propriedades Flexbox no contêiner que é o pai DIRETO dos seus '.item'.
 * Geralmente, é a classe '.owl-stage'.
 */
.detaques-carousel.owl-carousel .owl-stage,
/* Se houver outras seções com produtos similares que não usam Owl Carousel, como "VEJA TAMBÉM" ou "ÚLTIMOS VISITADOS",
   certifique-se de que o contêiner direto delas também tenha estas propriedades: */
/* .veja-tambem-content .content.container, */
/* .ultimos-visitados-content .content.container { */
/* display: flex; */
/* flex-wrap: wrap; */
/* align-items: stretch; */
/* } */
.detaques-carousel { /* Adicione esta regra para o contêiner principal do Owl Carousel */
    display: flex; /* Torna o contêiner principal flexível */
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
    align-items: stretch; /* ESSENCIAL! Faz com que todos os itens flexíveis (.item) se estiquem para a altura do item mais alto da linha */
}


.destaques .item {
    position: relative;
    border: 2px solid #EEEEEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFF;
    
    /* Propriedades para que o item se estique e organize seu próprio conteúdo */
    display: flex; /* Transforma o próprio item em um contêiner flexível para seus filhos (imagem e figcaption) */
    flex-direction: column; /* Organiza os filhos (imagem e figcaption) em uma coluna */
    height: 100%; /* Garante que o item ocupe 100% da altura disponível que o pai (owl-stage) ofereceu */
    max-height: 510px; /* REMOVIDO: Quaisquer propriedades 'max-height' ou 'height' fixas que poderiam estar aqui */
}

.destaques .tags-content {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #B22222;
    padding: 8px;
    font-family: 'Poppins', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1; /* Garante que a tag fique acima da imagem e do resto do conteúdo */
}
/* Para centralizar o "De R$" */
.old-price {
    display: block;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #909090; /* Cor padrão para preço antigo */
    font-size: 12px; /* Tamanho padrão para preço antigo */
    margin-bottom: 5px;
}

/* Se você optou por manter a classe .discounted-price no HTML, adicione este: */
.discounted-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #6A6A6A; /* Mesma cor de .price */
    font-weight: 400;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 14px;
}
.destaques .tags-content h2 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
}

.desc {
    color: #6A6A6A;
    font-size: 18px;
    font-weight: 500;
    font-family: 'poppins', sans-serif;
    text-align: center;
}

.ref {
    color: #909090;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #858585;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 14px;
}

/* * O .produto-link precisa ser um flex container para a imagem e o figcaption.
 * Remova o padding original e adicione um padding menor no figcaption.
 */
.produto-link {
    display: flex; /* Torna o link em um contêiner flexível */
    flex-direction: column; /* Organiza a imagem e o figcaption em coluna */
    width: 100%;
    height: 100%; /* Faz o link ocupar 100% da altura do `.item` */
    padding: 0; /* REMOVIDO: O padding grande original, pois o figcaption cuidará do espaçamento */
}

/* O figcaption é onde a mágica acontece para o conteúdo de texto */
.destaques .item figcaption {
    display: flex; /* Transforma o figcaption em um contêiner flexível */
    flex-direction: column; /* Organiza os elementos internos (desc, ref, price, add) em coluna */
    flex-grow: 1; /* ESSENCIAL! Faz com que o figcaption ocupe todo o espaço vertical restante disponível dentro do `.produto-link` */
    justify-content: space-between; /* Distribui o espaço entre os elementos: título, código, preço e botão */
    padding: 12px 5px 5px 5px; /* Ajuste o padding do figcaption para controlar o espaço interno ao redor do texto e botão. Usei 15px para as laterais, você pode ajustar. */
}

.add {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    background-color: #37BAB8;
    width: 150px;
    height: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto; /* Continua centralizando o botão horizontalmente */
    margin-top: auto; /* ESSENCIAL! Empurra o botão para a parte inferior do figcaption, independentemente do tamanho do texto acima */
    outline: none;
    border: none;
    cursor: pointer;
    background-image: url("../img/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center left 20px;
    padding-left: 30px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.add:hover {
    background-color: rgb(51, 176, 124);
}

.destaques .owl-dots {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.destaques .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background-color: #A4A4A4;
    margin-right: 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.destaques .owl-dots .owl-dot.active,
.destaques .owl-dots .owl-dot:hover {
    background-color: #258C8A;
}

.destaques .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
/*Sobre Index*/

.sobre-index{
    background-color: #F0F0F0;
}

.sobre-index .flex-sobre{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sobre-index .thumb{
    position: relative;
    height: auto;
    width: 46vw;
    margin-left: calc(-50vw + 48%);
}

.sobre-index .thumb img{
    height: 100%;
}

.sobre-index .content{
    width: 54%;
    padding-top: 55px;
    padding-bottom: 40px;    
}

.sobre-index .content h2{
    font-size: 24px;
    color: #37B9B8;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
}

.sobre-index .content p{
    font-size: 15px;
    color: #6A6A6A;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 15px;
}

.sabia-mais-button{
    display: inline-block;
    font-family: 'Poppins',sans-serif;
    font-size: 14px; 
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    background-color: #37BAB8;
    width: 150px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    border: none;
    cursor: pointer;
    background-image: url("../img/seta.png");
    background-repeat: no-repeat;
    background-position: center left 20px;
    padding-left: 30px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    margin-bottom: 40px;
}

.sabia-mais-button:hover{
    background-color: rgb(19, 112, 111);
}

.sobre-index .content .parca{
    padding: 10px 20px 10px 20px;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sobre-index .content .parca:before{
    content: url("../img/maos.png");
    margin-right: 10px;
}

.sobre-index .content .parca h3{
    width: 18%;
    font-size: 24px;
    color: #37B9B8;
    font-weight: 700;
    margin-right: 40px;
}

.sobre-index .content .parca p{
    font-size: 14px;
    color: #6A6A6A;
    display: inline-block;
}

/*======================================================================
                        FOOTER
========================================================================*/
.footer-pages .direitos .container,
.footer-pages .principal .container{
    display: flex;
    justify-content: space-between;
}

.footer-pages .principal{
    background-color: #258C8A;
    padding-top: 10px;
    padding-bottom: 1px;
}

.footer-pages .principal .quick-access h3{
    font-size: 15px;
    color: #FFFFFF;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer-pages .principal .quick-access li a{
    font-size: 13px;
    color: #ACD6C0;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.footer-pages .principal .quick-access li a.active,
.footer-pages .principal .quick-access li a:hover{
    color: #FFFFFF;
}

.footer-pages .principal .category-access h3{
    font-size: 15px;
    color: #FFFFFF;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer-pages .principal .category-access li a{
    font-size: 13px;
    color: #37BAB8;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.footer-pages .principal .category-access li a.active,
.footer-pages .principal .category-access li a:hover{
    color: #FFFFFF;
}

.footer-pages .contato h3{
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}

.footer-pages .contato p{
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 25px;
}

.footer-pages .contato h4{
    color: #FFFFFF;
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}

.footer-pages .contato a{
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer-pages .contato .social .fb{
   width: 25px;
   display: inline-block;
   height: 25px;
   text-indent: -9999px;
   background-image: url("../img/fb.png");
   background-repeat: no-repeat;
}

.footer-pages .contato .social .tt{
   width: 25px;
   height: 25px;
   display: inline-block;
   text-indent: -9999px;
   background-image: url("../img/tt.png");
   background-repeat: no-repeat;
}

.footer-pages .contato .social .instagram{
   width: 25px;
   height: 25px;
   display: inline-block;
   text-indent: -9999px;
   background-image: url("../img/ins.png");
   background-repeat: no-repeat;
}
.footer-pages .contato .social .wp{
   width: 25px;
   height: 25px;
   display: inline-block;
   text-indent: -9999px;
   background-image: url("../img/wp.png");
   background-repeat: no-repeat;
}

.footer-pages .contato .social{
    margin-top: 10px;
}

.footer-pages .thumb{
    display: flex;
    align-items: center;
}

.footer-pages .direitos{
    background-color: #106E6D;
    padding: 5px 0;
}

.footer-pages .direitos p,
.footer-pages .direitos a{
    font-family: 'Poppins',sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: 600;
}

/*========================================================
                    EMPRESA
==========================================================*/

.empresa{
    margin-top: 15px;
}

.empresa .content{
    display: flex;
    justify-content: space-between;
}

.empresa .content div{
    width: 46%;
}

.empresa .content div p{
    color: #6A6A6A;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    font-weight: 300;
    text-align: justify;
}

.empresa .qualidades{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}

.empresa .qualidades div{
    padding: 20px;
    background-color: #F0F0F0;
    width: 31.1%;
}

.empresa .qualidades h2{
    font-size: 25px;
    color: #37B8B8;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
    text-align: center;
}

.empresa .qualidades p{
    font-size: 15px;
    color: #6A6A6A;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-align: center;
}

.empresa-carousel{
    background-color: #F0F0F0;
    padding-top: 40px;
    padding-bottom: 50px;
}

.empresa-carousel .owl-dots{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}

.empresa-carousel .owl-dots .owl-dot{
    width: 14px;
    height: 14px;
    background-color: #396B60;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-right: 10px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.empresa-carousel .owl-dots .owl-dot:hover,
.empresa-carousel .owl-dots .owl-dot.active{
    background-color: #FFF;
}

.empresa-carousel .owl-dots .owl-dot:last-child{
    margin-right: 0;
}

/*========================================================
                    PARCEIROS
==========================================================*/

.parceiros{
    margin-top: 15px;
    margin-bottom: 30px;
}

.parceiros .content{
    display: flex;
    flex-wrap: wrap;
}

.parceiros .content div{
    width: 23.3%;
    margin-right: 2.25%;
    margin-bottom: 20px;
    border: 1px solid #D6D6D6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.parceiros .content div img{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.parceiros .content div:nth-child(4n){
    margin-right: 0;
}

/*========================================================
                    CADASTRE-SE
==========================================================*/

.cadastrese{
    margin-top: 15px;
    margin-bottom: 65px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cadastrese p{
    color: #6A6A6A;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 15px;
}

.cadastrese .row{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
}

.cadastrese .row input,
.cadastrese .row select,
.cadastrese .row option{
    width: 49%;
    background-color: #F0F0F0;
    padding: 18px 25px;
    outline: none;
    border: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

.cadastrese .row input::-webkit-input-placeholder,
.cadastrese .row option,
.cadastrese .row select,
.cadastrese .row input::-moz-placeholder{
    font-family: 'Poppins',sans-serif;
    color: #6A6A6A;
    font-size: 15px;
}

.cadastrese .row button{
    background-color: #37BAB8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 190px;
    height: 60px;
    border: none;
    outline: none;
    font-family: 'Poppins',sans-serif;
    color: #6A6A6A;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
    margin-left: calc(100% - 190px);
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.cadastrese .row button:hover{
    background-color: rgb(25, 133, 131);
}
/*
Logar na pagina cadastresse
*/

.cadastrese .form-logar{
    width: 350px;
    height: fit-content;
    padding: 20px;
    border: 1px solid #AAA;
    background-color: #106E6D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cadastrese .form-logar .row{
    flex-wrap: wrap;
}
.cadastrese .form-logar .row input{
    width: 100%;
    background-color: #FFF;
    margin-bottom: 10px;
}

.cadastrese .form-logar h1{
    color: #FFF;
}

.cadastrese .cadastro-content{
    width: calc(100% - 400px);
}

.cadastrese .form-logar button{
    color: #37B8B8;
    background-color: #FFF;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 120px;
    border: none;
    outline: none;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    
}

.logar{
    width: 40%;
    margin-top: 50px;
    margin-bottom: 65px;
    justify-content: flex-start;
}
.logar .form-logar{
    
    justify-content: flex-start;
}

/*========================================================
                produtos-categoria                   
==========================================================*/
/* No seu CSS */
.item a.produto-link img {
    max-height: 250px; /* Defina a altura máxima desejada para suas imagens */
    object-fit: contain; /* Garante que a imagem se ajuste dentro do contêiner sem cortar ou distorcer */
    width: auto; /* Permite que a largura se ajuste proporcionalmente à altura */
    display: block; /* Remove espaços extras se a imagem for inline */
    margin:15px auto; /* Centraliza a imagem e adiciona um espaço abaixo */
}

/* Opcional: Se as caixas dos produtos ficarem desiguais, defina uma altura para a área da imagem */
.item a.produto-link {
    display: block;
    height: 120; /* Exemplo: altura suficiente para a imagem + um pequeno respiro */
    display: flex; /* Para centralizar a imagem verticalmente, se necessário */
    align-items: center; /* Centraliza verticalmente o conteúdo (imagem) */
    justify-content: center; /* Centraliza horizontalmente o conteúdo (imagem) */
    flex-direction: column; /* Necessário se usar align-items e justify-content para a imagem */
}
/* No seu CSS */
.item figcaption {
    display: flex; /* Transforma o figcaption em um contêiner flex */
    flex-direction: column; /* Organiza os itens em coluna */
    justify-content: space-between; /* Distribui o espaço para empurrar o último item para baixo */
    height: 100%; /* É crucial para que o flexbox distribua o espaço verticalmente */
    /* Você pode precisar ajustar a altura do .item ou .item figcaption para que haja espaço para distribuir */
}

.item figcaption .add {
    margin-top: auto; /* Isso empurra o botão para o final do contêiner flex */
    /* Adicione outros estilos para o seu botão, como largura total, etc. */
    width: 80%; /* Para que o botão ocupe toda a largura disponível na base */
    /* Outros estilos visuais para o botão */
    padding: 10px;
    background-color: #37BAB8; /* Exemplo de cor */
    color: white;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: center;
    height: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto; /* Continua centralizando o botão horizontalmente */
    outline: none;
    background-image: url("../img/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center left 20px;
    padding-left: 30px;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
.item figcaption .add:hover {
    background-color: rgb(51, 126, 124);
}
.add:active {
    background-color: #2F6F6D; /* Um tom ainda mais escuro para o clique */
    transform: translateY(3px); /* Move o botão 1px para baixo para dar a impressão de "pressionado" */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); /* Sombra interna para profundidade */
}

/* Certifique-se de que o .item tenha uma altura definida ou seja flexível */
.item {
    display: flex; /* Pode ser necessário para que o figcaption tenha altura 100% */
    flex-direction: column;
    height: 100%; /* Exemplo: se seus itens têm altura fixa */
}

.produtos-categoria{
    margin-top: 5px;
    margin-bottom: 60px;
    background: #fafafa;
}

.fundo-cinza{
    background: #fafafa;
}

.produtos-categoria>.content{
    display: flex;
    justify-content: space-between;
}

.produtos-categoria>.content .filtro{
    width: 23.33%;
    position: relative;
}

.produtos-categoria .filtro .categoria>li>a{
    color:#8C8C8C;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    display: block;
    padding: 10px 20px;
    text-align: left;
    border: 1px solid #D6D6D6;
    background-image: url("../img/categoria-seta.png");
    background-repeat: no-repeat;
    background-position: center right 15px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.produtos-categoria .filtro .categoria>li{
    margin-bottom: 5px;
}

.produtos-categoria .filtro .categoria>li:last-child{
    margin-bottom: 0;
}

.produtos-categoria .filtro>.categorias{
    border: 2px solid #EEEEEE;
    background: #FFF;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
}

.produtos-categoria .filtro>.categorias>h2{
    font-family: 'Poppins',sans-serif;
    color: #57A593;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.produtos-categoria .filtro>.categorias .sub{
    /*overflow: hidden;
    max-height: 0;
    
    -moz-transition: all ease 0.7s;
    -webkit-transition: all ease 0.7s;
    transition: all ease 0.7s;
    */
    display:none;
}

.produtos-categoria .filtro>.categorias [slide='active'] >.sub{
    overflow-y: scroll;
    max-height: 500px;
}

.produtos-categoria .filtro .sub a{
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 30px;
    color: #258C8A;
}

.categoria li.open > a{
    color:#fff !important;
    background:#268e8d;
    border-color:#268e8d;
}

.categoria li .sub li:hover a,
.categoria li .sub li.actived a{
    color:#D6D737 !important;
}

/*.produtos-categoria .content .filtro .marca .content > a{
    width: 100%;
    font-size: 15px;
    border: 2px solid #EEEEEE;
    font-weight: 600;
    display: inline-block;
    padding: 5px 20px;
    background-color: transparent;
    color: #258C8A;
    margin-bottom: 3px;
    border-radius: 5px;    
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.produtos-categoria .content .filtro .marca .content > a:hover,
.produtos-categoria .content .filtro .marca .content > a.active{
    background-color: #258C8A;
    color: #FFF;
    border: 2px solid transparent;
}

.produtos-categoria .content .filtro .categoria .desc > a:hover,
.produtos-categoria .content .filtro .categoria .desc > a.active{
    background-color: #258C8A;
    color: #FFF;
}

.produtos-categoria .content .filtro .categoria li ul a{
    color: #A3A3A3;
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    border: none;
}

.produtos-categoria .content .filtro .categoria .sub a{
    display: block;
    text-align: left;
    padding: 15px 20px;
}

.produtos-categoria .content .filtro .categoria .sub{
    display: none;
}

.produtos-categoria .content .filtro .marca{
    border: 2px solid #EEEEEE;
    background: #FFF;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
}

.produtos-categoria .content .filtro .marca h2{
    font-family: 'Poppins',sans-serif;
    color: #57A593;
    font-size: 14px;
    font-weight: 700;
}

.produtos-categoria .content .filtro .marca .content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.produtos-categoria .content .filtro select{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    outline: none;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.produtos-categoria .content .filtro button.buscar{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 150px;
    height: 35px;
    color: #FFF;
    margin: 0 auto;
    background-color: #258C8A;
    outline: none;
    border: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.produtos-categoria .content .filtro button.buscar:hover{

    background-color: rgb(24, 114, 112);
}

.produtos-categoria .content .filtro .marca .content li{
    width: 100%;
}

.produtos-categoria .content .filtro .marca .content span{
    display: inline-flex;
    /* width: 33%; */
/*    width: 100%;
    color:#A3A3A3;
    font-size: 13px;
    font-weight: 400;
    align-items: center;
    text-transform: uppercase;
}

.produtos-categoria .content .filtro input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
    position: relative;
    outline: none;
}

.produtos-categoria .content .filtro input[type="checkbox"]:checked:before  {
	content: '\2714';
    font-size: 14px;
    color: #99a1a7;
    position: absolute;
    top: 0;
    left: 3px;
}*/

/* Regras para os cards de produto da página principal de produtos */
.produtos-content .item {
    width: 25%;
    display: block;
    float: left;
    padding: 0 10px;
    margin-bottom: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    background-color: #FFF;
    overflow: hidden; /* Essencial para o zoom da imagem */
    position: relative; /* Essencial para o zoom da imagem */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Transição para o card inteiro */
}

/* Estilo da imagem dentro dos cards de produto da página principal */
.produtos-content .item img {
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    transition: transform 0.3s ease-in-out; /* Transição suave para o zoom */
}

/* Efeito de zoom ao passar o mouse sobre o CARD INTEIRO */
.produtos-content .item:hover img {
    transform: scale(1.1); /* Aumenta a escala da imagem em 10% no hover */
}

/* Opcional: Efeito no card inteiro ao passar o mouse (além do zoom na imagem) */
.produtos-content .item:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Uma sombra mais pronunciada no hover */
    transform: translateY(-5px); /* Levanta o card um pouco */
}
.produtos-categoria .content .produtos{
    width: 74%;
}
.produtos-categoria .item img {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.produtos-categoria .content .produtos .produtos-content{
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    width: 100%;
}
.produtos-categoria .content .produtos .item{
    width: 23%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 25px;
    max-height: 500px; /* Define uma altura máxima para o quadrado */
}
.produtos-categoria .produto-link{
    padding: 5px 5px 5px 5px;
}

.produtos-categoria .content .produtos .add{
  align-self: stretch;
 }
.produtos-categoria .content .produtos .item:nth-of-type(4n){
    margin-right: 0;
}

.produtos-categoria .content .produtos .item{
    position: relative;
    border: 2px solid #EEEEEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFF;
}

.produtos-categoria .content .produtos .tags-content{
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #258C8A;
    padding: 8px;
    font-family: 'Poppins',sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.produtos-categoria .content .produtos .tags-content h2{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
}

.pagination{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.pagination li a{
    display: inline-flex;
    justify-content: center;
    align-items:center;
    width: 40px;
    height: 40px;
    background-color: #258C8A;
    color: #FFF;
    margin-right: 15px;
    font-family: 'Poppins',sans-serif;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pagination li:hover a,
.pagination li.active a{
    background-color: #37BAB8;
}

.produtos-categoria #filtro .content a{
    background-color: #AAA;
}




/*========================================================
                produtos-destalhes                   
==========================================================*/

.produto-detalhes{
    margin-top: 15px;
    margin-bottom: 0px;
}

.produto-detalhes .title h2{
    font-size: 24px;
    color: #106D6C;
    font-weight: 800;
    font-family: 'Poppins',sans-serif;
     margin-left: 95px; /* Ajuste o valor em pixels conforme necessário */

}

.produto-detalhes .title p {
  color: #909090;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin-left: 95px; /* Ajuste o valor em pixels conforme necessário */
}

.voltar{
    width: 250px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-left: calc(100% - 250px);
    background-color: #258C8A;
    margin-top: 20px;
    font-family: 'Poppins',sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    color:#FFF;
}
.voltar:hover {
    background-color: rgb(51, 176, 124);
}


.produto-detalhes .content{
    display: flex;
    justify-content: space-between;
}

.produto-detalhes .content .photo-viewer{
    width: 40%;
    height: fit-content;
}


.produto-detalhes .content .right{
    width: 56%;
    height: fit-content;
}

.produto-detalhes .content .right p{
    font-family: 'Poppins',sans-serif;
    font-size: 19px;
    color:#6A6A6A;
}

.produto-detalhes .content .right .categoria,
.produto-detalhes .content .right .marca,
.produto-detalhes .tags-content{
    margin-top: 2px;
}

.produto-detalhes .content .right .categoria h2,
.produto-detalhes .content .right .marca h2{
    color: #37B9B8;
    font-size: 16px;
    font-weight: 700;
}

.produto-detalhes .content .right .categoria p,
.produto-detalhes .content .right .marca p{
    color: #A3A3A3;
    font-size: 16px;
    font-weight: 500;
}


.produto-detalhes .tags-content{
    background-color: #258C8A;
    padding: 8px;
    font-family: 'Poppins',sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: fit-content;
}

.produto-detalhes .tags-content h2{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
}


.produto-detalhes .price{
    color:#37B9B8;
    text-align: left;
    font-size: 24px;
    font-weight: 800;
}

.produto-detalhes .add{
    margin-left: 0;
}

.lSPager.lSGallery li{
    border: 2px solid #EEEEEE;
   }

.lSPager.lSGallery .active{
    border: 2px solid #37BAB8;
}

.lSPager.lSGallery img{
    width: initial;
    height: initial;
    margin: 0 auto;
}

#imageGallery img{
    width: initial;
    height: initial;
    margin: 0 auto;
}

#imageGallery{
    margin-bottom: 15px;
}

#imageGallery li{
    width: 100%;
    height: 450px;
    border: 2px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.veja-tambem-content{
    border-top: 1px solid #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
}

.veja-tambem-content .title{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#268e8d+0,6db4a4+44,add5ba+73,cae5c4+100  container veja mais */
background: #268e8d; /* Old browsers */
background: -moz-linear-gradient(left, #268e8d 0%, #6db4a4 44%, #add5ba 73%, #cae5c4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #268e8d 0%,#6db4a4 44%,#add5ba 73%,#cae5c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268e8d', endColorstr='#cae5c4',GradientType=1 ); /* IE6-9 */
}

.veja-tambem-content .content{
    display: flex;
    flex-wrap: wrap;
  }
  .destaques .item .add,
.produtos-categoria .content .produtos .item .add,
.veja-tambem-content .item .add,
.ultimos-visitados-content .item .add {
    margin-top: auto; /* ESSENCIAL! Empurra o botão para a parte inferior do figcaption */
}

.veja-tambem-content .content .item{
    width: 22.5%;
    margin-right: 1.7%;
    border: 2px solid #EEEEEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;

}

.veja-tambem-content .content .item:nth-of-type(4n){
    margin-right: 0;
}

.veja-tambem-content .tags-content{
    background-color: #258C8A;
    padding: 8px;
    font-family: 'Poppins',sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: fit-content;
    position: absolute;
    left: 15px;
    top: 15px;

}

.veja-tambem-content .tags-content h2{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
}

/*========================================================
                Carrinho
==========================================================*/

/* style.css */
.carrinho-content {
    margin-top: 15px;
    margin-bottom: 100px;
}

.carrinho-content .erro {
    color: #D32F2F;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.carrinho-content .header {
    display: flex;
    align-items: center;
    padding: 15px 25px;
    background-color: #F0F0F0;
}

.carrinho-content .header .product,
.carrinho-content .row .product {
    width: 35%;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.carrinho-content .header .qtd,
.carrinho-content .row .qtd {
    width: 25%;
    text-align: center;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.carrinho-content .header .unit-price,
.carrinho-content .row .unit-price {
    width: 15%;
    text-align: center;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.carrinho-content .header .sum-price,
.carrinho-content .row .sum-price {
    width: 15%;
    text-align: center;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.carrinho-content .header .remove,
.carrinho-content .row .remove {
    width: 10%;
    text-align: right;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
    padding-right: 0;
}

.carrinho-content .row {
    border-bottom: 1px dashed #CDCDCD;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    min-height: 100px;
}

.carrinho-content .row .remove {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* ... (outros estilos existentes permanecem inalterados) */

.carrinho-content .row .remove {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carrinho-content .row .remove button {
    width: 35px;
    height: 35px;
    background-color: #F0F0F0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.carrinho-content .row .remove button:hover {
    background-color: #FF4D4D;
}

.carrinho-content .row .remove button svg {
    width: 18px;
    height: 18px;
    fill: #333333;
}

.carrinho-content .row .remove button:hover svg {
    fill: #FFFFFF;
}

/* ... (outros estilos existentes permanecem inalterados) */
.carrinho-content .row .product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.carrinho-content .row .product .thumb {
    width: 80px;
    height: 80px;
    border: 1px solid #E8E8E8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.carrinho-content .row .product .thumb img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
}



.carrinho-content .row .qtd input {
    width: 60%;
    max-width: 120px;
    text-align: center;
    padding: 10px;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    font-size: 14px;
    color: #6A6A6A;
    font-weight: 400;
}

.carrinho-content .row .unit-price h2,
.carrinho-content .row .sum-price h2 {
    color: #797979;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.carrinho-content .total-geral {
    display: flex;
    align-items: center;
    padding: 15px 25px;
}

.carrinho-content .total-geral .empty-col {
    width: 35%;
}

.carrinho-content .total-geral .empty-col-qtd {
    width: 25%;
}

.carrinho-content .total-geral .empty-col-unit {
    width: 15%;
}

.carrinho-content .total-geral .total-col {
    width: 15%;
    text-align: center;
}

.carrinho-content .total-geral .total-col h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #797979;
}

.carrinho-content .total-geral .empty-col-remove {
    width: 10%;
}

.carrinho-content .button-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
}

.carrinho-content .button-content .comprando,
.carrinho-content .button-content .salvar,
.carrinho-content .button-content .finalizar {
    font-size: 14px;
    font-weight: 600;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.7s ease;
}

.carrinho-content .button-content .comprando {
    color: #666666;
    background-color: #D6D6D6;
}

.carrinho-content .button-content .comprando:hover {
    background-color: rgb(175, 175, 175);
}

.carrinho-content .button-content .salvar {
    color: #FFF;
    background-color: #82ce4e;
}

.carrinho-content .button-content .salvar:hover {
    background-color: rgb(103, 165, 62);
}

.carrinho-content .button-content .finalizar {
    color: #FFF;
    background-color: #37BAB8;
}

.carrinho-content .button-content .finalizar:hover {
    background-color: rgb(27, 136, 134);
}


/* Confirmação de Salvamento */
.confirmacao-content {
    margin-top: 15px;
    margin-bottom: 100px;
    text-align: center;
}

.confirmacao-content .title {
    font-size: 1.8rem;
    color: #37BAB8;
    font-weight: 700;
    margin-bottom: 20px;
}

.confirmacao-content .mensagem {
    font-size: 1.2rem;
    color: #797979;
    margin-bottom: 30px;
}

.confirmacao-content .voltar {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    background-color: #37BAB8;
    transition: background-color 0.7s ease;
}

.confirmacao-content .voltar:hover {
    background-color: rgb(27, 136, 134);
}

/* Pedidos */
.pedidos-content {
    margin-top: 5px;
    margin-bottom: 100px;
}

.pedidos-content .mensagem {
    font-size: 1.2rem;
    color: #797979;
    text-align: center;
}

.pedidos-content .table .header {
    display: flex;
    align-items: center;
    padding: 15px 25px;
    background-color: #F0F0F0;
}

.pedidos-content .table .header .id,
.pedidos-content .table .row .id {
    width: 10%;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.pedidos-content .table .header .data,
.pedidos-content .table .row .data {
    width: 25%;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.pedidos-content .table .header .valor,
.pedidos-content .table .row .valor {
        color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.pedidos-content .table .header .status,
.pedidos-content .table .row .status {
    width: 20%;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
}

.pedidos-content .table .header .acao,
.pedidos-content .table .row .acao {
    width: 20%;
    color: #A3A3A3;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

.pedidos-content .table .row {
    display: flex;
    align-items: center;
    padding: 10px 25px;
    border-bottom: 1px dashed #CDCDCD;
}

.pedidos-content .table .row .id,
.pedidos-content .table .row .data,
.pedidos-content .table .row .valor,
.pedidos-content .table .row .status {
    color: #797979;
    font-size: 1rem;
    font-weight: 600;
}

.pedidos-content .table .row .acao .editar {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    background-color: #FFA500;
    transition: background-color 0.7s ease;
}

.pedidos-content .table .row .acao .editar:hover {
    background-color: rgb(200, 130, 0);
}
.carrinho-content select, .carrinho-content input[type="number"] {
    padding: 8px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    margin-right: 10px;
}
.carrinho-content button {
    padding: 8px 16px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
}

/* Responsividade */
@media (max-width: 768px) {
    .carrinho-content .header,
    .carrinho-content .row,
    .carrinho-content .total-geral {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 15px;
    }

    .carrinho-content .erro {
        font-size: 0.9rem;
    }

    .carrinho-content .header .product,
    .carrinho-content .row .product {
        width: 60%;
        display: flex;
        align-items: center;
    }

    .carrinho-content .row .product .thumb {
        width: 60px;
        height: 60px;
    }

    .carrinho-content .row .product .thumb img {
        max-width: 60px;
        max-height: 60px;
    }
    .carrinho-content .row .product .simple-desc {
  width: 65%;
    padding-left: 15px;
    font-weight: normal;
        font-size: 20px;
        font-weight: normal;
              color: #3700B8;
    }

    .carrinho-content .header .qtd,
    .carrinho-content .row .qtd {
        width: 40%;
        text-align: right;
    }

    .carrinho-content .header .unit-price,
    .carrinho-content .row .unit-price {
        width: 50%;
        text-align: left;
        padding-top: 5px;
    }

    .carrinho-content .header .sum-price,
    .carrinho-content .row .sum-price {
        width: 50%;
        text-align: right;
        padding-top: 5px;
    }

    .carrinho-content .header .remove,
    .carrinho-content .row .remove {
        width: 100%;
        text-align: right;
        padding-top: 5px;
    }

    .carrinho-content .total-geral .empty-col,
    .carrinho-content .total-geral .empty-col-qtd,
    .carrinho-content .total-geral .empty-col-unit {
        width: 0;
        display: none;
    }

    .carrinho-content .total-geral .total-col {
        width: 100%;
        text-align: right;
    }

    .carrinho-content .total-geral .empty-col-remove {
        width: 0;
        display: none;
    }

    .carrinho-content .button-content {
        flex-direction: column;
        gap: 10px;
    }

    .carrinho-content .button-content .comprando,
    .carrinho-content .button-content .salvar,
    .carrinho-content .button-content .finalizar {
        width: 100%;
    }

    .carrinho-content .row .qtd input {
        width: 80px;
    }

    .carrinho-content .mensagem-carrinho {
        align-items: flex-end;
    }

    .carrinho-content .mensagem-carrinho textarea {
        max-width: 100%;
    }

    .confirmacao-content .title {
        font-size: 1.5rem;
    }

    .confirmacao-content .mensagem {
        font-size: 1rem;
    }

    .confirmacao-content .voltar {
        width: 100%;
        padding: 12px;
    }

    .pedidos-content .table .header,
    .pedidos-content .table .row {
        flex-wrap: wrap;
    }

    .pedidos-content .table .header .id,
    .pedidos-content .table .row .id {
        width: 30%;
    }

    .pedidos-content .table .header .data,
    .pedidos-content .table .row .data {
        width: 70%;
    }

    .pedidos-content .table .header .valor,
    .pedidos-content .table .row .valor {
        width: 50%;
        padding-top: 5px;
    }

    .pedidos-content .table .header .status,
    .pedidos-content .table .row .status {
        width: 50%;
        padding-top: 5px;
    }

    .pedidos-content .table .header .acao,
    .pedidos-content .table .row .acao {
        width: 100%;
        text-align: right;
        padding-top: 5px;
    }
}

@media (max-width: 480px) {
    .carrinho-content .row .product .thumb {
        width: 50px;
        height: 50px;
    }

    .carrinho-content .row .product .thumb img {
        max-width: 50px;
        max-height: 50px;
    }

    .carrinho-content .row .qtd input {
        width: 70px;
    }
}

/*========================================================
                Confirmação de Salvamento
==========================================================*/
.confirmacao-content {
    margin-top: 15px;
    margin-bottom: 100px;
    text-align: center;
}

.confirmacao-content .title {
    font-size: 1.8rem;
    color: #37B8B8;
    font-weight: 700;
    margin-bottom: 20px;
}

.confirmacao-content .mensagem {
    font-size: 1.2rem;
    color: #797979;
    margin-bottom: 30px;
}

.confirmacao-content .voltar {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    background-color: #37BAB8;
    transition: background-color 0.7s ease;
}

.confirmacao-content .voltar:hover {
    background-color: rgb(27, 136, 134);
}

/* Responsividade */
@media (max-width: 768px) {
    .carrinho-content .header,
    .carrinho-content .row,
    .carrinho-content .total-geral {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 15px;
    }

    .carrinho-content .erro {
        font-size: 0.9rem;
    }

    .carrinho-content .header .product,
    .carrinho-content .row .product {
        width: 60%;
        display: flex;
        align-items: center;
    }

    .carrinho-content .row .product .thumb {
        width: 60px; /* Ajuste aqui para alterar a largura da imagem em dispositivos móveis */
        height: 60px; /* Ajuste aqui para alterar a altura da imagem em dispositivos móveis */
    }

    .carrinho-content .row .product .thumb img {
        max-width: 60px; /* Tamanho máximo da imagem em dispositivos móveis */
        max-height: 60px;
    }

     .carrinho-content .header .qtd,
    .carrinho-content .row .qtd {
        width: 40%;
        text-align: right;
    }

    .carrinho-content .header .unit-price,
    .carrinho-content .row .unit-price {
        width: 50%;
        text-align: left;
        padding-top: 5px;
    }

    .carrinho-content .header .sum-price,
    .carrinho-content .row .sum-price {
        width: 50%;
        text-align: right;
        padding-top: 5px;
    }

    .carrinho-content .header .remove,
    .carrinho-content .row .remove {
        width: 100%;
        text-align: right;
        padding-top: 5px;
    }

    .carrinho-content .total-geral .empty-col,
    .carrinho-content .total-geral .empty-col-qtd,
    .carrinho-content .total-geral .empty-col-unit {
        width: 0;
        display: none;
    }

    .carrinho-content .total-geral .total-col {
        width: 100%;
        text-align: right;
    }

    .carrinho-content .total-geral .empty-col-remove {
        width: 0;
        display: none;
    }

    .carrinho-content .button-content {
        flex-direction: column;
        gap: 10px;
    }

    .carrinho-content .button-content .comprando,
    .carrinho-content .button-content .salvar,
    .carrinho-content .button-content .finalizar {
        width: 100%;
    }

    .carrinho-content .row .qtd input {
        width: 80px;
    }

    .carrinho-content .mensagem-carrinho {
        align-items: flex-end; /* Mantém alinhamento à direita em dispositivos móveis */
    }

    .carrinho-content .mensagem-carrinho textarea {
        max-width: 100%;
    }

    .confirmacao-content .title {
        font-size: 1.5rem;
    }

    .confirmacao-content .mensagem {
        font-size: 1rem;
    }

    .confirmacao-content .voltar {
        width: 100%;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .carrinho-content .row .product .thumb {
        width: 50px;
        height: 50px;
    }

    .carrinho-content .row .product .thumb img {
        max-width: 50px;
        max-height: 50px;
    }



    .carrinho-content .row .qtd input {
        width: 70px;
    }
}
/*========================================================
                CONTATO
==========================================================*/

.contato-content{
    margin-top: 15px;
    margin-bottom: 40px;
}

.contato-content p{
    font-size: 15px;
    color: #6A6A6A;
    font-weight: 300;
}

.contato-content .content{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.contato-content .content .left,
.contato-content .content .right{
    width: 48%;
}

.contato-content .content .left{
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: column;
}

.contato-content .content .row{
    display: flex;
    justify-content: space-between;
}

.contato-content .content .row input{
    width: 49.5%;
    font-family: 'Poppins', sans-serif;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Poppins', sans-serif;
    color: #6A6A6A;
    font-size: 15px;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Poppins', sans-serif;
    color: #6A6A6A;
    font-size: 15px;
  }
  :-ms-input-placeholder { /* IE 10+ */
    font-family: 'Poppins', sans-serif;
    color: #6A6A6A;
    font-size: 15px;
  }
  :-moz-placeholder { /* Firefox 18- */
    font-family: 'Poppins', sans-serif;
    color: #6A6A6A;
    font-size: 15px;
  }


.contato-content .content input{
    width: 100%;
    outline: none;
    background-color: #F0F0F0;
    padding: 20px 25px;
    border: none;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.contato-content .content textarea{
    width: 100%;
    outline: none;
    background-color: #F0F0F0;
    padding: 20px 25px;
    border: none;
    margin-bottom: 5px;
    min-height: 210px;
    resize: none;
    font-family: 'Poppins', sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.contato-content .content button{
    width: 155px;
    height: 50px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    justify-content: center;
    outline: none;
    background-color: #37BAB8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.contato-content .content button:hover{
    background-color: rgb(38, 136, 134);
}

.contato-content .content .location{
    margin-top: 30px;
}

.contato-content .content .location h2{
    font-size: 18px;
    color:#258C8A;
    font-weight: 800;
    margin-bottom: 15px;
}

.contato-content .content .location p{
    font-size: 15px;
    color: #6A6A6A;
    font-weight: 400;
    margin-bottom: 15px;
}

.contato-content .content .location h3{
    font-size: 17px;
    color: #258C8A;
    font-weight: 800;
    margin-bottom: 15px;
}

.contato-content .content .location a{
    font-size: 17px;
    color: #6A6A6A;
    font-weight: 400;
    margin-bottom: 15px;
}

.contato-content .content .location .social a{
    display: inline-block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.contato-content .content .location .social{
    margin-top: 15px;
}

.contato-content .content .location .social .fb{
    background-image: url("../img/fb-contato.png");
    margin-right: 5px;
}

.contato-content .content .location .social .tt{
    background-image: url("../img/tt-contato.png");
    margin-right: 5px;
}

.contato-content .content .location .social .ins{
    background-image: url("../img/ins-contato.png");
}
.jq_mostrar_mensagem p{
    width: 100%;
    float: left;
    margin: 3px 10px 3px 10px;
    height: 50px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    justify-content: center;
    background-color: #37BAB8;
    border-radius: 5px;
}


/*Blog*/
section.blog{
    padding: 50px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -ms-grid-columns: 49% 49%;
    -ms-grid-gap: 40px;
    grid-gap: 40px;
}

.no-cssgrid section.blog{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.no-cssgrid section.blog>a{
    width: 49%;
}

section.blog img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
}

section.blog h2{
    font-size: 17px;
    color: #268D8C;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
}

section.blog h3{
    font-size: 14px;
    color: #727272;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}


/*Blog-detalhes*/
section.blog-detalhes{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}

section.blog-detalhes .principal{
    width: 59%;
}

section.blog-detalhes .blog-carousel{
    width: 40%;
}

section.blog-detalhes h2{
    font-size: 17px;
    color: #268D8C;
    font-family: 'Poppins',sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
}

section.blog-detalhes h3{
    font-size: 14px;
    color: #727272;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}

section.blog-detalhes p{
    color: #6A6A6A;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 15px;
    margin: 20px 20px;
    text-align: justify;
}
/* [CSS original mantido até a seção relevante, apenas as partes alteradas são mostradas] */

/* Correções para imagens e galeria */
.produto-detalhes .photo-viewer {
    width: 40%;
    max-width: 400px;
    margin: 0 auto;
}

#imageGallery {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

#imageGallery li {
    width: 100%;
    height: 400px;
    border: 2px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

#imageGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.lSPager.lSGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.lSPager.lSGallery li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 2px solid #EEEEEE;
    overflow: hidden;
    border-radius: 4px;
}

.lSPager.lSGallery li.active {
    border: 2px solid #37BAB8;
}

.lSPager.lSGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

.veja-tambem-content .item {
    width: 23.7%;
    margin-right: 1.7%;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.veja-tambem-content .item img {
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Regras para preços e espaçamento */
.produto-detalhes .categoria p:last-child {
    margin-bottom: 2rem; /* Espaço entre a descrição e o preço */
}

.produto-detalhes .price-container {
    margin: 1rem 0 2rem 0; /* Espaço acima e abaixo do preço */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.produto-detalhes .price {
    font-size: 1.5rem; /* 24px */
    font-weight: 400; /* Sem negrito */
    color: #2c3e50; /* Cor escura */
    line-height: 1.2;
    text-align: left;
    margin: 0;
}

.produto-detalhes .price-consult {
    font-size: 1.25rem; /* 20px */
    font-weight: 500;
    color: #696766; /* Vermelho */
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}

.veja-tambem-content .price-container {
    margin: 1rem 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.veja-tambem-content .price {
    font-size: 1.5rem;
    font-weight: 400;
    color: #2c3e50;
    line-height: 1.2;
    text-align: center;
    margin: 0;
}

.veja-tambem-content .price-consult {
    font-size: 1.25rem;
    font-weight: 500;
    color: #696766;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

@media (max-width: 768px) {
    .produto-detalhes .photo-viewer {
        max-width: 100%;
    }
    
    .produto-detalhes .categoria p:last-child {
        margin-bottom: 1.5rem; /* Reduz espaço em telas menores */
    }
    
    .produto-detalhes .price-container {
        margin: 0.75rem 0 1.5rem 0; /* Reduz espaço em telas menores */
    }
    
    #imageGallery li {
        height: 300px;
    }
    
    .lSPager.lSGallery li {
        width: 60px;
        height: 60px;
    }
    
    .veja-tambem-content .item {
        width: 48%;
        margin-right: 5%;
    }
    
    .veja-tambem-content .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .produto-detalhes .price,
    .veja-tambem-content .price {
        font-size: 1.25rem;
    }
    
    .produto-detalhes .price-consult,
    .veja-tambem-content .price-consult {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .veja-tambem-content .item {
        width: 100%;
        margin-right: 0;
    }
}

/* [Restante do CSS original mantido] */
/* [CSS original mantido até a seção relevante, apenas as partes relevantes são mostradas] */

/* Correções para imagens e galeria */
.produto-detalhes .photo-viewer {
    width: 40%;
    max-width: 400px;
    margin: 0 auto;
    }

#imageGallery {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

#imageGallery li {
    width: 100%;
    height: 400px;
    border: 2px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

#imageGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.lSPager.lSGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.lSPager.lSGallery li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 2px solid #EEEEEE;
    overflow: hidden;
    border-radius: 4px;
}

.lSPager.lSGallery li.active {
    border: 2px solid #37BAB8;
}

.lSPager.lSGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

.veja-tambem-content .item {
    width: 23.7%;
    margin-right: 1.7%;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.veja-tambem-content .item img {
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Regras para preços e espaçamento */
.produto-detalhes .categoria p:last-child {
    margin-bottom: 2rem; /* Espaço entre a descrição e o preço */
}

.produto-detalhes .price-container {
    margin: 1rem 0 2rem 0; /* Espaço acima e abaixo do preço */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.produto-detalhes .price {
    font-size: 2.5rem; /* 24px */
    font-weight: 400; /* Sem negrito */
    color: #2c3e50; /* Cor escura */
    line-height: 1.2;
    text-align: left;
    margin: 0;
}

.produto-detalhes .price-consult {
    font-size: 1.25rem; /* 20px */
    font-weight: 500;
    color: #696766; /* Vermelho */
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}

.veja-tambem-content .price-container {
    margin: 1rem 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.veja-tambem-content .price {
    font-size: 1.5rem;
    font-weight: 400;
    color: #2c3e50;
    line-height: 1.2;
    text-align: center;
    margin: 0;
}

.veja-tambem-content .price-consult {
    font-size: 1.25rem;
    font-weight: 500;
    color: #696766;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

@media (max-width: 768px) {
    .produto-detalhes .photo-viewer {
        max-width: 100%;
    }
    
    .produto-detalhes .categoria p:last-child {
        margin-bottom: 1.5rem;
    }
    
    .produto-detalhes .price-container {
        margin: 0.75rem 0 1.5rem 0;
    }
    
    #imageGallery li {
        height: 300px;
    }
    
    .lSPager.lSGallery li {
        width: 60px;
        height: 60px;
    }
    
    .veja-tambem-content .item {
        width: 48%;
        margin-right: 2%;
    }
    
    .veja-tambem-content .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .produto-detalhes .price,
    .veja-tambem-content .price {
        font-size: 1.25rem;
    }
    
    .produto-detalhes .price-consult,
    .veja-tambem-content .price-consult {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .veja-tambem-content .item {
        width: 100%;
        margin-right: 0;
    }
}
/* [CSS original mantido até a seção relevante, apenas as partes relevantes são mostradas] */
/* [Restante do CSS original mantido] */
/* [CSS original mantido até a seção relevante, apenas as partes relevantes são mostradas] */

/* Correções para imagens e galeria */
/* Estilo da imagem principal na página de detalhes */
.produto-detalhes .photo-viewer img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease-in-out; /* Transição suave para o zoom */
}

/* Efeito de zoom na imagem principal */
.produto-detalhes .photo-viewer:hover img {
    transform: scale(1.05); /* Aumenta a escala da imagem em 5% no hover */
}
.produto-detalhes .photo-viewer {
    width: 40%;
    max-width: 400px;
    margin: 0 auto;
}

#imageGallery {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

#imageGallery li {
    width: 100%;
    height: 400px;
    border: 2px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

#imageGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.lSPager.lSGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.lSPager.lSGallery li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 2px solid #EEEEEE;
    overflow: hidden;
    border-radius: 4px;
}

.lSPager.lSGallery li.active {
    border: 2px solid #37BAB8;
}

.lSPager.lSGallery img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

/* Layout para Veja Também e Últimos Visitados */
.veja-tambem-content .item figcaption,
.ultimos-visitados-content .item figcaption {
    padding-left: 0px; /* Ajuste este valor conforme necessário */
    padding-right: 0px; /* Ajuste este valor conforme necessário */
    /* NOVA PROPRIEDADE: Permite que o figcaption ocupe o espaço restante */
    flex-grow: 1;
    /* NOVA PROPRIEDADE: Ajuda a distribuir o conteúdo, como o botão "ADICIONAR" */
    display: flex;
    flex-direction: column;
    /* NOVA PROPRIEDADE: Empurra o último item (ex: botão) para o final do espaço disponível */
    justify-content: space-between;
}

.veja-tambem-content .title,
.ultimos-visitados-content .title {
    text-align: center;
    margin-bottom: 20px;
}

.veja-tambem-content .content.container,
.ultimos-visitados-content .content.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -0.75%;
    padding: 0;
    box-sizing: border-box;
    /* NOVA PROPRIEDADE: Faz com que os itens flex se estiquem para a altura do maior item na linha */
    align-items: stretch;
}

.veja-tambem-content .item,
.ultimos-visitados-content .item {
    width: 22.9%;
    margin-right: 1.0%;
    margin-left: 1.0%;
    border: 2px solid #EEEEEE;
    border-radius: 20px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    box-sizing: border-box;
    BACKGROUND-COLOR: #FFF;
    /* NOVA PROPRIEDADE: Torna o próprio item um contêiner flex para seu conteúdo interno */
    display: flex;
    /* NOVA PROPRIEDADE: Organiza o conteúdo do item em uma coluna (imagem, descrição, preço, botão) */
    flex-direction: column;
    /* NOVA PROPRIEDADE: Garante que o item pode crescer para a altura necessária */
    height: auto;
}

/* NOVA REGRA: Garante que o botão "ADICIONAR" fique sempre na parte inferior do card,
   independentemente do tamanho da descrição ou preço. */
.veja-tambem-content .item .add,
.ultimos-visitados-content .item .add {
    margin-top: auto; /* Empurra o botão para a parte inferior */
}

.veja-tambem-content .item:nth-child(4n),
.ultimos-visitados-content .item:nth-child(4n) {
    margin-right: 0;
}

.veja-tambem-content .item img,
.ultimos-visitados-content .item img {
    width: 150%;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease-in-out; /* Adiciona a transição para o zoom */
}

.veja-tambem-content .item:hover img,
.ultimos-visitados-content .item:hover img {
    transform: scale(1.2); /* Aumenta a escala da imagem em 10% no hover */
}

/* Regras para preços e espaçamento */
.produto-detalhes .categoria p:last-child {
    margin-bottom: 2rem; /* Espaço entre a descrição e o preço */
}

.produto-detalhes .price-container {
    margin: 1rem 0 2rem 0; /* Espaço acima e abaixo do preço */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.produto-detalhes .price {
    font-size: 1.5rem; /* 24px */
    font-weight: 400; /* Sem negrito */
    color: #2c3e50; /* Cor escura */
    line-height: 1.2;
    text-align: left;
    margin: 0;
}

.produto-detalhes .price-consult {
    font-size: 1.15rem; /* 20px */
    font-weight: 500;
    color: #696766; /* Vermelho */
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}

.veja-tambem-content .price-container,
.ultimos-visitados-content .price-container {
    margin: 1rem 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.veja-tambem-content .price,
.ultimos-visitados-content .price {
    font-size: 1.5rem;
    font-weight: 400;
    color: #2c3e50;
    line-height: 1.2;
    text-align: center;
    margin: 0;
}

.veja-tambem-content .price-consult,
.ultimos-visitados-content .price-consult {
    font-size: 0.80rem;
    font-weight: 500;
    color: #91908e;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

@media (max-width: 768px) {
    .produto-detalhes .photo-viewer {
        max-width: 100%;
    }

    .produto-detalhes .categoria p:last-child {
        margin-bottom: 1.5rem;
    }

    .produto-detalhes .price-container {
        margin: 0.75rem 0 1.5rem 0;
    }

    #imageGallery li {
        height: 300px;
    }

    .lSPager.lSGallery li {
        width: 60px;
        height: 60px;
    }

    .veja-tambem-content .content.container,
    .ultimos-visitados-content .content.container {
        margin: 0 -1%;
    }

    .veja-tambem-content .item,
    .ultimos-visitados-content .item {
        width: 48%;
        margin-right: 2%;
        /* MANTER: Garante que o item pode crescer para a altura necessária em telas menores também */
        height: auto;
    }

    .veja-tambem-content .item:nth-child(2n),
    .ultimos-visitados-content .item:nth-child(2n) {
        margin-right: 0;
    }

    .veja-tambem-content .item:nth-child(4n),
    .ultimos-visitados-content .item:nth-child(4n) {
        margin-right: 2%;
    }

    .produto-detalhes .price,
    .veja-tambem-content .price,
    .ultimos-visitados-content .price {
        font-size: 1.25rem;
    }

    .produto-detalhes .price-consult,
    .veja-tambem-content .price-consult,
    .ultimos-visitados-content .price-consult {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .veja-tambem-content .content.container,
    .ultimos-visitados-content .content.container {
        margin: 0;
    }

    .veja-tambem-content .item,
    .ultimos-visitados-content .item {
        width: 100%;
        margin-right: 0;
        /* MANTER: Garante que o item pode crescer para a altura necessária em telas menores também */
        height: auto;
    }

    .veja-tambem-content .item:nth-child(4n),
    .ultimos-visitados-content .item:nth-child(4n) {
        margin-right: 0;
    }
}
/* [Restante do CSS original mantido] */
.produto-detalhes .right input[name="quantidade"] {
    width: 60px;
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
}
.produto-detalhes .right input[name="quantidade"],
.carrinho-content input[name="quantidade"] {
    width: 80px;
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
}
.simple-desc h2 a {
    text-decoration: none; /* Remove underline */
    color: #000; /* Match existing h2 color */
}

.simple-desc h2 a:hover {
    color: #1a73e8; /* Match the "Finalizar" button hover color for consistency */
 }
 
 /* [CSS original mantido, apenas as partes alteradas são mostradas] */

/* [CSS original mantido, apenas as partes alteradas ou adicionadas são mostradas] */

/* [CSS original mantido, apenas as partes alteradas ou adicionadas são mostradas] */

/* Carrinho responsivo */
.carrinho-content {
    margin-top: 5px;
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .carrinho-content .header,
    .carrinho-content .row,
    .carrinho-content .total-geral {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }
    .carrinho-content .product,
    .carrinho-content .qtd,
    .carrinho-content .unit-price,
    .carrinho-content .sum-price,
    .carrinho-content .remove,
    .carrinho-content .empty-col,
    .carrinho-content .empty-col-qtd,
    .carrinho-content .empty-col-unit,
    .carrinho-content .total-col,
    .carrinho-content .empty-col-remove {
        width: 100%;
        text-align: right;
        padding: 5px 0;
    }
    .carrinho-content .unit-price,
    .carrinho-content .sum-price,
    .carrinho-content .total-col,
    .carrinho-content .remove,
    .carrinho-content .empty-col-remove {
        text-align: right;
    }
    .carrinho-content .product .thumb {
        width: 80px;
        height: 80px;
    }
    .carrinho-content .product .thumb img {
        max-width: 60px;
        max-height: 60px;
    }
    .carrinho-content .button-content {
        flex-direction: column;
        gap: 10px;
    }
    .carrinho-content .comprando,
    .carrinho-content .finalizar {
        width: 100%;
        text-align: center;
    }


/* Estilização de preços e total geral */
.produto-detalhes .price,
.veja-tambem-content .price,
.ultimos-visitados-content .price {
    font-size: 1.0rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
    text-align: left;
    margin: 0;
}

.produto-detalhes .price-consult,
.veja-tambem-content .price-consult,
.ultimos-visitados-content .price-consult {
   font-size: 1.25rem;
    font-weight: 500;
    color: #696766;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.carrinho-content .sum-price h2 {
    font-size: 1.0rem;
    font-weight: 600;
    color: #797979; /* Cor cinza para totais das linhas */
    text-align: right;
   }

.carrinho-content .total-col {
    text-align: right; /* Alinha o total geral à esquerda */
    margin-right: 30px;
}

.carrinho-content .total-col h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #797979; /* Cor cinza para o total geral */
    margin-right: 10px;
}}

/* Ajuste no campo de input numérico */
.carrinho-content .qtd input[type="number"] {
    width: 120px;
    margin-left: 0;
    padding: 5px;
    font-size: 1rem;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    text-align: center;
}

@media (max-width: 768px) {
    .carrinho-content .qtd input[type="number"] {
        width: 100%;
        max-width: 120px;
    }
}
/*
/* Ajuste no campo de mensagem 
.carrinho-content .mensagem-carrinho {
    margin-top: 20px;
    margin-left: 0; /* Estende à esquerda 
    width: 100%;
    text-align: right;
}

.carrinho-content .mensagem-carrinho label {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.carrinho-content .mensagem-carrinho textarea {
    width: 100%;
    max-width: 600px; /* Limita largura em telas grandes 
    min-height: 120px; /* Aumenta altura 
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    resize: vertical; /* Permite redimensionar apenas verticalmente 
}*/

@media (max-width: 768px) {
    .carrinho-content .mensagem-carrinho textarea {
        max-width: 100%; /* Ocupa toda a largura em telas menores */
    }
    
.produtos-categoria .price-login {
    margin: 1rem 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.produtos-categoria .price-consult {
    font-size: 0.80rem;
    font-weight: 500;
    color: #91aa8e;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.produtos-categoria .price {
    font-size: 1.0rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
    text-align: left;
    margin: 0;
}
}