/* Bingo cards container */
.bingo-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0 auto;
}

/* Bingo card base */
.bingo-card {
  transition: all 0.3s ease;
}

.bingo-card-image-wrapper {
  width: 45%;
  min-width: 45%;
  min-height: 100%;
}

.bingo-card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 15px 0 0 15px;
}

.bingo-card-body {
  width: 55%;
}

/* Large screens: wider container for large banner */
@media (min-width: 1400px) {
  .bingo-cards-container {
    max-width: 1100px;
  }

  .bingo-card-image-wrapper {
    width: 70%;
    min-width: 70%;
  }

  .bingo-card-body {
    width: 30%;
  }
}

/* Small screens: vertical card, single column */
@media (max-width: 900px) {
  .bingo-cards-container {
    gap: 16px;
    max-width: none;
  }

  .bingo-card {
    flex-direction: column !important;
  }

  .bingo-card-image-wrapper {
    width: 100%;
    min-width: 100%;
    min-height: auto;
  }

  .bingo-card-image-wrapper img {
    border-radius: 15px 15px 0 0;
  }

  .bingo-card-body {
    width: 100%;
  }
}