.fab-container {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 999;
  }

  .fab-main {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #1e40af);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    cursor: pointer;
    animation: fabPulse 2s infinite;
  }

  @keyframes fabPulse {
    0% { box-shadow: 0 0 0 0 rgba(37,99,235,0.5); }
    70% { box-shadow: 0 0 0 18px rgba(37,99,235,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
  }

  .fab-options {
    position: absolute;
    bottom: 80px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all 0.35s ease;
  }

  .fab-container.open .fab-options {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .fab-option {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    transition: transform 0.2s;
  }

  .fab-option:hover {
    transform: scale(1.1);
  }

  .fab-call {
    background: #ef4444   /* Tailwind Red-500 (best) */;
  }

  .fab-whatsapp {
    background: #22c55e;
  }