.bonus-blocks {
  --bb-bg: #0f172a;
  --bb-text: #ffffff;
  --bb-accent: #22d3ee;
  --bb-card: #111c31;
  background: var(--bb-bg);
  color: var(--bb-text);
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 4vw, 2rem);
  box-sizing: border-box;
}

.bonus-blocks *,
.bonus-blocks *::before,
.bonus-blocks *::after {
  box-sizing: border-box;
}

.bonus-blocks__head {
  max-width: 62rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.bonus-blocks__title {
  margin: 0 0 0.45rem;
  font-size: clamp(1.3rem, 3.2vw, 2rem);
  font-weight: 800;
}

.bonus-blocks__sub {
  margin: 0;
  font-size: clamp(0.9rem, 2vw, 1.02rem);
  opacity: 0.88;
}