* {
  margin: 0%;
  padding: 0%;
}
main {
  margin: 5%;
}
.productimg {
  width: 100%;
  border: solid 2px #a6a29a;
}

/* font styling */
h1 {
  font-family: Khmer MN;
  font-size: 25px;
  font-weight: 100;
  color: #707070;
  margin-left: 5%;
}
h2 h3 p {
  font-family: Montserrat;
  color: #707070;
  font-size: 17px;
  line-height: 25px;
}

/*---------- style til h1 under product card ------ */

.product h1 {
  text-align: left;
  margin-left: 0;
}
/* -------------- ama og siff hejsa :) ----------- */

.sale {
  display: flex;
  background-color: #af1010;

  width: 25%;
  font-size: 20px;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.discount p {
  color: white;
}
/* kaldes i js hvis der er udsalg og givet streg over tidligere pris */
.prevprice {
  text-decoration: line-through;
}

/* kaldes hvis udsolgt og giver mørkt overlay på billede */
.overlay {
  filter: brightness(60%);
}

.productinformation p {
  line-height: 30px;
}

.material {
  margin-bottom: 2%;
}

.newprice {
  margin-top: 3%;
}

.soldout {
  background-color: white;
  border: solid 2px #a6a29a;
  width: 150px;
  height: 5%;
  position: absolute;
  z-index: 1;
  display: flex;
  color: black;
  background-color: white;
  align-items: center;
  justify-content: center;
}

.soldout::before {
  content: "Out of stock";
  font-family: Montserrat;
}

.productinformation p {
  line-height: 30px;
}

.material {
  margin-bottom: 2%;
}

@media (min-width: 800px) {
  h1 {
    font-size: 35px;
  }
  h2 h3 p {
    font-size: 25px;
  }

  /* grid*/
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 300px));
    gap: 45px;
    margin: 5%;
    margin-left: 122px;
    margin-right: 99px;
  }

  .overskrift {
    margin-left: 122px;
    margin-top: 4%;
    margin-bottom: -3%;
  }

  #linav {
    margin-left: 4%;
  }
}