.ticket-rates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 16px;
}
.ticket-rate {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 12px;
  align-items: start;
  padding: 16px 18px;
  background: #fff;
}
.ticket-rate svg { margin-top: 3px; color: #9a7b4f; }
.ticket-rate strong { display: block; font-size: 16px; letter-spacing: -.02em; }
.ticket-rate small { display: block; margin-top: 4px; color: rgba(18,23,28,.58); font-size: 13px; }
.ticket-rate b { color: #9a7b4f; font-size: 18px; letter-spacing: -.03em; white-space: nowrap; }
.ticket-extend {
  margin: 0 0 18px;
  padding: 16px 18px;
  background: #fff;
}
.ticket-extend p { margin: 0 0 10px; color: rgba(18,23,28,.7); font-size: 14px; line-height: 1.45; }
.ticket-extend ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.ticket-extend li {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 10px;
  align-items: center;
  font-size: 15px;
}
.ticket-extend li svg { color: #9a7b4f; }
.ticket-extend li b { color: #9a7b4f; }
.ticket-note { margin: 0 0 16px; color: rgba(18,23,28,.55); font-size: 13px; }
.ticket-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ticket-banner {
  margin: 0 0 28px;
  padding: 36px 40px 32px;
  background: #efe6d8;
  border: 1px solid rgba(154,123,79,.28);
}
.ticket-banner h2 {
  margin: 8px 0 14px;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -.04em;
  line-height: .98;
}
.ticket-banner h2 em { color: #9a7b4f; }
.ticket-banner > p {
  margin: 0 0 22px;
  max-width: 40em;
  color: rgba(18,23,28,.72);
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 800px) {
  .ticket-rates { grid-template-columns: 1fr; }
  .ticket-banner { padding: 22px 18px; }
  .ticket-rate, .ticket-extend li { grid-template-columns: 22px 1fr; }
  .ticket-rate b, .ticket-extend li b { grid-column: 2; }
}