.ticket-deadline-banner {
  display: grid;
  grid-template-columns: auto minmax(18rem, 1fr) auto;
  gap: 1.25rem 2.2rem;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 1.35rem 1.5rem;
  border: 1px solid rgba(177, 125, 45, .34);
  background: #fffaf0;
  box-shadow: 0 .7rem 2rem rgba(77, 55, 25, .06);
}
.ticket-deadline-banner > div { display: grid; gap: .15rem; padding-right: 2rem; border-right: 1px solid rgba(177, 125, 45, .25); }
.ticket-deadline-banner span { color: #167c76; font-family: var(--sans); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ticket-deadline-banner strong { color: #382f24; font-family: var(--serif); font-size: 1.8rem; font-weight: 400; line-height: 1; }
.ticket-deadline-banner p { margin: 0; color: #5e574f; font-family: var(--sans); line-height: 1.5; }
.ticket-deadline-banner > a { color: #167c76; font-family: var(--sans); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }

.ticket-grid { align-items: stretch; }
.ticket-card { min-height: 0; padding: 2rem; font-family: var(--sans); }
.ticket-card h2,.ticket-card-price { font-family: var(--serif); }
.ticket-card-label { margin-bottom: 1.35rem; font-family: var(--sans); }
.ticket-card-price { margin-bottom: .9rem; }
.ticket-card > p { min-height: 3.1rem; margin: 0 0 1.35rem; line-height: 1.5; }
.ticket-card .button { width: 100%; margin-top: 1.35rem; text-align: center; }

.ticket-price-steps {
  display: grid;
  gap: 0;
  margin: auto 0 0;
  padding: 0;
  border-top: 1px solid rgba(70, 59, 44, .15);
  list-style: none;
}
.ticket-price-steps li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .62rem 0;
  border-bottom: 1px solid rgba(70, 59, 44, .12);
  color: #6a6259;
  font-family: var(--sans);
  font-size: .76rem;
}
.ticket-price-steps li strong { color: #4b4033; font-family: var(--sans); font-size: .82rem; }
.ticket-price-steps li.is-current { color: #167c76; font-weight: 700; }
.ticket-price-steps li.is-current::before { width: .42rem; height: .42rem; margin: .32rem -.35rem 0 0; background: #23a79f; border-radius: 50%; content: ""; }
.ticket-price-steps li.is-current strong { color: #167c76; }
.ticket-card.featured .ticket-price-steps { border-top-color: rgba(41, 36, 29, .18); }
.ticket-card.featured .ticket-price-steps li { border-bottom-color: rgba(41, 36, 29, .14); }

.ticket-fixed-note { display: grid; gap: .2rem; margin: auto 0 0; padding: 1rem 0; border-top: 1px solid rgba(70,59,44,.15); border-bottom: 1px solid rgba(70,59,44,.12); }
.ticket-fixed-note strong { color: #167c76; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.ticket-fixed-note span { color: #746b61; font-size: .76rem; }

@media (max-width: 820px) {
  .ticket-deadline-banner { grid-template-columns: 1fr auto; }
  .ticket-deadline-banner > div { grid-column: 1 / -1; padding: 0 0 1rem; border-right: 0; border-bottom: 1px solid rgba(177,125,45,.25); }
}
@media (max-width: 560px) {
  .ticket-deadline-banner { grid-template-columns: 1fr; gap: .85rem; padding: 1.15rem; }
  .ticket-deadline-banner > a { white-space: normal; }
  .ticket-card { padding: 1.55rem; }
  .ticket-card > p { min-height: 0; }
}