/* ==========================================================================
   c-bonus — Figma: bonus-row / bonus-card（セット契約の特典バナー。01_Top・02_Management 等で共通）
   PC: 横並び・中央寄せ / SP: 縦積み・左寄せ（テキスト renewal/JP/Label/18/Bold）
   ========================================================================== */

.c-bonus {
  padding: var(--space-32) var(--space-24);
  background: var(--gradient-primary);
}

.c-bonus__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-16);
}

.c-bonus__text {
  color: var(--color-text-inverse);
}

@media (max-width: 1023px) {

  .c-bonus {
    padding: var(--space-24) var(--space-16);
  }

  .c-bonus__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-8);
  }

  .c-bonus__text {
    font-size: 1.125rem; /* SP: renewal/JP/Label/18/Bold（tokens.css .t-jp-label-18-bold） */
    line-height: calc(30 / 18);
  }
}