/* Comic Videos AI · page polish: bonus cards */
.bonuses .bonus{grid-template-columns:120px 1fr;gap:20px;padding:20px 22px;align-items:center}
.bonuses .bonus .b-n{font-size:66px}
.bonuses .bonus .b-txt{gap:8px;align-content:center}
.bonuses .bonus .b-txt h3{font-size:clamp(19px,1.6vw,22px);line-height:1.25;letter-spacing:-.01em}
.bonuses .bonus .b-txt .b-sub{display:block;font-size:15.5px;line-height:1.3;margin-top:4px}
.bonuses .bonus .b-desc{font-size:15px;line-height:1.55}
/* value tag hugs its text instead of stretching across the card */
.bonuses .bonus .b-val{justify-self:start;align-self:start;width:max-content;max-width:100%;margin-top:6px;padding:8px 18px;font-size:16px;letter-spacing:.05em}
@media (max-width:760px){
  .bonuses .bonus{grid-template-columns:86px 1fr;gap:14px;padding:16px}
  .bonuses .bonus .b-n{font-size:48px}
  .bonuses .bonus .b-txt h3{font-size:18px}
  .bonuses .bonus .b-txt .b-sub{font-size:14px}
  .bonuses .bonus .b-desc{font-size:14px}
  .bonuses .bonus .b-val{font-size:14px;padding:7px 14px}
}