.mobile-contact-fab{display:none}
#mobile-contact-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:30px 22px 24px;border:1px solid #e4e4ef;border-radius:20px;background:#fff;color:#17171d;box-shadow:0 24px 80px #08072033;overflow:auto;font-family:Manrope,Arial,sans-serif}
#mobile-contact-dialog::backdrop{background:rgba(14,13,30,.55);backdrop-filter:blur(5px)}
#mobile-contact-dialog h2{margin:0 30px 8px 0;font:600 25px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.6px}
#mobile-contact-dialog>p{margin:0 0 24px;font-size:14px;line-height:1.5;color:#676775}
#mobile-contact-dialog .mobile-contact-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;font:28px/1 Arial;color:#555;cursor:pointer}
.mobile-contact-options{display:grid;grid-template-columns:1fr;gap:10px}
#mobile-contact-dialog .mobile-contact-option{display:flex;align-items:center;gap:16px;padding:15px 18px;min-height:56px;border:1px solid #e4e4ef;border-radius:10px;background:#f8f8ff;color:#17171d;text-decoration:none;font-size:16px;font-weight:600;line-height:1.3}
#mobile-contact-dialog .mobile-contact-option:first-child{background:#eef2ff;border-color:#cdd9ff}
#mobile-contact-dialog .mobile-contact-option .icon{display:block;flex:0 0 24px;width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat}
.mobile-contact-option small{display:block;margin-top:4px;font-size:13px;font-weight:400;color:#676775}
#mobile-contact-dialog a:focus-visible,#mobile-contact-dialog button:focus-visible,.mobile-contact-fab:focus-visible{outline:3px solid #315fff;outline-offset:3px}
@media(max-width:767px){.mobile-contact-fab{display:flex;align-items:center;justify-content:center;position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:950;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;background:#2d5fff;color:white;box-shadow:0 6px 22px #204ae035;cursor:pointer}body:has(dialog[open]) .mobile-contact-fab,body:has(.mobile-nav.is-open) .mobile-contact-fab{visibility:hidden}}
.mobile-contact-fab{padding:0}.mobile-contact-fab>svg{display:block;flex:0 0 25px;width:25px;height:25px}

/* Keep both floating controls on one baseline, including iPhone safe areas. */
@media(max-width:767px){.back-top,.mobile-contact-fab{width:52px;height:52px;bottom:calc(20px + env(safe-area-inset-bottom))}.back-top{right:max(16px,env(safe-area-inset-right))}}
html[data-input-method="pointer"] :is(a,button,summary,[role="button"]):focus{outline:none!important}

/* The existing UniTalk tracker remains active; use the site's own mobile contact picker. */
@media(max-width:767px){body:has(.mobile-contact-fab) [class~="ButtonContainer(list)"],body:has(.mobile-contact-fab) [class~="Content(list)"]{display:none!important}}