/* Estilos só da página personal_care (app/Views/personal_care.php). Carregado depois do base.css.
   As três páginas de mercado compartilham os estilos de .market-hero, .marquee, .market-intro e .categories, que ficam no base.css. */

/* O título é o mais longo dos três mercados: desce um pouco para fechar em duas linhas. */
.market-hero h1.dark-text {
    /* acompanha a largura da coluna de texto, não a da janela */
    @media (min-width: 1100px) { font-size: min(4rem, calc(4.28vw - 6.2px)); }
}