.full.menu .nivel-dois .mega-recebe {
	width: 50%;
	margin: auto;
}

@media only screen and (max-width:767px) {
	.menu.superior .nivel-dois {
		display: none;
	}
}

.mega-recebe-prod .listagem li.listagem-linha {
	margin: auto;
}

@media only screen and (max-width:767px) {
	.listagem-linha li {
		margin-top: 0;
	}
}

.row-fluid.banner.hidden-phone {
    max-width: 70%;
    margin: auto;
}

/* mantém o site FULL WIDTH (como você queria) */
.conteiner-principal .conteiner {
	max-width: 100%;

}

/* produtos */
#listagemProdutos {
	max-width: 1200px;
	margin: auto;
	
}

/* MINI BANNERS (única parte limitada) */
.banner-center {
	max-width: 20%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 0 26px;
}

/* cada banner */
.banner-center a {
	flex: 1;
	max-width: 32%;
}

/* imagem ajustada */
.banner-center img {
	width: 50%;
	height: auto;
	display: block;
}

/* mobile */
@media only screen and (max-width: 767px) {
	.banner-center {
		display: block;
		margin-top: 14px;
	}

	.banner-center a {
		max-width: 100%;
		margin-bottom: 10px;
	}
}

.modulo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.menu.superior>ul.nivel-um {
	width: fit-content;
	margin: auto;
	text-align: center;
}

.menu.superior .nivel-um>li {
	float: none;
	display: inline-flex;
}

.listagem.com-caixa .listagem-item .acoes-produto {
  border: 1px solid #000000 !important;
}

.listagem.com-caixa .listagem-item {
  border: 5px solid #000000 !important;
}

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

    /* REGRA GLOBAL (ESSENCIAL) */
    * {
        box-sizing: border-box;
    }

    body:not(.pagina-inicial) .listagem-linha > ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }

    body:not(.pagina-inicial) .listagem-linha > ul > li.span3 {
        width: 50%;
        padding: 6px;
    }

    /* CARD */
    .listagem.com-caixa .listagem-item {
        width: 100%;
        border: 1px solid #ddd !important;
        border-radius: 10px;
        overflow: hidden; /* 🔥 impede sobreposição */
        background: #fff;
    }

    /* IMAGEM */
    .listagem-item img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* BOTÃO VER MAIS */
    .listagem-item .acoes-produto {
        position: static !important; /* 🔥 remove bug de sobreposição */
        border: none !important;
        text-align: center;
        margin-top: 10px;
    }

    /* TEXTO */
    .listagem-item .nome-produto {
        padding: 10px;
        font-size: 14px;
        text-align: center;
    }

}

@media screen and (min-width: 767px) { /* aqui somente PC */
    .listagem.com-caixa .listagem-linha ul li {
        padding: 10px 10px;
    }

    .listagem.com-caixa .listagem-item {
        border: 1px solid #EDEDED !important;
        border-radius: 10px;
    }
}

.listagem-item .acoes-produto {
	position: relative;
	top: 1px;
}

@media (min-width: 769px) {

  /* tudo aqui só roda no computador */
      /* estrutura do menu */
    .menu.superior .nivel-um > li > a {
    	display: flex;
    	align-items: center;
    	gap: 8px;
    	padding: 12px 18px;
    	font-size: 13px;
    	font-weight: 600;
    	text-transform: uppercase;
    	color: #fff;
    	position: relative;
    }
    
    /* ícone padrão */
    .menu.superior .nivel-um > li > a::before {
    	content: "";
    	width: 42px;
    	height: 42px;
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: center;
    	display: inline-block;
    }
    
    /* 1 - TODOS OS PRODUTOS */
    .menu.superior .nivel-um > li:nth-child(1) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/todos%20os%20itens.png');
    }
    
    /* 2 - BICO INJETOR */
    .menu.superior .nivel-um > li:nth-child(2) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/BICO%20INJETOR.png');
    }
    
    /* 3 - BOMBAS */
    .menu.superior .nivel-um > li:nth-child(3) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/BOMBA.png');
    }
    
    /* 4 - REPARO */
    .menu.superior .nivel-um > li:nth-child(4) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/REPARO.png');
    }
    
    /* 5 - EIXOS */
    .menu.superior .nivel-um > li:nth-child(5) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/EIXO.png');
    }
    
    /* 6 - INJETOR */
    .menu.superior .nivel-um > li:nth-child(6) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/INJETOR.png');
    }
    
    /* 7 - SENSORES */
    .menu.superior .nivel-um > li:nth-child(7) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/SENSOR.png');
    }
    
    /* 8 - VÁLVULA */
    .menu.superior .nivel-um > li:nth-child(8) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/VALVULA.png');
    }
    
    /* 9 - CONJUNTO DE VALVULA */
    .menu.superior .nivel-um > li:nth-child(9) > a::before {
    	background-image: url('https://cdn.awsli.com.br/2854/2854131/arquivos/conjunto-de-valvula-1.png');
    }
    
    /* 10 - KIT VALVULA E BICO */
    .menu.superior .nivel-um > li:nth-child(10) > a::before {
    	background-image: url('https://cdn.awsli.com.br/2854/2854131/arquivos/kit-2.png');
    }
    
    /* -------------------- -------------------------------- ------------------ */
    /* -------------------- CATEGORIAS ADICIONAIS MUDAR AQUI ------------------ */
    /* -------------------- -------------------------------- ------------------ */ 
    
    /* ÍCONES BRANCOS (caso sejam escuros) */
    .menu.superior .nivel-um > li > a::before {
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    
    /* HOVER → ÍCONE VOLTA AO NORMAL (preto) */
    .menu.superior .nivel-um > li > a:hover::before {
    	filter: none;
    }
    
    

    /* FUNDO DO MENU (verde escuro) */
    .menu.superior {
    	background-color: #03541b; /* verde escuro */
    }
    
    
    
    
    
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(2) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(3) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(4) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(5) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(6) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(7) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(8) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(9) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    /* TEXTO DO MENU BRANCO */
    .menu.superior .nivel-um > li:nth-child(10) > a{
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    
    
    /* -------------------- -------------------------------- ------------------ */
    /* -------------------- CATEGORIAS ADICIONAIS MUDAR AQUI ------------------ */
    /* -------------------- -------------------------------- ------------------ */
    
    
    /* BOTÃO TODOS OS PRODUTOS */
    .menu.superior .nivel-um > li:nth-child(1) > a {
    	background-color: #28c908 !important; /* verde claro */
    
    	border-radius: 6px;
    	padding: 10px 16px;
    	font-weight: 700;
    	display: inline-flex;
    	align-items: center;
    	gap: 8px;
    }
    
    
    /* HOVER */
    .menu.superior .nivel-um > li:nth-child(1) > a:hover {
    	background-color: #b5ffa6 !important; /* verde mais claro */
    	
    	transform: translateY(-2px) !important;
    	box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
    }
    
    
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(2) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(3) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(4) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(5) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(6) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(7) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(8) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(9) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    /*  HOVER (verde mais claro) */
    .menu.superior .nivel-um > li:nth-child(10) > a:hover {
    	background-color: #2ecc71; /* verde claro */
    	transform: translateY(-2px);
    	filter: none;
    	border-radius: 6px;
    }
    
    
    /* -------------------- -------------------------------- ------------------ */
    /* -------------------- CATEGORIAS ADICIONAIS MUDAR AQUI ------------------ */
    /* -------------------- -------------------------------- ------------------ */
    
    


}/* tudo aqui só roda no computador */




/* 🔥 CONTAINER */
.busca {
	display: flex !important;
	align-items: center;
	background: #ffffff;
	border-radius: 50px;
	padding: 5px;
	max-width: 500px;
	margin: 0 auto;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 🔍 INPUT */
.busca input[type="text"] {
    flex: 1 !important;
	border: none !important;
	outline: none;
	padding: 10px 15px;
	border-radius: 50px;
	width: 100%;
	font-size: 14px;
}

/* 🔥 BOTÃO (submit) */
.botao-busca  {
	background-color: #2ecc71 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 50px;
	padding: 10px 18px;
	cursor: pointer;
	font-weight: 600;
	transition: 0.3s;
	display: flex;
    align-items: center !important;
    justify-content: center !important;
   
    
}

/* 🔥 HOVER */
.botao-busca:hover {
	background-color: #0f3d1e !important;
}

/* efeito foco */
.busca:focus-within {
	box-shadow: 0 0 0 2px #2ecc71;
}


#cabecalho .busca form {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 2; /* 🔥 acima da textura */
  
}


/* INPUT GRANDE E BONITO */
#cabecalho .busca input {
  width: 100%;
  height: 48px;
  padding: 0 60px 0 20px;
  border-radius: 50px;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  z-index: 2; /* 🔥 acima da textura */
}


/* BOTÃO CENTRALIZADO PERFEITO */
#cabecalho .busca button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  
  height: 36px;
  width: 36px;
  
  display: flex;
  align-items: center;
  justify-content: center;
    
  border-radius: 50%;
  z-index: 3; /* 🔥 acima da textura */
}




/* ===== CARD DO PRODUTO ===== */
.listagem-item {
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 15px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  background: #fff;
}

/* HOVER BONITO */
.listagem-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  border-color: #2ecc71 !important;
}

/* IMAGEM CENTRALIZADA */
.listagem-item .imagem-produto {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.listagem-item .imagem-produto img {
  max-height: 160px;
  width: auto;
}

/* NOME DO PRODUTO */
.listagem-item .nome-produto {
  text-align: center !important;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  min-height: 40px;
}




/* BOTÃO "VER MAIS" */
.listagem-item .acoes-produto a {
  display: inline-block;
  background: #2ecc71;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: 0.3s;
}

/* HOVER BOTÃO */
.listagem-item .acoes-produto a:hover {
  background: #03541b;
  transform: scale(1.05);
}


/* =========================
   HEADER FLUTUANTE PERFEITO
========================= */

#barraTopo {
  height: 75px !important;
  padding: 0 20px !important;
  background: #fff;
}

/* container vira flex */
#barraTopo > .conteiner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* linha interna */
#barraTopo .row-fluid {
  display: flex !important;
  align-items: center !important;
  width: 100%;
}

/* REMOVE GRID ANTIGO */
#barraTopo .span3,
#barraTopo .span9 {
  float: none !important;
  width: auto !important;
}


/* ===== CENTRO (TEXTO REALMENTE CENTRAL) ===== */
#barraTopo .nome-loja,
#barraTopo strong {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

/* ===== DIREITA ===== */
#barraTopo .span9 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

/* remove topo inútil */
#barraTopo .superior {
  display: none;
}

/* mantém estrutura */
#barraTopo .conteudo-topo,
#barraTopo .inferior {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}


/* container precisa ser referência */
#barraTopo > .conteiner {
  position: relative;
}

/* LOGO SEM QUEBRAR LAYOUT */
#barraTopo:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  
  width: 140px;
  height: 50px;

  background: url("https://cdn.awsli.com.br/400x300/2854/2854131/logo/logotipo-3fuizdn35p.png") no-repeat center;
  background-size: contain;

  pointer-events: none; /* não interfere em clique */
}

/* empurra conteúdo pra direita */
#barraTopo .row-fluid {
  padding-left: 160px;
}

/* ===== BUSCA HEADER AJUSTE FINAL ===== */

#barraTopo .busca form {
  display: flex;
  align-items: center;
  width: 100%;
}

/* INPUT */
#barraTopo .busca input {
  height: 40px;
  padding: 0 50px 0 18px;
  border-radius: 50px;
  width: 90%;   
  box-sizing: border-box;
}

/* BOTÃO */
#barraTopo .busca button {
  height: 40px;           /* IGUAL AO INPUT */
  width: 40px;

  margin-left: -30px;     /* puxa pra dentro */
  
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  position: relative;     /* remove absolute */
  
}

@media (min-width: 769px) {

  /* tudo aqui só roda no computador */
  /* estrutura geral */
#cabecalho .conteiner > .row-fluid {
  display: flex;
  align-items: center;
}


/* ===== BLOCO DIREITO ORGANIZADO ===== */
#cabecalho .conteudo-topo {
  display: flex;
  flex-direction: column;
  align-items: center; /* 🔥 centraliza frase + busca juntos */
  justify-content: center;
  width: 100%;
}

/* ===== FRASE ===== */
#cabecalho .conteudo-topo:before {
  content: "Peças Diesel com qualidade e confiança ⚙️";
  
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  font-family: 'Oswald', sans-serif; /* 🔥 fonte moderna */
  
  color: #1a1a1a;
  text-align: center;

  margin-bottom: 8px;
}



#cabecalho .busca {
  margin: 0 auto;
}

#cabecalho {
  padding-top: 10px;
  padding-bottom: 10px;
}

}/* tudo aqui só roda no computador */


#cabecalho {
  position: relative;
  background: linear-gradient(90deg, #f7f7f7 0%, #c8f2d2 100%);
  
}


@media (min-width: 769px) {
    #cabecalho::after {
      content: "";
      position: absolute;
      inset: 0;
      background: url('https://www.transparenttextures.com/patterns/hexellence.png');
      opacity: 0.6;
      pointer-events: none;
      z-index: 1; /* camada da textura */
    }
}

/* REMOVE FUNDO BRANCO DOS BLOCOS INTERNOS */
#cabecalho .conteiner,
#cabecalho .row-fluid,
#cabecalho .span3,
#cabecalho .span9,
#cabecalho .conteudo-topo {
  background: transparent !important;
}





#cabecalho .busca {
  position: relative;
  z-index: 2; /* 🔥 acima da textura */
  
  background: #fff;
  border-radius: 50px;
}



@media (max-width: 768px) {

  /* tudo aqui dentro só roda no celular */
      /* CONTAINER PRINCIPAL DO PRODUTO */
    .produto .principal > .row-fluid {
        display: flex;
        align-items: flex-start;
        gap: 40px;
        flex-wrap: nowrap;
    }
    
    /* IMAGEM (lado esquerdo) */
    .produto .principal > .row-fluid > .span6 {
        width: 55%;
    }
    
    /* BLOCO DIREITA (título + código + descrição) */
    .produto .principal > .row-fluid > .span5,
    .produto .principal > .row-fluid > .span12 {
        width: 45%;
    }
    
    /* DESCRIÇÃO */
    .produto .tab-content {
        position: static !important;
        transform: none !important;
        margin: 20px 0 0 0 !important;
        width: 100% !important;
    
        background: #f5f5f5;
        padding: 20px;
        border-radius: 10px;
        border-left: 4px solid #2ecc71;
    
        font-size: 14px;
        line-height: 1.6;
    
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }
    
    /* GARANTE QUE APAREÇA */
    .produto .tab-pane {
        display: block !important;
    }

}/* tudo aqui dentro só roda no celular */



@media (max-width: 768px) {

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

  .menu.superior.aberto .nivel-um,
  .menu.superior.ativo .nivel-um {
      display: block;
  }

}

@media (max-width: 768px) {

  /* NÃO mexe em display do UL */

  .menu.superior .nivel-um > li > a {
      display: block;
      width: 100%;
      padding: 14px;

      text-align: center;
      background: rgba(0,0,0,0.25);
      border-radius: 10px;
  }

  .menu.superior .nivel-um > li {
      margin-bottom: 10px;
  }

  .menu.superior .nivel-um > li > a .titulo {
      display: block;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
  }

}
@media (max-width: 768px) {

  /* NÃO mexe no UL (.nivel-um) */

  /* QUEBRA as colunas */
  .menu.superior .nivel-um > li {
      width: 100% !important;
      float: none !important;
      display: block !important;
  }

  /* LINK vira botão full width */
  .menu.superior .nivel-um > li > a {
      display: block;
      width: 100%;
      padding: 14px;

      text-align: center;

      background: rgba(255,255,255,0.15);
      border-radius: 10px;
  }

  /* TEXTO */
  .menu.superior .nivel-um > li > a .titulo {
      display: block;
      text-align: center;
      color: #fff;
  }

  /* espaçamento */
  .menu.superior .nivel-um > li {
      margin-bottom: 12px;
  }

}





@media (min-width: 769px) {

  /* tudo aqui só roda no computador */
  .menu.superior .nivel-um {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .menu.superior .nivel-um > li {
    flex: 0 0 auto;
  }
} /* tudo aqui só roda no computador */





/* CÓDIGO */
.produto .codigo-produto {
  font-size: 16px;
}

/* TÍTULO DO PRODUTO */
.produto .nome-produto {
  font-size: 35px ;
  font-weight: 700 ;
}

/* TEXTO "Código:" */
.produto .codigo-produto b {
  font-size: 16px;
  font-weight: 700;
}

/* NÚMERO DO CÓDIGO */
.produto .codigo-produto span[itemprop="sku"] {
  font-size: 17px;
  font-weight: 600;
}

/* MARCA (lado direito) */
.produto span[itemprop="brand"] {
  font-size: 16px;
  font-weight: 600;
}

.produto .acoes-flutuante .nome-produto{
    font-size: 16px !important;
    font-weight: 700 !important;
    
}


/* CONTAINER */
.menu.lateral {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* ITENS */
.menu.lateral ul li {
  border-bottom: 1px solid #e5e5e5;
}

/* LINKS */
.menu.lateral ul li a {
  display: block;
  padding: 14px 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* HOVER */
.menu.lateral ul li a:hover {
  background: #2ecc71;
  color: #fff;
  padding-left: 22px; /* efeito de movimento */
}

/* LINKS DO MENU */
.menu.lateral ul li a {
  display: block;
  padding: 14px 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* HOVER */
.menu.lateral ul li a:hover {
  background: #2ecc71;
  color: #fff;
  padding-left: 22px;
}

/* ITEM ATIVO */
.menu.lateral .ativo > a,
.menu.lateral li.ativo > a {
  background: #2ecc71;
  color: #fff;
  border-left: 4px solid #27ae60;
}

/* PRIMEIRO ITEM (TODOS OS PRODUTOS) */
.menu.lateral ul li:first-child a {
  font-weight: 700;
}

.li-whatsapp a {
  transition: all 0.3s ease;
}

/* HOVER */
.li-whatsapp a:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(46, 204, 113, 0.5);
}

.li-whatsapp a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255,255,255,0.3);
  transform: skewX(-25deg);
  transition: 0.5s;
}

.li-whatsapp a:hover::after {
  left: 130%;
}

.li-whatsapp a {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.6);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(46, 204, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}

.li-whatsapp a {
  position: relative;
  overflow: hidden;
}

body {
  background:
    linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    url('https://www.transparenttextures.com/patterns/hexellence.png');

  background-color: #f5f5f5;
  background-repeat: repeat;
}

.listagem-item {
  position: relative;
  overflow: hidden;
}

.listagem-item::after {
  content: "RPS";
  position: absolute;
  bottom: 10px;
  right: 10px;

  font-size: 40px;
  font-weight: bold;
  color: rgba(1,222,12,0.2);

  pointer-events: none;
}

.listagem-item .info-produto {
  position: relative;
}



/* FUNDO GERAL DO RODAPÉ */
#rodape {
    background: #111 !important;
    color: #ccc;
    padding: 40px 0;
}

/* REMOVE FUNDO CLARO BUGADO */
#rodape .institucional,
#rodape .row-fluid,
#rodape .span4,
#rodape .span3 {
    background: transparent !important;
}

/* TÍTULOS */
#rodape h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
}

/* LINHA VERDE ABAIXO DO TÍTULO */
#rodape h4::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #2ecc71;
    margin-top: 6px;
    border-radius: 2px;
}

/* LINKS */
#rodape a {
    color: #aaa;
    transition: 0.3s;
}

#rodape a:hover {
    color: #2ecc71;
    padding-left: 4px;
}

/* LISTAS */
#rodape ul li {
    margin-bottom: 6px;
}

/* TEXTO SOBRE A LOJA */
#rodape p {
    color: #bbb;
    line-height: 1.6;
}

/* BLOCO SOCIAL (corrige aquele quadrado branco feio) */
#rodape .redes-sociais {
    background: transparent !important;
    
    gap: 10px;
}

/* ÍCONES SOCIAIS */
#rodape .redes-sociais a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #222;
    transition: 0.3s;
}

#rodape .redes-sociais a:hover {
    align-items: center;
	background: #2ecc71;
    transform: scale(1.0);
	
  box-shadow: 0 0px 5px rgba(46, 204, 113, 0.5);
}





body {
    background: 
        radial-gradient(circle at 20% 20%, rgba(46,204,113,0.08), transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(46,204,113,0.05), transparent 40%),
        linear-gradient(#0f0f0f, #1a1a1a);
    background-attachment: fixed;
}

.listagem-item {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px;

    backdrop-filter: blur(6px);

    transition: all 0.35s ease;
}



/* HOVER PESADO */
.listagem-item:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4)!important;
    border-color: #2ecc71 !important;
}



body {
    font-family: 'Poppins', sans-serif;
}

.nome-produto {
    font-size: 15px;
    letter-spacing: 0.3px;
	font-weight: 700;
    text-transform: uppercase;
}

.acoes-produto a {
    background: linear-gradient(90deg, #209142, #56d263);
    border: none;
    border-radius: 8px;

    font-weight: 600;
    letter-spacing: 0.5px;

    transition: 0.3s;
}

.acoes-produto a:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(46,204,113,0.4);
}

.listagem-item img {
    transition: 0.4s;
}

.listagem-item:hover img {
    transform: scale(1.08);
}


.menu.lateral .nivel-um > li > a {

    border-radius: 8px;
    margin-bottom: 8px;

    transition: 0.3s;
}

.menu.lateral .nivel-um > li > a:hover {
    background: rgba(46,204,113,0.1);
    border-color: #2ecc71;
}



.listagem-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(46,204,113,0.2) 50%,
        transparent 50%
    );
    transform: translateX(-100%);
    transition: .8s;
}

.listagem-item:hover::before {
    transform: translateX(100%);
}

.listagem-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(46,204,113,0.2) 50%,
        transparent 50%
    );
    transform: translateX(-100%);
    transition: .8s;
}

.listagem-item:hover::before {
    transform: translateX(100%);
}

.marca-badge{
    display:inline-block;
    background:#111;
    color:#2ecc71 !important;
    font-size:10px;
    font-weight:700;
    padding:4px 8px;
    border-radius:20px;
    margin-bottom:8px;
    border:1px solid #2ecc71;
    text-decoration:none !important;
    transition:.3s;
    position:relative;
    z-index:999;
    cursor:pointer;
    text-transform: uppercase;
    
}
#listagemProdutos .listagem-linha {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
}

#listagemProdutos .listagem-linha > li.span3 {
    width: calc(25% - 21px) !important;
    float: none !important;
    margin: 0 !important;
}


#listagemProdutos .listagem-item {
    width: 100% !important;
    min-height: 490px;
}

#listagemProdutos {
    width: 100% !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
}

#listagemProdutos .borda-alpha,
#listagemProdutos .com-caixa {
    width: 100% !important;
    max-width: none !important;
}

/* marca sempre em linha separada */
.marca-badge {
    display: block !important;
    width: fit-content !important;
    margin: 0 auto 12px auto !important;
    clear: both !important;
}

/* botão cotação página de produto */
.pagina-produto .cotacao-btn {
    display: block !important;
    width: fit-content !important;
    margin: 16px auto 0 auto !important;
    clear: both !important;
}

/* botão sempre abaixo */
.listagem-item .info-produto::after {
    display: block !important;
    width: fit-content !important;
    margin: 14px auto 0 auto !important;
    clear: both !important;
}

/* aumenta área da imagem */
.listagem-item .imagem-produto {
    height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* força imagem maior */
.listagem-item .imagem-produto img {
    max-height: 240px !important;
    max-width: 95% !important;
    width: auto !important;
    height: auto !important;
}





@media (min-width: 769px) {

  /* tudo aqui só roda no computador */
  /* apenas botão flutuante */
    body > a[href*="wa.me"],
    body > div a[href*="wa.me"]:not(.cotacao-btn) {
        right: 25px !important;
        transition: right .85s ease !important;
    }
    
    /* desloca só quando card abrir */
    body:has(.acoes-flutuante[style*="display: block"]) > a[href*="wa.me"],
    body:has(.acoes-flutuante[style*="display:block"]) > a[href*="wa.me"],
    body:has(.acoes-flutuante[style*="display: block"]) > div a[href*="wa.me"]:not(.cotacao-btn) {
        right: 430px !important;
    }
  
  
  
  
  
      .produto .tab-content {
      position: relative;
      margin-top: -300px !important;
	  margin-left: 50% !important;
	  transform: none !important;
      margin-left: 55%; /* empurra pro lado direito */  
      right: 0;
      width: 42%;
      z-index: 10;
    
      display: block !important;
    }
    
    .produto .tab-pane {
      display: block !important;
      opacity: 1 !important;
      position: static !important;
    }
    
    .produto .principal,
    .produto .row-fluid {
      position: relative;
    }
    
    .produto .tab-content {
      background: #f5f5f5;
      padding: 20px;
      border-radius: 10px;
      border-left: 4px solid #2ecc71;
    
      font-size: 14px;
      line-height: 1.6;
    
      box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }


}/* tudo aqui só roda no computador */

/* botão cote agora */
.cote-agora-btn {
    display: block !important;
    width: 100%;
    max-width: 320px;
    margin: 45px 45px 0 auto;

    text-align: center;
    text-decoration: none !important;

    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: #fff !important;

    padding: 16px 24px;
    border-radius: 14px;

    font-size: 15px;
    font-weight: 800;
    letter-spacing: .5px;

    box-shadow: 0 8px 18px rgba(46,204,113,.25);
    transition: .3s ease;
}


/* brilho passando */
.cote-agora-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transform: skewX(-25deg);
    transition: .7s;
}

/* hover premium */
.cote-agora-btn:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow:
        0 14px 28px rgba(46,204,113,.35),
        0 0 24px rgba(46,204,113,.18);

    letter-spacing: 1.2px;
}

/* anima brilho */
.cote-agora-btn:hover::before {
    left: 140%;
}

/* clique */
.cote-agora-btn:active {
    transform: translateY(-1px) scale(.99);
}


/* header flutuante correto */
#barraTopo {
    background: rgba(236,255,240,.97) !important;
    backdrop-filter: blur(10px) !important;

    border-bottom: 1px solid rgba(46,204,113,.18) !important;
    box-shadow: 0 8px 24px rgba(46,204,113,.08) !important;

    
}

#barraTopo .container,
#barraTopo .row-fluid {
    background: transparent !important;
}
/* garante camada máxima */
.logo-home-hitbox{
    display: none !important;
    position: fixed !important;

    top: 6px !important;
    left: 48px !important;
    width: 90px !important;
    height: 58px !important;

    z-index: 2147483647 !important;

    pointer-events: auto !important;
    isolation: isolate !important;

    border-radius: 10px;
    background: transparent;
}

/* mostra quando barra ativa */
body:has(#barraTopo[style*="display: block"]) .logo-home-hitbox{
    display: block !important;
}

.logo-home-hitbox:hover{
    background: rgba(46,204,113,.10);
    box-shadow: 0 0 16px rgba(46,204,113,.25);
}


.rps-insta-feed{
    padding:70px 0;
    text-align:center;
    background:#f7faf7;
}

.rps-insta-feed h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:35px;
    color:#1d1d1d;
}

.rps-insta-feed h2 a{
    color:#2ecc71;
    text-decoration:none;
}

.rps-feed-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    max-width:1400px;
    margin:0 auto;
}

.feed-card{
    display:block;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.feed-card img{
    width:100%;
    display:block;
}

.feed-card:hover{
    transform:translateY(-10px) scale(1.02);
    box-shadow:0 18px 35px rgba(46,204,113,.25);
}

.feed-card::after{
    content:"Ver post";
    position:absolute;
    inset:0;
    background:rgba(46,204,113,.82);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    opacity:0;
    transition:.3s;
}

.feed-card:hover::after{
    opacity:1;
}

.lista-redes .icon-instagram,
.lista-redes .icon-instagram:before{
    background: transparent !important;
    font-size: 26px !important;
}

/* RETIRA O FILTRO LATERAL POR CODIGO */
.filtro.lista{
    display: none !important;
}

/* RETIRA FILTRO POR RELEVANCIA / PREÇO */
label[for="botaoOrdenar"],
label[for="botaoOrdenar"] + .btn-group{
    display: none !important;
}


/* ---BOTÃO FAVORITO--- */
/* coração em todos os produtos */
.listagem-item {
    position: relative !important;
}

.rps-fav-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.95);
    border: 2px solid #31c86a;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
    font-size: 18px;
    color: #31c86a;
    transition: all .25s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.rps-fav-btn:hover {
    background: #31c86a;
    color: #fff;
    transform: scale(1.1);
}

.rps-fav-btn.active {
    background: #31c86a;
    color: #fff;
}

.rps-fav-count{
    position:absolute;
    top:-4px;
    right:-4px;
    background:#ff3b30;
    color:#fff;
    width:20px;
    height:20px;
    border-radius:50%;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
}

.rps-favoritos-page{
    max-width:1200px;
    margin:50px auto;
    padding:20px;
}

#rps-favoritos-lista{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:30px;
}

.rps-fav-item{
    background:#fff;
    border:1px solid #ddd;
    border-radius:14px;
    padding:20px;
    text-align:center;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

#rps-cotar-todos{
    display:block;
    margin:40px auto;
    max-width:350px;
    text-align:center;
    background:#31c86a;
    color:#fff;
    padding:18px;
    border-radius:14px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

#rps-cotar-todos:hover{
    transform:translateY(-3px);
}

/* DEIXAR BONITO E ACERTAR POSIÇÃO*/
.rps-favoritos{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#31c86a;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;
    color:#fff;
    font-size:22px;
    position: relative;

    box-shadow:0 8px 20px rgba(49,200,106,.35);
    transition:.3s;
}

.rps-favoritos:hover{
    
}

.rps-favoritos{
    position: relative !important;
    left: calc(50% + 280px) !important;
    top: 52% !important;
    transform: translateY(-110%);
    z-index: 9999;
}


/* celular */
@media (max-width: 768px){
    .rps-favoritos{
        position: fixed !important;
        right: 18px !important;
        bottom: 90px !important;
        left: auto !important;
        top: calc(0% + 3px) !important;
        transform: none !important;
        z-index: 99999;
		font-size:40px;
    }
}

#rps-favoritos-lista{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.rps-fav-card{
    position:relative;
    background:#fff;
    border:1px solid #ddd;
    border-radius:16px;
    padding:22px;
    text-align:center;
    transition:.3s;
}

.rps-fav-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.rps-fav-card img{
    width:100%;
    height:220px;
    object-fit:contain;
    margin-bottom:18px;
}

.rps-fav-card h3{
    font-size:20px;
    min-height:70px;
}

.rps-ver-produto{
    display:inline-block;
    margin-top:18px;
    background:#31c86a;
    color:#fff;
    padding:12px 20px;
    border-radius:12px;
    text-decoration:none;
}

.rps-remover{
    position:absolute;
    top:12px;
    right:12px;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#ff3b30;
    color:#fff;
    cursor:pointer;
    font-size:20px;
}



@media (min-width: 1399px){
	.rps-favoritos-topo{
	    position: fixed !important;
	
	    top: 6px !important;
	    margin-right: auto !important;
	    margin-left: calc(50% - 380px) !important;
	    bottom: auto !important;
	
	    transform: none !important;
	
	    width: 42px;
	    height: 42px;
	
	    display:none;
	    z-index: 999999;
	}
}


@media only screen and (min-width: 770px) and (max-width: 1398px) {
	.rps-favoritos-topo{
		position: fixed !important;
		
		top: 6px !important;
		margin-right: auto !important;
		margin-left: calc(10% - 400px) !important;
		bottom: auto !important;
		
		transform: none !important;
		
		width: 42px;
		height: 42px;
		
		display:none;
		z-index: 999999;
	}
}

/*---ARRUMA O MENU NO CELULAR---*/
@media (max-width:768px){ /*---RODA SÓ NO CELULAR---*/
    .rps-favoritos-topo{
		display: none;
		background-color: transparent;
		z-index: -999999;
	}
    .span12.busca-mobile{
        background: transparent !important;
    }

    .span12.busca-mobile .menu.superior{
        background: transparent !important;
        background-image:none !important;
        box-shadow:none !important;
    }

    .span12.busca-mobile .menu.superior ul{
        background: transparent !important;
    }

    .span12.busca-mobile .menu.superior li{
        background: transparent !important;
        border:none !important;
    }

    .span12.busca-mobile .menu.superior li a{
        background: rgba(12, 58, 25, 1) !important;!important;
        border-radius:14px !important;
        margin:10px 14px !important;
        padding:18px 14px !important;

        box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
        border:1px solid rgba(255,255,255,.14) !important;
		transition: all .35s ease !important;
		
    }

	.span12.busca-mobile .menu.superior li a:hover{
	    background: rgba(44, 179, 74, 0.95) !important;
	    transform: translateY(-4px) scale(1.02);
	    box-shadow:
	        0 10px 22px rgba(0,0,0,.28),
	        0 0 18px rgba(82,255,132,.35) !important;
	
	    border-color: rgba(140,255,180,.35) !important;
	}

	/* 1 - TODOS OS PRODUTOS */
    .menu.superior .nivel-um > li:nth-child(1) > a {
    	background:rgba(44, 150, 50, 0.95) !important;
    }


	
	/* estrutura do menu */
    .menu.superior .nivel-um > li > a {
    	display: flex;
    	align-items: center;
    	gap: 8px;
    	padding: 12px 18px;
    	font-size: 13px;
    	font-weight: 600;
    	text-transform: uppercase;
    	color: #fff;
    	position: relative;
    }
    
    /* ícone padrão */
    .menu.superior .nivel-um > li > a::before {
    	content: "";
    	width: 42px;
    	height: 42px;
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: center;
    	display: inline-block;
    }
    
    /* 1 - TODOS OS PRODUTOS */
    .menu.superior .nivel-um > li:nth-child(1) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/todos%20os%20itens.png');
    }
    
    /* 2 - BICO INJETOR */
    .menu.superior .nivel-um > li:nth-child(2) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/BICO%20INJETOR.png');
    }
    
    /* 3 - BOMBAS */
    .menu.superior .nivel-um > li:nth-child(3) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/BOMBA.png');
    }
    
    /* 4 - REPARO */
    .menu.superior .nivel-um > li:nth-child(4) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/REPARO.png');
    }
    
    /* 5 - EIXOS */
    .menu.superior .nivel-um > li:nth-child(5) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/EIXO.png');
    }
    
    /* 6 - INJETOR */
    .menu.superior .nivel-um > li:nth-child(6) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/INJETOR.png');
    }
    
    /* 7 - SENSORES */
    .menu.superior .nivel-um > li:nth-child(7) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/SENSOR.png');
    }
    
    /* 8 - VÁLVULA */
    .menu.superior .nivel-um > li:nth-child(8) > a::before {
    	background-image: url('https://raw.githubusercontent.com/FireFyl/RPS_Icon/main/VALVULA.png');
    }
    
    /* 9 - CONJUNTO DE VÁLVULA */
    .menu.superior .nivel-um > li:nth-child(9) > a::before {
    	background-image: url('https://cdn.awsli.com.br/2854/2854131/arquivos/conjunto-de-valvula-1.png');
    }
    
    /* 10 - KITS VALVULA E BICO */
    .menu.superior .nivel-um > li:nth-child(10) > a::before {
    	background-image: url('https://cdn.awsli.com.br/2854/2854131/arquivos/kit-2.png');
    }
    
    /* -------------------- -------------------------------- ------------------ */
    /* -------------------- CATEGORIAS ADICIONAIS MUDAR AQUI ------------------ */
    /* -------------------- -------------------------------- ------------------ */
     
    
    /* ÍCONES BRANCOS (caso sejam escuros) */
    .menu.superior .nivel-um > li > a::before {
    	filter: brightness(0) invert(1);
    	transition: 0.3s;
    }
    
    /* HOVER → ÍCONE VOLTA AO NORMAL (preto) */
    .menu.superior .nivel-um > li > a:hover::before {
    	filter: none;
    }
    
    .atalho-menu.visible-phone{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:40px !important;
        height:40px !important;

        padding:0 !important;
        margin-top:8px !important;

        border-radius:12px !important;
    }


}/*---RODA SÓ NO CELULAR---*/

/*---ARRUMA PAGINA FAVORITOS---*/
@media (max-width:768px){

    .rps-favoritos-page{
        padding: 20px 14px !important;
        overflow-x: hidden !important;
    }

    #rps-favoritos-lista{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 14px !important;
        width:100% !important;
    }

    .rps-fav-card{
        width:100% !important;
        min-width:unset !important;
        max-width:none !important;

        padding:14px !important;
        box-sizing:border-box !important;
    }

    .rps-fav-card img{
        width:100% !important;
        max-width:120px !important;
        height:110px !important;
        object-fit:contain !important;
        margin:0 auto 12px !important;
        display:block;
    }

    .rps-fav-card h3{
        font-size:16px !important;
        line-height:1.35 !important;
        min-height:65px !important;
    }

    .rps-ver-produto{
        width:100% !important;
        padding:12px 8px !important;
        font-size:14px !important;
    }

    #rps-cotar-todos{
        width:100% !important;
        margin-top:22px !important;
        display:block !important;
        text-align:center;
    }

}



.rps-insta-mobile{
   display:none;
}

@media (max-width:768px){

   .rps-insta-feed{
      display:none !important;
   }

   .rps-insta-mobile{
      display:block;
      padding:35px 0;
      overflow:hidden;
      text-align:center;
   }

   .rps-insta-mobile h2{
      font-size:32px;
      margin-bottom:25px;
   }

   .rps-insta-mobile span{
      color:#32c667;
   }

   .rps-insta-mobile .rps-carousel{
      overflow:hidden;
      width:100%;
      position:relative;
   }

   .rps-insta-mobile .rps-carousel-track{
      display:flex;
      align-items:center !important;
      transition:transform .7s ease;
      min-height:280px;
   }

   .rps-insta-mobile .feed-card{
      flex:0 0 33.333%;
      padding:10px;
      opacity:.25;
      transform:scale(.68);
      transition:all .6s ease;
      position:relative;
      z-index:1;
   }

   .rps-insta-mobile .feed-card img{
      width:100%;
      display:block;
      border-radius:20px;
      transition:all .6s ease;
   }

   .rps-insta-mobile .feed-card.active{
      opacity:1 !important;
      transform:scale(1.28) !important;
      z-index:99 !important;
   }

   .rps-insta-mobile .feed-card.active img{
      box-shadow:0 18px 32px rgba(0,0,0,.28);
   }

}

.rps-fav-btn{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    cursor:pointer;

    transition:.25s ease;
}

.rps-fav-btn img{
    width:17px;
    height:17px;
	
    object-fit:contain;
    transition:.25s ease;
	filter:
      brightness(0)
      saturate(100%)
      invert(53%)
      sepia(88%)
      saturate(398%)
      hue-rotate(91deg)
      brightness(94%)
      contrast(91%);
}

.rps-fav-btn:hover img{
    transform:scale(1.12);
}

.rps-fav-btn.active img{
	width:20px;
    height:20px;
    filter:
      brightness(100)
      saturate(100%)
      invert(100%)
      sepia(100%)
      saturate(100%)
      hue-rotate(1deg)
      brightness(100%)
      contrast(1000%);
}



.fav-btn img,
.rps-favoritos img{
	filter:
      brightness(100)
      saturate(100%)
      invert(100%)
      sepia(100%)
      saturate(100%)
      hue-rotate(1deg)
      brightness(100%)
      contrast(1000%);
    width:20px;
    height:20px;
    object-fit:contain;
}

.fav-btn{
	
    background:none;
    border:none;
    cursor:pointer;
}

.rps-favoritos:hover img{
	filter:none;
      
	width:22px;
    height:22px;
    background:none;
    border:none;
    cursor:pointer;
}
.rps-favoritos:hover {   
    background:rgb(11, 100, 46);
    border:none;
    cursor:pointer;
	box-shadow: 0 10px 28px rgba(0,255,0,.5);
}

@media (min-width: 769px) {

  /* tudo aqui só roda no computador */
  
  
    .menu.superior .icon-chevron-down.fundo-secundario{ 
    	background: transparent !important; 
    	box-shadow: none !important; 																																																													  
    	border: none !important; 
    }
    .menu.superior .nivel-dois{
        position: absolute !important;
        top: calc(100% - 2px) !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    
        background: #ffffff !important;
        border-radius: 0 0 14px 14px !important;
        box-shadow: 0 10px 28px rgba(0,0,0,.14) !important;
        overflow: hidden;
    }
    
    .menu.superior .nivel-dois li a{
        display:block !important;
        padding:14px 18px !important;
        font-size:14px !important;
        font-weight:600 !important;
        color:#114d22 !important;
        background:transparent !important;
        transition:all .25s ease;
    }
    
    .menu.superior .nivel-dois li a:hover{
        background:#32c667 !important;
        color:#fff !important;
        padding-left:24px !important;
    }
    
    .menu.superior .nivel-dois li:not(:last-child){
        border-bottom:1px solid rgba(17,77,34,.08);
    }
    
    .menu.superior .icon-chevron-down.fundo-secundario{
        background:transparent !important;
        box-shadow:none !important;
        border:none !important;
        color:#fff !important;
    }
  
}



#rps-cotar-todos{
    position:relative;
    overflow:hidden;

    padding:18px 38px;

    background:linear-gradient(135deg,#2ecc71,#1faa59);
    border-radius:16px;

    color:#fff !important;
    font-size:18px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;

    box-shadow:
    0 10px 25px rgba(46,204,113,.28);

    transition:
    transform .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}


/* brilho animado */
#rps-cotar-todos::before{
    content:"";

    position:absolute;
    top:0;
    left:-120%;

    width:80%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    );

    transform:skewX(-25deg);
    transition:all .7s ease;
}


/* hover */
#rps-cotar-todos:hover{

    transform:translateY(-4px) scale(1.02);

    background:linear-gradient(135deg,#34e27d,#1dc15f);

    box-shadow:
    0 18px 38px rgba(46,204,113,.42),
    0 0 18px rgba(46,204,113,.25);
}


/* anima brilho */
#rps-cotar-todos:hover::before{
    left:130%;
}


/* clique */
#rps-cotar-todos:active{
    transform:scale(.98);
}

#rps-cotar-todos{
   

    display:inline-flex;
    align-items:center;
   
    display:flex;
    width:fit-content;
    margin:auto;

 
}


/* icone whatsapp */
#rps-cotar-todos::after{
    content:"";

    width:40px;
    height:40px;

    background-image:url("https://cdn.awsli.com.br/2854/2854131/arquivos/whats-logo.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;

    filter:brightness(0) invert(1);
}


.rps-fav-produto{
	border: 2px solid #31c86a;
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;
    
    border-radius:50%;
    background:#fff;

    cursor:pointer;

    transition:.25s ease;
	box-shadow: 0 4px 12px rgba(0,0,0,.12);

    
}


.rps-fav-produto img{

    width:17px;
    height:17px;
	
    object-fit:contain;
    transition:.25s ease;
	filter:
      brightness(0)
      saturate(100%)
      invert(53%)
      sepia(88%)
      saturate(398%)
      hue-rotate(91deg)
      brightness(94%)
      contrast(91%);
}


/* hover */
.rps-fav-produto:hover{
	background: #31c86a;
    color: #fff;
    transform: scale(1.1);

}




.rps-fav-produto:hover img{
   transform:scale(1.12);
}


/* ativo */
.rps-fav-produto.active{

    background: #31c86a;
    color: #fff;
}


.rps-fav-produto.active img{

    width:20px;
    height:20px;

    filter:
      brightness(100)
      saturate(100%)
      invert(0)
      sepia(100%)
      saturate(100%)
      hue-rotate(1deg)
      brightness(100%)
      contrast(1000%);
}

/*.rps-fav-wrap{
    position:relative;
    top:0;
	left: 50%;
	transform:translateY(calc(-217% + 1px));
}*/

.cote-agora-bt{
    display:inline-flex !important;
    align-items:center;
    vertical-align:middle;
}

/* desliga o salvar favorito no CELULAR */
@media (max-width:768px){


    .rps-fav-produto{
		left:1% !important;
	}
}



.abas-custom{
    position:relative;
}

.rps-fav-produto{

    position:absolute;

    left:50%;
   

    bottom:6px;

    z-index:20;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
}

.titulo.cor-secundaria.hidden-phone{
	color:#aafdc9;
}

.produto-avise{
	position:absolute;

    display:flex;
	margin-bottom:220px !important;
	margin-top:20px !important;

}


/* ajuste do alinhamento da vitrine do produto */
.nome-produto::after{

    content:"----EP----";
	color:#aafdc900;
	display:inline-block;
    width:100%;
    text-align:center;
    margin-top:10px;
}

/* ajuste do erro da rolagem horizontal */
html,
body{
    overflow-x:hidden !important;
}

/* ajuste para menu categoria carrossel */
.menu.superior{

    position:relative;
}

.rps-menu-next{

    position:absolute;

    top:0;
    right:0;

    width:58px;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:20;

    color:#fff;

    font-size:30px;

    background:linear-gradient(
        to left,
        rgba(0,80,20,.95),
        rgba(0,80,20,.65),
        transparent
    );
}


.rps-menu-next{
    width:60px;
    min-width:60px;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    background:transparent;

    transition:
    all .3s ease;

    opacity:.35;
}

.rps-menu-next img{

    width:50px;
    height:50px;

    object-fit:contain;

    transition:
    all .3s ease;

    filter:
    brightness(90);

}

/* HOVER */

.rps-menu-next:hover{

    opacity:.55;

    transform:scale(1.08);
	

}

.rps-menu-next:hover img{

    transform:translateX(3px);
	
    filter:
    brightness(90)
	
    drop-shadow(0 0 6px rgba(10,180,10,.35));

	filter:
		
		sepia(96%)
		saturate(749%)
		hue-rotate(78deg)
		contrast(150%);
		

}





/* ---------------EM TESTE------------ */

@media (max-width:768px){ /*---RODA SÓ NO CELULAR---*/
    .rps-menu-next{
        display:none;
    }
    
    .menu.superior .nivel-dois li a{

        color:#ffffff !important;

    }

}