.mt-reader-engagement,
.mt-push-invitation {
    --mt-push-red: #b70824;
    --mt-push-green: #087d68;
    --mt-push-ink: #17191b;
    font-family: inherit;
}

.mt-reader-engagement {
    margin: 0 0 28px;
    padding: 20px;
    background: linear-gradient(135deg, #fff8e8 0%, #fff 70%);
    border: 1px solid #eadfc6;
    border-left: 4px solid #d49b13;
}
.mt-reader-engagement__copy > span { display: block; margin-bottom: 5px; color: #8b5a00; font-size: 10px; line-height: 1.2; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.mt-reader-engagement__copy > strong { display: block; color: var(--mt-push-ink); font-size: 19px; line-height: 1.4; }
.mt-reader-engagement__copy > p { margin: 6px 0 15px; color: #555e64; font-size: 12px; line-height: 1.6; }
.mt-reader-engagement__actions,
.mt-push-invitation__actions { display: flex; flex-wrap: wrap; gap: 9px; }
.mt-reader-engagement > small,
.mt-push-invitation > small { display: block; margin-top: 10px; color: #6c7277; font-size: 9px; line-height: 1.5; }

.mt-engagement-button { min-height: 44px; padding: 10px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff !important; border: 0; border-radius: 3px; text-decoration: none !important; cursor: pointer; font: 700 12px/1.2 inherit; }
.mt-engagement-button b { font: inherit; }
.mt-engagement-push { background: var(--mt-push-red); }
.mt-engagement-whatsapp { background: var(--mt-push-green); }
.mt-engagement-button:hover { color: #fff !important; filter: brightness(.92); }
.mt-engagement-button:disabled,
.mt-engagement-button.is-disabled { cursor: not-allowed; opacity: .68; filter: grayscale(.15); }
.mt-engagement-push.is-enabled { background: #3d4850; }

.mt-push-invitation-backdrop { position: fixed; z-index: 99996; inset: 0; background: rgba(10, 13, 15, .54); backdrop-filter: blur(2px); }
.mt-push-invitation-backdrop[hidden],
.mt-push-invitation[hidden] { display: none !important; }
.mt-push-invitation { position: fixed; z-index: 99997; left: 50%; bottom: max(18px, env(safe-area-inset-bottom)); width: min(calc(100% - 28px), 540px); padding: 25px; color: var(--mt-push-ink); background: #fff; border-top: 5px solid var(--mt-push-red); box-shadow: 0 22px 65px rgba(0, 0, 0, .28); transform: translateX(-50%); }
.mt-push-invitation__close { position: absolute; right: 10px; top: 9px; width: 40px; height: 40px; display: grid; place-items: center; color: #333; background: transparent; border: 0; cursor: pointer; font: 400 28px/1 sans-serif; }
.mt-push-invitation__eyebrow { display: block; padding-right: 35px; color: var(--mt-push-red); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.mt-push-invitation h2 { margin: 6px 38px 7px 0; color: var(--mt-push-ink); font-size: clamp(23px, 5vw, 31px); line-height: 1.25; }
.mt-push-invitation p { margin: 0 0 17px; color: #555e64; font-size: 13px; line-height: 1.6; }
body.mt-invitation-open { overflow: hidden; }

@media (max-width: 520px) {
    .mt-reader-engagement { padding: 17px; }
    .mt-reader-engagement__actions,
    .mt-push-invitation__actions { display: grid; grid-template-columns: 1fr; }
    .mt-engagement-button { width: 100%; }
    .mt-push-invitation { bottom: 0; width: 100%; padding: 22px 18px calc(20px + env(safe-area-inset-bottom)); border-radius: 0; }
}

@media (prefers-reduced-motion: no-preference) {
    .mt-push-invitation:not([hidden]) { animation: mt-invitation-up .24s ease-out; }
    @keyframes mt-invitation-up { from { opacity: 0; transform: translate(-50%, 22px); } to { opacity: 1; transform: translate(-50%, 0); } }
}