/* =====================================================================
   recolor-apollo.css — recolore a seção de potes (memopryl/bg, main.css)
   para a paleta do Apollo Health. Carregar DEPOIS de main.css.
   Comentário [b] da demanda: cores pareadas à paleta da página
   apollohealthco.com/dr-bredesen — entre #013642 e, p/ variação, até #0193B5.
   ===================================================================== */
:root{
  --primary-color:#013642;        /* era #381c78 — teal escuro Apollo */
  --primary-color-dark:#01262e;   /* sombra do teal */
  --primary-color-light:#0193b5;  /* clarão ciano p/ gradientes/headers (variação da demanda) */
  --secondary-color:#0193b5;      /* segunda cor = ciano Apollo */
  --secondary-color-light:#3db5d0;
  --secondary-color-dark:#012830;
  /* --third-color (#75cefb azul do "STEP 1") harmoniza com o teal → mantido.
     --contrast/--fourth (dourado do BUY NOW) mantidos: o CTA dourado bate com o print (image5). */
}

/* Best Offer (6 potes): botão dourado como no print, mesmo sem o products-white.js
   (a marcação estática traz só `.button`; o JS é que aplicaria `.button.promo`). */
.products .item.promo .item-buy .button{
  background-image:linear-gradient(to top,#fccd15 50%,#ffd814 51%) !important;
  color:#231f20 !important;
}
.products .item.promo .item-buy .button:hover{
  background-image:linear-gradient(to bottom,#fccd15 50%,#ffd814 51%) !important;
}