/* Floating chatbot button */
    .chatbot-toggle {
      position: fixed;
      bottom: 25px;
      right: 25px;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      border: none;
      background: linear-gradient(135deg, #a855f7, #ec4899);
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      cursor: pointer;
      z-index: 1000;
      transition: transform 0.2s ease;
    }

    .chatbot-toggle:hover {
      transform: scale(1.05);
    }

    .chatbot-toggle i {
      width: 30px;
      height: 30px;
      color: white;
    }

    /* Chat window */
    .chatbot-window {
      position: fixed;
      bottom: 110px;
      right: 25px;
      width: 320px;
      max-height: 450px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.15);
      display: none;
      flex-direction: column;
      overflow: hidden;
      z-index: 1000;
    }

    /* When open */
    .chatbot-window.open {
      display: flex;
    }

    /* Header */
    .chatbot-header {
      background: linear-gradient(135deg, #a855f7, #ec4899);
      color: #fff;
      padding: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .chatbot-title {
      font-weight: bold;
    }

    .chatbot-close {
      background: none;
      border: none;
      font-size: 18px;
      cursor: pointer;
      color: #fff;
    }

    /* Body */
    .chatbot-body {
      flex: 1;
      padding: 12px;
      overflow-y: auto;
      font-size: 14px;
    }

    .bot-message {
      background: #f1f1f1;
      padding: 8px 12px;
      border-radius: 8px;
      margin-bottom: 10px;
      max-width: 80%;
    }

    .user-message {
      background: #a855f7;
      color: #fff;
      padding: 8px 12px;
      border-radius: 8px;
      margin-bottom: 10px;
      max-width: 80%;
      margin-left: auto;
    }

    /* Footer */
    .chatbot-footer {
      display: flex;
      border-top: 1px solid #eee;
      padding: 8px;
      gap: 8px;
    }

    .chatbot-footer input {
      flex: 1;
      padding: 8px;
      border: 1px solid #ddd;
      border-radius: 6px;
    }

    .chatbot-footer button {
      background: #a855f7;
      color: #fff;
      border: none;
      padding: 0 12px;
      border-radius: 6px;
      cursor: pointer;
    }