#desktop-contact-toggle, #desktop-contact-close { display: none; }
@media (min-width: 768px) {
  #contact { position: fixed; z-index: 70; inset: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100vh; max-height: none; padding: 24px; overflow-y: auto; background: rgba(15, 23, 42, .62); }
  #contact.is-open { display: flex; }
  #contact > .container { width: min(540px, 100%); max-width: none; padding: 0; }
  #contact .max-w-3xl { position: relative; width: 100%; max-width: none; padding: 34px; border-radius: 18px; box-shadow: 0 24px 70px rgba(15, 23, 42, .26); }
  #contact .text-center.mb-8 { margin-bottom: 22px; }
  #contact .text-center.mb-8 h2 { font-size: 24px; }
  #desktop-contact-close { position: absolute; top: 12px; right: 14px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; color: #334155; font-size: 27px; line-height: 1; }
  #desktop-contact-close:hover, #desktop-contact-close:focus-visible { background: #e2e8f0; }
  #desktop-contact-toggle { position: fixed; z-index: 69; top: 62%; right: 14px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 58px; height: 58px; padding: 0; border: 0; border-radius: 50%; background: #c81020; color: #fff; box-shadow: 0 8px 20px rgba(100, 15, 25, .22); font-size: 11px; font-weight: 700; line-height: 1.2; }
  #desktop-contact-toggle i { font-size: 18px; line-height: 1; }
  #desktop-contact-toggle:hover, #desktop-contact-toggle:focus-visible { background: #b91c1c; }
  body.desktop-contact-open { overflow: hidden; }
  body.desktop-contact-open #desktop-contact-toggle { display: none; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  #desktop-contact-toggle { right: 8px; width: 52px; height: 52px; }
  #desktop-contact-toggle i { font-size: 16px; }
}