/*
 * AI Build Day offer page. Loads after the Last Table tokens and components. Three flat package cards side by side,
 * stacked on a phone; the order button sits at the bottom of each card so the 3 prices line up.
 */

.bd-card {
  display: flex;
  flex-direction: column;
  gap: var(--lt-space-3);
  background: var(--lt-surface-2);
  border: 1px solid var(--lt-line);
  border-radius: var(--lt-radius-card);
  padding: var(--lt-space-5);
}
.bd-card p, .bd-card ul, .bd-card .lt-h3 { margin: 0; }
.bd-card ul { padding-left: var(--lt-space-5); }
.bd-card li + li { margin-top: var(--lt-space-1); }
.bd-card .offer-pay { margin-top: auto; padding-top: var(--lt-space-2); }
.bd-card .lt-btn { width: 100%; }
.bd-price { font-size: var(--lt-step-4); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; }
.bd-price .lt-muted { font-size: var(--lt-step-0); font-weight: 500; letter-spacing: 0; }
/* The add-on lines are sentences; let them wrap so the table fits a phone without a sideways scroll. */
.bd-addons .lt-table td { white-space: normal; vertical-align: top; }
.bd-packages { margin-top: var(--lt-space-5); }
@media (max-width: 560px) {
  .bd-card { padding: var(--lt-space-4); }
  .bd-addons .lt-table th, .bd-addons .lt-table td { padding: var(--lt-space-2) var(--lt-space-3); }
}