@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

header {
  animation: fadeDown 1s ease both;
}

.hero,
.products,
.product-page,
.product-detail,
.cart-wrap,
.page-header,
.back-wrap,
.category,
section {
  animation: fadeDown 1.1s ease 0.2s both;
}