/* Keep the desktop ticket columns on mobile with readable, compact type. */
@media (max-width: 760px) {
  .ticket-two-column .reference-ticket,
  .home-scene .ticket-two-column .reference-ticket {
    width: calc(100% - 8px);
    justify-self: center;
    grid-template-columns: 14px minmax(0, 1.65fr) minmax(0, 1fr);
    border-width: 1px;
    border-radius: 9px;
    min-height: 0;
  }
  .ticket-two-column .reference-ticket::after {
    inset: 2px;
    border-radius: 6px;
  }
  .ticket-two-column .reference-ticket .ticket-stub {
    padding: 9px 2px;
    gap: 9px;
  }
  .ticket-two-column .reference-ticket .ticket-stub > span {
    font-size: 5px;
    letter-spacing: .08em;
  }
  .ticket-two-column .reference-ticket .ticket-stub > i {
    width: 8px;
    height: 32px;
  }
  .ticket-two-column .reference-ticket .ticket-left {
    padding: 11px 10px;
    gap: 7px;
    container-type: inline-size;
  }
  .ticket-two-column .reference-ticket .ticket-right {
    padding: 11px 8px;
    gap: 8px;
    border-top: 0;
  }
  .ticket-two-column .reference-ticket .price-label {
    font-size: clamp(8px, 1.9vw, 10px);
    letter-spacing: .08em;
  }
  .ticket-two-column .reference-ticket .ticket-left > .ticket-title-with-icon {
    gap: 6px;
    flex-wrap: nowrap;
  }
  .ticket-two-column .reference-ticket .ticket-title-with-icon h3,
  .home-scene .ticket-two-column .reference-ticket .ticket-title-with-icon h3 {
    font-size: clamp(25px, 7.1vw, 38px) !important;
    line-height: 1;
    -webkit-text-stroke-width: .2px;
    filter: drop-shadow(0 1px 0 #03070b);
  }
  .ticket-two-column .reference-ticket[data-ticket="groups"] .ticket-title-with-icon h3,
  .ticket-two-column .reference-ticket[data-ticket="sections"] .ticket-title-with-icon h3 {
    font-size: clamp(17px, 4.6vw, 25px) !important;
  }
  .ticket-two-column .reference-ticket .ticket-title-with-icon .chrome-detail-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .ticket-two-column .reference-ticket .ticket-benefit-list {
    font-size: clamp(11px, 2.8vw, 12px);
    line-height: 1.4;
  }
  .ticket-two-column .reference-ticket .ticket-restriction {
    font-size: clamp(8px, 2.1vw, 10px);
    line-height: 1.4;
    margin: 5px 0 0;
  }
  .ticket-two-column .reference-ticket .ticket-headliners {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: clamp(1px, .6cqw, 2px);
    font-size: clamp(5px, 3.5cqw, 8px);
    letter-spacing: .025em;
    padding-top: 6px;
    line-height: 1.4;
  }
  .ticket-two-column .reference-ticket .ticket-headliners > span { white-space: nowrap; }
  .ticket-two-column .reference-ticket .ticket-headliners > span + span::before {
    content: '·';
    margin-right: clamp(1px, .6cqw, 2px);
  }
  .ticket-two-column .reference-ticket .ticket-price-heading .price-row {
    flex-wrap: wrap;
    gap: 3px 5px;
  }
  .ticket-two-column .reference-ticket .ticket-price-heading .price-row strong,
  .home-scene .ticket-two-column .reference-ticket .ticket-price-heading .price-row strong {
    font-size: clamp(25px, 7.1vw, 38px);
    line-height: 1;
  }
  .ticket-two-column .reference-ticket .price-row s { font-size: clamp(11px, 3vw, 16px); }
  .ticket-two-column .reference-ticket .ticket-price-unit {
    font-size: clamp(8px, 1.9vw, 10px);
    margin-top: 3px;
  }
  .ticket-two-column .reference-ticket .ticket-pricing-details { gap: 4px; }
  .ticket-two-column .reference-ticket .ticket-pricing-details p,
  .ticket-two-column .reference-ticket .ticket-pricing-details .compact-ticket-saving {
    font-size: clamp(9px, 2.4vw, 11px);
    line-height: 1.35;
  }
  .ticket-two-column .reference-ticket .ticket-action .button {
    min-height: 36px;
    padding: 8px 3px;
    border-radius: 6px;
    font-size: clamp(9px, 2.3vw, 11px);
    letter-spacing: .025em;
  }
}