.plan-bonus,.plan-bonus-space{position:relative;min-height:60px;margin:0 0 24px}
.plan-bonus-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:10px 14px;text-align:left;background:#f2df92;color:#27321c;border:1px solid #fff0b2;box-shadow:3px 3px 0 #786f3b;font-family:var(--body);transition:background .16s,box-shadow .16s,transform .16s}
.plan-bonus-trigger strong{display:block;font-size:17px;line-height:1.4;font-weight:700}
.plan-bonus-trigger small{display:block;font-size:13px;line-height:1.5}
.bonus-info{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border:1px solid #647147;font:700 15px/1 var(--mono)}
.plan-bonus-trigger:hover,.plan-bonus-trigger[aria-expanded=true]{background:#fff0ad;box-shadow:2px 2px 0 #786f3b;transform:translate(1px,1px)}
.plan-bonus-trigger:focus-visible{outline:3px solid #f7e7a4;outline-offset:5px}
.price-card.featured .plan-bonus-trigger:focus-visible{outline-color:#293d1f}
.plan-bonus:has(.plan-bonus-trigger[aria-expanded=true]){z-index:5}
.price-card:has(.plan-bonus-trigger[aria-expanded=true]){z-index:5}
.bonus-explanation{position:absolute;top:calc(100% + 10px);left:-8px;width:calc(100% + 16px);z-index:5;padding:20px;background:#14251a;color:#d7eac4;border:1px solid #e1d08d;box-shadow:5px 6px 0 #050d0999;font:14px/1.65 var(--body);animation:bonus-enter .16s ease-out}
.bonus-explanation:before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.bonus-explanation>strong{display:block;color:#f2df92;font-size:16px;line-height:1.5}
.bonus-explanation p{margin:14px 0 0;color:#d7eac4;font:14px/1.65 var(--body)}
.bonus-explanation .bonus-calculation{padding:10px 0;border-block:1px solid #536447;color:#f2df92;font-weight:700}
.bonus-explanation small{display:block;margin-top:14px;color:#aabf98;font-size:12px;line-height:1.6}
@keyframes bonus-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.plan-bonus-trigger{padding:10px;gap:8px}.plan-bonus-trigger strong{font-size:16px}.bonus-explanation{padding:16px}}
@media(max-width:700px){.plan-bonus-space{display:none}.plan-bonus{margin-bottom:24px}.plan-bonus-trigger{padding:11px 13px}.plan-bonus-trigger strong{font-size:17px}.bonus-explanation{left:-6px;width:calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.plan-bonus-trigger{transition:none}.bonus-explanation{animation:none}}