html.contacts-modal-open{overflow:hidden}
.site-footer [data-contacts]{display:inline-block;padding-block:10px}
.site-footer [data-contacts]:focus-visible,.contacts-dialog :focus-visible{outline:3px solid #c7643d;outline-offset:3px}
.contacts-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:2px solid #436854;background:#fff7e1;color:#333c31;box-shadow:5px 5px #243d3244;font:inherit;font-family:TazikPixel,monospace;overflow:auto}
.contacts-dialog::backdrop{background:#1b2a2170;backdrop-filter:blur(5px)}
.contacts-dialog h2{font-size:17px;line-height:1.6;margin:0 48px 22px 0;overflow-wrap:anywhere}
.contacts-dialog p{font-size:12px;line-height:1.9;margin:0 0 24px}
.contacts-dialog .contacts-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:12px;border:2px solid #436854;background:#fff7e1;color:#333c31;cursor:pointer}
.contacts-close svg{display:block;width:16px;height:16px;fill:currentColor;shape-rendering:crispEdges}
.contacts-dialog .contacts-telegram{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:14px 8px;border:2px solid #333c31;background:#436854;color:#fff7e1;box-shadow:3px 3px #d3c5a5;font:inherit;font-size:12px;line-height:1.7;text-decoration:none;overflow-wrap:anywhere}
.contacts-dialog .contacts-telegram:hover{background:#355342}
.contacts-dialog .contacts-channel-intro{margin:28px 0 0;padding-top:20px;border-top:2px solid #d3c5a5}
.contacts-dialog .contacts-channel{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;color:#436854;font-size:12px;line-height:1.8;text-underline-offset:4px}
@media(max-width:390px){.contacts-dialog{padding:24px 18px}.contacts-dialog h2{font-size:14px}.contacts-dialog p,.contacts-dialog .contacts-telegram{font-size:11px}}