@import url('./reading-recommendation.css?202510221621');

.content-wrapper {
  padding: 40px 0 80px;
}

.search-input-wrapper {
  width: 339px;
}

.book-list-wrapper {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.book-card {
  flex: 0 0 calc(50% - 12px);
}

@media (max-width: 1024px) {
  .sidebar {
    display: none;
  }

  .search-filters {
    padding-top: 10px;
  }

  .content-wrapper {
    padding: 8px 0 60px;
  }

  .book-list-wrapper {
    margin-top: 24px;
    flex-wrap: unset;
    flex-direction: column;
    gap: 15px;
  }

  .book-cover-wrapper {
    width: 25%;
    height: auto;
  }

  .book-cover-wrapper .book-cover {
    width: 100%;
    height: 100%;
  }
}