{"id":972,"date":"2026-09-03T22:51:20","date_gmt":"2026-09-03T19:51:20","guid":{"rendered":"http:\/\/digitaldesignonline.ru\/?page_id=972"},"modified":"2026-10-28T21:07:59","modified_gmt":"2026-10-28T18:07:59","slug":"contactv1","status":"publish","type":"page","link":"https:\/\/digitaldesignonline.ru\/ru\/contactv1\/","title":{"rendered":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"972\" class=\"elementor elementor-972\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35126dc e-con-full e-flex e-con e-parent\" data-id=\"35126dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1408530 e-con-full e-flex e-con e-child\" data-id=\"1408530\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-977e486 elementor-widget elementor-widget-html\" data-id=\"977e486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ph-stub\" aria-hidden=\"true\"><\/div>\r\n<style>\r\n.ph-stub{\r\n  width:99.6vw;\r\n  margin-left:calc(50% - 50vw);\r\n  height:100px;\r\n  background:#21181b;\r\n  contain:layout paint style;\r\n}\r\n@media (max-width:1024px){.ph-stub{height:70px}} \/* \u043f\u043b\u0430\u043d\u0448\u0435\u0442 *\/\r\n@media (max-width:767px){.ph-stub{height:50px}}  \/* \u0442\u0435\u043b\u0435\u0444\u043e\u043d *\/\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f152b7 e-con-full e-flex e-con e-child\" data-id=\"0f152b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b82c89 elementor-widget elementor-widget-shortcode\" data-id=\"8b82c89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n        <div class=\"ecpchat-auth-stage\">\r\n\r\n            <div\r\n                class=\"ecpchat-shell ecpchat-auth\"\r\n                id=\"ecpchat-ACnvZyG\"\r\n            >\r\n\r\n                <div class=\"ecpchat-auth-inner\">\r\n\r\n                    <div class=\"ecpchat-auth-logo\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" width=\"30\" height=\"30\" aria-hidden=\"true\">\r\n                            <path\r\n                                fill=\"currentColor\"\r\n                                d=\"M3.4 20.4 21 12 3.4 3.6l.8 6.5L15 12 4.2 13.9l-.8 6.5Z\"\r\n                            \/>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Ask a question\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n                        Sign in or create a simple chat account to contact the seller.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"ecpchat-tabs\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"ecpchat-tab is-active\"\r\n                            data-tab=\"login\"\r\n                        >\r\n                            Sign in\r\n                        <\/button>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"ecpchat-tab\"\r\n                            data-tab=\"register\"\r\n                        >\r\n                            Create account\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <form\r\n                        class=\"ecpchat-auth-form\"\r\n                        data-form=\"login\"\r\n                    >\r\n\r\n                        <label class=\"ecpchat-field-wrap\">\r\n\r\n                            <span>\r\n                                Username\r\n                            <\/span>\r\n\r\n                            <input\r\n                                class=\"ecpchat-field\"\r\n                                type=\"text\"\r\n                                name=\"login\"\r\n                                autocomplete=\"username\"\r\n                                placeholder=\"Enter your username\"\r\n                                required\r\n                            >\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <label class=\"ecpchat-field-wrap\">\r\n\r\n                            <span>\r\n                                Password\r\n                            <\/span>\r\n\r\n                            <input\r\n                                class=\"ecpchat-field\"\r\n                                type=\"password\"\r\n                                name=\"password\"\r\n                                autocomplete=\"current-password\"\r\n                                placeholder=\"Enter your password\"\r\n                                required\r\n                            >\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <button\r\n                            class=\"ecpchat-primary\"\r\n                            type=\"submit\"\r\n                        >\r\n                            Sign in\r\n                        <\/button>\r\n\r\n                    <\/form>\r\n\r\n\r\n                    <form\r\n                        class=\"ecpchat-auth-form\"\r\n                        data-form=\"register\"\r\n                        hidden\r\n                    >\r\n\r\n                        <label class=\"ecpchat-field-wrap\">\r\n\r\n                            <span>\r\n                                Username\r\n                            <\/span>\r\n\r\n                            <input\r\n                                class=\"ecpchat-field\"\r\n                                type=\"text\"\r\n                                name=\"login\"\r\n                                autocomplete=\"username\"\r\n                                placeholder=\"Choose a username\"\r\n                                minlength=\"3\"\r\n                                maxlength=\"32\"\r\n                                required\r\n                            >\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <label class=\"ecpchat-field-wrap\">\r\n\r\n                            <span>\r\n                                Password\r\n                            <\/span>\r\n\r\n                            <input\r\n                                class=\"ecpchat-field\"\r\n                                type=\"password\"\r\n                                name=\"password\"\r\n                                autocomplete=\"new-password\"\r\n                                placeholder=\"Create a password\"\r\n                                minlength=\"8\"\r\n                                required\r\n                            >\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <div class=\"ecpchat-hint\">\r\n                            Use at least 8 characters.\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            class=\"ecpchat-primary\"\r\n                            type=\"submit\"\r\n                        >\r\n                            Create account\r\n                        <\/button>\r\n\r\n                    <\/form>\r\n\r\n\r\n                    <div\r\n                        class=\"ecpchat-auth-error\"\r\n                        hidden\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <script>\r\n        (() => {\r\n\r\n            \"use strict\";\r\n\r\n            const root = document.getElementById(\r\n                \"ecpchat-ACnvZyG\"            );\r\n\r\n            if (!root) return;\r\n\r\n            const config = {\"ajax\":\"https:\\\/\\\/digitaldesignonline.ru\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"20bc7e051c\"};\r\n\r\n            const tabs = root.querySelectorAll(\".ecpchat-tab\");\r\n\r\n            const forms = root.querySelectorAll(\".ecpchat-auth-form\");\r\n\r\n            const error = root.querySelector(\".ecpchat-auth-error\");\r\n\r\n\r\n            tabs.forEach(tab => {\r\n\r\n                tab.addEventListener(\"click\", () => {\r\n\r\n                    tabs.forEach(item => {\r\n                        item.classList.remove(\"is-active\");\r\n                    });\r\n\r\n                    tab.classList.add(\"is-active\");\r\n\r\n                    forms.forEach(form => {\r\n\r\n                        form.hidden =\r\n                            form.dataset.form !== tab.dataset.tab;\r\n\r\n                    });\r\n\r\n                    error.hidden = true;\r\n                    error.textContent = \"\";\r\n\r\n                });\r\n\r\n            });\r\n\r\n\r\n            forms.forEach(form => {\r\n\r\n                form.addEventListener(\"submit\", async event => {\r\n\r\n                    event.preventDefault();\r\n\r\n                    error.hidden = true;\r\n                    error.textContent = \"\";\r\n\r\n                    const button = form.querySelector(\r\n                        'button[type=\"submit\"]'\r\n                    );\r\n\r\n                    const login = form.querySelector(\r\n                        '[name=\"login\"]'\r\n                    ).value.trim();\r\n\r\n                    const password = form.querySelector(\r\n                        '[name=\"password\"]'\r\n                    ).value;\r\n\r\n                    const action =\r\n                        form.dataset.form === \"register\"\r\n                            ? \"ecpchat_register\"\r\n                            : \"ecpchat_login\";\r\n\r\n                    const body = new URLSearchParams();\r\n\r\n                    body.append(\"action\", action);\r\n                    body.append(\"nonce\", config.nonce);\r\n                    body.append(\"login\", login);\r\n                    body.append(\"password\", password);\r\n\r\n                    button.disabled = true;\r\n\r\n                    try {\r\n\r\n                        const response = await fetch(\r\n                            config.ajax,\r\n                            {\r\n                                method: \"POST\",\r\n\r\n                                credentials: \"same-origin\",\r\n\r\n                                headers: {\r\n                                    \"Content-Type\":\r\n                                        \"application\/x-www-form-urlencoded;charset=UTF-8\"\r\n                                },\r\n\r\n                                body\r\n                            }\r\n                        );\r\n\r\n                        const data = await response.json();\r\n\r\n                        if (!data.success) {\r\n\r\n                            throw new Error(\r\n                                data.data?.message ||\r\n                                \"Something went wrong.\"\r\n                            );\r\n                        }\r\n\r\n                        window.location.reload();\r\n\r\n                    } catch (e) {\r\n\r\n                        error.textContent = e.message;\r\n\r\n                        error.hidden = false;\r\n\r\n                    } finally {\r\n\r\n                        button.disabled = false;\r\n                    }\r\n\r\n                });\r\n\r\n            });\r\n\r\n        })();\r\n        <\/script>\r\n\r\n        \r\n    <style>\r\n\r\n    \/* =====================================================\r\n       ELEMENTOR ISOLATION\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-shell,\r\n    .ecpchat-shell *,\r\n    .ecpchat-auth-stage,\r\n    .ecpchat-auth-stage * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .ecpchat-shell *,\r\n    .ecpchat-auth-stage * {\r\n        -webkit-tap-highlight-color: transparent !important;\r\n    }\r\n\r\n\r\n    .ecpchat-shell button,\r\n    .ecpchat-shell input,\r\n    .ecpchat-shell textarea,\r\n    .ecpchat-shell a {\r\n        font-family: inherit !important;\r\n        text-transform: none !important;\r\n        letter-spacing: normal !important;\r\n    }\r\n\r\n\r\n    .ecpchat-shell button,\r\n    .ecpchat-shell input,\r\n    .ecpchat-shell textarea {\r\n        -webkit-appearance: none !important;\r\n        appearance: none !important;\r\n    }\r\n\r\n\r\n    .ecpchat-shell a {\r\n        text-decoration: none !important;\r\n    }\r\n\r\n\r\n    .ecpchat-shell button:focus,\r\n    .ecpchat-shell input:focus,\r\n    .ecpchat-shell textarea:focus,\r\n    .ecpchat-shell a:focus {\r\n        outline: none !important;\r\n    }\r\n\r\n\r\n    .ecpchat-shell ::selection {\r\n        color: #21181b;\r\n        background: #cab8a4;\r\n    }\r\n\r\n\r\n    .ecpchat-shell ::-moz-selection {\r\n        color: #21181b;\r\n        background: #cab8a4;\r\n    }\r\n\r\n\r\n    \/* Chrome autofill *\/\r\n\r\n    .ecpchat-shell input:-webkit-autofill,\r\n    .ecpchat-shell input:-webkit-autofill:hover,\r\n    .ecpchat-shell input:-webkit-autofill:focus {\r\n\r\n        -webkit-text-fill-color: #f5eee9 !important;\r\n\r\n        -webkit-box-shadow:\r\n            0 0 0 1000px #33262a inset !important;\r\n\r\n        caret-color: #f5eee9 !important;\r\n\r\n        transition:\r\n            background-color 999999s ease-in-out 0s;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SHARED HEIGHT (chat + auth screen)\r\n       Change the values here \u2014 both the chat window\r\n       and the sign-in screen will follow.\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-shell,\r\n    .ecpchat-auth-stage {\r\n        --ecpchat-height: 89vh;\r\n        --ecpchat-min-height: 640px;\r\n    }\r\n\r\n\r\n    @media (max-width:767px) {\r\n\r\n        .ecpchat-shell,\r\n        .ecpchat-auth-stage {\r\n            --ecpchat-height: 100vh;\r\n            --ecpchat-min-height: 520px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       VARIABLES\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-shell {\r\n\r\n        --ec-primary: #722e3e;\r\n        --ec-primary-light: #8b3a4e;\r\n        --ec-primary-dark: #54212e;\r\n\r\n        --ec-secondary: #cab8a4;\r\n        --ec-secondary-soft: #aa9989;\r\n\r\n        --ec-page: #181214;\r\n        --ec-bg: #21181b;\r\n\r\n        --ec-panel: #291e22;\r\n        --ec-panel-light: #33262a;\r\n        --ec-panel-hover: #3a2a2f;\r\n\r\n        --ec-text: #f5eee9;\r\n        --ec-text-soft: #ddd1c8;\r\n        --ec-muted: #a99891;\r\n\r\n        --ec-border: rgba(202,184,164,.13);\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        color: var(--ec-text);\r\n\r\n        background: var(--ec-panel);\r\n\r\n        border: 1px solid var(--ec-border);\r\n\r\n        font-family:\r\n            -apple-system,\r\n            BlinkMacSystemFont,\r\n            \"Segoe UI\",\r\n            Roboto,\r\n            Helvetica,\r\n            Arial,\r\n            sans-serif;\r\n\r\n        font-size: 14px;\r\n\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CHAT\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-chat,\r\n    .ecpchat-inbox {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        margin: 0;\r\n\r\n        border-radius: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        box-shadow: 0 0 40px rgba(0,0,0,.18);\r\n    }\r\n\r\n\r\n    .ecpchat-chat {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        height: var(--ecpchat-height);\r\n\r\n        min-height: var(--ecpchat-min-height);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOP BAR\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-topbar {\r\n\r\n        position: relative;\r\n\r\n        z-index: 10;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        flex: 0 0 68px;\r\n\r\n        min-height: 68px;\r\n\r\n        padding: 10px clamp(18px,3vw,48px);\r\n\r\n        background: #291e22;\r\n\r\n        border-bottom: 1px solid var(--ec-border);\r\n\r\n        box-shadow: 0 2px 14px rgba(0,0,0,.18);\r\n    }\r\n\r\n\r\n    .ecpchat-topbar-icon,\r\n    .ecpchat-chat-avatar {\r\n\r\n        display: grid;\r\n\r\n        place-items: center;\r\n\r\n        flex: 0 0 44px;\r\n\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n        color: var(--ec-secondary);\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--ec-primary-light),\r\n                var(--ec-primary-dark)\r\n            );\r\n\r\n        border: 1px solid rgba(202,184,164,.15);\r\n\r\n        border-radius: 50%;\r\n\r\n        box-shadow: 0 4px 14px rgba(0,0,0,.25);\r\n    }\r\n\r\n\r\n    .ecpchat-topbar-copy {\r\n\r\n        flex: 1;\r\n\r\n        min-width: 0;\r\n\r\n        padding-left: 12px;\r\n    }\r\n\r\n\r\n    .ecpchat-topbar-title {\r\n\r\n        overflow: hidden;\r\n\r\n        color: var(--ec-text);\r\n\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n\r\n        text-overflow: ellipsis;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    .ecpchat-topbar-subtitle {\r\n\r\n        overflow: hidden;\r\n\r\n        margin-top: 3px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        font-size: 12px;\r\n\r\n        text-overflow: ellipsis;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    \/* Prevent Elementor pink button styles *\/\r\n\r\n    .ecpchat-menu-button,\r\n    .ecpchat-back {\r\n\r\n        display: grid !important;\r\n\r\n        place-items: center !important;\r\n\r\n        flex: 0 0 40px;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-height: 0 !important;\r\n\r\n        padding: 0 !important;\r\n\r\n        color: var(--ec-secondary) !important;\r\n\r\n        background: transparent !important;\r\n\r\n        border: 0 !important;\r\n\r\n        border-radius: 50% !important;\r\n\r\n        box-shadow: none !important;\r\n\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n    .ecpchat-back {\r\n        margin-right: 6px;\r\n    }\r\n\r\n\r\n    .ecpchat-menu-button:hover,\r\n    .ecpchat-menu-button:focus,\r\n    .ecpchat-back:hover,\r\n    .ecpchat-back:focus {\r\n\r\n        color: #ffffff !important;\r\n\r\n        background: rgba(114,46,62,.65) !important;\r\n\r\n        box-shadow: none !important;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CHAT HISTORY\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-history {\r\n\r\n        position: relative;\r\n\r\n        display: flex;\r\n\r\n        flex: 1;\r\n\r\n        min-height: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        background: var(--ec-bg);\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------------\r\n       The message list is NOT scrollable by wheel\/touch\r\n       (overflow-y: hidden), so the page scrolls natively\r\n       when the cursor\/finger is over the chat. The list is\r\n       moved only by the custom slider on the right, which\r\n       sets scrollTop from JS.\r\n       touch-action: pan-y lets the browser pass vertical\r\n       swipes straight to the page (native speed + inertia).\r\n       ----------------------------------------------------- *\/\r\n\r\n    .ecpchat-messages {\r\n\r\n        position: relative;\r\n\r\n        flex: 1;\r\n\r\n        min-width: 0;\r\n        min-height: 0;\r\n\r\n        padding:\r\n            28px\r\n            clamp(30px,8vw,160px)\r\n            28px\r\n            clamp(18px,8vw,160px);\r\n\r\n        overflow-x: hidden;\r\n\r\n        overflow-y: hidden;\r\n\r\n        scrollbar-width: none;\r\n\r\n        -ms-overflow-style: none;\r\n\r\n        touch-action: pan-y;\r\n\r\n        background-color: var(--ec-bg);\r\n\r\n        background-image:\r\n\r\n            radial-gradient(\r\n                circle at 10% 20%,\r\n                rgba(202,184,164,.035) 0,\r\n                rgba(202,184,164,.035) 2px,\r\n                transparent 2px\r\n            ),\r\n\r\n            radial-gradient(\r\n                circle at 80% 60%,\r\n                rgba(114,46,62,.09) 0,\r\n                rgba(114,46,62,.09) 2px,\r\n                transparent 2px\r\n            ),\r\n\r\n            linear-gradient(\r\n                135deg,\r\n                rgba(114,46,62,.035),\r\n                transparent 45%\r\n            );\r\n\r\n        background-size:\r\n            48px 48px,\r\n            58px 58px,\r\n            100% 100%;\r\n    }\r\n\r\n\r\n    .ecpchat-messages::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CUSTOM INTERNAL SLIDER\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-scrollbar {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 8;\r\n\r\n        top: 14px;\r\n        right: 8px;\r\n        bottom: 14px;\r\n\r\n        width: 18px;\r\n\r\n        outline: none !important;\r\n\r\n        touch-action: none;\r\n\r\n        user-select: none;\r\n        -webkit-user-select: none;\r\n\r\n        transition: opacity .15s ease;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar.is-hidden {\r\n\r\n        opacity: 0;\r\n\r\n        pointer-events: none;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar-track {\r\n\r\n        position: relative;\r\n\r\n        width: 6px;\r\n        height: 100%;\r\n\r\n        margin: 0 auto;\r\n\r\n        background: rgba(202,184,164,.08);\r\n\r\n        border-radius: 999px;\r\n\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar-thumb {\r\n\r\n        position: absolute;\r\n\r\n        top: 0;\r\n        left: 0;\r\n\r\n        width: 6px;\r\n\r\n        min-height: 42px;\r\n\r\n        background: var(--ec-secondary);\r\n\r\n        border-radius: 999px;\r\n\r\n        opacity: .68;\r\n\r\n        cursor: grab;\r\n\r\n        box-shadow: 0 2px 8px rgba(0,0,0,.25);\r\n\r\n        will-change: transform;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar:hover .ecpchat-scrollbar-thumb {\r\n        opacity: .95;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar.is-dragging .ecpchat-scrollbar-thumb {\r\n\r\n        opacity: 1;\r\n\r\n        cursor: grabbing;\r\n\r\n        background: #e2cdb6;\r\n    }\r\n\r\n\r\n    .ecpchat-scrollbar:focus-visible .ecpchat-scrollbar-track {\r\n\r\n        box-shadow: 0 0 0 2px rgba(202,184,164,.25) !important;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MESSAGES\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-message {\r\n\r\n        display: flex;\r\n\r\n        width: 100%;\r\n\r\n        margin: 6px 0;\r\n    }\r\n\r\n\r\n    .ecpchat-own {\r\n        justify-content: flex-end;\r\n    }\r\n\r\n\r\n    .ecpchat-other {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n\r\n    .ecpchat-bubble {\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        gap: 9px;\r\n\r\n        width: auto;\r\n\r\n        max-width: min(68%,760px);\r\n\r\n        padding: 9px 11px 8px 12px;\r\n\r\n        border-radius: 17px;\r\n\r\n        box-shadow: 0 2px 7px rgba(0,0,0,.18);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.45;\r\n    }\r\n\r\n\r\n    .ecpchat-own .ecpchat-bubble {\r\n\r\n        color: #ffffff;\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #7d3346,\r\n                var(--ec-primary)\r\n            );\r\n\r\n        border: 1px solid rgba(202,184,164,.10);\r\n\r\n        border-bottom-right-radius: 5px;\r\n    }\r\n\r\n\r\n    .ecpchat-other .ecpchat-bubble {\r\n\r\n        color: var(--ec-text);\r\n\r\n        background: var(--ec-panel-light);\r\n\r\n        border: 1px solid rgba(202,184,164,.08);\r\n\r\n        border-bottom-left-radius: 5px;\r\n    }\r\n\r\n\r\n    .ecpchat-message-text {\r\n\r\n        min-width: 0;\r\n\r\n        overflow-wrap: anywhere;\r\n\r\n        white-space: pre-wrap;\r\n    }\r\n\r\n\r\n    .ecpchat-time {\r\n\r\n        flex: 0 0 auto;\r\n\r\n        margin-bottom: 1px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        font-size: 10px;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    .ecpchat-own .ecpchat-time {\r\n        color: rgba(255,255,255,.60);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       EMPTY\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-empty {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 6px;\r\n\r\n        height: 100%;\r\n\r\n        min-height: 200px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .ecpchat-empty strong {\r\n\r\n        color: var(--ec-secondary);\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .ecpchat-empty span {\r\n\r\n        max-width: 320px;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       COMPOSER\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-compose {\r\n\r\n        position: relative;\r\n\r\n        z-index: 10;\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        flex: 0 0 auto;\r\n\r\n        gap: 10px;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding:\r\n            12px\r\n            clamp(18px,8vw,160px)\r\n            calc(12px + env(safe-area-inset-bottom));\r\n\r\n        background: var(--ec-panel);\r\n\r\n        border: 0 !important;\r\n\r\n        border-top: 1px solid var(--ec-border) !important;\r\n\r\n        box-shadow: 0 -4px 18px rgba(0,0,0,.14) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-compose-box {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        flex: 1;\r\n\r\n        min-width: 0;\r\n\r\n        min-height: 48px;\r\n\r\n        padding: 0 6px;\r\n\r\n        background: var(--ec-panel-light);\r\n\r\n        border: 1px solid var(--ec-border);\r\n\r\n        border-radius: 24px;\r\n    }\r\n\r\n\r\n    .ecpchat-compose-box:focus-within {\r\n\r\n        background: #38292e;\r\n\r\n        border-color: rgba(202,184,164,.38);\r\n\r\n        box-shadow: 0 0 0 2px rgba(202,184,164,.06);\r\n    }\r\n\r\n\r\n    .ecpchat-input,\r\n    .ecpchat-input:hover,\r\n    .ecpchat-input:focus {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        min-height: 46px;\r\n\r\n        max-height: 120px;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 13px 11px !important;\r\n\r\n        color: var(--ec-text) !important;\r\n\r\n        background: transparent !important;\r\n\r\n        border: 0 !important;\r\n\r\n        border-radius: 0 !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: none !important;\r\n\r\n        resize: none;\r\n\r\n        overflow-y: auto;\r\n\r\n        font: inherit !important;\r\n\r\n        font-size: 14px !important;\r\n\r\n        line-height: 20px !important;\r\n    }\r\n\r\n\r\n    .ecpchat-input::placeholder {\r\n\r\n        color: #8f7d78 !important;\r\n\r\n        opacity: 1;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SEND BUTTON\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-send,\r\n    .ecpchat-send:hover,\r\n    .ecpchat-send:focus {\r\n\r\n        display: grid !important;\r\n\r\n        place-items: center !important;\r\n\r\n        flex: 0 0 48px;\r\n\r\n        width: 48px !important;\r\n        height: 48px !important;\r\n\r\n        min-height: 0 !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 0 !important;\r\n\r\n        color: #ffffff !important;\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--ec-primary-light),\r\n                var(--ec-primary)\r\n            ) !important;\r\n\r\n        border: 1px solid rgba(202,184,164,.15) !important;\r\n\r\n        border-radius: 50% !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: 0 5px 16px rgba(0,0,0,.25) !important;\r\n\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n    .ecpchat-send:hover {\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #934157,\r\n                #652837\r\n            ) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-send:focus-visible {\r\n\r\n        box-shadow:\r\n            0 0 0 3px rgba(202,184,164,.22),\r\n            0 5px 16px rgba(0,0,0,.25) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-send:active {\r\n        transform: scale(.93);\r\n    }\r\n\r\n\r\n    .ecpchat-send:disabled {\r\n\r\n        opacity: .4 !important;\r\n\r\n        cursor: default;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ERRORS\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-error,\r\n    .ecpchat-auth-error {\r\n\r\n        padding: 10px 14px;\r\n\r\n        color: #efcbd3;\r\n\r\n        background: #512430;\r\n\r\n        border-top: 1px solid rgba(202,184,164,.10);\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .ecpchat-auth-error {\r\n\r\n        margin-top: 14px;\r\n\r\n        border: 1px solid rgba(202,184,164,.10);\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       AUTH BACKGROUND\r\n       Same height as the chat window, card centered.\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-auth-stage {\r\n\r\n        width: 100%;\r\n\r\n        height: var(--ecpchat-height);\r\n\r\n        min-height: var(--ecpchat-min-height);\r\n\r\n        padding: 24px 18px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        background-color: #181214;\r\n\r\n        background-image:\r\n\r\n            radial-gradient(\r\n                circle at 20% 20%,\r\n                rgba(114,46,62,.17),\r\n                transparent 32%\r\n            ),\r\n\r\n            radial-gradient(\r\n                circle at 82% 72%,\r\n                rgba(202,184,164,.08),\r\n                transparent 30%\r\n            ),\r\n\r\n            linear-gradient(\r\n                135deg,\r\n                #181214,\r\n                #21181b 55%,\r\n                #181214\r\n            );\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    .ecpchat-auth {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 560px;\r\n\r\n        margin: 0;\r\n\r\n        color: var(--ec-text);\r\n\r\n        background: #291e22;\r\n\r\n        border: 1px solid rgba(202,184,164,.14);\r\n\r\n        border-radius: 20px;\r\n\r\n        overflow: hidden;\r\n\r\n        box-shadow: 0 22px 70px rgba(0,0,0,.32);\r\n    }\r\n\r\n\r\n    .ecpchat-auth-inner {\r\n        padding: 42px 38px 38px;\r\n    }\r\n\r\n\r\n    .ecpchat-auth-logo {\r\n\r\n        display: grid;\r\n\r\n        place-items: center;\r\n\r\n        width: 64px;\r\n        height: 64px;\r\n\r\n        margin: 0 auto 18px;\r\n\r\n        color: var(--ec-secondary);\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--ec-primary-light),\r\n                var(--ec-primary-dark)\r\n            );\r\n\r\n        border: 1px solid rgba(202,184,164,.16);\r\n\r\n        border-radius: 50%;\r\n\r\n        box-shadow: 0 8px 25px rgba(0,0,0,.26);\r\n    }\r\n\r\n\r\n    .ecpchat-auth h3 {\r\n\r\n        margin: 0;\r\n\r\n        padding: 0;\r\n\r\n        color: var(--ec-text);\r\n\r\n        font-size: 23px;\r\n\r\n        font-weight: 700;\r\n\r\n        line-height: 1.25;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .ecpchat-auth p {\r\n\r\n        max-width: 350px;\r\n\r\n        margin: 9px auto 26px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.55;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       AUTH TABS - ELEMENTOR OVERRIDE\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-tabs {\r\n\r\n        display: flex;\r\n\r\n        gap: 4px;\r\n\r\n        margin-bottom: 23px;\r\n\r\n        padding: 4px;\r\n\r\n        background: #20171a;\r\n\r\n        border: 1px solid var(--ec-border);\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n\r\n    .ecpchat-tab,\r\n    .ecpchat-tab:hover,\r\n    .ecpchat-tab:focus {\r\n\r\n        flex: 1;\r\n\r\n        min-height: 40px !important;\r\n\r\n        padding: 8px 10px !important;\r\n\r\n        color: var(--ec-muted) !important;\r\n\r\n        background: transparent !important;\r\n\r\n        border: 0 !important;\r\n\r\n        border-radius: 9px !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: none !important;\r\n\r\n        cursor: pointer;\r\n\r\n        font: inherit !important;\r\n\r\n        font-size: 12px !important;\r\n\r\n        font-weight: 650 !important;\r\n    }\r\n\r\n\r\n    .ecpchat-tab.is-active,\r\n    .ecpchat-tab.is-active:hover,\r\n    .ecpchat-tab.is-active:focus {\r\n\r\n        color: var(--ec-secondary) !important;\r\n\r\n        background: var(--ec-primary) !important;\r\n\r\n        box-shadow: 0 2px 8px rgba(0,0,0,.20) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-tab:focus-visible {\r\n\r\n        box-shadow: 0 0 0 2px rgba(202,184,164,.18) !important;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       AUTH FORM\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-auth-form {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 16px;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 0 !important;\r\n    }\r\n\r\n\r\n    .ecpchat-auth-form[hidden] {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .ecpchat-field-wrap {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 7px;\r\n\r\n        margin: 0;\r\n    }\r\n\r\n\r\n    .ecpchat-field-wrap > span {\r\n\r\n        padding-left: 2px;\r\n\r\n        color: var(--ec-secondary-soft);\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 600;\r\n    }\r\n\r\n\r\n    .ecpchat-field,\r\n    .ecpchat-field:hover {\r\n\r\n        width: 100%;\r\n\r\n        height: 50px;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 0 15px !important;\r\n\r\n        color: var(--ec-text) !important;\r\n\r\n        background: var(--ec-panel-light) !important;\r\n\r\n        border: 1px solid var(--ec-border) !important;\r\n\r\n        border-radius: 11px !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: none !important;\r\n\r\n        font: inherit !important;\r\n\r\n        font-size: 14px !important;\r\n    }\r\n\r\n\r\n    .ecpchat-field:focus {\r\n\r\n        color: var(--ec-text) !important;\r\n\r\n        background: #38292e !important;\r\n\r\n        border-color: rgba(202,184,164,.48) !important;\r\n\r\n        box-shadow: 0 0 0 3px rgba(202,184,164,.06) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-field::placeholder {\r\n\r\n        color: #88766f !important;\r\n\r\n        opacity: 1;\r\n    }\r\n\r\n\r\n    .ecpchat-hint {\r\n\r\n        margin-top: -9px;\r\n\r\n        color: #8f7d77;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PRIMARY BUTTON - ELEMENTOR OVERRIDE\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-primary,\r\n    .ecpchat-primary:hover,\r\n    .ecpchat-primary:focus {\r\n\r\n        width: 100% !important;\r\n\r\n        min-height: 50px !important;\r\n\r\n        margin-top: 4px !important;\r\n\r\n        padding: 10px 18px !important;\r\n\r\n        color: #ffffff !important;\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--ec-primary-light),\r\n                var(--ec-primary)\r\n            ) !important;\r\n\r\n        border: 0 !important;\r\n\r\n        border-radius: 11px !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: 0 5px 16px rgba(0,0,0,.24) !important;\r\n\r\n        cursor: pointer;\r\n\r\n        font: inherit !important;\r\n\r\n        font-size: 14px !important;\r\n\r\n        font-weight: 650 !important;\r\n    }\r\n\r\n\r\n    .ecpchat-primary:hover {\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #914054,\r\n                #622736\r\n            ) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-primary:focus-visible {\r\n\r\n        box-shadow:\r\n            0 0 0 3px rgba(202,184,164,.20),\r\n            0 5px 16px rgba(0,0,0,.24) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-primary:disabled {\r\n\r\n        opacity: .45 !important;\r\n\r\n        cursor: default;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SELLER INBOX\r\n       ===================================================== *\/\r\n\r\n    .ecpchat-inbox {\r\n\r\n        min-height: 70vh;\r\n\r\n        background: var(--ec-bg);\r\n    }\r\n\r\n\r\n    .ecpchat-thread-list {\r\n\r\n        min-height: calc(70vh - 68px);\r\n\r\n        background: var(--ec-bg);\r\n    }\r\n\r\n\r\n    .ecpchat-thread,\r\n    .ecpchat-thread:visited,\r\n    .ecpchat-thread:focus {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 13px;\r\n\r\n        min-height: 74px;\r\n\r\n        padding: 11px clamp(18px,5vw,70px);\r\n\r\n        color: var(--ec-text) !important;\r\n\r\n        background: var(--ec-panel) !important;\r\n\r\n        border: 0 !important;\r\n\r\n        border-bottom: 1px solid var(--ec-border) !important;\r\n\r\n        outline: none !important;\r\n\r\n        box-shadow: none !important;\r\n\r\n        text-decoration: none !important;\r\n    }\r\n\r\n\r\n    .ecpchat-thread:hover {\r\n\r\n        color: var(--ec-text) !important;\r\n\r\n        background: var(--ec-panel-hover) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-thread:focus-visible {\r\n\r\n        box-shadow: inset 0 0 0 2px rgba(202,184,164,.16) !important;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-avatar {\r\n\r\n        display: grid;\r\n\r\n        place-items: center;\r\n\r\n        flex: 0 0 48px;\r\n\r\n        width: 48px;\r\n        height: 48px;\r\n\r\n        color: var(--ec-secondary);\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                var(--ec-primary-light),\r\n                var(--ec-primary-dark)\r\n            );\r\n\r\n        border-radius: 50%;\r\n\r\n        font-size: 16px;\r\n\r\n        font-weight: 700;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-main {\r\n\r\n        flex: 1;\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-row {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-row strong {\r\n\r\n        overflow: hidden;\r\n\r\n        color: var(--ec-text);\r\n\r\n        font-size: 14px;\r\n\r\n        text-overflow: ellipsis;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-row time {\r\n\r\n        flex: 0 0 auto;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-preview {\r\n\r\n        overflow: hidden;\r\n\r\n        margin-top: 4px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        font-size: 12px;\r\n\r\n        text-overflow: ellipsis;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n    .ecpchat-thread-arrow {\r\n\r\n        color: var(--ec-secondary-soft);\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .ecpchat-no-threads {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        min-height: calc(70vh - 68px);\r\n\r\n        padding: 40px;\r\n\r\n        color: var(--ec-muted);\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .ecpchat-no-threads-icon {\r\n\r\n        display: grid;\r\n\r\n        place-items: center;\r\n\r\n        width: 64px;\r\n        height: 64px;\r\n\r\n        margin-bottom: 14px;\r\n\r\n        color: var(--ec-secondary);\r\n\r\n        background: rgba(114,46,62,.45);\r\n\r\n        border-radius: 50%;\r\n    }\r\n\r\n\r\n    .ecpchat-no-threads strong {\r\n\r\n        margin-bottom: 5px;\r\n\r\n        color: var(--ec-text);\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE\r\n       ===================================================== *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n        .ecpchat-chat,\r\n        .ecpchat-inbox {\r\n\r\n            width: 100%;\r\n\r\n            max-width: 100%;\r\n\r\n            margin: 0;\r\n\r\n            border-radius: 0;\r\n\r\n            box-shadow: none;\r\n        }\r\n\r\n\r\n        .ecpchat-chat {\r\n\r\n            height: var(--ecpchat-height);\r\n\r\n            min-height: var(--ecpchat-min-height);\r\n        }\r\n\r\n\r\n        .ecpchat-topbar {\r\n\r\n            flex-basis: 60px;\r\n\r\n            min-height: 60px;\r\n\r\n            padding: 8px 11px;\r\n        }\r\n\r\n\r\n        .ecpchat-chat-avatar,\r\n        .ecpchat-topbar-icon {\r\n\r\n            flex-basis: 39px;\r\n\r\n            width: 39px;\r\n            height: 39px;\r\n        }\r\n\r\n\r\n        .ecpchat-topbar-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n\r\n        .ecpchat-topbar-subtitle {\r\n            font-size: 11px;\r\n        }\r\n\r\n\r\n        .ecpchat-messages {\r\n\r\n            padding: 15px 30px 15px 9px;\r\n        }\r\n\r\n\r\n        .ecpchat-scrollbar {\r\n\r\n            top: 10px;\r\n            right: 5px;\r\n            bottom: 10px;\r\n\r\n            width: 20px;\r\n        }\r\n\r\n\r\n        .ecpchat-scrollbar-track,\r\n        .ecpchat-scrollbar-thumb {\r\n            width: 7px;\r\n        }\r\n\r\n\r\n        .ecpchat-scrollbar-thumb {\r\n            min-height: 48px;\r\n        }\r\n\r\n\r\n        .ecpchat-bubble {\r\n\r\n            max-width: 88%;\r\n\r\n            padding: 8px 9px 7px 10px;\r\n\r\n            border-radius: 15px;\r\n        }\r\n\r\n\r\n        .ecpchat-own .ecpchat-bubble {\r\n            border-bottom-right-radius: 4px;\r\n        }\r\n\r\n\r\n        .ecpchat-other .ecpchat-bubble {\r\n            border-bottom-left-radius: 4px;\r\n        }\r\n\r\n\r\n        .ecpchat-compose {\r\n\r\n            gap: 7px;\r\n\r\n            padding:\r\n                8px\r\n                9px\r\n                calc(8px + env(safe-area-inset-bottom));\r\n        }\r\n\r\n\r\n        .ecpchat-compose-box {\r\n\r\n            min-height: 44px;\r\n\r\n            border-radius: 22px;\r\n        }\r\n\r\n\r\n        .ecpchat-input,\r\n        .ecpchat-input:hover,\r\n        .ecpchat-input:focus {\r\n\r\n            min-height: 42px;\r\n\r\n            padding: 11px 9px !important;\r\n        }\r\n\r\n\r\n        .ecpchat-send,\r\n        .ecpchat-send:hover,\r\n        .ecpchat-send:focus {\r\n\r\n            flex-basis: 44px;\r\n\r\n            width: 44px !important;\r\n            height: 44px !important;\r\n        }\r\n\r\n\r\n        \/* Registration\/login background *\/\r\n\r\n        .ecpchat-auth-stage {\r\n\r\n            height: var(--ecpchat-height);\r\n\r\n            min-height: var(--ecpchat-min-height);\r\n\r\n            padding: 16px 12px;\r\n        }\r\n\r\n\r\n        .ecpchat-auth {\r\n\r\n            width: 100%;\r\n\r\n            max-width: 560px;\r\n\r\n            margin: 0;\r\n\r\n            border-radius: 17px;\r\n        }\r\n\r\n\r\n        .ecpchat-auth-inner {\r\n            padding: 30px 20px 25px;\r\n        }\r\n\r\n\r\n        .ecpchat-auth-logo {\r\n\r\n            width: 57px;\r\n            height: 57px;\r\n        }\r\n\r\n\r\n        .ecpchat-auth h3 {\r\n            font-size: 20px;\r\n        }\r\n\r\n\r\n        .ecpchat-auth p {\r\n            font-size: 12px;\r\n        }\r\n\r\n\r\n        .ecpchat-thread {\r\n\r\n            min-height: 68px;\r\n\r\n            padding: 9px 12px !important;\r\n        }\r\n\r\n\r\n        .ecpchat-thread-avatar {\r\n\r\n            flex-basis: 43px;\r\n\r\n            width: 43px;\r\n            height: 43px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SMALL MOBILE\r\n       ===================================================== *\/\r\n\r\n    @media (max-width:420px) {\r\n\r\n        .ecpchat-bubble {\r\n            max-width: 91%;\r\n        }\r\n\r\n\r\n        .ecpchat-tab,\r\n        .ecpchat-tab:hover,\r\n        .ecpchat-tab:focus {\r\n\r\n            padding: 7px 5px !important;\r\n\r\n            font-size: 11px !important;\r\n        }\r\n\r\n\r\n        .ecpchat-auth-inner {\r\n\r\n            padding-right: 17px;\r\n\r\n            padding-left: 17px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LARGE DESKTOP\r\n       ===================================================== *\/\r\n\r\n    @media (min-width:1400px) {\r\n\r\n        .ecpchat-messages {\r\n\r\n            padding-left: max(10vw,180px);\r\n\r\n            padding-right: max(10vw,180px);\r\n        }\r\n\r\n\r\n        .ecpchat-compose {\r\n\r\n            padding-right: max(10vw,180px);\r\n\r\n            padding-left: max(10vw,180px);\r\n        }\r\n\r\n\r\n        .ecpchat-scrollbar {\r\n            right: 12px;\r\n        }\r\n\r\n\r\n        .ecpchat-bubble {\r\n            max-width: 680px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REDUCED MOTION\r\n       ===================================================== *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n        .ecpchat-send,\r\n        .ecpchat-primary,\r\n        .ecpchat-thread,\r\n        .ecpchat-tab {\r\n\r\n            transition: none !important;\r\n        }\r\n\r\n    }\r\n\r\n    <\/style>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e22cff e-con-full e-flex e-con e-child\" data-id=\"5e22cff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dcd2f8 elementor-widget elementor-widget-html\" data-id=\"9dcd2f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n  \u0421\u041f\u0418\u0421\u041e\u041a \u041a\u041e\u041d\u0422\u0410\u041a\u0422\u041e\u0412 \u0414\u041b\u042f ELEMENTOR (\u0432\u0438\u0434\u0436\u0435\u0442 \u00abHTML\u00bb)\r\n  \u0411\u0435\u0437 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432, \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a: \u0438\u043a\u043e\u043d\u043a\u0438 \u2014 inline SVG,\r\n  \u0441\u0442\u0438\u043b\u0438 \u2014 \u043e\u0434\u0438\u043d \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0431\u043b\u043e\u043a, JS \u2014 ~10 \u0441\u0442\u0440\u043e\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0447\u0430\u0442\u0430.\r\n  \u0426\u0432\u0435\u0442\u0430: \u0444\u043e\u043d #5e2432 (\u0442\u0451\u043c\u043d\u043e\u0435 \u0431\u043e\u0440\u0434\u043e), \u0442\u0435\u043a\u0441\u0442 \u0438 \u0438\u043a\u043e\u043d\u043a\u0438 #b8a58f (\u0442\u0451\u043c\u043d\u044b\u0439 \u043f\u0435\u0441\u043e\u043a)\r\n  ===================================================== -->\r\n\r\n<style>\r\n.kl{--a:#b8a58f;--b:#21181b;width:100%;margin:0;padding:0;list-style:none;font:500 clamp(17px,2.2vw,22px)\/1.3 system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif}\r\n.kl *{box-sizing:border-box}\r\n.kl li{margin:0;border-bottom:1px solid rgba(184,165,143,.3)}\r\n.kl li:first-child{border-top:1px solid rgba(184,165,143,.3)}\r\n.kl a{display:flex;align-items:center;gap:clamp(14px,2.5vw,28px);width:100%;padding:clamp(14px,2vw,22px) clamp(12px,2vw,24px);color:var(--a);text-decoration:none;background:var(--b);transition:background-color .2s,color .2s}\r\n.kl a:hover,.kl a:focus-visible{background:var(--a);color:var(--b)}\r\n.kl a:focus-visible{outline:3px solid var(--a);outline-offset:-3px}\r\n.kl a:hover:focus-visible{outline-color:var(--b)}\r\n.kl .ic{flex:none;display:grid;place-items:center;width:clamp(44px,6vw,60px);height:clamp(44px,6vw,60px);border-radius:22%;background:var(--a);color:var(--b);transition:background-color .2s,color .2s}\r\n.kl a:hover .ic,.kl a:focus-visible .ic{background:var(--b);color:var(--a)}\r\n.kl svg{width:58%;height:58%;fill:currentColor}\r\n.kl .tx{flex:1;min-width:0;display:flex;flex-direction:column}\r\n.kl .nm{font-weight:700}\r\n.kl .vl{font-weight:400;font-size:.8em;opacity:.8;overflow-wrap:anywhere}\r\n.kl .ar{flex:none;width:.9em;height:.9em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}\r\n.kl a:hover .ar{transform:translateX(4px)}\r\n@media (prefers-reduced-motion:reduce){.kl a,.kl .ic,.kl .ar{transition:none}.kl a:hover .ar{transform:none}}\r\n<\/style>\r\n\r\n<!-- \u041d\u0430\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043e\u043a (\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0440\u0430\u0437, \u0434\u0430\u043b\u044c\u0448\u0435 \u0447\u0435\u0440\u0435\u0437 <use>) -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n  <symbol id=\"kl-mail\" viewBox=\"0 0 24 24\"><path d=\"M3 5h18a1 1 0 0 1 1 1v.4l-10 6.3L2 6.4V6a1 1 0 0 1 1-1zm19 3.8V18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8.8l9.5 6a1 1 0 0 0 1 0z\"\/><\/symbol>\r\n  <symbol id=\"kl-tg\" viewBox=\"0 0 24 24\"><path d=\"M21.6 3.3 2.7 10.6c-1 .4-1 1.1-.2 1.3l4.8 1.5 1.9 5.7c.2.6.4.8.9.8.4 0 .6-.2.9-.4l2.2-2.1 4.6 3.4c.8.5 1.500.2 1.700-.8l3-14.200c.3-1.200-.5-1.700-1.200-1.500zM9 13.500l8.700-5.500c.4-.3.8-.1.5.2l-7.200 6.500-.3 3z\"\/><\/symbol>\r\n  <symbol id=\"kl-ds\" viewBox=\"0 0 24 24\"><path d=\"M19.300 5.300A17 17 0 0 0 15.100 4l-.5 1a15.800 15.800 0 0 0-5.200 0l-.5-1a17 17 0 0 0-4.200 1.300C1.900 9.300 1.200 13.200 1.500 17a17 17 0 0 0 5.200 2.600l1.100-1.800-1.700-.8.400-.3a12 12 0 0 0 10.600 0l.4.300-1.700.8 1.100 1.800A17 17 0 0 0 22.100 17c.4-4.400-.7-8.300-2.800-11.700zM8.700 14.700c-1 0-1.800-.9-1.800-2s.8-2 1.800-2 1.800.9 1.800 2-.8 2-1.800 2zm6.600 0c-1 0-1.800-.9-1.800-2s.8-2 1.800-2 1.800.9 1.800 2-.8 2-1.800 2z\"\/><\/symbol>\r\n  <symbol id=\"kl-vk\" viewBox=\"0 0 24 24\"><path d=\"M12.800 17.500C6.800 17.500 3.400 13.400 3.200 6.600h3c.1 5 2.300 7.100 4.100 7.500V6.600h2.800v4.300c1.700-.2 3.500-2.100 4.100-4.300h2.800c-.5 2.600-2.400 4.500-3.800 5.300 1.400.7 3.600 2.400 4.400 5.600h-3.100c-.7-2.100-2.300-3.700-4.500-3.900v3.900z\"\/><\/symbol>\r\n  <symbol id=\"kl-chat\" viewBox=\"0 0 24 24\"><path d=\"M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm3 5v2h10V8zm0 4v2h7v-2z\"\/><\/symbol>\r\n  <symbol id=\"kl-tel\" viewBox=\"0 0 24 24\"><path d=\"M6.600 10.800a15 15 0 0 0 6.600 6.600l2.200-2.200a1 1 0 0 1 1-.25c1.100.37 2.300.57 3.600.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.500a1 1 0 0 1 1 1c0 1.300.2 2.500.57 3.600a1 1 0 0 1-.25 1z\"\/><\/symbol>\r\n  <symbol id=\"kl-wa\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-8.600 15.100L2 22l5-1.300A10 10 0 1 0 12 2zm5.200 14c-.2.600-1.300 1.200-1.800 1.200-.5.100-1 .2-3.300-.7-2.800-1.200-4.600-4-4.700-4.200-.1-.2-1.100-1.500-1.100-2.800s.7-2 1-2.300c.2-.3.500-.3.700-.3h.5c.2 0 .4 0 .6.500l.8 2c.1.200.1.300 0 .5l-.3.400-.4.400c-.1.100-.3.300-.1.600.2.300.8 1.300 1.700 2.100 1.200 1 2.100 1.300 2.400 1.500.3.100.5.100.6-.1l.9-1.100c.2-.3.400-.2.600-.1l1.900.9c.3.100.5.200.5.300.1.200.1.800-.1 1.400z\"\/><\/symbol>\r\n  <symbol id=\"kl-cgt\" viewBox=\"0 0 24 24\"><path d=\"M12 2.8 19.6 7 12 11.2 4.4 7zM3.8 8.7l7.4 4.1v8.4L3.8 17zm16.4 0V17l-7.4 4.2v-8.4z\"\/><\/symbol>\r\n  <symbol id=\"kl-ar\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\r\n<\/svg>\r\n\r\n<ul class=\"kl\">\r\n\r\n  <!-- 1. \u0427\u0430\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 (\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u043c \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u043c, \u0441\u043c. \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0438\u0436\u0435) -->\r\n<li><a href=\"#\" data-kl-chat aria-label=\"Open site chat\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-chat\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">Site chat<\/span><span class=\"vl\">We'll reply within a few minutes<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- 2. Telegram \u2014 replace username -->\r\n  <li><a href=\"https:\/\/t.me\/marmeladochka666\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-tg\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">Telegram<\/span><span class=\"vl\">@marmeladochka666<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- 3. Email \u2014 replace the address -->\r\n  <li><a href=\"mailto:digitaldesigner27462026@gmail.com\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-mail\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">Email<\/span><span class=\"vl\">digitaldesigner27462026@gmail.com<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- 4. VKontakte \u2014 replace the link -->\r\n  <li><a href=\"https:\/\/vk.ru\/05marmeladka\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-vk\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">VKontakte<\/span><span class=\"vl\">https:\/\/vk.ru\/05marmeladka<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- 5. Discord \u2014 insert an invite link or https:\/\/discord.com\/users\/YOUR_ID -->\r\n  <li><a href=\"https:\/\/discord.com\/users\/marmeladochka666\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-ds\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">Discord<\/span><span class=\"vl\">marmeladochka666<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- 6. CGTrader \u2014 replace the link with your profile -->\r\n  <li><a href=\"https:\/\/www.cgtrader.com\/designers\/strikq\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-cgt\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">CGTrader<\/span><span class=\"vl\">My 3D models on CGTrader<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n\r\n  <!-- ===== Additional options (just delete any you don't need) ===== -->\r\n\r\n  <!-- Phone -->\r\n  <!--\r\n  <li><a href=\"tel:+70000000000\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-tel\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">Phone<\/span><span class=\"vl\">+7 000 000-00-00<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n-->\r\n  <!-- WhatsApp: number in the format 70000000000 (no + or spaces) -->\r\n  <!--\r\n  <li><a href=\"https:\/\/wa.me\/70000000000\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#kl-wa\"\/><\/svg><\/span>\r\n    <span class=\"tx\"><span class=\"nm\">WhatsApp<\/span><span class=\"vl\">Message us on WhatsApp<\/span><\/span>\r\n    <svg class=\"ar\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#kl-ar\"\/><\/svg>\r\n  <\/a><\/li>\r\n-->\r\n\r\n<\/ul>\r\n\r\n<!-- \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u0447\u0430\u0442\u0430. \u041f\u043e\u0434\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b;\r\n     \u0435\u0441\u043b\u0438 \u0447\u0430\u0442 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d \u2014 \u043f\u043b\u0430\u0432\u043d\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432\u0432\u0435\u0440\u0445. -->\r\n<script>\r\ndocument.addEventListener('click',function(e){\r\n  var a=e.target.closest('[data-kl-chat]');if(!a)return;e.preventDefault();\r\n  try{\r\n    if(window.Tawk_API&&Tawk_API.maximize)Tawk_API.maximize();\r\n    else if(window.jivo_api&&jivo_api.open)jivo_api.open();\r\n    else if(window.$crisp)$crisp.push(['do','chat:open']);\r\n    else if(window.Chatra)Chatra('openChat',true);\r\n    else if(window.LiveChatWidget)LiveChatWidget.call('maximize');\r\n    else if(window.Intercom)Intercom('show');\r\n    else window.scrollTo({top:0,behavior:'smooth'});\r\n  }catch(_){window.scrollTo(0,0);}\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>Site chatWe&#8217;ll reply within a few minutes Telegram@marmeladochka666 Emaildigitaldesigner27462026@gmail.com VKontaktehttps:\/\/vk.ru\/05marmeladka Discordmarmeladochka666 CGTraderMy 3D models on CGTrader<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":122,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/972\/revisions"}],"predecessor-version":[{"id":1516,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/972\/revisions\/1516"}],"wp:attachment":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/media?parent=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}