.tickets-intro {
      padding-bottom:1rem;
      text-align:center;
  }

  .tickets-intro h1 {
      margin-bottom:0.75rem;
  }

  .tickets-kicker {
      margin-bottom:0.5rem;
      color:var(--theme-primary);
      font-weight:bold;
      letter-spacing:0.12em;
      text-transform:uppercase;
  }

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

  .tickets-grid {
      align-items:stretch;
  }

  .ticket-event-card {
      display:flex;
      flex-direction:column;
      overflow:hidden;
  }

  .ticket-event-image-wrap {
      position:relative;
      margin:-1.5rem -1.5rem 1.5rem;
      overflow:hidden;
  }

  .ticket-event-image {
      display:block;
      width:100%;
      aspect-ratio:16 / 9;
      object-fit:cover;
  }

  .ticket-event-status {
      position:absolute;
      right:0.75rem;
      bottom:0.75rem;
      padding:0.4rem 0.7rem;
      border-radius:999px;
      background:var(--theme-primary);
      color:var(--theme-text-on-primary, #fff);
      font-size:0.8rem;
      font-weight:bold;
  }

  .ticket-event-body {
      display:flex;
      flex:1;
      flex-direction:column;
  }

  .ticket-event-details {
      flex:1;
  }

  .ticket-event-address {
      margin-top:-0.5rem;
      padding-left:1.5rem;
      font-size:0.9rem;
      opacity:0.85;
  }

  .ticket-event-card .book-button {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:3.5rem;
      margin-top:1rem;
      text-align:center;
  }

  .tickets-private-card {
      max-width:850px;
      margin:0 auto;
      text-align:center;
  }

  .tickets-status,
  .tickets-empty {
      grid-column:1 / -1;
      text-align:center;
  }

  @media (max-width:700px) {
      .ticket-event-image-wrap {
          margin:-1rem -1rem 1rem;
      }

      .ticket-event-address {
          padding-left:0;
      }
  }