/*
 * Preorder pages (2026-10-01) — layers on shared.css + subpage.css +
 * events.css, whose card/detail/confirm vocabulary these pages reuse.
 */

.page-hero.hero-preorder {
  background: linear-gradient(135deg, var(--tint-butter) 0%, var(--tint-pink) 55%, var(--tint-lavender) 100%);
}

/* Product photos: show the whole product, never crop it. */
.event-image.preorder-image {
  object-fit: contain;
  background: #fff;
  border-bottom: 1px solid var(--tint-lavender);
  height: 220px;
}

.preorder-form-title {
  color: var(--brand-purple);
  font-size: 1.4rem;
  margin: 0;
}

.preorder-form-note {
  color: #6b5a80;
  margin: -0.5rem 0 0.25rem;
}

.form-optional {
  font-weight: 500;
  color: #8a7a9e;
}