/* Ajustes da lander HealthGrowth sobre o CSS do funil original. */

/* Logo HealthGrowth (coração + wordmark fino): largo o bastante para o nome ler bem. */
#fkt-image-434-687-97c { width: 230px !important; height: auto; }
#fkt-image-adc-3a4-968 { width: 210px !important; height: auto; }
@media (max-width: 600px) {
  #fkt-image-434-687-97c { width: 190px !important; }
  #fkt-image-adc-3a4-968 { width: 180px !important; }
}

/* Tema vermelho: barra do topo acompanha o vermelho (era verde #135d4b). */
#iwmi { background-color: #b30d15 !important; }

/* Na original os selos tinham cores diferentes (vermelho x rosa). Com o rosa
   virando vermelho, "Most Popular" vai para grafite para manter o contraste. */
#if480ij { background-color: #1f1f1f !important; border-color: #1f1f1f !important; }
#inre1iq { background-color: #d0121b !important; }

/* Linha de economia do bundle ("Save 33%" / "Full price") sempre embaixo do título. */
.hg-tag { display: block; }

/* ------------------------------------------------ vitalidade masculina -- */
.hg-mv{padding:60px 20px; background:#fff; font-family:Montserrat, sans-serif}
.hg-mv__inner{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); gap:56px; align-items:center}
.hg-mv__media{margin:0}
.hg-mv__media img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:50% 30%; border-radius:4px}
.hg-mv__media figcaption{margin-top:8px; font-size:12px; color:#7a7a7a; text-align:center}
.hg-mv__eyebrow{margin:0 0 10px; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#d0121b}
.hg-mv__title{margin:0; font-size:38px; font-weight:600; line-height:1.2; letter-spacing:-1.2px; color:#000}
.hg-mv__text{margin:16px 0 0; font-size:16px; line-height:1.5; letter-spacing:-.32px; color:#222}
.hg-mv__list{list-style:none; margin:22px 0 0; padding:0; display:grid; gap:12px}
.hg-mv__list li{position:relative; padding-left:28px; font-size:16px; font-weight:500; line-height:1.35; letter-spacing:-.32px; color:#000}
.hg-mv__list li::before{content:''; position:absolute; left:0; top:1px; width:18px; height:18px; background:url(img/Vector_2.svg) center/contain no-repeat}
.hg-mv__cta{
  display:flex; align-items:center; justify-content:center; max-width:380px; height:58px; margin-top:28px;
  background:#d0121b; border:2px solid #d0121b; border-radius:4px; color:#fff !important;
  font-size:17px; font-weight:700; letter-spacing:.2px; text-decoration:none !important; transition:background .2s, color .2s;
}
.hg-mv__cta:hover{background:transparent; color:#d0121b !important}
.hg-mv__note{margin:14px 0 0; font-size:11px; line-height:1.45; color:#8a8a8a}
@media (max-width:992px){
  .hg-mv{padding:40px 20px}
  .hg-mv__inner{gap:32px}
  .hg-mv__title{font-size:30px}
}
@media (max-width:768px){
  .hg-mv{padding:30px 20px}
  .hg-mv__inner{grid-template-columns:1fr; gap:22px}
  .hg-mv__media img{aspect-ratio:4/3.4; object-position:50% 22%}
  .hg-mv__title{font-size:26px; letter-spacing:-.8px}
  .hg-mv__text, .hg-mv__list li{font-size:15px}
  .hg-mv__cta{max-width:none}
}

/* item novo no topo da lista "Skip the Beetroot Juice" (mesmo estilo dos itens do funil) */
.hg-acc-li{display:flex; font-family:Montserrat, sans-serif; font-size:16px; line-height:130%; letter-spacing:-.32px; color:#000; text-align:left}
.hg-acc-li img{width:16px; height:16px; margin-right:8px; flex:0 0 16px; margin-top:2px}
.hg-acc-li span{font-weight:500}
#ia8p0q{margin-top:16px !important}
@media (max-width:600px){ .hg-acc-li{font-size:15px} }

/* "What to Expect in the First 30 Days" (acordeão da área de compra) */
.hg-30d p{margin:0 0 10px}
.hg-30d__head{font-size:17px; font-weight:700; line-height:1.3; color:#000}
.hg-30d__head span{color:#d0121b; white-space:nowrap}
.hg-30d__steps{list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px}
.hg-30d__steps li{position:relative; padding-left:24px}
.hg-30d__steps li::before{content:''; position:absolute; left:0; top:2px; width:16px; height:16px; background:url(img/Vector_2.svg) center/contain no-repeat}
.hg-30d__steps b{font-weight:600}
.hg-30d .hg-30d__note{margin:0; font-size:13px; line-height:1.4; color:#6b6b6b}