/* Keep the desktop header intact. Contact destinations are configured at build time. */
.dp-mobile-contacts { display: none; }
header.header .header-bottom .right .socials ul { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; }
header.header .header-bottom .right .socials li { margin:0; }
header.header .header-bottom .right .socials a { display:grid; place-items:center; min-width:30px; min-height:40px; }
header.header .header-bottom .right .socials img { width:30px; height:30px; object-fit:contain; }
section.free-options .socials-wrapper .socials ul { display:flex; flex-wrap:wrap; gap:10px; }
section.free-options .socials-wrapper .socials li { margin:0; }
section.free-options .socials-wrapper .socials a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:8px 12px; border:1px solid #dddcd6; border-radius:9px; background:#fff; color:#303338; font-size:14px; text-decoration:none; }
section.free-options .socials-wrapper .socials img { width:26px; height:26px; margin:0; object-fit:contain; }
section.free-options .socials-wrapper .socials span { display:inline; }
@media (max-width: 1199px) {
  header.header .header-bottom .right .socials { display: none !important; }
  .dp-mobile-contacts {
    position: fixed;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 90;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 58px;
    padding: 6px;
    border: 1px solid #e5e1d9;
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 5px 22px #202e3421;
  }
  .dp-mobile-contacts .dp-messenger {
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .dp-mobile-contacts .dp-messenger img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0;
    object-fit: contain;
  }
  .dp-mobile-contacts .dp-messenger:focus-visible {
    outline: 3px solid #244753;
    outline-offset: 3px;
  }
  .dp-mobile-contacts .dp-messenger:active { transform: scale(.94); }
  .dp-mobile-contacts .dp-messenger-max {
    background: transparent;
  }
  body.no-scroll .dp-mobile-contacts,
  body.ip-gallery-open .dp-mobile-contacts,
  body:has(#mobileMenu.show, .modal-wrapper.show, dialog[open]) .dp-mobile-contacts {
    visibility: hidden;
    pointer-events: none;
  }
}
