/* «СТАММИТ» on a computer screen: the section carousel was sized for a phone (card width 64vw), so on a 1440 px
   monitor the «Билеты» card grew to ~920×1230 px and the next card was cut by the window edge. From 900 px the cards keep
   a phone-like size, the active one is centred and the neighbours fade out at the sides. The carousel logic (the centred
   card is the active one) stays as it is, so a click behaves exactly as on a phone.
   Phones and tablets keep the existing rules (assets/stammit-carousel-center-*.css). */
@media (min-width: 900px) {
  [data-testid="stammit-section-carousel"] {
    padding-inline: calc(50% - 150px) !important;
    gap: 16px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
  }
  [data-testid="stammit-section-carousel"] > button {
    width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px;
  }
  [data-testid="stammit-section-carousel"] > button[class*="scale-[0.82]"] {
    opacity: .6;
  }
  /* the speakers rail has the same phone sizing */
  [data-testid="stammit-speakers-page"] div:has(> button[data-speaker-index]) {
    padding-inline: calc(50% - 150px) !important;
  }
  [data-testid="stammit-speakers-page"] button[data-speaker-index] {
    width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px;
  }
}