/* Bonus banner block (BEM: bonus-banner) */
.bonus-banner {
  position: relative;
  background-image: var(--bonus-banner-bg);
  background-size: cover;
  background-position: center;
  border-radius: var(--radius);
  overflow: hidden;
  padding-block: 3rem;
  text-align: center;
}
.bonus-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 16, 12, 0.35) 0%, rgba(11, 16, 12, 0.85) 100%);
}
.bonus-banner__inner { position: relative; z-index: 1; max-width: 40rem; margin-inline: auto; }
.bonus-banner__label { color: var(--color-white); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
.bonus-banner__amount { color: var(--color-heading-accent); font-size: clamp(2rem, 5vw, 3rem); font-weight: var(--fw-extrabold); margin-bottom: 0.5rem; }
.bonus-banner__text { color: var(--color-text); margin-bottom: 1.5rem; }