html {
  background-color: #edeef1;
}
.container,
.go-prev-page-button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.catalog-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;

  width: 100%;
  max-width: 22em;
}
.catalog-heading h1 {
  font-size: 3.2em;
  max-width: 6em;
}
h1 > span.apostrophe {
  font-size: 0.7em;
}
.catalog-item {
  margin-block-start: 4em;
}
.catalog-item-image {
  width: 100%;
  max-width: 22em;
  margin-block: 0.5em;
  border-radius: 1.25em;
}
.catalog-item-short-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1em;

  max-width: 17.6em;
  margin-block-start: 0.5em;
  margin-block-end: 1em;
  font-size: 1.25em;
  word-break: break-word;
}
.catalog-item-short-info h2 {
  flex: 2;
}
.catalog-item-short-info b {
  font-weight: 400;
  font-size: 1.5em;
  text-align: end;
  flex: 1;
}
b > span.currency-uah {
  font-size: 0.6em;
  padding-inline-start: 0.25em;
  word-break: keep-all;
}
a.catalog-item-details {
  background-color: white;
  border: 0.15em solid #424242;
  border-radius: 1.25em;

  margin-block: 0.5em;
  width: calc(100vw - var(--document-padding-inline) * 2);
  max-width: 22em;

  text-align: center;

  display: block;
  padding: 0.75em 1em;
}
.go-prev-page-button-container {
  position: sticky;
  top: var(--document-padding-block);

  margin-block-end: 1.25rem;
}
.go-prev-page-button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  width: 100%;
  max-width: 22em;
}
#go-prev-page-button {
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  gap: 8px;
  padding: 0.25rem 0.75rem;

  border: 0.15em solid #424242;
  border-radius: 1.25em;
  color: var(--document-font-color);
  cursor: pointer;
}