/* ==========================================================================
   PÁGINA DE PRODUTO — folha da página, irmã de main.css

   Reaproveita as camadas compartilhadas (tokens, base, componentes, header,
   rodapé, responsive) e acrescenta só as seções desta página, numeradas a
   partir de 20 para nunca colidirem com as da home (07–15).

     20-compra      galeria + painel de decisão (primeira dobra)

   20-compra entra DEPOIS de 06-header e 15-rodape porque sobrescreve os dois:
   o header é sólido desde o repouso aqui, e a onda do rodapé acompanha a cor
   da seção acima dela, que nesta página é outra.
   ========================================================================== */

@import url('02-fonts.css');
@import url('01-tokens.css');
@import url('03-base.css');
@import url('05-components.css');
@import url('06-header.css');
@import url('15-rodape.css');
@import url('20-compra.css');
@import url('99-responsive.css');