.floating-contact {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 10px;
    z-index: 9999;
  }

  .floating-contact a,
  .main-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    border: none;
    background: transparent; /* ✅ ไม่มีขอบสีขาว */
    box-shadow: none;         /* ✅ ไม่มีเงา */
  }

  .floating-contact a img,
  .main-toggle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .contact-items {
    display: none;
    flex-direction: column;
    gap: 10px;
  }

  .contact-items.show {
    display: flex;
    animation: fadeInUp 0.3s ease;
  }

  @keyframes fadeInUp {
    from { transform: translateY(10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }