.book-cover-wraper {
  min-height: 250px;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}

@media (max-width: 992px) {
  .book-cover-wraper {
    min-height: 190px;
  }
}

@media (max-width: 1200px) {
  .book-cover-wraper {
    min-height: 220px;
  }
}

@media (max-width: 768px) {
  .book-cover-wraper {
    min-height: 210px;
  }
}

.book-title-link:hover {
  color: var(--bs-blue);
}

.book-title-link {
  max-height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6em;
  font-weight: 600;
  color: #1f2937;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

#booklist .book-cover-wraper {
  min-height: 0;
  aspect-ratio: 2 / 3;
}

#booklist .book-cover-wraper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:root {
  --site-side-padding: 16px;
}

#booklist .container,
body > nav .container,
footer .container {
  width: 100%;
  max-width: none !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-side-padding) !important;
  padding-right: var(--site-side-padding) !important;
}

body > nav .container {
  column-gap: 14px;
}

@media (min-width: 768px) {
  :root {
    --site-side-padding: 24px;
  }
}

@media (min-width: 1200px) {
  :root {
    --site-side-padding: 40px;
  }
}

@media (min-width: 1600px) {
  :root {
    --site-side-padding: 56px;
  }
}

@media (min-width: 1920px) {
  :root {
    --site-side-padding: 100px;
  }
}

a {
  text-decoration: none;
}

.logo {
  max-width: 300px;
}

@media (max-width: 480px) {
  .logo {
    width: 200px;
    min-width: 80px;
  }
}

.logo-70 {
  width: 90px;
}

@media (max-width: 480px) {
  .logo-70 {
    width: 70px;
  }
}

.btn {
}

@media (min-width: 300px) {
  .navbar {
  }
}