/* Плавающая кнопка вызова */
 .chat-toggle-btn {
     position: fixed;
     bottom: 70px;
     right: 20px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-color: #51ca84;
     color: white;
     font-size: 24px;
     border: none;
     cursor: pointer;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 9999999;
     line-height: 1;
 }

 /* Контейнер чата: скрыт по умолчанию через масштаб и прозрачность */
 .chat-container {
     position: fixed;
     bottom: 130px;
     right: 20px;
     width: 300px;
     max-height: 400px;
     background: white;
     border-radius: 8px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     font-family: Arial, sans-serif;
     z-index: 999;

     transform: scale(0);
     transform-origin: bottom right;
     opacity: 0;
     transition: transform 0.3s ease-out, opacity 0.3s ease-out;
     pointer-events: none;
 }

 /* Видимый чат */
 .chat-container.show {
     transform: scale(1);
     opacity: 1;
     pointer-events: auto;
 }

 .chat-header {
     background: #51ca84;
     color: #fff;
     padding: 10px;
     text-align: center;
     font-weight: bold;
 }

 .chat-body {
     flex: 1;
     padding: 10px;
     overflow-y: auto;
     background: #f1f1f1;
 }

 .message,
 .response {
     margin: 6px 0;
     padding: 8px 12px;
     border-radius: 16px;
     max-width: 80%;
     clear: both;
 }

 .message {
     background: #51ca84;
     color: white;
     float: right;
     border-bottom-right-radius: 0;
 }

 .response {
     background: #e5e5ea;
     color: #333;
     float: left;
     border-bottom-left-radius: 0;
 }

 .option {
     display: block;
     background: #fff;
     color: #000;
     padding: 8px 12px;
     border-radius: 16px;
     border: 1px solid #51ca84;
     max-width: 80%;
     cursor: pointer;
     margin: 6px 0;
     clear: both;
 }