.feature-copy {
  align-self: center;
}

.menu-preview-card img {
  aspect-ratio: 4 / 3;
  margin-bottom: 1rem;
}

.callout-section {
  display: grid;
  justify-items: center;
  text-align: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  padding: clamp(2.5rem, 7vw, 5rem);
  background:
    linear-gradient(135deg, rgba(184, 117, 59, 0.24), rgba(8, 5, 4, 0.78)),
    url("../assets/images/wild-brew-coffee-tray-offer-menu.jpeg") center / cover;
  box-shadow: var(--shadow-soft);
}

.callout-section h2 {
  max-width: 850px;
}

.options-section {
  padding-top: 1rem;
}

.success-hero {
  max-width: 900px;
}

.summary-section {
  padding: 1.5rem;
}

.saved-summary {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-medium);
  padding: 1rem;
  background: rgba(8, 5, 4, 0.72);
  color: var(--color-cream);
  white-space: pre-wrap;
}

.form-message {
  min-height: 1.5rem;
  margin-top: 1rem;
  color: var(--color-tan);
  font-weight: 700;
}

@media (max-width: 680px) {
  .hero-card {
    transform: none;
  }

  .callout-section {
    justify-items: start;
    text-align: left;
  }
}