/* Keep the unmarked collection label as the accessible page heading. */
.purchase-content .pc-heading h1.pc-eyebrow {
  font: 500 10px/1.7 var(--pc-sans);
  letter-spacing: .23em;
  color: var(--pc-gold);
  margin: 0 0 12px;
}

/* Each collection now has six rows after removing its repeated story heading. */
@media (min-width: 601px) {
  .purchase-content .pc-collection { grid-row: span 6; }
}

/* The closing prompt offers two entrances to the existing card journey. */
.purchase-content .pc-next-strip .pc-wrap > :first-child {
  flex: 1;
  min-width: 0;
}
.purchase-content .pc-next-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  flex: 0 0 auto;
  width: clamp(440px, 40vw, 560px);
  max-width: 100%;
}
.purchase-content .pc-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 76px;
  padding: 16px 22px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2e7288, #45a0b2, #2e7288);
  color: #fff;
  font: 700 20px/1.45 var(--pc-sans);
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: break-word;
}
.purchase-content[data-purchase-locale="en"] .pc-next-button { letter-spacing: .01em; }
.purchase-content .pc-next-button:hover { background: #357e91; }
.purchase-content .pc-next-button:focus-visible {
  outline: 3px solid #173f4c;
  outline-offset: 4px;
}
@media (max-width: 1100px) {
  .purchase-content .pc-next-strip .pc-wrap { flex-direction: column; align-items: flex-start; gap: 22px; }
  .purchase-content .pc-next-actions { width: min(100%, 650px); }
}
@media (max-width: 600px) {
  .purchase-content .pc-next-actions { grid-template-columns: minmax(0, 1fr); margin-top: 20px; gap: 12px; }
  .purchase-content .pc-next-button { min-height: 64px; padding: 16px 22px; font-size: 20px; }
}

.purchase-content .pc-next-button,
.purchase-content .pc-heart .pc-story-buy {
  background: linear-gradient(90deg, #dcc194, #e1caa0, #e8d2a9);
  border-color: #dcc194;
  color: #183b43;
}
.purchase-content .pc-next-button:hover,
.purchase-content .pc-heart .pc-story-buy:hover {
  background: linear-gradient(90deg, #e2cba1, #e8d4b0, #efddbe);
  filter: none;
}
.purchase-content .pc-next-button:focus-visible {
  outline-color: #5f4419;
}
