/* 12b — bilety: warianty szerokości.
   Źródło: makieta style.css l. 1234–1236, 1241–1243, 1247–1252,
   1419, 1542–1556, 1618–1629. */

@media (max-width: 1100px) {
  .booking-grid {
    gap: 35px;
  }
  .ticket-price > strong {
    font-size: 3.1rem;
  }
  .booking-card {
    padding: 25px;
  }
  .booking-heading {
    flex-direction: column;
  }
}
@media (max-width: 760px) {
  .booking-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .booking-heading {
    flex-direction: row;
  }
  .price-tier > span {
    font-size: 0.75rem;
  }
  .booking-card {
    padding: 26px;
  }
  .ticket-price > strong {
    font-size: 3.5rem;
  }
}
@media (max-width: 380px) {
  .booking-card {
    padding: 20px;
  }
  .booking-heading {
    font-size: 0.75rem;
  }
  .price-tier > strong {
    font-size: 0.8125rem;
  }
  .ticket-price > strong {
    font-size: 3rem;
  }
}