.mg-retention-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mg-retention-modal.is-open{opacity:1;visibility:visible}.mg-retention-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;border:0;cursor:pointer}.mg-retention-modal__dialog{position:relative;width:min(100%,440px);background:linear-gradient(160deg,#141414,#0a0a0a);border:1px solid #2a2a2a;border-radius:16px;padding:1.75rem;color:#f5f5f5;box-shadow:0 24px 80px #00000073;transform:translateY(12px);transition:transform .3s ease}.mg-retention-modal.is-open .mg-retention-modal__dialog{transform:translateY(0)}.mg-retention-modal__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:0;border-radius:50%;background:#222;color:#aaa;font-size:1.25rem;line-height:1;cursor:pointer}.mg-retention-modal__close:hover{background:#333;color:#fff}.mg-retention-modal__badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;background:#f5c518;padding:.25rem .6rem;border-radius:999px;margin-bottom:.75rem}.mg-retention-modal__title{margin:0 0 .5rem;font-size:1.45rem;font-weight:900;line-height:1.2}.mg-retention-modal__title span{color:#f5c518}.mg-retention-modal__text{margin:0 0 1rem;color:#aaa;font-size:.9rem;line-height:1.5}.mg-retention-modal__perks{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.45rem}.mg-retention-modal__perks li{font-size:.82rem;color:#ccc;padding-left:1.25rem;position:relative}.mg-retention-modal__perks li:before{content:"\2713";position:absolute;left:0;color:#f5c518;font-weight:700}.mg-retention-form{display:grid;gap:.65rem}.mg-retention-form__row{display:flex;gap:.5rem}.mg-retention-form__input{flex:1;min-width:0;border:1px solid #333;border-radius:8px;background:#111;color:#fff;padding:.75rem .9rem;font-size:.9rem}.mg-retention-form__input:focus{outline:2px solid #f5c518;outline-offset:1px}.mg-retention-form__btn{border:0;border-radius:8px;background:#c41e3a;color:#fff;font-weight:700;font-size:.85rem;padding:.75rem 1rem;cursor:pointer;white-space:nowrap}.mg-retention-form__btn:hover{background:#a01830}.mg-retention-form__note{margin:0;font-size:.72rem;color:#666}.mg-retention-form__msg{margin:0;font-size:.82rem}.mg-retention-form__msg--ok{color:#6fcf97}.mg-retention-form__msg--err{color:#ff6b6b}.mg-retention-hub{background:#0a0a0a;color:#f5f5f5;padding:3rem 1.25rem}.mg-retention-hub__inner{max-width:1100px;margin:0 auto}.mg-retention-hub__header{text-align:center;margin-bottom:2rem}.mg-retention-hub__badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;background:#f5c518;padding:.3rem .7rem;border-radius:999px;margin-bottom:.75rem}.mg-retention-hub__title{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.mg-retention-hub__title span{color:#f5c518}.mg-retention-hub__sub{margin:0 auto;max-width:560px;color:#888;font-size:.95rem}.mg-retention-hub__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.mg-retention-hub__tier{background:#141414;border:1px solid #222;border-radius:12px;padding:1.25rem}.mg-retention-hub__tier-num{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f5c518;margin-bottom:.5rem}.mg-retention-hub__tier h3{margin:0 0 .5rem;font-size:1rem}.mg-retention-hub__tier p{margin:0;color:#777;font-size:.82rem;line-height:1.45}.mg-retention-hub__signup{max-width:640px;margin:0 auto;background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:1.5rem;text-align:center}.mg-retention-hub__signup h3{margin:0 0 .35rem;font-size:1.1rem}.mg-retention-hub__signup p{margin:0 0 1rem;color:#888;font-size:.85rem}.mg-retention-hub__wa{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:#6fcf97;font-size:.85rem;font-weight:600;text-decoration:none}.mg-retention-hub__wa:hover{color:#fff}@media(max-width:800px){.mg-retention-hub__grid{grid-template-columns:1fr}.mg-retention-form__row{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mg-retention.css.map */