PageSourceSearch

https://www.loreal-paris.ru/make-up-virtual-try-on

html loreal-paris.ru collected 2026-09-29 12:30:12 UTC 231,891 bytes, 2,153 lines download raw bytes

1
2<!DOCTYPE html>
3<html class="no-js no-touch" lang="ru-RU">
4<head>
5    
6
7
8
9
10
11
12    
12<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.5.4/vue.global.prod.min.js"></script>
12
13    <meta data-octopus-release="3.38.0-release00000004" />
14    <meta charset="utf-8" />
15    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
16
17    <meta name="robots" content="index, follow">
18
19
20    <!-- /BEGIN Include JavaScript and CSS bundles -->
21
22    <link rel="preload" href="/frontend/fonts/CamptonW05-Bold.2c00dd13.woff2" as="font" type="font/woff2" crossorigin>
23 <link rel="preload" href="/frontend/fonts/CamptonW05-Medium.272e795e.woff2" as="font" type="font/woff2" crossorigin>
24 <link rel="preload" href="/frontend/fonts/CamptonW05-Book.139dfbd8.woff2" as="font" type="font/woff2" crossorigin>
25 <link href="/frontend/css/service_detail.9aafe1d4.css" rel="stylesheet" type="text/css">
26<script defer fetchpriority="low" type="text/javascript" src="/frontend/js/chunk-vendors.15aa7b4d.js"></script>
26
27 
27<script defer fetchpriority="low" type="text/javascript" src="/frontend/js/service_detail.6e2956b2.js"></script>
27
28
29
30
31    <!-- /END Include JavaScript and CSS bundles -->
32
33    
34    
35<script>
36    var dataLayer = window["dataLayer"] || [];
37    if (!window.wsf) { window.wsf = { AnalyticsVariables: {} }; }
38    window.wsf.AnalyticsVariables = {"brand":"OAP","language":"ru","country":"RU","siteTypeLevel":"main","factory":"wsf","websiteType":"NON-DTC"};
39</script>
39
40
41<script>
42    if (!window.wsf) {
43        window.wsf = { AnalyticsVariables: {} };
44    }
45    window.wsf.AnalyticsVariablesDynamic = {};
46
47window.wsf.AnalyticsVariables.pageCategory = 'content page::service';
48     
49window.wsf.AnalyticsVariablesDynamic.pagecategory = 'content page::service';
50    dataLayer.push(window.wsf.AnalyticsVariables);
51
52</script>
52
53
54
55<script type="text/javascript">
56    function OapGoogleTagManager() {
57        if(typeof(OptanonWrapper) === 'function') {
58            window.gtmLoaded = false;
59            function OptanonWrapper() {
60                window.gtmLoaded = true;
61                (function(w, d, s, l, i) {
62                    w[l] = w[l] || [];
63                    if (typeof (refappSiteLevelPropertys) === "function") {
64                        refappSiteLevelPropertys();
65                    }
66                    if (typeof (pagelevelPropertys) === "function") {
67                        pagelevelPropertys();
68                    }
69                    w[l].push({
70                        'gtm.start':
71                            new Date().getTime(),
72                        event: 'gtm.js'
73                    });
74                    var f = d.getElementsByTagName(s)[0],
75                        j = d.createElement(s),
76                        dl = l != 'dataLayer' ? '&l=' + l : '';
77                    j.async = true;
78                    j.src =
79                        '//www.googletagmanager.com/gtm.js?id=' + i + dl;
80                    f.parentNode.insertBefore(j, f);
81                })(window, document, 'script', 'dataLayer', 'GTM-PZMMQD');
82            }
83            setTimeout(() => {
84                if (!window.gtmLoaded) {
85                    OptanonWrapper()
86                }
87            }, 1000);
88        } else {
89            function gtmManager() {}
vendor: 645 bytes, lines 89-105
89
90            (function(w, d, s, l, i) {
91                w[l] = w[l] || [];
92
93                w[l].push({
94                    'gtm.start':
95                        new Date().getTime(),
96                    event: 'gtm.js'
97                });
98                var f = d.getElementsByTagName(s)[0],
99                    j = d.createElement(s),
100                    dl = l != 'dataLayer' ? '&l=' + l : '';
101                j.async = true;
102                j.src =
103                    '//www.googletagmanager.com/gtm.js?id=' + i + dl;
104                f.parentNode.insertBefore(j, f);
105            })(window, document, 'script', 'dataLayer', '
105GTM-PZMMQD
vendor: 13 bytes, lines 105-106
105');
106        
106}
107    }
108    OapGoogleTagManager()
109    function googleTagManager() {}
110</script>
110
111
112    <meta name="google-site-verification" content="GTM-PZMMQD"/>
113
114
115
116
117
118
119    <title>Виртуальный макияж онлайн по фото: подобрать мейкап бесплатно</title>
120
121
122
123
124<link rel="icon" href="/frontend/static/favicon/favicon.ico" sizes="any">
125<link rel="icon" href="/frontend/static/favicon/favicon.svg" type="image/svg+xml">
126<link rel="apple-touch-icon" href="/frontend/static/favicon/apple-touch-icon.png">
127<link rel="manifest" href="/frontend/static/favicon/manifest.json">
128
129
130
131
132<meta  property="og:description" content="Пройдите онлайн диагностику кожи лица Skin Genius и получите анализ ее состояния, подберите индивидуальный уход под потребности кожи." /><meta  property="og:title" content="Диагностика кожи лица и анализ состояния онлайн - сервис Skin Genius" /><meta  property="og:url" content="https://www.loreal-paris.ru/make-up-virtual-try-on" />
133
134
135<meta name="description"  content="Макияж онлайн: сделайте виртуальную примерку цвета помады, карандаша для бровей, туши для ресниц от L'Oréal Paris и узнайте, какой мейкап вам подходит." />
136
137
138<meta name="twitter:description"  content="Пройдите онлайн диагностику кожи лица Skin Genius и получите анализ ее состояния, подберите индивидуальный уход под потребности кожи." /><meta name="twitter:title"  content="Диагностика кожи лица и анализ состояния онлайн - сервис Skin Genius" /><meta name="twitter:card"  content="summary_large_image" />
139
140    <meta name="viewport" content="width=device-width, initial-scale=1"/>
141    <link rel="canonical" href="https://www.loreal-paris.ru/make-up-virtual-try-on"/>
142    
142<script type="text/javascript">
143
144
145        (function (e, t, n) {
146            try {
147                var c = ["scroll", "mousedown", "mousemove", "click", "keydown", "touchstart"],
148                o = function () {
149                    var c = t.createElement("script");
150                    c.src = n + "&loca=" + e.location.href,
151                    c.async = !0,
152                    t.getElementsByTagName("head")[0].appendChild(c)
153                };
154                if (/_yi=/.test(t.cookie)) o();
155                else {
156                    var r = function (t, n) {
157                        t.forEach(function (t) {
158                            return e.removeEventListener(t, n)
159                        })
160                    },
161                    a = function () {
162                        try {
163                            o(),
164                            r(c, a)
165                        } catch (e) {
166                            console.log(`Yieldify: Event handler failed`, e);
167                        }
168                    };
169                    c.forEach(function (t) {
170                        return e.addEventListener(t, a)
171                    })
172                }
173            } catch (e) {
174                console.log(`Yieldify: Script configuration failed`, e);
175            }
176        })(window, document, "https://td.yieldify.com/yieldify/code.js?w_uuid=82b31b14-b5a5-4de0-bd46-6ddb72508f18&k=1");
177        </script>
177
178
179
180    <link rel="preconnect" href="https://connect.facebook.net" />
181    <link rel="preconnect" href="https://www.googletagmanager.com" />
182</head>
183
184<body class="default-device bodyclass RUCD        " style="" data-guest-id="">
185    <!-- BEGIN Inline SVG -->
186    <div style="display: none;">
187    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol viewBox="0 0 16 16" id="arrow-back"><path d="m12.082 15.67.084-.097a1.125 1.125 0 0 0-.006-1.382L6.327 8l5.822-6.178.084-.117c.295-.486.19-1.11-.245-1.461a1.09 1.09 0 0 0-1.545.174L4.05 7.293l-.083.116c-.247.41-.217.92.073 1.287l6.413 6.898.083.092a1.09 1.09 0 0 0 1.452.07l.094-.085Z" /></symbol><symbol viewBox="0 0 6 11" id="arrow-icon"><path d="M.383 11 6 5.5.383 0 0 .372 5.234 5.5 0 10.628z" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 19 39" id="arrow-next"><path d="m2 2 15 17.5L2 37" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 19 39" id="arrow-prev"><path d="M17 37 2 19.5 17 2" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 74 74" id="arrow-search"><style>#arrow-search .st0{fill:none;stroke:#9b9b9b;stroke-width:11;stroke-linecap:round}</style><g id="arrow-search_Arrows_Search"><path id="arrow-search_Line" class="st0" d="m6.3 6.2 55.6 61.7" /><path id="arrow-search_Line-Copy" class="st0" d="M6.3 6.2h49.4" /><path id="arrow-search_Line_1_" class="st0" d="M6.3 6.2v49.3" /></g></symbol><symbol fill="none" viewBox="0 0 8 8" id="arrow-top-right"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.133 0a.5.5 0 1 0 0 1h5.165L.146 7.147a.5.5 0 1 0 .708.707l6.144-6.14v5.15a.5.5 0 0 0 1 0V.579a.499.499 0 0 0-.3-.536.498.498 0 0 0-.2-.042H1.133Z" fill="#fff" /></symbol><symbol viewBox="0 0 18 20" id="bag"><g stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M1 7v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7H1ZM5 7h8V5a4 4 0 1 0-8 0v2Z" /></g></symbol><symbol class="icon icon-menu-toggle" aria-hidden="true" viewBox="0 0 100 100" id="burger"><g class="svg-menu-toggle"><path class="line line-1" d="M5 13h90v14H5z" /><path class="line line-2" d="M5 43h90v14H5z" /><path class="line line-3" d="M5 73h90v14H5z" /></g></symbol><symbol viewBox="0 0 40 40" id="carbon-footprint"><g fill="none" fill-rule="evenodd"><circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /><path d="M10.954 16.745c1.133 0 2.056.626 2.67 1.809h3.043c-.745-2.96-3.043-4.803-5.729-4.803a5.674 5.674 0 0 0-4.19 1.776A6.09 6.09 0 0 0 5 19.873c0 1.776.55 3.264 1.634 4.465 1.099 1.244 2.653 1.94 4.272 1.911 2.767 0 4.952-1.776 5.712-4.701H13.56c-.614 1.116-1.57 1.725-2.654 1.725-1.585 0-3.01-1.472-3.01-3.383a3.213 3.213 0 0 1 .897-2.244 2.937 2.937 0 0 1 2.161-.901m12.821-2.995a6.214 6.214 0 0 0-4.427 1.762 6.111 6.111 0 0 0-1.848 4.36c0 1.781.58 3.273 1.727 4.477a6.052 6.052 0 0 0 4.531 1.9 6.193 6.193 0 0 0 4.48-1.882 6.226 6.226 0 0 0 1.761-4.443c-.028-3.398-2.798-6.145-6.224-6.173m-.017 9.513c-1.676 0-3.198-1.458-3.198-3.357a3.15 3.15 0 0 1 1.583-2.752 3.203 3.203 0 0 1 3.195 0 3.15 3.15 0 0 1 1.583 2.752c0 1.967-1.42 3.357-3.163 3.357M35 21.274c0-1.003-.787-1.69-2.083-1.69-1.264 0-2.075.833-2.084 2.16h1.473c0-.04-.008-.09-.008-.13 0-.526.242-.825.61-.825.36 0 .578.235.578.639 0 .81-.87 1.764-2.62 2.767v1.222h4.118V24.13H32.9c1.397-.874 2.1-1.925 2.1-2.856" fill="#969696" fill-rule="nonzero" /></g></symbol><symbol viewBox="0 0 28 22" id="check"><path d="m2 10.162 7.84 8.161L25.469 2" stroke-width="4" fill="none" fill-rule="evenodd" stroke-linecap="round" /></symbol><symbol viewBox="0 0 16 16" id="close"><path d="M14.96 1.04c.364.363.305 1.021-.116 1.524l-.103.113L9.418 8l5.323 5.323c.513.513.61 1.246.22 1.637-.364.364-1.022.305-1.525-.116l-.113-.103L8 9.418l-5.323 5.323c-.513.513-1.246.61-1.637.22-.364-.364-.305-1.022.116-1.525l.103-.113L6.582 8 1.259 2.677c-.513-.513-.61-1.246-.22-1.637.364-.364 1.022-.305 1.525.116l.113.103L8 6.582l5.323-5.323c.513-.513 1.246-.61 1.637-.22Z" /></symbol><symbol viewBox="0 0 16 16" id="disabled"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm5.135 3.854-9.281 9.28
1871a6.6 6.6 0 0 0 9.282-9.282ZM8 1.4a6.6 6.6 0 0 0-5.135 10.746l9.281-9.281A6.572 6.572 0 0 0 8 1.4Z" fill="#000" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 60 60" id="disc"><circle cx="30" cy="30" r="30" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 16 16" id="discontinued"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm5.135 3.854-9.281 9.281a6.6 6.6 0 0 0 9.282-9.282ZM8 1.4a6.6 6.6 0 0 0-5.135 10.746l9.281-9.281A6.572 6.572 0 0 0 8 1.4Z" fill="#fff" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 17 18" id="edit-pencil"><g fill-rule="nonzero" fill="none"><path d="m14.425 5.904-8.486 8.485-2.828-2.828 8.485-8.486a.997.997 0 0 1 1.414 0l1.415 1.415a.997.997 0 0 1 0 1.414Z" stroke="#000" stroke-width="2" /><path fill="#000" d="m.99 12.268 4.242 4.242-4.95.708zM10.182 3.075l4.242 4.243-1.414 1.414L8.767 4.49z" /></g></symbol><symbol viewBox="0 0 22 15" id="email"><g stroke="#000" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M2.038 1.036h16.988a1 1 0 0 1 1 1v10.88a1 1 0 0 1-1 1H2.038a1 1 0 0 1-1-1V2.037a1 1 0 0 1 1-1Z" /><path d="m1.538 1.478 8.994 7.1M10.532 8.579l8.995-7.1" stroke-linecap="round" /></g></symbol><symbol viewBox="0 0 22 15" id="email-white"><g stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M2.038 1.036h16.988a1 1 0 0 1 1 1v10.88a1 1 0 0 1-1 1H2.038a1 1 0 0 1-1-1V2.037a1 1 0 0 1 1-1Z" /><path d="m1.538 1.478 8.994 7.1M10.532 8.579l8.995-7.1" stroke-linecap="round" /></g></symbol><symbol fill="none" viewBox="0 0 4 19" id="exclamation"><path d="M2.164 12.368a.068.068 0 0 1-.069-.068V1.39a.068.068 0 0 1 .137 0V12.3c0 .038-.03.068-.068.068Zm.34 4.568a.341.341 0 1 1-.681 0 .341.341 0 0 1 .682 0Z" fill="#000" stroke="#000" stroke-width="2.045" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-empty"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" stroke="#fff" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-empty-pdp-max-lite"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" stroke="#000" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-full"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" fill="#F2CD95" stroke="#F2CD95" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-full-pdp-max-lite"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" fill="#000" stroke="#000" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-outlined"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" stroke="#F2CD95" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol fill="none" viewBox="0 0 16 14" id="favorite-heart-outlined-pdp-max-lite"><path d="M2.013 2.052c-1.351 1.402-1.35 3.66 0 5.063l5.983 5.34c1.997-2.072 3.993-3.262 5.99-5.333a3.667 3.667 0 0 0 0-5.063 3.357 3.357 0 0 0-4.88 0L8.002 3.202l-1.109-1.15a3.357 3.357 0 0 0-4.88 0Z" stroke="#626566" stroke-width="1.5" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 20 17" id="filter"><g transform="translate(1)" fill="none" fill-rule="evenodd"><path d="M.648 2.5H17.51M.648 8.5H17.51M.648 14.5H17.51" stroke="currentColor" stroke-width="2" stroke-linecap="square" /><ellipse fill="currentColor" cx="7.5" cy="2.376" rx="2.5" ry="2.376" /><ellipse fill="currentColor" cx="3.5" cy="8.376" rx="2.5" ry="2.376" /><ellipse fill="currentColor" cx="12.5" cy="14.376" rx="2.5" ry="2.376" /></g></symbol><symbol viewBox="0 0 10.7 6.1" id="ico-arrow-up"><path fill="none" stroke="currentColor" d="m.4 5.7 5-5 5 5" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-facebook">
187<path fill="currentColor" d="M11.9.1v2.4h-1.5c-.5 0-.8.1-1 .3s-.3.6-.3 1v1.7h2.7l-.4 2.7H9.1V15H6.3V8.2H4V5.5h2.4v-2c0-1.1.3-2 1-2.6S8.8 0 9.9 0c.9 0 1.5 0 2 .1z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-instagram"><path fill="currentColor" d="M9.6 9.2c.5-.5.7-1 .7-1.6s-.2-1.2-.7-1.6-1-.7-1.6-.7-1.2.2-1.7.7-.7 1-.7 1.6.2 1.2.7 1.6 1 .7 1.6.7 1.2-.2 1.7-.7zm.8-4.1c.7.7 1 1.5 1 2.5s-.3 1.8-1 2.5-1.5 1-2.5 1-1.8-.3-2.5-1-1.1-1.5-1.1-2.5.3-1.8 1-2.5 1.5-1 2.5-1 2 .3 2.6 1zm1.8-1.8c.2.2.2.4.2.6 0 .2-.1.4-.2.6-.1.1-.3.2-.6.2-.2 0-.4-.1-.6-.2-.1-.2-.2-.4-.2-.6s.1-.4.2-.6c.2-.3.4-.3.6-.3.3 0 .5.1.6.3zM8.6 1.9H5.3c-.4 0-.6 0-.9.1-.2 0-.4.1-.5.1-.4.2-.7.3-.9.6s-.3.5-.5.8c0 .1-.1.4-.1.6 0 .3-.1.6-.1.9v5.2c0 .4 0 .7.1.9 0 .3.1.5.2.7.1.2.3.5.4.7.2.2.5.4.8.5.2.1.4.1.7.2.3.1.6.1.9.1h5.2c.4 0 .7 0 .9-.1.3 0 .5-.1.7-.2.3-.1.6-.3.8-.5s.4-.5.5-.8c.1-.2.1-.4.2-.7 0-.3.1-.6.1-.9V4.9c0-.4 0-.7-.1-.9-.1-.2-.3-.5-.3-.6-.1-.3-.3-.6-.5-.8s-.5-.4-.8-.5c-.2-.1-.4-.1-.7-.2-.3 0-.6-.1-.9-.1h-.9c-.3.1-.5.1-1 .1zm6.3 2.8v5.8c-.1 1.3-.4 2.2-1.1 2.9s-1.7 1.1-2.9 1.1H5.1c-1.3-.1-2.2-.4-2.9-1.1S1 11.8.9 10.4V4.6C1 3.4 1.4 2.5 2 1.8S3.7.7 5 .6h5.8c1.3.1 2.2.4 2.9 1.1s1.1 1.7 1.2 3z" /></symbol><symbol viewBox="0 0 512 512" id="ico-mail"><path fill="currentColor" d="M464 88H52c-27.354 0-50 22.214-50 50v240c0 27.57 22.43 50 50 50h412c27.57 0 50-22.43 50-50V138c0-27.419-22.319-50-50-50zm-38.752 40L258 234.302 90.752 128h334.496zM474 378c0 5.514-4.486 10-10 10H52c-5.514 0-10-4.486-10-10V144.41l205.271 130.469a20 20 0 0 0 21.457 0L474 144.41V378z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-pinterest"><path fill="currentColor" d="M14.1 4c.6 1.1.9 2.2.9 3.5s-.3 2.4-.9 3.5c-.6 1.1-1.5 1.9-2.5 2.5-1.2.7-2.3 1-3.6 1-.7 0-1.3-.1-2-.3.4-.6.6-1.1.7-1.5.1-.2.2-.8.5-1.9.1.2.3.4.7.6.3.2.7.3 1 .3.7 0 1.4-.2 2-.6.6-.4 1-1 1.3-1.7s.5-1.5.5-2.5c0-.7-.2-1.3-.5-2-.4-.6-.9-1.1-1.6-1.5-.8-.4-1.5-.5-2.4-.5-.7 0-1.3 0-1.8.2s-1 .4-1.4.7-.7.6-1 1c-.2.4-.5.8-.5 1.2-.3.4-.3.8-.3 1.2 0 .6.1 1.2.4 1.7s.6.8 1.1 1c.1.1.2 0 .2-.2 0 0 0-.1.1-.3s.1-.2.1-.3 0-.3-.1-.4c-.2-.3-.5-.8-.5-1.3 0-.9.3-1.7 1-2.4S7 4 8.1 4c.9 0 1.6.2 2.1.7s.8 1.2.8 2c0 1-.2 1.9-.6 2.6s-1 1.2-1.6 1.2c-.4 0-.7-.1-.9-.4-.3-.3-.3-.6-.2-1 0-.2.1-.5.2-.9 0-.4.1-.7.2-.9.1-.3.1-.5.1-.7 0-.3-.1-.6-.2-.8-.2-.1-.5-.2-.8-.2-.4 0-.7.2-1 .5-.2.3-.3.8-.3 1.3 0 .4.1.8.2 1.1l-.9 3.8c-.1.4-.1 1-.1 1.6-1.3-.6-2.3-1.4-3-2.6S.9 8.9.9 7.5c0-1.3.3-2.4.9-3.5s1.5-1.9 2.5-2.5 2.3-1 3.6-1 2.4.3 3.5.9 1.9 1.5 2.7 2.6z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-tumblr"><path fill="currentColor" d="m11.6 12 .8 2.1c-.1.2-.5.4-1 .6s-1.2.3-1.6.3c-.7 0-1.3-.1-1.8-.2-.5-.2-1-.4-1.3-.7-.3-.3-.6-.6-.9-1s-.4-.7-.6-1.1c-.1-.4-.2-.7-.2-1.1V6.1H3.5V4.2c.5-.2.8-.4 1.2-.7s.6-.5.8-.8.4-.6.5-.9.3-.6.3-.9.1-.5.2-.8V0h2.4v3.8H12v2.3H8.9v4.7c0 .2 0 .3.1.5 0 .2.1.3.2.5.1.1.2.2.4.3s.5.1.8.1c.5 0 1-.1 1.2-.2z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-twitter"><path fill="currentColor" d="M14.9 3.3c-.4.6-.9 1-1.4 1.4v.4c0 .7-.1 1.5-.3 2.2s-.6 1.5-1 2.1c-.5.7-1 1.3-1.6 1.8s-1.4.9-2.3 1.3c-1 .3-2 .5-3 .5-1.6 0-3.1-.4-4.4-1.2h.7c1.3 0 2.5-.4 3.6-1.2-.7 0-1.2-.2-1.7-.6s-.8-.8-1-1.4H3c.3 0 .5 0 .8-.1-.7-.1-1.2-.5-1.6-1s-.6-.9-.6-1.6c.4.2.7.3 1.2.3-.4-.2-.7-.6-1-1-.3-.4-.2-.8-.2-1.3s.1-1 .4-1.4c.7.9 1.6 1.5 2.6 2s2.1.8 3.3.9c0-.2-.1-.4-.1-.6 0-.8.3-1.4.8-2 .5-.5 1.2-.8 2-.8s1.5.3 2.1.9c.6-.1 1.3-.3 1.8-.7-.2.7-.6 1.2-1.3 1.5.6 0 1.1-.2 1.7-.4z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-youtube"><path fill="currentColor" d="m6.2 9.5 4.3-2.2-4.3-2.2v4.4zM7.9 2h2.9c.9 0 1.6.1 2 .1h1.3c.1 0 .2 0 .3.1.1 0 .2.1.2.1s.2.1.3.2.2.1.3.2c0 0 .1.1.1.2.1.1.1.2.3.5.1.3.2.6.2.9 0 .4.1.8.1 1.2V8c0 .8 0 1.7-.2 2.5 0 .3-.1.6-.2.9s-.2.4-.3.5l-.1.1c-.1.1-.2.2-.3.2s-.2.1-.3.2c-.1 0-.2.1-.2.1-.1 0-.2.1-.3.1h-.5c-1.5.3-3.4.4-5.6.4-1.2 0-2.3 0-3.2-.1-.9 0-1.5 0-1.8-.1h-.7c-.2 0-.4-.1-.5-.1s-.3-.1-.5-.2-.4-.2-.5-.4c0 0-.1-.1-.1-.2-.1 0-.2-.1-.3-.4s-.2-.6-.2-.9c0-.4-.1-.8-.1-1.2V6.9c0-.8 0-1.7.2-2.5 0-.3.1-.6.2-.9.1-.3.1-.4.2-.5l.1-.1c.1-.2.2-.2.3-.3.1-.1.2-.1.3-.2.1 0 .2-.1.2-.1.1 0 .2-.1.3-.1h.6C3.8 2.1 5.7 2 7.9 2z" /></symbol><symbol viewBox="0 0 16 16" id="icon-account"><path d="M11.4 8c.8-.9 1.3-2 1.3-3.2 0-2.6-2.2-4.8-4.8-4.8-2.6 0-4.8 2.2-4.8 4.8 0 1.3.5 2.4 1.3 3.3C1.9 8.9 0 11.2 0 14v1.2c0 .4.3.8.8.8s.8-.3.8-.8V14
187c0-2.6 2.1-4.7 4.6-4.7.5.2 1.1.3 1.7.3.6 0 1.2-.1 1.8-.3 2.6 0 4.8 2.2 4.8 4.8v1.1c0 .4.3.8.8.8s.8-.3.8-.8v-1.1C16 11.2 14 8.8 11.4 8zm-4.7-.1s-.1 0-.1-.1c-1.1-.5-1.9-1.7-1.9-3C4.7 3 6.2 1.5 8 1.5c1.8 0 3.3 1.5 3.3 3.3 0 1.8-1.5 3.3-3.3 3.3-.5 0-1-.1-1.3-.2z" /></symbol><symbol viewBox="0 0 14 16" id="icon-bell"><g fill-rule="nonzero"><path d="M7 0C4.279 0 2.073 2.182 2.073 4.875v2.504l-1.416 1.4A2.205 2.205 0 0 0 .17 11.2a2.246 2.246 0 0 0 2.073 1.372h9.512c.908 0 1.726-.542 2.073-1.371a2.205 2.205 0 0 0-.486-2.42l-1.416-1.401V4.875C11.927 2.182 9.721 0 7 0Zm5.244 9.867a.677.677 0 0 1 .149.744.69.69 0 0 1-.637.421H2.244a.69.69 0 0 1-.637-.421.677.677 0 0 1 .15-.744l1.872-1.852v-3.14c0-1.842 1.51-3.336 3.371-3.336 1.862 0 3.371 1.494 3.371 3.336v3.14l1.873 1.852ZM4.667 14.857h4.667V16H4.667z" /></g></symbol><symbol fill="none" viewBox="0 0 205 185" id="icon-burger-black"><g clip-path="url(#icon-burger-black_a)" fill="#000"><rect width="204.121" height="19.136" rx="9.568" /><rect y="82.924" width="204.121" height="19.136" rx="9.568" /><rect y="165.849" width="204.121" height="19.136" rx="9.568" /></g><defs></defs></symbol><clipPath id="icon-burger-black_a"><path fill="#fff" d="M0 0h205v185H0z" /></clipPath><symbol fill="none" viewBox="0 0 204 204" id="icon-burger-close-black"><g clip-path="url(#icon-burger-close-black_a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M175.952 175.952c4.16-4.16 3.117-11.947-2.328-17.393l-56.558-56.558 56.56-56.56 1.099-1.2c4.469-5.339 5.092-12.33 1.229-16.192-4.16-4.16-11.947-3.117-17.393 2.328l-56.56 56.56-56.56-56.56-1.2-1.1c-5.34-4.469-12.33-5.091-16.193-1.229-4.16 4.16-3.117 11.947 2.329 17.393L86.936 102 30.38 158.56l-1.1 1.201c-4.468 5.339-5.091 12.329-1.229 16.191 4.16 4.16 11.947 3.118 17.393-2.328L102 117.066l56.558 56.558 1.201 1.099c5.339 4.469 12.329 5.091 16.192 1.229Z" fill="#000" /></g><defs></defs></symbol><clipPath id="icon-burger-close-black_a"><path fill="#fff" d="M0 0h204v204H0z" /></clipPath><symbol viewBox="0 0 10 16" id="icon-chevron"><path class="st0" d="M1.1 15.8c.4.4 1.1.3 1.5-.1l.1-.1 6.4-6.9c.3-.4.3-.9.1-1.3l-.1-.1L2.7.4C2.3-.1 1.6-.1 1.1.2.7.6.6 1.2.9 1.7l.1.1L6.8 8 1 14.2c-.3.4-.3 1 0 1.4l.1.2z" /></symbol><symbol viewBox="0 0 16 16" id="icon-earth"><g fill="#FFF" fill-rule="evenodd"><path d="M10.281 1.267c1.163 1.403 1.918 3.845 1.918 6.677 0 2.832-.755 5.274-1.918 6.677 2.755-.967 4.736-3.595 4.736-6.677 0-3.082-1.981-5.71-4.736-6.677ZM7.944 15.888a.436.436 0 0 1 0-.871c1.835 0 3.385-3.239 3.385-7.073C11.329 4.11 9.779.87 7.944.87a.435.435 0 0 1 0-.87c4.38 0 7.944 3.564 7.944 7.944s-3.564 7.944-7.944 7.944Z" /><path d="M5.608 1.267C2.852 2.234.871 4.862.871 7.944c0 3.082 1.981 5.71 4.737 6.677-1.164-1.403-1.919-3.845-1.919-6.677 0-2.832.755-5.274 1.919-6.677Zm2.336 14.621C3.564 15.888 0 12.324 0 7.944S3.564 0 7.944 0a.435.435 0 1 1 0 .87c-1.835 0-3.385 3.24-3.385 7.074 0 3.834 1.55 7.073 3.385 7.073a.435.435 0 1 1 0 .871Z" /><path d="M7.509.932c-1.638.462-2.95 3.485-2.95 7.012 0 3.527 1.312 6.55 2.95 7.012V.932Zm.435 14.956c-2.386 0-4.255-3.489-4.255-7.944S5.558 0 7.944 0c.241 0 .435.195.435.435v15.017a.435.435 0 0 1-.435.436Z" /><path d="M8.379.932v14.024c1.639-.462 2.95-3.485 2.95-7.012 0-3.527-1.311-6.55-2.95-7.012Zm-.435 14.956a.436.436 0 0 1-.435-.436V.435c0-.24.195-.435.435-.435 2.386 0 4.255 3.489 4.255 7.944s-1.869 7.944-4.255 7.944Z" /><path d="M15.453 8.379H.441a.435.435 0 0 1 0-.87h15.012a.435.435 0 1 1 0 .87" /></g></symbol><symbol viewBox="0 0 15.72 15.99" id="icon-edit-black"><path d="M1.41 11.97a.94.94 0 0 1 .59.3l1.65 1.75a1 1 0 0 1 0 1.41 1 1 0 0 1-.54.26l-1.92.29a1 1 0 0 1-1.2-.84 1.31 1.31 0 0 1 0-.28l.27-2a1 1 0 0 1 1.15-.89Zm12-11.25.12.11 1.33 1.33a2.77 2.77 0 0 1 .22 3.77l-.09.14-8.19 8.18a.95.95 0 0 1-1.4-1.26l.07-.08 5.83-5.83-2.58-2.74-5.91 5.91a.93.93 0 0 1-1.3 0 .92.92 0 0 1-.1-1.22l.06-.08L9.65.72a2.74 2.74 0 0 1 3.76 0Zm-2.36 1.29-.06.07-1 1 2.6 2.71 1.05-1.07a.9.9 0 0 0 0-1.21l-.07-.08-1.3-1.31a.93.93 0 0 0-1.22-.11Z" /></symbol><symbol viewBox="0 0 16 17" id="icon-edit-white"><path fill="#FFF" class="st0" d="M1.4 12.2c.2 0 .4.1.6.3l1.6 1.7c.4.4.4 
1871 0 1.4-.1.1-.3.2-.5.3l-1.9.3c-.6.1-1.1-.2-1.2-.8v-.3l.3-2c.1-.5.6-.9 1.1-.9zM13.4 1l.1.1 1.3 1.3c1.1 1.1 1.1 2.7.2 3.8v.2l-8.2 8.2c-.3.3-.9.3-1.3 0-.3-.3-.4-.9-.1-1.2l.1-.1 5.8-5.8-2.6-2.9-5.9 5.9c-.3.3-.9.3-1.3 0-.3-.3-.4-.9-.1-1.2l.1-.1L9.7 1c1-1 2.6-1 3.7 0zm-2.3 1.3-1 1L12.7 6l1-1c.3-.3.3-.8 0-1.2l-.1-.1-1.3-1.3c-.4-.3-.9-.4-1.2-.1z" /></symbol><symbol viewBox="0 0 40 40" id="icon-email"><circle cx="20" cy="20" r="20" style="fill:#fff" /><path d="M26.8 15c.7 0 1.2.6 1.2 1.3v8.3c0 .7-.6 1.3-1.3 1.3H14.3c-.7 0-1.2-.6-1.2-1.3v-8.4c0-.7.6-1.3 1.3-1.3l12.4.1zm-11.9 3.2v5.7h11v-5.5l-4.5 3.4c-.3.4-.9.4-1.3.2l-.1-.2-5.1-3.6zm9.5-1.3h-7.8l4 2.9 3.8-2.9z" style="fill:#020202" /></symbol><symbol viewBox="0 0 40 40" id="icon-favorite-black-in-circle-white"><circle cx="124" cy="539" r="20" style="fill:#fff" transform="translate(-104 -519)" /><path d="M20 27.2c-.2 0-.5-.1-.7-.2-2-1.5-6.6-5.1-7.3-7.4-.4-1.1-.2-2.4.5-3.5.7-1.2 2-2 3.5-2.2 1.8-.2 3.1.6 4 1.5.9-1 2.2-1.8 4-1.5 1.5.2 2.7 1 3.5 2.2.7 1.1.8 2.4.5 3.5-.7 2.5-6.2 6.6-7.3 7.4-.2.1-.5.2-.7.2zm-3.4-11h-.3c-1.1.1-1.6.7-1.8 1.1-.3.5-.4 1.1-.3 1.6v.1c.3 1 3.1 3.6 5.8 5.6 2.7-2 5.5-4.6 5.7-5.7v-.1c.2-.4.1-1-.2-1.6-.2-.4-.8-1-1.8-1.1-1.7-.1-2.5 1.6-2.6 1.9-.1.5-.6.9-1.1.9-.6 0-1-.4-1.1-.9-.1-.3-.8-1.8-2.3-1.8z" /></symbol><symbol viewBox="0 0 40 40" id="icon-favorite-black-on-transparent-background"><defs></defs><g clip-path="url(#icon-favorite-black-on-transparent-background_a)" transform="translate(-104 -519)"><path d="M124 545.053s6.275-4.593 6.853-6.807c.579-1.6-.578-3.91-2.993-4.216-2.415-.307-3.685 1.837-3.86 2.718h0c-.175-.881-1.445-3.025-3.86-2.718-2.415.306-3.572 2.615-2.993 4.216.578 2.214 6.854 6.807 6.854 6.807h-.002Z" stroke="#000" stroke-width="2.3" fill="none" stroke-linecap="round" stroke-linejoin="round" /></g></symbol><clipPath id="icon-favorite-black-on-transparent-background_a"><path d="M375 0v667H0V0h375Z" /></clipPath><symbol viewBox="0 0 25 21" id="icon-favorite-thin"><defs><filter id="icon-favorite-thin_b" x="-31.924%" y="-33.247%" filterUnits="userSpaceOnUse" width="140.102%" height="147.852%"><feGaussianBlur stdDeviation="1" in="SourceAlpha" result="i2"></feGaussianBlur><feOffset dy="1" in="i2" result="i3"></feOffset><feColorMatrix values="0 0 0 0.0 0 0 0 0 0.0 0 0 0 0 0.0 0 0 0 0 0.5 0" in="i3"></feColorMatrix></filter></defs><g clip-path="url(#icon-favorite-thin_a)" transform="translate(-28 -366)"><g stroke-width="1.9" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M9.499 15s8.517-6.233 9.302-9.237C19.586 3.59 18.016.456 14.738.04c-3.277-.415-5 2.494-5.24 3.69h.003C9.262 2.534 7.538-.375 4.261.04.984.456-.586 3.59.2 5.763.984 8.767 9.501 15 9.501 15H9.5Z" stroke="#000" filter="url(#icon-favorite-thin_b)" transform="translate(31 368)" /><path d="M40.499 383s8.517-6.233 9.302-9.237c.785-2.173-.785-5.307-4.063-5.723-3.277-.415-5 2.494-5.24 3.69h.003c-.239-1.196-1.963-4.105-5.24-3.69-3.277.416-4.847 3.55-4.062 5.723.785 3.004 9.302 9.237 9.302 9.237H40.5Z" stroke="#FFF" /></g></g></symbol><clipPath id="icon-favorite-thin_a"><path d="M375 0v667H0V0h375Z" /></clipPath><symbol viewBox="0 0 16 13" id="icon-favorite-white"><path d="m8.08 1.59-.078.092-.074-.087C7.028.575 5.634-.117 4.02.087 1.18.447-.59 3.232.253 5.57c.213.83 1.03 1.89 2.334 3.175.406.399.853.813 1.336 1.24a51.248 51.248 0 0 0 1.798 1.508l.827.652.872.667c.153.118.35.192.58.192.124-.004.281-.055.471-.154.284-.148.903-.644 1.19-.869a53.677 53.677 0 0 0 2.415-1.996c.483-.426.931-.841 1.337-1.24 1.304-1.284 2.12-2.345 2.36-3.258.818-2.254-.953-5.038-3.794-5.399-1.616-.205-3 .475-3.9 1.503Zm3.66.382c1.59.202 2.573 1.664 2.26 2.824l-.04.127c-.149.553-.816 1.418-1.88 2.467-.38.373-.802.764-1.26 1.168a51.82 51.82 0 0 1-2.328 1.925l-.493.38-.491-.38A51.905 51.905 0 0 1 5.18 8.558c-.458-.404-.88-.795-1.26-1.168-.998-.983-1.646-1.806-1.825-2.291l-.029-.093c-.451-1.26.544-2.825 2.194-3.034 1.36-.172 2.507.854 2.78 1.843l.03.128c.01.045.023.089.04.134l.046.108c.42.855 1.683.57 1.79-.29l.003-.04-.002.01c.269-1.036 1.41-2.068 2.793-1.893Z" fill="#FFF" fill-rule="nonzero" /></symbol><symbol viewBox="0 0 16 16" id="icon-header-search">
187<path d="M1.8 1.8c-2.4 2.4-2.4 6.4 0 8.8 2.4 2.4 6.4 2.4 8.8 0 2.4-2.4 2.4-6.4 0-8.8-2.4-2.4-6.3-2.4-8.8 0zM9.5 3c1.8 1.8 1.8 4.7 0 6.5-1.8 1.8-4.7 1.8-6.5 0C1.2 7.7 1.2 4.8 3 3c1.8-1.7 4.6-1.8 6.4-.1l.1.1zm3.2 8.7c-.3-.2-.7-.2-1 .1-.3.3-.3.8 0 1.1l3 2.9.1.1c.3.2.7.2 1-.1.3-.3.3-.8 0-1.1l-3.1-3z" style="fill-rule:evenodd;clip-rule:evenodd" /></symbol><symbol viewBox="0 0 10 10" id="icon-remove-black"><path d="M1.8.3 5 3.5 8.2.3c.4-.4 1-.4 1.4-.1l.1.1c.4.4.4 1.1 0 1.5L6.5 5l3.2 3.2c.4.4.4 1 .1 1.4l-.1.1c-.4.4-1.1.4-1.5 0L5 6.5 1.8 9.7c-.4.4-1 .4-1.4.1l-.1-.1c-.4-.4-.4-1.1 0-1.5L3.5 5 .3 1.8C-.1 1.4-.1.8.2.4L.3.3c.4-.4 1.1-.4 1.5 0z" /></symbol><symbol viewBox="0 0 10 10" id="icon-remove-white"><path fill="#FFF" class="st0" d="M1.8.3 5 3.5 8.2.3c.4-.4 1-.4 1.4-.1l.1.1c.4.4.4 1.1 0 1.5L6.5 5l3.2 3.2c.4.4.4 1 .1 1.4l-.1.1c-.4.4-1.1.4-1.5 0L5 6.5 1.8 9.7c-.4.4-1 .4-1.4.1l-.1-.1c-.4-.4-.4-1.1 0-1.5L3.5 5 .3 1.8C-.1 1.4-.1.8.2.4L.3.3c.4-.4 1.1-.4 1.5 0z" /></symbol><symbol viewBox="0 0 28 28" id="icon-switch"><style>#icon-switch .st0{fill:#fff}</style><defs><path id="icon-switch_SVGID_1_" d="M21 5.1c1 0 1.9.8 1.9 1.8v14c0 1-.8 1.9-1.9 1.9H7c-1 0-1.8-.8-1.8-1.9V7C5.1 6 6 5.1 7 5.1h14zm0 1.7H7c-.1 0-.2.1-.2.2v14c0 .1.1.1.2.1h14c.1 0 .1-.1.1-.1V7c0-.1 0-.2-.1-.2z" /></defs><use xlink:href="#icon-switch_SVGID_1_" style="overflow:visible;fill:#fff" /><path class="st0" d="M8.3-5.1c.4 0 .7.1 1 .4l2 1.9c.3.3.3.8 0 1.2-.3.3-.9.3-1.2 0L9-2.6v5.8c0 .2-.1.4-.3.6-.1.1-.3.2-.5.2-.5 0-.9-.4-.9-.9v-5.7l-.7 1c-.3.3-.9.3-1.2 0-.3-.4-.3-.9 0-1.2l1.9-1.9c.2-.3.6-.4 1-.4z" transform="rotate(90 5.259 8.109)" /><path class="st0" d="M8.3 5.1c.4 0 .7.1 1 .4l2 1.9c.3.3.3.8 0 1.2-.3.3-.9.3-1.2 0L9 7.6v5.8c0 .2-.1.4-.3.6-.2.1-.4.2-.6.2-.5 0-.8-.4-.8-.8V7.7l-.7.9c-.3.3-.9.3-1.2 0-.3-.3-.3-.8 0-1.2l1.9-1.9c.2-.2.6-.4 1-.4z" transform="matrix(0 1 1 0 4.278 8.75)" /></symbol><clipPath id="icon-switch_SVGID_2_"><use xlink:href="#icon-switch_SVGID_1_" style="overflow:visible" /></clipPath><symbol fill="none" viewBox="0 0 21 18" id="icon-tick"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.797 1.208a1.544 1.544 0 0 1 2.229-.1c.593.56.676 1.48.223 2.14l-.125.16-12.72 14.338L.441 9.924a1.666 1.666 0 0 1 .095-2.3 1.542 1.542 0 0 1 2.086-.045l.143.142L7.4 12.927 17.797 1.209Z" fill="#000" /></symbol><symbol viewBox="0 0 75 20" id="loreal-paris-logo"><defs><path id="loreal-paris-logo_a" d="M0 0h75v20H0z" /></defs><g fill="none" fill-rule="evenodd"><path d="M9.784 11.481h-8.27V1.833H0v10.83h9.784v-1.182ZM8.122 5.664l2.038-3.831H8.52L7 5.663h1.122Zm10.124 6.569c-3.037 0-5.54-2.442-5.54-5.384 0-2.94 2.385-5.498 5.658-5.498a5.494 5.494 0 0 1 5.538 5.498c0 2.942-2.62 5.384-5.656 5.384ZM18.298 0c-4.39 0-7.381 3.096-7.381 6.845 0 3.947 3.305 6.731 7.381 6.731 4.076 0 7.38-2.744 7.38-6.73 0-3.75-3.03-6.846-7.38-6.846Zm15.957 6.84H29.2V3.115h5.23c1.204 0 1.882.563 2.126 1.276.16.49.057 1.134-.209 1.571-.437.725-1.267.878-2.093.878Zm1.296 1.296c2.479-.663 2.72-2.51 2.709-3.17-.149-1.934-1.45-3.133-3.793-3.133h-6.822v10.83h1.556V8.121h4.44l3.267 4.542h1.96s-2.35-3.057-3.317-4.527Zm19.663.369 2.593-5.175 2.626 5.175h-5.219Zm1.539-6.672-5.503 10.83h1.86l1.408-2.803h6.6l1.421 2.803h1.841l-5.508-10.83h-2.12ZM75 11.48h-8.27V1.833h-1.514v10.83H75v-1.182ZM48.635.084h-2.803l-1.31 1.472L48.634.084Zm-.15 7.612V6.498h-6.022V3.012h8.018v-1.18h-9.679v10.831h9.68v-1.182h-8.02V7.696h6.023ZM43.46 19.843h.776V16.75h-.776v3.092Zm-.005-3.55h.776v-.777h-.776v.777Zm5.932 1.243-1.667-.284c-.341-.06-.691-.18-.691-.548 0-.656.837-.759 1.333-.759.659 0 1.407.211 1.447.88h.74c-.032-.476-.236-1.38-2.276-1.38-1.415 0-2.01.662-2.01 1.337 0 .754.863.952 1.245 1.018l1.196.206c.959.168 1.244.313 1.244.765 0 .62-.96.729-1.53.729-.747 0-1.609-.23-1.609-1.013h-.74c0 .405.097.766.593 1.097.26.175.684.416 1.765.416 1 0 2.285-.283 2.285-1.308 0-.686-.57-1.023-1.325-1.156Zm-18.082.553 1.074-1.904h.019l.99 1.904h-2.083Zm.607-2.548-2.52 4.326h.933l.7-1.26h2.69l.662 1.26h.99l-2.428-4.326h-1.027Zm5.734 2h1.627c.734 0 1.232-.193 1.232-.777 0-.549-.523-.724-1.198-.724h-1.661v1.5Zm3.892 2.295h-.923l-1.235-1.756c-.015-.022-.045-.034-.076-.04h.
18704a.1.1 0 0 0-.04 0h-1.658v1.827h-.818V15.54h2.723c1.122 0 1.796.518 1.796 1.217 0 .498-.33 1.049-1.187 1.225l1.378 1.854ZM27.101 17.54h-1.627v-1.5h1.66c.675 0 1.198.174 1.198.723 0 .584-.498.777-1.231.777Zm.278-2h-2.724v4.326h.819v-1.826h1.905c1.316 0 1.796-.68 1.796-1.283 0-.7-.674-1.217-1.796-1.217Z" fill="#fff" mask="url(#loreal-paris-logo_b)" /></g></symbol><mask id="loreal-paris-logo_b" fill="#fff"><use xlink:href="#loreal-paris-logo_a" /></mask><symbol viewBox="0 0 23 23" id="media-pause-icon"><g transform="translate(1 1)" stroke="#FFF" fill="none" fill-rule="evenodd"><circle cx="10.374" cy="10.374" r="10.374" /><g stroke-linecap="round" stroke-width="1.5"><path d="M7.5 5v10M13.5 5v10" /></g></g></symbol><symbol viewBox="0 0 23 23" id="media-play-icon"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#FFF" cx="10.374" cy="10.374" r="10.374" /><path d="M7 5.859v8.3a.5.5 0 0 0 .739.44l7.47-4.061a.5.5 0 0 0 .008-.875l-7.47-4.24A.5.5 0 0 0 7 5.86Z" fill="#FFF" /></g></symbol><symbol fill="none" viewBox="0 0 22 20" id="my-account"><path clip-rule="evenodd" d="M6.482 5.731a4.236 4.236 0 0 1 4.23-4.231 4.237 4.237 0 0 1 4.234 4.231c0 1.285-.588 2.424-1.495 3.201a4.194 4.194 0 0 1-2.738 1.031A4.188 4.188 0 0 1 7.98 8.934c-.91-.776-1.498-1.917-1.498-3.203Zm8.689 3.596a5.702 5.702 0 0 0 1.275-3.596A5.738 5.738 0 0 0 10.713 0a5.738 5.738 0 0 0-5.731 5.731c0 1.362.479 2.614 1.276 3.599C2.303 10.574.2 13.716 0 18.719a.75.75 0 0 0 .718.78c.417.057.763-.305.78-.719.186-4.651 2.19-7.369 6.097-8.245a5.695 5.695 0 0 0 6.24-.003c3.913.874 5.92 3.594 6.107 8.248a.75.75 0 0 0 .748.72l.03-.001a.75.75 0 0 0 .72-.78c-.2-5.009-2.307-8.151-6.27-9.392Z" fill="currentColor" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 8 8" id="open-new-window"><g fill-rule="nonzero" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"><path d="M1 1.035V7h5.978M4.01 3.987l2.962-2.93M7 2.965V1H5" /></g></symbol><symbol viewBox="0 0 44 44" id="pause"><path d="M15.5 0c-1.103 0-2 .897-2 2v40c0 1.103.897 2 2 2s2-.897 2-2V2c0-1.103-.897-2-2-2zm13 0c-1.103 0-2 .897-2 2v40c0 1.103.897 2 2 2s2-.897 2-2V2c0-1.103-.897-2-2-2z" /></symbol><symbol viewBox="0 0 512 512" id="play"><path d="M133 440a35.37 35.37 0 0 1-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0 1 35.77.45l247.85 148.36a36 36 0 0 1 0 61l-247.89 148.4A35.5 35.5 0 0 1 133 440Z" /></symbol><symbol viewBox="0 0 24 26" id="play-white-border"><path d="M21.067 15.485 5.485 24.363A3 3 0 0 1 1 21.756V4a3 3 0 0 1 4.485-2.607l15.582 8.879a3 3 0 0 1 0 5.213Z" stroke="#fff" stroke-width="2" fill="none" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 27 27" id="plus"><g stroke-width="4" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M24.814 13.5H2.186M13.5 2.186v22.628" /></g></symbol><symbol viewBox="0 0 22 15" fill="none" id="schedule"><path d="M16.102 9.583v1.836c0 1.091-.735 1.984-1.633 1.984H2.633C1.735 13.403 1 12.51 1 11.42V3.48c0-1.092.735-1.985 1.633-1.985h11.836c.898 0 1.633.893 1.633 1.985v1.885L21 1v12.9l-4.898-4.317zM3.45 5.465h4.897" stroke="#fff" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 20 20" id="search"><g stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" fill="none" fill-rule="evenodd"><path d="M13.292 3.937a6.615 6.615 0 1 1-9.355 9.355 6.615 6.615 0 0 1 9.355-9.355ZM15.29 15.388l3.93 3.93" /></g></symbol><symbol viewBox="0 0 512 512" id="sound-available"><path d="M391 256c0-35.5-21.7-65.9-52.5-78.7l-16.4 39.4c15.4 6.4 26.2 21.6 26.2 39.4 0 17.7-10.8 32.9-26.2 39.4l16.4 39.4c30.8-13 52.5-43.4 52.5-78.9zM371.3 98.5l-16.4 39.4c46.3 19.3 78.8 64.9 78.8 118.1 0 53.3-32.5 98.8-78.8 118.1l16.4 39.4c61.7-25.7 105-86.5 105-157.5S433 124.2 371.3 98.5zM49.7 149.3v213.3H135L284.3 512V0L135 149.3H49.7z" /></symbol><symbol viewBox="0 0 36 36" id="sound-muted"><path class="clr-i-solid clr-i-solid-path-1" d="M24.87 6.69a12.42 12.42 0 0 1 3.88 19.61l1.42 1.42a14.43 14.43 0 0 0-4.43-22.84 1 1 0 0 0-.87 1.8Z" /><path class="clr-i-solid clr-i-solid-path-2" d="m27.3 27.67-3.84-3.84-.57-.57L4.63 5 3.21 6.41 8.8 12H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.83l9.51 8.3a1 1 0 0 0 1.66-.75V23.2l5.59 5.59c-.17.1-.34.2-.51.29a1 1 0 0 0 .9 1.79c.37-.19.72-.4 1.08-.62l2.14 2.14L30.61 31l-3.25-3.25Z" /><path class="clr-i-solid clr-i-solid-path-3" d="M22.69 12.62A6.27 6.27 0 0 1 25.8 18a6.17 6.17 0 0 1-1.42 3.92l1.42 1.42a8.16 8.16 0 0 0 2-5.34 8.28 8.28 0 0 0-4.1-7.11 1 1 0 1 0-1 1.73Z" /><path class="clr-i-solid clr-i-solid-path-4" d="M20 4.62a1 1 0 0 0-1.66-.75l-6.42 5.6L20 17.54Z" /><path fill="none" d="M0 0h36v36H0z" /></symbol><symbol viewBox="0 0 512 512" id="sound-not-available"><path d="M214.986 24.477 99.224 140.238H0v231.524h99.224l115.762 115.761h16.537V24.477zM512 191.685l-35.081-35.081-64.315 64.315-64.317-64.315-35.079 35.081L377.523 256l-64.315 64.315 35.079 35.081 64.317-64.315 64.315 64.315L512 320.315 447.683 256z" /></symbol><symbol viewBox="0 0 16 14" id="tick"><path d="M13.861.997a1.237 1.237 0 0 1 1.74-.076c.462.42.527 1.11.173 1.606l-.097.12L5.756 13.4.324 7.534a1.215 1.215 0 0 1 .074-1.726 1.238 1.238 0 0 1 1.628-.034l.111.107 3.614 3.904 8.11-8.788Z" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 13 18" id="trash-closed"><g fill-rule="nonzero" fill="none"><path d="m2.913 16-.818-9h8.81l-.818 9H2.913Z" stroke="#000" stroke-width="2" /><path d="M1 3h11a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1ZM6 0h1a1 1 0 0 1 1 1v1H5V1a1 1 0 0 1 1-1Z" fill="#000" /></g></symbol><symbol viewBox="0 0 14 20" id="trash-opened"><g fill-rule="nonzero" fill="none"><path d="m2.913 19-.818-9h8.81l-.818 9H2.913Z" stroke="#FFF" stroke-width="2" /><g fill="#FFF"><path d="m2.058 3.56 10.625 2.846a1 1 0 0 1 .707 1.225l-.259.966L.5
18774 5.232l.26-.965a1 1 0 0 1 1.224-.708ZM7.664 1.956l.966.259a1 1 0 0 1 .707 1.224l-.259.966-2.897-.776.258-.966a1 1 0 0 1 1.225-.707Z" /></g></g></symbol><symbol viewBox="0 0 40 40" id="water-footprint"><g fill="none" fill-rule="evenodd"><circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /><path d="M20.412 7.7a.542.542 0 0 0-.838 0c-1.78 2.346-8.434 11.516-8.434 15.836.025 4.958 3.982 8.964 8.854 8.964 4.872 0 8.83-4.006 8.854-8.964 0-4.32-6.653-13.49-8.435-15.836m2.32 21.622a.774.774 0 0 1-.337.051.89.89 0 0 1-.787-.462c-.153-.396.04-.834.45-1.025 3.319-1.231 3.036-4.924 2.98-4.976a.75.75 0 0 1 .371-.695.915.915 0 0 1 .847-.052c.272.123.45.369.47.645.224 1.641-.45 5.18-3.994 6.514" fill="#969696" fill-rule="nonzero" /></g></symbol><symbol viewBox="0 0 60 60" id="wow-badge-round"><path d="M60 30a3.93 3.93 0 0 0-.16-1.17 1.12 1.12 0 0 0-.05-.13 15.62 15.62 0 0 0-1.35-3c-.39-.72-.69-1.27-.91-1.75a14.67 14.67 0 0 1-.66-4.38c0-.85-.11-1.57-.19-2.19-.24-2.65-1-3.47-3.31-4.72a14.47 14.47 0 0 1-6-6c-1.47-2.8-2.31-3.21-6.84-3.51-3.6-.23-4.05-.35-6.81-1.82l-.14-.06A6.94 6.94 0 0 0 30 0a3.93 3.93 0 0 0-1.17.16h-.13a15.62 15.62 0 0 0-3 1.35c-.7.49-1.27.74-1.7.96a14.67 14.67 0 0 1-4.38.66c-.85.05-1.57.11-2.19.19-2.65.24-3.47.95-4.72 3.31a14.47 14.47 0 0 1-6 6C3.84 14.11 3.43 15 3.13 19.48c-.23 3.6-.35 4.05-1.82 6.81l-.06.14A6.94 6.94 0 0 0 0 30a3.93 3.93 0 0 0 .16 1.17 1.12 1.12 0 0 0 0 .13 15.62 15.62 0 0 0 1.35 3c.39.72.69 1.27.91 1.75a14.67 14.67 0 0 1 .66 4.38c.05.85.11 1.57.19 2.19.24 2.65.95 3.47 3.31 4.72a14.47 14.47 0 0 1 6 6c1.47 2.8 2.31 3.21 6.84 3.51 3.6.23 4.05.35 6.81 1.82l.14.06A6.94 6.94 0 0 0 30 60a3.93 3.93 0 0 0 1.17-.16l.13-.05a15.62 15.62 0 0 0 3-1.35c.72-.39 1.27-.69 1.75-.91a14.67 14.67 0 0 1 4.38-.66c.85 0 1.57-.11 2.19-.19 2.65-.24 3.47-1 4.72-3.31a14.47 14.47 0 0 1 6-6c2.8-1.47 3.21-2.31 3.51-6.84.23-3.6.35-4.05 1.82-6.81l.06-.14A6.94 6.94 0 0 0 60 30Z" fill="currentColor" /></symbol><symbol viewBox="0 0 42 34" id="wow-quotes"><path d="M13 3.3C.2 10.9-4.2 27.8 5.3 32.7c3.5 1.8 9 1.2 11.8-1.3 4.7-4.2 2.7-12.3-3.6-14.4-3.1-1-3.4-1.4-2.9-3.8 1-4 2.3-6.4 5.7-10C18 1.5 19.2 0 18.9 0 18.6 0 16 1.5 13 3.3zM34.5 5.1c-5 4.6-8.5 12.5-8.5 19 0 3.1.7 4.7 2.9 7 1.9 2.3 6.3 3.1 9.9.9 4.6-4.3 3.8-11.1-1.6-14.5-2.7-1.7-3.1-2.4-2.6-5 .3-1.7 1.7-4.9 3-7.3C39 2.9 39.8 1 39.5 1s-2.5 1.8-5 4.1z" fill="currentColor" /></symbol></defs></svg>
188</div>
189
190    <!-- /END Inline SVG -->
191
192    
192<script>
193        var html = document.querySelector('html')
194        html.classList.remove('no-js')
195        if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
196            html.classList.remove('no-touch')
197            html.classList.add('has-touch')
198        }
199    </script>
199
200
201
202    
203    <div id="main-container">
204        
205<a href="#main" class="goToContent" aria-hidden="false">Go to content!</a>
206
207<header class="oap-header oap-header--container oap-header--signed-elements " role="banner">
208    <div class="oap-header__main">
209        <div class="oap-header__wrapper" v-megamenu:barscroll  v-navigation-height>
210
211                <cookie-banner :edit-mode='false'
212                   :show-learn-more='true'
213                   :show-close='false'
214                   button-text="OK"
215                   learn-more-url="/terms-of-use"
216                   learn-more-button-text="Learn More"
217                   cookieCloseLabel="Close the cookie banner">
218        <template #text>
219            <div>
220                <p><span>Используя данный сайт, Вы даете свое согласие на использование нами Cookies с целью сбора статистики посещаемости сайта и предоставления рекламы с учетом Ваших интересов.</span></p>
221            </div>
222        </template>
223    </cookie-banner>
224
225
226
227<div class="oap-header__utilities">
228
229        <div class="oap-header__logo-wrapper">
230        <header-logo logo="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/loreal-paris-black-logo.svg" class=""
231                     alt="Loreal Paris"
232                     mex-logo="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/loreal-paris-black-logo.svg"
233                     mex-logo-alt="Loreal Paris"
234                     colorsonic-logo="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/loreal-paris-black-logo.svg"
235                     colorsonic-logo-alt="Loreal Paris"
236                     h1-home-page-title="Loreal Paris homepage"
237                     bmag-logo=""
238                     bmag-logo-alt="">
239        </header-logo>
240    </div>
241
242
243    <div class="oap-header__beauty-genius-header-icon">
244        
245    </div>
246
247    
248
249    
250
251    
252
253        <div class="oap-search"
254         role="search"
255         v-search:limit="3" aria-labelledby="oap-search">
256        <input class="oap-search__checkbox" aria-labelledby="oap-search-input"
257               type="checkbox"
258               tabindex="-1">
259        <button aria-expanded="false" class="oap-search__label -open">
260            <span class="is-sr-only">Search this site</span>
261            <svg aria-hidden="true" class="icon">
262                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-header-search"></use>
263            </svg>
264        </button>
265        <form class="oap-search__form" action="/search-page"
266              method="get" role="search" novalidate aria-labelledby="oap-search-form">
267            <label for="search-field"
268                   class="is-sr-only">
269                Search: Enter 3 characters minimum
270            </label>
271            <input id="search-field"
272                   class="oap-search__form-item oap-search__input"
273                   aria-label="Search: Enter 3 characters minimum"
274                   type="text"
275                   id="oap-search-input"
276                   required
277                   autocomplete="off"
278                   aria-owns="oap-search-suggestions-list__list"
279                   aria-expanded="false"
280                   pattern=".{3,}"
281                   name="q"
282                   placeholder="Найти на странице">
283
284            <button class="oap-search__form-item oap-search__button"
285                    type="submit"
286                    data-tag-wrapper
287                    data-tag-ecommerce="undefined"
288                    data-tag-category="internal search"
289                    data-tag-action="display"
290                    data-tag-label="Найти"
291                    v-tag:useractionevent.dom
292                    title="Найти">
293                <span class="is-sr-only">Search this site</span>
294                <svg aria-hidden="true" class="icon">
295                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use>
296                </svg>
297            </button>
298
299            <button class="oap-search__form-item oap-search__label -close">
300                <span class="is-sr-only">Clear search</span>
301                <svg aria-hidden="true" class="icon">
302                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use>
303                </svg>
304            </button>
305        </form>
306        <div class="oap-click-overlay"></div>
307    </div>
308
309<script>
310    document.addEventListener('DOMContentLoaded', () => {
311        const searchFieldEl = document.getElementById("search-field");
312
313        if (!searchFieldEl) return; 
314        const regexp =  /^[\p{L}\u0900-\u097F\s]+$/u;
315
316        searchFieldEl.addEventListener("paste", (e) => {
317            const value = e.target.value;
318            const clipboardData = e.clipboardData || window.clipboardData;
319            const clipboardVal = clipboardData.getData("text/plain");
320            
321            const isValid = regexp.test(clipboardVal);
322            if (!isValid)  e.preventDefault();
323        });
324
325        searchFieldEl.addEventListener("keydown", (e) => {
326            const key = e.key;
327
328            const isValid = regexp.test(key);
329            if (!isValid)  e.preventDefault();
330        })
331    });
332</script>
332
333
334
335    <nav role="navigation" aria-label="Main menu" class="navigation">
336    <overlay></overlay>
337    <button class="navigation__burger" aria-expanded="false" v-megamenu:burger aria-label="Open navigation menu">
338        <span class="navigation__burger--open">
339            <span class="is-sr-only"></span>
340            <svg aria-hidden="true" class="icon">
341                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-burger-black"></use>
342            </svg>
343        </span>
344        <span class="navigation__burger--close">
345            <span class="is-sr-only"></span>
346            <svg aria-hidden="true" class="icon">
347                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-burger-close-black"></use>
348            </svg>
349        </span>
350    </button>
351    
352
353<ul class="navigationList" >
354    <li>
355        
356
357    </li>
358            <li data-tag-wrapper class="navigationList__item" >
359                <a href="/makiyazh"
360                   aria-expanded="false"
361                   class="navigationList__trigger"
362                   role="button"
363                   v-megamenu:togglepanel="{index:0}"
364                   data-tag-wrapper
365                   data-tag-category="main menu navigation"
366                   data-tag-event-name="menu_click"
367                   data-tag-click-area="header"
368                   data-tag-breadcrumb="макияж::Советы &amp; тенденции::макияж"
369                   data-tag-action="select::header"
370                   data-tag-label="макияж::Советы &amp; тенденции::макияж "
371                   v-tag:useractionevent.dom>
372                    МАКИЯЖ
373                    <span class="navigationList__arrow"></span>
374                </a>
375                <div class="navigation__panelWrapper" v-megamenu:panel="{index:0}">
376                    <div class="navigation__animationWrapper">
377                        <div class="navigation__backWrapper">
378                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:0}" >
379                                <span class="navigationList__arrow"></span>
380                                МАКИЯЖ
381                            </button>
382                        </div>
383
384
385
386                            <div class="navigation__panelContentWrapper -noSwitcher ">
387                        
388
389                            <!-- #region Products Left section -->
390
391
392    <div class="navigation__productListWrapper ">
393        <div class="navigation__productListWrapper--row">
394                    <collapsable tagname="section" identifier="unique-id-9fe828ea-84bf-4a8b-bcf1-fdcad3c6e044" current-index="current-index-9fe828ea-84bf-4a8b-bcf1-fdcad3c6e044" :force-mobile=false>
395                        <template #indicator>
396                            <span class="collapsable__indicator"></span>
397                        </template>
398                        <template #title>
399                                <span class="collapsable__title" id="unique-id-9fe828ea-84bf-4a8b-bcf1-fdcad3c6e044">Лицо</span>
400                        </template>
401                        <template #content>
402                            <ul class="collapsable__content">
403                                    <li data-tag-wrapper>
404                                        <a href="/makiyazh-litsa/prajmer" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::праймер для лица" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::праймер для лица" data-tag-click-area="header" v-tag:useractionevent.dom="" >Праймер для лица</a>
405                                    </li>
406                                    <li data-tag-wrapper>
407                                        <a href="/makiyazh-litsa/tonalnyj-krem" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::тональный крем" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::тональный крем" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тональный крем</a>
408                                    </li>
409                                    <li data-tag-wrapper>
410                                        
411                                    </li>
412                                    <li data-tag-wrapper>
413                                        <a href="/makiyazh-litsa/face-powder" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::пудра" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::пудра" data-tag-click-area="header" v-tag:useractionevent.dom="" >Пудра</a>
414                                    </li>
415                                    <li data-tag-wrapper>
416                                        
417                                    </li>
418                                    <li data-tag-wrapper>
419                                        <a href="/makiyazh-litsa/konsiler" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::консилер" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::консилер" data-tag-click-area="header" v-tag:useractionevent.dom="" >Консилер</a>
420                                    </li>
421                                    <li data-tag-wrapper>
422                                        <a href="/makiyazh-litsa/highlighter" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::хайлайтер" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::хайлайтер" data-tag-click-area="header" v-tag:useractionevent.dom="" >Хайлайтер</a>
423                                    </li>
424                                    <li data-tag-wrapper>
425                                        <a href="/makiyazh-litsa/blush" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::лицо::румяна" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::лицо::румяна" data-tag-click-area="header" v-tag:useractionevent.dom="" >Румяна</a>
426                                    </li>
427                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
428                                        <a href="/makiyazh" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
429                                    </li>
430                            </ul>
431                        </template>
432                    </collapsable>
433                    <collapsable tagname="section" identifier="unique-id-a04dbad6-e14a-4e13-946e-335ab117263b" current-index="current-index-a04dbad6-e14a-4e13-946e-335ab117263b" :force-mobile=false>
434                        <template #indicator>
435                            <span class="collapsable__indicator"></span>
436                        </template>
437                        <template #title>
438                                <span class="collapsable__title" id="unique-id-a04dbad6-e14a-4e13-946e-335ab117263b">Губы</span>
439                        </template>
440                        <template #content>
441                            <ul class="collapsable__content">
442                                    <li data-tag-wrapper>
443                                        <a href="/guby/gubnaya-pomada" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::губы::классическая помада" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::губы::классическая помада" data-tag-click-area="header" v-tag:useractionevent.dom="" >Классическая помада</a>
444                                    </li>
445                                    <li data-tag-wrapper>
446                                        <a href="/guby/balzam-dlya-gub" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::губы::бальзам для губ" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::губы::бальзам для губ" data-tag-click-area="header" v-tag:useractionevent.dom="" >Бальзам для губ</a>
447                                    </li>
448                                    <li data-tag-wrapper>
449                                        <a href="/guby/verhnee-pokrytie-dlya-gub" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::губы::блеск" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::губы::блеск" data-tag-click-area="header" v-tag:useractionevent.dom="" >Блеск</a>
450                                    </li>
451                                    <li data-tag-wrapper>
452                                        <a href="/guby/zhidkaya-pomada" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::губы::жидкая помада" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::губы::жидкая помада" data-tag-click-area="header" v-tag:useractionevent.dom="" >Жидкая помада</a>
453                                    </li>
454                                    <li data-tag-wrapper>
455                                        <a href="/guby/lip-liner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::губы::карандаш" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::губы::карандаш" data-tag-click-area="header" v-tag:useractionevent.dom="" >Карандаш</a>
456                                    </li>
457                                                            </ul>
458                        </template>
459                    </collapsable>
460                    <collapsable tagname="section" identifier="unique-id-dd0d36e4-8dc8-42f3-aed2-4ed4225e7ba1" current-index="current-index-dd0d36e4-8dc8-42f3-aed2-4ed4225e7ba1" :force-mobile=false>
461                        <template #indicator>
462                            <span class="collapsable__indicator"></span>
463                        </template>
464                        <template #title>
465                                <span class="collapsable__title" id="unique-id-dd0d36e4-8dc8-42f3-aed2-4ed4225e7ba1">Глаза</span>
466                        </template>
467                        <template #content>
468                            <ul class="collapsable__content">
469                                    <li data-tag-wrapper>
470                                        
471                                    </li>
472                                    <li data-tag-wrapper>
473                                        <a href="/makiyazh-glaz/mascara" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::глаза::тушь" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::глаза::тушь" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тушь</a>
474                                    </li>
475                                    <li data-tag-wrapper>
476                                        <a href="/makiyazh-glaz/lajnery-i-karandashi-dlya-glaz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::глаза::лайнеры и карандаши для глаз" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::глаза::лайнеры и карандаши для глаз" data-tag-click-area="header" v-tag:useractionevent.dom="" >Лайнеры и карандаши для глаз</a>
477                                    </li>
478                                    <li data-tag-wrapper>
479                                        <a href="/makiyazh-glaz/eyebrow-mascara" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="макияж::продукты::глаза::средства для бровей" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::глаза::средства для бровей" data-tag-click-area="header" v-tag:useractionevent.dom="" >Средства для бровей</a>
480                                    </li>
481                                                            </ul>
482                        </template>
483                    </collapsable>
484        </div>
485
486<div class="navigation__productListWrapper--row">
487    <div class="linkToService">
488        <a aria-label="Примерьте макияж онлайн перед покупкой (new window)"
489           
490           data-tag-wrapper
491           data-tag-category="main menu navigation"
492           data-tag-event-name="menu_click"
493           data-tag-click-area="header"
494           data-tag-breadcrumb="Примерьте"
495           data-tag-action="select::header"
496           data-tag-label="Примерьте"
497           v-tag:useractionevent.dom
498           href="/make-up-virtual-try-on">
499            <strong>Примерьте</strong>
500            <span>макияж онлайн перед покупкой</span>
501        </a>
502    </div>
503</div>
504
505    </div>
506                            <!-- #endregion -->
507                            <!-- #region Products Right section -->
508
509    <div class="navigation__needsListWrapper">
510        
511                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-03303a18-1995-4273-94b9-781162a159b3">
512                        <p id="main-menu-how-can-we-help-section-03303a18-1995-4273-94b9-781162a159b3">Помощь и советы</p>
513                        <ul data-tag-wrapper class="navigation__additionalListContent">
514                                <li>
515                                    <a href="https://promo.loreal-paris.ru/foundation/" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::помощь и советы::тест для подбора тонального крема" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::помощь и советы::тест для подбора тонального крема" data-tag-click-area="header" rel="noopener noreferrer" v-tag:useractionevent.dom="" >Тест для подбора тонального крема</a>
516                                </li>
517                        </ul>
518                    </section>
519                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-f255a956-f5b5-4c86-a7c1-2adbfa5c7280">
520                        <p id="main-menu-our-makeup-brands-section-f255a956-f5b5-4c86-a7c1-2adbfa5c7280">Коллекция</p>
521                        <ul data-tag-wrapper class="navigation__additionalListContent">
522                                <li>
523                                    <a href="https://www.loreal-paris.ru/makiyazh-litsa/accord-parfait" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::accord parfait" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::accord parfait" data-tag-click-area="header" v-tag:useractionevent.dom="" >Accord Parfait</a>
524                                </li>
525                                <li>
526                                    
527                                </li>
528                                <li>
529                                    <a href="/makiyazh-glaz/brow-artist" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::brow artist" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::brow artist" data-tag-click-area="header" v-tag:useractionevent.dom="" >Brow Artist</a>
530                                </li>
531                                <li>
532                                    <a href="/guby/color-riche" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::color riche" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::color riche" data-tag-click-area="header" v-tag:useractionevent.dom="" >Color Riche</a>
533                                </li>
534                                <li>
535                                    
536                                </li>
537                                <li>
538                                    <a href="/makiyazh-litsa/infaillible" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::infaillible" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::infaillible" data-tag-click-area="header" v-tag:useractionevent.dom="" >Infaillible</a>
539                                </li>
540                                <li>
541                                    <a href="https://www.loreal-paris.ru/makiyazh-glaz/false-lash" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::false lash" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::false lash" data-tag-click-area="header" v-tag:useractionevent.dom="" >False Lash</a>
542                                </li>
543                                <li>
544                                    
545                                </li>
546                                <li>
547                                    <a href="https://www.loreal-paris.ru/makiyazh-litsa/lumi-glotion" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::lumi " data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::lumi " data-tag-click-area="header" v-tag:useractionevent.dom="" >Lumi </a>
548                                </li>
549                                <li>
550                                    <a href="/makiyazh-glaz/paradise-extatic" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::paradise" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::paradise" data-tag-click-area="header" v-tag:useractionevent.dom="" >Paradise</a>
551                                </li>
552                                <li>
553                                    
554                                </li>
555                                <li>
556                                    
557                                </li>
558                                <li>
559                                    <a href="/makiyazh-glaz/super-liner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::super liner" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::super liner" data-tag-click-area="header" v-tag:useractionevent.dom="" >Super Liner</a>
560                                </li>
561                                <li>
562                                    <a href="/makiyazh-glaz/telescopic" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::telescopic" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::telescopic" data-tag-click-area="header" v-tag:useractionevent.dom="" >Telescopic</a>
563                                </li>
564                                <li>
565                                    
566                                </li>
567                                <li>
568                                    <a href="/makiyazh-glaz/volume-million-las
568hes" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::volume million lashes" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::volume million lashes" data-tag-click-area="header" v-tag:useractionevent.dom="" >Volume Million Lashes</a>
569                                </li>
570                                <li>
571                                    <a href="/makiyazh-glaz/volumissime" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="макияж::продукты::коллекция::volumissime" data-tag-category="main menu navigation" data-tag-breadcrumb="макияж::продукты::коллекция::volumissime" data-tag-click-area="header" v-tag:useractionevent.dom="" >Volumissime</a>
572                                </li>
573                        </ul>
574                    </section>
575    </div>
576
577                            <!-- #endregion -->
578                                                                            </div>
579                    </div>
580                </div>
581        </li>
582        <li data-tag-wrapper class="navigationList__item" >
583                <a href="/uhod-za-kozhej"
584                   aria-expanded="false"
585                   class="navigationList__trigger"
586                   role="button"
587                   v-megamenu:togglepanel="{index:1}"
588                   data-tag-wrapper
589                   data-tag-category="main menu navigation"
590                   data-tag-event-name="menu_click"
591                   data-tag-click-area="header"
592                   data-tag-breadcrumb="уход за кожей::Советы &amp; тенденции::"
593                   data-tag-action="select::header"
594                   data-tag-label="уход за кожей::Советы &amp; тенденции:: "
595                   v-tag:useractionevent.dom>
596                    УХОД ЗА КОЖЕЙ
597                    <span class="navigationList__arrow"></span>
598                </a>
599                <div class="navigation__panelWrapper" v-megamenu:panel="{index:1}">
600                    <div class="navigation__animationWrapper">
601                        <div class="navigation__backWrapper">
602                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:1}" >
603                                <span class="navigationList__arrow"></span>
604                                УХОД ЗА КОЖЕЙ
605                            </button>
606                        </div>
607
608
609
610                            <div class="navigation__panelContentWrapper -noSwitcher ">
611                        
612
613                            <!-- #region Products Left section -->
614
615
616    <div class="navigation__productListWrapper -fourColumns">
617        <div class="navigation__productListWrapper--row">
618                    <collapsable tagname="section" identifier="unique-id-feac2005-2cba-41ab-948b-521872d4c835" current-index="current-index-feac2005-2cba-41ab-948b-521872d4c835" :force-mobile=false>
619                        <template #indicator>
620                            <span class="collapsable__indicator"></span>
621                        </template>
622                        <template #title>
623                                <span class="collapsable__title" id="unique-id-feac2005-2cba-41ab-948b-521872d4c835">Уход</span>
624                        </template>
625                        <template #content>
626                            <ul class="collapsable__content">
627                                    <li data-tag-wrapper>
628                                        <a href="/uhod-za-kozhej-litsa/tonik-dlya-litsa" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::тоник" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::тоник" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тоник</a>
629                                    </li>
630                                    <li data-tag-wrapper>
631                                        
632                                    </li>
633                                    <li data-tag-wrapper>
634                                        <a href="/uhod-za-kozhej-litsa/ochischayuschij-gel" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::очищающий гель" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::очищающий гель" data-tag-click-area="header" v-tag:useractionevent.dom="" >Очищающий гель</a>
635                                    </li>
636                                    <li data-tag-wrapper>
637                                        <a href="/uhod-za-kozhej-litsa/face-creams" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::крем для лица" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::крем для лица" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем для лица</a>
638                                    </li>
639                                    <li data-tag-wrapper>
640                                        <a href="/uhod-za-kozhej-litsa/daily-cream" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::дневной крем" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::дневной крем" data-tag-click-area="header" v-tag:useractionevent.dom="" >Дневной крем</a>
641                                    </li>
642                                    <li data-tag-wrapper>
643                                        <a href="/uhod-za-kozhej-litsa/tkanevye-maski" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::тканевые маски для лица" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::тканевые маски для лица" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тканевые маски для лица</a>
644                                    </li>
645                                    <li data-tag-wrapper>
646                                        <a href="/uhod-za-kozhej-litsa/maska" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::маска" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::маска" data-tag-click-area="header" v-tag:useractionevent.dom="" >Маска</a>
647                                    </li>
648                                    <li data-tag-wrapper>
649                                        <a href="/uhod-za-kozhej-litsa/akva-fluid-dlya-litsa" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::флюид" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::флюид" data-tag-click-area="header" v-tag:useractionevent.dom="" >Флюид</a>
650                                    </li>
651                                    <li data-tag-wrapper>
652                                        <a href="/uhod-za-kozhej-litsa/syvorotka-dlya-litsa" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::сыворотка" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::сыворотка" data-tag-click-area="header" v-tag:useractionevent.dom="" >Сыворотка</a>
653                                    </li>
654                                    <li data-tag-wrapper>
655                                        <a href="/uhod-za-kozhej-litsa/uhod-dlya-kozhi-vokrug-glaz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::уход за кожей вокруг глаз" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::уход за кожей вокруг глаз" data-tag-click-area="header" v-tag:useractionevent.dom="" >Уход за кожей вокруг глаз</a>
656                                    </li>
657                                    <li data-tag-wrapper>
658                                        <a href="/uhod-za-kozhej-litsa/nochnoj-krem" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::ночной крем" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::ночной крем" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ночной крем</a>
659                                    </li>
660                                    <li data-tag-wrapper>
661                                        <a href="/uhod-za-kozhej-litsa/micellar-water" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::мицеллярная вода" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::мицеллярная вода" data-tag-click-area="header" v-tag:useractionevent.dom="" >Мицеллярная вода</a>
662                                    </li>
663                                    <li data-tag-wrapper>
664                                        <a href="/uhod-za-kozhej-litsa/sredstva-dlya-snyatiya-makiyazha" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::уход::средство для снятия макияжа" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::уход::средство для снятия макияжа" data-tag-click-area="header" v-tag:useractionevent.dom="" >Средство для снятия макияжа</a>
665                                    </li>
666                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
667                                        <a href="/uhod-za-kozhej" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
668                                    </li>
669                            </ul>
670                        </template>
671                    </collapsable>
672                    <collapsable tagname="section" identifier="unique-id-dde46de5-a105-4ec3-b9cf-8491fd640b7d" current-index="current-index-dde46de5-a105-4ec3-b9cf-8491fd640b7d" :force-mobile=false>
673                        <template #indicator>
674                            <span class="collapsable__indicator"></span>
675                        </template>
676                        <template #title>
677                                <span class="collapsable__title" id="unique-id-dde46de5-a105-4ec3-b9cf-8491fd640b7d">Потребность</span>
678                        </template>
679                        <template #content>
680                            <ul class="collapsable__content">
681                                    <li data-tag-wrapper>
682                                        <a href="/uhod-za-kozhej-litsa/antivozrastnoj-uhod" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::антивозрастной уход" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::антивозрастной уход" data-tag-click-area="header" v-tag:useractionevent.dom="" >Антивозрастной уход</a>
683                                    </li>
684                                    <li data-tag-wrapper>
685                                        <a href="/uhod-za-kozhej-litsa/ochishchenie" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::очищение" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::очищение" data-tag-click-area="header" v-tag:useractionevent.dom="" >Очищение</a>
686                                    </li>
687                                    <li data-tag-wrapper>
688                                        <a href="/uhod-za-kozhej-litsa/uhod-za-chuvstvitel-noj-kozhej" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::уход за чувствительной кожей" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::уход за чувствительной кожей" data-tag-click-area="header" v-tag:useractionevent.dom="" >Уход за чувствительной кожей</a>
689                                    </li>
690                                    <li data-tag-wrapper>
691                                        <a href="/uhod-za-kozhej-litsa/uvlazhenie-i-pitanie" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::увлажнение и питание" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::увлажнение и питание" data-tag-click-area="header" v-tag:useractionevent.dom="" >Увлажнение и питание</a>
692                                    </li>
693                                    <li data-tag-wrapper>
694                                        <a href="/uhod-za-kozhej-litsa/sun-protection" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::солнцезащитные средства" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::солнцезащитные средства" data-tag-click-area="header" v-tag:useractionevent.dom="" >Солнцезащитные средства</a>
695                                    </li>
696                                    <li data-tag-wrapper>
697                                        <a href="/uhod-za-kozhej-litsa/moisturizing-cream" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::увлажняющий крем" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::увлажняющий крем" data-tag-click-area="header" v-tag:useractionevent.dom="" >Увлажняющий крем</a>
698                                    </li>
699                                    <li data-tag-wrapper>
700                                        <a href="/uhod-za-kozhej-litsa/anti-age-cream" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::крем против морщин" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::крем против морщин" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем против морщин</a>
701                                    </li>
702                                    <li data-tag-wrapper>
703                                        <a href="/uhod-za-kozhej-litsa/anti-age-mask" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::маска против морщин" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::маска против морщин" data-tag-click-area="header" v-tag:useractionevent.dom="" >Маска против морщин</a>
704                                    </li>
705                                    <li data-tag-wrapper>
706                                        <a href="/uhod-za-kozhej-litsa/cream-for-oily-skin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::крем для жирной кожи" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::крем для жирной кожи" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем для жирной кожи</a>
707                                    </li>
708                                    <li data-tag-wrapper>
709                                        <a href="/uhod-za-kozhej-litsa/skin-glow" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::сияние кожи" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::сияние кожи" data-tag-click-area="header" v-tag:useractionevent.dom="" >
709Сияние кожи</a>
710                                    </li>
711                                    <li data-tag-wrapper>
712                                        <a href="/uhod-za-kozhej-litsa/base" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::потребность::база под макияж" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::потребность::база под макияж" data-tag-click-area="header" v-tag:useractionevent.dom="" >База под макияж</a>
713                                    </li>
714                                                            </ul>
715                        </template>
716                    </collapsable>
717                    <collapsable tagname="section" identifier="unique-id-2661bea7-1c89-47cc-a8f8-37f7add64497" current-index="current-index-2661bea7-1c89-47cc-a8f8-37f7add64497" :force-mobile=false>
718                        <template #indicator>
719                            <span class="collapsable__indicator"></span>
720                        </template>
721                        <template #title>
722                                <span class="collapsable__title" id="unique-id-2661bea7-1c89-47cc-a8f8-37f7add64497">Состояние кожи</span>
723                        </template>
724                        <template #content>
725                            <ul class="collapsable__content">
726                                    <li data-tag-wrapper>
727                                        <a href="/uhod-za-kozhej-litsa/pigmentnye-pyatna" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::состояние кожи::пигментные пятна" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::состояние кожи::пигментные пятна" data-tag-click-area="header" v-tag:useractionevent.dom="" >Пигментные пятна</a>
728                                    </li>
729                                    <li data-tag-wrapper>
730                                        <a href="/uhod-za-kozhej-litsa/glubokie-morschiny" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::состояние кожи::морщины" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::состояние кожи::морщины" data-tag-click-area="header" v-tag:useractionevent.dom="" >Морщины</a>
731                                    </li>
732                                    <li data-tag-wrapper>
733                                        <a href="/uhod-za-kozhej-litsa/pores" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::состояние кожи::забитые поры" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::состояние кожи::забитые поры" data-tag-click-area="header" v-tag:useractionevent.dom="" >Забитые поры</a>
734                                    </li>
735                                    <li data-tag-wrapper>
736                                        <a href="/uhod-za-kozhej-litsa/pyatna-ot-postakne" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::состояние кожи::пятна постакне" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::состояние кожи::пятна постакне" data-tag-click-area="header" v-tag:useractionevent.dom="" >Пятна постакне</a>
737                                    </li>
738                                                            </ul>
739                        </template>
740                    </collapsable>
741                    <collapsable tagname="section" identifier="unique-id-c45c159e-e642-4e0c-bc59-a914bbff8acc" current-index="current-index-c45c159e-e642-4e0c-bc59-a914bbff8acc" :force-mobile=false>
742                        <template #indicator>
743                            <span class="collapsable__indicator"></span>
744                        </template>
745                        <template #title>
746                                <span class="collapsable__title" id="unique-id-c45c159e-e642-4e0c-bc59-a914bbff8acc">Ингредиенты</span>
747                        </template>
748                        <template #content>
749                            <ul class="collapsable__content">
750                                    <li data-tag-wrapper>
751                                        <a href="/uhod-za-kozhej-litsa/niacinamide" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::ниацинамид" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::ниацинамид" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ниацинамид</a>
752                                    </li>
753                                    <li data-tag-wrapper>
754                                        <a href="/uhod-za-kozhej/uhod-za-kozhej-litsa?key-ingredient=vitamin-c" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::витамин с" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::витамин с" data-tag-click-area="header" v-tag:useractionevent.dom="" >Витамин С</a>
755                                    </li>
756                                    <li data-tag-wrapper>
757                                        <a href="/uhod-za-kozhej-litsa/krem-s-retinolom" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::ретинол" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::ретинол" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ретинол</a>
758                                    </li>
759                                    <li data-tag-wrapper>
760                                        <a href="/uhod-za-kozhej-litsa/gialuronovaya-kislota" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::гиалуроновая кислота" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::гиалуроновая кислота" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гиалуроновая кислота</a>
761                                    </li>
762                                    <li data-tag-wrapper>
763                                        <a href="/uhod-za-kozhej-litsa/aloe" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::алоэ" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::алоэ" data-tag-click-area="header" v-tag:useractionevent.dom="" >Алоэ</a>
764                                    </li>
765                                    <li data-tag-wrapper>
766                                        <a href="/uhod-za-kozhej-litsa/peptidy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::пептиды" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::пептиды" data-tag-click-area="header" v-tag:useractionevent.dom="" >Пептиды</a>
767                                    </li>
768                                    <li data-tag-wrapper>
769                                        <a href="/uhod-za-kozhej-litsa/kollagen-dlya-kozhi" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::коллаген для кожи" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::коллаген для кожи" data-tag-click-area="header" v-tag:useractionevent.dom="" >Коллаген для кожи</a>
770                                    </li>
771                                    <li data-tag-wrapper>
772                                        <a href="/uhod-za-kozhej-litsa/gialuronovaya-syvorotka" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::гиалуроновая сыворотка" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::гиалуроновая сыворотка" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гиалуроновая сыворотка</a>
773                                    </li>
774                                    <li data-tag-wrapper>
775                                        <a href="/uhod-za-kozhej-litsa/syvorotka-s-retinolom" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за кожей::продукты::ингредиенты::сыворотка с ретинолом" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::ингредиенты::сыворотка с ретинолом" data-tag-click-area="header" v-tag:useractionevent.dom="" >Сыворотка с ретинолом</a>
776                                    </li>
777                                                            </ul>
778                        </template>
779                    </collapsable>
780        </div>
781
782<div class="navigation__productListWrapper--row">
783    <div class="linkToService">
784        <a aria-label="Skin Genius  пройдите виртуальную диагностику кожи онлайн (ne
784w window)"
785           
786           data-tag-wrapper
787           data-tag-category="main menu navigation"
788           data-tag-event-name="menu_click"
789           data-tag-click-area="header"
790           data-tag-breadcrumb="Skin Genius "
791           data-tag-action="select::header"
792           data-tag-label="Skin Genius "
793           v-tag:useractionevent.dom
794           href="https://www.loreal-paris.ru/revitalift-laser-x3/antivozrastnaya-syvorotka/?dsf-app=true">
795                <img
796                    class="lazyload"
797                    alt="Virtual Try On Makeup Black Icon"
798                    src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
799                    data-src="/-/media/project/loreal/brand-sites/oap/emea/ru/services/virtual-beauty-tools/skin-genius/logo-skin-genius-tiny-5000x5000.png"/>
800            <strong>Skin Genius </strong>
801            <span>пройдите виртуальную диагностику кожи онлайн</span>
802        </a>
803    </div>
804</div>
805
806    </div>
807                            <!-- #endregion -->
808                            <!-- #region Products Right section -->
809
810    <div class="navigation__needsListWrapper">
811        
812                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-8c509958-ea42-4ee7-b51e-9716aa283564">
813                        <p id="main-menu-how-can-we-help-section-8c509958-ea42-4ee7-b51e-9716aa283564">Помощь и советы</p>
814                        <ul data-tag-wrapper class="navigation__additionalListContent">
815                                <li>
816                                    <a href="/skin-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::помощь и советы::об уходе за кожей" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::помощь и советы::об уходе за кожей" data-tag-click-area="header" v-tag:useractionevent.dom="" >Об уходе за кожей</a>
817                                </li>
818                        </ul>
819                    </section>
820                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-ab78a387-cdb8-4573-be54-386d17f5348c">
821                        <p id="main-menu-our-makeup-brands-section-ab78a387-cdb8-4573-be54-386d17f5348c">Коллекция</p>
822                        <ul data-tag-wrapper class="navigation__additionalListContent">
823                                <li>
824                                    <a href="/uhod-za-kozhej-litsa/age-perfect" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::age perfect" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::age perfect" data-tag-click-area="header" v-tag:useractionevent.dom="" >Age Perfect</a>
825                                </li>
826                                <li>
827                                    <a href="/uhod-za-kozhej-litsa/bright-reveal" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::bright reveal" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::bright reveal" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bright Reveal</a>
828                                </li>
829                                <li>
830                                    <a href="/uhod-za-kozhej-litsa/revitalift-filler-glass-skin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::revitalift filler glass skin" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::revitalift filler glass skin" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift Filler Glass Skin</a>
831                                </li>
832                                <li>
833                                    <a href="/uhod-za-kozhej-litsa/revitalift-vitamin-c" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::revitalift витамин с" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::revitalift витамин с" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift Витамин С</a>
834                                </li>
835                                <li>
836                                    <a href="/uhod-za-kozhej-litsa/revitalift-filler" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::revitalift филлер" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::revitalift филлер" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift Филлер</a>
837                                </li>
838                                <li>
839                                    <a href="/uhod-za-kozhej-litsa/revitalift-laser-x3" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::revitalift лазер" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::revitalift лазер" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift Лазер</a>
840                                </li>
841                                <li>
842                                    <a href="/uhod-za-kozhej-litsa/revitalift" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::revitalift" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::revitalift" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift</a>
843                                </li>
844                                <li>
845                                    <a href="/uhod-za-kozhej-litsa/absolyutnaya-nezhnost" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::абсолютная нежность" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::абсолютная нежность" data-tag-click-area="header" v-tag:useractionevent.dom="" >Абсолютная Нежность</a>
846                                </li>
847                                <li>
848                                    
849                                </li>
850                                <li>
851                                    <a href="/uhod-za-kozhej-litsa/besconechnaya-svezhest" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::бесконечная свежесть" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::бесконечная свежесть" data-tag-click-area="header" v-tag:useractionevent.dom="" >Бесконечная Свежесть</a>
852                                </li>
853                                <li>
854                                    <a href="/uhod-za-kozhej-litsa/uvlazhnenie-ekspert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::увлажнение эксперт" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::увлажнение эксперт" data-tag-click-area="header" v-tag:useractionevent.dom="" >Увлажнение Эксперт</a>
855                                </li>
856                                <li>
857                                    <a href="/uhod-za-kozhej-litsa/genij-uvlazhneniya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::гений увлажнения" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::гений увлажнения" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гений Увлажнения</a>
858                                </li>
859                                <li>
860                                    <a href="/uhod-za-kozhej-litsa/gialuron-expert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::гиалурон эксперт" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::гиалурон эксперт" data-tag-click-area="header" v-tag:useractionevent.dom="" >
860Гиалурон Эксперт</a>
861                                </li>
862                                <li>
863                                    <a href="/uhod-za-kozhej-litsa/roskosh-pitaniya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::роскошь питания" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::роскошь питания" data-tag-click-area="header" v-tag:useractionevent.dom="" >Роскошь Питания</a>
864                                </li>
865                                <li>
866                                    
867                                </li>
868                                <li>
869                                    <a href="/uhod-za-kozhej-litsa/vozrast-ekspert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за кожей::продукты::коллекция::возраст эксперт" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за кожей::продукты::коллекция::возраст эксперт" data-tag-click-area="header" v-tag:useractionevent.dom="" >Возраст Эксперт</a>
870                                </li>
871                                <li>
872                                    
873                                </li>
874                                <li>
875                                    
876                                </li>
877                        </ul>
878                    </section>
879    </div>
880
881                            <!-- #endregion -->
882                                                                            </div>
883                    </div>
884                </div>
885        </li>
886        <li data-tag-wrapper class="navigationList__item" >
887                <a href="/volosy/uhod-za-volosami"
888                   aria-expanded="false"
889                   class="navigationList__trigger"
890                   role="button"
891                   v-megamenu:togglepanel="{index:2}"
892                   data-tag-wrapper
893                   data-tag-category="main menu navigation"
894                   data-tag-event-name="menu_click"
895                   data-tag-click-area="header"
896                   data-tag-breadcrumb="уход за волосами::Советы &amp; тенденции::"
897                   data-tag-action="select::header"
898                   data-tag-label="уход за волосами::Советы &amp; тенденции:: "
899                   v-tag:useractionevent.dom>
900                    УХОД ЗА ВОЛОСАМИ
901                    <span class="navigationList__arrow"></span>
902                </a>
903                <div class="navigation__panelWrapper" v-megamenu:panel="{index:2}">
904                    <div class="navigation__animationWrapper">
905                        <div class="navigation__backWrapper">
906                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:2}" >
907                                <span class="navigationList__arrow"></span>
908                                УХОД ЗА ВОЛОСАМИ
909                            </button>
910                        </div>
911
912
913
914                            <div class="navigation__panelContentWrapper -noSwitcher ">
915                        
916
917                            <!-- #region Products Left section -->
918
919
920    <div class="navigation__productListWrapper ">
921        <div class="navigation__productListWrapper--row">
922                    <collapsable tagname="section" identifier="unique-id-3a4b60b2-cc0f-4648-912f-927e22f41bc2" current-index="current-index-3a4b60b2-cc0f-4648-912f-927e22f41bc2" :force-mobile=false>
923                        <template #indicator>
924                            <span class="collapsable__indicator"></span>
925                        </template>
926                        <template #title>
927                                <span class="collapsable__title" id="unique-id-3a4b60b2-cc0f-4648-912f-927e22f41bc2">Категория</span>
928                        </template>
929                        <template #content>
930                            <ul class="collapsable__content">
931                                    <li data-tag-wrapper>
932                                        <a href="/uhod-za-volosami/shampun" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::шампунь" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::шампунь" data-tag-click-area="header" v-tag:useractionevent.dom="" >Шампунь</a>
933                                    </li>
934                                    <li data-tag-wrapper>
935                                        <a href="/uhod-za-volosami/balzam-dlya-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::бальзам" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::бальзам" data-tag-click-area="header" v-tag:useractionevent.dom="" >Бальзам</a>
936                                    </li>
937                                    <li data-tag-wrapper>
938                                        <a href="/uhod-za-volosami/krem-uhod" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::дополнительный уход" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::дополнительный уход" data-tag-click-area="header" v-tag:useractionevent.dom="" >Дополнительный уход</a>
939                                    </li>
940                                    <li data-tag-wrapper>
941                                        <a href="/uhod-za-volosami/maska-dlya-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::маска для волос" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::маска для волос" data-tag-click-area="header" v-tag:useractionevent.dom="" >Маска для волос</a>
942                                    </li>
943                                    <li data-tag-wrapper>
944                                        <a href="/uhod-za-volosami/maslo-dlja-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::масло для волос" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::масло для волос" data-tag-click-area="header" v-tag:useractionevent.dom="" >Масло для волос</a>
945                                    </li>
946                                    <li data-tag-wrapper>
947                                        <a href="/uhod-za-volosami/hair-serum" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::сыворотка для волос" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::сыворотка для волос" data-tag-click-area="header" v-tag:useractionevent.dom="" >Сыворотка для волос</a>
948                                    </li>
949                                    <li data-tag-wrapper>
950                                        
951                                    </li>
952                                    <li data-tag-wrapper>
953                                        <a href="/uhod-za-volosami/hair-creme" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::крем для волос" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::крем для волос" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем для волос</a>
954                                    </li>
955                                    <li data-tag-wrapper>
956                                        <a href="/uhod-za-volosami/express-conditioner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::категория::экспресс-кондиционер" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::категория::экспресс-кондиционер" data-tag-click-area="header" v-tag:useractionevent.dom="" >Экспресс-кондиционер</a>
957                                    </li>
958                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
959                                        <a href="/volosy/uhod-za-volosami" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
960                                    </li>
961                            </ul>
962                        </template>
963                    </collapsable>
964                    <collapsable tagname="section" identifier="unique-id-f64d3002-8f70-4b5d-ae7d-19e82f2b9245" current-index="current-index-f64d3002-8f70-4b5d-ae7d-19e82f2b9245" :force-mobile=false>
965                        <template #indicator>
966                            <span class="collapsable__indicator"></span>
967                        </template>
968                        <template #title>
969                                <span class="collapsable__title" id="unique-id-f64d3002-8f70-4b5d-ae7d-19e82f2b9245">Тип волос</span>
970                        </template>
971                        <template #content>
972                            <ul class="collapsable__content">
973                                    <li data-tag-wrapper>
974                                        <a href="/uhod-za-volosami/zhirnye-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::жирные волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::жирные волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Жирные волосы</a>
975                                    </li>
976                                    <li data-tag-wrapper>
977                                        <a href="/uhod-za-volosami/okrashennye-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::окрашенные волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::окрашенные волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Окрашенные волосы</a>
978                                    </li>
979                                    <li data-tag-wrapper>
980                                        <a href="/uhod-za-volosami/povrezhdennye-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::поврежденные волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::поврежденные волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Поврежденные волосы</a>
981                                    </li>
982                                    <li data-tag-wrapper>
983                                        <a href="/uhod-za-volosami/sekushchiesya-konchiki" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::секущиеся кончики" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::секущиеся кончики" data-tag-click-area="header" v-tag:useractionevent.dom="" >Секущиеся кончики</a>
984                                    </li>
985                                    <li data-tag-wrapper>
986                                        <a href="/uhod-za-volosami/sklonnye-k-vypadeniyu-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::склонные к выпадению волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::склонные к выпадению волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Склонные к выпадению волосы</a>
987                                    </li>
988                                    <li data-tag-wrapper>
989                                        <a href="/uhod-za-volosami/suhie-i-lomkie-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::сухие и ломкие волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::сухие и ломкие волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Сухие и ломкие волосы</a>
990                                    </li>
991                                    <li data-tag-wrapper>
992                                        <a href="/uhod-za-volosami/tonkie-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::тонкие волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::тонкие волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тонкие волосы</a>
993                                    </li>
994                                    <li data-tag-wrapper>
995                                        <a href="/uhod-za-volosami/tusklye-volosy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="уход за волосами::продукты::тип волос::тусклые волосы" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::тип волос::тусклые волосы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тусклые волосы</a>
996                                    </li>
997                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
998                                        
999                                    </li>
1000                            </ul>
1001                        </template>
1002                    </collapsable>
1003        </div>
1004
1005
1006    </div>
1007                            <!-- #endregion -->
1008                            <!-- #region Products Right section -->
1009
1010    <div class="navigation__needsListWrapper">
1011        
1012                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-70ef7bab-3625-4743-8dac-c3e346119141">
1013                        <p id="main-menu-how-can-we-help-section-70ef7bab-3625-4743-8dac-c3e346119141">Помощь и советы</p>
1014                        <ul data-tag-wrapper class="navigation__additionalListContent">
1015                                <li>
1016                                    <a href="/hair-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::помощь и советы::об уходе за волосами" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::помощь и советы::об уходе за волосами" data-tag-click-area="header" v-tag:useractionevent.dom="" >Об уходе за волосами</a>
1017                                </li>
1018                        </ul>
1019                    </section>
1020                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-d2eb9b1e-17ad-46b4-a377-2511ea4bea2f">
1021                        <p id="main-menu-our-makeup-brands-section-d2eb9b1e-17ad-46b4-a377-2511ea4bea2f">Коллекция</p>
1022                        <ul data-tag-wrapper class="navigation__additionalListContent">
1023                                <li>
1024                                    <a href="/uhod-za-volosami/elseve-molekulyarnoe-vosstanovlenie" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve молекулярное восстановление" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve молекулярное восстановление" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Молекулярное Восстановление</a>
1025                                </li>
1026                                <li>
1027                                    <a href="/uhod-za-volosami/elseve-hyaluron-balans" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve гиалурон баланс" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve гиалурон баланс" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Гиалурон Баланс</a>
1028                                </li>
1029                                <li>
1030                                    <a href="/uhod-za-volosami/elseve-hyaluron-napolnitel" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve гиалурон наполнитель" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve гиалурон наполнитель" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Гиалурон Наполнитель</a>
1031                                </li>
1032                                <li>
1033                                    <a href="/uhod-za-volosami/elseve-ultra-blesk" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve ультра блеск" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve ультра блеск" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Ультра Блеск</a>
1034                                </li>
1035                                <li>
1036                                    <a href="/uhod-za-volosami/elseve-dlina-mechti" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve длина мечты" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve длина мечты" data-tag-click-area="header" v-tag:useractionevent.dom="" >
1036Elseve Длина Мечты</a>
1037                                </li>
1038                                <li>
1039                                    <a href="https://www.loreal-paris.ru/uhod-za-volosami/elseve-ekspert-rosta" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve эксперт роста" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve эксперт роста" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Эксперт Роста</a>
1040                                </li>
1041                                <li>
1042                                    <a href="/uhod-za-volosami/elseve-ekspert-cveta" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve эксперт цвета" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve эксперт цвета" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Эксперт Цвета</a>
1043                                </li>
1044                                <li>
1045                                    
1046                                </li>
1047                                <li>
1048                                    <a href="/uhod-za-volosami/elseve-polnoe-vosstanovlenie-5" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve полное восстановление 5" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve полное восстановление 5" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Полное Восстановление 5</a>
1049                                </li>
1050                                <li>
1051                                    <a href="/uhod-za-volosami/roskosh-6-masel" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve роскошь 6 масел" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve роскошь 6 масел" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Роскошь 6 масел</a>
1052                                </li>
1053                                <li>
1054                                    
1055                                </li>
1056                                <li>
1057                                    <a href="/uhod-za-volosami/elseve-ul-tra-prochnost" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve ультра прочность" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve ультра прочность" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve Ультра Прочность</a>
1058                                </li>
1059                                <li>
1060                                    <a href="/uhod-za-volosami/elseve-3-jennie-glini" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::elseve 3 ценные глины" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::elseve 3 ценные глины" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elseve 3 Ценные Глины</a>
1061                                </li>
1062                                <li>
1063                                    
1064                                </li>
1065                                <li>
1066                                    <a href="/uhod-za-volosami/botanicals" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="уход за волосами::продукты::коллекция::botanicals" data-tag-category="main menu navigation" data-tag-breadcrumb="уход за волосами::продукты::коллекция::botanicals" data-tag-click-area="header" v-tag:useractionevent.dom="" >Botanicals</a>
1067                                </li>
1068                        </ul>
1069                    </section>
1070    </div>
1071
1072                            <!-- #endregion -->
1073                                                                            </div>
1074                    </div>
1075                </div>
1076        </li>
1077        <li data-tag-wrapper class="navigationList__item" >
1078                <a href="/coloration/okrashivanie"
1079                   aria-expanded="false"
1080                   class="navigationList__trigger"
1081                   role="button"
1082                   v-megamenu:togglepanel="{index:3}"
1083                   data-tag-wrapper
1084                   data-tag-category="main menu navigation"
1085                   data-tag-event-name="menu_click"
1086                   data-tag-click-area="header"
1087                   data-tag-breadcrumb="окрашивание::Советы &amp; тенденции::окрашивание"
1088                   data-tag-action="select::header"
1089                   data-tag-label="окрашивание::Советы &amp; тенденции::окрашивание "
1090                   v-tag:useractionevent.dom>
1091                    ОКРАШИВАНИЕ
1092                    <span class="navigationList__arrow"></span>
1093                </a>
1094                <div class="navigation__panelWrapper" v-megamenu:panel="{index:3}">
1095                    <div class="navigation__animationWrapper">
1096                        <div class="navigation__backWrapper">
1097                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:3}" >
1098                                <span class="navigationList__arrow"></span>
1099                                ОКРАШИВАНИЕ
1100                            </button>
1101                        </div>
1102
1103
1104
1105                            <div class="navigation__panelContentWrapper -noSwitcher ">
1106                        
1107
1108                            <!-- #region Products Left section -->
1109
1110
1111    <div class="navigation__productListWrapper ">
1112        <div class="navigation__productListWrapper--row">
1113                    <collapsable tagname="section" identifier="unique-id-91f9c1de-271f-4012-9102-a0e318505220" current-index="current-index-91f9c1de-271f-4012-9102-a0e318505220" :force-mobile=false>
1114                        <template #indicator>
1115                            <span class="collapsable__indicator"></span>
1116                        </template>
1117                        <template #title>
1118                                <span class="collapsable__title" id="unique-id-91f9c1de-271f-4012-9102-a0e318505220">Окрашивание</span>
1119                        </template>
1120                        <template #content>
1121                            <ul class="collapsable__content">
1122                                    <li data-tag-wrapper>
1123                                        <a href="/okrashivanie/stojkaya-kraska-dlya-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::окрашивание::стойкая краска" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::окрашивание::стойкая краска" data-tag-click-area="header" v-tag:useractionevent.dom="" >Стойкая краска</a>
1124                                    </li>
1125                                    <li data-tag-wrapper>
1126                                        <a href="/okrashivanie/stojkoe-vremennoe-okrashivanie-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::окрашивание::краска без аммиака" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::окрашивание::краска без аммиака" data-tag-click-area="header" v-tag:useractionevent.dom="" >Краска без аммиака</a>
1127                                    </li>
1128                                    <li data-tag-wrapper>
1129                                        <a href="/okrashivanie/osvetlenie-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::окрашивание::осветляющая краска" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::окрашивание::осветляющая краска" data-tag-click-area="header" v-tag:useractionevent.dom="" >Осветляющая краска</a>
1130                                    </li>
1131                                    <li data-tag-wrapper>
1132                                        <a href="/okrashivanie/vremennoe-okrashivanie-volos" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::окрашивание::тонирующая краска" data-tag-category="main menu navigation" data-tag-breadcrumb="ок
1132рашивание::продукты::окрашивание::тонирующая краска" data-tag-click-area="header" v-tag:useractionevent.dom="" >Тонирующая краска</a>
1133                                    </li>
1134                                    <li data-tag-wrapper>
1135                                        <a href="/okrashivanie/zakrashivanie-kornej" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::окрашивание::закрашивание корней" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::окрашивание::закрашивание корней" data-tag-click-area="header" v-tag:useractionevent.dom="" >Закрашивание корней</a>
1136                                    </li>
1137                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1138                                        <a href="/coloration/okrashivanie" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
1139                                    </li>
1140                            </ul>
1141                        </template>
1142                    </collapsable>
1143                    <collapsable tagname="section" identifier="unique-id-2aac3c6c-09ee-47f3-9a00-9e7fe9cc700b" current-index="current-index-2aac3c6c-09ee-47f3-9a00-9e7fe9cc700b" :force-mobile=false>
1144                        <template #indicator>
1145                            <span class="collapsable__indicator"></span>
1146                        </template>
1147                        <template #title>
1148                                <span class="collapsable__title" id="unique-id-2aac3c6c-09ee-47f3-9a00-9e7fe9cc700b">Оттенок</span>
1149                        </template>
1150                        <template #content>
1151                            <ul class="collapsable__content">
1152                                    <li data-tag-wrapper>
1153                                        <a href="/okrashivanie/blond" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::блонд" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::блонд" data-tag-click-area="header" v-tag:useractionevent.dom="" >Блонд</a>
1154                                    </li>
1155                                    <li data-tag-wrapper>
1156                                        <a href="/okrashivanie/rusyj" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::русый" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::русый" data-tag-click-area="header" v-tag:useractionevent.dom="" >Русый</a>
1157                                    </li>
1158                                    <li data-tag-wrapper>
1159                                        <a href="/okrashivanie/chernyj" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::черный" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::черный" data-tag-click-area="header" v-tag:useractionevent.dom="" >Черный</a>
1160                                    </li>
1161                                    <li data-tag-wrapper>
1162                                        <a href="/okrashivanie/kashtanovyj" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::каштановый" data-tag-category="main menu navigation" data-tag-breadcrumb="ок
1162рашивание::продукты::оттенок::каштановый" data-tag-click-area="header" v-tag:useractionevent.dom="" >Каштановый</a>
1163                                    </li>
1164                                    <li data-tag-wrapper>
1165                                        <a href="/okrashivanie/ryzhij" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::рыжий" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::рыжий" data-tag-click-area="header" v-tag:useractionevent.dom="" >Рыжий</a>
1166                                    </li>
1167                                    <li data-tag-wrapper>
1168                                        <a href="/okrashivanie/chocolate" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::шоколадный" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::шоколадный" data-tag-click-area="header" v-tag:useractionevent.dom="" >Шоколадный</a>
1169                                    </li>
1170                                    <li data-tag-wrapper>
1171                                        <a href="/okrashivanie/tsvetnaya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::цветной" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::цветной" data-tag-click-area="header" v-tag:useractionevent.dom="" >Цветной</a>
1172                                    </li>
1173                                    <li data-tag-wrapper>
1174                                        <a href="/okrashivanie/svetlaya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::светлый" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::светлый" data-tag-click-area="header" v-tag:useractionevent.dom="" >Светлый</a>
1175                                    </li>
1176                                    <li data-tag-wrapper>
1177                                        <a href="/okrashivanie/temnaya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::темный" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::темный" data-tag-click-area="header" v-tag:useractionevent.dom="" >Темный</a>
1178                                    </li>
1179                                    <li data-tag-wrapper>
1180                                        <a href="/okrashivanie/kholodnye" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::оттенок::холодный" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::оттенок::холодный" data-tag-click-area="header" v-tag:useractionevent.dom="" >Холодный</a>
1181                                    </li>
1182                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1183                                        <a href="/okrashivanie/ottenki" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="окрашивание::продукты::вся палитра оттенков" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::вся палитра оттенков" data-tag-click-area="header" v-tag:useractionevent.dom="" >ВСЯ ПАЛИТРА ОТТЕНКОВ</a>
1184                                    </li>
1185                            </ul>
1186                        </template>
1187                    </collapsable>
1188        </div>
1189
1190<div class="navigation__productListWrapper--row">
1191    <div class="linkToService">
1192        <a aria-label="Примерьте новый цвет волос онлайн перед покупкой! (new window)"
1193           
1194           data-tag-wrapper
1195           data-tag-category="main menu navigation"
1196           data-tag-event-name="menu_click"
1197           data-tag-click-area="header"
1198           data-tag-breadcrumb="Примерьте"
1199           data-tag-action="select::header"
1200           data-tag-label="Примерьте"
1201           v-tag:useractionevent.dom
1202           href="https://www.loreal-paris.ru/preference/stojkaja-kraska-dlja-volos-ottenok-7-1-islandija?tryon=true">
1203            <strong>Примерьте</strong>
1204            <span>новый цвет волос онлайн перед покупкой!</span>
1205        </a>
1206    </div>
1207</div>
1208
1209    </div>
1210                            <!-- #endregion -->
1211                            <!-- #region Products Right section -->
1212
1213    <div class="navigation__needsListWrapper">
1214        
1215                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-644e7570-a54a-4a7f-b731-88c5151c549e">
1216                        <p id="main-menu-how-can-we-help-section-644e7570-a54a-4a7f-b731-88c5151c549e">Помощь и советы</p>
1217                        <ul data-tag-wrapper class="navigation__additionalListContent">
1218                                <li>
1219                                    <a href="/hair-color" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::помощь и советы::о красках l&#39;or&#233;al paris" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::помощь и советы::о красках l&#39;or&#233;al paris" data-tag-click-area="header" v-tag:useractionevent.dom="" >О красках L&#39;Or&#233;al Paris</a>
1220                                </li>
1221                                <li>
1222                                    <a href="https://promo.loreal-paris.ru/coloration-test/" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::помощь и советы::тест для подбора оттенка волос" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::помощь и советы::тест для подбора оттенка волос" data-tag-click-area="header" rel="noopener noreferrer" v-tag:useractionevent.dom="" >Тест для подбора оттенка волос</a>
1223                                </li>
1224                                <li>
1225                                    <a href="/hair-color-virtual-try-on" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::помощь и советы::онлайн примерка цвета волос" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::помощь и советы::онлайн примерка цвета волос" data-tag-click-area="header" v-tag:useractionevent.dom="" >Онлайн примерка цвета волос</a>
1226                                </li>
1227                        </ul>
1228                    </section>
1229                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-caec95c9-8436-4207-8c68-b528c7649455">
1230                        <p id="main-menu-our-makeup-brands-section-caec95c9-8436-4207-8c68-b528c7649455">Коллекция</p>
1231                        <ul data-tag-wrapper class="navigation__additionalListContent">
1232                                <li>
1233                                    <a href="/okrashivanie/excellence" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::коллекция::excellence" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::коллекция::excellence" data-tag-click-area="header" v-tag:useractionevent.dom="" >Excellence</a>
1234                                </li>
1235                                <li>
1236                                    <a href="/okrashivanie/preference" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::коллекция::pr&#233;f&#233;rence" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::коллекция::pr&#233;f&#233;rence" data-tag-click-area="header" v-tag:useractionevent.dom="" >Pr&#233;f&#233;rence</a>
1237                                </li>
1238                                <li>
1239                                    <a href="/okrashivanie/casting-creme-gloss" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::коллекция::casting" data-tag-category="main menu navigation" data-tag-breadcrumb="ок
1239рашивание::продукты::коллекция::casting" data-tag-click-area="header" v-tag:useractionevent.dom="" >Casting</a>
1240                                </li>
1241                                <li>
1242                                    <a href="/okrashivanie/colorista" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::коллекция::colorista" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::коллекция::colorista" data-tag-click-area="header" v-tag:useractionevent.dom="" >Colorista</a>
1243                                </li>
1244                                <li>
1245                                    <a href="/okrashivanie/magic-retouch" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="окрашивание::продукты::коллекция::magic retouch" data-tag-category="main menu navigation" data-tag-breadcrumb="окрашивание::продукты::коллекция::magic retouch" data-tag-click-area="header" v-tag:useractionevent.dom="" >Magic Retouch</a>
1246                                </li>
1247                        </ul>
1248                    </section>
1249    </div>
1250
1251                            <!-- #endregion -->
1252                                                                            </div>
1253                    </div>
1254                </div>
1255        </li>
1256        <li data-tag-wrapper class="navigationList__item" >
1257                <a href="/dlya-muzhchin"
1258                   aria-expanded="false"
1259                   class="navigationList__trigger"
1260                   role="button"
1261                   v-megamenu:togglepanel="{index:4}"
1262                   data-tag-wrapper
1263                   data-tag-category="main menu navigation"
1264                   data-tag-event-name="menu_click"
1265                   data-tag-click-area="header"
1266                   data-tag-breadcrumb="для мужчин::Советы &amp; тенденции::для мужчин"
1267                   data-tag-action="select::header"
1268                   data-tag-label="для мужчин::Советы &amp; тенденции::для мужчин "
1269                   v-tag:useractionevent.dom>
1270                    ДЛЯ МУЖЧИН
1271                    <span class="navigationList__arrow"></span>
1272                </a>
1273                <div class="navigation__panelWrapper" v-megamenu:panel="{index:4}">
1274                    <div class="navigation__animationWrapper">
1275                        <div class="navigation__backWrapper">
1276                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:4}" >
1277                                <span class="navigationList__arrow"></span>
1278                                ДЛЯ МУЖЧИН
1279                            </button>
1280                        </div>
1281
1282
1283
1284                            <div class="navigation__panelContentWrapper -noSwitcher ">
1285                        
1286
1287                            <!-- #region Products Left section -->
1288
1289
1290    <div class="navigation__productListWrapper -fourColumns">
1291        <div class="navigation__productListWrapper--row">
1292                    <collapsable tagname="section" identifier="unique-id-141d5174-168d-411e-a97b-2a6b468be193" current-index="current-index-141d5174-168d-411e-a97b-2a6b468be193" :force-mobile=false>
1293                        <template #indicator>
1294                            <span class="collapsable__indicator"></span>
1295                        </template>
1296                        <template #title>
1297                                <span class="collapsable__title" id="unique-id-141d5174-168d-411e-a97b-2a6b468be193">Уход за лицом</span>
1298                        </template>
1299                        <template #content>
1300                            <ul class="collapsable__content">
1301                                    <li data-tag-wrapper>
1302                                        <a href="/men-skin-care/gel-dlja-britja" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за лицом::гель для бритья" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за лицом::гель для бритья" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гель для бритья</a>
1303                                    </li>
1304                                    <li data-tag-wrapper>
1305                                        <a href="/men-skin-care/pen
1305a" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за лицом::пена для бритья" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за лицом::пена для бритья" data-tag-click-area="header" v-tag:useractionevent.dom="" >Пена для бритья</a>
1306                                    </li>
1307                                    <li data-tag-wrapper>
1308                                        <a href="/men-skin-care/cream-posle-britya" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за лицом::крем после бритья" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за лицом::крем после бритья" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем после бритья</a>
1309                                    </li>
1310                                    <li data-tag-wrapper>
1311                                        
1312                                    </li>
1313                                    <li data-tag-wrapper>
1314                                        
1315                                    </li>
1316                                    <li data-tag-wrapper>
1317                                        <a href="/men-skin-care/ochischayuschij-gel-men" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за лицом::гель для умывания" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за лицом::гель для умывания" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гель для умывания</a>
1318                                    </li>
1319                                    <li data-tag-wrapper>
1320                                        <a href="/men-skin-care/krem-stajling" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за лицом::крем-стайлинг" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за лицом::крем-стайлинг" data-tag-click-area="header" v-tag:useractionevent.dom="" >Крем-стайлинг</a>
1321                                    </li>
1322                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1323                                        <a href="/dlya-muzhchin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
1324                                    </li>
1325                            </ul>
1326                        </template>
1327                    </collapsable>
1328                    <collapsable tagname="section" identifier="unique-id-590005a1-dd63-46c5-8386-f114c8f8d4ee" current-index="current-index-590005a1-dd63-46c5-8386-f114c8f8d4ee" :force-mobile=false>
1329                        <template #indicator>
1330                            <span class="collapsable__indicator"></span>
1331                        </template>
1332                        <template #title>
1333                                <span class="collapsable__title" id="unique-id-590005a1-dd63-46c5-8386-f114c8f8d4ee">Уход за бородой и усами</span>
1334                        </template>
1335                        <template #content>
1336                            <ul class="collapsable__content">
1337                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1338                                        <a href="/men-skin-caret/uhod-za-borodoj-i-usami" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
1339                                    </li>
1340                            </ul>
1341                        </template>
1342                    </collapsable>
1343                    <collapsable tagname="section" identifier="unique-id-02edb19b-9edf-4d90-b780-2ec48d17dcc1" current-index="current-index-02edb19b-9edf-4d90-b780-2ec48d17dcc1" :force-mobile=false>
1344                        <template #indicator>
1345                            <span class="collapsable__indicator"></span>
1346                        </template>
1347                        <template #title>
1348                                <span class="collapsable__title" id="unique-id-02edb19b-9edf-4d90-b780-2ec48d17dcc1">Уход за телом</span>
1349                        </template>
1350                        <template #content>
1351                            <ul class="collapsable__content">
1352                                    <li data-tag-wrapper>
1353                                        <a href="/men-skin-care/shower-gel" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за телом::гель для душа" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за телом::гель для душа" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гель для душа</a>
1354                                    </li>
1355                                    <li data-tag-wrapper>
1356                                        <a href="/men-body-care/deodorants" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::уход за телом::дезодоранты" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::уход за телом::дезодоранты" data-tag-click-area="header" v-tag:useractionevent.dom="" >Дезодоранты</a>
1357                                    </li>
1358                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1359                                        <a href="/dlya-muzhchin/men-body-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::смотреть всю категорию" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::смотреть всю категорию" data-tag-click-area="header" v-tag:useractionevent.dom="" >СМОТРЕТЬ ВСЮ КАТЕГОРИЮ</a>
1360                                    </li>
1361                            </ul>
1362                        </template>
1363                    </collapsable>
1364                    <collapsable tagname="section" identifier="unique-id-99866302-eeb7-4767-943b-a2bb3addac78" current-index="current-index-99866302-eeb7-4767-943b-a2bb3addac78" :force-mobile=false>
1365                        <template #indicator>
1366                            <span class="collapsable__indicator"></span>
1367                        </template>
1368                        <template #title>
1369                                <span class="collapsable__title" id="unique-id-99866302-eeb7-4767-943b-a2bb3addac78">Потребности</span>
1370                        </template>
1371                        <template #content>
1372                            <ul class="collapsable__content">
1373                                    <li data-tag-wrapper>
1374                                        <a href="/men-skin-care/ochishchenie-men" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::потребности::очищение кожи" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::потребности::очищение кожи" data-tag-click-area="header" v-tag:useractionevent.dom="" >Очищение кожи</a>
1375                                    </li>
1376                                    <li data-tag-wrapper>
1377                                        <a href="/men-skin-care/skin-hydration" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="для мужчин::продукты::потребности::увлажнение кожи" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::потребности::увлажнение кожи" data-tag-click-area="header" v-tag:useractionevent.dom="" >Увлажнение кожи</a>
1378                                    </li>
1379                                    <li data-tag-wrapper>
1380                                        
1381                                    </li>
1382                                                            </ul>
1383                        </template>
1384                    </collapsable>
1385        </div>
1386
1387
1388    </div>
1389                            <!-- #endregion -->
1390                            <!-- #region Products Right section -->
1391
1392    <div class="navigation__needsListWrapper">
1393        
1394                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-d425ca2e-b0ba-4797-9c1f-94002f5935cb">
1395                        <p id="main-menu-how-can-we-help-section-d425ca2e-b0ba-4797-9c1f-94002f5935cb">Коллекция</p>
1396                        <ul data-tag-wrapper class="navigation__additionalListContent">
1397                                <li>
1398                                    <a href="/men-skin-care/barber-club" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::barber club" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::barber club" data-tag-click-area="header" v-tag:useractionevent.dom="" >Barber Club</a>
1399                                </li>
1400                                <li>
1401                                    <a href="https://www.loreal-paris.ru/men-skin-care/derma-control" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::derma control" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::derma control" data-tag-click-area="header" v-tag:useractionevent.dom="" >Derma Control</a>
1402                                </li>
1403                                <li>
1404                                    
1405                                </li>
1406                                <li>
1407                                    <a href="/men-skin-care/hydra-energetic" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::гидра энергетик" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::гидра энергетик" data-tag-click-area="header" v-tag:useractionevent.dom="" >Гидра Энергетик</a>
1408                                </li>
1409                                <li>
1410                                    <a href="https://www.loreal-paris.ru/men-skin-care/pure-carbon" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::pure carbon" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::pure carbon" data-tag-click-area="header" v-tag:useractionevent.dom="" >Pure Carbon</a>
1411                                </li>
1412                                <li>
1413                                    
1414                                </li>
1415                                <li>
1416                                    <a href="/men-skin-care/pure-power" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::pure power" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::pure power" data-tag-click-area="header" v-tag:useractionevent.dom="" >Pure Power</a>
1417                                </li>
1418                                <li>
1419                                    <a href="/men-skin-care/magnesium-defense" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="для мужчин::продукты::коллекция::magnesium defence" data-tag-category="main menu navigation" data-tag-breadcrumb="для мужчин::продукты::коллекция::magnesium defence" data-tag-click-area="header" v-tag:useractionevent.dom="" >Magnesium Defence</a>
1420                                </li>
1421                                <li>
1422                                    
1423                                </li>
1424                        </ul>
1425                    </section>
1426    </div>
1427
1428                            <!-- #endregion -->
1429                                                                            </div>
1430                    </div>
1431                </div>
1432        </li>
1433        <li data-tag-wrapper class="navigationList__item" >
1434                <a href="/about-us"
1435                   aria-expanded="false"
1436                   class="navigationList__trigger"
1437                   role="button"
1438                   v-megamenu:togglepanel="{index:5}"
1439                   data-tag-wrapper
1440                   data-tag-category="main menu navigation"
1441                   data-tag-event-name="menu_click"
1442                   data-tag-click-area="header"
1443                   data-tag-breadcrumb="о бренде::Советы &amp; тенденции::about us"
1444                   data-tag-action="select::header"
1445                   data-tag-label="о бренде::Советы &amp; тенденции::about us "
1446                   v-tag:useractionevent.dom>
1447                    О БРЕНДЕ
1448                    <span class="navigationList__arrow"></span>
1449                </a>
1450                <div class="navigation__panelWrapper" v-megamenu:panel="{index:5}">
1451                    <div class="navigation__animationWrapper">
1452                        <div class="navigation__backWrapper">
1453                            <button class="navigation__backLabel" v-megamenu:backreturn="{index:5}" >
1454                                <span class="navigationList__arrow"></span>
1455                                О БРЕНДЕ
1456                            </button>
1457                        </div>
1458
1459
1460
1461                            <div class="navigation__panelContentWrapper -noSwitcher ">
1462                        
1463
1464                            <!-- #region Products Left section -->
1465
1466
1467    <div class="navigation__productListWrapper -fiveColumns">
1468        <div class="navigation__productListWrapper--row">
1469                    <collapsable tagname="section" identifier="unique-id-5d523d78-913d-401c-93bc-be76abf14b25" current-index="current-index-5d523d78-913d-401c-93bc-be76abf14b25" :force-mobile=false>
1470                        <template #indicator>
1471                            <span class="collapsable__indicator"></span>
1472                        </template>
1473                        <template #title>
1474                                <span class="collapsable__title" id="unique-id-5d523d78-913d-401c-93bc-be76abf14b25">О бренде L&#39;Or&#233;al Paris</span>
1475                        </template>
1476                        <template #content>
1477                            <ul class="collapsable__content">
1478                                    <li data-tag-wrapper>
1479                                        <a href="/about-us" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::о бренде l&#39;or&#233;al paris::о нас" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::о бренде l&#39;or&#233;al paris::о нас" data-tag-click-area="header" v-tag:useractionevent.dom="" >О нас</a>
1480                                    </li>
1481                                    <li data-tag-wrapper>
1482                                        <a href="/our-history" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::о бренде l&#39;or&#233;al paris::наша история" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::о бренде l&#39;or&#233;al paris::наша история" data-tag-click-area="header" v-tag:useractionevent.dom="" >Наша история</a>
1483                                    </li>
1484                                    <li data-tag-wrapper>
1485                                        <a href="/our-brand-ambassadors" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::о бренде l&#39;or&#233;al paris::посланницы бренда l’or&#233;al paris" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::о бренде l&#39;or&#233;al paris::посланницы бренда l’or&#233;al paris" data-tag-click-area="header" v-tag:useractionevent.dom="" >Посланницы бренда L’Or&#233;al Paris</a>
1486                                    </li>
1487                                    <li data-tag-wrapper>
1488                                        <a href="/lesson-of-worth" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::о бренде l&#39;or&#233;al paris::манифест ценности каждой женщины" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::о бренде l&#39;or&#233;al paris::манифест ценности каждой женщины" data-tag-click-area="header" v-tag:useractionevent.dom="" >Манифест ценности каждой женщины</a>
1489                                    </li>
1490                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1491                                        
1492                                    </li>
1493                            </ul>
1494                        </template>
1495                    </collapsable>
1496                    <collapsable tagname="section" identifier="unique-id-882efcab-bdab-47e2-8c45-828fc03c2e79" current-index="current-index-882efcab-bdab-47e2-8c45-828fc03c2e79" :force-mobile=false>
1497                        <template #indicator>
1498                            <span class="collapsable__indicator"></span>
1499                        </template>
1500                        <template #title>
1501                                <span class="collapsable__title" id="unique-id-882efcab-bdab-47e2-8c45-828fc03c2e79">Наши обязательства</span>
1502                        </template>
1503                        <template #content>
1504                            <ul class="collapsable__content">
1505                                    <li data-tag-wrapper>
1506                                        <a href="/sustainability" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наши обязательства::программа устойчивого развития" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наши обязательства::программа устойчивого развития" data-tag-click-area="header" v-tag:useractionevent.dom="" >Программа устойчивого развития</a>
1507                                    </li>
1508                                    <li data-tag-wrapper>
1509                                        <a href="/our-solidarity-during-covid-crisis" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наши обязательства::программа солидарности в борьбе с covid-19" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наши обязательства::программа солидарности в борьбе с covid-19" data-tag-click-area="header" v-tag:useractionevent.dom="" >Программа солидарности в борьбе с Covid-19</a>
1510                                    </li>
1511                                    <li data-tag-wrapper>
1512                                        
1513                                    </li>
1514                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1515                                        
1516                                    </li>
1517                            </ul>
1518                        </template>
1519                    </collapsable>
1520                    <collapsable tagname="section" identifier="unique-id-f8151e79-5708-487b-80b2-77e3c0f6f5d0" current-index="current-index-f8151e79-5708-487b-80b2-77e3c0f6f5d0" :force-mobile=false>
1521                        <template #indicator>
1522                            <span class="collapsable__indicator"></span>
1523                        </template>
1524                        <template #title>
1525                                <span class="collapsable__title" id="unique-id-f8151e79-5708-487b-80b2-77e3c0f6f5d0">Наша наука</span>
1526                        </template>
1527                        <template #content>
1528                            <ul class="collapsable__content">
1529                                    <li data-tag-wrapper>
1530                                        <a href="/issledovaniya-lezhaschie-v-osnove-nashej-produktsii" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наша наука::исследования, лежащие в основе нашей продукции" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наша наука::исследования, лежащие в основе нашей продукции" data-tag-click-area="header" v-tag:useractionevent.dom="" >Исследования, лежащие в основе нашей продукции</a>
1531                                    </li>
1532                                    <li data-tag-wrapper>
1533                                        <a href="/our-digital-experiences" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наша наука::доступные инновации" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наша наука::доступные инновации" data-tag-click-area="header" v-tag:useractionevent.dom="" >
1533Доступные инновации</a>
1534                                    </li>
1535                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1536                                        
1537                                    </li>
1538                            </ul>
1539                        </template>
1540                    </collapsable>
1541                    <collapsable tagname="section" identifier="unique-id-eb418981-8343-4c08-b83b-fd2dc7f48c1e" current-index="current-index-eb418981-8343-4c08-b83b-fd2dc7f48c1e" :force-mobile=false>
1542                        <template #indicator>
1543                            <span class="collapsable__indicator"></span>
1544                        </template>
1545                        <template #title>
1546                                <span class="collapsable__title" id="unique-id-eb418981-8343-4c08-b83b-fd2dc7f48c1e">Обратная сторона L&#39;Or&#233;al Paris</span>
1547                        </template>
1548                        <template #content>
1549                            <ul class="collapsable__content">
1550                                    <li data-tag-wrapper>
1551                                        <a href="/the-other-side" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::обратная сторона l&#39;or&#233;al paris" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::обратная сторона l&#39;or&#233;al paris" data-tag-click-area="header" v-tag:useractionevent.dom="" >Обратная сторона L&#39;Or&#233;al Paris</a>
1552                                    </li>
1553                                    <li data-tag-wrapper>
1554                                        <a href="/ingredients" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::наши ингредиенты" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::наши ингредиенты" data-tag-click-area="header" v-tag:useractionevent.dom="" >Наши ингредиенты</a>
1555                                    </li>
1556                                    <li data-tag-wrapper>
1557                                        <a href="/our-ethics" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::этические принципы" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::этические принципы" data-tag-click-area="header" v-tag:useractionevent.dom="" >Этические принципы</a>
1558                                    </li>
1559                                    <li data-tag-wrapper>
1560                                        <a href="/our-efficacy" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::эффективность" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::эффективность" data-tag-click-area="header" v-tag:useractionevent.dom="" >Эффективность</a>
1561                                    </li>
1562                                    <li data-tag-wrapper>
1563                                        <a href="/our-safety" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::безопасность" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::обратная сторона l&#39;or&#233;al paris::безопасность" data-tag-click-area="header" v-tag:useractionevent.dom="" >Безопасность</a>
1564                                    </li>
1565                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1566                                        
1567                                    </li>
1568                            </ul>
1569                        </template>
1570                    </collapsable>
1571                    <collapsable tagname="section" identifier="unique-id-b4474c7a-82e3-4cd3-8e18-e583389ff8db" current-index="current-index-b4474c7a-82e3-4cd3-8e18-e583389ff8db" :force-mobile=false>
1572                        <template #indicator>
1573                            <span class="collapsable__indicator"></span>
1574                        </template>
1575                        <template #title>
1576                                <span class="collapsable__title" id="unique-id-b4474c7a-82e3-4cd3-8e18-e583389ff8db">Наши инициативы</span>
1577                        </template>
1578                        <template #content>
1579                            <ul class="collapsable__content">
1580                                    <li data-tag-wrapper>
1581                                        
1582                                    </li>
1583                                    <li data-tag-wrapper>
1584                                        
1585                                    </li>
1586                                    <li data-tag-wrapper>
1587                                        <a href="/our-local-programs" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наши инициативы::инициативы на местах" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наши инициативы::инициативы на местах" data-tag-click-area="header" v-tag:useractionevent.dom="" >Инициативы на местах</a>
1588                                    </li>
1589                                    <li data-tag-wrapper>
1590                                        <a href="/stand-up" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="о бренде::продукты::наши инициативы::stand up l’or&#233;al paris" data-tag-category="main menu navigation" data-tag-breadcrumb="о бренде::продукты::наши инициативы::stand up l’or&#233;al paris" data-tag-click-area="header" v-tag:useractionevent.dom="" >Stand Up L’Or&#233;al Paris</a>
1591                                    </li>
1592                                    <li data-tag-wrapper>
1593                                        
1594                                    </li>
1595                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
1596                                        
1597                                    </li>
1598                            </ul>
1599                        </template>
1600                    </collapsable>
1601        </div>
1602
1603
1604    </div>
1605                            <!-- #endregion -->
1606                            <!-- #region Products Right section -->
1607
1608    <div class="navigation__needsListWrapper">
1609        
1610    </div>
1611
1612                            <!-- #endregion -->
1613                                                                            </div>
1614                    </div>
1615                </div>
1616        </li>
1617        <li data-tag-wrapper class="navigationList__item" >
1618<a href="/virtual-beauty-tools" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="наши сервисы" data-tag-category="main menu navigation" class="navigationList__trigger" data-tag-breadcrumb="наши сервисы" data-tag-click-area="header" v-tag:useractionevent.dom="" >НАШИ СЕРВИСЫ</a>        </li>
1619
1620    <li class="navigationList__item quick-links">
1621        
1622    </li>
1623
1624    <li class="navigationList__item bottom-items">
1625        
1626    </li>
1627</ul>
1628
1629    <div class="navigationBar"></div>
1630</nav>
1631
1632
1633
1634</div>
1635
1636
1637            
1638
1639        </div>
1640
1641        
1642
1643
1644    </div>
1645
1646    
1647
1648</header>
1649
1650
1651
1652
1653        
1654
1655        
1656
1657        <main role="main" id="main">
1658            <div id="content"
1659                 >
1660                
1661<div id="content" class="oap-service-detail-page">
1662    <!-- Exception rendering controller 'ServicesHub.SDPServicePushHeader': An unhandled exception occurred. -->
1663<!-- Inner Exception: Object reference not set to an instance of an object. -->
1664
1665        <section class="oap-tutorial-grid">
1666            <h2 class="oap-title--centered">КАК ИСПОЛЬЗОВАТЬ ВИРТУАЛЬНЫЙ МАКИЯЖ</h2>
1667        <oap-slider oap-scroller-aria-label="scroll">
1668            <ul class="oap-slider__list">
1669                    <li class="oap-slider__item">
1670                        <div class="oap-tutorial-item">
1671                            <div class="oap-tutorial-item__video">
1672                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;
1672placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-1.png?cx=0.5&amp;cy=0.52&amp;cw=340&amp;ch=340&amp;hash=A31993525B6E480229832AD0F2F65EF3&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1673                            </div>
1674
1675                                <header class="oap-tutorial-item__header">
1676                                        <h3 class="oap-tutorial-item__title">ШАГ 1</h3>
1677                                                                            <div class="oap-rich-text">Включите веб-камеру или загрузите селфи.</div>
1678                                </header>
1679                        </div>
1680                    </li>
1681                    <li class="oap-slider__item">
1682                        <div class="oap-tutorial-item">
1683                            <div class="oap-tutorial-item__video">
1684                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-2.png?cx=0.49&amp;cy=0.55&amp;cw=340&amp;ch=340&amp;hash=DA01CD210989681239532E7840E27A02&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1685                            </div>
1686
1687                                <header class="oap-tutorial-item__header">
1688                                        <h3 class="oap-tutorial-item__title">ШАГ 2</h3>
1689                                                                            <div class="oap-rich-text">Выберите нужную категорию макияжа.</div>
1690                                </header>
1691                        </div>
1692                    </li>
1693                    <li class="oap-slider__item">
1694                        <div class="oap-tutorial-item">
1695                            <div class="oap-tutorial-item__video">
1696                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-3.png?cx=0.5&amp;cy=0.57&amp;cw=340&amp;ch=340&amp;hash=C65545969C512AFD2BC1C69899ABC247&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1697                            </div>
1698
1699                                <header class="oap-tutorial-item__header">
1700                                        <h3 class="oap-tutorial-item__title">ШАГ 3</h3>
1701                                                                            <div class="oap-rich-text">Ознакомьтесь с палитрой оттенков и тонов для каждого продукта.</div>
1702                                </header>
1703                        </div>
1704                    </li>
1705                    <li class="oap-slider__item">
1706                        <div class="oap-tutorial-item">
1707                            <div class="oap-tutorial-item__video">
1708                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-4.png?cx=0.49&amp;cy=0.53&amp;cw=340&amp;ch=340&amp;hash=83C759E1F6D2CE214DABF21314DF9093&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1709                            </div>
1710
1711                                <header class="oap-tutorial-item__header">
1712                                        <h3 class="oap-tutorial-item__title">ШАГ 4</h3>
1713                                                                            <div class="oap-rich-text">Хотите собрать полный мейкап-образ? Добавьте новый продукт.</div>
1714                                </header>
1715                        </div>
1716                    </li>
1717                    <li class="oap-slider__item">
1718                        <div class="oap-tutorial-item">
1719                            <div class="oap-tutorial-item__video">
1720                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;
1720placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-5.png?cx=0.48&amp;cy=0.47&amp;cw=340&amp;ch=340&amp;hash=2B70077DA1020FB0680ED0C45614BF38&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1721                            </div>
1722
1723                                <header class="oap-tutorial-item__header">
1724                                        <h3 class="oap-tutorial-item__title">ШАГ 5</h3>
1725                                                                            <div class="oap-rich-text">Оцените результат до и после на разделенном экране.</div>
1726                                </header>
1727                        </div>
1728                    </li>
1729                    <li class="oap-slider__item">
1730                        <div class="oap-tutorial-item">
1731                            <div class="oap-tutorial-item__video">
1732                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-6.png?cx=0.49&amp;cy=0.54&amp;cw=340&amp;ch=340&amp;hash=5B86AE0AE0915775BDA46F06CAF84113&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1733                            </div>
1734
1735                                <header class="oap-tutorial-item__header">
1736                                        <h3 class="oap-tutorial-item__title">ШАГ 6</h3>
1737                                                                            <div class="oap-rich-text">Вам понравился результат? Сохраните образ или переходите на страницу покупки продукта.</div>
1738                                </header>
1739                        </div>
1740                    </li>
1741                    <li class="oap-slider__item">
1742                        <div class="oap-tutorial-item">
1743                            <div class="oap-tutorial-item__video">
1744                                <oap-video v-bind='{&quot;type&quot;:&quot;video&quot;,&quot;placeholderBackground&quot;:{&quot;0&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/service-page/make-up-virtual-try-on/step-7.png?cx=0.48&amp;cy=0.55&amp;cw=340&amp;ch=340&amp;hash=B61E41839381248C6F50556B160C577F&quot;},&quot;autoplay&quot;:false,&quot;loop&quot;:true,&quot;muted&quot;:true,&quot;controlsPosition&quot;:&quot;bottom-left&quot;,&quot;pauseIfLeftViewport&quot;:true,&quot;playIfIsInViewportOnMobile&quot;:true,&quot;playButtonTitle&quot;:&quot;Play&quot;,&quot;CTALinkTarget&quot;:&quot;_self&quot;}'></oap-video>
1745                            </div>
1746
1747                                <header class="oap-tutorial-item__header">
1748                                        <h3 class="oap-tutorial-item__title">ШАГ 7</h3>
1749                                                                            <div class="oap-rich-text">Требуется второе мнение? Сделайте снимок, чтобы поделиться с друзьями.</div>
1750                                </header>
1751                        </div>
1752                    </li>
1753            </ul>
1754
1755            <template #controls>
1756                <oap-carousel-controls type="arrows"
1757                                       item-selector=".oap-slider__item"
1758                                       media-query-list="(max-width: 31.938rem)">
1759                </oap-carousel-controls>
1760            </template>
1761        </oap-slider>
1762    </section>
1763
1764        <div class="rich-text">
1765        <div class="component-content ">
1766
1767<div class="field-text"><div class="field-text">
1768<div style="max-width: 67rem; margin: 4rem auto 7rem;">
1769<h2 style="letter-spacing: normal; font-size: 1.875rem; line-height: 2.125rem; font-weight: 500; border-bottom: .0625rem solid #cbcccd; margin: 0 1.5rem 1.5rem; padding-bottom: 1rem; text-align: left;">ПЕРСОНАЛИЗИРОВАННАЯ И ТОЧНАЯ ТЕХНОЛОГИЯ КРАСОТЫ</h2>
1770<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1rem; font-size: 1.6rem; line-height: 1.9rem; margin-left: 1.5rem; margin-right: 1.5rem;">
1771<div style="display: grid; align-content:center; background-color:#fff; border-radius:8px; text-align:center; min-height:16rem;">
1772Технология определяет
1773<span style="font-size: 1.6em; display: block; line-height: 3rem; font-weight: 500; color: #e32847;">63 ключевые точки</span>
1774на лице</div>
1775<div style="display: grid; align-content:center; background-color:#fff; border-radius:8px; text-align:center; min-height:16rem;">
1776Автоматически
1777<span style="font-size: 1.6em; display: block; line-height: 3rem; font-weight: 500; color: #e32847;">адаптируется к тону кожи</span>
1778</div>
1779<div style="display: grid; align-content:center; background-color:#fff; border-radius:8px; text-align:center; min-height:16rem;">
1780Полученный результат
1781<span style="font-size: 1.6em; display: block; line-height: 3rem; font-weight: 500; color: #e32847;">максимально реалистично
1782</span>
1783имитирует нанесение настоящего макияжа</div>
1784<div style="display: grid; align-content:center; background-color:#fff; border-radius:8px; text-align:center; min-height:16rem;">
1785Доступно свыше
1786<span style="font-size: 1.6em; display: block; line-height: 3rem; font-weight: 500; color: #e32847;">400 продуктов</span>
1787для примерки</div>
1788<div style="display: grid; align-content:center; background-color:#fff; border-radius:8px; text-align:center; min-height:16rem;">
1789Полная анонимность:
1790<span style="font-size: 1.6em; display: block; line-height: 3rem; font-weight: 500; color: #e32847;"> ваши селфи удаляются</span>
1791после окончания примерки</div>
1792 </div>
1793</div>
1794</div>
1795</div>
1796
1797        </div>
1798        </div>
1799
1800
1801    
1801<script type="text/javascript">
1802
1803        document.addEventListener("DOMContentLoaded", function (event) {
1804            const element = document.getElementsByClassName('oap_hairdiagStart_divbtn');
1805            if (element.length > 0) {
1806                let urlParams = new URLSearchParams(window.location.search);
1807
1808                if (urlParams != "" || urlParams != null) {
1809
1810                    var keyValuepairs = urlParams.toString().split('&');
1811                    var qrUtmfound = 0;
1812                    keyValuepairs.forEach(function (item, index) {
1813                        if (item === "utm_source=pos" || item === "utm_medium=qrcode") {
1814                            qrUtmfound++;
1815                        }
1816                    });
1817
1818                    if (qrUtmfound == 2) {
1819                        let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href");
1820                        let relocUpdatedurl = relocHref + window.location.search;
1821                        document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl);
1822                    }
1823                }
1824            }
1825        });
1826
1827    </script>
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839        <div class="rich-text">
1840        <div class="component-content ">
1841
1842<div class="field-text"><div class="oap-service-push-header__description" style="max-width: 65rem; margin: 0px auto;">
1843<p class="oap-service-push-header__text" style="margin: 0px 10px;">
1844Мы все через это прошли. Ни разу не использованная помада ярко-розового оттенка, которая восхитительно выглядела в магазине, но не гармонирует с вашим подтоном губ... Неподходящие подводки для глаз, лежащие на дне косметички... Использование месяцами тональной основы только потому, что она уже куплена, хотя оттенок не радует... Порой желаемые и реальные результаты не совпадают. Вот почему бренд L&rsquo;Or&eacute;al Paris создал <strong>виртуальную примерку макияжа</strong>, предложив новейшие технологии, которые помогут подобрать идеально подходящие продукты.
1845</p>
1846<p class="oap-service-push-header__text" style="margin: 0px 10px;">&nbsp;</p>
1847<p class="oap-service-push-header__text" style="margin: 0px 10px;">Ультрасовременные технологии дополненной реальности и искусственного интеллекта совершают революцию в мире красоты. Благодаря им <strong>онлайн-симулятор </strong>L&rsquo;Or&eacute;al Paris<strong> для примерки макияжа</strong> создает реалистичные модели и позволяет легко и комфортно подобрать идеальную косметику для вас. Передовой алгоритм отслеживания анализирует лицо и определяет ключевые точки. Затем данные передаются в <strong>инструмент виртуальной примерки</strong> для наложения реалистичного сгенерированного компьютером макияжа на ваше селфи или изображение с веб-камеры. Для обучения онлайн-инструмента, работающего на основе искусственного интеллекта, методикам <strong>идеального подбора цвета</strong> использовалась база из ххх фотографий женщин разного возраста и этнической принадлежности. Изображения никуда не передаются и обрабатываются непосредственно на устройстве пользователя, что обеспечивает безопасность персональных данных. Смело экспериментируйте и придумывайте любые образы. В любом месте и в любое время.
1848</p>
1849<p class="oap-service-push-header__text" style="margin: 0px 10px;">&nbsp;</p>
1850<h2 style="letter-spacing: normal; font-size: 1.875rem; line-height: 2.125rem; font-weight: 500; border-bottom: 0.0625rem solid #cbcccd; margin: 0px 1.5rem 1.5rem; padding-bottom: 1rem; text-align: left;">ВАМ ИНТЕРЕСНО ПОЛУЧИТЬ ОТВЕТ НА ВОПРОС...</h2>
1851<p class="oap-service-push-header__text" style="margin: 0px 10px;">
1852Как бы эта палитра теней <strong>выглядела на мне</strong>? Если вы еще не определились с выбором, сравните оттенки и найдите подходящие именно вам с помощью инструмента <strong>&laquo;Виртуальные сервисы&raquo;</strong>.
1853<br />
1854Какой цвет помады <strong>будет мне к лицу</strong>? Прежде чем покупать новый продукт, выберите нужный оттенок с помощью <strong>онлайн-инструмента</strong> подбора помады &laquo;Виртуальные сервисы&raquo;.
1855<br />
1856Какой оттенок тональной основы <strong>идеально подходит</strong> <strong>для моей кожи</strong>? Используйте инструмент, чтобы подобрать лучший вариант. <strong>Сервис </strong>посоветует вам нужный тон с учетом различных условий освещения.</p>
1857<div>&nbsp;</div>
1858<!--<sup style="margin: 0px 10px;">
1858*Результат диагностики не является медицинским диагнозом</sup>-->
1859</div>
1860<span></span></div>
1861
1862        </div>
1863        </div>
1864
1865
1866    
1866<script type="text/javascript">
1867
1868        document.addEventListener("DOMContentLoaded", function (event) {
1869            const element = document.getElementsByClassName('oap_hairdiagStart_divbtn');
1870            if (element.length > 0) {
1871                let urlParams = new URLSearchParams(window.location.search);
1872
1873                if (urlParams != "" || urlParams != null) {
1874
1875                    var keyValuepairs = urlParams.toString().split('&');
1876                    var qrUtmfound = 0;
1877                    keyValuepairs.forEach(function (item, index) {
1878                        if (item === "utm_source=pos" || item === "utm_medium=qrcode") {
1879                            qrUtmfound++;
1880                        }
1881                    });
1882
1883                    if (qrUtmfound == 2) {
1884                        let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href");
1885                        let relocUpdatedurl = relocHref + window.location.search;
1886                        document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl);
1887                    }
1888                }
1889            }
1890        });
1891
1892    </script>
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904<oap-slider theme="dark" layout="services" oap-scroller-aria-label="scroll">
1905
1906    <template #copy>
1907            <img class="oap-slider__logo lazyload"
1908                 alt="192192 Logo"
1909                 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
1910                 data-src="/-/media/project/loreal/brand-sites/oap/emea/ru/services/services-sliders-folder-home-page/192192_logo.png" />
1911        <h2 class="oap-slider__title">Попробуйте другие виртуальные сервисы мира красоты!</h2>
1912
1913        <h3 class="oap-slider__subtitle">Виртуальные сервисы</h3>
1914
1915
1916    </template>
1917
1918    <ul class="oap-slider__list">
1919            <li class="oap-slider__item">
1920                <oap-card type='product' :item='{&quot;id&quot;:&quot;3600523948437&quot;,&quot;hasBrackets&quot;:true,&quot;video&quot;:&quot;&quot;,&quot;type&quot;:&quot;product&quot;,&quot;brand&quot;:&quot;Подбор цвета волос&quot;,&quot;title&quot;:&quot;Примерьте ваш любимый оттенок волос онлайн&quot;,&quot;image&quot;:{&quot;fileName&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/services/services-sliders-folder-home-page/608608_services_slider_push_vto_hair_color_new2.png&quot;,&quot;packshotClass&quot;:&quot;oap-packshot--poster&quot;,&quot;alt&quot;:&quot;608608 Services Slider Push VTO Hair Color New2&quot;,&quot;sizes&quot;:&quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,&quot;resolutions&quot;:[{&quot;width&quot;:154,&quot;hash&quot;:&quot;BA4E2A90C567FD0AE11F7B1F698AF495&quot;}],&quot;fallbackSize&quot;:{&quot;width&quot;:154,&quot;hash&quot;:&quot;BA4E2A90C567FD0AE11F7B1F698AF495&quot;}},&quot;action&quot;:{&quot;text&quot;:&quot;Примерить онлайн&quot;},&quot;tag&quot;:{&quot;useractionevent&quot;:{&quot;action&quot;:&quot;__pageCategory__::select::virtual try on&quot;,&quot;label&quot;:&quot;load::virtual try on&quot;,&quot;category&quot;:&quot;virtual try on::modiface::hair-color&quot;}},&quot;logo&quot;:{&quot;src&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/zapper-tools/logo-haircolortryon.png&quot;,&quot;alt&quot;:&quot;Logo Haircolortryon&quot;},&quot;url&quot;:&quot;/preference/stojkaja-kraska-dlja-volos-ottenok-7-1-islandija/?tryon=true&quot;,&quot;isMex&quot;:false,&quot;additionalLinkClass&quot;:&quot;button-open-dsf-app&quot;}' :layouts='["services"]' v-is-intersecting-x='{"mql":"(max-width: 48rem)"}'></oap-card>
1921            </li>
1922            <li class="oap-slider__item">
1923                <oap-card type='product' :item='{&quot;id&quot;:&quot;3600523957477&quot;,&quot;hasBrackets&quot;:true,&quot;video&quot;:&quot;&quot;,&quot;type&quot;:&quot;product&quot;,&quot;brand&quot;:&quot;Виртуальная примерка&quot;,&quot;title&quot;:&quot;Примерьте ваш любимый макияж онлайн&quot;,&quot;image&quot;:{&quot;fileName&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/services/services-sliders-folder-home-page/608608_vto_make_up.jpg&quot;,&quot;packshotClass&quot;:&quot;oap-packshot--poster&quot;,&quot;alt&quot;:&quot;608608 VTO Make Up&quot;,&quot;sizes&quot;:&quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,&quot;resolutions&quot;:[{&quot;width&quot;:154,&quot;hash&quot;:&quot;0FCD77FC1851DED40AFB14813FF5EBAD&quot;}],&quot;fallbackSize&quot;:{&quot;width&quot;:154,&quot;hash&quot;:&quot;0FCD77FC1851DED40AFB14813FF5EBAD&quot;}},&quot;action&quot;:{&quot;text&quot;:&quot;Примерить онлайн&quot;},&quot;tag&quot;:{&quot;useractionevent&quot;:{&quot;action&quot;:&quot;__pageCategory__::select::virtual try on&quot;,&quot;label&quot;:&quot;load::virtual try on&quot;,&quot;category&quot;:&quot;virtual try on::modiface::make-up&quot;}},&quot;logo&quot;:{&quot;src&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/zapper-tools/logo-makeuptryon.png&quot;,&quot;alt&quot;:&quot;Logo Makeuptryon&quot;},&quot;url&quot;:&quot;/color-riche/nyudovaya-gubnaya-pomada-color-riche-ottenok-171/?tryon=true&quot;,&quot;isMex&quot;:false,&quot;additionalLinkClass&quot;:&quot;button-open-dsf-app&quot;}' :layouts='["services"]' v-is-intersecting-x='{"mql":"(max-width: 48rem)"}'></oap-card>
1924            </li>
1925            <li class="oap-slider__item">
1926                <oap-card type='product' :item='{&quot;id&quot;:&quot;3600522249795&quot;,&quot;hasBrackets&quot;:true,&quot;video&quot;:&quot;&quot;,&quot;type&quot;:&quot;product&quot;,&quot;brand&quot;:&quot;Skin Genius&quot;,&quot;title&quot;:&quot;Анализируйте кожу, как эксперт&quot;,&quot;image&quot;:{&quot;fileName&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/services/services-sliders-folder-home-page/608x608_services_slider_push_vto_skin_genius_luma.jpg&quot;,&quot;packshotClass&quot;:&quot;oap-packshot--poster&quot;,&quot;alt&quot;:&quot;608x608 Services Slider Push VTO Skin Genius Luma&quot;,&quot;sizes&quot;:&quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,&quot;resolutions&quot;:[{&quot;width&quot;:154,&quot;hash&quot;:&quot;F3C6709D389BE60972B933C794DEED1C&quot;}],&quot;fallbackSize&quot;:{&quot;width&quot;:154,&quot;hash&quot;:&quot;F3C6709D389BE60972B933C794DEED1C&quot;}},&quot;action&quot;:{&quot;text&quot;:&quot;Пройти диагностику&quot;},&quot;tag&quot;:{&quot;useractionevent&quot;:{&quot;action&quot;:&quot;__pageCategory__::select::skindr&quot;,&quot;label&quot;:&quot;load::skindr&quot;,&quot;category&quot;:&quot;analysis::skindr::skin&quot;}},&quot;logo&quot;:{&quot;src&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/zapper-tools/logo-skingenius.png&quot;,&quot;alt&quot;:&quot;Logo Skingenius&quot;},&quot;url&quot;:&quot;/revitalift-laser-x3/antivozrastnaya-syvorotka/?dsf-app=true&quot;,&quot;isMex&quot;:false,&quot;additionalLinkClass&quot;:&quot;button-open-dsf-app&quot;}' :layouts='["services"]' v-is-intersecting-x='{"mql":"(max-width: 48rem)"}'></oap-card>
1927            </li>
1928            <li class="oap-slider__item">
1929                <oap-card type='product' :item='{&quot;type&quot;:&quot;product&quot;,&quot;brand&quot;:&quot;Тест по  подбору оттенка&quot;,&quot;title&quot;:&quot;Узнайте свой персональный рецепт окрашивания&quot;,&quot;image&quot;:{&quot;fileName&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/services/services-sliders-folder-home-page/608x608_hair_color_coloration_test2.jpg&quot;,&quot;packshotClass&quot;:&quot;oap-packshot--poster&quot;,&quot;alt&quot;:&quot;608x608 Hair Color Coloration Test2&quot;,&quot;sizes&quot;:&quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,&quot;resolutions&quot;:[{&quot;width&quot;:154,&quot;hash&quot;:&quot;49602512DB81E56A0902037387B9A2EA&quot;}],&quot;fallbackSize&quot;:{&quot;width&quot;:154,&quot;hash&quot;:&quot;49602512DB81E56A0902037387B9A2EA&quot;}},&quot;action&quot;:{&quot;text&quot;:&quot;Подобрать&quot;},&quot;tag&quot;:{&quot;useractionevent&quot;:{&quot;action&quot;:&quot;__pageCategory__::select::&quot;,&quot;label&quot;:&quot;services related::diagnosis&quot;,&quot;category&quot;:&quot;diagnostic::&quot;}},&quot;logo&quot;:{&quot;src&quot;:&quot;/-/media/project/loreal/brand-sites/oap/emea/ru/zapper-tools/service-ottenok-small_2.png&quot;,&quot;alt&quot;:&quot;Service Ottenok Small 2&quot;},&quot;url&quot;:&quot;https://promo.loreal-paris.ru/coloration-test/&quot;,&quot;isMex&quot;:false,&quot;additionalLinkClass&quot;:&quot;button-open-dsf-app&quot;}' :layouts='["services"]' v-is-intersecting-x='{"mql":"(max-width: 48rem)"}'></oap-card>
1930            </li>
1931    </ul>
1932
1933    <template #controls>
1934        <oap-carousel-controls type="arrows"
1935                               item-selector=".oap-slider__item"
1936                               media-query-list="(max-width: 31.938rem)">
1937        </oap-carousel-controls>
1938    </template>
1939
1940        <template #link>
1941            <a href="/virtual-beauty-tools" class="oap-button -secondary" aria-label="Смотреть все онлайн сервисы " data-tag-wrapper data-tag-action="select::see all online tools" data-tag-label="select::see all online tools" data-tag-category="content page" v-tag:useractionevent.dom>
1942                Смотреть все онлайн сервисы
1943            </a>
1944        </template>
1945</oap-slider>
1946
1947    
1948
1949
1950
1951            <nav role="navigation" aria-label="Breadcrumb" class="breadcrumb">
1952                <ol class="breadcrumb__inner">
1953                            <li class="breadcrumb__item" data-tag-wrapper>
1954                                <a data-tag-ecommerce="undefined"
1955                                   data-tag-category="__pageCategory__"
1956                                   data-tag-action="breadcrumb"
1957                                   data-tag-label="главная"
1958                                   data-tag-event-name="breadcrumb"
1959                                   data-tag-event-detail="__pageCategory__"
1960                                   data-tag-breadcrumb="главная"
1961                                   v-tag:useractionevent.dom
1962                                   aria-label="Breadcrumb ГЛАВНАЯ"
1963                                   href="/">
1964                                    <span>ГЛАВНАЯ</span>
1965                                </a>
1966                                <span class="breadcrumb__seperator">/</span>
1967                            </li>
1968                            <li class="breadcrumb__item">
1969                                <strong>
1970                                    <span>make-up-virtual-try-on</span>
1971                                </strong>
1972                            </li>
1973                    
1974                </ol>
1975            </nav>
1976            <!-- Server side script for crawler/SEO -->
1977            
1977<script type="application/ld+json">
1978              {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.loreal-paris.ru","name":"ГЛАВНАЯ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.loreal-paris.ru/make-up-virtual-try-on","name":"make-up-virtual-try-on"}}]}
1979            </script>
1979
1980
1981
1982</div>
1983
1984
1985
1986
1987
1988
1989
1990
1991                
1992
1993            </div>
1994            
1995            <oap-toast-notification></oap-toast-notification>
1996
1997
1998        </main>
1999        
2000
2001        
2002        
2003
2004        
2005<footer class="footer" role="contentinfo" v-view-position-helper.body='"footer"'>
2006
2007    
2008<div class="footer__topContent container"
2009     v-background="{
2010         '0':   '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_mobile_dark.png?cx=0&cy=0&cw=188&ch=282&hash=844C3F30CD13C09A495E1606B575D25F',
2011        '1000': '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_tablet_dark.jpg?cx=0&cy=0&cw=1920&ch=1142&hash=24E2CBADD3FDDCE752A667D0D0EAAC9E',
2012        '1440': '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_desktop_dark.jpg?cx=0&cy=0&cw=2880&ch=1190&hash=68F0ED1468BBC1F6D1B8B77B53C255ED'
2013        }">
2014    <div class="footer__slogan container">Потому что Вы этого достойны</div>
2015
2016    <img class="footer__logo lazyload"
2017         alt="L'Oréal Paris"
2018         role="img"
2019         src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
2020         data-src="/frontend/static/icons/loreal-paris-logo.svg"/>
2021    
2022
2023<div class="footer__collapsables">
2024
2025    
2026
2027    <oap-accordion :items='[{&quot;title&quot;:&quot;Узнать больше&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;О Бренде&quot;,&quot;href&quot;:&quot;/about-us&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Узнать больше::О Бренде&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Наши сервисы&quot;,&quot;href&quot;:&quot;/virtual-beauty-tools&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Узнать больше::Наши сервисы&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Блог&quot;,&quot;href&quot;:&quot;/blog&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Узнать больше::Блог&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;FAQ&quot;,&quot;href&quot;:&quot;/faq&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Узнать больше::FAQ&quot;},&quot;isIframe&quot;:false}]},{&quot;title&quot;:&quot;Контактная информация&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;8 (800) 100-99-00, ежедневно с 9:00 до 21:00&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Контактная информация::8 (800) 100-99-00, ежедневно с 9:00 до 21:00&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;[email protected]&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Контактная информация::[email protected]&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;АО &#171;Л’Ореаль&#187;&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Контактная информация::АО &#171;Л’Ореаль&#187;&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;ИНН 7726059896&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Контактная информация::ИНН 7726059896&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;125047, г. Москва, вн.тер.г. муниципальный округ Тверской, пл. Тверская Застава, дом 4.&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Контактная информация::125047, г. Москва, вн.тер.г. муниципальный округ Тверской, пл. Тверская Застава, дом 4.&quot;},&quot;isIframe&quot;:false}]},{&quot;title&quot;:&quot;&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;На информационном ресурсе применяются рекомендательные технологии (информационные технологии предоставления информации на основе сбора, систематизации и анализа сведений, относящихся к предпочтениям пользователей сети \&quot;Интернет\&quot;, находящихся на территории Российской Федерации).&quot;,&quot;href&quot;:&quot;/recommendation-tech-usage&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;::На информационном ресурсе применяются рекомендательные технологии (информационные технологии предоставления информации на основе сбора, систематизации и анализа сведений, относящихся к предпочтениям пользователей сети \&quot;Интернет\&quot;, находящихся на территории Российской Федерации).&quot;},&quot;isIframe&quot;:false}]}]' aria-label-key="page">
2028    </oap-accordion>
2029
2030    
2031
2032</div>
2033
2034
2035    <div class="footer__bottom-container">
2036        
2037
2038<section class="footer__social">
2039    <ul>
2040            <li class="footer__social-item">
2041                <a href="https://l.likee.video/p/hu13g1" target="" aria-label="Likee (new window)"
2042                   data-tag-wrapper
2043                   data-tag-ecommerce="undefined"
2044                   data-tag-event-name="social_interaction"
2045                   data-tag-social-network="likee"
2046                   data-tag-social-action="share"
2047                   data-tag-network="likee"
2048                   data-tag-action="share"
2049                   v-tag:socialintevent.dom>
2050                    <img
2051                        class="lazyload"
2052                        alt="Likee icon"
2053                        role="img"
2054                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
2055                        data-src="/-/media/project/loreal/brand-sites/oap/emea/ru/products/og-files/other/likeee-icon4-(1).png"/>
2056                    <span class="is-sr-only">Likee</span>
2057                </a>
2058            </li>
2059            <li class="footer__social-item">
2060                <a href="https://ok.ru/group/52512036028576" target="_blank" aria-label="OK (new window)"
2061                   data-tag-wrapper
2062                   data-tag-ecommerce="undefined"
2063                   data-tag-event-name="social_interaction"
2064                   data-tag-social-network="ok"
2065                   data-tag-social-action="share"
2066                   data-tag-network="ok"
2067                   data-tag-action="share"
2068                   v-tag:socialintevent.dom>
2069                    <img
2070                        class="lazyload"
2071                        alt="OK icon"
2072                        role="img"
2073                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
2074                        data-src=""/>
2075                    <span class="is-sr-only">OK</span>
2076                </a>
2077            </li>
2078    </ul>
2079</section>
2080
2081        
2082    </div>
2083</div>
2084
2085
2086    
2087
2088    <div class="footer__bottomContent container">
2089        <section class="footer__contrast-switcher">
2090            
2091        </section>
2092
2093        <div class="footer__group">
2094            
2095            <section class="footer__info">
2096    <ul class="footer__info-list">
2097            <li class="footer__info-list-item">
2098                    <a href="/recommendation-tech-usage">Правила применения рекомендательных технологий</a>
2099            </li>
2100            <li class="footer__info-list-item">
2101                    <a href="/terms-of-use">Правила пользования сайтом</a>
2102            </li>
2103            <li class="footer__info-list-item">
2104                    <a href="/privacy-policy">Политика конфиденциальности</a>
2105            </li>
2106    </ul>
2107</section>
2108
2109            
2110<span class="footer__info-list-item footer__copyright">@ 2026 L&#39;Or&#233;al Paris</span>
2111
2112        </div>
2113    </div>
2114</footer>
2115
2116
2117        
2118
2119    <component is="script" id="data-iopscript" data-iopscript='{"lang":"ru", "mode":"tooltip",  "noLink":true,"regex":"(?:,|:|•|●|;)+","gtmEnabled":true }' 
2120               src="https://inside-our-products.wsf-e-loreal.com/files/widgets.bundle.js"
2121               charset="utf-8" async></component>
2122
2123        
2124        
2125        
2126        
2127        <!-- Shade finder -->
2128        
2129        <!-- Shade finder -->
2130    </div>
2131    
2132
2133
2134            <!-- BEGIN Skindr Script -->
2135    
2136    <!-- END Skindr Script -->
2137    <!-- BEGIN Messenger Script -->
2138    
2139    <!-- END Messenger Script -->
2140    <!-- Messenger Chat -->
2141    
2142    <!-- Messenger Chat call -->
2143    <!-- Iadvize custom tag -->
2144    
2145    <!-- Iadvize custom tag -->
2146    <!-- Iadvize main tag -->
2147    
2148    <!-- Iadvize main tag -->
2149    <!-- /#wrapper -->
2150    <!-- HACK: This is not how we must show the signed in user on a server-rendered page -->
2151    <!-- /END HACK: -->
2152</body>
2153</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.