/* Separate ticket choices from the event background without changing controls. */
@media (max-width: 767px) {
  #app .zone-ticket {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 16px;
    margin: 0 0 16px;
    border: 1px solid rgba(178, 170, 218, .4);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(153, 140, 208, .16), rgba(153, 140, 208, .08));
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
  }
  #app .zone-ticket:has(> .zone-ticket__main > .zone-ticket__price) {
    padding: 20px 16px;
    margin: 0 0 16px;
    column-gap: 12px;
  }
  #app .zone-ticket__main > .zone-ticket__title { color: #fff; }
  #app .zone-ticket__main > .zone-ticket__price { color: #fff; }
  #app .zone-ticket:focus-within { border-color: #a294ff; }
}