/* merc.in buddy (27-Oct-2026): same as app.merc.in - mascot bottom-right, tap = WhatsApp, back-to-top arrow. Lifts above the cookie bar (buddy.js). */
#mx-buddy{position:fixed;left:auto;right:18px;bottom:16px;z-index:70;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;pointer-events:none;transition:opacity .3s,transform .3s}
#mx-buddy.mx-hide{opacity:0;transform:translateY(20px)}
#mx-buddy .mx-wa{position:relative;display:block;pointer-events:auto;line-height:0;border-radius:18px;text-decoration:none}
#mx-buddy .mx-wa:focus-visible{outline:3px solid #1F3A75;outline-offset:4px}
#mx-buddy .mx-wa>svg{width:96px;height:auto;cursor:pointer;filter:drop-shadow(0 8px 14px rgba(24,31,47,.18));animation:mxBob 3.2s ease-in-out infinite}
#mx-buddy .mx-wa-badge{position:absolute;right:4px;top:2px;width:28px;height:28px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(24,31,47,.2);pointer-events:none}
#mx-buddy .mx-wa-badge svg{width:16px;height:16px;fill:#fff;animation:none;filter:none}
#mx-buddy .mx-bubble{pointer-events:auto;max-width:230px;margin-bottom:44px;background:#fff;color:#181F2F;border:1px solid #E2E7F3;border-radius:16px 16px 4px 16px;padding:10px 30px 10px 13px;font:500 13px/1.35 Poppins,system-ui,sans-serif;box-shadow:0 10px 26px rgba(24,31,47,.12);position:relative;transition:opacity .25s,transform .25s}
#mx-buddy .mx-bubble[hidden]{display:none}
#mx-buddy .mx-bubble.mx-swap{opacity:0;transform:translateY(6px)}
#mx-buddy .mx-bubble a{display:inline-block;margin-top:5px;color:#1F3A75;font-weight:600;text-decoration:none}
#mx-buddy .mx-x{position:absolute;right:6px;top:4px;border:0;background:none;color:#8C96AE;font-size:16px;cursor:pointer;line-height:1;padding:4px}
#mx-arm{transform-origin:86px 78px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
#mx-lids rect{transform-origin:center;transform-box:fill-box;transform:scaleY(0);animation:mxBlink 4.6s infinite}
#mx-buddy.mx-hop .mx-wa>svg{animation:mxHop .5s ease}
@keyframes mxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mxHop{0%{transform:translateY(0)}40%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes mxBlink{0%,92%,100%{transform:scaleY(0)}95%{transform:scaleY(1)}}
#mx-top{position:fixed;right:44px;bottom:150px;z-index:71;width:44px;height:44px;border-radius:50%;background:#1F3A75;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(23,45,92,.28);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s,background .15s;text-decoration:none}
#mx-top.mx-show{opacity:1;transform:none;pointer-events:auto}
#mx-top:hover{background:#172D5C}
#mx-top:focus-visible{outline:3px solid #1F3A75;outline-offset:3px}
#mx-top svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){
#mx-buddy{left:auto;right:10px;bottom:10px}
#mx-buddy .mx-wa>svg{width:64px}
#mx-buddy .mx-wa-badge{width:22px;height:22px;right:0;top:0}
#mx-buddy .mx-wa-badge svg{width:13px;height:13px}
#mx-buddy .mx-bubble{max-width:180px;font-size:12px;margin-bottom:34px}
#mx-buddy.mx-quiet{transform:translateX(0)}
#mx-buddy.mx-quiet .mx-bubble{opacity:0;pointer-events:none;transform:translateY(6px)}
#mx-top{right:22px;bottom:100px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){#mx-buddy .mx-wa>svg,#mx-lids rect{animation:none!important}#mx-arm{transition:none}#mx-top{transition:none}}
@media print{#mx-buddy,#mx-top{display:none!important}}
/* the pages' own older back-to-top button (#toTop) - the mascot's arrow replaces it wherever the mascot shows */
#toTop{display:none!important}

/* 27-Oct-2026 (Hemant): phones show only a standalone WhatsApp button; the buddy + WhatsApp combo stays on desktop/tablet */
#mx-wa-fab{display:none;position:fixed;right:16px;bottom:16px;z-index:70;width:56px;height:56px;border-radius:50%;background:#25D366;place-items:center;box-shadow:0 8px 20px rgba(24,31,47,.25);text-decoration:none;transition:bottom .3s}
#mx-wa-fab .mx-wa-badge{display:grid;place-items:center;width:100%;height:100%}
#mx-wa-fab .mx-wa-badge svg{width:30px;height:30px;fill:#fff}
#mx-wa-fab:focus-visible{outline:3px solid #1F3A75;outline-offset:3px}
@media(max-width:640px){#mx-buddy{display:none!important}#mx-wa-fab{display:grid}#mx-top{right:24px;bottom:86px}}
@media print{#mx-wa-fab{display:none!important}}
