.mobile-contact{display:none}
@media(max-width:650px){
  html{scroll-padding-bottom:calc(var(--cookie-space,0px) + 96px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:calc(var(--cookie-space,0px) + 88px + env(safe-area-inset-bottom,0px))}
  .mobile-contact{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:35;align-items:center;gap:18px;min-height:56px;max-width:calc(100vw - 36px);padding:9px 10px 9px 23px;background:var(--blue);color:#fff;border:1px solid #ffffff52;border-radius:36px;box-shadow:0 6px 28px #10233140,0 0 0 4px #ffffff20;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .2s,background-color .3s,color .3s,box-shadow .2s}
  .show-mobile-contact .mobile-contact{display:inline-flex}
  .mobile-contact>span:first-child{min-width:0;overflow-wrap:anywhere}
  .mobile-contact-arrow{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff1f}
  .mobile-contact .icon{width:18px;height:18px;transition:transform .2s}
  .mobile-contact:hover{box-shadow:0 8px 32px #10233155,0 0 0 4px #ffffff30}
  .mobile-contact:hover .icon{transform:translate(2px,-2px)}
  .mobile-contact:active{transform:scale(.97)}
  .mobile-contact:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
  [data-colour-mode=dark] .mobile-contact{background:#b8d8eb;color:#132f41;border-color:#e4f1f8;box-shadow:0 6px 28px #0006,0 0 0 4px #b8d8eb17}
  [data-colour-mode=dark] .mobile-contact-arrow{background:#17344715}
  body:has(dialog[open],[data-cookie-banner]:not([hidden]),.contact-form-panel:focus-within) .mobile-contact{display:none}
}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){.mobile-contact{animation:mobile-contact-in .35s ease-out}@keyframes mobile-contact-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.mobile-contact,.mobile-contact .icon{transition:none}}
@media(forced-colors:active){.mobile-contact{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}.mobile-contact:focus-visible{outline-color:Highlight}}
