.megabonk-product{--product-accent:#f6ba67;--product-accent-hover:#ffd396}
.megabonk-cover{margin:0;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}
.megabonk-cover img{display:block;width:100%;height:auto}
.megabonk-product .price-display{text-align:center}.megabonk-product .price-note{margin-bottom:24px}
.megabonk-product .purchase-btn{gap:12px}.megabonk-back{display:block;text-align:center;margin-top:24px;color:var(--text-secondary);text-decoration:none;font-size:13px}.megabonk-back:hover{color:var(--product-accent)}
.megabonk-product .main-content{min-height:calc(100vh - 130px)}
@media(prefers-reduced-motion:reduce){.megabonk-product *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.megabonk-product #freeKeyModal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:#fff}
.megabonk-product #freeKeyModal[open]{display:flex;align-items:center;justify-content:center}
.megabonk-product #freeKeyModal::backdrop{background:transparent}
.megabonk-product #freeKeyModal .freekey-modal{position:relative}
.megabonk-product #freeKeyModal .freekey-modal-close{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}
.megabonk-product #freeKeyModal .freekey-step{display:flex;align-items:flex-start}
.megabonk-product #freeKeyModal .freekey-step-num{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.megabonk-product #freeKeyModal .freekey-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.megabonk-product #freeKeyModal .freekey-tip{display:flex;align-items:flex-start;gap:10px}
.megabonk-product #freeKeyModal .freekey-tip svg{flex-shrink:0}