{"id":2543,"date":"2026-04-17T07:23:40","date_gmt":"2026-04-17T07:23:40","guid":{"rendered":"https:\/\/rakbeauty.com\/?page_id=2543"},"modified":"2026-04-17T10:03:09","modified_gmt":"2026-04-17T10:03:09","slug":"elementor-storinka-2543","status":"publish","type":"page","link":"https:\/\/rakbeauty.com\/en\/elementor-storinka-2543\/","title":{"rendered":"Elementor \u0421\u0442\u043e\u0440\u0456\u043d\u043a\u0430 #2543"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2543\" class=\"elementor elementor-2543\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741bb25 e-flex e-con-boxed e-con e-parent\" data-id=\"741bb25\" 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-ccf923f elementor-widget elementor-widget-html\" data-id=\"ccf923f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@100..900&display=swap\" rel=\"stylesheet\">\n\n<div id=\"rak-flash-sale-app\">\n    <div class=\"rak-app-card\">\n        \n        <div id=\"step-1\" class=\"app-step active\">\n            <div class=\"flash-badge\">\u041b\u0418\u041c\u0418\u0422\u0418\u0420\u041e\u0412\u0410\u041d\u041d\u041e\u0415 \u041f\u0420\u0415\u0414\u041b\u041e\u0416\u0415\u041d\u0418\u0415<\/div>\n            <h1 class=\"rak-main-title\">FLASH SALE<\/h1>\n            <h2 class=\"rak-sub-title\">\u0410\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u044b\u0439 <br>\u043c\u0430\u0441\u0441\u0430\u0436-\u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044e \u0444\u0438\u0433\u0443\u0440\u044b Zemits <\/h2>\n            <p class=\"rak-desc\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441\u0435\u0430\u043d\u0441\u0430, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u043a\u0438\u0434\u043a\u0443:<\/p>\n            \n            <div class=\"option-list\">\n                <button class=\"abo-btn\" onclick=\"goToStep2(875, '40 \u043c\u0438\u043d')\">\n                    <span class=\"abo-time\">10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 40 \u043c\u0438\u043d<\/span>\n                    <span class=\"abo-price\">875\u20ac<\/span>\n                <\/button>\n                <button class=\"abo-btn\" onclick=\"goToStep2(1050, '60 \u043c\u0438\u043d')\">\n                    <span class=\"abo-time\">10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 60 \u043c\u0438\u043d<\/span>\n                    <span class=\"abo-price\">1050\u20ac<\/span>\n                <\/button>\n                <button class=\"abo-btn\" onclick=\"goToStep2(1190, '80 \u043c\u0438\u043d')\">\n                    <span class=\"abo-time\">10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 80 \u043c\u0438\u043d<\/span>\n                    <span class=\"abo-price\">1190\u20ac<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"step-2\" class=\"app-step\">\n            <h2 class=\"rak-step-title\">\u0421\u043e\u0442\u0440\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443!<\/h2>\n            <div class=\"scratch-widget\" id=\"scratch-area\">\n                <div class=\"scratch-underlay\">\n                    <div class=\"emoji-prize\">\ud83c\udf81<\/div>\n                <\/div>\n                <canvas id=\"scratch-canvas\"><\/canvas>\n            <\/div>\n            <p class=\"rub-instruction\">\u0421\u0442\u0438\u0440\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \ud83d\udc59 \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0438\u0433\u0440\u0430\u0442\u044c!<\/p>\n        <\/div>\n\n        <div id=\"step-3\" class=\"app-step\">\n            <div class=\"congrats-icon\">\ud83c\udf89<\/div>\n            <h2 class=\"rak-step-title\">\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!<\/h2>\n            <div class=\"final-coupon\" id=\"screenshot-coupon\">\n                <div class=\"coupon-inner\">\n                    <span class=\"c-label\">\u0412\u0410\u0428 \u0412\u042b\u0418\u0413\u0420\u042b\u0428:<\/span>\n                    <div class=\"c-percent\" id=\"win-percent\">-10%<\/div>\n                    <p class=\"c-product\">\u0410\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 <br><strong id=\"win-time\">60 \u043c\u0438\u043d<\/strong><\/p>\n                    \n                    <div class=\"c-calc\">\n                        <div class=\"calc-row\"><span>\u041e\u0431\u044b\u0447\u043d\u0430\u044f \u0446\u0435\u043d\u0430:<\/span> <span id=\"win-old\">0\u20ac<\/span><\/div>\n                        <div class=\"calc-row savings\"><span>\u0412\u0430\u0448\u0430 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044f:<\/span> <span id=\"win-save\">0\u20ac<\/span><\/div>\n                        <div class=\"calc-divider\"><\/div>\n                        <div class=\"calc-row total\"><span>\u0426\u0435\u043d\u0430 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439:<\/span> <span id=\"win-new\">0\u20ac<\/span><\/div>\n                    <\/div>\n                    <p class=\"c-valid\">\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043e 30.04.2026. \u0421\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442!<\/p>\n                <\/div>\n            <\/div>\n            \n            <p class=\"rak-desc\">\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043d\u0430\u043c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u0434\u043b\u044f \u0437\u0430\u043f\u0438\u0441\u0438:<\/p>\n            \n            <div class=\"contact-buttons\">\n                <a href=\"https:\/\/wa.me\/4367763949710?text=\u042f%20\u0432\u044b\u0438\u0433\u0440\u0430\u043b\u0430%20\u0441\u043a\u0438\u0434\u043a\u0443%20\u043d\u0430%20\u0430\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442!\" target=\"_blank\" class=\"contact-btn whatsapp-btn\">\n                    <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/rak_beauty_vienna\/\" target=\"_blank\" class=\"contact-btn instagram-btn\">\n                    <i class=\"fab fa-instagram\"><\/i> Instagram\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css');\n\n    #rak-flash-sale-app {\n        --b-blue: #0000CC;\n        --b-whatsapp: #25D366;\n        --f-head: 'Igra Sans', sans-serif;\n        --f-body: 'Geist', sans-serif;\n        background: #ffffff;\n        padding: 40px 20px;\n        display: flex;\n        justify-content: center;\n        font-family: var(--f-body);\n        -webkit-tap-highlight-color: transparent;\n    }\n    \n    .rak-app-card { width: 100%; max-width: 420px; text-align: center; }\n    .app-step { display: none; }\n    .app-step.active { display: block; animation: fadeIn 0.4s ease; }\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n    .flash-badge { background: #FF3B30; color: white; display: inline-block; padding: 4px 12px; border-radius: 50px; font-size: 11px; font-weight: bold; margin-bottom: 10px; }\n    .rak-main-title { font-family: var(--f-head); font-size: 55px; font-weight: 900; color: var(--b-blue); margin: 0; line-height: 0.9; letter-spacing: -2px; }\n    .rak-sub-title { font-size: 20px; font-weight: 700; margin: 15px 0 25px; line-height: 1.2; }\n    .rak-desc { color: #666; font-size: 15px; margin-bottom: 20px; }\n    \n    .abo-btn {\n        background: #fff; border: 1px solid #ddd; padding: 18px; border-radius: 12px;\n        display: flex; justify-content: space-between; width: 100%; margin-bottom: 10px;\n        cursor: pointer; font-family: var(--f-body); transition: 0.2s;\n    }\n    .abo-btn:hover { border-color: var(--b-blue); background: #f8faff; }\n    .abo-time { font-weight: 600; color: #111; }\n    .abo-price { color: var(--b-blue); font-weight: 700; }\n\n    .scratch-widget {\n        position: relative; width: 280px; height: 280px; margin: 0 auto;\n        border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,204,0.1);\n        touch-action: none;\n    }\n    #scratch-canvas { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; cursor: crosshair; }\n    .scratch-underlay {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: #f4f4f4; display: flex; justify-content: center; align-items: center;\n    }\n    .emoji-prize { font-size: 80px; }\n\n    .final-coupon { background: #fff; border-radius: 20px; padding: 10px; border: 1px solid #eee; margin: 20px 0; }\n    .coupon-inner { border: 2px dashed #ddd; border-radius: 15px; padding: 20px; }\n    .c-percent { font-family: var(--f-head); font-size: 70px; font-weight: 900; color: var(--b-blue); line-height: 1; margin: 10px 0; }\n    .c-calc { background: #f9f9f9; padding: 15px; border-radius: 10px; text-align: left; margin: 15px 0; }\n    .calc-row { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 4px; }\n    .calc-row.savings { color: #27ae60; font-weight: 500; }\n    .total { font-weight: bold; font-size: 18px; color: #000; padding-top: 8px; border-top: 1px solid #eee; margin-top: 5px; }\n    .c-valid { font-size: 10px; color: #aaa; text-transform: uppercase; margin-top: 10px; }\n\n    .contact-buttons { display: flex; gap: 10px; justify-content: center; margin-top: 20px; flex-wrap: wrap; }\n    .contact-btn {\n        color: white !important; text-decoration: none !important;\n        padding: 14px 24px; border-radius: 50px; font-weight: bold; \n        display: inline-flex; align-items: center; gap: 8px; font-size: 14px;\n        transition: transform 0.2s;\n    }\n    .contact-btn:hover { transform: translateY(-2px); }\n    \n    .whatsapp-btn { background: var(--b-whatsapp); }\n    .instagram-btn { background: var(--b-blue); }\n\n    .congrats-icon { font-size: 50px; margin-bottom: 10px; }\n    .rub-instruction { margin-top: 15px; color: var(--b-blue); font-weight: 600; }\n<\/style>\n\n<script>\n(function() {\n    \/\/ 20% \u0432\u044b\u043f\u0430\u0434\u0430\u0435\u0442 \u0440\u0435\u0434\u043a\u043e (\u0448\u0430\u043d\u0441 1 \u043a 20)\n    const discountPool = [10, 10, 10, 10, 10, 10, 10, 10, 10, 15, 15, 15, 15, 15, 15, 15, 15, 15, 15, 20];\n    let state = { p: 0, t: '', d: 0 };\n\n    window.goToStep2 = function(p, t) {\n        state.p = p; state.t = t;\n        state.d = discountPool[Math.floor(Math.random() * discountPool.length)];\n        document.getElementById('step-1').classList.remove('active');\n        document.getElementById('step-2').classList.add('active');\n        setTimeout(initScratch, 50);\n    };\n\n    function initScratch() {\n        const canvas = document.getElementById('scratch-canvas');\n        const ctx = canvas.getContext('2d', { willReadFrequently: true });\n        const size = 280;\n        canvas.width = size; canvas.height = size;\n\n        ctx.fillStyle = '#0000CC';\n        ctx.fillRect(0, 0, size, size);\n        ctx.fillStyle = '#FFFFFF';\n        ctx.font = 'bold 18px sans-serif';\n        ctx.textAlign = 'center';\n        ctx.fillText('\u0421\u0422\u0418\u0420\u0410\u0419 \u0417\u0414\u0415\u0421\u042c \ud83d\udc59', size\/2, size\/2);\n\n        let drawing = false;\n\n        function getMousePos(e) {\n            const rect = canvas.getBoundingClientRect();\n            const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n            const clientY = e.touches ? e.touches[0].clientY : e.clientY;\n            return {\n                x: (clientX - rect.left) * (canvas.width \/ rect.width),\n                y: (clientY - rect.top) * (canvas.height \/ rect.height)\n            };\n        }\n\n        function scratch(e) {\n            if (!drawing) return;\n            e.preventDefault();\n            const pos = getMousePos(e);\n            ctx.globalCompositeOperation = 'destination-out';\n            ctx.beginPath();\n            ctx.arc(pos.x, pos.y, 28, 0, Math.PI * 2);\n            ctx.fill();\n        }\n\n        const startDrawing = (e) => { drawing = true; scratch(e); };\n        const endDrawing = () => { \n            if(drawing) {\n                drawing = false;\n                checkProgress();\n            }\n        };\n\n        canvas.addEventListener('mousedown', startDrawing);\n        canvas.addEventListener('touchstart', startDrawing);\n        window.addEventListener('mousemove', scratch);\n        window.addEventListener('touchmove', scratch, { passive: false });\n        window.addEventListener('mouseup', endDrawing);\n        window.addEventListener('touchend', endDrawing);\n\n        function checkProgress() {\n            const data = ctx.getImageData(0, 0, size, size).data;\n            let cleared = 0;\n            for (let i = 3; i < data.length; i += 40) {\n                if (data[i] === 0) cleared++;\n            }\n            if (cleared > 700) { reveal(); }\n        }\n\n        function reveal() {\n            canvas.style.transition = 'opacity 0.6s ease';\n            canvas.style.opacity = '0';\n            setTimeout(() => {\n                document.getElementById('step-2').classList.remove('active');\n                document.getElementById('step-3').classList.add('active');\n                finish();\n            }, 600);\n        }\n    }\n\n    function finish() {\n        confetti({\n            particleCount: 100,\n            spread: 70,\n            origin: { y: 0.6 },\n            colors: ['#0000CC', '#ffffff']\n        });\n\n        const s = (state.p * state.d \/ 100).toFixed(2);\n        const f = (state.p - s).toFixed(2);\n        document.getElementById('win-percent').innerText = '-' + state.d + '%';\n        document.getElementById('win-time').innerText = state.t;\n        document.getElementById('win-old').innerText = state.p + '\u20ac';\n        document.getElementById('win-save').innerText = '-' + s + '\u20ac';\n        document.getElementById('win-new').innerText = f + '\u20ac';\n    }\n})();\n<\/script>\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>\u041b\u0418\u041c\u0418\u0422\u0418\u0420\u041e\u0412\u0410\u041d\u041d\u041e\u0415 \u041f\u0420\u0415\u0414\u041b\u041e\u0416\u0415\u041d\u0418\u0415 FLASH SALE \u0410\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u044b\u0439 \u043c\u0430\u0441\u0441\u0430\u0436-\u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044e \u0444\u0438\u0433\u0443\u0440\u044b Zemits \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441\u0435\u0430\u043d\u0441\u0430, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u043a\u0438\u0434\u043a\u0443: 10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 40 \u043c\u0438\u043d 875\u20ac 10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 60 \u043c\u0438\u043d 1050\u20ac 10 \u0441\u0435\u0430\u043d\u0441\u043e\u0432 | 80 \u043c\u0438\u043d 1190\u20ac \u0421\u043e\u0442\u0440\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443! \ud83c\udf81 \u0421\u0442\u0438\u0440\u0430\u0439\u0442\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \ud83d\udc59 \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0438\u0433\u0440\u0430\u0442\u044c! \ud83c\udf89 \u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c! \u0412\u0410\u0428 \u0412\u042b\u0418\u0413\u0420\u042b\u0428: -10% \u0410\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2543","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/pages\/2543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/comments?post=2543"}],"version-history":[{"count":10,"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/pages\/2543\/revisions"}],"predecessor-version":[{"id":2553,"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/pages\/2543\/revisions\/2553"}],"wp:attachment":[{"href":"https:\/\/rakbeauty.com\/en\/wp-json\/wp\/v2\/media?parent=2543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}