/* Responsive adjustments */
  @media (max-width: 768px) {
    /* Topbar stack on smaller screens */
    .topbar {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }
  
    .topbar a {
      font-size: 0.75rem;
    }
  
    /* Navigation menu stacking */
    nav {
      display: none;
    }
  
    .mobile-menu {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      background-color: white;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      padding: 1rem;
      border-top: 1px solid #eee;
      box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }
  
    .mobile-menu a {
      font-size: 1rem;
      color: #1F2937;
      font-weight: 500;
    }
  }
  
  /* Utility classes for visibility */
  #mobileMenu {
    transition: max-height 0.3s ease;
    overflow: hidden;
  }
  
  
  .block {
    display: block !important;
  }
  
  /* Button hover smooth transitions */
  button, a {
    transition: all 0.2s ease-in-out;
  }