/* bonus-banner.css — полная ширина */
.bonus-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  clip-path: var(--clip-cut);
  margin-block: var(--space-section);
  min-height: clamp(220px, 30vw, 300px);
  display: flex;
  align-items: center;
}
.bonus-banner__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.bonus-banner__overlay {
  position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(circle at 30% 50%, rgba(0,156,169,0.35), transparent 60%), linear-gradient(180deg, rgba(18,18,18,0.55), rgba(18,18,18,0.8));
}
.bonus-banner__inner { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; padding-block: 36px; width: 100%; }
.bonus-banner__title { color: var(--color-white); font-weight: var(--fw-btn); font-size: clamp(1.1rem, 2.4vw, 1.5rem); margin: 0; text-transform: uppercase; letter-spacing: 1px; }
.bonus-banner__amount { color: var(--color-heading); font-weight: var(--fw-head); font-size: clamp(1.8rem, 5vw, 3rem); margin: 0; line-height: 1.1; }
.bonus-banner__note { color: var(--color-text); margin: 0; max-width: 50ch; }
.bonus-banner__cta { margin-top: 8px; }