div.single-product {
  display: grid;
  grid-template-columns: 32.3% 32.3% 32.3%;
  grid-template-rows: 1fr 1fr; /* две равные строки */
  gap: 10px;
  width: 100%;
  margin-bottom: 20px; /* отступ снизу */
}

div.single-product > div {
  border: 1px solid #ccc;
  padding: 20px;
  text-align: center;
  background: #f0f0f0;
  box-sizing: border-box;
}

/* ЯВНО указываем ВСЕМ элементам их позиции */
div.single-product > div:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2; /* занимает обе строки */
}

div.single-product > div:nth-child(2) {
  grid-column: 2;
  grid-row: 1; /* только первая строка */
}

div.single-product > div:nth-child(3) {
  grid-column: 2;
  grid-row: 2; /* только вторая строка */
}

div.single-product > div:nth-child(4) {
  grid-column: 3;
  grid-row: 1 / span 2; /* занимает обе строки */
}