/* ============ WHATSAPP FLOATING BUTTON ============ */
    .whatsapp-float {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 60px;
      height: 60px;
      background: #25D366;
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.85rem;
      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
      z-index: 999;
      transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
      animation: whatsappPulse 2s infinite;
      text-decoration: none;
    }

    .whatsapp-float:hover {
      background: #1ebe5d;
      transform: scale(1.1);
      box-shadow: 0 12px 32px rgba(37, 211, 102, 0.55), 0 6px 16px rgba(0, 0, 0, 0.2);
      animation: none;
    }

    .whatsapp-float i {
      line-height: 1;
      z-index: 2;
    }

    /* Pulse ring */
    .whatsapp-float::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: #25D366;
      opacity: 0.6;
      z-index: 0;
      animation: whatsappRing 2s infinite;
    }

    @keyframes whatsappRing {
      0% { transform: scale(1); opacity: 0.6; }
      100% { transform: scale(1.6); opacity: 0; }
    }

    @keyframes whatsappPulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }

    /* ============ RED NOTIFICATION BADGE ============ */
    .whatsapp-badge {
      position: absolute;
      top: -4px;
      right: -4px;
      min-width: 22px;
      height: 22px;
      background: #e53935;
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.72rem;
      font-weight: 700;
      font-family: 'Inter', sans-serif;
      padding: 0 6px;
      box-shadow: 0 3px 8px rgba(229, 57, 53, 0.5);
      border: 2px solid #ffffff;
      z-index: 5;
      animation: badgePop 2s infinite;
    }

    @keyframes badgePop {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.15); }
    }

    /* ============ MOBILE RESPONSIVE ============ */
    @media (max-width: 767px) {
      .whatsapp-float {
        width: 56px;
        height: 56px;
        font-size: 1.7rem;
        bottom: 20px;
        right: 18px;
      }
      .whatsapp-badge {
        min-width: 20px;
        height: 20px;
        font-size: 0.68rem;
      }
    }

    @media (max-width: 479px) {
      .whatsapp-float {
        width: 52px;
        height: 52px;
        font-size: 1.6rem;
        bottom: 16px;
        right: 16px;
      }
      .whatsapp-badge {
        min-width: 18px;
        height: 18px;
        font-size: 0.65rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .whatsapp-float,
      .whatsapp-float::before,
      .whatsapp-badge {
        animation: none;
      }
    }