/* Third audit batch: Home-only mobile refinements. Desktop and landing pages
   retain their existing styles. Assets and commercial interactions are untouched. */
@media (max-width: 700px) {
  .header-inner { align-items: center; gap: 16px; }
  .brand { display: flex; align-items: center; }
  .menu-toggle { flex-shrink: 0; align-self: center; }

  .hero .eyebrow,
  .hero h1 .brand-display:first-child {
    color: #341b47;
    -webkit-text-stroke: 0;
    text-shadow: none;
  }

  /* Keep the hero height and image framing; refine only the following rhythm. */
  .start-section { padding-top: 22px; padding-bottom: 12px; }
  .card-grid, .procedures-grid { gap: 12px; }
  .procedures-section { padding-top: 16px; padding-bottom: 24px; }
  .passport-section { padding-bottom: 18px; }
  .contact-section { padding-top: 18px; padding-bottom: 12px; }

  .contact-content { padding: 20px; }
  .contact-content .direct-contact { margin-top: 14px; }
  .contact-content .contact-form { margin-top: 20px; gap: 12px; }
  .contact-socials { margin-top: 16px; padding-top: 12px; }

}