.hb-books-grid {
  padding: 96px 0;
}
.hb-books-grid__grid {
  display: grid;
  gap: 40px 28px;
}
.hb-books-grid__grid--2 { grid-template-columns: repeat(2, 1fr); }
.hb-books-grid__grid--3 { grid-template-columns: repeat(3, 1fr); }
.hb-books-grid__grid--4 { grid-template-columns: repeat(4, 1fr); }
.hb-books-grid__grid--5 { grid-template-columns: repeat(5, 1fr); gap: 32px 20px; }

@media (max-width: 1024px) {
  .hb-books-grid { padding: 64px 0; }
  .hb-books-grid__grid--4 { grid-template-columns: repeat(2, 1fr); }
  .hb-books-grid__grid--5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .hb-books-grid__grid--3,
  .hb-books-grid__grid--4,
  .hb-books-grid__grid--5 { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
}