/*
  Paleta por produto -- Nerve Harmony.
  Sobrescreve os tokens de cor (:root) de ../reviews.css para refletir a
  identidade visual real da oferta, mantendo layout/estrutura do MODELO REVIEW
  intactos (so as cores mudam).

  Fonte dos tokens (curl em 2026-08-16, nerveharmonyofficial.com/theme/nh.css
  + rotulo real do produto): gradiente roxo/violeta #3b0f73 -> #5b21b6 -> #7c3aed
  (--grad do CSS oficial) e CTA em ambar #f6a821 / #cf8508 (--amber / --amber-600
  do CSS oficial, usado nos botoes "RESTORE MY COMFORT").
*/
:root{
  --navy-1:#3b0f73;
  --navy-2:#2a0f52;
  --testimonial-navy:#3a3358;
  --panel-gray:#faf8ff;
  --cta-1:#f6a821;
  --cta-2:#cf8508;
  --cta-hover-1:#ffc247;
  --cta-hover-2:#f6a821;
  --badge-border:rgba(246,168,33,.6);
}

.site-badge a:hover{
  background:rgba(246,168,33,.2);
  border-color:var(--cta-1);
  box-shadow:0 6px 20px rgba(246,168,33,.4);
}

/* A foto hero (nerveharmony-hero.png, ja cortada para remover a margem
   transparente do PNG original de 680x680) ainda renderizava pequena com o
   max-width:70% padrao de reviews.css -- mesma ambiguidade de percentual
   descrita no comentario de .hero-image img daquele arquivo, so que aqui
   afetando max-width mesmo sem usar width:%. Removendo o cap de largura
   percentual e deixando so max-height (a mesma altura ja calculada por
   reviews.css) resolve o tamanho via aspect-ratio nativo do arquivo, sem
   ambiguidade de containing block. */
@media (min-width: 768px){
  .hero-image img{max-width:none}
}