body {
  background-color: var(--color-grey-lightest);
}

.header-landing {
  background-size: cover;
  width: 100%;
  height: auto;
}
.header-landing .store-image {
  width: 100%;
}

.category {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  padding: 160px 0 40px;
}
.category .product-grid {
  width: 100%;
  display: flex;
  margin: auto;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
  padding: 24px 0;
}
.category .product-grid .product {
  width: 30%;
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 24px 40px;
  border-bottom: 3px solid var(--color-white);
}
.category .product-grid .product:hover {
  border-bottom: 3px solid var(--color-orange);
}
.category .product-grid .product img {
  width: 100%;
}

h2,
h3,
h4 {
  color: var(--color-orange);
}
h5 {
  color: var(--color-black);
}

.product-detail {
  background-color: var(--color-white);
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: auto;
  display: flex;
  padding: 120px 0;
}
.product-detail .images {
  width: 60%;
}
.product-detail .images img {
  width: 100%;
}
.product-detail .infos {
  color: var(--color-black);
  width: 40%;
  padding: 40px;
}
.product-detail .infos a.cta-primary {
  background-color: var(--color-green);
}
.product-detail .infos .price {
  color: var(--color-green);
}

.unavailable {
  color: var(--color-red);
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
}

.pagination {
  width: fit-content;
  margin: 40px auto;
}
.pagination .page {
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 16px;
}
.pagination .page.current {
  background-color: var(--color-orange);
  color: var(--color-white);
}

@media (max-width: 900px) {
  .category {
    width: 85%;
    flex-wrap: wrap;
    margin: auto;
  }
  .category .product-grid .product {
    width: 100%;
    margin: auto;
  }
  .product-detail {
    width: 100%;
    flex-wrap: wrap;
  }
  .product-detail .images,
  .product-detail .infos {
    width: 100%;
  }
}