.mockup {
  display: flex !important;
  justify-content: center !important;
  padding: 1.5rem 0 2rem !important;
  perspective: none !important;
}

.book {
  position: relative !important;
  display: block !important;
  width: min(270px, 88vw) !important;
  height: 400px !important;
  padding-left: 0 !important;
  transform: rotate(-1.5deg) !important;
  transform-style: flat !important;
  filter: drop-shadow(16px 20px 16px rgba(26, 36, 48, 0.24));
}

.book-spine,
.book-pages {
  display: none !important;
}

.cover {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 1.7rem 1.15rem 1.35rem 1.25rem !important;
  border-radius: 4px !important;
  background: #f7f1e6 !important;
  color: #1a2430 !important;
  border: 1px solid #d7d0c3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  box-shadow: none !important;
}

.cover::before {
  display: none !important;
}

.cover-kicker,
.cover-title,
.cover-sub,
.cover-toc {
  font-family: "Playfair Display", Georgia, serif !important;
  color: #1a2430 !important;
  text-align: center !important;
}

.cover-kicker {
  margin: 0 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.cover-title {
  margin: 1.35rem 0 0.7rem !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.cover-sub {
  margin: 0 !important;
  font-size: 0.88rem !important;
  font-style: italic !important;
  line-height: 1.35 !important;
}

.cover-toc {
  margin: auto 0 0 !important;
  padding: 1rem 0 0 !important;
  list-style-position: inside !important;
  width: 100% !important;
  font-size: 0.82rem !important;
  line-height: 1.7 !important;
}

@media (min-width: 800px) {
  .book {
    width: 280px !important;
    height: 420px !important;
  }
}
