.video-depoimento-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: 8px; /* Opcional */
  margin-bottom: 10px; /* Opcional */
  background-color: #000; /* Fundo enquanto o vídeo carrega */
}
.video-depoimento-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* NutralFit - Estilos para Seção de Ofertas */

.purchase .book-format-card {
  display: flex; /* Ativa o flexbox para o card */
  flex-direction: column; /* Empilha os itens verticalmente */
  text-align: center; /* Garante que o conteúdo do card seja centralizado */
}

/* NutralFit - Ajuste para a div.format-icon na seção de ofertas */
.purchase .book-format-card .format-icon {
  background-color: transparent !important; /* Remove o fundo */
  border-radius: 0 !important; /* Remove o arredondamento se não quiser */
  width: auto !important; /* Permite que a largura se ajuste ao conteúdo (imagem) */
  height: auto !important; /* Permite que a altura se ajuste */
  min-height: 180px; /* Mantém a altura mínima para alinhamento */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px; /* Mantém o espaçamento inferior */
  padding: 0; /* Remove qualquer padding interno que possa ter */
}

/* E mantenha os estilos para a imagem dentro dela */
.purchase .book-format-card .format-icon img {
  max-height: 160px; 
  max-width: 100%; 
  object-fit: contain; 
}

/* Ajustes para o título e preço */
.purchase .book-format-card h3 {
  margin-top: 0; /* Remove margem superior padrão do h3 que pode estar empurrando para baixo */
  margin-bottom: 0.5rem;
  min-height: 2.6em; /* Tenta dar uma altura mínima para duas linhas de título, ajuste se necessário */
  display: flex;
  align-items: center;
  justify-content: center;
}

.purchase .book-format-card .format-price {
  margin-bottom: 0.75rem;
  min-height: 1.2em; /* Para o caso de alguns terem duas linhas (Compre X Leve Y) */
}

.purchase .book-format-card p {
    min-height: 1.2em; /* Para parágrafos terem uma altura mínima consistente */
}


/* Destaque para o Campeão de Vendas */
.card-oferta-campeao { /* Nova classe para o card destacado */
  border: 3px solid var(--accent-color) !important; /* !important para garantir */
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; /* !important para garantir */
  position: relative; /* Necessário para o z-index do selo funcionar bem */
  z-index: 1; /* Para garantir que este card fique "acima" dos outros se houver sobreposição leve devido ao scale */
}

.selo-campeao {
  background-color: var(--accent-color);
  color: var(--contrast-color, #fff); /* Usa a variável do tema ou fallback para branco */
  padding: 8px 0; /* Aumentei um pouco o padding */
  margin-bottom: 15px; /* Mantido */
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  font-size: 0.9rem;
  width: 100%; /* Ocupa toda a largura do topo do card */
  box-sizing: border-box; /* Para o padding não aumentar a largura */
  position: relative; /* Ou absolute se o pai (.book-format-card) for relative e você quiser mais controle */
  z-index: 2; /* Para garantir que o selo fique acima da imagem */
}

.btn-campeao { /* Classe para o botão do campeão de vendas */
  background-color: color-mix(in srgb, var(--accent-color), black 15%) !important; /* Cor mais escura */
  font-size: 0.9rem !important;
  padding: 12px 15px !important;
}

/* Ajuste para o buy-options garantir que fique no final */
.purchase .book-format-card .buy-options.mt-auto {
  margin-top: auto; /* Garante que ele seja empurrado para baixo */
}