#mc-contact {
      font-family: 'Lato', sans-serif;
      background-color: #f2eef5;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      position: relative;
      isolation: isolate;
    }
    #mc-contact .mc-card {
      background: #fff;
      border: 1px solid rgba(0,0,0,0.05);
      border-radius: 0.75rem;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }
    #mc-contact .page-heading {
      font-size: 3.5rem; /* Larger page heading */
      font-weight: 700;
      color: #212529;
      margin-bottom: 0.5rem;
    }
    #mc-contact .mc-heading {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      color: rgb(109, 60, 94);
      text-align: center;
    }
    #mc-contact .mc-divider {
      width: 100%;
      height: 2px;
      background-color: rgb(109, 60, 94);
      margin: 0.5rem 0 1.5rem 0;
      border-radius: 1px;
    }
    #mc-contact .mc-divider.center {
      margin-left: auto;
      margin-right: auto;
    }
    #mc-contact .mc-subheading {
      font-size: 1.2rem;
      font-weight: 400;
      color: #6c757d;
      margin-bottom: 2rem;
      text-align: center;
    }
    #mc-contact .mc-bg-plum-700 { background-color: rgb(109, 60, 94); }
    #mc-contact .mc-text-plum-700 { color: rgb(109, 60, 94); }
    #mc-contact .mc-required { color: #FF7F50; margin-left: 4px; }
    #mc-contact .mc-btn-fancy:hover { transform: translateY(-2px); box-shadow: 0 8px 15px rgba(0,0,0,0.2); }
    #mc-contact .mc-icon { line-height: 1; padding-top: .25rem; }
    #mc-contact .social-icons a {
      font-size: 1.75rem;
      margin: 0 0.5rem;
      transition: transform 0.2s ease-in-out;
    }
    #mc-contact .social-icons a:hover {
      transform: scale(1.2);
    }
    #mc-contact .social-icons .facebook { color: #1877F2; }
    #mc-contact .social-icons .instagram { color: #E4405F; }
    #mc-contact .social-icons .yelp { color: #D32323; }
    #mc-contact .social-icons .google { color: #DB4437; }

    /* Tooltip brand colors with white bold text */
    .tooltip.facebook .tooltip-inner { background-color: #1877F2; color: #fff; font-weight: 700; }
    .tooltip.instagram .tooltip-inner { background-color: #E4405F; color: #fff; font-weight: 700; }
    .tooltip.yelp .tooltip-inner { background-color: #D32323; color: #fff; font-weight: 700; }
    .tooltip.google .tooltip-inner { background-color: #DB4437; color: #fff; font-weight: 700; }
    .tooltip .tooltip-arrow::before { border-top-color: inherit !important; }

    
    /* Breadcrumbs (scoped) */
    .disclaimer-breadcrumbs {
      background: #fff;
      border: 1px solid #eee;
      border-left: 4px solid var(--clinic-purple);
      border-radius: .5rem;
      padding: .5rem .75rem;
      margin-bottom: 1rem;
    }
    .disclaimer-breadcrumbs .breadcrumb { margin: 0; }
    .disclaimer-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: #888; }
    .disclaimer-breadcrumbs a { color: var(--clinic-purple); text-decoration: none; }
    .disclaimer-breadcrumbs a:hover { text-decoration: underline; }

    .purple {
      color: rgb(109,60,94);
    }

    /* Mobile nav: make expanded menu scroll instead of clipping off-screen */
@media (max-width: 576px) {

  /* If your navbar is fixed/sticky, this keeps the opened menu usable */
  .navbar .navbar-collapse.show {
    position: fixed;
    left: 0;
    right: 0;

    /* adjust this top value to your navbar height */
    top: 64px;

    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff; /* match your menu background */
    padding: 1rem 1.25rem;
    z-index: 1050; /* above page content */
  }

  /* Prevent the collapse from being height-limited by default rules */
  .navbar .navbar-collapse {
    max-height: none;
  }
  
  /* keep the top bar (logo + toggler) above the opened menu */
  .navbar{
    position: sticky; /* or fixed, if that’s what you use */
    top: 0;
    z-index: 1065;
  }

  .navbar .navbar-toggler{
    position: relative;
    z-index: 1066; /* above the collapse panel */
  }

  /* the opened menu panel sits below the top bar */
  .navbar .navbar-collapse.show{
    z-index: 1060;   /* below toggler */
    top: 64px;       /* MUST match your navbar height */
  }
}