.grid-feed-container {
  position: absolute;
  top: 19px;
  left: 60px;
}

.grid-div {
  font-family: "Roboto", sans-serif;
  position: relative;
  width: max-content;
  height: max-content;
  display: grid;
  grid-template-columns: repeat(2, 85px);
  gap: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.grid-product {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: -4px -4px 6px 0px rgba(0, 0, 0, 0.15),
  4px 4px 8px 0px rgba(0, 0, 0, 0.50);
  text-decoration: none;
  color: inherit;
}

.grid-product-img {
  width: 100%;
  height: 74px;
  margin-bottom: 2px;
  object-fit: cover;
}

.grid-product-title {
  font-size: 12px;
  color: #4f4f4f;
  font-weight: normal;
  margin-bottom: 2px;
  height: 25px;
  padding:  4px 2px 2px 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-product-price {
  padding:  4px 2px 2px 2px;
  border-top: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
}

.grid-product-full-price {
  font-size: 10px;
  color: gray;
  text-decoration: line-through;
}

.discount-badge {
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: white;
  color: #3695bd;
  font-size: 12px;
  padding: 3px;
  border: 1px solid #3695bd;
  border-radius: 8px;
  font-weight: bold;
}