{"id":3115,"date":"2025-10-22T15:23:44","date_gmt":"2025-10-22T12:23:44","guid":{"rendered":"https:\/\/digitalagent.bg\/?page_id=3115"},"modified":"2025-10-24T14:12:27","modified_gmt":"2025-10-24T11:12:27","slug":"elementor-3115","status":"publish","type":"page","link":"https:\/\/digitalagent.bg\/en\/elementor-3115\/","title":{"rendered":"Elementor #3115"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n STROIKOLUX LTD - Chat Assistant<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/style.css\" rel=\"stylesheet\" \/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', 'Segoe UI', sans-serif;\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e8ba3 100%);\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .chat-container {\r\n width: 100%;\r\n max-width: 1200px;\r\n height: 85vh;\r\n min-height: 600px;\r\n background: rgba(255, 255, 255, 0.98);\r\n border-radius: 24px;\r\n box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n }\r\n\r\n .chat-header {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n padding: 28px 35px;\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n box-shadow: 0 6px 20px rgba(30, 60, 114, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .chat-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"100\" height=\"100\" fill=\"none\"\/><path d=\"M0,50 L50,0 L100,50 L50,100 Z\" fill=\"rgba(255,255,255,0.03)\"\/><\/svg>') repeat;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n\r\n .chat-logo {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n font-weight: bold;\r\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .chat-header-info {\r\n flex: 1;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .company-name {\r\n font-size: 24px;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n letter-spacing: 0.5px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n }\r\n\r\n .chat-header-subtitle {\r\n font-size: 14px;\r\n opacity: 0.9;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .status-indicator {\r\n width: 10px;\r\n height: 10px;\r\n background: #48bb78;\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: pulse 2s infinite;\r\n box-shadow: 0 0 8px rgba(72, 187, 120, 0.6);\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 50% {\r\n opacity: 0.6;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n .chat-wrapper {\r\n flex: 1;\r\n padding: 30px;\r\n overflow: hidden;\r\n background: linear-gradient(180deg, #f8fafc 0%, #e8eef5 100%);\r\n position: relative;\r\n }\r\n\r\n .chat-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: \r\n linear-gradient(rgba(30, 60, 114, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(30, 60, 114, 0.02) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n opacity: 0.3;\r\n }\r\n\r\n \/* \u041a\u043e\u0441\u0442\u044e\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 N8N \u0447\u0430\u0442\u0430 *\/\r\n :root {\r\n --chat--color-primary: #2a5298;\r\n --chat--color-primary-shade-50: #1e3c72;\r\n --chat--color-secondary: #d4af37;\r\n --chat--color-white: #ffffff;\r\n --chat--color-light: #f8fafc;\r\n --chat--color-light-shade-50: #e8eef5;\r\n --chat--color-medium: #cbd5e0;\r\n --chat--color-dark: #2d3748;\r\n --chat--spacing: 1.5rem;\r\n --chat--border-radius: 16px;\r\n --chat--transition-duration: 0.3s;\r\n }\r\n\r\n #n8n-chat {\r\n height: 100% !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n background: transparent !important;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f\u0442\u0430 *\/\r\n .chat-message-from-user {\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%) !important;\r\n border-radius: 20px 20px 4px 20px !important;\r\n padding: 16px 20px !important;\r\n font-size: 15px !important;\r\n box-shadow: 0 4px 16px rgba(30, 60, 114, 0.25) !important;\r\n animation: slideInRight 0.4s ease-out;\r\n color: white !important;\r\n }\r\n\r\n .chat-message-from-bot {\r\n background: white !important;\r\n border-radius: 20px 20px 20px 4px !important;\r\n padding: 16px 20px !important;\r\n font-size: 15px !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\r\n border: 2px solid #e2e8f0 !important;\r\n animation: slideInLeft 0.4s ease-out;\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes slideInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n \/* \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 input \u043f\u043e\u043b\u0435\u0442\u043e *\/\r\n .chat-input {\r\n border-radius: 28px !important;\r\n border: 2px solid #cbd5e0 !important;\r\n padding: 16px 26px !important;\r\n font-size: 15px !important;\r\n transition: all 0.3s ease !important;\r\n background: white !important;\r\n }\r\n\r\n .chat-input:focus {\r\n border-color: #2a5298 !important;\r\n box-shadow: 0 0 0 4px rgba(42, 82, 152, 0.1) !important;\r\n outline: none !important;\r\n }\r\n\r\n \/* \u0411\u0443\u0442\u043e\u043d \u0437\u0430 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435 *\/\r\n .chat-input-send-button {\r\n background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%) !important;\r\n border-radius: 50% !important;\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;\r\n border: none !important;\r\n }\r\n\r\n .chat-input-send-button:hover {\r\n transform: scale(1.08) rotate(5deg) !important;\r\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;\r\n }\r\n\r\n \/* Scrollbar *\/\r\n .chat-messages-list::-webkit-scrollbar {\r\n width: 10px;\r\n }\r\n\r\n .chat-messages-list::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n border-radius: 10px;\r\n }\r\n\r\n .chat-messages-list::-webkit-scrollbar-thumb {\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n border-radius: 10px;\r\n }\r\n\r\n .chat-messages-list::-webkit-scrollbar-thumb:hover {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n }\r\n\r\n \/* Responsive \u0434\u0438\u0437\u0430\u0439\u043d *\/\r\n @media (max-width: 768px) {\r\n .chat-container {\r\n height: 92vh;\r\n border-radius: 16px;\r\n }\r\n\r\n .chat-header {\r\n padding: 22px 20px;\r\n }\r\n\r\n .company-name {\r\n font-size: 20px;\r\n }\r\n\r\n .chat-logo {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 24px;\r\n }\r\n\r\n .chat-wrapper {\r\n padding: 20px 15px;\r\n }\r\n }\r\n\r\n \/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 *\/\r\n .decoration-circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .decoration-circle-1 {\r\n width: 300px;\r\n height: 300px;\r\n top: -100px;\r\n right: -100px;\r\n }\r\n\r\n .decoration-circle-2 {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -50px;\r\n left: -50px;\r\n background: radial-gradient(circle, rgba(30, 60, 114, 0.1) 0%, transparent 70%);\r\n }\r\n\r\n .chat-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \/* 1) \u0421\u043f\u0438\u0440\u0430\u043c\u0435 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u043d\u043e\u0442\u043e \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 body,\r\n \u0437\u0430 \u0434\u0430 \u043d\u0435 \u043c\u0435\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u043f\u0440\u0438 \u0444\u043e\u043a\u0443\u0441\/Enter *\/\r\nbody {\r\n align-items: flex-start !important; \/* \u0432\u043c\u0435\u0441\u0442\u043e center *\/\r\n padding-top: 20px; \/* \u0437\u0430\u043f\u0430\u0437\u0432\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u043d\u0430\u0442\u0430 \u0434\u0438\u0441\u0442\u0430\u043d\u0446\u0438\u044f \u043e\u0442\u0433\u043e\u0440\u0435 *\/\r\n}\r\n\r\n\/* 2) \u0414\u0430\u0432\u0430\u043c\u0435 \u0432\u0438\u0441\u043e\u0447\u0438\u043d\u0430\u0442\u0430 \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441\u043f\u0440\u044f\u043c\u043e \u0440\u0435\u0430\u043b\u043d\u0438\u044f viewport,\r\n \u043a\u0430\u0442\u043e \u043a\u043e\u043c\u043f\u0435\u043d\u0441\u0438\u0440\u0430\u043c\u0435 \u043f\u0430\u0434\u0438\u043d\u0433\u0430 \u043d\u0430 body (20px \u0433\u043e\u0440\u0435 + 20px \u0434\u043e\u043b\u0443) *\/\r\n.chat-container {\r\n height: calc(100dvh - 40px) !important; \/* \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u0430 \u0432\u0438\u0441\u043e\u0447\u0438\u043d\u0430, \u0431\u0435\u0437 \u201e\u043f\u043e\u0434\u0441\u043a\u0430\u0447\u0430\u043d\u0435\u201c *\/\r\n margin: 0 auto; \/* \u0446\u0435\u043d\u0442\u044a\u0440 \u043f\u043e \u0445\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0430 *\/\r\n}\r\n\r\n\/* 3) \u0421\u043a\u0440\u043e\u043b\u044a\u0442 \u0434\u0430 \u0435 \u0441\u0430\u043c\u043e \u0432\u044a\u0442\u0440\u0435 \u0432 \u0447\u0430\u0442\u0430 \u0438 \u0434\u0430 \u043d\u0435 \u201e\u0434\u044a\u0440\u043f\u0430\u201c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 *\/\r\n.chat-wrapper {\r\n overflow: auto !important;\r\n overscroll-behavior: contain;\r\n}\r\n\r\n\/* 4) \u041f\u0440\u0435\u0434\u043f\u0430\u0437\u043d\u043e \u2013 \u0437\u0430\u0431\u0440\u0430\u043d\u044f\u0432\u0430\u043c\u0435 scroll anchoring \u043d\u0430 \u0441\u0430\u043c\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\r\n.chat-container { overflow-anchor: none; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"chat-container\">\r\n <div class=\"decoration-circle decoration-circle-1\"><\/div>\r\n <div class=\"decoration-circle decoration-circle-2\"><\/div>\r\n \r\n <div class=\"chat-header\">\r\n <div class=\"chat-logo\">\ud83c\udfe2<\/div>\r\n <div class=\"chat-header-info\">\r\n <div class=\"company-name\">STROIKOLUX LTD<\/div>\r\n <div class=\"chat-header-subtitle\">\r\n <span class=\"status-indicator\"><\/span>\r\n \u0415\u043a\u0441\u043f\u0435\u0440\u0442\u0438 \u0432 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u0438 \u0438\u043c\u043e\u0442\u0438 \u2022 \u041e\u043d\u043b\u0430\u0439\u043d 24\/7\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"chat-wrapper\">\r\n <div id=\"n8n-chat\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script type=\"module\">\r\n import { createChat } from 'https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/chat.bundle.es.js';\r\n \r\n createChat({\r\n webhookUrl: 'https:\/\/aiintegr.com\/webhook\/81ac86bf-8b89-4892-860f-1ec92818f506\/chat',\r\n webhookConfig: {\r\n method: 'POST',\r\n headers: {}\r\n },\r\n mode: 'fullscreen',\r\n chatInputKey: 'chatInput',\r\n chatSessionKey: 'sessionId',\r\n metadata: {},\r\n showWelcomeScreen: true,\r\n defaultLanguage: 'bg',\r\n initialMessages: [\r\n '\u0417\u0434\u0440\u0430\u0432\u0435\u0439\u0442\u0435! \ud83c\udfe0',\r\n '\u0414\u043e\u0431\u0440\u0435 \u0434\u043e\u0448\u043b\u0438 \u0432 STROIKOLUX LTD - \u0432\u0430\u0448\u0438\u044f\u0442 \u0435\u043a\u0441\u043f\u0435\u0440\u0442 \u0432 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u0438\u0442\u0435 \u0438\u043c\u043e\u0442\u0438!',\r\n '\u041a\u0430\u043a \u043c\u043e\u0433\u0430 \u0434\u0430 \u0432\u0438 \u043f\u043e\u043c\u043e\u0433\u043d\u0430 \u0434\u043d\u0435\u0441?'\r\n ],\r\n i18n: {\r\n bg: {\r\n title: '\u0414\u043e\u0431\u0440\u0435 \u0434\u043e\u0448\u043b\u0438 \u0432 STROIKOLUX LTD! \ud83c\udfe2',\r\n subtitle: '\u0415\u043a\u0441\u043f\u0435\u0440\u0442\u0438 \u0432 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u0438\u0442\u0435 \u0438\u043c\u043e\u0442\u0438. \u0413\u043e\u0442\u043e\u0432\u0438 \u0441\u043c\u0435 \u0434\u0430 \u0432\u0438 \u043f\u043e\u043c\u043e\u0433\u043d\u0435\u043c!',\r\n footer: '',\r\n getStarted: '\u0417\u0430\u043f\u043e\u0447\u043d\u0435\u0442\u0435 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440',\r\n inputPlaceholder: '\u041e\u043f\u0438\u0448\u0435\u0442\u0435 \u043a\u0430\u043a\u044a\u0432 \u0438\u043c\u043e\u0442 \u0442\u044a\u0440\u0441\u0438\u0442\u0435...'\r\n }\r\n },\r\n target: '#n8n-chat',\r\n initialOpen: true\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc0bead e-flex e-con-boxed e-con e-parent\" data-id=\"cc0bead\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d880a8b elementor-widget elementor-widget-html\" data-id=\"d880a8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- n8n Chat Widget CSS -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/style.css\" rel=\"stylesheet\" \/>\r\n\r\n<!-- n8n Chat Widget Script -->\r\n<script type=\"module\">\r\n import { createChat } from 'https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/chat.bundle.es.js';\r\n \r\n createChat({\r\n \/\/ StroikoLux Webhook URL\r\n webhookUrl: 'https:\/\/aiintegr.com\/webhook\/81ac86bf-8b89-4892-860f-1ec92818f506\/chat',\r\n \r\n webhookConfig: {\r\n method: 'POST',\r\n headers: {}\r\n },\r\n \r\n \/\/ Mode: window (popup \u0434\u043e\u043b\u0443 \u0432\u0434\u044f\u0441\u043d\u043e)\r\n mode: 'window',\r\n \r\n \/\/ Chat keys\r\n chatInputKey: 'chatInput',\r\n chatSessionKey: 'sessionId',\r\n \r\n \/\/ Metadata (optional)\r\n metadata: {},\r\n \r\n \/\/ Welcome screen\r\n showWelcomeScreen: true,\r\n \r\n \/\/ \u0415\u0437\u0438\u043a: \u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438\r\n defaultLanguage: 'bg',\r\n \r\n \/\/ \u041d\u0430\u0447\u0430\u043b\u043d\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f\r\n initialMessages: [\r\n '\u0417\u0434\u0440\u0430\u0432\u0435\u0439\u0442\u0435! \ud83d\udc4b',\r\n '\u0414\u043e\u0431\u0440\u0435 \u0434\u043e\u0448\u043b\u0438 \u0432 STROIKOLUX LTD - \u0432\u0430\u0448\u0438\u044f\u0442 \u0435\u043a\u0441\u043f\u0435\u0440\u0442 \u0432 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u0438\u0442\u0435 \u0438\u043c\u043e\u0442\u0438!',\r\n '\u041a\u0430\u043a \u043c\u043e\u0433\u0430 \u0434\u0430 \u0432\u0438 \u043f\u043e\u043c\u043e\u0433\u043d\u0430 \u0434\u043d\u0435\u0441?'\r\n ],\r\n \r\n \/\/ i18n \u043f\u0440\u0435\u0432\u043e\u0434\u0438 (\u0431\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438)\r\n i18n: {\r\n bg: {\r\n title: 'StroikoLux Ltd \ud83d\udc4d',\r\n subtitle: '\u0412\u0430\u0448\u0438\u044f\u0442 \u0434\u043e\u0432\u0435\u0440\u0435\u043d \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0442\u043e\u0440',\r\n footer: '',\r\n getStarted: '\u0417\u0430\u043f\u043e\u0447\u043d\u0435\u0442\u0435 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440',\r\n inputPlaceholder: '\u041d\u0430\u043f\u0438\u0448\u0435\u0442\u0435 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435...'\r\n }\r\n }\r\n });\r\n<\/script>\r\n\r\n<style>\r\n\/* Custom styling \u0437\u0430 StroikoLux *\/\r\n:root {\r\n --n8n-chat-primary-color: #667eea;\r\n --n8n-chat-secondary-color: #764ba2;\r\n}\r\n\r\n\/* Toggle button \u043f\u043e\u0437\u0438\u0446\u0438\u044f *\/\r\n.n8n-chat-button {\r\n bottom: 100px !important;\r\n right: 24px !important;\r\n}\r\n\r\n\/* Gradient \u043d\u0430 toggle \u0431\u0443\u0442\u043e\u043d *\/\r\n.n8n-chat-button {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;\r\n}\r\n\r\n.n8n-chat-button:hover {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5) !important;\r\n}\r\n\r\n\/* Header gradient *\/\r\n.n8n-chat-header {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n}\r\n\r\n\/* Chat window \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438 \u0440\u0430\u0437\u043c\u0435\u0440 *\/\r\n.n8n-chat-window {\r\n bottom: 100px !important;\r\n right: 24px !important;\r\n width: 380px !important;\r\n height: 600px !important;\r\n border-radius: 16px !important;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n\/* Mobile responsive *\/\r\n@media (max-width: 768px) {\r\n .n8n-chat-button {\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n }\r\n \r\n .n8n-chat-window {\r\n bottom: 0 !important;\r\n right: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n border-radius: 0 !important;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STROIKOLUX LTD – Chat Assistant \ud83c\udfe2 STROIKOLUX LTD \u0415\u043a\u0441\u043f\u0435\u0440\u0442\u0438 \u0432 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u0438 \u0438\u043c\u043e\u0442\u0438 \u2022 \u041e\u043d\u043b\u0430\u0439\u043d 24\/7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/pages\/3115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/comments?post=3115"}],"version-history":[{"count":40,"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/pages\/3115\/revisions"}],"predecessor-version":[{"id":3258,"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/pages\/3115\/revisions\/3258"}],"wp:attachment":[{"href":"https:\/\/digitalagent.bg\/en\/wp-json\/wp\/v2\/media?parent=3115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}