.mobile-contact{position:fixed;z-index:9999;right:24px;bottom:24px;min-width:202px;height:64px;padding:0 17px 0 12px;display:flex;align-items:center;gap:12px;background:#111820;color:#fff!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 42px rgba(3,8,12,.3);text-decoration:none;border-radius:6px;transition:transform .22s ease,box-shadow .22s ease}
.mobile-contact:hover{transform:translateY(-4px);box-shadow:0 21px 48px rgba(3,8,12,.38)}
.mobile-contact .wa-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.12)}
.mobile-contact .wa-mark svg{width:25px;height:25px;fill:#fff}
.mobile-contact>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.mobile-contact small{font:7px "Courier New",monospace;letter-spacing:.16em;color:#25d366}
.mobile-contact strong{font:700 13px Arial,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.mobile-contact>b{margin-left:auto;color:#d9ff43;font-size:19px;font-weight:400}
@media(max-width:760px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .mobile-contact{position:fixed;z-index:9999;left:14px;right:14px;bottom:calc(13px + env(safe-area-inset-bottom,0px));height:62px;padding:0 18px 0 12px;display:flex;align-items:center;gap:12px;background:#111820;color:#fff!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 35px rgba(3,8,12,.28);text-decoration:none;border-radius:4px;-webkit-tap-highlight-color:transparent}
  .mobile-contact:active{transform:translateY(1px)}
  .mobile-contact .wa-mark{width:40px;height:40px;flex-basis:40px}
  .mobile-contact>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
  .mobile-contact small{font:7px "Courier New",monospace;letter-spacing:.16em;color:#25d366}
  .mobile-contact strong{font:700 13px Arial,sans-serif;letter-spacing:-.01em}
  .mobile-contact>b{margin-left:auto;color:#d9ff43;font-size:19px;font-weight:400}
}