.gpmBarraTopoProduto {
  justify-content: space-between;
  background: #ffffff;
  padding: 8px 10px;
}

.gpmAcoesDireitaTopo {
  margin-left: auto;
  gap: 4px;
}

.gpmBotaoVoltarTopo,
.gpmBotaoAcaoRedondo {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
}

.gpmIconeTopoSvg {
  width: 25px;
  height: 25px;
}

.gpmBadgeCarrinhoTopo {
  top: -3px;
  right: -3px;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
}

.gpmContadorFotosProduto {
  right: 12px;
  bottom: 12px;
  min-width: 48px;
  height: 26px;
  padding: 0 9px;
  font-size: 14px;
}

.ppmBarraOfertaPreco {
  min-height: 62px;
  padding: 7px 12px 8px;
  grid-template-columns: 1fr auto;
  gap: 8px;
  background: linear-gradient(90deg, #ff365f 0%, #ff4650 48%, #ff7a18 100%);
}

.ppmLinhaPrecoPrincipal {
  gap: 7px;
}

.ppmBadgeDescontoPreco {
  min-width: 43px;
  height: 22px;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 13px;
}

.ppmValorAtualPreco {
  font-size: 24px;
  letter-spacing: 0;
}

.ppmLinhaPrecoComparacao {
  margin-top: 5px;
}

.ppmValorComparacaoPreco {
  font-size: 12px;
}

.ppmBlocoPrecoDireita {
  text-align: right;
}

.ppmLinhaOfertaTitulo {
  justify-content: flex-end;
  gap: 5px;
}

.ppmIconeRaioOfertaSvg {
  width: 14px;
  height: 14px;
}

.ppmTextoOfertaTitulo {
  font-size: 12px;
}

.ppmLinhaOfertaTempo {
  margin-top: 7px;
  justify-content: flex-end;
  gap: 4px;
}

.ppmTextoOfertaTempo,
.ppmCronometroOferta {
  font-size: 14px;
}

.ppmLinhaParcelamentoProduto {
  display: none;
}

.tfbSecaoTituloFavoritoBonus {
  background: #ffffff;
  padding: 10px 12px 8px;
}

.tfbLinhaBonusProduto {
  width: 100%;
  min-height: 36px;
  border-radius: 999px;
  background: #fde6ee;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #f12665;
}

.tfbBadgeBonusProduto {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}

.tfbIconeCupomEconomia {
  width: 16px;
  height: 16px;
  color: #f12665;
  flex: 0 0 auto;
}

.tfbSetaBonusProduto {
  color: #f12665;
  font-size: 24px;
}

.tfbChipsPromocionais {
  margin-top: 8px;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.tfbChipsPromocionais::-webkit-scrollbar {
  display: none;
}

.tfbChipPromocional {
  flex: 0 0 auto;
  height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
  letter-spacing: 0.01em;
  /* Default: laranja (caso não tenha classe) */
  background: linear-gradient(135deg, #fff4e0 0%, #ffe0c0 100%);
  color: #b45d00;
}

.tfbChipIcone {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 1;
}

.tfbChipTexto {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* ==================== 10 ESTILOS ==================== */

/* 1. Laranja (oferta relâmpago - padrão) */
.tfbChipPromocional.estilo-laranja {
  background: linear-gradient(135deg, #fff4e0 0%, #ffd9b3 100%);
  color: #b45d00;
}

/* 2. Vermelho (datas comemorativas) */
.tfbChipPromocional.estilo-vermelho {
  background: linear-gradient(135deg, #ffe5e8 0%, #ffc4cc 100%);
  color: #c81e3a;
}

/* 3. Amarelo (promoção) */
.tfbChipPromocional.estilo-amarelo {
  background: linear-gradient(135deg, #fff8d4 0%, #ffec8b 100%);
  color: #8a6d00;
}

/* 4. Alerta (estoque último) */
.tfbChipPromocional.estilo-alerta {
  background: linear-gradient(135deg, #ff3d3d 0%, #ff5252 100%);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 80, 80, 0.3);
}

/* 5. Rosa (brinde, presente) */
.tfbChipPromocional.estilo-rosa {
  background: linear-gradient(135deg, #ffe0ee 0%, #ffb3d9 100%);
  color: #c91577;
}

/* 6. Roxo (premium) */
.tfbChipPromocional.estilo-roxo {
  background: linear-gradient(135deg, #efe1ff 0%, #d4b5ff 100%);
  color: #6b21a8;
}

/* 7. Azul (frete grátis) */
.tfbChipPromocional.estilo-azul {
  background: linear-gradient(135deg, #dcefff 0%, #aedaff 100%);
  color: #0762b5;
}

/* 8. Ouro (edição limitada / luxo) */
.tfbChipPromocional.estilo-ouro {
  background: linear-gradient(135deg, #fff5cc 0%, #ffd966 100%);
  color: #6b4f00;
  box-shadow: inset 0 0 0 1px rgba(180, 130, 0, 0.15);
}

/* 9. Verde (qualidade garantida) */
.tfbChipPromocional.estilo-verde {
  background: linear-gradient(135deg, #d8f5e3 0%, #a8e8c1 100%);
  color: #08713e;
}

/* 10. Preto (novidade premium) */
.tfbChipPromocional.estilo-preto {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  color: #fff;
}

.tfbLinhaTituloProduto {
  margin-top: 8px;
  align-items: flex-start;
  gap: 8px;
}

.tfbTituloProdutoBotao {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.tfbBadgeDescontoTitulo {
  flex: 0 0 auto;
  min-width: 34px;
  height: 20px;
  padding: 0 6px;
  border-radius: 4px;
  background: #ff3b5f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tfbTituloProdutoTexto {
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
  color: #111111;
}

.tfbBotaoFavoritoProduto {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}

.tfbIconeFavoritoProdutoSvg {
  width: 22px;
  height: 22px;
}

.evpSecaoEnvioProduto {
  background: #ffffff;
  padding: 0 12px 8px;
}

.evpLinhaAvaliacaoProduto {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: center;
  font-size: 12px;
}

.evpEstrelaAvaliacaoProduto {
  color: #ffb000;
  font-size: 15px;
}

.evpNotaAvaliacaoProduto {
  color: #f59d00;
  font-weight: 700;
}

.evpQtdAvaliacaoProduto,
.evpVendidosAvaliacaoProduto {
  color: #e7235e;
}

.evpVendidosAvaliacaoProduto {
  color: #4f6376;
}

.evpLinhaEstoqueProduto {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ff3b5f;
  font-size: 13px;
  font-weight: 600;
}

.evpPontoEstoqueProduto {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff718a;
}

.evpDivisoriaEnvioProduto {
  margin-top: 10px;
}

.evpBlocoEnvioProduto {
  padding: 10px 0 0;
}

.evpLinhaEnvioPrincipal {
  grid-template-columns: 22px 1fr 16px;
  gap: 8px;
}

.evpIconeCaminhaoEnvioSvg {
  width: 18px;
  height: 18px;
  color: #4f6376;
}

.evpTituloEntregaProduto {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #222222;
}

.evpBadgeFreteGratisProduto {
  min-height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  background: #e6fbf2;
  color: #00a86b;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
}

.evpTextoChegadaProduto {
  font-size: 13px;
  color: #111111;
}

.evpLinhaPrecoFreteProduto {
  margin-top: 5px;
  font-size: 12px;
  color: #728093;
}

.evpValorFreteRiscadoProduto {
  color: #728093;
}

.evpTextoDescontoFreteProduto,
.evpValorFreteAtualProduto {
  display: none;
}