/* Bonus banner block */
.bonus-banner {
    position: relative;
    border-radius: var(--radius-card);
    overflow: hidden;
    min-height: 260px;
    display: flex;
    align-items: center;
}
.bonus-banner__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.bonus-banner__overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(90deg, rgba(23,5,29,0.95) 10%, rgba(23,5,29,0.55) 60%, rgba(23,5,29,0.25) 100%);
}
.bonus-banner__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding-block: clamp(2rem, 6vw, 3rem);
}
.bonus-banner__label { color: var(--color-heading-gold); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.85rem; }
.bonus-banner__amount { color: var(--color-white); font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem); font-weight: var(--font-weight-extrabold); }
.bonus-banner__text { color: var(--color-text-main); max-width: 40ch; }
.bonus-banner__cta { margin-block-start: 0.5rem; }

@media (min-width: 768px) {
    .bonus-banner__inner { text-align: left; justify-items: start; max-width: 30rem; }
}