.contact-overlay{ position: fixed; inset:0; display:none; align-items:center; justify-content:center;
  background: var(--glass);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  z-index: 10000; 
}

.contact-overlay.open{ display:flex; animation: overlay-fade-in .18s ease-out; }

.contact-overlay .contact-actions{ display:flex; flex-direction: column; align-items:center; justify-content:center; gap: 16px; }

@media (min-width: 480px){ .contact-overlay .contact-actions{ flex-direction: row; } }

.contact-modal .contact-actions{ display:flex; flex-direction: column; gap: 16px; }

/* Fix: remove focus outline on contact overlay buttons so both look identical */
.contact-overlay a:focus,
.contact-overlay a:focus-visible,
.contact-overlay button:focus,
.contact-overlay button:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}