/* Floating WhatsApp button: a true circle, 56px on desktop and 48px on phones,
   with the official glyph centred. Bottom corner, mirrored on the Arabic site. */
.m2-wa{position:fixed;z-index:65;inset-inline-end:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px));width:56px;height:56px;padding:0;border-radius:50%;display:grid;place-items:center;flex:none;box-sizing:border-box;background:#25D366;color:#fff;line-height:0;box-shadow:0 8px 24px rgba(0,0,0,.35);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.m2-wa svg{display:block;width:30px;height:30px}
.m2-wa:hover,.m2-wa:focus-visible{transform:scale(1.06);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.m2-wa:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Tooltip with the label, beside the button (desktop only). */
.m2-wa::before{content:attr(data-tip);position:absolute;inset-inline-end:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 12px;border-radius:6px;background:rgba(0,0,0,.85);color:#fff;font:500 13px/1 var(--m2-body,sans-serif);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}
.m2-wa:hover::before,.m2-wa:focus-visible::before{opacity:1}
html.mnav-open .m2-wa{display:none}
/* Keep the hero buttons clear of the button (they sit in the same bottom-right corner). */
@media (min-width:900px){.m2-hero-row{padding-inline-end:76px}}
@media (max-width:767px){
  .m2-wa{width:48px;height:48px}
  .m2-wa svg{width:26px;height:26px}
  .m2-wa::before{display:none}
}
@media print{.m2-wa{display:none}}