/* Belagra-style desktop side links. Mobile users retain the full footer social list. */
.mzd-floating-socials { display: none; }
@media (min-width: 1024px) {
  .mzd-floating-socials {
    position: fixed;
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: min(216px, 30vh);
    z-index: 48;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .mzd-floating-socials a {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #fff;
    background: #596d78;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 50%;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease;
  }
  .mzd-floating-socials a:hover { background: #405863; transform: translateY(-2px); }
  .mzd-floating-socials a:active { transform: translateY(0); background: #334954; }
  .mzd-floating-socials a:focus-visible { outline: 3px solid var(--orange,#F19000); outline-offset: 3px; box-shadow: 0 0 0 2px #14171a; }
  .mzd-floating-socials svg { width: 21px; height: 21px; fill: currentColor; }
  .mzd-floating-socials .floating-socials-telegram { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body:has(.modal-bg.open,.modal-overlay.open,dialog[open],.nav.open,.mega-menu.open) .mzd-floating-socials { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mzd-floating-socials a { transition: none; }
}