/*
  V42 — Ajustes visuais aplicados igualmente às telas 5-vinhos e Refinar:
  - percentuais menores;
  - legenda de compatibilidade na mesma cor do percentual;
  - cinco cartões mais baixos para trazer o quinto cartão naturalmente para cima.
*/
#fiveWinesScreen .qual-five-results,
#refineWinesScreen .qual-five-results{
  gap:5px !important;
}

#fiveWinesScreen .qual-five-card,
#refineWinesScreen .qual-five-card{
  min-height:82px !important;
}

#fiveWinesScreen .qual-five-rank,
#refineWinesScreen .qual-five-rank{
  padding:3px !important;
}

#fiveWinesScreen .qual-five-rank-number,
#refineWinesScreen .qual-five-rank-number{
  margin-bottom:3px !important;
  font-size:11px !important;
}

#fiveWinesScreen .qual-five-rank-label,
#refineWinesScreen .qual-five-rank-label{
  font-size:8.4px !important;
}

#fiveWinesScreen .qual-five-rank-subtitle,
#refineWinesScreen .qual-five-rank-subtitle{
  margin-top:2px !important;
  font-size:6.7px !important;
  line-height:1.05 !important;
}

#fiveWinesScreen .qual-five-rank-mark,
#refineWinesScreen .qual-five-rank-mark{
  margin-top:3px !important;
}

#fiveWinesScreen .qual-five-bottle,
#refineWinesScreen .qual-five-bottle{
  padding-top:4px !important;
  padding-bottom:1px !important;
}

#fiveWinesScreen .qual-five-bottle img,
#refineWinesScreen .qual-five-bottle img{
  height:66px !important;
}

#fiveWinesScreen .qual-five-info,
#refineWinesScreen .qual-five-info{
  padding-top:6px !important;
  padding-bottom:4px !important;
}

#fiveWinesScreen .qual-five-name,
#refineWinesScreen .qual-five-name{
  margin-bottom:3px !important;
}

#fiveWinesScreen .qual-five-grape,
#refineWinesScreen .qual-five-grape{
  margin-bottom:4px !important;
  font-size:11.5px !important;
}

#fiveWinesScreen .qual-five-origin,
#refineWinesScreen .qual-five-origin{
  font-size:8.8px !important;
}

#fiveWinesScreen .qual-five-score,
#refineWinesScreen .qual-five-score{
  padding-top:4px !important;
  padding-bottom:3px !important;
}

#fiveWinesScreen .qual-five-price,
#refineWinesScreen .qual-five-price{
  margin-bottom:3px !important;
}

#fiveWinesScreen .qual-five-percent,
#refineWinesScreen .qual-five-percent{
  margin-bottom:3px !important;
  font-size:17px !important;
}

#fiveWinesScreen .qual-five-score-label,
#refineWinesScreen .qual-five-score-label{
  font-size:6px !important;
  line-height:1.05 !important;
}

/* Mesma cor do percentual na tela 5-vinhos. */
#fiveWinesScreen .qual-five-card.tier-essential .qual-five-score-label{color:#9c6b14 !important;}
#fiveWinesScreen .qual-five-card.tier-economico .qual-five-score-label{color:#5c8e26 !important;}
#fiveWinesScreen .qual-five-card.tier-selecao .qual-five-score-label{color:#4368a6 !important;}
#fiveWinesScreen .qual-five-card.tier-premium .qual-five-score-label{color:#7655a6 !important;}

/* Na tela Refinar, percentual e legenda permanecem no dourado aprovado. */
#refineWinesScreen .qual-five-score-label{
  color:#9a6512 !important;
}

/* Compactação do quinto cartão (orientação para compra na loja). */
#fiveWinesScreen .qual-five-store,
#refineWinesScreen .qual-five-store,
#fiveWinesScreen .qual-five-store .qual-five-rank,
#refineWinesScreen .qual-five-store .qual-five-rank{
  min-height:72px !important;
}

#fiveWinesScreen .qual-five-store-info,
#refineWinesScreen .qual-five-store-info{
  padding-top:5px !important;
  padding-bottom:2px !important;
}

#fiveWinesScreen .qual-five-store-title,
#refineWinesScreen .qual-five-store-title{
  margin-bottom:3px !important;
  font-size:14px !important;
}

#fiveWinesScreen .qual-five-store-main,
#refineWinesScreen .qual-five-store-main{
  margin-bottom:2px !important;
  font-size:9.5px !important;
  line-height:1.15 !important;
}

#fiveWinesScreen .qual-five-store-sub,
#refineWinesScreen .qual-five-store-sub{
  font-size:9px !important;
  line-height:1.15 !important;
}