/* bonus-card.css */
.bonus-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-card-gap);
  margin-top: var(--space-h2-text);
}
@media (min-width: 560px) { .bonus-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .bonus-grid { grid-template-columns: repeat(4, 1fr); } }

.bonus-card {
  display: flex;
  flex-direction: column;
  background: var(--color-card);
  border-radius: var(--radius-md);
  overflow: hidden;
}
/* Bonus images displayed fully (no cropping) */
.bonus-card__img-wrap { background: var(--color-bg-dark); padding: 0.5rem; }
.bonus-card__img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: var(--radius-sm);
}
.bonus-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: var(--space-card-padding);
  flex: 1;
}
.bonus-card__title { margin: 0; color: var(--color-heading); font-size: 1.15rem; }
.bonus-card__text { margin: 0; flex: 1; font-size: var(--fs-small); }
.bonus-card__btn { margin-top: 0.5rem; }