.collection-page {
  --collection-heading-font: "Bricolage Grotesque", system-ui, sans-serif;
  --collection-panel: rgba(255, 255, 255, .76);
  --collection-accent: var(--ws-plum-ink);
}
html[data-shop-theme="tintenschwarz"] .collection-page {
  --collection-heading-font: var(--ts-display);
  --collection-panel: #fff;
  --collection-accent: var(--ts-ink);
}
html .collection-page .topbar,
html .collection-page .foot,
html .collection-page .foot-bottom {
  border: 0;
}
.collection-page .topbar {
  margin-bottom: 25px;
}
.collection-page.has-mobile-menu-open .topbar {
  position: sticky;
  top: 0;
  z-index: 8501;
}
.collection-skip {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  padding: 12px 18px;
  background: var(--ws-plum-ink);
  color: #fff;
  transform: translateY(-180%);
}
.collection-skip:focus {
  transform: none;
}
.collection-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
  font-size: 13px;
  color: var(--ws-plum-mute);
}
.collection-breadcrumb a:hover,
.collection-book h2 a:hover {
  text-decoration: underline;
  text-underline-offset: .15em;
}
.collection-intro {
  max-width: 900px;
  margin: 0 0 64px;
}
.collection-intro h1,
.collection-empty h1 {
  font-family: var(--collection-heading-font);
  font-size: clamp(38px, 5.5vw, 70px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.06;
  text-wrap: balance;
  margin: 0 0 24px;
}
.collection-intro > p {
  max-width: 70ch;
  margin: 0 0 28px;
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.75;
  color: var(--ws-plum-ink-soft);
}
.collection-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 21px;
  border-radius: 10px;
  background: var(--collection-accent);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.collection-button:hover {
  background: var(--ws-mauve-deep);
  color: #fff;
}
.collection-button:focus-visible,
.collection-notes summary:focus-visible,
.collection-text-link:focus-visible {
  outline: 3px solid var(--ws-rose-deep);
  outline-offset: 4px;
}
.collection-catalog {
  scroll-margin-top: 130px;
}
.collection-book {
  margin-bottom: 62px;
}
.collection-book-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  align-items: center;
  gap: 42px;
  margin-bottom: 32px;
}
.collection-book-intro > div {
  max-width: 76ch;
}
.collection-book h2 {
  font-family: var(--collection-heading-font);
  font-size: clamp(27px, 3.2vw, 42px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.18;
  margin: 0 0 13px;
  text-wrap: balance;
}
.collection-book-intro p {
  line-height: 1.8;
  color: var(--ws-plum-ink-soft);
  margin: 0 0 16px;
}
.collection-book-intro .collection-byline {
  font-size: 13px;
  color: var(--ws-plum-mute);
}
.collection-book-intro .collection-standalone {
  font-size: 14px;
}
.collection-cover img {
  width: 100%;
  height: auto;
  max-height: 260px;
  object-fit: contain;
  border-radius: 3px;
}
.collection-text-link {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.collection-editions-heading {
  font-family: var(--collection-heading-font);
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 20px;
}
.collection-editions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  gap: 20px;
}
.collection-edition {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--collection-panel);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(42, 30, 46, .04);
}
.collection-edition-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 260px;
  padding: 14px;
  background: var(--ws-cream-2);
}
.collection-edition-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.collection-edition-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px;
}
.collection-edition h4 {
  font-family: var(--collection-heading-font);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px;
  overflow-wrap: anywhere;
}
.collection-edition-description {
  font-size: 13px;
  line-height: 1.65;
  margin: 0 0 18px;
  color: var(--ws-plum-soft);
}
.collection-price {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
  margin: auto 0 5px;
  padding-top: 8px;
}
.collection-availability {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 12px;
  color: var(--ws-sage-deep);
}
.collection-edition[data-state="out"] .collection-availability {
  color: var(--ws-plum-mute);
}
.collection-edition[data-state="preorder"] .collection-availability,
.collection-edition[data-state="low"] .collection-availability {
  color: var(--ws-plum-ink-soft);
}
.collection-delivery {
  min-height: 5.1em;
  font-size: 12px;
  line-height: 1.7;
  color: var(--ws-plum-mute);
  margin: 0 0 20px;
}
.collection-edition .collection-button {
  width: 100%;
  margin-top: auto;
}
.collection-signing {
  font-size: 12px;
  line-height: 1.75;
  color: var(--ws-plum-ink-soft);
  margin: 0 0 20px;
}
.collection-notes {
  margin-top: 24px;
  padding: 20px 24px;
  border-radius: 14px;
  background: var(--ws-cream-2);
}
.collection-notes summary {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.collection-notes > div {
  padding-top: 6px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--ws-plum-ink-soft);
}
.collection-notes ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.collection-guides {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
  margin: 60px 0 36px;
}
.collection-guides h2 {
  font-family: var(--collection-heading-font);
  font-size: 26px;
  line-height: 1.2;
  margin: 0 0 16px;
}
.collection-guides p {
  font-size: 14px;
  line-height: 1.85;
  margin: 0;
  color: var(--ws-plum-soft);
}
.collection-next {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 60px;
}
.collection-empty {
  min-height: 50vh;
  padding: 60px 0;
}
.collection-page .shop-cookie-kicker {
  display: none !important;
}
.collection-page .shop-cookie-btn--primary,
.collection-page .shop-cookie-btn--ghost {
  border: 0 !important;
  background: var(--collection-accent) !important;
  color: #fff !important;
}
html[data-shop-theme="tintenschwarz"] .collection-button:hover {
  background: var(--ts-velvet-deep);
}
@media (max-width: 980px) {
  .collection-editions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collection-guides {
    grid-template-columns: 1fr;
    gap: 28px;
    max-width: 75ch;
  }
}
@media (max-width: 600px) {
  html[data-shop-theme="tintenschwarz"] .collection-page .topbar {
    padding-left: 12px;
    padding-right: 12px;
  }
  .collection-page .topbar {
    margin-bottom: 18px;
  }
  .collection-breadcrumb {
    margin-bottom: 28px;
  }
  .collection-intro {
    margin-bottom: 44px;
  }
  .collection-book-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .collection-cover {
    display: none;
  }
  .collection-editions {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .collection-edition-image {
    max-height: 290px;
  }
  .collection-delivery {
    min-height: 0;
  }
  .collection-notes {
    padding: 18px;
  }
  .collection-next .collection-button {
    width: 100%;
  }
}
@media (max-width: 740px) and (prefers-reduced-motion: reduce) {
  html[data-shop-theme="tintenschwarz"] .collection-page .ts-brand-stage {
    width: clamp(90px, 30vw, 120px) !important;
    height: calc(clamp(90px, 30vw, 120px) / 6.22) !important;
  }
}