/* Alinhamento do início do catálogo com as demais páginas. */
@media screen {
  body.products-page .products-main {
    padding-top: 116px;
  }

  body.products-page .products-hero {
    align-items: start;
  }

  body.products-page .products-hero-visual {
    align-self: center;
  }
}

@media screen and (max-width: 900px) {
  body.products-page .products-main {
    padding-top: 100px;
  }
}

@media screen and (max-width: 680px) {
  body.products-page .products-main {
    padding-top: 92px;
  }
}