.contact-dock{--contact-whatsapp-bg:#128c7e;--contact-telegram-bg:#0088cc;--contact-icon:#ffffff;--contact-size:56px;position:fixed;right:max(var(--s-5),env(safe-area-inset-right));bottom:max(var(--s-5),env(safe-area-inset-bottom));z-index:30;display:flex;flex-direction:column;gap:var(--s-3)}
.contact-button{position:relative;display:grid;place-items:center;width:var(--contact-size);height:var(--contact-size);border-radius:50%;box-shadow:0 var(--s-1) var(--s-4) var(--shadow);text-decoration:none;transition:transform var(--motion),box-shadow var(--motion)}
.contact-whatsapp{background:var(--contact-whatsapp-bg)}
.contact-telegram{background:var(--contact-telegram-bg)}
.contact-button img{width:var(--s-7);height:var(--s-7);display:block}
.contact-button:hover,.contact-button:focus-visible{transform:translateY(calc(-1 * var(--s-1))) scale(1.06);box-shadow:0 var(--s-2) var(--s-6) var(--shadow)}
.contact-button:focus-visible{outline:var(--line-thick) solid var(--focus);outline-offset:var(--s-1)}
.contact-button:active{transform:scale(.96)}
.contact-tooltip{position:absolute;right:calc(100% + var(--s-3));padding:var(--s-2) var(--s-3);border-radius:var(--radius);background:var(--text);color:var(--surface);font-size:var(--fs-small);line-height:1.4;white-space:nowrap;opacity:0;transform:translateX(var(--s-1));pointer-events:none;transition:opacity var(--motion),transform var(--motion)}
.contact-button:hover .contact-tooltip,.contact-button:focus-visible .contact-tooltip{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.contact-button,.contact-tooltip{transition:none}.contact-button:hover,.contact-button:focus-visible,.contact-button:active{transform:none}}