/* Shared display for the five real PDF covers in the collection mockups. */
.kit-bonus-display {
  position: relative;
  margin-top: -1px;
  padding: 12px 6% 20px;
  background: radial-gradient(ellipse at 50% 0%, #315771, #10283d 75%);
  color: #fff;
  text-align: center;
}
.kit-bonus-display > span {
  display: inline-block;
  margin-bottom: 12px;
  font-size: clamp(9px, 1.1vw, 13px);
  font-weight: 800;
  letter-spacing: .14em;
  color: #a6e8e3;
}
.kit-bonus-books {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3%;
  max-width: 660px;
  margin-inline: auto;
  align-items: end;
}
.kit-book {
  position: relative;
  transform: rotate(var(--tilt));
  transform-origin: center bottom;
  border-radius: 3px;
  box-shadow: 3px 2px #658092, 6px 4px #284456, 5px 10px 12px #0716259c;
}
.kit-book img, .hero-kit .kit-book img, .offer-kit .kit-book img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.included-bonuses {
  scroll-margin-top: 85px;
  background: #f0f6f9;
}
.included-bonuses h2 { max-width: 780px; margin-inline: auto; }
.bonus-gallery {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}
.bonus-item {
  grid-column: span 2;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d4e3eb;
  border-radius: 20px;
  background: white;
  box-shadow: 0 10px 24px #132e460d;
}
.bonus-item:nth-child(4) { grid-column: 2 / span 2; }
.bonus-cover-stage {
  display: grid;
  place-items: center;
  padding: 26px;
  background: radial-gradient(ellipse at 50% 25%, #42677f, #132e46);
}
.bonus-cover-stage img {
  display: block;
  width: min(100%, 158px);
  height: auto;
  border-radius: 4px;
  box-shadow: 4px 3px #7b8d9b, 8px 14px 22px #0716258c;
}
.bonus-item-copy { padding: 22px; }
.bonus-item-copy h3 { margin: 6px 0 10px; font-size: 20px; line-height: 1.24; color: #132e46; }
.bonus-item-copy p { margin: 0; line-height: 1.55; }
.bonus-item-copy .bonus-number { font-size: 11px; font-weight: 800; letter-spacing: .13em; color: #087b85; }
.bonus-item-copy .bonus-detail { font-size: 13px; font-weight: 800; color: #087b85; margin-bottom: 9px; }
.bonus-next { display: flex; justify-content: center; margin-top: 32px; }
@media (max-width: 900px) {
  .bonus-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bonus-item, .bonus-item:nth-child(4) { grid-column: auto; }
}
@media (max-width: 580px) {
  .kit-bonus-display { padding: 10px 7% 13px; }
  .kit-bonus-display > span { margin-bottom: 8px; }
  .bonus-gallery { grid-template-columns: 1fr; gap: 14px; }
  .bonus-item { display: grid; grid-template-columns: minmax(85px, 31%) minmax(0, 1fr); }
  .bonus-cover-stage { padding: 13px 9px; }
  .bonus-item-copy { padding: 15px 12px; }
  .bonus-item-copy h3 { font-size: 17px; }
  .bonus-item-copy p { font-size: 14px; }
}

.legal-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}
.legal-layout .legal-document { padding: 0; scroll-margin-top: 90px; }
.legal-document summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
  cursor: pointer;
  font-weight: 750;
  padding: 18px;
}
.legal-document summary::-webkit-details-marker { display: none; }
.legal-document summary::after { content: "+"; font-size: 20px; color: #087b85; }
.legal-document[open] summary::after { content: "−"; }
.legal-body { padding: 0 18px 16px; overflow-wrap: anywhere; }
@media (max-width: 720px) { .legal-layout { grid-template-columns: 1fr; } }