{"id":560,"date":"2025-09-18T17:55:20","date_gmt":"2025-09-18T14:55:20","guid":{"rendered":"https:\/\/formglow-clinic.ru\/?page_id=560"},"modified":"2025-09-22T21:51:31","modified_gmt":"2025-09-22T18:51:31","slug":"form-glow-clinic","status":"publish","type":"page","link":"https:\/\/formglow-clinic.ru\/","title":{"rendered":"Form Glow Clinic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"560\" class=\"elementor elementor-560\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79fd915c e-con-full e-flex e-con e-parent\" data-id=\"79fd915c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc3f1de elementor-widget elementor-widget-html\" data-id=\"3cc3f1de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u041d\u0430\u0447\u0430\u043b\u043e \u0441\u0435\u043a\u0446\u0438\u0438 \u0425\u0435\u0434\u0435\u0440\u0430 v11 (\u0441 \u0431\u043b\u043e\u043a\u043e\u043c \u0430\u0434\u0440\u0435\u0441\u0430) -->\r\n<!-- \u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0438\u043a\u043e\u043d\u043e\u043a WhatsApp \u0438 Telegram \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<style>\r\n    \/* \u0418\u043c\u043f\u043e\u0440\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@500&display=swap');\r\n\r\n    \/* --- \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0445\u0435\u0434\u0435\u0440\u0430 --- *\/\r\n    .header-section-20 {\r\n        background-color: #2A1303;\r\n        position: relative;\r\n        z-index: 999;\r\n        font-family: 'Inter', sans-serif;\r\n        color: #EAE0D5;\r\n        border-bottom: 1px solid rgba(234, 224, 213, 0.1);\r\n    }\r\n\r\n    .header-container-20 {\r\n        max-width: 1650px;\r\n        margin: 0 auto;\r\n        padding: 10px 40px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- \u041b\u043e\u0433\u043e\u0442\u0438\u043f --- *\/\r\n    .logo-link-20 {\r\n        margin-right: 50px;\r\n        flex-shrink: 0; \/* \u0427\u0442\u043e\u0431\u044b \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u043d\u0435 \u0441\u0436\u0438\u043c\u0430\u043b\u0441\u044f *\/\r\n    }\r\n    .logo-link-20 img {\r\n        height: 90px;\r\n        width: auto;\r\n        display: block;\r\n    }\r\n\r\n    \/* --- \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f (\u0414\u0435\u0441\u043a\u0442\u043e\u043f) --- *\/\r\n    .desktop-nav-20 {\r\n        display: flex;\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        gap: 40px;\r\n    }\r\n    .desktop-nav-20 a {\r\n        color: rgba(234, 224, 213, 0.85);\r\n        text-decoration: none;\r\n        font-size: 1rem;\r\n        font-weight: 400;\r\n        padding: 10px 0;\r\n        position: relative;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .desktop-nav-20 a:hover {\r\n        color: #FFFFFF;\r\n    }\r\n    \r\n    .desktop-nav-20 a::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 1px;\r\n        background-color: #C69F7A;\r\n        transform: scaleX(0);\r\n        transform-origin: center;\r\n        transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n    }\r\n    .desktop-nav-20 a:hover::after {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    \/* --- \u041f\u0440\u0430\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0445\u0435\u0434\u0435\u0440\u0430 --- *\/\r\n    .header-right-20 {\r\n        margin-left: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 35px;\r\n    }\r\n    \r\n    \/* === \u0411\u041b\u041e\u041a: \u0410\u0434\u0440\u0435\u0441 (\u0422\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u041f\u041a) === *\/\r\n    .header-address-20 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        border-left: 1px solid rgba(234, 224, 213, 0.1);\r\n        padding-left: 35px;\r\n    }\r\n    .header-address-20 .icon-20 {\r\n        flex-shrink: 0;\r\n        width: 32px;\r\n        height: 32px;\r\n        fill: #C69F7A;\r\n    }\r\n    .address-text-20 {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n    }\r\n    .address-text-20 strong {\r\n        color: #FFFFFF;\r\n        font-weight: 500;\r\n        font-size: 0.95rem;\r\n    }\r\n    .address-text-20 span {\r\n        color: rgba(234, 224, 213, 0.7);\r\n        font-size: 0.85rem;\r\n        font-weight: 300;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* --- \u0422\u0435\u043b\u0435\u0444\u043e\u043d\u044b (\u0414\u0435\u0441\u043a\u0442\u043e\u043f) --- *\/\r\n    .desktop-contacts-20 {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 4px;\r\n    }\r\n    .desktop-contacts-20 a {\r\n        color: #EAE0D5;\r\n        text-decoration: none;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.4rem;\r\n        font-weight: 300;\r\n        line-height: 1.2;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .desktop-contacts-20 a:hover {\r\n        color: #C69F7A;\r\n    }\r\n\r\n    \/* --- \u041a\u043d\u043e\u043f\u043a\u0430 CTA (\u0414\u0435\u0441\u043a\u0442\u043e\u043f) --- *\/\r\n    .header-cta-20 {\r\n        color: #2A1303;\r\n        background-color: #C69F7A;\r\n        border: 1px solid #C69F7A;\r\n        padding: 14px 28px;\r\n        text-decoration: none;\r\n        font-size: 0.95rem;\r\n        font-weight: 300;\r\n        border-radius: 5px;\r\n        white-space: nowrap;\r\n        text-align: center;\r\n        transition: background-color 0.4s ease, color 0.4s ease;\r\n    }\r\n    .header-cta-20:hover {\r\n        background-color: transparent;\r\n        color: #C69F7A;\r\n    }\r\n\r\n    \/* --- \u0411\u0443\u0440\u0433\u0435\u0440 \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e --- *\/\r\n    .burger-menu-20 { display: none; }\r\n    \r\n    \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u0418\u042f \u0412 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u041e\u041c \u041c\u0415\u041d\u042e *\/\r\n    .mobile-overlay-20 {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        background-color: #2A1303; z-index: 1001;\r\n        display: flex; flex-direction: column;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u0432\u0435\u0440\u0445\u0443 \u0432\u043c\u0435\u0441\u0442\u043e \u0446\u0435\u043d\u0442\u0440\u0430 *\/\r\n        justify-content: flex-start; \r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u0438 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\r\n        overflow-y: auto;\r\n        padding: 90px 30px 40px 30px;\r\n        box-sizing: border-box;\r\n        opacity: 0; visibility: hidden;\r\n        transition: opacity 0.5s ease, visibility 0.5s ease;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u044f\u0432\u043d\u043e\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u043f\u0430\u043f\u0430 *\/\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    .mobile-overlay-20.is-active { opacity: 1; visibility: visible; }\r\n    \r\n    .mobile-nav-menu-20 ul {\r\n        list-style: none; padding: 0; margin: 0; text-align: center;\r\n    }\r\n    \r\n    \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0441\u0442\u0438 *\/\r\n    .mobile-nav-link-wrapper-20 {\r\n        margin: 15px 0; \r\n        overflow: hidden;\r\n    }\r\n    .mobile-nav-link-wrapper-20 a {\r\n        color: #EAE0D5; text-decoration: none;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 *\/\r\n        font-size: 1.8rem; \r\n        font-weight: 500; display: block; transform: translateY(110%);\r\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n    .mobile-overlay-20.is-active .mobile-nav-link-wrapper-20:nth-child(1) a { transition-delay: 0.2s; }\r\n    .mobile-overlay-20.is-active .mobile-nav-link-wrapper-20:nth-child(2) a { transition-delay: 0.25s; }\r\n    .mobile-overlay-20.is-active .mobile-nav-link-wrapper-20:nth-child(3) a { transition-delay: 0.3s; }\r\n    .mobile-overlay-20.is-active .mobile-nav-link-wrapper-20:nth-child(4) a { transition-delay: 0.35s; }\r\n    .mobile-overlay-20.is-active .mobile-nav-link-wrapper-20:nth-child(5) a { transition-delay: 0.4s; }\r\n    .mobile-overlay-20.is-active a { transform: translateY(0); }\r\n    \r\n    \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\r\n    .mobile-contact-20 {\r\n        text-align: center; margin-top: 30px; color: rgba(234, 224, 213, 0.8);\r\n        opacity: 0; transform: translateY(15px);\r\n        transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;\r\n    }\r\n    .mobile-overlay-20.is-active .mobile-contact-20 { opacity: 1; transform: translateY(0); }\r\n    \r\n    \/* === \u0421\u0422\u0418\u041b\u0418 \u0414\u041b\u042f \u041a\u041e\u041c\u041f\u0410\u041a\u0422\u041d\u041e\u0419 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u041e\u0419 \u0412\u0415\u0420\u0421\u0418\u0418 === *\/\r\n    .mobile-cta-special-20 {\r\n        display: inline-block; background-color: #C69F7A; color: #2A1303;\r\n        border: 1px solid #C69F7A; \r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u044b \u043e\u0442\u0441\u0442\u0443\u043f\u044b *\/\r\n        padding: 14px 25px; \r\n        text-decoration: none;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 *\/\r\n        font-size: 1rem; \r\n        font-weight: 500; border-radius: 5px;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u043d\u0438\u0436\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\r\n        margin-bottom: 30px; \r\n        line-height: 1.4;\r\n        transition: background-color 0.4s ease, color 0.4s ease;\r\n    }\r\n    .mobile-cta-special-20:hover { background-color: transparent; color: #C69F7A; }\r\n    \r\n    .mobile-phone-block-20 {\r\n        display: flex; justify-content: center; align-items: center; gap: 15px;\r\n    }\r\n    \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u043e\u0442\u0441\u0442\u0443\u043f *\/\r\n    .mobile-phone-block-20:not(:last-of-type) { margin-bottom: 15px; }\r\n    \r\n    .mobile-phone-number-20 a {\r\n        color: #EAE0D5; text-decoration: none; font-family: 'Inter', sans-serif;\r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 *\/\r\n        font-size: 1.4rem; \r\n        font-weight: 300;\r\n    }\r\n    .mobile-messengers-20 { display: flex; gap: 15px; }\r\n    .mobile-messengers-20 a {\r\n        color: #EAE0D5; \r\n        \/* \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0440 \u0438\u043a\u043e\u043d\u043e\u043a *\/\r\n        font-size: 1.8rem;\r\n        transition: color 0.3s ease, transform 0.3s ease;\r\n    }\r\n    .mobile-messengers-20 a:hover { color: #C69F7A; transform: scale(1.1); }\r\n    \/* === \u041a\u041e\u041d\u0415\u0426 \u0421\u0422\u0418\u041b\u0415\u0419 === *\/\r\n\r\n    .mobile-contact-20 p { margin: 25px 0 0 0; font-size: 0.95rem; font-weight: 400; }\r\n\r\n    \/* --- \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f --- *\/\r\n    @media (max-width: 1024px) {\r\n        .desktop-nav-20, .header-right-20 { display: none; }\r\n        .header-container-20 { justify-content: space-between; padding: 10px 30px; }\r\n        .logo-link-20 img { height: 70px; }\r\n        .burger-menu-20 {\r\n            display: block; cursor: pointer; width: 30px; height: 22px;\r\n            position: relative; z-index: 1002; background: none; border: none;\r\n        }\r\n        .burger-menu-20 span {\r\n            display: block; width: 100%; height: 2px; background-color: #EAE0D5;\r\n            position: absolute; left: 0; transition: all 0.35s ease;\r\n        }\r\n        .burger-menu-20 span:nth-child(1) { top: 0; }\r\n        .burger-menu-20 span:nth-child(2) { top: 50%; transform: translateY(-50%); }\r\n        .burger-menu-20 span:nth-child(3) { bottom: 0; }\r\n        .burger-menu-20.is-active span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }\r\n        .burger-menu-20.is-active span:nth-child(2) { opacity: 0; }\r\n        .burger-menu-20.is-active span:nth-child(3) { top: 50%; transform: translateY(-50%) rotate(-45deg); }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"header-section-20\">\r\n    <div class=\"header-container-20\">\r\n        <a href=\"#\" class=\"logo-link-20\">\r\n            <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-12-at-14.48.42-Photoroom-2.png\" alt=\"FormGlow Clinic Logo\">\r\n        <\/a>\r\n        \r\n        <nav>\r\n            <ul class=\"desktop-nav-20\">\r\n                <li><a href=\"#service\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\r\n                <li><a href=\"#icoone\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/a><\/li>\r\n                <li><a href=\"#about\">\u041e \u043d\u0430\u0441<\/a><\/li>\r\n                <li><a href=\"#license\">\u041b\u0438\u0446\u0435\u043d\u0437\u0438\u0438<\/a><\/li>\r\n                <li><a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"header-right-20\">\r\n            <div class=\"header-address-20\">\r\n                <svg class=\"icon-20\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                <div class=\"address-text-20\">\r\n                    <strong>\u0424\u0438\u043b\u0438\u0430\u043b \u043d\u0430 \u041c\u0430\u044f\u043a\u043e\u0432\u0441\u043a\u043e\u0439<\/strong>\r\n                    <span>2-\u044f \u0422\u0432\u0435\u0440\u0441\u043a\u0430\u044f-\u042f\u043c\u0441\u043a\u0430\u044f \u0443\u043b., 38<\/span>\r\n                    <span>2 \u043c\u0438\u043d \u043e\u0442 \u043c\u0435\u0442\u0440\u043e, \u0435\u0441\u0442\u044c \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"desktop-contacts-20\">\r\n                <a href=\"tel:+79852564000\">+7 985 256 40 00<\/a>\r\n                <a href=\"tel:+79266501000\">+7 926 650 10 00<\/a>\r\n            <\/div>\r\n            <a href=\"#order\" class=\"header-cta-20\">\u0417\u0430\u043f\u0438\u0441\u044c \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/a>\r\n        <\/div>\r\n        \r\n        <button class=\"burger-menu-20\" id=\"burger-menu-20\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e\">\r\n            <span><\/span><span><\/span><span><\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/header>\r\n\r\n<div class=\"mobile-overlay-20\" id=\"mobile-overlay-20\">\r\n    <nav class=\"mobile-nav-menu-20\">\r\n        <ul>\r\n            <li class=\"mobile-nav-link-wrapper-20\"><a href=\"#service\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\r\n            <li class=\"mobile-nav-link-wrapper-20\"><a href=\"#icoone\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/a><\/li>\r\n            <li class=\"mobile-nav-link-wrapper-20\"><a href=\"#about\">\u041e \u043d\u0430\u0441<\/a><\/li>\r\n            <li class=\"mobile-nav-link-wrapper-20\"><a href=\"#license\">\u041b\u0438\u0446\u0435\u043d\u0437\u0438\u0438<\/a><\/li>\r\n            <li class=\"mobile-nav-link-wrapper-20\"><a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n    <div class=\"mobile-contact-20\">\r\n        <a href=\"#order\" class=\"mobile-cta-special-20\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60% <br> \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435<\/a>\r\n        \r\n        <div class=\"mobile-phone-block-20\">\r\n            <div class=\"mobile-phone-number-20\">\r\n                <a href=\"tel:+79852564000\">+7 985 256 40 00<\/a>\r\n            <\/div>\r\n            <div class=\"mobile-messengers-20\">\r\n                <a href=\"https:\/\/wa.me\/79852564000\" target=\"_blank\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n                <a href=\"https:\/\/t.me\/+79852564000\" target=\"_blank\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 Telegram\"><i class=\"fa-brands fa-telegram\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"mobile-phone-block-20\">\r\n            <div class=\"mobile-phone-number-20\">\r\n                 <a href=\"tel:+79266501000\">+7 926 650 10 00<\/a>\r\n            <\/div>\r\n            <div class=\"mobile-messengers-20\">\r\n                 <a href=\"https:\/\/wa.me\/79266501000\" target=\"_blank\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n                 <a href=\"https:\/\/t.me\/+79266501000\" target=\"_blank\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 Telegram\"><i class=\"fa-brands fa-telegram\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p>\u0433. \u041c\u043e\u0441\u043a\u0432\u0430, 2-\u044f \u0422\u0432\u0435\u0440\u0441\u043a\u0430\u044f-\u042f\u043c\u0441\u043a\u0430\u044f \u0443\u043b., 38<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (() => {\r\n        const burger = document.getElementById('burger-menu-20');\r\n        const overlay = document.getElementById('mobile-overlay-20');\r\n        if (!burger || !overlay) return;\r\n\r\n        const toggleMenu = () => {\r\n            const isActive = burger.classList.toggle('is-active');\r\n            overlay.classList.toggle('is-active', isActive);\r\n            \/\/ \u0411\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u043c \u043c\u0435\u043d\u044e\r\n            document.body.style.overflow = isActive ? 'hidden' : '';\r\n        };\r\n        \r\n        burger.addEventListener('click', toggleMenu);\r\n        \r\n        \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u043e\u0432\u0435\u0440\u043b\u0435\u0439 (\u043c\u0438\u043c\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430)\r\n        overlay.addEventListener('click', (e) => {\r\n            if (e.target === overlay) {\r\n                toggleMenu();\r\n            }\r\n        });\r\n        \r\n        \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443 \u0432 \u043c\u0435\u043d\u044e\r\n        overlay.querySelectorAll('a').forEach(link => {\r\n            link.addEventListener('click', toggleMenu);\r\n        });\r\n    })();\r\n<\/script>\r\n<!-- \u041a\u043e\u043d\u0435\u0446 \u0441\u0435\u043a\u0446\u0438\u0438 \u0425\u0435\u0434\u0435\u0440\u0430 v11 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ae3b4e5 e-con-full e-flex e-con e-parent\" data-id=\"4ae3b4e5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34eb5151 elementor-widget elementor-widget-html\" data-id=\"34eb5151\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300&family=Inter:wght@300;700&display=swap'); \/* Added font-weight 700 for bold *\/\r\n\r\n    \/* --- Main Section Styles --- *\/\r\n    .hero-section-7 {\r\n        display: flex;\r\n        min-height: 100vh;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        font-weight: 300;\r\n        background-color: #2A1303;\r\n    }\r\n\r\n    .hero-content-7 {\r\n        width: 65%;\r\n        background-color: #2A1303; \/* Fallback solid color *\/\r\n        color: #EAE0D5;\r\n        padding: 80px 7%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        box-sizing: border-box;\r\n        position: relative; \/* Needed for the pseudo-element *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- Faint background image for the left side --- *\/\r\n    .hero-content-7::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.1; \/* 90% transparency *\/\r\n        z-index: -1; \/* Place behind the text *\/\r\n    }\r\n\r\n    .hero-image-side-7 {\r\n        width: 35%;\r\n        position: relative;\r\n        overflow: hidden; \/* Ensure video stays within bounds *\/\r\n    }\r\n\r\n    .hero-image-side-7 video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* Cover the entire area *\/\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        animation: slowZoom 25s infinite alternate ease-in-out;\r\n    }\r\n\r\n    \/* --- DESKTOP ANIMATIONS --- *\/\r\n\r\n    .hero-image-side-7::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #C69F7A; \/* Gold curtain *\/\r\n        z-index: 5;\r\n        transform-origin: left;\r\n        animation: curtainReveal 1.8s cubic-bezier(0.86, 0, 0.07, 1) forwards;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    @keyframes curtainReveal {\r\n        from {\r\n            transform: scaleX(1);\r\n        }\r\n        to {\r\n            transform: scaleX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes slowZoom {\r\n        from {\r\n            transform: scale(1);\r\n        }\r\n        to {\r\n            transform: scale(1.1);\r\n        }\r\n    }\r\n\r\n    .line-wrapper {\r\n        overflow: hidden;\r\n    }\r\n\r\n    @keyframes revealUp {\r\n        from {\r\n            transform: translateY(110%);\r\n        }\r\n        to {\r\n            transform: translateY(0%);\r\n        }\r\n    }\r\n\r\n    .hero-content-7 h1 {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 3.6rem;\r\n        font-weight: 300;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        line-height: 1.25;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .hero-content-7 h1 span {\r\n        display: block;\r\n        transform: translateY(110%);\r\n        animation: revealUp 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n    }\r\n\r\n    .hero-content-7 h1 span:first-child {\r\n        animation-delay: 0.8s;\r\n    }\r\n    .hero-content-7 h1 span:last-child {\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .divider {\r\n        width: 80px;\r\n        height: 1px;\r\n        background-color: #C69F7A;\r\n        margin: 30px 0;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        animation: drawLine 1s ease-out forwards;\r\n        animation-delay: 1.5s;\r\n    }\r\n\r\n    @keyframes drawLine {\r\n        from {\r\n            transform: scaleX(0);\r\n        }\r\n        to {\r\n            transform: scaleX(1);\r\n        }\r\n    }\r\n\r\n    @keyframes fadeInText {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .hero-content-7 .subtitle,\r\n    .hero-content-7 .cta-button,\r\n    .hero-content-7 .contact-info-7 {\r\n        opacity: 0;\r\n        animation: fadeInText 1s ease forwards;\r\n    }\r\n\r\n    .hero-content-7 .subtitle {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        margin: 0 0 40px 0;\r\n        max-width: 480px;\r\n        font-weight: 300;\r\n        color: rgba(234, 224, 213, 0.85);\r\n        animation-delay: 1.8s;\r\n        display: none; \/* Subtitle removed as per request to replace with nav links *\/\r\n    }\r\n\r\n\r\n    \/* NEW NAVIGATION LINKS STYLES *\/\r\n    .hero-content-7 .nav-links {\r\n        margin: 30px 0 40px 0;\r\n        animation: fadeInText 1s ease forwards;\r\n        animation-delay: 1.8s; \/* Adjust delay to fit animation sequence *\/\r\n        width: 100%; \/* Take full width to align elements *\/\r\n        max-width: 480px; \/* Match max-width of previous elements for consistency *\/\r\n    }\r\n\r\n    .hero-content-7 .nav-links a {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.3rem;\r\n        color: #EAE0D5;\r\n        text-decoration: none;\r\n        display: flex; \/* Use flexbox for alignment *\/\r\n        align-items: center; \/* Vertically center content *\/\r\n        justify-content: space-between; \/* Space out text and arrow *\/\r\n        padding: 12px 0;\r\n        padding-right: 30px; \/* Add padding to the right to prevent arrow clipping *\/\r\n        border-bottom: 1px solid rgba(234, 224, 213, 0.2); \/* Faint line under each item *\/\r\n        transition: color 0.3s ease;\r\n        position: relative; \/* Crucial for absolute positioning of ::after and ::before *\/\r\n        \/* overflow: hidden; Removed this to prevent arrow clipping *\/\r\n    }\r\n\r\n    .hero-content-7 .nav-links a:last-child {\r\n        border-bottom: none; \/* No border for the last item *\/\r\n    }\r\n\r\n    .hero-content-7 .nav-links a:hover {\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    \/* Animated line on hover *\/\r\n    .hero-content-7 .nav-links a::before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 2px;\r\n        background-color: #FFFFFF;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.4s ease;\r\n        z-index: 2; \/* Ensure line is above the default border if needed *\/\r\n    }\r\n\r\n    .hero-content-7 .nav-links a:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    \/* Stylish arrow *\/\r\n    .hero-content-7 .nav-links a::after {\r\n        content: '\u2192'; \/* Unicode arrow *\/\r\n        font-size: 1.6rem;\r\n        line-height: 1;\r\n        color: #C69F7A;\r\n        transform: translateX(0);\r\n        transition: transform 0.3s ease, color 0.3s ease;\r\n        position: absolute; \/* Position absolutely within the link *\/\r\n        right: 0; \/* Align to the right of the link *\/\r\n        top: 50%; \/* Center vertically *\/\r\n        transform: translateY(-50%); \/* Adjust for perfect vertical centering *\/\r\n    }\r\n\r\n    .hero-content-7 .nav-links a:hover::after {\r\n        transform: translateX(5px) translateY(-50%); \/* Move right and keep centered *\/\r\n        color: #FFFFFF;\r\n    }\r\n\r\n\r\n    .hero-content-7 .cta-button {\r\n        background-color: #C69F7A;\r\n        color: #2A1303;\r\n        padding: 18px 40px;\r\n        text-decoration: none;\r\n        font-family: 'Inter', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 1rem;\r\n        border-radius: 5px;\r\n        transition: all 0.4s ease;\r\n        display: inline-block;\r\n        letter-spacing: 0.5px;\r\n        border: 1px solid #C69F7A;\r\n        animation-delay: 2.3s; \/* Adjusted delay *\/\r\n    }\r\n    \r\n    .hero-content-7 .cta-button .discount {\r\n        font-weight: 700; \/* Bolder font weight *\/\r\n    }\r\n\r\n\r\n    .hero-content-7 .cta-button:hover {\r\n        background-color: transparent;\r\n        color: #C69F7A;\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* --- STYLES FOR CONTACT INFO (now removed from actual content but kept for reference if needed) --- *\/\r\n    .contact-info-7 {\r\n        margin-top: 40px;\r\n        font-family: 'Inter', sans-serif;\r\n        animation-delay: 2.6s; \/* Adjusted delay *\/\r\n        display: none; \/* Hidden as per request *\/\r\n    }\r\n\r\n    .contact-info-7 .phone-numbers-7 {\r\n        font-size: 1.7rem; \/* Large font for phone numbers *\/\r\n        font-weight: 300;\r\n        line-height: 1.6;\r\n        color: #EAE0D5;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .contact-info-7 .phone-numbers-7 p {\r\n        margin: 0;\r\n    }\r\n\r\n    .contact-info-7 .address-7 {\r\n        font-size: 0.95rem; \/* Smaller font for address *\/\r\n        font-weight: 300;\r\n        margin-top: 15px;\r\n        color: rgba(234, 224, 213, 0.7);\r\n        max-width: 480px;\r\n    }\r\n\r\n\r\n    \/* --- REFINED MOBILE ADAPTATION --- *\/\r\n    @media (max-width: 900px) {\r\n        .hero-section-7 {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .hero-content-7 {\r\n            width: 100%;\r\n            text-align: center; \/* Center align text *\/\r\n            align-items: center; \/* Center align items *\/\r\n            padding: 80px 30px 60px;\r\n        }\r\n\r\n        .hero-image-side-7 {\r\n            width: 100%;\r\n            min-height: 450px;\r\n            opacity: 0; \/* Initial hide *\/\r\n            animation: fadeInText 2s ease forwards; \/* Fade in animation *\/\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .hero-image-side-7::before {\r\n            animation: none;\r\n            display: none;\r\n        }\r\n\r\n        .hero-content-7 h1 {\r\n            font-size: 2.1rem;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* NEW: Make nav links centered on mobile *\/\r\n        .hero-content-7 .nav-links {\r\n            align-self: stretch; \/* Stretch to fill container width *\/\r\n        }\r\n        \r\n        \/* NEW: Center button text and the button itself on mobile *\/\r\n        .hero-content-7 .cta-button {\r\n            text-align: center;\r\n            width: 100%;\r\n            max-width: 480px; \/* Optional: constrain width *\/\r\n            box-sizing: border-box; \/* Include padding in width calculation *\/\r\n        }\r\n\r\n        .contact-info-7 .phone-numbers-7 {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .contact-info-7 .address-7 {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .hero-content-7 .nav-links a {\r\n            font-size: 1.1rem;\r\n            padding: 10px 0;\r\n            padding-right: 25px; \/* Adjust padding for mobile *\/\r\n            text-align: left; \/* Keep nav link text left-aligned *\/\r\n        }\r\n        .hero-content-7 .nav-links a::after {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        #mobile-play-button {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    #mobile-play-button {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background: rgba(0,0,0,0.5);\r\n        border: 2px solid #fff;\r\n        border-radius: 50%;\r\n        width: 80px;\r\n        height: 80px;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n    }\r\n\r\n    #mobile-play-button::after {\r\n        content: '';\r\n        display: block;\r\n        width: 0;\r\n        height: 0;\r\n        border-style: solid;\r\n        border-width: 20px 0 20px 35px;\r\n        border-color: transparent transparent transparent #fff;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 55%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"hero-section-7\">\r\n    <div class=\"hero-content-7\">\r\n        <h1>\r\n            <span class=\"line-wrapper\"><span>\u041a\u041b\u0418\u041d\u0418\u041a\u0410 \u041a\u041e\u0421\u041c\u0415\u0422\u041e\u041b\u041e\u0413\u0418\u0418\r\n\u0438 \u041b\u0410\u0417\u0415\u0420\u041d\u041e\u0419 \u042d\u041f\u0418\u041b\u042f\u0426\u0418\u0418<\/span><\/span>\r\n        <\/h1>\r\n        <div class=\"divider\"><\/div>\r\n        <!-- \u0423\u0434\u0430\u043b\u0435\u043d \u0441\u0442\u0430\u0440\u044b\u0439 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u0431\u043b\u043e\u043a \u0441 \u0446\u0435\u043d\u0430\u043c\u0438 -->\r\n\r\n        <div class=\"nav-links\">\r\n            <a href=\"#magic\">\u041a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044f \u0444\u0438\u0433\u0443\u0440\u044b<\/a>\r\n            <a href=\"#laser\">\u041b\u0430\u0437\u0435\u0440\u043d\u0430\u044f \u044d\u043f\u0438\u043b\u044f\u0446\u0438\u044f<\/a>\r\n            <a href=\"#service\">\u041a\u043e\u0441\u043c\u0435\u0442\u043e\u043b\u043e\u0433\u0438\u044f<\/a>\r\n        <\/div>\r\n\r\n\r\n        <a href=\"https:\/\/n1632840.yclients.com\" class=\"cta-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 <span class=\"discount\">\u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/span><\/a>\r\n\r\n        <div class=\"contact-info-7\">\r\n            <!-- \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 -->\r\n        <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"hero-image-side-7\">\r\n        <video id=\"hero-video\" autoplay loop muted playsinline>\r\n            <source src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/Reel-CF7ECB3C-A33E-4DEE-A55A-B79D708D08FA.mp4\" type=\"video\/mp4\">\r\n            \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0438\u0434\u0435\u043e HTML5.\r\n        <\/video>\r\n        <button id=\"mobile-play-button\"><\/button>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const video = document.getElementById('hero-video');\r\n        const playButton = document.getElementById('mobile-play-button');\r\n\r\n        function isMobile() {\r\n            \/\/ A more robust check might be needed for all edge cases, but this is generally sufficient.\r\n            return window.innerWidth <= 900 && \/Mobi|Android\/i.test(navigator.userAgent);\r\n        }\r\n\r\n        if (isMobile()) {\r\n            video.autoplay = false; \/\/ Stop autoplay on mobile\r\n            video.pause();\r\n            playButton.style.display = 'block';\r\n\r\n            playButton.addEventListener('click', function() {\r\n                if (video.paused) {\r\n                    video.play();\r\n                    playButton.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            \/\/ Optional: show play button again if video ends or is paused by user\r\n            video.addEventListener('pause', function() {\r\n                 if (!video.ended) { \/\/ Don't show if the video just finished\r\n                    playButton.style.display = 'block';\r\n                 }\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-334cac3b e-con-full e-flex e-con e-parent\" data-id=\"334cac3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69156fa4 elementor-widget elementor-widget-html\" data-id=\"69156fa4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300&display=swap');\r\n\r\n.crescendo-section-cta {\r\n  position: relative;\r\n  background-color: #1C0C01;\r\n  color: #EAE0D5;\r\n  font-weight: 300;\r\n}\r\n\r\n.crescendo-pillar {\r\n  min-height: 60vh; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\r\n  width: 100%;\r\n  padding: 100px 7%;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 0.23s ease, transform 0.23s ease; \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n\r\n.crescendo-pillar.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.pillar-background {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background-size: cover;\r\n  background-position: center;\r\n  z-index: 1;\r\n  opacity: 0.15;\r\n  transform: scale(1.1);\r\n  transition: transform 1.67s ease-out; \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n.crescendo-pillar.is-visible .pillar-background {\r\n    transform: scale(1);\r\n}\r\n\r\n.pillar-content {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  text-align: center;\r\n  padding: 40px;\r\n}\r\n\r\n.pillar-content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.1rem;\r\n  line-height: 1.7;\r\n  color: rgba(234, 224, 213, 0.7);\r\n  margin: 0 auto;\r\n  max-width: 600px;\r\n  text-align: center; \/* <-- \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u044d\u0442\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 *\/\r\n}\r\n.pillar-content::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 150%;\r\n  height: 150%;\r\n  background: radial-gradient(ellipse at center, rgba(234, 224, 213, 0.08) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.33s ease 0.03s; \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n.crescendo-pillar.is-visible .pillar-content::before {\r\n  opacity: 1;\r\n}\r\n\r\n.impulse-border {\r\n  position: absolute;\r\n  background-color: #C69F7A;\r\n  opacity: 0.5;\r\n  transition: transform 0.23s cubic-bezier(0.19, 1, 0.22, 1); \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n.impulse-border.top, .impulse-border.bottom { height: 1px; width: 100%; }\r\n.impulse-border.left, .impulse-border.right { width: 1px; height: 100%; }\r\n.impulse-border.top { top: 0; left: 0; transform: translateY(-100%); }\r\n.impulse-border.bottom { bottom: 0; left: 0; transform: translateY(100%); }\r\n.impulse-border.left { left: 0; top: 0; transform: translateX(-100%); }\r\n.impulse-border.right { right: 0; top: 0; transform: translateX(100%); }\r\n.crescendo-pillar.is-visible .impulse-border {\r\n    transform: translate(0, 0);\r\n    transition-delay: 0.07s; \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n\r\n.pillar-content h3, .pillar-content p {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.23s ease, transform 0.23s ease; \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n}\r\n.crescendo-pillar.is-visible .pillar-content h3 { opacity: 1; transform: translateY(0); transition-delay: 0.13s; } \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n.crescendo-pillar.is-visible .pillar-content p { opacity: 1; transform: translateY(0); transition-delay: 0.17s; } \/* \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0432 3 \u0440\u0430\u0437\u0430 *\/\r\n\r\n.pillar-content h3 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-weight: 500;\r\n  font-size: 2.5rem;\r\n  margin: 0 0 15px 0;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  text-align: center; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u044d\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e *\/\r\n}\r\n\r\n.pillar-content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.1rem;\r\n  line-height: 1.7;\r\n  color: rgba(234, 224, 213, 0.7);\r\n  margin: 0 auto;\r\n  max-width: 600px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .pillar-content h3 {\r\n        font-size: 2rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"crescendo-section-cta\">\r\n\r\n  <div class=\"crescendo-pillar\">\r\n    <div class=\"pillar-background\" style=\"background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/black-background-with-leaves-vegetation-texture.jpg')\"><\/div>\r\n    <div class=\"pillar-content\">\r\n      <div class=\"impulse-border top\"><\/div><div class=\"impulse-border bottom\"><\/div>\r\n      <div class=\"impulse-border left\"><\/div><div class=\"impulse-border right\"><\/div>\r\n      <h3>\u0421\u043a\u0438\u0434\u043a\u0430 \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 60%<\/h3>\r\n      <p>\u0414\u0430\u0440\u0438\u043c \u0441\u043a\u0438\u0434\u043a\u0443 60% \u043d\u0430 \u0432\u0430\u0448 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0438\u0437\u0438\u0442 \u0432 \u043d\u0430\u0448\u0443 \u043a\u043b\u0438\u043d\u0438\u043a\u0443.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"crescendo-pillar\">\r\n     <div class=\"pillar-background\" style=\"background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg')\"><\/div>\r\n     <div class=\"pillar-content\">\r\n       <div class=\"impulse-border top\"><\/div><div class=\"impulse-border bottom\"><\/div>\r\n       <div class=\"impulse-border left\"><\/div><div class=\"impulse-border right\"><\/div>\r\n       <h3>\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435<\/h3>\r\n       <p>\u041d\u0430\u0445\u043e\u0434\u0438\u043c\u0441\u044f \u0432 \u0441\u0435\u0440\u0434\u0446\u0435 \u0441\u0442\u043e\u043b\u0438\u0446\u044b, \u0443 \u043c. \u041c\u0430\u044f\u043a\u043e\u0432\u0441\u043a\u0430\u044f. <a href=\"https:\/\/yandex.ru\/maps\/-\/CLERq8j8\" target=\"_blank\" style=\"color: #C69F7A;\">\u041a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"crescendo-pillar\">\r\n    <div class=\"pillar-background\" style=\"background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/ceramic-cup-near-plate-with-twig.jpg')\"><\/div>\r\n    <div class=\"pillar-content\">\r\n      <div class=\"impulse-border top\"><\/div><div class=\"impulse-border bottom\"><\/div>\r\n      <div class=\"impulse-border left\"><\/div><div class=\"impulse-border right\"><\/div>\r\n      <h3>\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\r\n      <p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u0434\u043e\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"crescendo-pillar\">\r\n    <div class=\"pillar-background\" style=\"background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/black-background-with-leaves-vegetation-texture.jpg')\"><\/div>\r\n    <div class=\"pillar-content\">\r\n      <div class=\"impulse-border top\"><\/div><div class=\"impulse-border bottom\"><\/div>\r\n      <div class=\"impulse-border left\"><\/div><div class=\"impulse-border right\"><\/div>\r\n      <h3>\u042d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u043e\u0441\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432<\/h3>\r\n      <p>\u0412\u0441\u0435 \u043d\u0430\u0448\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u0438\u043c\u0435\u044e\u0442 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e \u043f\u043e\u0432\u044b\u0448\u0430\u044e\u0442 \u043a\u0432\u0430\u043b\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"crescendo-pillar\">\r\n     <div class=\"pillar-background\" style=\"background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg')\"><\/div>\r\n     <div class=\"pillar-content\">\r\n       <div class=\"impulse-border top\"><\/div><div class=\"impulse-border bottom\"><\/div>\r\n       <div class=\"impulse-border left\"><\/div><div class=\"impulse-border right\"><\/div>\r\n       <h3>\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0438 \u0441\u0442\u0435\u0440\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h3>\r\n       <p>\u0412\u0430\u0448 \u043a\u043e\u043c\u0444\u043e\u0440\u0442 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u2014 \u043d\u0430\u0448 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442. \u0421\u0442\u0440\u043e\u0433\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0432\u0441\u0435 \u043d\u043e\u0440\u043c\u044b \u0421\u0430\u043d\u041f\u0438\u043d.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const pillars = document.querySelectorAll('.crescendo-pillar');\r\n\r\n    if (!pillars.length) return;\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n            } else {\r\n                entry.target.classList.remove('is-visible');\r\n            }\r\n        });\r\n    }, {\r\n        root: null,\r\n        threshold: 0.55\r\n    });\r\n\r\n    pillars.forEach(pillar => {\r\n        observer.observe(pillar);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7da7895b e-con-full e-flex e-con e-parent\" data-id=\"7da7895b\" data-element_type=\"container\" id=\"service\">\n\t\t\t\t<div class=\"elementor-element elementor-element-424dc01f elementor-widget elementor-widget-html\" data-id=\"424dc01f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u041d\u0430\u0448\u0438 \u0426\u0435\u043d\u044b - \u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0423\u0441\u043b\u0443\u0433<\/title>\r\n    <style>\r\n        \/* \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0441 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap');\r\n    <\/style>\r\n    \r\n    <style>\r\n        \/* --- \u0421\u0422\u0418\u041b\u0418 \u0421\u0415\u041a\u0426\u0418\u0418 \u0421 \u0426\u0415\u041d\u0410\u041c\u0418 --- *\/\r\n\r\n        .prices-section {\r\n            background-color: #F8F5F2;\r\n            color: #2A1303;\r\n            padding: 100px 0;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        \r\n        .prices-container {\r\n            max-width: none;\r\n            margin: 0 auto;\r\n            padding: 0 30px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .prices-section h2 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-weight: 500;\r\n            font-size: 2.8rem;\r\n            line-height: 1.3;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin: 0 0 40px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .prices-carousel-system {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 25px;\r\n        }\r\n        \r\n        .prices-carousel-wrapper {\r\n            position: relative;\r\n            flex-grow: 1;\r\n            min-width: 0;\r\n            padding: 10px 0;\r\n        }\r\n\r\n        .prices-carousel {\r\n            display: flex;\r\n            gap: 30px; \/* \u0412\u0435\u0440\u043d\u0443\u043b \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\r\n            overflow-x: auto;\r\n            padding: 0; \r\n            margin: 0;\r\n            scrollbar-width: none;\r\n            -ms-overflow-style: none;\r\n            scroll-behavior: smooth;\r\n            scroll-snap-type: x mandatory;\r\n        }\r\n        \r\n        .prices-carousel::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n        \r\n        \/* === \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0428\u0438\u0440\u0438\u043d\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0430 \u043f\u043e\u0447\u0442\u0438 \u0432 2 \u0440\u0430\u0437\u0430 === *\/\r\n        .price-card {\r\n            flex: 0 0 380px; \r\n            background-color: #FFFFFF;\r\n            border: 1px solid rgba(42, 19, 3, 0.08);\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            box-shadow: 0 8px 25px rgba(42, 19, 3, 0.07);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            scroll-snap-align: start;\r\n        }\r\n        \r\n        .price-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 35px rgba(42, 19, 3, 0.12);\r\n        }\r\n\r\n        .price-card-image {\r\n            height: 240px;\r\n            width: 100%;\r\n        }\r\n\r\n        .price-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        \/* === \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e: \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u044b \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0438 \u0448\u0440\u0438\u0444\u0442\u044b === *\/\r\n        .price-card-content {\r\n            padding: 25px 30px 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .price-card-content h3 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 1.6rem;\r\n            font-weight: 500;\r\n            margin: 0 0 15px 0;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .price-card-description {\r\n            font-size: 0.95rem;\r\n            line-height: 1.7;\r\n            color: rgba(42, 19, 3, 0.75);\r\n            margin: 0;\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        .price-card-pricing {\r\n            display: flex;\r\n            align-items: baseline;\r\n            gap: 15px;\r\n            margin-top: 25px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .price-card .new-price {\r\n            font-size: 2rem;\r\n            font-weight: 500;\r\n            color: #2A1303;\r\n        }\r\n        \r\n        .price-card .old-price {\r\n            font-size: 1.1rem;\r\n            color: rgba(42, 19, 3, 0.5);\r\n            text-decoration: line-through;\r\n        }\r\n        \r\n        .price-card-button {\r\n            background-color: #2A1303;\r\n            color: #EAE0D5;\r\n            padding: 16px 25px;\r\n            text-decoration: none;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 300;\r\n            font-size: 1rem;\r\n            border-radius: 5px;\r\n            transition: all 0.4s ease;\r\n            display: inline-block;\r\n            letter-spacing: 0.5px;\r\n            border: 1px solid #2A1303;\r\n            text-align: center;\r\n        }\r\n\r\n        .price-card-button:hover {\r\n            background-color: transparent;\r\n            color: #2A1303;\r\n        }\r\n        \r\n        .prices-carousel-arrow {\r\n            flex-shrink: 0;\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            border: 1px solid rgba(42, 19, 3, 0.1);\r\n            border-radius: 50%;\r\n            width: 44px; height: 44px; cursor: pointer;\r\n            display: flex; align-items: center; justify-content: center;\r\n            box-shadow: 0 4px 15px rgba(42, 19, 3, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .prices-carousel-arrow:hover {\r\n            background-color: #fff;\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .prices-carousel-arrow:disabled {\r\n            opacity: 0.3; cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .prices-carousel-arrow svg {\r\n            width: 20px; height: 20px;\r\n            stroke: #2A1303; stroke-width: 2px;\r\n        }\r\n\r\n        .prices-progress-bar-container {\r\n            width: 90%;\r\n            max-width: 400px;\r\n            height: 3px;\r\n            background-color: rgba(42, 19, 3, 0.15);\r\n            border-radius: 3px;\r\n            margin: 50px auto 0;\r\n        }\r\n\r\n        .prices-progress-bar {\r\n            height: 100%;\r\n            width: 0;\r\n            background-color: #2A1303;\r\n            border-radius: 3px;\r\n            transition: width 0.1s linear;\r\n        }\r\n\r\n        \/* --- \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 --- *\/\r\n        @media (max-width: 900px) {\r\n            .prices-section { padding: 80px 0; }\r\n            .prices-section h2 { font-size: 2.2rem; }\r\n            .prices-container { padding: 0 20px; }\r\n            .prices-carousel-arrow { display: none; }\r\n            .prices-carousel-system { gap: 0; }\r\n            \/* \u041d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u043c\u0438 *\/\r\n            .price-card { flex: 0 0 320px; } \r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .prices-carousel { gap: 20px; }\r\n            .price-card { flex: 0 0 280px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"prices-section\">\r\n        <div class=\"prices-container\">\r\n            <h2>\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438 \u0438 \u0446\u0435\u043d\u044b<\/h2>\r\n\r\n            <div class=\"prices-carousel-system\">\r\n                <button class=\"prices-carousel-arrow prev\" id=\"pricePrevBtn\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/button>\r\n\r\n                <div class=\"prices-carousel-wrapper\">\r\n                    <div class=\"prices-carousel\" id=\"pricesCarousel\">\r\n                        <!-- HTML \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 -->\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/614A5635.webp\" alt=\"ICOONE laser\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>ICOONE laser<\/h3>\r\n                                <p class=\"price-card-description\">\u0410\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u044b\u0439 \u043c\u0430\u0441\u0441\u0430\u0436, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u043d\u0430 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044e \u0444\u0438\u0433\u0443\u0440\u044b \u0438 \u0431\u043e\u0440\u044c\u0431\u0443 \u0441 \u0436\u0438\u0440\u043e\u0432\u044b\u043c\u0438 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">2750 \u20bd<\/span><span class=\"old-price\">6600 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/614A1492.webp\" alt=\"LPG-\u043c\u0430\u0441\u0441\u0430\u0436\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>LPG-\u043c\u0430\u0441\u0441\u0430\u0436<\/h3>\r\n                                <p class=\"price-card-description\">\u0412\u0430\u043a\u0443\u0443\u043c\u043d\u043e-\u0440\u043e\u043b\u0438\u043a\u043e\u0432\u044b\u0439 \u043c\u0430\u0441\u0441\u0430\u0436, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u043d\u0430 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044e \u043a\u043e\u043d\u0442\u0443\u0440\u043e\u0432 \u0444\u0438\u0433\u0443\u0440\u044b.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">1800 \u20bd<\/span><span class=\"old-price\">3600 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-20\u0430\u043f\u0440\u043025-09-10-222810.png\" alt=\"Magic Shape\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>Magic Shape<\/h3>\r\n                                <p class=\"price-card-description\">\u0410\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u0430\u044f \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 \u0434\u043b\u044f \u043b\u0438\u0446\u0430 \u0438 \u0442\u0435\u043b\u0430, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u043d\u0430 \u0438\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u0443\u044e \u043f\u043e\u0434\u0442\u044f\u0436\u043a\u0443 \u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043e\u0436\u0438.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">1650 \u20bd<\/span><span class=\"old-price\">3650 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/\u043f\u0440\u043e\u043f\u043e.png\" alt=\"\u0418\u0433\u043e\u043b\u044c\u0447\u0430\u0442\u044b\u0439 \u0420\u0424-\u043b\u0438\u0444\u0442\u0438\u043d\u0433\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>\u0418\u0433\u043e\u043b\u044c\u0447\u0430\u0442\u044b\u0439 \u0420\u0424-\u043b\u0438\u0444\u0442\u0438\u043d\u0433<\/h3>\r\n                                <p class=\"price-card-description\">\u0410\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u0435 \u043e\u043c\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043e\u0436\u0438, \u0443\u043f\u043b\u043e\u0442\u043d\u0435\u043d\u0438\u044f, \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f \u0442\u043e\u043d\u0430 \u0438 \u0440\u0435\u043b\u044c\u0435\u0444\u0430.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">20 000 \u20bd<\/span><span class=\"old-price\">30 000 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/614A8748.webp\" alt=\"\u041b\u0430\u0437\u0435\u0440\u043d\u0430\u044f \u044d\u043f\u0438\u043b\u044f\u0446\u0438\u044f\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>\u041b\u0430\u0437\u0435\u0440\u043d\u0430\u044f \u044d\u043f\u0438\u043b\u044f\u0446\u0438\u044f<\/h3>\r\n                                <p class=\"price-card-description\">\u0414\u0438\u043e\u0434\u043d\u044b\u0439 \u043b\u0430\u0437\u0435\u0440 \u0434\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u043d\u0435\u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u043e\u043b\u043e\u0441. \u0417\u043e\u043d\u0430: \u0431\u0438\u043a\u0438\u043d\u0438 + \u043f\u043e\u0434\u043c\u044b\u0448\u043a\u0438.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">2750 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"price-card\">\r\n                            <div class=\"price-card-image\"><img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/\u0421\u043d\u0430\u0440\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2025-09-10-223140.png\" alt=\"\u0424\u043e\u0442\u043e\u043e\u043c\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\"><\/div>\r\n                            <div class=\"price-card-content\">\r\n                                <h3>\u0424\u043e\u0442\u043e\u043e\u043c\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\r\n                                <p class=\"price-card-description\">\u0410\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u0430\u044f \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043a\u043e\u0436\u0438, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0438\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u043e\u0441\u0443\u0434\u0438\u0441\u0442\u044b\u0445 \u0434\u0435\u0444\u0435\u043a\u0442\u043e\u0432.<\/p>\r\n                                <div class=\"price-card-pricing\"><span class=\"new-price\">5000 \u20bd<\/span><span class=\"old-price\">7000 \u20bd<\/span><\/div>\r\n                                <a href=\"https:\/\/n1632840.yclients.com\" class=\"price-card-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button class=\"prices-carousel-arrow next\" id=\"priceNextBtn\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"prices-progress-bar-container\">\r\n                <div class=\"prices-progress-bar\" id=\"pricesProgressBar\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ JavaScript \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const carousel = document.getElementById('pricesCarousel');\r\n            const progressBar = document.getElementById('pricesProgressBar');\r\n            const prevButton = document.getElementById('pricePrevBtn');\r\n            const nextButton = document.getElementById('priceNextBtn');\r\n\r\n            if (carousel && progressBar && prevButton && nextButton) {\r\n                \r\n                const updateControls = () => {\r\n                    const isMobile = window.innerWidth <= 900;\r\n                    prevButton.style.display = isMobile ? 'none' : 'flex';\r\n                    nextButton.style.display = isMobile ? 'none' : 'flex';\r\n\r\n                    prevButton.disabled = carousel.scrollLeft < 1;\r\n                    nextButton.disabled = Math.ceil(carousel.scrollLeft) >= carousel.scrollWidth - carousel.clientWidth - 1;\r\n\r\n                    const maxScrollLeft = carousel.scrollWidth - carousel.clientWidth;\r\n                    if (maxScrollLeft <= 0) {\r\n                        progressBar.style.width = '100%';\r\n                        return;\r\n                    }\r\n                    const scrollPercent = (carousel.scrollLeft \/ maxScrollLeft) * 100;\r\n                    progressBar.style.width = scrollPercent + '%';\r\n                };\r\n\r\n                nextButton.addEventListener('click', () => {\r\n                    const firstCard = carousel.querySelector('.price-card');\r\n                    if (firstCard) {\r\n                        const cardWidth = firstCard.offsetWidth;\r\n                        const gap = parseInt(window.getComputedStyle(carousel).gap) || 30;\r\n                        carousel.scrollBy({ left: cardWidth + gap });\r\n                    }\r\n                });\r\n\r\n                prevButton.addEventListener('click', () => {\r\n                     const firstCard = carousel.querySelector('.price-card');\r\n                    if (firstCard) {\r\n                        const cardWidth = firstCard.offsetWidth;\r\n                        const gap = parseInt(window.getComputedStyle(carousel).gap) || 30;\r\n                        carousel.scrollBy({ left: -(cardWidth + gap) });\r\n                    }\r\n                });\r\n                \r\n                carousel.addEventListener('scroll', updateControls);\r\n                window.addEventListener('resize', updateControls);\r\n                \r\n                updateControls();\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f4f0e0 e-con-full e-flex e-con e-parent\" data-id=\"9f4f0e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-869a893 elementor-widget elementor-widget-html\" data-id=\"869a893\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Client Results Section<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap');\r\n    <\/style>\r\n    \r\n    <style>\r\n        \/* --- CLIENT RESULTS SECTION STYLES --- *\/\r\n        .client-results-section {\r\n            background-color: #F8F5F2;\r\n            color: #2A1303;\r\n            padding: 100px 0; \/* \u0423\u0431\u0440\u0430\u043b\u0438 \u0431\u043e\u043a\u043e\u0432\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b, \u0447\u0442\u043e\u0431\u044b \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0448\u043b\u0430 \u043e\u0442 \u043a\u0440\u0430\u044f \u0434\u043e \u043a\u0440\u0430\u044f *\/\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', sans-serif;\r\n            overflow: hidden; \/* \u0412\u0430\u0436\u043d\u043e \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\r\n        }\r\n        .client-results-section h2 {\r\n          font-family: 'Cormorant Garamond', serif;\r\n          font-weight: 500;\r\n          font-size: 2.8rem;\r\n          line-height: 1.3;\r\n          text-transform: uppercase;\r\n          letter-spacing: 2px;\r\n          text-align: center;\r\n          margin: 0 0 60px 0;\r\n          padding: 0 30px; \/* \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 *\/\r\n        }\r\n\r\n        \/* --- GALLERY CAROUSEL STYLES --- *\/\r\n        .results-gallery-container {\r\n            position: relative;\r\n            padding: 0 7%; \/* \u0411\u043e\u043a\u043e\u0432\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0442\u0435\u043f\u0435\u0440\u044c \u0437\u0434\u0435\u0441\u044c *\/\r\n        }\r\n\r\n        .results-gallery-scroll {\r\n            display: flex;\r\n            overflow-x: auto;\r\n            \/* \u041f\u0440\u044f\u0447\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b\u0431\u0430\u0440 *\/\r\n            scrollbar-width: none; \/* Firefox *\/\r\n            -ms-overflow-style: none;  \/* IE 10+ *\/\r\n            scroll-snap-type: x mandatory; \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u0434\u043e\u0432\u043e\u0434\u043a\u0430 \u0441\u043b\u0430\u0439\u0434\u043e\u0432 *\/\r\n            cursor: grab;\r\n            user-select: none;\r\n            -webkit-overflow-scrolling: touch; \/* \u041f\u043b\u0430\u0432\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b \u043d\u0430 iOS *\/\r\n            \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\r\n            scroll-behavior: smooth;\r\n        }\r\n        .results-gallery-scroll::-webkit-scrollbar { \r\n            display: none; \/* Safari and Chrome *\/\r\n        }\r\n\r\n        .result-item {\r\n            flex: 0 0 30%; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u0441\u043b\u0430\u0439\u0434\u0430 \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435 *\/\r\n            height: 450px;\r\n            margin-right: 20px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 6px;\r\n            border: 1px solid rgba(42, 19, 3, 0.08);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            scroll-snap-align: start; \/* \u0412\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u043d\u0430\u0447\u0430\u043b\u0443 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 *\/\r\n            cursor: zoom-in;\r\n        }\r\n        .result-item:hover { \r\n            transform: scale(1.02); \r\n            z-index: 10;\r\n            box-shadow: 0 10px 30px rgba(42, 19, 3, 0.15);\r\n        }\r\n\r\n        \/* \u0421\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0444\u043e\u043d\u043e\u0432\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f *\/\r\n        .result-item.item-1 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B3%D1%80%D0%BE-scaled.jpg'); }\r\n        .result-item.item-2 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B3%D1%80-scaled.jpg'); }\r\n        .result-item.item-3 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B3-scaled.jpg'); }\r\n        .result-item.item-4 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B2-scaled.jpg'); }\r\n        .result-item.item-5 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B1%D0%B1-scaled.jpg'); }\r\n        .result-item.item-6 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B1-scaled.jpg'); }\r\n        .result-item.item-7 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-%D0%B0%D0%B0--scaled.jpg'); }\r\n        .result-item.item-8 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/10-%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D0%B4%D1%83%D1%80-57-%D0%BB%D0%B5%D1%82-scaled.jpg'); }\r\n\r\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u0442\u0440\u0435\u043b\u043e\u043a *\/\r\n        .results-gallery-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: 10;\r\n            width: 44px;\r\n            height: 44px;\r\n            border: 1px solid rgba(42, 19, 3, 0.1);\r\n            background: rgba(255, 255, 255, 0.7);\r\n            backdrop-filter: blur(4px);\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .results-gallery-arrow:hover {\r\n            background: #fff;\r\n            border-color: rgba(42, 19, 3, 0.3);\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n        .results-gallery-arrow svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            stroke: #2A1303;\r\n            stroke-width: 2;\r\n        }\r\n        .results-gallery-arrow.prev { left: 3%; }\r\n        .results-gallery-arrow.next { right: 3%; }\r\n        \r\n        \/* --- PROGRESS BAR --- *\/\r\n        .progress-bar-container {\r\n            width: 50%;\r\n            max-width: 400px;\r\n            height: 3px;\r\n            background-color: rgba(42, 19, 3, 0.1);\r\n            border-radius: 3px;\r\n            margin: 40px auto 0;\r\n            overflow: hidden;\r\n        }\r\n        .progress-bar-indicator {\r\n            height: 100%;\r\n            width: 0;\r\n            background-color: #2A1303;\r\n            border-radius: 3px;\r\n            transition: width 0.2s ease-out;\r\n        }\r\n\r\n\r\n        \/* --- MOBILE ADAPTATION (\u044d\u043a\u0440\u0430\u043d\u044b <= 900px) --- *\/\r\n        @media (max-width: 900px) {\r\n            .client-results-section { padding: 80px 0; }\r\n            .client-results-section h2 { font-size: 2.2rem; margin-bottom: 40px; }\r\n            .results-gallery-container { padding: 0; } \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043d\u0430 \u043c\u043e\u0431, \u0447\u0442\u043e\u0431\u044b \u0441\u043b\u0430\u0439\u0434\u044b \u0448\u043b\u0438 \u043e\u0442 \u043a\u0440\u0430\u044f *\/\r\n            .results-gallery-scroll {\r\n                padding: 0 30px; \/* \u0411\u043e\u043a\u043e\u0432\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 *\/\r\n                \/* \u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u044d\u0444\u0444\u0435\u043a\u0442, \u0447\u0442\u043e \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043d\u0435 \u043f\u0440\u0438\u0436\u0430\u0442\u0430 \u043a \u043a\u0440\u0430\u044f\u043c *\/\r\n            }\r\n            .result-item {\r\n                flex-basis: 85%;\r\n                margin-right: 15px;\r\n                \r\n                \/* === \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 \u0417\u0414\u0415\u0421\u042c === *\/\r\n                height: 0;                  \/* 1. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0432 0, \u0447\u0442\u043e\u0431\u044b padding \u043c\u043e\u0433 \u0435\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c *\/\r\n                padding-bottom: 155.56%;    \/* 2. \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0440\u043e\u043d (14\/9 * 100%) \u0447\u0435\u0440\u0435\u0437 padding *\/\r\n            }\r\n            .results-gallery-arrow { display: none; } \/* \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0435\u043b\u043a\u0438, \u0442.\u043a. \u0435\u0441\u0442\u044c \u0441\u0432\u0430\u0439\u043f *\/\r\n        }\r\n        \r\n        \/* --- LIGHTBOX STYLES --- *\/\r\n        .results-lightbox {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 9999; display: flex; align-items: center; justify-content: center;\r\n            opacity: 0; visibility: hidden;\r\n            transition: opacity 0.4s ease, visibility 0s 0.4s;\r\n        }\r\n        .results-lightbox.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }\r\n        .results-lightbox-overlay {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(42, 19, 3, 0.85);\r\n            backdrop-filter: blur(5px);\r\n            cursor: pointer;\r\n        }\r\n        .results-lightbox-content {\r\n            position: relative; max-width: 90%; max-height: 90%;\r\n            transform: scale(0.9);\r\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n        .results-lightbox.is-active .results-lightbox-content { transform: scale(1); }\r\n        .results-lightbox-content img {\r\n            display: block; width: auto; height: auto; max-width: 100%; max-height: 90vh;\r\n            border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n            object-fit: contain;\r\n        }\r\n        .results-lightbox-close {\r\n            position: absolute; top: -20px; right: -20px;\r\n            width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%;\r\n            font-size: 24px; font-weight: 300; color: #2A1303; cursor: pointer;\r\n            display: flex; align-items: center; justify-content: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: transform 0.3s ease;\r\n        }\r\n        .results-lightbox-close:hover { transform: scale(1.1) rotate(90deg); }\r\n        @media (max-width: 900px) {\r\n            .results-lightbox-close { top: 10px; right: 10px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    \r\n    <section class=\"client-results-section\">\r\n        <h2>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043d\u0430\u0448\u0438\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0433\u043e\u0440\u0434\u0438\u043c\u0441\u044f<\/h2>\r\n        \r\n        <div class=\"results-gallery-container\">\r\n            <div class=\"results-gallery-scroll\">\r\n                <div class=\"result-item item-1\"><\/div>\r\n                <div class=\"result-item item-2\"><\/div>\r\n                <div class=\"result-item item-3\"><\/div>\r\n                <div class=\"result-item item-4\"><\/div>\r\n                <div class=\"result-item item-5\"><\/div>\r\n                <div class=\"result-item item-6\"><\/div>\r\n                <div class=\"result-item item-7\"><\/div>\r\n                <div class=\"result-item item-8\"><\/div>\r\n            <\/div>\r\n            <button class=\"results-gallery-arrow prev\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/button>\r\n            <button class=\"results-gallery-arrow next\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"progress-bar-container\">\r\n            <div class=\"progress-bar-indicator\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- HTML-\u0411\u041b\u041e\u041a \u0414\u041b\u042f \u041b\u0410\u0419\u0422\u0411\u041e\u041a\u0421\u0410 -->\r\n    <div class=\"results-lightbox\" id=\"resultsLightbox\">\r\n        <div class=\"results-lightbox-overlay\"><\/div>\r\n        <div class=\"results-lightbox-content\">\r\n            <img decoding=\"async\" src=\"\" alt=\"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u044b\">\r\n            <button class=\"results-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">&times;<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const carousel = document.querySelector('.results-gallery-scroll');\r\n        if (!carousel) return;\r\n\r\n        const prevButton = document.querySelector('.results-gallery-arrow.prev');\r\n        const nextButton = document.querySelector('.results-gallery-arrow.next');\r\n        const progressBar = document.querySelector('.progress-bar-indicator');\r\n        \r\n        let isDragging = false, startX, scrollLeft, scrollTimeout;\r\n        const originalItems = Array.from(carousel.children);\r\n\r\n        \/\/ --- 1. SETUP CAROUSEL ---\r\n        \/\/ \u041a\u043b\u043e\u043d\u0438\u0440\u0443\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \"\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e\" \u044d\u0444\u0444\u0435\u043a\u0442\u0430\r\n        originalItems.forEach(item => {\r\n            const clone = item.cloneNode(true);\r\n            carousel.appendChild(clone);\r\n        });\r\n\r\n        \/\/ --- 2. CORE FUNCTIONS ---\r\n        const updateProgressBar = () => {\r\n            if (!progressBar) return;\r\n            \/\/ \u0428\u0438\u0440\u0438\u043d\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u044c (\u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043b\u0430\u0439\u0434\u044b)\r\n            const scrollableWidth = (carousel.scrollWidth \/ 2) - carousel.clientWidth;\r\n            \/\/ \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \"\u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439\" \u0447\u0430\u0441\u0442\u0438 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438\r\n            const currentScroll = carousel.scrollLeft % (carousel.scrollWidth \/ 2);\r\n            const progress = (currentScroll \/ scrollableWidth) * 100;\r\n            progressBar.style.width = `${Math.min(progress, 100)}%`;\r\n        };\r\n\r\n        const handleInfiniteReset = () => {\r\n            const totalWidth = carousel.scrollWidth \/ 2; \/\/ \u0428\u0438\u0440\u0438\u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043b\u0430\u0439\u0434\u043e\u0432\r\n            const currentPosition = carousel.scrollLeft;\r\n\r\n            \/\/ \u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u0447\u0442\u0438 \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u043a\u043e\u043d\u0446\u0430 (\u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438)\r\n            if (currentPosition >= totalWidth - 1) {\r\n                \/\/ \u0412\u044b\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u0443\u044e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u0434\u043b\u044f \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u0433\u043e \"\u0442\u0438\u0445\u043e\u0433\u043e\" \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430\r\n                carousel.style.scrollBehavior = 'auto';\r\n                \/\/ \u041f\u0435\u0440\u0435\u043c\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043d\u0430 \u044d\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u043d\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0432 \u043d\u0430\u0447\u0430\u043b\u0435\r\n                carousel.scrollLeft = currentPosition - totalWidth;\r\n                \/\/ \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u0443\u044e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e. \r\n                \/\/ \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0430, \u0447\u0442\u043e\u0431\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0443\u0441\u043f\u0435\u043b \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435\r\n                setTimeout(() => {\r\n                    carousel.style.scrollBehavior = 'smooth';\r\n                }, 50);\r\n            }\r\n        };\r\n\r\n        \/\/ --- 3. NAVIGATION & DRAGGING ---\r\n        const scrollCarousel = (amount) => {\r\n            carousel.scrollBy({ left: amount, behavior: 'smooth' });\r\n        };\r\n        \r\n        const getSlideWidth = () => {\r\n            const firstItem = carousel.querySelector('.result-item');\r\n            if (!firstItem) return 0;\r\n            const itemStyle = window.getComputedStyle(firstItem);\r\n            return firstItem.offsetWidth + parseInt(itemStyle.marginRight);\r\n        };\r\n        \r\n        if (nextButton && prevButton) {\r\n            nextButton.addEventListener('click', () => scrollCarousel(getSlideWidth()));\r\n            prevButton.addEventListener('click', () => scrollCarousel(-getSlideWidth()));\r\n        }\r\n\r\n        const startDrag = (e) => {\r\n            isDragging = true;\r\n            carousel.style.cursor = 'grabbing';\r\n            carousel.style.scrollBehavior = 'auto';\r\n            startX = (e.pageX || e.touches[0].pageX) - carousel.offsetLeft;\r\n            scrollLeft = carousel.scrollLeft;\r\n        };\r\n\r\n        const onDrag = (e) => {\r\n            if (!isDragging) return;\r\n            e.preventDefault();\r\n            const x = (e.pageX || e.touches[0].pageX) - carousel.offsetLeft;\r\n            const walk = (x - startX) * 2;\r\n            carousel.scrollLeft = scrollLeft - walk;\r\n        };\r\n\r\n        const stopDrag = () => {\r\n            if (!isDragging) return;\r\n            isDragging = false;\r\n            carousel.style.cursor = 'grab';\r\n            carousel.style.scrollBehavior = 'smooth';\r\n            \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u0431\u0440\u043e\u0441\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043f\u043e\u0441\u043b\u0435 \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u044f\r\n            handleInfiniteReset();\r\n        };\r\n\r\n        \/\/ --- 4. LIGHTBOX LOGIC ---\r\n        const lightbox = document.getElementById('resultsLightbox');\r\n        if (lightbox) {\r\n            const lightboxImg = lightbox.querySelector('img');\r\n            const closeButton = lightbox.querySelector('.results-lightbox-close');\r\n            const overlay = lightbox.querySelector('.results-lightbox-overlay');\r\n\r\n            const openLightbox = (imageUrl) => {\r\n                lightboxImg.setAttribute('src', imageUrl);\r\n                lightbox.classList.add('is-active');\r\n            };\r\n\r\n            const closeLightbox = () => lightbox.classList.remove('is-active');\r\n\r\n            carousel.addEventListener('click', (e) => {\r\n                \/\/ \u041f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u0430, \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u043e\u0441\u0442\u043e \"\u0442\u044f\u043d\u0443\u043b\" \u0441\u043b\u0430\u0439\u0434\r\n                if (isDragging) return;\r\n                const item = e.target.closest('.result-item');\r\n                if (item) {\r\n                    const style = window.getComputedStyle(item);\r\n                    const bgImage = style.backgroundImage;\r\n                    const imageUrl = bgImage.slice(5, -2);\r\n                    openLightbox(imageUrl);\r\n                }\r\n            });\r\n\r\n            closeButton.addEventListener('click', closeLightbox);\r\n            overlay.addEventListener('click', closeLightbox);\r\n            document.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Escape') closeLightbox();\r\n            });\r\n        }\r\n\r\n        \/\/ --- 5. EVENT LISTENERS ---\r\n        carousel.addEventListener('scroll', () => {\r\n            \/\/ \u0412\u0441\u0435\u0433\u0434\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438\r\n            updateProgressBar();\r\n            \/\/ \u0421\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u0442\u0430\u0439\u043c\u0435\u0440 \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0430\r\n            clearTimeout(scrollTimeout);\r\n            \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \"\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0441\u0442\u044c\" \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0441\u043a\u0440\u043e\u043b\u043b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0441\u044f (150\u043c\u0441 \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f)\r\n            scrollTimeout = setTimeout(handleInfiniteReset, 150);\r\n        });\r\n        carousel.addEventListener('mousedown', startDrag);\r\n        carousel.addEventListener('touchstart', startDrag, { passive: true });\r\n        carousel.addEventListener('mousemove', onDrag);\r\n        carousel.addEventListener('touchmove', onDrag, { passive: false }); \/\/ passive: false to allow preventDefault\r\n        document.addEventListener('mouseup', stopDrag);\r\n        document.addEventListener('touchend', stopDrag);\r\n        \r\n        \/\/ --- INITIALIZATION ---\r\n        updateProgressBar();\r\n    });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fd2413 e-con-full e-flex e-con e-parent\" data-id=\"52fd2413\" data-element_type=\"container\" id=\"magic\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d4342c2 elementor-widget elementor-widget-html\" data-id=\"2d4342c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Magic Shape Intro Section<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap');\r\n    <\/style>\r\n    \r\n    <style>\r\n        \/* --- MAGIC SHAPE INTRO SECTION STYLES --- *\/\r\n\r\n        .magic-shape-intro-section {\r\n          display: flex;\r\n          background-color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          color: #FFFFFF; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          min-height: 100vh;\r\n          box-sizing: border-box;\r\n          overflow: hidden;\r\n          font-weight: 300;\r\n          position: relative; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u0434\u043b\u044f \u043f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\r\n        }\r\n        \r\n        \/* --- \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e: \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0438\u0437\u043a\u043e\u0439 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e --- *\/\r\n        .magic-shape-intro-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.08; \/* \u0420\u0435\u0433\u0443\u043b\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u043b\u044f \"\u0435\u0434\u0432\u0430 \u0437\u0430\u043c\u0435\u0442\u043d\u043e\u0433\u043e\" \u044d\u0444\u0444\u0435\u043a\u0442\u0430 *\/\r\n            z-index: 0;\r\n        }\r\n\r\n        \/* --- \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e: \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043f\u043e\u0432\u0435\u0440\u0445 \u043f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 --- *\/\r\n        .ms-intro-content-side, .ms-intro-media-side {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .ms-intro-content-side {\r\n          width: 65%;\r\n          padding: 100px 7%;\r\n          box-sizing: border-box;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          order: 1;\r\n        }\r\n        @keyframes fadeInFromBottom-ms-intro {\r\n          from { opacity: 0; transform: translateY(25px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .ms-intro-title-wrapper { overflow: hidden; }\r\n        .ms-intro-content-side h2 {\r\n          font-family: 'Cormorant Garamond', serif;\r\n          font-weight: 500;\r\n          font-size: 2.8rem;\r\n          line-height: 1.3;\r\n          text-transform: uppercase;\r\n          letter-spacing: 2px;\r\n          margin: 0 0 30px 0;\r\n          opacity: 0;\r\n          animation: fadeInFromBottom-ms-intro 1.2s ease forwards;\r\n          animation-delay: 0.5s;\r\n        }\r\n        blockquote.ms-intro-description {\r\n          font-family: 'Inter', sans-serif;\r\n          font-size: 1.05rem;\r\n          line-height: 1.8;\r\n          max-width: 600px;\r\n          margin: 0 0 40px 0;\r\n          color: rgba(255, 255, 255, 0.75); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          opacity: 0;\r\n          animation: fadeInFromBottom-ms-intro 1.2s ease forwards;\r\n          animation-delay: 0.7s;\r\n          padding-left: 25px;\r\n          border-left: 3px solid rgba(198, 159, 122, 0.25); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          font-style: normal;\r\n        }\r\n        blockquote.ms-intro-description p { margin: 0; }\r\n        blockquote.ms-intro-description strong {\r\n            font-weight: 500;\r\n            color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n        .ms-intro-button {\r\n          background-color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          padding: 18px 40px; text-decoration: none;\r\n          font-family: 'Inter', sans-serif; font-weight: 400; font-size: 1rem;\r\n          border-radius: 5px; transition: all 0.4s ease;\r\n          display: inline-block; letter-spacing: 0.5px;\r\n          border: 1px solid #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n          align-self: flex-start;\r\n          opacity: 0; animation: fadeInFromBottom-ms-intro 1.2s ease forwards; animation-delay: 0.9s;\r\n          margin-bottom: 20px;\r\n        }\r\n        .ms-intro-button:hover { \r\n            background-color: transparent; \r\n            color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n        .ms-intro-promo-text {\r\n            font-family: 'Inter', sans-serif; font-size: 0.9rem; \r\n            color: rgba(198, 159, 122, 0.8); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            align-self: flex-start;\r\n            opacity: 0; animation: fadeInFromBottom-ms-intro 1.2s ease forwards; animation-delay: 1.1s;\r\n        }\r\n        .ms-intro-media-side {\r\n          width: 35%; position: relative;\r\n          overflow: hidden; order: 2;\r\n        }\r\n        .ms-intro-slider {\r\n            position: absolute; top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background-color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n        .ms-intro-slider img {\r\n            position: absolute; top: 0; left: 0;\r\n            width: 100%; height: 100%; object-fit: cover;\r\n            opacity: 0; transform: scale(1.1);\r\n            transition: opacity 1.8s ease-in-out, transform 8s ease-out;\r\n        }\r\n        .ms-intro-slider img.active { opacity: 1; transform: scale(1.0); z-index: 1; }\r\n        \r\n        \/* --- MOBILE ADAPTATION --- *\/\r\n        @media (max-width: 900px) {\r\n          .magic-shape-intro-section { flex-direction: column-reverse; } \r\n          .ms-intro-content-side {\r\n            width: 100%; order: 2; \r\n            padding: 80px 30px;\r\n            align-items: center;\r\n          }\r\n          .ms-intro-media-side {\r\n            width: 100%; order: 1; \r\n            aspect-ratio: 9 \/ 16; \r\n          }\r\n          .ms-intro-content-side h2 { font-size: 2.2rem; text-align: center; }\r\n          blockquote.ms-intro-description {\r\n              text-align: center;\r\n              border-left: none;\r\n              border-top: 3px solid rgba(198, 159, 122, 0.25); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n              padding-left: 0; padding-top: 20px;\r\n          }\r\n          .ms-intro-button, .ms-intro-promo-text { align-self: stretch; text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    \r\n    <section class=\"magic-shape-intro-section\">\r\n      <!-- \u041a\u043e\u043d\u0442\u0435\u043d\u0442\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c -->\r\n      <div class=\"ms-intro-content-side\">\r\n        <div class=\"ms-intro-title-wrapper\">\r\n          <h2>MAGIC SHAPE:<br>\u0421\u041a\u0423\u041b\u042c\u041f\u0422\u0423\u0420\u0410 \u0412\u0410\u0428\u0415\u0413\u041e \u0422\u0415\u041b\u0410<\/h2>\r\n        <\/div>\r\n        \r\n        <blockquote class=\"ms-intro-description\">\r\n          <p>\r\n            \u0412\u0430\u0448\u0435 \u0442\u0435\u043b\u043e \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0430, \u0430 <strong>MAGIC SHAPE<\/strong> \u2014 \u043d\u0430\u0448 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0435\u0433\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b\u0445 \u043b\u0438\u043d\u0438\u0439. \u042d\u0442\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f <strong>\u0441\u0438\u043d\u0435\u0440\u0433\u0438\u044f \u044d\u043d\u0435\u0440\u0433\u0438\u0439<\/strong>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0431\u0443\u0436\u0434\u0430\u0435\u0442 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043e\u043c\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0443\u0435\u0442 \u0438\u0437\u044f\u0449\u043d\u044b\u0439 \u0441\u0438\u043b\u0443\u044d\u0442 \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043e\u0436\u0435 \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u0443\u044e \u0433\u043b\u0430\u0434\u043a\u043e\u0441\u0442\u044c.\r\n          <\/p>\r\n        <\/blockquote>\r\n\r\n        <a href=\"#order\" class=\"ms-intro-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n        <p class=\"ms-intro-promo-text\">\u0437\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u041c\u0435\u0434\u0438\u0430-\u0447\u0430\u0441\u0442\u044c \u0441\u043e \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u043e\u043c -->\r\n      <div class=\"ms-intro-media-side\">\r\n        <div class=\"ms-intro-slider\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-142-scaled.jpg\" alt=\"\u041f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 Magic Shape\" class=\"active\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-146-scaled.jpg\" alt=\"\u0410\u043f\u043f\u0430\u0440\u0430\u0442 Magic Shape \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-156-scaled.jpg\" alt=\"\u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u044b\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-165-scaled.jpg\" alt=\"\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-161-scaled.jpg\" alt=\"\u0414\u0435\u0442\u0430\u043b\u0438 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u0430 Magic Shape\">\r\n          <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/mm24-76-scaled.jpg\" alt=\"\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ --- \u0421\u041a\u0420\u0418\u041f\u0422 \u0414\u041b\u042f \u0411\u041e\u041a\u041e\u0412\u041e\u0413\u041e \u0421\u041b\u0410\u0419\u0414\u0415\u0420\u0410 ---\r\n            const mainSliderContainer = document.querySelector('.ms-intro-slider');\r\n            if (mainSliderContainer) {\r\n                const slides = Array.from(mainSliderContainer.querySelectorAll('img'));\r\n                if (slides.length > 1) {\r\n                    let currentSlideIndex = 0; \r\n                    const slideInterval = 2500;\r\n                    function showNextSlide() {\r\n                        const nextSlideIndex = (currentSlideIndex + 1) % slides.length;\r\n                        slides[currentSlideIndex].classList.remove('active');\r\n                        slides[nextSlideIndex].classList.add('active');\r\n                        currentSlideIndex = nextSlideIndex;\r\n                    }\r\n                    slides[0].classList.add('active'); \r\n                    setInterval(showNextSlide, slideInterval);\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7469feb3 e-con-full e-flex e-con e-parent\" data-id=\"7469feb3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-418963f1 elementor-widget elementor-widget-html\" data-id=\"418963f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Importing Fonts --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500&family=Inter:wght@300;400&display=swap');\r\n\r\n    \/* --- Main Section Container --- *\/\r\n    .icoone-promo-section {\r\n      display: flex;\r\n      background-color: #fdfdfd;\r\n      color: #2A1303;\r\n      min-height: 90vh; \/* A bit smaller for variety *\/\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      font-weight: 300;\r\n      font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    \/* --- Left Side: Image --- *\/\r\n    .icoone-image-side {\r\n      width: 35%;\r\n      position: relative;\r\n      background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/2151984982.jpg'); \/* You can replace this image *\/\r\n      background-size: cover;\r\n      background-position: center;\r\n    }\r\n\r\n    \/* Curtain animation for the image *\/\r\n    .icoone-image-side::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%; height: 100%;\r\n      background-color: #fdfdfd;\r\n      transform-origin: left;\r\n      animation: curtainReveal-icoone 1.8s cubic-bezier(0.8, 0, 0.2, 1) forwards;\r\n      animation-delay: 0.2s;\r\n      z-index: 2;\r\n    }\r\n    @keyframes curtainReveal-icoone {\r\n      from { transform: scaleX(1); }\r\n      to { transform: scaleX(0); }\r\n    }\r\n\r\n    \/* --- Right Side: Content --- *\/\r\n    .icoone-content-side {\r\n      width: 65%;\r\n      padding: 100px 7%;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Base animation for content elements *\/\r\n    @keyframes fadeInBottom-icoone {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .icoone-content-side h2 {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-weight: 500;\r\n      font-size: 2.8rem;\r\n      line-height: 1.3;\r\n      margin: 0 0 40px 0;\r\n      opacity: 0;\r\n      animation: fadeInBottom-icoone 1.2s ease forwards;\r\n      animation-delay: 0.8s;\r\n    }\r\n\r\n    \/* --- Statistic Block --- *\/\r\n    .icoone-statistic {\r\n        margin-bottom: 30px;\r\n        opacity: 0;\r\n        animation: fadeInBottom-icoone 1.2s ease forwards;\r\n        animation-delay: 1.0s;\r\n    }\r\n\r\n    .icoone-statistic .number {\r\n        font-size: 4rem;\r\n        font-weight: 500;\r\n        color: #A13D41; \/* Accent red-brown color from screenshot *\/\r\n        font-family: 'Cormorant Garamond', serif;\r\n        line-height: 1;\r\n    }\r\n\r\n    .icoone-statistic .label {\r\n        font-size: 1rem;\r\n        letter-spacing: 0.5px;\r\n        color: rgba(42, 19, 3, 0.8);\r\n        margin-top: 5px;\r\n    }\r\n    \r\n    .icoone-description {\r\n      font-size: 1.05rem;\r\n      line-height: 1.8;\r\n      max-width: 550px;\r\n      margin: 0 0 40px 0;\r\n      color: rgba(42, 19, 3, 0.75);\r\n      opacity: 0;\r\n      animation: fadeInBottom-icoone 1.2s ease forwards;\r\n      animation-delay: 1.2s;\r\n    }\r\n    \r\n    .icoone-cta-button {\r\n      background-color: #2A1303;\r\n      color: #EAE0D5;\r\n      padding: 18px 40px;\r\n      text-decoration: none;\r\n      font-weight: 300;\r\n      font-size: 1rem;\r\n      border-radius: 5px;\r\n      transition: all 0.4s ease;\r\n      display: inline-block;\r\n      letter-spacing: 0.5px;\r\n      border: 1px solid #2A1303;\r\n      align-self: flex-start; \/* Align to the left *\/\r\n      opacity: 0;\r\n      animation: fadeInBottom-icoone 1.2s ease forwards;\r\n      animation-delay: 1.4s;\r\n    }\r\n    .icoone-cta-button:hover {\r\n      background-color: transparent;\r\n      color: #2A1303;\r\n    }\r\n\r\n    .icoone-promo-text {\r\n        font-size: 0.9rem;\r\n        color: rgba(42, 19, 3, 0.65);\r\n        margin-top: 20px;\r\n        align-self: flex-start;\r\n        opacity: 0;\r\n        animation: fadeInBottom-icoone 1.2s ease forwards;\r\n        animation-delay: 1.6s; \/* Appears last *\/\r\n    }\r\n\r\n\r\n    \/* --- Mobile Version --- *\/\r\n    @media (max-width: 900px) {\r\n      .icoone-promo-section { flex-direction: column; }\r\n      \r\n      .icoone-content-side {\r\n        width: 100%;\r\n        order: 1; \/* Content first *\/\r\n        padding: 80px 30px;\r\n        text-align: center;\r\n      }\r\n      .icoone-image-side {\r\n        width: 100%;\r\n        order: 2; \/* Image second *\/\r\n        min-height: 400px;\r\n      }\r\n\r\n      .icoone-image-side::before {\r\n         animation: none;\r\n         display: none;\r\n      }\r\n      \r\n      .icoone-content-side h2 { font-size: 2.2rem; }\r\n\r\n      .icoone-statistic .number { font-size: 3.5rem; }\r\n\r\n      .icoone-cta-button,\r\n      .icoone-promo-text {\r\n          align-self: stretch; \/* Make button and text full-width *\/\r\n      }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"icoone-promo-section\">\r\n\r\n  <!-- Left Side with Image -->\r\n  <div class=\"icoone-image-side\"><\/div>\r\n  \r\n  <!-- Right Side with Content -->\r\n  <div class=\"icoone-content-side\">\r\n  \r\n    <h2>\u0418\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0435 \u0441\u0430\u043b\u043e\u043d\u044b \u0438 \u043a\u043b\u0438\u043d\u0438\u043a\u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 icoone\u00ae<\/h2>\r\n    \r\n    <div class=\"icoone-statistic\">\r\n      <div class=\"number\">>300<\/div>\r\n      <div class=\"label\">\u0441\u0430\u043b\u043e\u043d\u043e\u0432 \u0438 \u043a\u043b\u0438\u043d\u0438\u043a \u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/div>\r\n    <\/div>\r\n\r\n    <p class=\"icoone-description\">\r\n      \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044e icoone \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u0441\u0430\u043c\u044b\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0435 \u0441\u043f\u0430-\u0441\u0430\u043b\u043e\u043d\u044b \u0438 \u043a\u043b\u0438\u043d\u0438\u043a\u0438 \u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0432\u043e \u0432\u0441\u0435\u043c \u043c\u0438\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u0432\u043e\u0438\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b, \u0437\u0430\u043f\u0430\u0442\u0435\u043d\u0442\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u043a\u0440\u0430\u0441\u043e\u0442\u044b, \u0442\u043e\u043d\u0443\u0441\u0430 \u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f.\r\n    <\/p>\r\n\r\n    <a href=\"#order\" class=\"icoone-cta-button\">\u041f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c icoone<\/a>\r\n    \r\n    <p class=\"icoone-promo-text\">\u0437\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 20%<\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b1f37a9 e-con-full e-flex e-con e-parent\" data-id=\"6b1f37a9\" data-element_type=\"container\" id=\"laser\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3367a7e7 elementor-widget elementor-widget-html\" data-id=\"3367a7e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Importing Fonts --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500&family=Inter:wght@300;400&display=swap');\r\n\r\n    \/* --- Section Container --- *\/\r\n    .icoone-details-section {\r\n        background-color: #f8f5f2;\r\n        color: #2A1303;\r\n        padding: 120px 7%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    \r\n    \/* --- Section Header --- *\/\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n    .section-header h2 {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 3rem;\r\n        font-weight: 500;\r\n        margin: 0 0 15px 0;\r\n        letter-spacing: 1px;\r\n        opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 0.2s;\r\n    }\r\n    .section-header .subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(42, 19, 3, 0.7);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.7;\r\n        opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n\r\n    \/* --- Two-Column Layout --- *\/\r\n    .icoone-details-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr; \/* Photo col, Text col *\/\r\n        gap: 60px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* --- General Animation --- *\/\r\n    @keyframes fadeIn-detail {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    \r\n    \/* --- NEW: Photo Column with Collage Effect --- *\/\r\n    .icoone-photo-column {\r\n        position: relative;\r\n        min-height: 600px; \/* Space for absolute positioned images *\/\r\n    }\r\n    .photo-item {\r\n        position: absolute;\r\n        border-radius: 8px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        box-shadow: 0 15px 40px rgba(42, 19, 3, 0.1);\r\n        border: 1px solid #fff;\r\n        opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n    }\r\n    .photo-item-1 {\r\n        background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/icoone_new2.jpg.jpg');\r\n        width: 85%;\r\n        height: 350px;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 2;\r\n        animation-delay: 0.6s;\r\n    }\r\n    .photo-item-2 {\r\n        background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/icoon3.jpg.jpg');\r\n        width: 60%;\r\n        height: 280px;\r\n        top: 280px;\r\n        left: 40%;\r\n        z-index: 3;\r\n        animation-delay: 0.8s;\r\n    }\r\n    .photo-item-3 {\r\n        background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/icoon_new.jpg.webp');\r\n        width: 70%;\r\n        height: 250px;\r\n        top: 450px;\r\n        left: 10%;\r\n        z-index: 1;\r\n        animation-delay: 1.0s;\r\n    }\r\n\r\n\r\n    \/* --- Text Column Styling --- *\/\r\n    .icoone-text-column h3 {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-weight: 500;\r\n        font-size: 2.2rem;\r\n        letter-spacing: 1px;\r\n        margin-top: 0;\r\n        margin-bottom: 20px;\r\n        padding-bottom: 15px;\r\n        border-bottom: 1px solid rgba(42, 19, 3, 0.15);\r\n        opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 0.7s;\r\n    }\r\n    .icoone-text-column .description-p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.8;\r\n        color: rgba(42, 19, 3, 0.8);\r\n        margin-bottom: 30px;\r\n        opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 0.9s;\r\n    }\r\n\r\n    \/* List Styling *\/\r\n    .benefits-list {\r\n        list-style: none; padding: 0; margin-bottom: 50px;\r\n    }\r\n    .benefits-list li {\r\n        display: flex; align-items: center; padding: 12px 0;\r\n        border-bottom: 1px solid rgba(42, 19, 3, 0.07);\r\n        opacity: 0; animation: fadeIn-detail 1s ease forwards;\r\n    }\r\n    .benefits-list li:nth-child(1) { animation-delay: 1.0s; }\r\n    .benefits-list li:nth-child(2) { animation-delay: 1.1s; }\r\n    .benefits-list li:nth-child(3) { animation-delay: 1.2s; }\r\n    .benefits-list li:nth-child(4) { animation-delay: 1.3s; }\r\n    .benefits-list li .icon {\r\n        color: #A13D41; font-size: 1.2rem; margin-right: 15px;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .tech-card {\r\n        background-color: #fff; border: 1px solid rgba(42, 19, 3, 0.08);\r\n        border-radius: 8px; padding: 25px; margin-top: 20px;\r\n        opacity: 0; animation: fadeIn-detail 1.2s ease forwards;\r\n    }\r\n    .tech-card p {\r\n        line-height: 1.8; font-size: 1rem; margin: 0;\r\n    }\r\n    .tech-card p strong { font-weight: 400; }\r\n    .icoone-text-column .tech-card:nth-of-type(1) { animation-delay: 1.4s; }\r\n    .icoone-text-column .tech-card:nth-of-type(2) { animation-delay: 1.5s; }\r\n    \r\n    \/* --- NEW: CTA Block --- *\/\r\n    .icoone-cta-container {\r\n        text-align: center;\r\n        margin-top: 80px;\r\n    }\r\n    .icoone-details-button {\r\n        background-color: #2A1303; color: #EAE0D5; padding: 18px 50px;\r\n        text-decoration: none; font-size: 1rem; border-radius: 5px;\r\n        transition: all 0.4s ease; display: inline-block;\r\n        letter-spacing: 0.5px; border: 1px solid #2A1303;\r\n        opacity: 0; animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 1.6s;\r\n    }\r\n    .icoone-details-button:hover {\r\n        background-color: transparent; color: #2A1303;\r\n    }\r\n    .icoone-promo-text {\r\n        font-size: 0.9rem; color: rgba(42, 19, 3, 0.65);\r\n        margin-top: 20px; opacity: 0;\r\n        animation: fadeIn-detail 1.2s ease forwards;\r\n        animation-delay: 1.7s; \/* Appears last *\/\r\n    }\r\n\r\n    \/* --- Mobile Adaptation --- *\/\r\n    @media (max-width: 950px) {\r\n        .icoone-details-grid {\r\n            grid-template-columns: 1fr; \/* Stack columns *\/\r\n        }\r\n        .icoone-details-section { padding: 80px 30px; }\r\n        .section-header h2 { font-size: 2.2rem; }\r\n        .icoone-photo-column {\r\n            order: 2; \/* Photos go after text on mobile *\/\r\n            min-height: auto;\r\n            display: flex; flex-direction: column; gap: 20px;\r\n        }\r\n        .photo-item {\r\n            position: static;\r\n            width: 100%; height: 250px;\r\n        }\r\n        .icoone-text-column { order: 1; }\r\n        .icoone-text-column h3 { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"icoone-details-section\">\r\n\r\n    <div class=\"section-header\">\r\n        <h2>ICOONE LASER: \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/h2>\r\n        <p class=\"subtitle\">\u0423\u0437\u043d\u0430\u0439\u0442\u0435, \u043a\u0430\u043a \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u0438\u043a\u0430 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u0438 \u0444\u0438\u0433\u0443\u0440\u044b \u0438 \u043e\u043c\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043b\u0438\u0446\u0430 \u0434\u0430\u0440\u0438\u0442 \u0432\u0438\u0434\u0438\u043c\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0431\u0435\u0437 \u0445\u0438\u0440\u0443\u0440\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u043c\u0435\u0448\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"icoone-details-grid\">\r\n\r\n        <!-- Left Column: Photo Collage -->\r\n        <div class=\"icoone-photo-column\">\r\n            <div class=\"photo-item photo-item-1\"><\/div>\r\n            <div class=\"photo-item photo-item-2\"><\/div>\r\n            <div class=\"photo-item photo-item-3\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Text Content -->\r\n        <div class=\"icoone-text-column\">\r\n            <h3>\u041e \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0435<\/h3>\r\n            <p class=\"description-p\">\r\n                ICOONE LASER \u2014 \u044d\u0442\u043e \u0431\u0435\u0437\u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u0438\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442 \u043a\u043e\u043d\u0442\u0443\u0440\u044b \u0442\u0435\u043b\u0430, \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442 \u043c\u043e\u0440\u0449\u0438\u043d\u044b, \u0446\u0435\u043b\u043b\u044e\u043b\u0438\u0442 \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0436\u0438\u0440\u043e\u0432\u044b\u0435 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u043e\u0434\u0430\u0440\u0438\u0432 \u0432\u0430\u043c \u043f\u043e\u0434\u0442\u044f\u043d\u0443\u0442\u0443\u044e \u0438 \u0433\u043b\u0430\u0434\u043a\u0443\u044e \u043a\u043e\u0436\u0443 \u0431\u0435\u0437 \u0440\u0438\u0441\u043a\u043e\u0432 \u0438 \u043f\u0435\u0440\u0438\u043e\u0434\u0430 \u0440\u0435\u0430\u0431\u0438\u043b\u0438\u0442\u0430\u0446\u0438\u0438.\r\n            <\/p>\r\n\r\n            <ul class=\"benefits-list\">\r\n                <li><span class=\"icon\">\u2713<\/span> \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u0446\u0435\u043b\u043b\u044e\u043b\u0438\u0442\u0430 \u0438 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044f \u0444\u0438\u0433\u0443\u0440\u044b<\/li>\r\n                <li><span class=\"icon\">\u2713<\/span> \u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b, \u0442\u043e\u043d\u0443\u0441\u0430 \u0438 \u0443\u043f\u0440\u0443\u0433\u043e\u0441\u0442\u0438 \u043a\u043e\u0436\u0438<\/li>\r\n                <li><span class=\"icon\">\u2713<\/span> \u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043c\u043e\u0440\u0449\u0438\u043d \u0438 \u043b\u0438\u0444\u0442\u0438\u043d\u0433 \u0442\u043a\u0430\u043d\u0435\u0439<\/li>\r\n                <li><span class=\"icon\">\u2713<\/span> \u0410\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u044f \u043b\u0438\u043c\u0444\u043e\u0434\u0440\u0435\u043d\u0430\u0436\u0430 \u0438 \u043a\u0440\u043e\u0432\u043e\u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f<\/li>\r\n            <\/ul>\r\n\r\n            <h3>\u041f\u0440\u0438\u043d\u0446\u0438\u043f \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f<\/h3>\r\n            \r\n            <div class=\"tech-card\">\r\n                <p>\r\n                    \u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u043b\u0435\u0436\u0438\u0442 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u044f <strong>\u043c\u0443\u043b\u044c\u0442\u0438\u043c\u0438\u043a\u0440\u043e\u0430\u043b\u044c\u0432\u0435\u043e\u043b\u044f\u0440\u043d\u043e\u0439 \u0441\u0442\u0438\u043c\u0443\u043b\u044f\u0446\u0438\u0438 (M.M.A.S.)<\/strong> \u0438 \u043b\u0430\u0437\u0435\u0440\u043d\u043e\u0433\u043e \u0432\u043e\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u0417\u0430\u043f\u0430\u0442\u0435\u043d\u0442\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044b Roboderm \u0433\u043b\u0443\u0431\u043e\u043a\u043e \u043f\u0440\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u0442\u043a\u0430\u043d\u0438, \u0430\u043a\u0442\u0438\u0432\u0438\u0437\u0438\u0440\u0443\u044f \u043e\u0431\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"tech-card\">\r\n                <p>\r\n                    \u0412\u043e\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u043a\u043b\u0435\u0442\u043e\u0447\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043a\u0430\u0441\u043a\u0430\u0434 \u0444\u0438\u0437\u0438\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0430\u043a\u0446\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u0435\u0442\u0441\u044f <strong>\u0441\u0438\u043d\u0442\u0435\u0437\u043e\u043c \u0444\u0430\u043a\u0442\u043e\u0440\u043e\u0432 \u0440\u043e\u0441\u0442\u0430<\/strong>. \u042d\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044e \u043a\u043b\u0435\u0442\u043e\u043a, \u0443\u043b\u0443\u0447\u0448\u0430\u044f \u044d\u043b\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0438 \u043f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0436\u0438.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA Block -->\r\n    <div class=\"icoone-cta-container\">\r\n        <a href=\"#order\" class=\"icoone-details-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n        <p class=\"icoone-promo-text\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/p>\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5df559e2 e-con-full e-flex e-con e-parent\" data-id=\"5df559e2\" data-element_type=\"container\" id=\"icoone\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70382c08 elementor-widget elementor-widget-html\" data-id=\"70382c08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300&display=swap');\r\n\r\n.priority-section {\r\n  background-color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  color: #FFFFFF; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  padding: 120px 7%;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  font-weight: 300;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* --- \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e: \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0438\u0437\u043a\u043e\u0439 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e --- *\/\r\n.priority-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0.08; \r\n    z-index: 0;\r\n}\r\n\r\n.priority-wrapper {\r\n  display: flex;\r\n  gap: 5%;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  align-items: center;\r\n  position: relative; z-index: 1; \/* \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e *\/\r\n}\r\n\r\n\/* --- Left Side: Content --- *\/\r\n.priority-content {\r\n  width: 40%;\r\n  position: relative;\r\n  padding: 40px;\r\n}\r\n.priority-content > * {\r\n  opacity: 0;\r\n  animation: fadeInFromBottom 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n}\r\n\r\n.border-segment {\r\n  position: absolute; background-color: #C69F7A; \r\n  opacity: 0.8; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  transform: scale(0);\r\n}\r\n.seg-top, .seg-bottom { height: 1px; width: 50%; }\r\n.seg-left, .seg-right { width: 1px; height: 50%; }\r\n.seg-top { top: 0; } .seg-bottom { bottom: 0; }\r\n.seg-left { left: 0; } .seg-right { right: 0; }\r\n.seg-top.left, .seg-bottom.left { left: 0; transform-origin: right; }\r\n.seg-top.right, .seg-bottom.right { right: 0; transform-origin: left; }\r\n.seg-left.top, .seg-right.top { top: 0; transform-origin: bottom; }\r\n.seg-left.bottom, .seg-right.bottom { bottom: 0; transform-origin: top; }\r\n.priority-section.is-in-view .border-segment {\r\n  animation: drawConstellation 1s cubic-bezier(0.8, 0, 0.2, 1) forwards;\r\n  animation-delay: var(--delay);\r\n}\r\n@keyframes drawConstellation { to { transform: scale(1); } }\r\n\r\n.priority-content h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-weight: 500;\r\n  font-size: clamp(2rem, 5vw, 2.8rem);\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin: 0 0 15px 0;\r\n  animation-delay: 1.2s;\r\n}\r\n.priority-content .tagline {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-style: italic;\r\n  font-size: 1.5rem;\r\n  color: #C69F7A;\r\n  margin: 0 0 30px 0;\r\n  animation-delay: 1.4s;\r\n}\r\n.priority-content .description {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.8;\r\n  margin: 0 0 40px 0;\r\n  animation-delay: 1.6s;\r\n  color: rgba(255, 255, 255, 0.8); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n}\r\n.priority-cta-button {\r\n  background-color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  padding: 18px 40px;\r\n  text-decoration: none;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 400; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  font-size: 1rem;\r\n  border-radius: 5px;\r\n  transition: all 0.4s ease;\r\n  display: inline-block;\r\n  letter-spacing: 0.5px;\r\n  border: 1px solid #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  animation-delay: 1.8s;\r\n}\r\n.priority-cta-button:hover { \r\n    background-color: transparent; \r\n    color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n}\r\n\r\n\/* --- Right Side: Video & Results --- *\/\r\n.priority-visuals {\r\n  width: 60%;\r\n}\r\n.results-grid-animated {\r\n  display: flex;\r\n  gap: 20px;\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  opacity: 0;\r\n  animation: fadeInFromBottom 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n  animation-delay: 1.5s;\r\n}\r\n.result-item-animated { flex: 1; }\r\n.result-item-animated .value {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 3.5rem;\r\n  font-weight: 500;\r\n  line-height: 1;\r\n}\r\n.result-item-animated .label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: rgba(255, 255, 255, 0.7); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n}\r\n\r\n.echelon-video-container {\r\n  position: relative;\r\n}\r\n.video-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-bottom: 56.25%;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  background-color: #000000; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n}\r\n.video-player {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n}\r\n.echelon-shutters {\r\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n  z-index: 2; pointer-events: none;\r\n}\r\n.shutter {\r\n  position: absolute; left: 0; width: 100%; height: 20%;\r\n  background-color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n  transform: scaleX(1);\r\n  transition: transform 1.2s cubic-bezier(0.8, 0, 0.2, 1);\r\n}\r\n.shutter:nth-child(1) { top: 0; } .shutter:nth-child(2) { top: 20%; }\r\n.shutter:nth-child(3) { top: 40%; } .shutter:nth-child(4) { top: 60%; }\r\n.shutter:nth-child(5) { top: 80%; }\r\n.priority-section.is-in-view .shutter {\r\n  transform: scaleX(0);\r\n}\r\n.priority-section.is-in-view .shutter:nth-child(1) { transition-delay: 1.5s; transform-origin: left; }\r\n.priority-section.is-in-view .shutter:nth-child(2) { transition-delay: 1.6s; transform-origin: right; }\r\n.priority-section.is-in-view .shutter:nth-child(3) { transition-delay: 1.7s; transform-origin: left; }\r\n.priority-section.is-in-view .shutter:nth-child(4) { transition-delay: 1.8s; transform-origin: right; }\r\n.priority-section.is-in-view .shutter:nth-child(5) { transition-delay: 1.9s; transform-origin: left; }\r\n\r\n@keyframes fadeInFromBottom {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* --- PERFECTED MOBILE VERSION --- *\/\r\n@media (max-width: 900px) {\r\n  .priority-section {\r\n    padding-top: 80px; padding-bottom: 80px; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0438\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\r\n  }\r\n  .priority-wrapper {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  .priority-content {\r\n    order: 2; \/* Text comes AFTER visuals *\/\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 0;\r\n  }\r\n  .priority-visuals {\r\n    order: 1; \/* Visuals come FIRST *\/\r\n    width: 100%;\r\n  }\r\n  .results-grid-animated { justify-content: center; }\r\n  .priority-cta-button { width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"priority-section\">\r\n  <div class=\"priority-wrapper\">\r\n\r\n    <div class=\"priority-content\">\r\n      <div class=\"border-segment seg-top left\" style=\"--delay: 0.5s\"><\/div><div class=\"border-segment seg-top right\" style=\"--delay: 0.5s\"><\/div>\r\n      <div class=\"border-segment seg-bottom left\" style=\"--delay: 0.8s\"><\/div><div class=\"border-segment seg-bottom right\" style=\"--delay: 0.8s\"><\/div>\r\n      <div class=\"border-segment seg-left top\" style=\"--delay: 0.2s\"><\/div><div class=\"border-segment seg-left bottom\" style=\"--delay: 0.2s\"><\/div>\r\n      <div class=\"border-segment seg-right top\" style=\"--delay: 1.1s\"><\/div><div class=\"border-segment seg-right bottom\" style=\"--delay: 1.1s\"><\/div>\r\n\r\n      <h2>\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f<br>icoone LASER<\/h2>\r\n      <p class=\"tagline\">\u041d\u0435\u0432\u0438\u0434\u0438\u043c\u043e\u0435 \u0432\u043e\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u0412\u0438\u0434\u0438\u043c\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\r\n      <p class=\"description\">\r\n        \u042d\u0442\u043e \u043f\u0440\u043e\u0440\u044b\u0432 \u0432 \u0440\u0435\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u0438\u043b\u0443\u044d\u0442\u0430. \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0431\u0443\u0436\u0434\u0430\u0435\u0442 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u0430, \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u044f \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0438 \u0444\u043e\u0440\u043c \u0438 \u043d\u0435\u043f\u0440\u0435\u0432\u0437\u043e\u0439\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0447\u0443\u0432\u0441\u0442\u0432\u0438\u044f.\r\n      <\/p>\r\n      <a href=\"#order\" class=\"priority-cta-button\">60% \u0441\u043a\u0438\u0434\u043a\u0430 \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"priority-visuals\">\r\n      <div class=\"results-grid-animated\">\r\n        <div class=\"result-item-animated\">\r\n          <span class=\"value\" data-value=\"80\">0<\/span>%\r\n          <div class=\"label\">\u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0441\u0438\u043b\u0443\u044d\u0442\u0430<\/div>\r\n        <\/div>\r\n        <div class=\"result-item-animated\">\r\n          -<span class=\"value\" data-value=\"5.6\" data-decimals=\"1\">0.0<\/span>\u0441\u043c\r\n          <div class=\"label\">\u0432 \u043e\u0431\u044a\u0435\u043c\u0435<\/div>\r\n        <\/div>\r\n        <div class=\"result-item-animated\">\r\n          <span class=\"value\" data-value=\"100\">0<\/span>%\r\n          <div class=\"label\">\u043a\u043e\u043c\u0444\u043e\u0440\u0442<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"echelon-video-container\">\r\n        <div class=\"video-wrapper\">\r\n          <video class=\"video-player\" loop muted playsinline autoplay>\r\n            <source src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/31-Technologiya-icoone.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n          <div class=\"echelon-shutters\">\r\n            <div class=\"shutter\"><\/div><div class=\"shutter\"><\/div><div class=\"shutter\"><\/div>\r\n            <div class=\"shutter\"><\/div><div class=\"shutter\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const section = document.querySelector('.priority-section');\r\n    if (!section) return;\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                section.classList.add('is-in-view');\r\n                animateNumbers();\r\n                observer.unobserve(section);\r\n            }\r\n        });\r\n    }, { threshold: 0.3 });\r\n\r\n    observer.observe(section);\r\n    \r\n    function animateNumbers() {\r\n        const animatedValues = document.querySelectorAll('.result-item-animated .value');\r\n        animatedValues.forEach(el => {\r\n            const finalValue = parseFloat(el.dataset.value);\r\n            const decimals = parseInt(el.dataset.decimals) || 0;\r\n            \r\n            let startValue = 0;\r\n            const duration = 1500;\r\n            const startTime = performance.now();\r\n\r\n            function animate(currentTime) {\r\n                const elapsedTime = currentTime - startTime;\r\n                const progress = Math.min(elapsedTime \/ duration, 1);\r\n                const easedProgress = 1 - Math.pow(1 - progress, 4);\r\n                \r\n                let currentValue = startValue + (finalValue - startValue) * easedProgress;\r\n                el.textContent = currentValue.toFixed(decimals);\r\n\r\n                if (progress < 1) {\r\n                    requestAnimationFrame(animate);\r\n                }\r\n            }\r\n            requestAnimationFrame(animate);\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-597fafc3 e-con-full e-flex e-con e-parent\" data-id=\"597fafc3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e6502ca elementor-widget elementor-widget-html\" data-id=\"3e6502ca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Laser Epilation Section<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&display=swap');\r\n    <\/style>\r\n    \r\n    <style>\r\n        \/* --- LASER EPILATION SECTION STYLES --- *\/\r\n        .laser-epilation-section {\r\n            display: flex;\r\n            background-color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            color: #FFFFFF; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            padding: 100px 7%;\r\n            gap: 60px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 300;\r\n            align-items: center; \r\n            position: relative; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u0434\u043b\u044f \u043f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\r\n        }\r\n\r\n        \/* --- \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e: \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0438\u0437\u043a\u043e\u0439 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e --- *\/\r\n        .laser-epilation-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/still-life-black-background.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.08; \r\n            z-index: 0;\r\n        }\r\n\r\n        \/* --- \u041b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c --- *\/\r\n        .le-content-side {\r\n            width: 55%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative; z-index: 1; \/* \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e *\/\r\n        }\r\n        \r\n        .le-content-side h2 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-weight: 500;\r\n            font-size: 2.8rem;\r\n            line-height: 1.3;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin: 0 0 20px 0;\r\n        }\r\n        \r\n        .le-main-description {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            max-width: 650px;\r\n            margin: 0 0 40px 0;\r\n            color: rgba(255, 255, 255, 0.8); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n\r\n        .le-benefits-list h3 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-weight: 600;\r\n            font-size: 1.5rem;\r\n            letter-spacing: 0.5px;\r\n            margin: 0 0 30px 0;\r\n        }\r\n\r\n        .le-benefits-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 50px 0;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 35px;\r\n        }\r\n        \r\n        .le-benefit-item {\r\n            padding-left: 30px;\r\n            position: relative;\r\n        }\r\n        \r\n        .le-benefit-item::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 4px;\r\n            color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            font-weight: 600;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .le-benefit-item strong {\r\n            display: block;\r\n            font-weight: 500;\r\n            font-size: 1.1rem;\r\n            color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .le-benefit-item p {\r\n            margin: 0;\r\n            font-size: 0.95rem;\r\n            line-height: 1.7;\r\n            color: rgba(255, 255, 255, 0.75); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n\r\n        \/* --- \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c --- *\/\r\n        .le-media-side {\r\n            width: 45%;\r\n            align-self: stretch; \r\n            position: relative; z-index: 1; \/* \u0414\u041e\u0411\u0410\u0412\u041b\u0415\u041d\u041e *\/\r\n        }\r\n\r\n        .le-image-wrapper {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 50px rgba(198, 159, 122, 0.08); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n\r\n        .le-image-wrapper img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n        .le-image-wrapper:hover img {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* --- \u0411\u043b\u043e\u043a \u0441 \u043f\u0440\u0430\u0439\u0441\u043e\u043c \u0438 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 --- *\/\r\n        .le-pricing-block {\r\n            background-color: rgba(198, 159, 122, 0.05); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            margin-top: auto;\r\n            border: 1px solid rgba(198, 159, 122, 0.2); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n\r\n        .le-pricing-block h4 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-weight: 600;\r\n            font-size: 1.4rem;\r\n            letter-spacing: 0.5px;\r\n            margin: 0 0 25px 0;\r\n            text-align: center;\r\n        }\r\n        \r\n        .le-price-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 35px 0;\r\n        }\r\n        \r\n        .le-price-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 0;\r\n            border-bottom: 1px dashed rgba(198, 159, 122, 0.25); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            gap: 15px; \r\n        }\r\n        .le-price-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .le-price-item span {\r\n            font-size: 1rem;\r\n            color: #FFFFFF; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n        \r\n        .le-price-item .price {\r\n            font-weight: 500;\r\n            font-size: 1.1rem;\r\n            white-space: nowrap; \r\n        }\r\n\r\n        .le-cta-wrapper {\r\n            text-align: center;\r\n        }\r\n\r\n        .le-button {\r\n            background-color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            color: #1C0C01; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            padding: 18px 40px; text-decoration: none;\r\n            font-family: 'Inter', sans-serif; font-weight: 400; font-size: 1rem;\r\n            border-radius: 5px; transition: all 0.4s ease;\r\n            display: inline-block; letter-spacing: 0.5px;\r\n            border: 1px solid #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n        .le-button:hover {\r\n             background-color: transparent; \r\n             color: #C69F7A; \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n        }\r\n\r\n        .le-promo-text {\r\n            font-size: 0.9rem; \r\n            color: rgba(198, 159, 122, 0.8); \/* --- \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u041e --- *\/\r\n            margin-top: 15px;\r\n        }\r\n\r\n        \/* --- \u0410\u0414\u0410\u041f\u0422\u0410\u0426\u0418\u042f \u0414\u041b\u042f \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 --- *\/\r\n        @media (max-width: 1024px) {\r\n            .laser-epilation-section {\r\n                flex-direction: column;\r\n                padding: 80px 30px;\r\n                gap: 40px;\r\n            }\r\n            .le-content-side, .le-media-side {\r\n                width: 100%;\r\n            }\r\n            .le-content-side h2 {\r\n                text-align: center;\r\n                font-size: 2.2rem;\r\n            }\r\n            .le-main-description { text-align: center; }\r\n            .le-benefits-list {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            .le-media-side {\r\n                order: -1;\r\n                aspect-ratio: 5 \/ 4;\r\n            }\r\n            .le-pricing-block {\r\n                margin-top: 40px;\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .le-price-item {\r\n                flex-direction: column; \r\n                align-items: flex-start; \r\n                gap: 8px; \r\n                padding: 18px 0;\r\n            }\r\n            .le-price-item .price {\r\n                font-size: 1.2rem;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    \r\n    <section class=\"laser-epilation-section\">\r\n      \r\n      <!-- \u041b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c -->\r\n      <div class=\"le-content-side\">\r\n        <h2>\u041b\u0410\u0417\u0415\u0420\u041d\u0410\u042f \u042d\u041f\u0418\u041b\u042f\u0426\u0418\u042f<\/h2>\r\n        <p class=\"le-main-description\">\r\n            \u041c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u043c\u043e\u0449\u043d\u043e\u043c \u0434\u0438\u043e\u0434\u043d\u043e\u043c \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u0435 \u0441 \u043b\u0443\u0447\u0448\u0435\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u044f, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e \u0438 \u0431\u0435\u0437\u0431\u043e\u043b\u0435\u0437\u043d\u0435\u043d\u043d\u043e.\r\n        <\/p>\r\n\r\n        <ul class=\"le-benefits-list\">\r\n            <h3>\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u0434\u0438\u043e\u0434\u043d\u044b\u0439 \u043b\u0430\u0437\u0435\u0440 RUIKD LAMIS XL:<\/h3>\r\n            <li class=\"le-benefit-item\">\r\n                <strong>\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u043a\u043e\u0436\u0438 \u0438 \u0432\u043e\u043b\u043e\u0441<\/strong>\r\n                <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0444\u043e\u0442\u043e\u0442\u0438\u043f\u0435 \u043a\u043e\u0436\u0438, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u043d\u043e\u0435 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0432\u043e\u043b\u043e\u0441 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043d\u0430\u0434\u043e\u043b\u0433\u043e.<\/p>\r\n            <\/li>\r\n            <li class=\"le-benefit-item\">\r\n                <strong>\u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u044b\u0435 \u0431\u0435\u0437\u0431\u043e\u043b\u0435\u0437\u043d\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u044b<\/strong>\r\n                <p>\u041f\u0435\u0440\u0435\u0434\u043e\u0432\u0430\u044f \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u043a\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043c\u0444\u043e\u0440\u0442 \u0438 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0431\u043e\u043b\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u0435\u0430\u043d\u0441\u043e\u0432.<\/p>\r\n            <\/li>\r\n            <li class=\"le-benefit-item\">\r\n                <strong>\u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b<\/strong>\r\n                <p>\u0417\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043e\u043b\u043e\u0441 \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0443\u0436\u0435 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0441\u0435\u0430\u043d\u0441\u0430.<\/p>\r\n            <\/li>\r\n            <li class=\"le-benefit-item\">\r\n                <strong>\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440<\/strong>\r\n                <p>\u0421\u0430\u043f\u0444\u0438\u0440\u043e\u0432\u043e\u0435 \u0441\u0442\u0435\u043a\u043b\u043e \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043f\u044f\u0442\u043d\u043e 13\u00d715 \u043c\u043c, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430.<\/p>\r\n            <\/li>\r\n        <\/ul>\r\n        \r\n        <!-- \u0411\u043b\u043e\u043a \u0441 \u043f\u0440\u0430\u0439\u0441\u043e\u043c \u0438 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 -->\r\n        <div class=\"le-pricing-block\">\r\n            <h4>\u041d\u0430\u0448\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u044b:<\/h4>\r\n            <ul class=\"le-price-list\">\r\n                <li class=\"le-price-item\">\r\n                    <span>\u0422\u043e\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0431\u0438\u043a\u0438\u043d\u0438 + \u043f\u043e\u0434\u043c\u044b\u0448\u043a\u0438<\/span>\r\n                    <span class=\"price\">2 750 \u20bd<\/span>\r\n                <\/li>\r\n                <li class=\"le-price-item\">\r\n                    <span>\u0422\u043e\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0431\u0438\u043a\u0438\u043d\u0438 + \u043f\u043e\u0434\u043c\u044b\u0448\u043a\u0438 + \u0433\u043e\u043b\u0435\u043d\u0438<\/span>\r\n                    <span class=\"price\">4 600 \u20bd<\/span>\r\n                <\/li>\r\n                <li class=\"le-price-item\">\r\n                    <span>\u0422\u043e\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0431\u0438\u043a\u0438\u043d\u0438 + \u043f\u043e\u0434\u043c\u044b\u0448\u043a\u0438 + \u043d\u043e\u0433\u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e<\/span>\r\n                    <span class=\"price\">5 600 \u20bd<\/span>\r\n                <\/li>\r\n                <li class=\"le-price-item\">\r\n                    <span>\u0412\u0441\u0435 \u0442\u0435\u043b\u043e<\/span>\r\n                    <span class=\"price\">8 000 \u20bd<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"le-cta-wrapper\">\r\n                <a href=\"#order\" class=\"le-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0435\u0430\u043d\u0441<\/a>\r\n                <p class=\"le-promo-text\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0440\u043e\u0431\u043d\u044b\u0439 \u0441\u0435\u0430\u043d\u0441 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c -->\r\n      <div class=\"le-media-side\">\r\n        <div class=\"le-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/614A8748.webp\" alt=\"\u041f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 \u043b\u0430\u0437\u0435\u0440\u043d\u043e\u0439 \u044d\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u0432 \u043a\u043b\u0438\u043d\u0438\u043a\u0435\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61a9f505 e-con-full e-flex e-con e-parent\" data-id=\"61a9f505\" data-element_type=\"container\" id=\"license\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20075d18 elementor-widget elementor-widget-html\" data-id=\"20075d18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0421\u0435\u043a\u0446\u0438\u044f \u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/title>\r\n\r\n    <style>\r\n        \/* --- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 (\u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435) --- *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500&family=Inter:wght@300;400&display=swap');\r\n\r\n        \/* --- \u041e\u0431\u0449\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f --- *\/\r\n        @keyframes fgc-fadeIn-up {\r\n          from { opacity: 0; transform: translateY(30px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* --- \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441\u0435\u043a\u0446\u0438\u0438 --- *\/\r\n        .fgc-safety-section {\r\n            background-color: #f8f5f2;\r\n            color: #2A1303;\r\n            padding: 120px 7%;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* --- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0435\u043a\u0446\u0438\u0438 --- *\/\r\n        .fgc-safety-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        .fgc-safety-header h2 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 3rem;\r\n            font-weight: 500;\r\n            margin: 0;\r\n            letter-spacing: 1px;\r\n            opacity: 0;\r\n            animation: fgc-fadeIn-up 1.2s ease forwards;\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        \/* --- \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432 --- *\/\r\n        .fgc-safety-gallery {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438: \u043b\u0435\u0432\u0430\u044f \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0444\u043e\u0442\u043e, \u043f\u0440\u0430\u0432\u0430\u044f \u0434\u043b\u044f \u0441\u0435\u0442\u043a\u0438 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 *\/\r\n            gap: 30px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* --- \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0432 \u0433\u0430\u043b\u0435\u0440\u0435\u0435 --- *\/\r\n        .fgc-safety-gallery a {\r\n            display: block;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 40px rgba(42, 19, 3, 0.1);\r\n            border: 1px solid #fff;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            opacity: 0;\r\n            animation: fgc-fadeIn-up 1.2s ease forwards;\r\n        }\r\n        .fgc-safety-gallery a:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 50px rgba(42, 19, 3, 0.15);\r\n        }\r\n        .fgc-safety-gallery img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        \/* --- \u041b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0444\u043e\u0442\u043e --- *\/\r\n        .fgc-safety-large-cert {\r\n            animation-delay: 0.4s;\r\n        }\r\n        \r\n        \/* --- \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u0441\u0435\u0442\u043a\u043e\u0439 2x2 --- *\/\r\n        .fgc-safety-small-certs-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* --- \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432 --- *\/\r\n        .fgc-safety-small-certs-grid a:nth-child(1) { animation-delay: 0.6s; }\r\n        .fgc-safety-small-certs-grid a:nth-child(2) { animation-delay: 0.7s; }\r\n        .fgc-safety-small-certs-grid a:nth-child(3) { animation-delay: 0.8s; }\r\n        .fgc-safety-small-certs-grid a:nth-child(4) { animation-delay: 0.9s; }\r\n        \r\n        \/* --- \u0411\u043b\u043e\u043a \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 (CTA) --- *\/\r\n        .fgc-safety-cta-container {\r\n            text-align: center;\r\n            margin-top: 80px;\r\n        }\r\n        .fgc-safety-button {\r\n            background-color: #2A1303;\r\n            color: #EAE0D5;\r\n            padding: 18px 50px;\r\n            text-decoration: none;\r\n            font-size: 1rem;\r\n            border-radius: 5px;\r\n            transition: all 0.4s ease;\r\n            display: inline-block;\r\n            letter-spacing: 0.5px;\r\n            border: 1px solid #2A1303;\r\n            opacity: 0;\r\n            animation: fgc-fadeIn-up 1.2s ease forwards;\r\n            animation-delay: 1.0s;\r\n        }\r\n        .fgc-safety-button:hover {\r\n            background-color: transparent;\r\n            color: #2A1303;\r\n        }\r\n\r\n        \/* --- \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 --- *\/\r\n        @media (max-width: 950px) {\r\n            .fgc-safety-section {\r\n                padding: 80px 30px;\r\n            }\r\n            .fgc-safety-header h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .fgc-safety-gallery {\r\n                grid-template-columns: 1fr; \/* \u0412\u0441\u0435 \u0432 \u043e\u0434\u043d\u0443 \u043a\u043e\u043b\u043e\u043d\u043a\u0443 *\/\r\n                gap: 20px;\r\n            }\r\n            \/* \u041d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u043c\u0435\u0436\u0434\u0443 \u0444\u043e\u0442\u043e \u0432 \u0441\u0435\u0442\u043a\u0435 *\/\r\n            .fgc-safety-small-certs-grid {\r\n                 gap: 20px;\r\n            }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fgc-safety-section\">\r\n\r\n    <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a -->\r\n    <div class=\"fgc-safety-header\">\r\n        <h2>\u0412\u042b \u0412 \u0411\u0415\u0417\u041e\u041f\u0410\u0421\u041d\u041e\u0421\u0422\u0418, \u041d\u0410\u0425\u041e\u0414\u042f\u0421\u042c \u0412 FORM & GLOW CLINIC<\/h2>\r\n    <\/div>\r\n\r\n    <!-- \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432 -->\r\n    <div class=\"fgc-safety-gallery\">\r\n\r\n        <!-- \u041b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430: \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0444\u043e\u0442\u043e -->\r\n        <div class=\"fgc-safety-large-cert\">\r\n            <a href=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.31.53.jpeg\" data-lightbox=\"safety-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.31.53.jpeg\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 1\">\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430: 4 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u0444\u043e\u0442\u043e \u0432 \u0441\u0435\u0442\u043a\u0435 2x2 -->\r\n        <div class=\"fgc-safety-small-certs-grid\">\r\n            <a href=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.27.00-1.jpeg\" data-lightbox=\"safety-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.27.00-1.jpeg\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 2\">\r\n            <\/a>\r\n            <a href=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.27.01.jpeg\" data-lightbox=\"safety-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-16-at-11.27.01.jpeg\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 3\">\r\n            <\/a>\r\n            <a href=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/d8f19cd8874647efdb227664efddcd92hDK423BhbWwRTGwF-1-1.jpg\" data-lightbox=\"safety-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/d8f19cd8874647efdb227664efddcd92hDK423BhbWwRTGwF-1-1.jpg\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 4\">\r\n            <\/a>\r\n            <a href=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/d8f19cd8874647efdb227664efddcd92hDK423BhbWwRTGwF-0-1.jpg\" data-lightbox=\"safety-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/d8f19cd8874647efdb227664efddcd92hDK423BhbWwRTGwF-0-1.jpg\" alt=\"\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 5\">\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u041a\u043d\u043e\u043f\u043a\u0430 -->\r\n    <div class=\"fgc-safety-cta-container\">\r\n        <a href=\"#order\" class=\"fgc-safety-button\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60%<\/a>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e76e1a4 e-con-full e-flex e-con e-parent\" data-id=\"5e76e1a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f04b338 elementor-widget elementor-widget-html\" data-id=\"4f04b338\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Importing Fonts --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500&family=Inter:wght@300;400&display=swap');\r\n\r\n    \/* --- Section Container --- *\/\r\n    .license-section {\r\n      background-color: #fdfdfd;\r\n      color: #2A1303;\r\n      padding: 120px 7%;\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .license-container {\r\n        max-width: 750px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* General animation *\/\r\n    @keyframes fadeIn-license {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* --- Header Text --- *\/\r\n    .license-header h2 {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 2.8rem;\r\n        font-weight: 500;\r\n        margin: 0 0 15px 0;\r\n        opacity: 0;\r\n        animation: fadeIn-license 1.2s ease forwards;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    .license-header p {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: rgba(42, 19, 3, 0.7);\r\n        max-width: 600px;\r\n        margin: 0 auto 50px auto;\r\n        opacity: 0;\r\n        animation: fadeIn-license 1.2s ease forwards;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    \/* --- License Image Styling --- *\/\r\n    .license-image-wrapper {\r\n        position: relative;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        overflow: hidden; \/* To keep the overlay inside *\/\r\n        box-shadow: 0 20px 50px rgba(42, 19, 3, 0.1);\r\n        width: 100%;\r\n        max-width: 650px; \/* Control max size *\/\r\n        opacity: 0;\r\n        animation: fadeIn-license 1.2s ease forwards;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    .license-image-wrapper img {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    \/* --- Interactive Hover Effect --- *\/\r\n    .license-image-wrapper .overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(42, 19, 3, 0.5);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        transition: opacity 0.5s ease;\r\n    }\r\n    .license-image-wrapper .overlay svg {\r\n        width: 50px;\r\n        height: 50px;\r\n        color: #fff;\r\n    }\r\n    .license-image-wrapper:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n    .license-image-wrapper:hover .overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n\r\n    \/* --- License Details Text --- *\/\r\n    .license-details {\r\n        margin-top: 30px;\r\n        font-size: 0.95rem;\r\n        color: rgba(42, 19, 3, 0.6);\r\n        line-height: 1.7;\r\n        opacity: 0;\r\n        animation: fadeIn-license 1.2s ease forwards;\r\n        animation-delay: 0.8s;\r\n    }\r\n\r\n    .license-details p {\r\n        margin: 5px 0;\r\n    }\r\n    .license-details strong {\r\n        color: #2A1303;\r\n    }\r\n\r\n\r\n    \/* --- Mobile Version --- *\/\r\n    @media (max-width: 768px) {\r\n        .license-section { padding: 80px 30px; }\r\n        .license-header h2 { font-size: 2.2rem; }\r\n        .license-header p { font-size: 1rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"license-section\">\r\n  <div class=\"license-container\">\r\n\r\n    <div class=\"license-header\">\r\n      <h2>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/h2>\r\n      <p>\u0412\u0430\u0448\u0435 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u2014 \u043d\u0430\u0448 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442. \u041c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0432 \u0441\u0442\u0440\u043e\u0433\u043e\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u043c\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438, \u0447\u0442\u043e \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u043e \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0435\u0439.<\/p>\r\n    <\/div>\r\n\r\n    <!-- License Image -->\r\n    <!-- IMPORTANT: Replace the src attribute with your actual license image URL -->\r\n    <div class=\"license-image-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-30-at-10.19.22-e1757653998453.jpeg\" alt=\"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0430\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u044f \u043a\u043b\u0438\u043d\u0438\u043a\u0438\">\r\n      <div class=\"overlay\">\r\n        <!-- Zoom Icon -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- License Details -->\r\n    <div class=\"license-details\">\r\n      <p><strong>\u041d\u043e\u043c\u0435\u0440 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438:<\/strong> \u0420\u0417\u041d 2020\/10084<\/p>\r\n      <p><strong>\u0412\u044b\u0434\u0430\u043d\u0430:<\/strong> \u0412\u044b\u0434\u0430\u043d\u043e \u041e\u041e\u041e \"\u0424\u0414-\u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\", \u0433. \u041c\u043e\u0441\u043a\u0432\u0430<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7aebc04d e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7aebc04d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29b964 elementor-widget elementor-widget-html\" data-id=\"29b964\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0438<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400&display=swap');\r\n\r\n        \/* --- Main Section Styles --- *\/\r\n        .equipment-section-11 {\r\n            background-color: #FDFDFD;\r\n            padding: 120px 0;\r\n            font-family: 'Inter', sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .container-11 {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 30px;\r\n        }\r\n        \r\n        \/* --- Title Styles --- *\/\r\n        .title-block-11 {\r\n           text-align: center;\r\n           margin-bottom: 100px;\r\n        }\r\n\r\n        .title-block-11 h2 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 3.2rem;\r\n            font-weight: 500;\r\n            color: #1a1a1a;\r\n            margin: 0 0 15px 0;\r\n        }\r\n        \r\n        .title-block-11 .subtitle-11 {\r\n            font-size: 1.1rem;\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* --- Equipment Layout --- *\/\r\n        .equipment-layout-11 {\r\n            display: grid;\r\n            gap: 120px;\r\n        }\r\n\r\n        .tech-item-11 {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5%; \/* Replaced overlap with a clear gap *\/\r\n        }\r\n\r\n        \/* Alternating layout *\/\r\n        .tech-item-11:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        .tech-content-11 {\r\n            flex: 1 1 50%;\r\n            background-color: #FFFFFF;\r\n            padding: 50px;\r\n            box-shadow: 0 20px 60px rgba(42, 19, 3, 0.07);\r\n            border-radius: 8px;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            \r\n            opacity: 0; \/* Animation setup *\/\r\n            animation: contentSlideIn-11 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n        }\r\n        \r\n        .tech-image-wrapper-11 {\r\n            flex: 1 1 45%;\r\n            position: relative;\r\n            \r\n            opacity: 0; \/* Animation setup *\/\r\n            animation: imageSlideIn-11 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n        }\r\n\r\n        \/* --- NEW: Decorative \"Dancing\" Border --- *\/\r\n        .tech-image-wrapper-11::before {\r\n            content: '';\r\n            position: absolute;\r\n            border: 1px solid #C69F7A;\r\n            z-index: 0;\r\n            transition: all 0.4s ease;\r\n            \r\n            \/* Frame offsets *\/\r\n            top: -25px;\r\n            bottom: 25px;\r\n            left: 25px;\r\n            right: -25px;\r\n\r\n            opacity: 0; \/* Animation setup *\/\r\n            animation: frameReveal-11 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n        }\r\n\r\n        .tech-item-11:nth-child(even) .tech-image-wrapper-11::before {\r\n            left: -25px;\r\n            right: 25px;\r\n        }\r\n\r\n        .tech-image-11 {\r\n            position: relative;\r\n            z-index: 1; \/* Image is above the frame *\/\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* --- Animation Definitions --- *\/\r\n        @keyframes contentSlideIn-11 {\r\n            from { opacity: 0; transform: translateX(-50px); }\r\n            to { opacity: 1; transform: translateX(0); }\r\n        }\r\n        .tech-item-11:nth-child(even) .tech-content-11 {\r\n            animation-name: contentSlideInReverse-11;\r\n        }\r\n        @keyframes contentSlideInReverse-11 {\r\n            from { opacity: 0; transform: translateX(50px); }\r\n            to { opacity: 1; transform: translateX(0); }\r\n        }\r\n\r\n        @keyframes imageSlideIn-11 {\r\n            from { opacity: 0; transform: scale(0.95); }\r\n            to { opacity: 1; transform: scale(1); }\r\n        }\r\n        @keyframes frameReveal-11 {\r\n            from { opacity: 0; transform: scale(0.9); }\r\n            to { opacity: 1; transform: scale(1); }\r\n        }\r\n        \r\n        \/* Staggered animation delays *\/\r\n        .tech-item-11:nth-of-type(1) > * { animation-delay: 0.3s; }\r\n        .tech-item-11:nth-of-type(2) > * { animation-delay: 0.5s; }\r\n        .tech-item-11:nth-of-type(3) > * { animation-delay: 0.7s; }\r\n        .tech-item-11:nth-of-type(4) > * { animation-delay: 0.9s; }\r\n\r\n\r\n        .tech-image-11 img {\r\n            width: 100%;\r\n            display: block;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        \/* --- Hover Effects --- *\/\r\n        .tech-item-11:hover .tech-content-11 {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 25px 70px rgba(42, 19, 3, 0.12);\r\n        }\r\n        .tech-item-11:hover .tech-image-11 img {\r\n            transform: scale(1.04);\r\n        }\r\n        .tech-item-11:hover .tech-image-wrapper-11::before {\r\n            border-color: #A98461;\r\n            transform: scale(1.02);\r\n        }\r\n        \r\n        .clinic-choice-badge-11 {\r\n            display: inline-block;\r\n            background-color: #F0EBE5;\r\n            color: #C69F7A;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 400;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .tech-content-11 h3 {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 2.4rem;\r\n            font-weight: 500;\r\n            color: #1a1a1a;\r\n            margin: 0 0 10px 0;\r\n        }\r\n        \r\n        .tech-content-11 .metric-11 {\r\n            font-size: 1.1rem;\r\n            color: #888;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .tech-content-11 .description-11 {\r\n            font-size: 0.95rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin: 0 0 35px 0;\r\n        }\r\n        \r\n        .cta-button-11 {\r\n            background-color: #2A1303;\r\n            color: #FFFFFF;\r\n            padding: 16px 35px;\r\n            text-decoration: none;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 400;\r\n            font-size: 0.9rem;\r\n            border-radius: 5px;\r\n            transition: all 0.4s ease;\r\n            display: inline-block;\r\n        }\r\n        .cta-button-11:hover {\r\n            background-color: #C69F7A;\r\n            color: #2A1303;\r\n        }\r\n\r\n        \/* --- MOBILE ADAPTATION --- *\/\r\n        @media (max-width: 900px) {\r\n            .equipment-section-11 { padding: 80px 0; }\r\n            .equipment-layout-11 { gap: 60px; } \/* Reduced gap for mobile *\/\r\n\r\n            .tech-item-11, .tech-item-11:nth-child(even) {\r\n                flex-direction: column;\r\n                gap: 30px; \/* Space between image and text on mobile *\/\r\n            }\r\n\r\n            .tech-image-wrapper-11::before {\r\n                display: none; \/* Hide decorative border on mobile *\/\r\n            }\r\n\r\n            .tech-content-11, .tech-item-11:nth-child(even) .tech-content-11 {\r\n                text-align: center;\r\n                \/* Reset animations for simpler mobile fade-in *\/\r\n                animation: mobileFadeIn-11 1s forwards;\r\n                animation-name: mobileFadeIn-11;\r\n            }\r\n            .tech-image-wrapper-11 {\r\n                 animation: mobileFadeIn-11 1s forwards;\r\n            }\r\n\r\n            @keyframes mobileFadeIn-11 {\r\n                 from { opacity: 0; transform: translateY(20px); }\r\n                 to { opacity: 1; transform: translateY(0); }\r\n            }\r\n             \r\n             .title-block-11 h2 { font-size: 2.5rem; }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"equipment-section-11\">\r\n        <div class=\"container-11\">\r\n\r\n            <div class=\"title-block-11\">\r\n                <h2>\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043c\u044b \u0434\u043e\u0432\u0435\u0440\u044f\u0435\u043c<\/h2>\r\n                <p class=\"subtitle-11\">\u0412 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u043e\u0435 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435. \u041c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 Icoone Laser \u0437\u0430 \u0435\u0433\u043e \u043d\u0435\u043f\u0440\u0435\u0432\u0437\u043e\u0439\u0434\u0435\u043d\u043d\u0443\u044e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u0434\u0430\u0432\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u0438\u0442 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"equipment-layout-11\">\r\n\r\n                <!-- Item 1: Robosolo -->\r\n                <article class=\"tech-item-11\">\r\n                    <div class=\"tech-content-11\">\r\n                        <span class=\"clinic-choice-badge-11\">\u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0438<\/span>\r\n                        <h3>Robosolo<\/h3>\r\n                        <p class=\"metric-11\">\u0414\u043b\u044f \u043f\u0440\u0438\u0446\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u0438<\/p>\r\n                        <p class=\"description-11\">\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c Robosolo \u0434\u043b\u044f \u044e\u0432\u0435\u043b\u0438\u0440\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0436\u0438\u0440\u043e\u0432\u044b\u043c\u0438 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438. \u0415\u0433\u043e \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043b\u0443\u044d\u0442 \u0438 \u0434\u043e\u0431\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0443\u0440\u043e\u0432 \u0442\u0430\u043c, \u0433\u0434\u0435 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e.<\/p>\r\n                        <a href=\"#order\" class=\"cta-button-11\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n                    <\/div>\r\n                    <div class=\"tech-image-wrapper-11\">\r\n                        <div class=\"tech-image-11\">\r\n                             <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/a59f57987c4aaf9ec445.png.webp\" alt=\"\u0410\u043f\u043f\u0430\u0440\u0430\u0442 Robosolo\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Item 2: Robotwins -->\r\n                <article class=\"tech-item-11\">\r\n                    <div class=\"tech-content-11\">\r\n                         <span class=\"clinic-choice-badge-11\">\u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0438<\/span>\r\n                        <h3>Robotwins<\/h3>\r\n                        <p class=\"metric-11\">\u0414\u043b\u044f \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430<\/p>\r\n                        <p class=\"description-11\">\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Robotwins \u043c\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u043c \u043f\u043e\u043b\u043d\u043e\u0439 \u0441\u0438\u043c\u043c\u0435\u0442\u0440\u0438\u0438 \u0438 \u043f\u0440\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0442\u0435\u043b\u043e \u0432\u0434\u0432\u043e\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435. \u042d\u0442\u043e \u043d\u0430\u0448 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u0438 \u0444\u0438\u0433\u0443\u0440\u044b \u0438 \u043c\u043e\u0449\u043d\u043e\u0433\u043e \u043b\u0438\u043c\u0444\u043e\u0434\u0440\u0435\u043d\u0430\u0436\u0430.<\/p>\r\n                        <a href=\"#order\" class=\"cta-button-11\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n                    <\/div>\r\n                    <div class=\"tech-image-wrapper-11\">\r\n                         <div class=\"tech-image-11\">\r\n                            <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/e7c48e30e053c9231db6.png.webp\" alt=\"\u0410\u043f\u043f\u0430\u0440\u0430\u0442 Robotwins\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Item 3: Robomini Twins -->\r\n                <article class=\"tech-item-11\">\r\n                    <div class=\"tech-content-11\">\r\n                         <span class=\"clinic-choice-badge-11\">\u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0438<\/span>\r\n                        <h3>Robomini Twins<\/h3>\r\n                        <p class=\"metric-11\">\u0414\u043b\u044f \u0434\u0435\u043b\u0438\u043a\u0430\u0442\u043d\u044b\u0445 \u0437\u043e\u043d<\/p>\r\n                        <p class=\"description-11\">\u041a\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0441\u043e\u0431\u0430\u044f \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c, \u043c\u044b \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u043a Robomini Twins. \u042d\u0442\u0438 \u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u043d\u044b\u0435 \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044b \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043e\u0432\u0430\u043b\u043e\u043c \u043b\u0438\u0446\u0430, \u043e\u0431\u043b\u0430\u0441\u0442\u044c\u044e \u0448\u0435\u0438, \u0434\u0435\u043a\u043e\u043b\u044c\u0442\u0435 \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0442\u0440\u0443\u0434\u043d\u043e\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c\u0438 \u0443\u0447\u0430\u0441\u0442\u043a\u0430\u043c\u0438.<\/p>\r\n                        <a href=\"#order\" class=\"cta-button-11\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n                    <\/div>\r\n                    <div class=\"tech-image-wrapper-11\">\r\n                         <div class=\"tech-image-11\">\r\n                            <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/e7a975d59bfdf3628c9f.png.webp\" alt=\"\u0410\u043f\u043f\u0430\u0440\u0430\u0442 Robomini Twins\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Item 4: Robomicro -->\r\n                 <article class=\"tech-item-11\">\r\n                    <div class=\"tech-content-11\">\r\n                         <span class=\"clinic-choice-badge-11\">\u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0438\u043d\u0438\u043a\u0438<\/span>\r\n                        <h3>Robomicro<\/h3>\r\n                        <p class=\"metric-11\">\u0414\u043b\u044f \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0443\u0445\u043e\u0434\u0430<\/p>\r\n                        <p class=\"description-11\">\u041d\u0430\u0441\u0430\u0434\u043a\u0438 Robomicro \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043d\u0430\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0443\u0445\u043e\u0434\u0430. \u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0438\u0445 \u0434\u043b\u044f \u0441\u0432\u0435\u0440\u0445\u0442\u043e\u0447\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043c\u043e\u0440\u0449\u0438\u043d\u0430\u043c\u0438, \u0448\u0440\u0430\u043c\u0430\u043c\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043d\u0435\u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u043e\u0436\u0438.<\/p>\r\n                        <a href=\"#order\" class=\"cta-button-11\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0443<\/a>\r\n                    <\/div>\r\n                    <div class=\"tech-image-wrapper-11\">\r\n                         <div class=\"tech-image-11\">\r\n                            <img decoding=\"async\" src=\"https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/08\/3737f8683eb91d18ef7f.png.webp\" alt=\"\u0410\u043f\u043f\u0430\u0440\u0430\u0442 Robomicro\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bddfafc e-con-full e-flex e-con e-parent\" data-id=\"7bddfafc\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a7c30b elementor-widget elementor-widget-html\" data-id=\"71a7c30b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Interior Section<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap');\r\n    <\/style>\r\n\r\n    <style>\r\n        \/* --- \u0421\u0422\u0418\u041b\u0418 \u0421\u0415\u041a\u0426\u0418\u0418 \"\u041d\u0410\u0428 \u0418\u041d\u0422\u0415\u0420\u042c\u0415\u0420\" --- *\/\r\n        .interior-gallery-section {\r\n            background-color: #FFFFFF; \/* \u0411\u0435\u043b\u044b\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u043e\u0442\u043b\u0438\u0447\u0438\u044f *\/\r\n            color: #2A1303;\r\n            padding: 100px 7%;\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        .interior-gallery-section h2 {\r\n          font-family: 'Cormorant Garamond', serif;\r\n          font-weight: 500;\r\n          font-size: 2.8rem;\r\n          line-height: 1.3;\r\n          text-transform: uppercase;\r\n          letter-spacing: 2px;\r\n          text-align: center;\r\n          margin: 0 0 60px 0;\r\n        }\r\n        .interior-gallery-container {\r\n            position: relative;\r\n        }\r\n        .interior-gallery-item {\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 6px;\r\n            border: 1px solid rgba(42, 19, 3, 0.08);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;\r\n            cursor: zoom-in;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .interior-gallery-item:hover {\r\n            transform: scale(1.03);\r\n            z-index: 10;\r\n            box-shadow: 0 10px 30px rgba(42, 19, 3, 0.15);\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        \/* --- \u041d\u041e\u0412\u042b\u0415 \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u0418 \u0414\u041b\u042f \u0413\u0410\u041b\u0415\u0420\u0415\u0418 --- *\/\r\n        .interior-gallery-item.item-1 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0902.jpg'); }\r\n        .interior-gallery-item.item-2 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0899.jpg'); }\r\n        .interior-gallery-item.item-3 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0888.jpg'); }\r\n        .interior-gallery-item.item-4 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0882.jpg'); }\r\n        .interior-gallery-item.item-5 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0873.jpg'); }\r\n        .interior-gallery-item.item-6 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0864.jpg'); }\r\n        .interior-gallery-item.item-7 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0829.jpg'); }\r\n        .interior-gallery-item.item-8 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0809.jpg'); }\r\n        .interior-gallery-item.item-9 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0801.jpg'); }\r\n        .interior-gallery-item.item-10 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0794.jpg'); }\r\n        .interior-gallery-item.item-11 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0779.jpg'); }\r\n        .interior-gallery-item.item-12 { background-image: url('https:\/\/formglow-clinic.ru\/wp-content\/uploads\/2025\/09\/DSC_0772.jpg'); }\r\n\r\n        \/* --- \u0421\u0422\u0418\u041b\u0418 \u0414\u041b\u042f \u041b\u0410\u0419\u0422\u0411\u041e\u041a\u0421\u0410 \u0418\u041d\u0422\u0415\u0420\u042c\u0415\u0420\u0410 --- *\/\r\n        .interior-lightbox {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 9999; display: flex; align-items: center; justify-content: center;\r\n            opacity: 0; visibility: hidden;\r\n            transition: opacity 0.4s ease, visibility 0s 0.4s;\r\n        }\r\n        .interior-lightbox.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }\r\n        .interior-lightbox-overlay {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(42, 19, 3, 0.85);\r\n            backdrop-filter: blur(5px);\r\n            cursor: pointer;\r\n        }\r\n        .interior-lightbox-content {\r\n            position: relative; max-width: 90%; max-height: 90%;\r\n            transform: scale(0.9);\r\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n        .interior-lightbox.is-active .interior-lightbox-content { transform: scale(1); }\r\n        .interior-lightbox-content img {\r\n            display: block; width: auto; height: auto; max-width: 100%; max-height: 90vh;\r\n            border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n            object-fit: contain;\r\n        }\r\n        .interior-lightbox-close {\r\n            position: absolute; top: -20px; right: -20px;\r\n            width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%;\r\n            font-size: 24px; font-weight: 300; color: #2A1303; cursor: pointer;\r\n            display: flex; align-items: center; justify-content: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: transform 0.3s ease;\r\n        }\r\n        .interior-lightbox-close:hover { transform: scale(1.1) rotate(90deg); }\r\n\r\n        \/* --- DESKTOP MASONRY GRID (\u044d\u043a\u0440\u0430\u043d\u044b > 900px) --- *\/\r\n        @media (min-width: 901px) {\r\n            .interior-gallery-scroll {\r\n                display: grid;\r\n                grid-template-columns: repeat(4, 1fr);\r\n                grid-auto-rows: 220px; \/* \u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u043e\u0439 \u0440\u044f\u0434\u043e\u0432 *\/\r\n                gap: 15px;\r\n            }\r\n            .interior-gallery-item {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n\r\n            \/* \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u0443\u044e \u0441\u0435\u0442\u043a\u0443 \"\u043c\u0435\u0442\u0440\u043e\" *\/\r\n            .interior-gallery-item.item-1 { grid-column: span 2; grid-row: span 2; }\r\n            .interior-gallery-item.item-5 { grid-row: span 2; }\r\n            .interior-gallery-item.item-6 { grid-column: span 2; }\r\n            .interior-gallery-item.item-9 { grid-row: span 2; }\r\n            .interior-gallery-item.item-10 { grid-column: span 2; }\r\n        }\r\n\r\n        \/* --- MOBILE ADAPTATION (\u044d\u043a\u0440\u0430\u043d\u044b <= 900px) --- *\/\r\n        @media (max-width: 900px) {\r\n            .interior-gallery-section { padding: 80px 30px; }\r\n            .interior-gallery-section h2 { font-size: 2.2rem; margin-bottom: 40px; }\r\n            .interior-gallery-scroll {\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 15px;\r\n            }\r\n            .interior-gallery-item {\r\n                width: 100%;\r\n                height: auto;\r\n                aspect-ratio: 1 \/ 1; \/* \u0414\u0435\u043b\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u043c\u0438 \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0439 \u0441\u0435\u0442\u043a\u0438 *\/\r\n            }\r\n            .interior-lightbox-close { top: 10px; right: 10px; }\r\n\r\n            \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0435\u0442\u043a\u0430 \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 *\/\r\n            .interior-gallery-item.item-1 { grid-column: span 2; aspect-ratio: 16 \/ 10; }\r\n            .interior-gallery-item.item-6 { grid-column: span 2; aspect-ratio: 16 \/ 10; }\r\n            .interior-gallery-item.item-10 { grid-column: span 2; aspect-ratio: 16 \/ 10; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ================================================== -->\r\n    <!--              \u0421\u0415\u041a\u0426\u0418\u042f \"\u041d\u0410\u0428 \u0418\u041d\u0422\u0415\u0420\u042c\u0415\u0420\"                -->\r\n    <!-- ================================================== -->\r\n    <section class=\"interior-gallery-section\">\r\n        <h2>\u041d\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/h2>\r\n        <div class=\"interior-gallery-container\">\r\n            <div class=\"interior-gallery-scroll\">\r\n                <div class=\"interior-gallery-item item-1\"><\/div>\r\n                <div class=\"interior-gallery-item item-2\"><\/div>\r\n                <div class=\"interior-gallery-item item-3\"><\/div>\r\n                <div class=\"interior-gallery-item item-4\"><\/div>\r\n                <div class=\"interior-gallery-item item-5\"><\/div>\r\n                <div class=\"interior-gallery-item item-6\"><\/div>\r\n                <div class=\"interior-gallery-item item-7\"><\/div>\r\n                <div class=\"interior-gallery-item item-8\"><\/div>\r\n                <div class=\"interior-gallery-item item-9\"><\/div>\r\n                <div class=\"interior-gallery-item item-10\"><\/div>\r\n                <div class=\"interior-gallery-item item-11\"><\/div>\r\n                <div class=\"interior-gallery-item item-12\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- HTML-\u0411\u041b\u041e\u041a \u0414\u041b\u042f \u041b\u0410\u0419\u0422\u0411\u041e\u041a\u0421\u0410 \u0418\u041d\u0422\u0415\u0420\u042c\u0415\u0420\u0410 -->\r\n    <div class=\"interior-lightbox\" id=\"interiorLightbox\">\r\n        <div class=\"interior-lightbox-overlay\"><\/div>\r\n        <div class=\"interior-lightbox-content\">\r\n            <img decoding=\"async\" src=\"\" alt=\"\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440 \u043a\u043b\u0438\u043d\u0438\u043a\u0438\">\r\n            <button class=\"interior-lightbox-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">&times;<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ --- \u0421\u041a\u0420\u0418\u041f\u0422 \u0414\u041b\u042f \u041b\u0410\u0419\u0422\u0411\u041e\u041a\u0421\u0410 \u0421\u0415\u041a\u0426\u0418\u0418 \"\u0418\u041d\u0422\u0415\u0420\u042c\u0415\u0420\" ---\r\n            const lightbox = document.getElementById('interiorLightbox');\r\n            if (lightbox) {\r\n                const lightboxImg = lightbox.querySelector('img');\r\n                const galleryItems = document.querySelectorAll('.interior-gallery-item');\r\n                const closeButton = lightbox.querySelector('.interior-lightbox-close');\r\n                const overlay = lightbox.querySelector('.interior-lightbox-overlay');\r\n\r\n                const openLightbox = (imageUrl) => {\r\n                    lightboxImg.setAttribute('src', imageUrl);\r\n                    lightbox.classList.add('is-active');\r\n                    document.body.style.overflow = 'hidden'; \/\/ \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e: \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u0441\u043a\u0440\u043e\u043b\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\r\n                };\r\n\r\n                const closeLightbox = () => {\r\n                    lightbox.classList.remove('is-active');\r\n                    document.body.style.overflow = ''; \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0441\u043a\u0440\u043e\u043b\u043b\r\n                };\r\n\r\n                galleryItems.forEach(item => {\r\n                    item.addEventListener('click', () => {\r\n                        const style = window.getComputedStyle(item);\r\n                        const bgImage = style.backgroundImage;\r\n                        const imageUrl = bgImage.slice(5, -2); \/\/ \u0418\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u043c \u0447\u0438\u0441\u0442\u044b\u0439 URL \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u0438 'url(\"...\")'\r\n                        if(imageUrl) openLightbox(imageUrl);\r\n                    });\r\n                });\r\n\r\n                closeButton.addEventListener('click', closeLightbox);\r\n                overlay.addEventListener('click', closeLightbox);\r\n\r\n                document.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Escape' && lightbox.classList.contains('is-active')) {\r\n                        closeLightbox();\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-641f36b9 e-con-full e-flex e-con e-parent\" data-id=\"641f36b9\" data-element_type=\"container\" id=\"contact\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3451e17a elementor-widget elementor-widget-html\" data-id=\"3451e17a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome CDN for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300&display.swap');\r\n\r\n\/* --- FINALE SECTION: UNIQUE & ISOLATED CLASSES --- *\/\r\n\r\n.finale-section {\r\n  background-color: #140A02; \/* Almost black as requested *\/\r\n  color: #EAE0D5;\r\n  padding: 120px 7%;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  font-weight: 300;\r\n}\r\n\r\n.finale-wrapper {\r\n  display: flex;\r\n  gap: 8%;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  align-items: center;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n\/* --- Left Side: Content --- *\/\r\n.finale-info {\r\n  width: 45%;\r\n}\r\n.finale-info > * {\r\n  opacity: 0;\r\n  animation: finale-fade-in 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n}\r\n\r\n.finale-info h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-weight: 500;\r\n  font-size: 2.8rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin: 0 0 40px 0;\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.finale-info-block {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  margin-bottom: 30px;\r\n  animation-delay: var(--delay);\r\n}\r\n.finale-icon {\r\n  flex-shrink: 0;\r\n  width: 24px;\r\n  height: 24px;\r\n  margin-right: 20px;\r\n  color: #C69F7A;\r\n}\r\n.finale-text a {\r\n  text-decoration: none;\r\n  color: #EAE0D5;\r\n  transition: color 0.3s ease;\r\n}\r\n.finale-text a:hover {\r\n  color: #C69F7A;\r\n}\r\n.finale-text .title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-weight: 500;\r\n  font-size: 1.5rem;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n}\r\n.finale-text .details, .finale-text .sub-details {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n}\r\n.finale-text .sub-details {\r\n  font-size: 0.9rem;\r\n  color: rgba(234, 224, 213, 0.6);\r\n  margin-top: 5px;\r\n}\r\n\r\n\/* --- Social Icons for contacts --- *\/\r\n.contact-line {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px; \/* space between number and icons *\/\r\n    margin-bottom: 10px;\r\n}\r\n.contact-line a.details {\r\n    margin-right: auto; \/* Pushes icons to the right if needed, but gap is better *\/\r\n}\r\n.social-icons a {\r\n    display: inline-block;\r\n    margin-left: 8px; \/* space between icons *\/\r\n}\r\n.social-icons i {\r\n    font-size: 22px; \/* Control size with font-size *\/\r\n    color: #EAE0D5;\r\n    transition: color 0.3s ease;\r\n}\r\n.social-icons a:hover i {\r\n    color: #C69F7A;\r\n}\r\n\r\n\r\n.finale-cta-button {\r\n  background-color: #C69F7A;\r\n  color: #2A1303;\r\n  padding: 18px 40px;\r\n  text-decoration: none;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 300;\r\n  font-size: 1rem;\r\n  border-radius: 5px;\r\n  transition: all 0.4s ease;\r\n  display: inline-block;\r\n  letter-spacing: 0.5px;\r\n  border: 1px solid #C69F7A;\r\n  margin-top: 20px;\r\n  animation-delay: 1.1s;\r\n}\r\n.finale-cta-button:hover {\r\n  background-color: transparent;\r\n  color: #C69F7A;\r\n}\r\n\r\n\/* --- Right Side: Map --- *\/\r\n.finale-map-container {\r\n  width: 55%;\r\n  height: 550px;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  animation: finale-fade-in 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n  animation-delay: 0.4s;\r\n}\r\n.finale-map-container iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* --- Footer Line --- *\/\r\n.finale-footer-line {\r\n  border-top: 1px solid rgba(198, 159, 122, 0.2);\r\n  padding-top: 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start; \/* Align items to the top *\/\r\n  flex-wrap: wrap; \/* Allow items to wrap on smaller screens *\/\r\n  gap: 20px; \/* Add gap between items *\/\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: rgba(234, 224, 213, 0.6);\r\n  opacity: 0;\r\n  animation: finale-fade-in 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n  animation-delay: 0.6s;\r\n}\r\n.finale-footer-line .copyright-block {\r\n    flex: 1; \/* Allow this block to take available space *\/\r\n    min-width: 250px; \/* Minimum width before wrapping *\/\r\n}\r\n.finale-footer-line .license-info {\r\n    flex: 2; \/* Allow this block to take more space *\/\r\n    text-align: left;\r\n    min-width: 300px;\r\n}\r\n.finale-footer-line a {\r\n  color: rgba(234, 224, 213, 0.6);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n.finale-footer-line a:hover {\r\n  color: #C69F7A;\r\n}\r\n.license-info p {\r\n    margin: 0 0 5px 0;\r\n}\r\n\r\n\r\n@keyframes finale-fade-in {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* --- Mobile --- *\/\r\n@media (max-width: 900px) {\r\n  .finale-wrapper {\r\n    flex-direction: column; \/* CHANGED: from column-reverse to column *\/\r\n    gap: 60px;\r\n  }\r\n  .finale-info, .finale-map-container { width: 100%; }\r\n  .finale-info { text-align: center; }\r\n  .finale-map-container { height: 400px; }\r\n  .finale-info-block { flex-direction: column; align-items: center; }\r\n  .finale-icon { margin: 0 0 10px 0; }\r\n  .contact-line { justify-content: center; }\r\n  .finale-cta-button { width: 100%; }\r\n  .finale-footer-line { flex-direction: column; gap: 20px; align-items: center; text-align: center; }\r\n  .finale-footer-line .license-info { text-align: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"finale-section\">\r\n  <div class=\"finale-wrapper\">\r\n\r\n    <div class=\"finale-info\">\r\n      <h2>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h2>\r\n      <div class=\"finale-info-block\" style=\"--delay: 0.5s;\">\r\n        <div class=\"finale-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/><\/svg>\r\n        <\/div>\r\n        <div class=\"finale-text\">\r\n          <span class=\"title\">\u0417\u0430\u043f\u0438\u0441\u044c \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/span>\r\n          <div class=\"contact-line\">\r\n            <a class=\"details\" href=\"tel:+79852564000\">+7 (985) 256-40-00<\/a>\r\n            <div class=\"social-icons\">\r\n              <a href=\"https:\/\/wa.me\/79852564000\" target=\"_blank\" title=\"WhatsApp\">\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n              <\/a>\r\n              <a href=\"https:\/\/t.me\/+79852564000\" target=\"_blank\" title=\"Telegram\">\r\n                <i class=\"fab fa-telegram\"><\/i>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-line\">\r\n            <a class=\"details\" href=\"tel:+79266501000\">+7 (926) 650-10-00<\/a>\r\n            <div class=\"social-icons\">\r\n               <a href=\"https:\/\/wa.me\/79266501000\" target=\"_blank\" title=\"WhatsApp\">\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n              <\/a>\r\n              <a href=\"https:\/\/t.me\/+79266501000\" target=\"_blank\" title=\"Telegram\">\r\n                <i class=\"fab fa-telegram\"><\/i>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"finale-info-block\" style=\"--delay: 0.7s;\">\r\n         <div class=\"finale-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z\" \/><\/svg>\r\n        <\/div>\r\n        <div class=\"finale-text\">\r\n          <span class=\"title\">\u0424\u0438\u043b\u0438\u0430\u043b \u043d\u0430 \u041c\u0430\u044f\u043a\u043e\u0432\u0441\u043a\u043e\u0439<\/span>\r\n          <span class=\"details\">2-\u044f \u0422\u0432\u0435\u0440\u0441\u043a\u0430\u044f-\u042f\u043c\u0441\u043a\u0430\u044f \u0443\u043b., 38<\/span>\r\n          <p class=\"sub-details\">2 \u043c\u0438\u043d \u043e\u0442 \u043c. \u041c\u0430\u044f\u043a\u043e\u0432\u0441\u043a\u0430\u044f, 7 \u043c\u0438\u043d \u043e\u0442 \u043c. \u0411\u0435\u043b\u043e\u0440\u0443\u0441\u0441\u043a\u0430\u044f<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"finale-info-block\" style=\"--delay: 0.9s;\">\r\n        <div class=\"finale-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\r\n        <\/div>\r\n        <div class=\"finale-text\">\r\n          <span class=\"title\">\u0427\u0430\u0441\u044b \u0440\u0430\u0431\u043e\u0442\u044b<\/span>\r\n          <span class=\"details\">\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, \u0441 10:00 \u0434\u043e 22:00<\/span>\r\n        <\/div>\r\n      <\/div>\r\n       <a href=\"#order\" class=\"finale-cta-button\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"finale-map-container\">\r\n      <iframe src=\"https:\/\/yandex.ru\/map-widget\/v1\/?z=17&ol=biz&oid=98423257975\" width=\"560\" height=\"400\" frameborder=\"0\"><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"finale-footer-line\">\r\n    <div class=\"copyright-block\">\r\n        <span>\u00a9 <span id=\"dynamic-year\"><\/span> FORM&GLOW CLINIC. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/span><br>\r\n        <a href=\"#privacy\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\r\n    <\/div>\r\n    <div class=\"license-info\">\r\n        <p>\u041d\u043e\u043c\u0435\u0440 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438: \u0420\u0417\u041d 2020\/10084<\/p>\r\n        <p>\u0412\u044b\u0434\u0430\u043d\u0430: \u041e\u041e\u041e \"\u0424\u0414-\u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\", \u0433. \u041c\u043e\u0441\u043a\u0432\u0430<\/p>\r\n        <p>\u041e\u041e\u041e \u00ab\u042d\u0419 \u042d\u041d\u0414 \u0422\u0418 \u041c\u0415\u0414\u0418\u041a\u0410\u041b\u00bb<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const yearSpan = document.getElementById('dynamic-year');\r\n    if (yearSpan) {\r\n        yearSpan.textContent = new Date().getFullYear();\r\n    }\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","protected":false},"excerpt":{"rendered":"<p>\u0423\u0441\u043b\u0443\u0433\u0438 \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u041e \u043d\u0430\u0441 \u041b\u0438\u0446\u0435\u043d\u0437\u0438\u0438 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0424\u0438\u043b\u0438\u0430\u043b \u043d\u0430 \u041c\u0430\u044f\u043a\u043e\u0432\u0441\u043a\u043e\u0439 2-\u044f \u0422\u0432\u0435\u0440\u0441\u043a\u0430\u044f-\u042f\u043c\u0441\u043a\u0430\u044f \u0443\u043b., 38 2 \u043c\u0438\u043d \u043e\u0442 \u043c\u0435\u0442\u0440\u043e, \u0435\u0441\u0442\u044c \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 +7 985 256 40 00 +7 926 650 10 00 \u0417\u0430\u043f\u0438\u0441\u044c \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60% \u0423\u0441\u043b\u0443\u0433\u0438 \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u041e \u043d\u0430\u0441 \u041b\u0438\u0446\u0435\u043d\u0437\u0438\u0438 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u043e\u0439 60% \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0435 +7 985 256 40 00 +7 926 650 10 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/pages\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=560"}],"version-history":[{"count":25,"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=\/wp\/v2\/pages\/560\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/formglow-clinic.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}