PageSourceSearch

https://www.paulaschoice-eu.com/products/eye-care

html paulaschoice-eu.com collected 2026-10-02 11:08:37 UTC 528,165 bytes, 17,158 lines download raw bytes

1<!doctype html>
2<!--[if lt IE 7]> <html class="ie6 oldie" lang="en"> <![endif]-->
3<!--[if IE 7]> <html class="ie7 oldie" lang="en"> <![endif]-->
4<!--[if IE 8]> <html class="ie8 oldie" lang="en"> <![endif]-->
5<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
6<head>
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139<link rel="stylesheet" type="text/css" href="https://cdn.clarip.com/ulp/cookieconsent/assets/css/cookieconsent.min.css" crossorigin="anonymous" />
140<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/clarip.css" type="text/css" rel="stylesheet" />
141
142<script>
143    // Preserve native createElement before Clarip replaces it (otherwise dynamic script tags lose src)
144    window.__nativeCreateElement = document.createElement.bind(document);
145
146    window.claripCdnHost = "cdn.clarip.com";
147    window.claripClientName = "ulp";
148    window.claripCookieConsentHost = "ulp.clarip.com";
149    window.claripCookieManagerIdentifier = "a144755ee81d03f2d195";
150
151    window.pcUnblockRecaptchaScripts = function () {
152        window.CLARIP_WHITELIST = window.CLARIP_WHITELIST || [];
153        window.CLARIP_WHITELIST.push(/www\.google\.com\/recaptcha/, /www\.gstatic\.com\/recaptcha/);
154        if (window.yett && typeof window.yett.unblock === 'function') {
155            window.yett.unblock('www.google.com/recaptcha');
156            window.yett.unblock('www.gstatic.com/recaptcha');
157        }
158    };
159    window.pcUnblockRecaptchaScripts();
160</script>
160
161
162<script src="https://cdn.clarip.com/ulp/cookieconsent/assets/js/cookieconsent.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 162
162
163<script src="https://cdn.clarip.com/ulp/cookieconsent/assets/js/clarip-cookie-manager.min.js" crossorigin="anonymous"></script>
163
164
165<script>
166    window.addEventListener('unhandledrejection', function(event) {
167        if (event.reason && event.reason.message && event.reason.message.includes('clarip')) {
168            console.warn('Clarip: CORS or configuration error. Please contact Clarip support to whitelist this domain.');
169            event.preventDefault();
170        }
171    });
172
173    // Clarip re-initializes CLARIP_WHITELIST when the blocker starts — re-apply after it loads
174    document.addEventListener('load', function () {
175        if (typeof window.pcUnblockRecaptchaScripts === 'function') {
176            window.pcUnblockRecaptchaScripts();
177        }
178    });
179</script>
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305<meta charset=UTF-8>
306
307
308<script type="text/javascript">
309;window.NREUM||(NREUM={});NREUM.init={privacy:{cookies_enabled:true}};
310window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var i=e[n]={exports:{}};t[n][0].call(i.exports,function(e){var i=t[n][1][e];return r(i||e)},i,i.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<n.length;i++)r(n[i]);return r}({1:[function(t,e,n){function r(t){try{c.console&&console.log(t)}catch(e){}}var i,o=t("ee"),a=t(23),c={};try{i=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(c.console=!0,i.indexOf("dev")!==-1&&(c.dev=!0),i.indexOf("nr_dev")!==-1&&(c.nrDev=!0))}catch(s){}c.nrDev&&o.on("internal-error",function(t){r(t.stack)}),c.dev&&o.on("fn-err",function(t,e,n){r(n.stack)}),c.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(c,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,c){try{p?p-=1:i(c||new UncaughtException(t,e,n),!0)}catch(f){try{o("ierr",[f,s.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function i(t,e){var n=e?null:s.now();o("err",[t,n])}var o=t("handle"),a=t(24),c=t("ee"),s=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;s.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(9),t(8),"addEventListener"in window&&t(5),s.xhrWrappable&&t(10),d=!0)}c.on("fn-start",function(t,e,n){d&&(p+=1)}),c.on("fn-err",function(t,e,n){d&&!n[l]&&(f(n,l,function(){return!0}),this.thrown=!0,i(n))}),c.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),c.on("internal-error",function(t){o("ierr",[t,s.now(),!0])})},{}],3:[function(t,e,n){t("loader").features.ins=!0},{}],4:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var i=t("ee"),o=t("handle"),a=t(9),c=t(8),s="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",g="pushState",y=t("loader");y.features.stn=!0,t(7),"addEventListener"in window&&t(5);var x=NREUM.o.EV;i.on(m,function(t,e){var n=t[0];n instanceof x&&(this.bstStart=y.now())}),i.on(w,function(t,e){var n=t[0];n instanceof x&&o("bst",[n,e,this.bstStart,y.now()])}),a.on(m,function(t,e,n){this.bstStart=y.now(),this.bstType=n}),a.on(w,function(t,e){o(v,[e,this.bstStart,y.now(),this.bstType])}),c.on(m,function(){this.bstStart=y.now()}),c.on(w,function(t,e){o(v,[e,this.bstStart,y.now(),"requestAnimationFrame"])}),i.on(g+p,function(t){this.time=y.now(),this.startPath=location.pathname+location.hash}),i.on(g+h,function(t){o("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+s]?window.performance[f](u,function(t){o(d,[window.performance.getEntriesByType(l)]),window.performance["c"+s]()},!1):window.performance[f]("webkit"+u,function(t){o(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+s]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&i(e)}function i(t){c.inPlace(t,[u,d],"-",o)}function o(t,e){return t[1]}var a=t("ee").get("events"),c=t("wrap-function")(a,!0),s=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(i(window),i(f.prototype)),a.on(u+"-start",function(t,e){var n=t[1],r=s(n,"nr@wrapped",function(){function t(){if("function"==typeof n.handleEvent)return n.handleEvent.apply(n,arguments)}var e={object:t,"function":n}[typeof n];return e?c(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,e,n){function r(t,e,n){var r=t[e];"function"==typeof r&&(t[e]=function(){var t=o(arguments),e={};i.emit(n+"before-start",[t],e);var a;e[m]&&e[m].dt&&(a=e[m].dt);var c=r.apply(this,t);return i.emit(n+"start",[t,a],c),c.then(function(t){return i.emit(n+"end",[null,t],c),t},function(t){throw i.emit(n+"end",[t],c),t})})}var i=t("ee").get("fetch"),o=t(24),a=t(23);e.exports=i;var c=window,s="fetch-",f=s+"body-",u=["arrayBuffer","blob","json","text","formData"],d=c.Request,l=c.Response,p=c.fetch,h="prototype",m="nr@context";d&&l&&p&&(a(u,function(t,e){r(d[h],e,f),r(l[h],e,f)}),r(c,"fetch",s),i.on(s+"end",function(t,e){var n=this;if(e){var r=e.headers.get("content-length");null!==r&&(n.rxSize=r),i.emit(s+"done",[null,e],n)}else i.emit(s+"done",[t],n)}))},{}],7:[function(t,e,n){var r=t("ee").get("history"),i=t("wrap-function")(r);e.exports=r;var o=window.history&&window.history.constructor&&window.history.constructor.prototype,a=window.history;o&&o.pushState&&o.replaceState&&(a=o),i.inPlace(a,["pushState","replaceState"],"-")},{}],8:[function(t,e,n){var r=t("ee").get("raf"),i=t("wrap-function")(r),o="equestAnimationFrame";e.exports=r,i.inPlace(window,["r"+o,"mozR"+o,"webkitR"+o,"msR"+o],"raf-"),r.on("raf-start",function(t){t[0]=i(t[0],"fn-")})},{}],9:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function i(t,e,n){this.method=n,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,n)}var o=t("ee").get("timer"),a=t("wrap-function")(o),c="setTimeout",s="setInterval",f="clearTimeout",u="-start",d="-";e.exports=o,a.inPlace(window,[c,"setImmediate"],c+d),a.inPlace(window,[s],s+d),a.inPlace(window,[f,"clearImmediate"],f+d),o.on(s+u,r),o.on(c+u,i)},{}],10:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",c)}function i(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,g,"fn-",c)}function o(t){y.push(t),h&&(b?b.then(a):w?w(a):(E=-E,R.data=E))}function a(){for(var t=0;t<y.length;t++)r([],y[t]);y.length&&(y=[])}function c(t,e){return e}function s(t,e){for(var n in t)e[n]=t[n];return e}t(5);var f=t("ee"),u=f.get("xhr"),d=t("wrap-function")(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",g=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],y=[];e.exports=u;var x=window.XMLHttpRequest=function(t){var e=new p(t);try{u.emit("new-xhr",[e],e),e.addEventListener(v,i,!1)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(s(p,x),x.prototype=p.prototype,d.inPlace(x.prototype,["open","send"],"-xhr-",c),u.on("send-xhr-start",function(t,e){r(t,e),o(e)}),u.on("open-xhr-start",r),h){var b=m&&m.resolve();if(!w&&!m){var E=1,R=document.createTextNode(E);new h(a).observe(R,{characterData:!0}
310)}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],11:[function(t,e,n){function r(t){if(!c(t))return null;var e=window.NREUM;if(!e.loader_config)return null;var n=(e.loader_config.accountID||"").toString()||null,r=(e.loader_config.agentID||"").toString()||null,f=(e.loader_config.trustKey||"").toString()||null;if(!n||!r)return null;var h=p.generateSpanId(),m=p.generateTraceId(),w=Date.now(),v={spanId:h,traceId:m,timestamp:w};return(t.sameOrigin||s(t)&&l())&&(v.traceContextParentHeader=i(h,m),v.traceContextStateHeader=o(h,w,n,r,f)),(t.sameOrigin&&!u()||!t.sameOrigin&&s(t)&&d())&&(v.newrelicHeader=a(h,m,w,n,r,f)),v}function i(t,e){return"00-"+e+"-"+t+"-01"}function o(t,e,n,r,i){var o=0,a="",c=1,s="",f="";return i+"@nr="+o+"-"+c+"-"+n+"-"+r+"-"+t+"-"+a+"-"+s+"-"+f+"-"+e}function a(t,e,n,r,i,o){var a="btoa"in window&&"function"==typeof window.btoa;if(!a)return null;var c={v:[0,1],d:{ty:"Browser",ac:r,ap:i,id:t,tr:e,ti:n}};return o&&r!==o&&(c.d.tk=o),btoa(JSON.stringify(c))}function c(t){return f()&&s(t)}function s(t){var e=!1,n={};if("init"in NREUM&&"distributed_tracing"in NREUM.init&&(n=NREUM.init.distributed_tracing),t.sameOrigin)e=!0;else if(n.allowed_origins instanceof Array)for(var r=0;r<n.allowed_origins.length;r++){var i=h(n.allowed_origins[r]);if(t.hostname===i.hostname&&t.protocol===i.protocol&&t.port===i.port){e=!0;break}}return e}function f(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.enabled}function u(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.exclude_newrelic_header}function d(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&NREUM.init.distributed_tracing.cors_use_newrelic_header!==!1}function l(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.cors_use_tracecontext_headers}var p=t(20),h=t(13);e.exports={generateTracePayload:r,shouldGenerateTrace:c}},{}],12:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<l;r++)t.removeEventListener(d[r],this.listener,!1);e.aborted||(n.duration=a.now()-this.startTime,this.loadCaptureCalled||4!==t.readyState?null==e.status&&(e.status=0):o(this,t),n.cbTime=this.cbTime,u.emit("xhr-done",[t],t),c("xhr",[e,n,this.startTime]))}}function i(t,e){var n=s(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.parsedOrigin=s(e),t.sameOrigin=t.parsedOrigin.sameOrigin}function o(t,e){t.params.status=e.status;var n=w(e,t.lastSize);if(n&&(t.metrics.rxSize=n),t.sameOrigin){var r=e.getResponseHeader("X-NewRelic-App-Data");r&&(t.params.cat=r.split(", ").pop())}t.loadCaptureCalled=!0}var a=t("loader");if(a.xhrWrappable){var c=t("handle"),s=t(13),f=t(11).generateTracePayload,u=t("ee"),d=["load","error","abort","timeout"],l=d.length,p=t("id"),h=t(17),m=t(16),w=t(14),v=window.XMLHttpRequest;a.features.xhr=!0,t(10),t(6),u.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,e.loadCaptureCalled=!1,t.addEventListener("load",function(n){o(e,t)},!1),h&&(h>34||h<10)||window.opera||t.addEventListener("progress",function(t){e.lastSize=t.loaded},!1)}),u.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),u.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid);var n=f(this.parsedOrigin);if(n){var r=!1;n.newrelicHeader&&(e.setRequestHeader("newrelic",n.newrelicHeader),r=!0),n.traceContextParentHeader&&(e.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&e.setRequestHeader("tracestate",n.traceContextStateHeader),r=!0),r&&(this.dt=n)}}),u.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],i=this;if(n&&r){var o=m(r);o&&(n.txSize=o)}this.startTime=a.now(),this.listener=function(t){try{"abort"!==t.type||i.loadCaptureCalled||(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof e.onload))&&i.end(e)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}};for(var c=0;c<l;c++)e.addEventListener(d[c],this.listener,!1)}),u.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),u.on("xhr-load-added",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),u.on("xhr-load-removed",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),u.on("addEventListener-end",function(t,e){e instanceof v&&"load"===t[0]&&u.emit("xhr-load-added",[t[1],t[2]],e)}),u.on("removeEventListener-end",function(t,e){e instanceof v&&"load"===t[0]&&u.emit("xhr-load-removed",[t[1],t[2]],e)}),u.on("fn-start",function(t,e,n){e instanceof v&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),u.on("fn-end",function(t,e){this.xhrCbStart&&u.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,e],e)}),u.on("fetch-before-start",function(t){function e(t,e){var n=!1;
310return e.newrelicHeader&&(t.set("newrelic",e.newrelicHeader),n=!0),e.traceContextParentHeader&&(t.set("traceparent",e.traceContextParentHeader),e.traceContextStateHeader&&t.set("tracestate",e.traceContextStateHeader),n=!0),n}var n,r=t[1]||{};"string"==typeof t[0]?n=t[0]:t[0]&&t[0].url&&(n=t[0].url),n&&(this.parsedOrigin=s(n),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=f(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if("string"==typeof t[0]){var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),e(o.headers,i)&&(this.dt=i),t.length>1?t[1]=o:t.push(o)}else t[0]&&t[0].headers&&e(t[0].headers,i)&&(this.dt=i)})}},{}],13:[function(t,e,n){var r={};e.exports=function(t){if(t in r)return r[t];var e=document.createElement("a"),n=window.location,i={};e.href=t,i.port=e.port;var o=e.href.split("://");!i.port&&o[1]&&(i.port=o[1].split("/")[0].split("@").pop().split(":")[1]),i.port&&"0"!==i.port||(i.port="https"===o[0]?"443":"80"),i.hostname=e.hostname||n.hostname,i.pathname=e.pathname,i.protocol=o[0],"/"!==i.pathname.charAt(0)&&(i.pathname="/"+i.pathname);var a=!e.protocol||":"===e.protocol||e.protocol===n.protocol,c=e.hostname===document.domain&&e.port===n.port;return i.sameOrigin=a&&(!e.hostname||c),"/"===i.pathname&&(r[t]=i),i}},{}],14:[function(t,e,n){function r(t,e){var n=t.responseType;return"json"===n&&null!==e?e:"arraybuffer"===n||"blob"===n||"json"===n?i(t.response):"text"===n||""===n||void 0===n?i(t.responseText):void 0}var i=t(16);e.exports=r},{}],15:[function(t,e,n){function r(){}function i(t,e,n){return function(){return o(t,[f.now()].concat(c(arguments)),e?null:this,n),e?void 0:this}}var o=t("handle"),a=t(23),c=t(24),s=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,e){u[e]=i(l+e,!0,"api")}),u.addPageAction=i(l+"addPageAction",!0),u.setCurrentRouteName=i(l+"routeName",!0),e.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,e){var n={},r=this,i="function"==typeof e;return o(p+"tracer",[f.now(),t,n],r),function(){if(s.emit((i?"":"no-")+"fn-start",[f.now(),r,i],n),i)try{return e.apply(this,arguments)}catch(t){throw s.emit("fn-err",[arguments,this,t],n),t}finally{s.emit("fn-end",[f.now()],n)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){h[e]=i(p+e)}),newrelic.noticeError=function(t,e){"string"==typeof t&&(t=new Error(t)),o("err",[t,f.now(),!1,e])}},{}],16:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],17:[function(t,e,n){var r=0,i=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);i&&(r=+i[1]),e.exports=r},{}],18:[function(t,e,n){function r(){return c.exists&&performance.now?Math.round(performance.now()):(o=Math.max((new Date).getTime(),o))-a}function i(){return o}var o=(new Date).getTime(),a=o,c=t(25);e.exports=r,e.exports.offset=a,e.exports.getLastTimestamp=i},{}],19:[function(t,e,n){function r(t,e){var n=t.getEntries();n.forEach(function(t){"first-paint"===t.name?d("timing",["fp",Math.floor(t.startTime)]):"first-contentful-paint"===t.name&&d("timing",["fcp",Math.floor(t.startTime)])})}function i(t,e){var n=t.getEntries();n.length>0&&d("lcp",[n[n.length-1]])}function o(t){t.getEntries().forEach(function(t){t.hadRecentInput||d("cls",[t])})}function a(t){if(t instanceof h&&!w){var e=Math.round(t.timeStamp),n={type:t.type};e<=l.now()?n.fid=l.now()-e:e>l.offset&&e<=Date.now()?(e-=l.offset,n.fid=l.now()-e):e=l.now(),w=!0,d("timing",["fi",e,n])}}function c(t){d("pageHide",[l.now(),t])}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var s,f,u,d=t("handle"),l=t("loader"),p=t(22),h=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){s=new PerformanceObserver(r);try{s.observe({entryTypes:["paint"]})}catch(m){}f=new PerformanceObserver(i);try{f.observe({entryTypes:["largest-contentful-paint"]})}catch(m){}u=new PerformanceObserver(o);try{u.observe({type:"layout-shift",buffered:!0})}catch(m){}}if("addEventListener"in document){var w=!1,v=["click","keydown","mousedown","pointerdown","touchstart"];v.forEach(function(t){document.addEventListener(t,a,!1)})}p(c)}},{}],20:[function(t,e,n){function r(){function t(){return e?15&e[n++]:16*Math.random()|0}var e=null,n=0,r=window.crypto||window.msCrypto;r&&r.getRandomValues&&(e=r.getRandomValues(new Uint8Array(31)));for(var i,o="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",a="",c=0;c<o.length;c++)i=o[c],"x"===i?a+=t().toString(16):"y"===i?(i=3&t()|8,a+=i.toString(16)):a+=i;return a}function i(){return a(16)}function o(){return a(32)}function a(t){function e(){return n?15&n[r++]:16*Math.random()|0}var n=null,r=0,i=window.crypto||window.msCrypto;i&&i.getRandomValues&&Uint8Array&&(n=i.getRandomValues(new Uint8Array(31)));for(var o=[],a=0;a<t;a++)o.push(e().toString(16));return o.join("")}e.exports={generateUuid:r,generateSpanId:i,generateTraceId:o}},{}],21:[function(t,e,n){function r(t,e){if(!i)return!1;if(t!==i)return!1;if(!e)return!0;
310if(!o)return!1;for(var n=o.split("."),r=e.split("."),a=0;a<r.length;a++)if(r[a]!==n[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var c=navigator.userAgent,s=c.match(a);s&&c.indexOf("Chrome")===-1&&c.indexOf("Chromium")===-1&&(i="Safari",o=s[1])}e.exports={agent:i,version:o,match:r}},{}],22:[function(t,e,n){function r(t){function e(){t(a&&document[a]?document[a]:document[i]?"hidden":"visible")}"addEventListener"in document&&o&&document.addEventListener(o,e,!1)}e.exports=r;var i,o,a;"undefined"!=typeof document.hidden?(i="hidden",o="visibilitychange",a="visibilityState"):"undefined"!=typeof document.msHidden?(i="msHidden",o="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(i="webkitHidden",o="webkitvisibilitychange",a="webkitVisibilityState")},{}],23:[function(t,e,n){function r(t,e){var n=[],r="",o=0;for(r in t)i.call(t,r)&&(n[o]=e(r,t[r]),o+=1);return n}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],24:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,i=n-e||0,o=Array(i<0?0:i);++r<i;)o[r]=t[e+r];return o}e.exports=r},{}],25:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(t,e,n){function r(){}function i(t){function e(t){return t&&t instanceof r?t:t?s(t,c,o):o()}function n(n,r,i,o){if(!l.aborted||o){t&&t(n,r,i);for(var a=e(i),c=m(n),s=c.length,f=0;f<s;f++)c[f].apply(a,r);var d=u[y[n]];return d&&d.push([x,n,r,a]),a}}function p(t,e){g[t]=m(t).concat(e)}function h(t,e){var n=g[t];if(n)for(var r=0;r<n.length;r++)n[r]===e&&n.splice(r,1)}function m(t){return g[t]||[]}function w(t){return d[t]=d[t]||i(n)}function v(t,e){f(t,function(t,n){e=e||"feature",y[n]=e,e in u||(u[e]=[])})}var g={},y={},x={on:p,addEventListener:p,removeEventListener:h,emit:n,get:w,listeners:m,context:e,buffer:v,abort:a,aborted:!1};return x}function o(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var c="nr@context",s=t("gos"),f=t(23),u={},d={},l=e.exports=i();l.backlog=u},{}],gos:[function(t,e,n){function r(t,e,n){if(i.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return t[e]=r,r}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){i.buffer([t],r),i.emit(t,e,n)}var i=t("ee").get("handle");e.exports=r,r.ee=i},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,o,function(){return i++})}var i=1,o="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!b++){var t=x.info=NREUM.info,e=l.getElementsByTagName("script")[0];if(setTimeout(f.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return f.abort();s(g,function(e,n){t[e]||(t[e]=n)});var n=a();c("mark",["onload",n+x.offset],null,"api"),c("timing",["load",n]);var r=l.createElement("script");r.src="https://"+t.agent,e.parentNode.insertBefore(r,e)}}function i(){"complete"===l.readyState&&o()}function o(){c("mark",["domContent",a()+x.offset],null,"api")}var a=t(18),c=t("handle"),s=t(23),f=t("ee"),u=t(21),d=window,l=d.document,p="addEventListener",h="attachEvent",m=d.XMLHttpRequest,w=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var v=""+location,g={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1184.min.js"},y=m&&w&&w[p]&&!/CriOS/.test(navigator.userAgent),x=e.exports={offset:a.getLastTimestamp(),now:a,origin:v,features:{},xhrWrappable:y,userAgent:u};t(15),t(19),l[p]?(l[p]("DOMContentLoaded",o,!1),d[p]("load",r,!1)):(l[h]("onreadystatechange",i),d[h]("onload",r)),c("mark",["firstbyte",a.getLastTimestamp()],null,"api");var b=0},{}],"wrap-function":[function(t,e,n){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var i=t("ee"),o=t(24),a="nr@original",c=Object.prototype.hasOwnProperty,s=!1;e.exports=function(t,e){function n(t,e,n,i){function nrWrapper(){var r,a,c,s;try{a=this,r=o(arguments),c="function"==typeof n?n(r,a):n||{}}catch(f){l([f,"",[r,a,i],c])}u(e+"start",[r,a,i],c);try{return s=t.apply(a,r)}catch(d){throw u(e+"err",[r,a,d],c),d}finally{u(e+"end",[r,a,s],c)}}return r(t)?t:(e||(e=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,e,i,o){i||(i="");var a,c,s,f="-"===i.charAt(0);for(s=0;s<e.length;s++)c=e[s],a=t[c],r(a)||(t[c]=n(a,f?c+i:i,o,c))}function u(n,r,i){if(!s||e){var o=s;
310s=!0;try{t.emit(n,r,i,e)}catch(a){l([a,n,r,i])}s=o}}function d(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){l([r])}for(var i in t)c.call(t,i)&&(e[i]=t[i]);return e}function l(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=i),n.inPlace=f,n.flag=a,n}},{}]},{},["loader",2,12,4,3]);
311;NREUM.loader_config={accountID:"248328",trustKey:"248328",agentID:"500516596",licenseKey:"43f72f3f08",applicationID:"500516596"}
312;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"43f72f3f08",applicationID:"500516596",sa:1}
313</script>
313
314
315
316
317
318
319
320	
321	
321<script>
322		window.dataLayer = window.dataLayer || [];
323		dataLayer.push({
324			'EventNonInteraction': true,
325			'pageType': 'Listerpage',
326			'pageCategory': 'Category listerpage',
327			'pageSubCategory': 'Eye products',
328			'pageCurrency': 'EUR'
329		});
330	</script>
330
331	
332		
333			
333<script>
334				var gtmObj = {
335					'event': 'productImpressionAll',
336					'ecommerce': {
337						'currencyCode': 'EUR',
338						'impressions': [],
339						'promoview': {
340							'promotions': []
341						}
342					}
343				};
344			</script>
344
345		
346		
347			
348		
349		
350			
351		
352		
353			
354			
354<script>
355				gtmObj.ecommerce.impressions.push({
356					'name': 'Pro-Collagen Peptide Firming Eye Serum',
357					'id': '1080-01',
358					'price': 33.02,
359					'discount_amount': '5.83',
360					'discount_percentage': '0.15',
361					'brand': 'Paula\'s Choice',
362					'category': 'skincare/Categories/Eye products',
363					'collection': 'Plump + Firm',
364					'ingredient': 'Acetyl Hexapeptide-8',
365					'variant': 'fullsize',
366					'list': 'eye-care-products',
367					'position': '1'
368				});
369			</script>
369
370			
371				
371<script>
372					gtmObj.ecommerce.promoview.promotions.push({
373						'id': 'Shop_discount_15_category_AntiAge',
374						'name': '15% off',
375						'creative': '',
376						'position': 'ProductImpression'
377					});
378				</script>
378
379			
380		
381		
382	
383		
384		
385			
386		
387		
388			
389		
390		
391			
392			
392<script>
393				gtmObj.ecommerce.impressions.push({
394					'name': 'C5 Super Boost Eye Cream Full Size',
395					'id': '1010-01',
396					'price': 33.02,
397					'discount_amount': '5.83',
398					'discount_percentage': '0.15',
399					'brand': 'Paula\'s Choice',
400					'category': 'skincare/Categories/Eye products',
401					'collection': 'Brighten Up',
402					'ingredient': 'Vitamin C',
403					'variant': 'fullsize',
404					'list': 'eye-care-products',
405					'position': '2'
406				});
407			</script>
407
408			
409				
409<script>
410					gtmObj.ecommerce.promoview.promotions.push({
411						'id': 'Shop_discount_15_category_AntiAge',
412						'name': '15% off',
413						'creative': '',
414						'position': 'ProductImpression'
415					});
416				</script>
416
417			
418		
419		
420	
421		
422		
423			
424		
425		
426			
427		
428		
429			
430			
430<script>
431				gtmObj.ecommerce.impressions.push({
432					'name': 'Clinical Ceramide-Enriched Firming Eye Cream Full size',
433					'id': '2160-01',
434					'price': 37.93,
435					'discount_amount': '6.69',
436					'discount_percentage': '0.15',
437					'brand': 'Paula\'s Choice',
438					'category': 'skincare/Categories/Eye products',
439					'collection': 'Clinical',
440					'ingredient': 'Ceramides',
441					'variant': 'fullsize',
442					'list': 'eye-care-products',
443					'position': '3'
444				});
445			</script>
445
446			
447				
447<script>
448					gtmObj.ecommerce.promoview.promotions.push({
449						'id': 'Shop_discount_15_category_AntiAge',
450						'name': '15% off',
451						'creative': '',
452						'position': 'ProductImpression'
453					});
454				</script>
454
455			
456		
457			
458			
459			
459<script>
460				window.dataLayer = window.dataLayer || [];
461				dataLayer.push(gtmObj);
462			</script>
462
463			
464
465
466<script>
467	window.dataLayer = window.dataLayer || [];
468
469	dataLayer.push({
470		'EventNonInteraction': true,
471		'visitorId': '',
472		'visitorLoggedIn': 'guest checkout'
473		
474	});
475</script>
475
476
477
478
479
480
481	
482		<!-- Google Tag Manager -->
483		
483<script>
484		(function(w,d,s,l,i){
485			w[l]=w[l]||[];w[l].push(
486				{'gtm.start': new Date().getTime(),event:'gtm.js'}
487			);
488			var f=d.getElementsByTagName(s)[0],
489				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
490				'https://sst.paulaschoice-eu.com/gtm.js?id='+i+dl+'&gtm_auth=q_ZLBsfvdNHKYvnb6nEmNQ&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
491		})(window,document,'script','dataLayer','GTM-WMQ3NWH');</script>
491
492		<!-- End Google Tag Manager -->
493	
494
495
496
497
498
499
500<script>
501window.KlaviyoConfig = {"enabled":true,"publicApiKey":"Saq2a7","customerEmail":null,"apiRevision":"2026-04-15"};
502</script>
502
503
504<script>
505!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();
506</script>
vendor: 1 bytes, line 506
506
507<script type="text/javascript" async="async" src="https://static.klaviyo.com/onsite/js/Saq2a7/klaviyo.js" onload="window.__klaviyoReady=true;window.dispatchEvent(new Event('klaviyo:ready'))"></script>
507
508
509
510
511
512
513<meta http-equiv="x-ua-compatible" content="ie=edge">
514
515<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
516
517
518
519
520
521
522<title>Eye Cream for Every Eye Concern | Paula's Choice</title>
523
524
525
526
527<script>
528window.dataLayer = window.dataLayer || [];
529dataLayer.push({
530'event': 'init',
531'user': {
532'id': 'undefined',
533'email_sha256': 'null',
534'first_name_sha256': 'undefined',
535'last_name_sha256': 'undefined',
536'logged_in' : '0'
537}
538});
539</script>
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560<link rel="alternate" hreflang="en-BG" href="https://www.paulaschoice-eu.com/products/eye-care">
561
562
563
564
565
566
567
568
569
570<link rel="alternate" hreflang="en-HR" href="https://www.paulaschoice-eu.com/products/eye-care">
571
572
573
574
575
576
577
578
579
580<link rel="alternate" hreflang="en-CY" href="https://www.paulaschoice-eu.com/products/eye-care">
581
582
583
584
585
586
587
588
589
590<link rel="alternate" hreflang="en-CZ" href="https://www.paulaschoice-eu.com/products/eye-care">
591
592
593
594
595
596
597
598
599
600<link rel="alternate" hreflang="en-EE" href="https://www.paulaschoice-eu.com/products/eye-care">
601
602
603
604
605
606
607
608
609
610<link rel="alternate" hreflang="en-FI" href="https://www.paulaschoice-eu.com/products/eye-care">
611
612
613
614
615
616
617
618
619
620<link rel="alternate" hreflang="en-GR" href="https://www.paulaschoice-eu.com/products/eye-care">
621
622
623
624
625
626
627
628
629
630<link rel="alternate" hreflang="en-HU" href="https://www.paulaschoice-eu.com/products/eye-care">
631
632
633
634
635
636
637
638
639
640<link rel="alternate" hreflang="en-IE" href="https://www.paulaschoice-eu.com/products/eye-care">
641
642
643
644
645
646
647
648
649
650<link rel="alternate" hreflang="en-LV" href="https://www.paulaschoice-eu.com/products/eye-care">
651
652
653
654
655
656
657
658
659
660<link rel="alternate" hreflang="en-LT" href="https://www.paulaschoice-eu.com/products/eye-care">
661
662
663
664
665
666
667
668
669
670<link rel="alternate" hreflang="en-LU" href="https://www.paulaschoice-eu.com/products/eye-care">
671
672
673
674
675
676
677
678
679
680<link rel="alternate" hreflang="en-MT" href="https://www.paulaschoice-eu.com/products/eye-care">
681
682
683
684
685
686
687
688
689
690
691
692
693
694<link rel="alternate" hreflang="en-PT" href="https://www.paulaschoice-eu.com/products/eye-care">
695
696
697
698
699
700
701
702
703
704<link rel="alternate" hreflang="en-RO" href="https://www.paulaschoice-eu.com/products/eye-care">
705
706
707
708
709
710
711
712
713
714<link rel="alternate" hreflang="en-SK" href="https://www.paulaschoice-eu.com/products/eye-care">
715
716
717
718
719
720
721
722
723
724<link rel="alternate" hreflang="en-SI" href="https://www.paulaschoice-eu.com/products/eye-care">
725
726
727
728
729
730
731
732
733
734
735
736
737
738<link rel="alternate" hreflang="en-GB" href="https://www.paulaschoice.co.uk/products/eye-care">
739
740
741
742
743
744
745
746
747
748
749
750
751
752<link rel="alternate" hreflang="de-DE" href="https://www.paulaschoice.de/de/produkte/augenpflege">
753
754
755
756
757
758
759
760
761
762<link rel="alternate" hreflang="en-DE" href="https://www.paulaschoice.de/en/products/eye-care">
763
764
765
766
767
768
769
770
771
772
773
774
775
776<link rel="alternate" hreflang="es-ES" href="https://www.paulaschoice.es/es/cuidado-del-contorno-de-ojos">
777
778
779
780
781
782
783
784
785
786<link rel="alternate" hreflang="en-ES" href="https://www.paulaschoice.es/en/products/eye-care">
787
788
789
790
791
792
793
794
795
796
797
798
799
800<link rel="alternate" hreflang="nl-NL" href="https://www.paulaschoice.nl/nl/producten/oogverzorging">
801
802
803
804
805
806
807
808
809
810<link rel="alternate" hreflang="en-NL" href="https://www.paulaschoice.nl/en/products/eye-care">
811
812
813
814
815
816
817
818
819
820
821
822
823
824<link rel="alternate" hreflang="fr-FR" href="https://www.paulaschoice.fr/fr/produits/soins-des-yeux">
825
826
827
828
829
830
831
832
833
834<link rel="alternate" hreflang="en-FR" href="https://www.paulaschoice.fr/en/products/eye-care">
835
836
837
838
839
840
841
842
843
844
845
846
847
848<link rel="alternate" hreflang="en-DK" href="https://www.paulaschoice.dk/en/products/eye-care">
849
850
851
852
853
854
855
856
857
858<link rel="alternate" hreflang="da-DK" href="https://www.paulaschoice.dk/da/products/eye-care">
859
860
861
862
863
864
865
866
867
868
869
870
871
872<link rel="alternate" hreflang="it-IT" href="https://www.paulaschoice.it/it/contorno-occhi">
873
874
875
876
877
878
879
880
881
882<link rel="alternate" hreflang="en-IT" href="https://www.paulaschoice.it/en/products/eye-care">
883
884
885
886
887
888
889
890
891
892
893
894
895
896<link rel="alternate" hreflang="sv-SE" href="https://www.paulaschoice.se/sv/ogonprodukter">
897
898
899
900
901
902
903
904
905
906<link rel="alternate" hreflang="en-SE" href="https://www.paulaschoice.se/en/products/eye-care">
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922<link rel="alternate" hreflang="pl-PL" href="https://www.paulaschoice.pl/pl/produkty/pielegnacja-okolic-oczu">
923
924
925
926
927
928
929
930
931
932<link rel="alternate" hreflang="en-PL" href="https://www.paulaschoice.pl/en/products/eye-care">
933
934
935
936
937
938
939
940
941
942
943
944
945
946<link rel="alternate" hreflang="de-CH" href="https://www.paulaschoice.ch/de/produkte/augenpflege">
947
948
949
950
951
952
953
954
955
956<link rel="alternate" hreflang="en-CH" href="https://www.paulaschoice.ch/en/products/eye-care">
957
958
959
960
961
962
963
964
965<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwd5316b42/images/favicon.ico" rel="shortcut icon" />
966
967
968
969
970
971
972
973
974
975<meta name="description" content="Eye creams and eye care products from Paula&#39;s Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." />
976
977
978
979
980
981
982
983<meta name="keywords" content="" />
984
985
986
987	
988	
989	
990	
991
992
993	
994		
995	
996
997
998	
999		
1000	
1001
1002
1003
1004
1005
1006<meta name="twitter:type" content="summary" />
1007<meta name="twitter:title" content="Eye Cream for Every Eye Concern | Paula's Choice" />
1008<meta name="twitter:description" content="Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." />
1009
1010
1011<meta property="og:type" content="website" />
1012<meta property="og:url" content="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-Show?cgid=eye-care-products" />
1013<meta property="og:title" content="Eye Cream for Every Eye Concern | Paula's Choice" />
1014<meta property="og:description" content="Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." />
1015
1016<meta property="og:site_name" content="www.paulaschoice-eu.com" />
1017
1018
1019
1020
1021
1022
1023<link rel="prefetch" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwc9216a6b/icons/iconfont.woff2" as="font" type="font/woff2" crossorigin />
1024<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.css" as="style" type="text/css" />
1025<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/style.css" as="style" type="text/css"/>
1026<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/styleBase.css" as="style" type="text/css"/>
1027<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.css" type="text/css" rel="stylesheet" />
1028<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/style.css" type="text/css" rel="stylesheet" />
1029<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/styleBase.css" type="text/css" rel="stylesheet" />
1030
1031<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/lazyloading.js" defer></script>
1031
1032
1033<script type="text/javascript">//<!--
1034/* <![CDATA[ (head-active_data.js) */
1035var dw = (window.dw || {});
1036dw.ac = {
1037    _analytics: null,
1038    _events: [],
1039    _category: "",
1040    _searchData: "",
1041    _anact: "",
1042    _anact_nohit_tag: "",
1043    _analytics_enabled: "true",
1044    _timeZone: "Europe/Amsterdam",
1045    _capture: function(configs) {
1046        if (Object.prototype.toString.call(configs) === "[object Array]") {
1047            configs.forEach(captureObject);
1048            return;
1049        }
1050        dw.ac._events.push(configs);
1051    },
1052	capture: function() { 
1053		dw.ac._capture(arguments);
1054		// send to CQ as well:
1055		if (window.CQuotient) {
1056			window.CQuotient.trackEventsFromAC(arguments);
1057		}
1058	},
1059    EV_PRD_SEARCHHIT: "searchhit",
1060    EV_PRD_DETAIL: "detail",
1061    EV_PRD_RECOMMENDATION: "recommendation",
1062    EV_PRD_SETPRODUCT: "setproduct",
1063    applyContext: function(context) {
1064        if (typeof context === "object" && context.hasOwnProperty("category")) {
1065        	dw.ac._category = context.category;
1066        }
1067        if (typeof context === "object" && context.hasOwnProperty("searchData")) {
1068        	dw.ac._searchData = context.searchData;
1069        }
1070    },
1071    setDWAnalytics: function(analytics) {
1072        dw.ac._analytics = analytics;
1073    },
1074    eventsIsEmpty: function() {
1075        return 0 == dw.ac._events.length;
1076    }
1077};
1078/* ]]> */
1079// -->
1080</script>
vendor: 1 bytes, line 1080
1080
1081<script type="text/javascript">//<!--
1082/* <![CDATA[ (head-cquotient.js) */
1083var CQuotient = window.CQuotient = {};
1084CQuotient.clientId = 'bbjj-paulaschoice_eu';
1085CQuotient.realm = 'BBJJ';
1086CQuotient.siteId = 'paulaschoice_eu';
1087CQuotient.instanceType = 'prd';
1088CQuotient.locale = 'en';
1089CQuotient.fbPixelId = '__UNKNOWN__';
1090CQuotient.activities = [];
1091CQuotient.cqcid='';
1092CQuotient.cquid='';
1093CQuotient.cqeid='';
1094CQuotient.cqlid='';
1095CQuotient.apiHost='api.cquotient.com';
1096/* Turn this on to test against Staging Einstein */
1097/* CQuotient.useTest= true; */
1098CQuotient.useTest = ('true' === 'false');
1099CQuotient.initFromCookies = function () {
1100	var ca = document.cookie.split(';');
1101	for(var i=0;i < ca.length;i++) {
1102	  var c = ca[i];
1103	  while (c.charAt(0)==' ') c = c.substring(1,c.length);
1104	  if (c.indexOf('cqcid=') == 0) {
1105		CQuotient.cqcid=c.substring('cqcid='.length,c.length);
1106	  } else if (c.indexOf('cquid=') == 0) {
1107		  var value = c.substring('cquid='.length,c.length);
1108		  if (value) {
1109		  	var split_value = value.split("|", 3);
1110		  	if (split_value.length > 0) {
1111			  CQuotient.cquid=split_value[0];
1112		  	}
1113		  	if (split_value.length > 1) {
1114			  CQuotient.cqeid=split_value[1];
1115		  	}
1116		  	if (split_value.length > 2) {
1117			  CQuotient.cqlid=split_value[2];
1118		  	}
1119		  }
1120	  }
1121	}
1122}
1123CQuotient.getCQCookieId = function () {
1124	if(window.CQuotient.cqcid == '')
1125		window.CQuotient.initFromCookies();
1126	return window.CQuotient.cqcid;
1127};
1128CQuotient.getCQUserId = function () {
1129	if(window.CQuotient.cquid == '')
1130		window.CQuotient.initFromCookies();
1131	return window.CQuotient.cquid;
1132};
1133CQuotient.getCQHashedEmail = function () {
1134	if(window.CQuotient.cqeid == '')
1135		window.CQuotient.initFromCookies();
1136	return window.CQuotient.cqeid;
1137};
1138CQuotient.getCQHashedLogin = function () {
1139	if(window.CQuotient.cqlid == '')
1140		window.CQuotient.initFromCookies();
1141	return window.CQuotient.cqlid;
1142};
1143CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
1144try {
1145	if (Object.prototype.toString.call(events) === "[object Array]") {
1146		events.forEach(_trackASingleCQEvent);
1147	} else {
1148		CQuotient._trackASingleCQEvent(events);
1149	}
1150} catch(err) {}
1151};
1152CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
1153	if (event && event.id) {
1154		if (event.type === dw.ac.EV_PRD_DETAIL) {
1155			CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
1156		} // not handling the other dw.ac.* events currently
1157	}
1158};
1159CQuotient.trackViewProduct = function(/* Object */ cqParamData){
1160	var cq_params = {};
1161	cq_params.cookieId = CQuotient.getCQCookieId();
1162	cq_params.userId = CQuotient.getCQUserId();
1163	cq_params.emailId = CQuotient.getCQHashedEmail();
1164	cq_params.loginId = CQuotient.getCQHashedLogin();
1165	cq_params.product = cqParamData.product;
1166	cq_params.realm = cqParamData.realm;
1167	cq_params.siteId = cqParamData.siteId;
1168	cq_params.instanceType = cqParamData.instanceType;
1169	cq_params.locale = CQuotient.locale;
1170	
1171	if(CQuotient.sendActivity) {
1172		CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
1173	} else {
1174		CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
1175	}
1176};
1177/* ]]> */
1178// -->
1179</script>
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189<meta name="google-site-verification" content="gBRsDZdOkCHhPjf9czom-xnnOYMxfU6Jby32yHHvTlY" />
1190
1191
1192	
1193
1194
1195	
1196
1197<script type="application/ld+json">
1198{
1199	"@context": "http://schema.org/",
1200	"@type": "Organization",
1201	"name": "Paula's Choice",
1202	"alternateName": "Paula's Choice",
1203	"description": "Paula's Choice Skincare",
1204	"url": "https://www.paulaschoice-eu.com",
1205	"logo": "https://media.paulaschoice-eu.com/image/upload/v1715073783/ContentStack/General/logo.png",
1206	"contactPoint": [{"@type":"ContactPoint","telephone":"+31203458426","contactType":"customer service","areaServed":"NL"},{"@type":"ContactPoint","telephone":"+3238082924","contactType":"customer service","areaServed":"BE"},{"@type":"ContactPoint","telephone":"+4532745301","contactType":"customer service","areaServed":"DK"}],
1207	"sameAs": ["https://www.facebook.com/Paulaschoiceeurope","https://www.youtube.com/channel/UCrub19gos63vbd8dVpUBr9g","https://www.instagram.com/paulaschoice","https://www.tiktok.com/@paulaschoiceuk/"]
1208}
1209</script>
1209
1210
1211
1212	
1213	
1213<script type="application/ld+json">
1214	{
1215		"@context": "http://schema.org/",
1216		"@type": "BreadcrumbList",
1217		"itemListElement": [
1218			{
1219				"@type": "ListItem",
1220				"position": 1,
1221				"item": {
1222					"@id": "https://www.paulaschoice-eu.com/on/demandware.store/Sites-undefined-Site/en/Search-Show?cgid=eye-care-products",
1223					"name": "Eye products"
1224				}
1225			}
1226		]
1227	}
1228	</script>
1228
1229
1230
1231<script type="application/ld+json">
1232{
1233	"@context": "http://schema.org/",
1234	"@type": "WebSite",
1235	"url": "https://www.paulaschoice-eu.com",
1236	"potentialAction": {
1237		"@type": "SearchAction",
1238		"target": "https://www.paulaschoice-eu.com/search?q={search_term_string}&lang=en",
1239		"query-input": "required name=search_term_string"
1240	}
1241}
1242</script>
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253<!-- loop all the ab tests -->
1254
1255	
1256		
1257			<style>
1258	:root {
1259		--pc-header-section-height: 135px;
1260		--pc-mega-nav-usp-height: 40px;
1261		--pc-mega-nav-shell-pt: 20px;
1262		--pc-mega-nav-shell-pb: 41px;
1263		--pc-mega-nav-shell-px: 48px;
1264		--pc-mega-nav-shell-gap: 40px;
1265		--pc-mega-nav-logo-row-height: 20px;
1266		--pc-mega-nav-bar-height: 14px;
1267		--pc-mega-nav-bar-content-height: 14px;
1268		--pc-mega-nav-text-line-height: 1;
1269		--pc-mega-nav-usp-line-height: 40px;
1270		--pc-mega-nav-category-title-line-height: 44px;
1271		--pc-mega-nav-header-inline-padding: var(--pc-mega-nav-shell-px);
1272		--pc-mega-nav-icon-size: 20px;
1273		--pc-mega-nav-header-actions-gap: 28px;
1274		--pc-mega-nav-logo-mark-size: 18px;
1275		--pc-mega-nav-logo-mark-width: 276px;
1276		--pc-mega-nav-header-height: 135px;
1277		--pc-mega-nav-stack-height: calc(var(--pc-mega-nav-usp-height) + var(--pc-mega-nav-header-height));
1278		--pc-mega-nav-flyout-scroll-padding-bottom: max(40px, calc(env(safe-area-inset-bottom, 0px) + 24px));
1279		--pc-mega-nav-flyout-footer-padding-bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 16px));
1280		--pc-mega-nav-panel-max-height: min(648px, calc(100vh - var(--pc-mega-nav-stack-height) - 16px));
1281		--pc-nav-desktop-rail-link-gap: 24px;
1282		--pc-nav-desktop-rail-links-to-promo-gap: 30px;
1283		--pc-nav-desktop-rail-promo-image-height: 103px;
1284		--pc-nav-desktop-col-first-title-to-promo-gap: 89px;
1285		--pc-nav-desktop-promo-image-caption-gap: 10px;
1286		--pc-nav-desktop-promo-block-gap: 40px;
1287
1288		--pc-nav-font-family: "area-normal", "Area Normal", Arial, sans-serif;
1289		--pc-nav-color-text: #1C1C1C;
1290		--pc-nav-color-secondary: #757575;
1291		--pc-nav-color-border: #DEDEDF;
1292
1293		--pc-nav-desktop-bar: 14px;
1294		--pc-nav-desktop-panel-title: 40px;
1295		--pc-nav-desktop-l2: 14px;
1296		--pc-nav-desktop-l3: 12px;
1297		--pc-nav-desktop-see-all: 12px;
1298		--pc-nav-desktop-rail: 14px;
1299
1300		--pc-nav-mobile-top: 24px;
1301		--pc-nav-mobile-l2: 18px;
1302		--pc-nav-mobile-l3: 14px;
1303		--pc-nav-mobile-see-all: 18px;
1304		--pc-nav-mobile-campaign: 14px;
1305		--pc-nav-mobile-top-ls: -0.48px;
1306		--pc-nav-mobile-l2-ls: -0.36px;
1307		--pc-nav-mobile-l1-to-l2-gap: 39px;
1308		--pc-nav-mobile-l2-to-next-l1-gap: 53px;
1309		--pc-nav-mobile-l1-toggle-padding: 20px;
1310	}
1311
1312	#js-menu-categories {
1313		display: none;
1314	}
1315
1316	#navigation-level1,
1317	#category-content {
1318		--pc-mega-nav-local-line-height: var(--pc-mega-nav-text-line-height);
1319	}
1320
1321	#navigation-level1 .category-title,
1322	#category-content .category-title {
1323		--pc-mega-nav-local-line-height: var(--pc-mega-nav-category-title-line-height);
1324	}
1325
1326	#navigation-level1 .navigation-level1__middle-top a,
1327	#navigation-level1 .navigation-level1__nav-row a,
1328	#navigation-level1 .navigation-level1__group-title,
1329	#navigation-level1 .navigation-level1__subgroup-#category-content a,
1330	#navigation-level1 a {
1331		overflow: visible !important;
1332	}
1333
1334	#category-content .navigation-level1__middle-top a,
1335	#category-content .navigation-level1__nav-row a,
1336	#category-content .navigation-level1__group-title,
1337	#category-content .navigation-level1__subgroup-title {
1338		line-height: var(--pc-mega-nav-local-line-height);
1339	}
1340
1341	#category-content a,
1342	#navigation-level1 a {
1343		overflow: visible !important;
1344	}
1345
1346	.header {
1347		border-bottom: none;
1348	}
1349
1350	.pc-mega-nav-icon {
1351		display: block !important;
1352		width: 100% !important;
1353		height: 100% !important;
1354		max-width: 100% !important;
1355		max-height: 100% !important;
1356		color: inherit !important;
1357		flex-shrink: 0;
1358		pointer-events: none;
1359	}
1360
1361	.pc-mega-nav-icon path,
1362	.pc-mega-nav-icon line {
1363		stroke: currentColor;
1364	}
1365
1366	/* USP + header are sticky (in-flow) — do not add stack-height offset or PDP/PLP get a double gap */
1367	.clearfix:not(.full-width) {
1368		margin-top: 0 !important;
1369	}
1370
1371	#main:has(#js-pdp-main) .breadcrumb,
1372	.main:has(#js-pdp-main) .breadcrumb,
1373	.main:has(.js-pdp-main) .breadcrumb {
1374		margin-top: 0 !important;
1375	}
1376
1377	/* ATC popup lives inside .mini-cart; header must sit above USP so popup can paint over the banner */
1378	body.added-popup-visible .header.js-header {
1379		z-index: 2002 !important;
1380	}
1381
1382	body.added-popup-visible .product-added-popup-wrapper,
1383	body.added-popup-visible .js-product-added-modal {
1384		position: fixed !important;
1385		inset: 0 !important;
1386		z-index: 2000 !important;
1387		pointer-events: auto !important;
1388		opacity: 1 !important;
1389		overflow: auto !important;
1390		transform: none !important;
1391	}
1392
1393	body.added-popup-visible .header.js-header,
1394	body.added-popup-visible .header.js-header .header__content {
1395		overflow: visible !important;
1396		transform: none !important;
1397	}
1398
1399	body.added-popup-visible .header.js-header .mini-cart {
1400		overflow: visible !important;
1401		max-height: none !important;
1402		transform: none !important;
1403	}
1404
1405	body.added-popup-visible .header.js-header .mini-cart {
1406		z-index: 2001 !important;
1407		top: 0 !important;
1408		bottom: auto !important;
1409	}
1410
1411	body.added-popup-visible #js-usp-banner.usp-banner,
1412	body.added-popup-visible .usp-banner {
1413		z-index: 1000 !important;
1414	}
1415
1416	/* Country / location detector — modal popup above mega-nav sticky 
1416stack */
1417	body:has(.header.pc-mega-nav-redesign)>.country-dialog-wrap,
1418	body:has(.header.pc-mega-nav-redesign) .country-dialog-wrap {
1419		position: fixed !important;
1420		inset: 0 !important;
1421		width: auto !important;
1422		height: auto !important;
1423		max-height: none !important;
1424		overflow: visible !important;
1425		animation: none !important;
1426		z-index: 1101 !important;
1427		pointer-events: none !important;
1428	}
1429
1430	body:has(.header.pc-mega-nav-redesign) .ui-widget-overlay {
1431		display: block !important;
1432		position: fixed !important;
1433		inset: 0 !important;
1434		z-index: 1100 !important;
1435		opacity: 0.5 !important;
1436		pointer-events: auto !important;
1437	}
1438
1439	body:has(.header.pc-mega-nav-redesign) .country-detection-dialog,
1440	body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it {
1441		position: fixed !important;
1442		left: 50% !important;
1443		top: 50% !important;
1444		right: auto !important;
1445		bottom: auto !important;
1446		transform: translate(-50%, -50%) !important;
1447		width: calc(100vw - 32px) !important;
1448		max-width: 360px !important;
1449		min-height: 0 !important;
1450		height: auto !important;
1451		margin: 0 !important;
1452		padding: 0 !important;
1453		float: none !important;
1454		pointer-events: auto !important;
1455		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
1456	}
1457
1458	@media (min-width: 1024px) {
1459
1460		body:has(.header.pc-mega-nav-redesign) .country-detection-dialog,
1461		body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it {
1462			width: 300px !important;
1463			max-width: 300px !important;
1464		}
1465	}
1466
1467	body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper {
1468		flex-direction: column;
1469		align-items: center;
1470		justify-content: center;
1471		gap: 16px;
1472		width: 100%;
1473	}
1474
1475	body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper .dialog-button:not(.simple) {
1476		width: 100%;
1477	}
1478
1479
1480	#js-usp-banner.usp-banner,
1481	#js-usp-banner.usp-banner.text-normal-sm-regular {
1482		display: block !important;
1483		width: 100% !important;
1484		height: var(--pc-mega-nav-usp-height) !important;
1485		min-height: var(--pc-mega-nav-usp-height) !important;
1486		max-height: var(--pc-mega-nav-usp-height) !important;
1487		margin: 0 !important;
1488		padding: 0 !important;
1489		overflow: hidden !important;
1490		background: #000000 !important;
1491		color: #FFFFFF !important;
1492		box-sizing: border-box !important;
1493		position: sticky !important;
1494		top: 0 !important;
1495		/* Below header so mini-cart / ATC popup (inside header) are never covered */
1496		z-index: 1000 !important;
1497	}
1498
1499
1500	#js-usp-banner .usp-bar-wrapper,
1501	.usp-banner .usp-bar-wrapper {
1502		display: block !important;
1503		width: 100% !important;
1504		height: var(--pc-mega-nav-usp-height) !important;
1505		min-height: var(--pc-mega-nav-usp-height) !important;
1506		max-height: var(--pc-mega-nav-usp-height) !important;
1507		margin: 0 !important;
1508		padding: 0 !important;
1509		overflow: hidden !important;
1510		background: #000000 !important;
1511	}
1512
1513	#js-usp-banner .usp-bar-wrapper .content-asset,
1514	.usp-banner .usp-bar-wrapper .content-asset {
1515		margin: 0 !important;
1516		padding: 0 !important;
1517		height: 100% !important;
1518		max-height: var(--pc-mega-nav-usp-height) !important;
1519		overflow: hidden !important;
1520	}
1521
1522	#js-usp-banner .usp-bar,
1523	.usp-banner .usp-bar {
1524		display: block !important;
1525		width: 100% !important;
1526		height: var(--pc-mega-nav-usp-height) !important;
1527		min-height: var(--pc-mega-nav-usp-height) !important;
1528		max-height: var(--pc-mega-nav-usp-height) !important;
1529		margin: 0 !important;
1530		padding: 0 !important;
1531		background: #000000 !important;
1532		overflow: hidden !important;
1533		position: relative !important;
1534		list-style: none !important;
1535		z-index: auto !important;
1536	}
1537
1538
1539	#js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide),
1540	.usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) {
1541		display: flex !important;
1542		flex-direction: row !important;
1543		align-items: stretch !important;
1544	}
1545
1546	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide,
1547	.usp-banner .usp-bar.pc-mega-nav-usp-slide {
1548		display: block !important;
1549		position: relative !important;
1550		overflow: hidden !important;
1551	}
1552
1553	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1554	.usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1555	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track,
1556	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track {
1557		display: flex !important;
1558		flex-direction: row !important;
1559		align-items: stretch !important;
1560		width: 100% !important;
1561		height: 100% !important;
1562		margin: 0 !important;
1563		padding: 0 !important;
1564		list-style: none !important;
1565		box-sizing: border-box !important;
1566	}
1567
1568	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track,
1569	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track,
1570	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-wrap.pc-mega-nav-usp-track,
1571	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-wrap.pc-mega-nav-usp-track {
1572		will-change: transform;
1573		width: max-content !important;
1574		min-width: 100% !important;
1575	}
1576
1577	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap,
1578	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap,
1579	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1580	.usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track {
1581		left: 0 !important;
1582		width: max-content !important;
1583		min-width: 100% !important;
1584	}
1585
1586	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item,
1587	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item {
1588		flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important;
1589		width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1590		min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1591		max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1592		border-left: none !important;
1593		box-sizing: border-box !important;
1594	}
1595
1596	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item,
1597	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item {
1598		position: relative !important;
1599		flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important;
1600		width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1601		min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1602		max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1603	}
1604
1605	#js-usp-banner .usp-bar-item.pc-mega-nav-usp-clone,
1606	.usp-banner .usp-bar-item.pc-mega-nav-usp-clone {
1607		visibility: visible !important;
1608		opacity: 1 !important;
1609		display: flex !important;
1610	}
1611
1612	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item,
1613	.usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item {
1614		flex: 1 1 0 !important;
1615		width: 100% !important;
1616		min-width: 0 !important;
1617		max-width: 100% !important;
1618		border-left: none !important;
1619	}
1620
1621	@media (max-width: 1023px) {
1622
1623		#js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap,
1624		.usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap,
1625		#js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap,
1626		.usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap {
1627			width: max-content !important;
1628			min-width: 100% !important;
1629			left: 0 !important;
1630		}
1631	}
1632
1633	#js-usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap,
1634	.usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap {
1635		display: block !important;
1636		width: 100% !important;
1637		transform: none !important;
1638		transition: none !important;
1639		left: auto !important;
1640		animation: none !important;
1641	}
1642
1643	#js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item,
1644	.usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item {
1645		border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
1646	}
1647
1648	#js-usp-banner .usp-bar-item,
1649	.usp-banner .usp-bar-item {
1650		position: relative !important;
1651		top: auto !important;
1652		left: auto !important;
1653		right: auto !important;
1654		width: auto !important;
1655		flex: 1 1 0 !important;
1656		min-width: 0 !important;
1657		height: var(--pc-mega-nav-usp-height) !important;
1658		min-height: var(--pc-mega-nav-usp-height) !important;
1659		max-height: var(--pc-mega-nav-usp-height) !important;
1660		display: flex !important;
1661		align-items: center !important;
1662		justify-content: center !important;
1663		margin: 0 !important;
1664		padding: 0 12px !important;
1665		border: none !important;
1666		border-left: none !important;
1667		text-align: center !important;
1668		flex-shrink: 1 !important;
1669		box-sizing: border-box !important;
1670		opacity: 1 !important;
1671		pointer-events: auto !important;
1672	}
1673
1674	#js-usp-banner a[href]:not([href=""]):not([href="#"]),
1675	.usp-banner a[href]:not([href=""]):not([href="#"]) {
1676		pointer-events: auto !important;
1677		cursor: pointer !important;
1678	}
1679
1680	#js-usp-banner .usp-bar-item .fa,
1681	.usp-banner .usp-bar-item .fa,
1682	#js-usp-banner .usp-bar-item i,
1683	.usp-banner .usp-bar-item i {
1684		display: none !important;
1685	}
1686
1687	#js-usp-banner .usp-bar-text,
1688	.usp-banner .usp-bar-text {
1689		color: #FFFFFF !important;
1690		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1691		font-weight: 800 !important;
1692		font-size: 0.75rem !important;
1693		line-height: var(--pc-mega-nav-usp-line-height) !important;
1694		letter-spacing: 0 !important;
1695		padding: 0 !important;
1696		margin: 0 !important;
1697		white-space: nowrap !important;
1698		overflow: hidden !important;
1699		text-overflow: ellipsis !important;
1700		vertical-align: middle !important;
1701	}
1702
1703	#js-usp-banner .usp-bar-item a,
1704	.usp-banner .usp-bar-item a {
1705		color: #FFFFFF !important;
1706		text-decoration: none !important;
1707		font: inherit !important;
1708		line-height: var(--pc-mega-nav-usp-line-height) !important;
1709		pointer-events: auto !important;
1710		cursor: pointer !important;
1711	}
1712
1713	#js-usp-banner .usp-bar-item a:hover,
1714	.usp-banner .usp-bar-item a:hover {
1715		text-decoration: underline !important;
1716	}
1717
1718
1719	#js-usp-banner .header-banner,
1720	.usp-banner .header-banner {
1721		display: flex !important;
1722		align-items: center !important;
1723		justify-content: center !important;
1724		width: 100% !important;
1725		height: var(--pc-mega-nav-usp-height) !important;
1726		min-height: var(--pc-mega-nav-usp-height) !important;
1727		max-height: var(--pc-mega-nav-usp-height) !important;
1728		margin: 0 !important;
1729		padding: 0 12px !important;
1730		overflow: hidden !important;
1731		background: #000000 !important;
1732		color: #FFFFFF !important;
1733		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1734		font-weight: 800 !important;
1735		font-size: 0.75rem !important;
1736		line-height: var(--pc-mega-nav-usp-line-height) !important;
1737		letter-spacing: 0 !important;
1738		text-align: center !important;
1739		box-sizing: border-box !important;
1740	}
1741
1742	#js-usp-banner .header-banner *,
1743	.usp-banner .header-banner * {
1744		margin: 0 !important;
1745		padding: 0 !important;
1746		font: inherit !important;
1747		color: inherit !important;
1748		line-height: var(--pc-mega-nav-usp-line-height) !important;
1749	}
1750
1751	#js-usp-banner .header-banner a,
1752	.usp-banner .header-banner a {
1753		color: #FFFFFF !important;
1754		text-decoration: none !important;
1755		pointer-events: auto !important;
1756		cursor: pointer !important;
1757	}
1758
1759
1760	#js-usp-banner> :not(.usp-bar-wrapper):not(.header-banner),
1761	.usp-banner> :not(.usp-bar-wrapper):not(.header-banner) {
1762		display: flex !important;
1763		align-items: center !important;
1764		justify-content: center !important;
1765		width: 100% !important;
1766		height: var(--pc-mega-nav-usp-height) !important;
1767		min-height: var(--pc-mega-nav-usp-height) !important;
1768		max-height: var(--pc-mega-nav-usp-height) !important;
1769		margin: 0 !important;
1770		padding: 0 12px !important;
1771		overflow: hidden !important;
1772		background: transparent !important;
1773		color: #FFFFFF !important;
1774		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1775		font-weight: 800 !important;
1776		font-size: 0.75rem !important;
1777		line-height: var(--pc-mega-nav-usp-line-height) !important;
1778		letter-spacing: 0 !important;
1779		text-align: center !important;
1780		box-sizing: border-box !important;
1781	}
1782
1783
1784	@media (min-width: 1024px) {
1785		.header.js-header {
1786			display: flex !important;
1787			flex-direction: column !important;
1788			align-items: stretch !important;
1789			gap: var(--pc-mega-nav-shell-gap) !important;
1790			height: var(--pc-mega-nav-header-height) !important;
1791			min-height: var(--pc-mega-nav-header-height) !important;
1792			max-height: var(--pc-mega-nav-header-height) !important;
1793			overflow: visible !important;
1794			position: sticky !important;
1795			top: var(--pc-mega-nav-usp-height) !important;
1796			/* Above USP — mini-cart lives in this stacking context */
1797			z-index: 1001 !important;
1798			margin: 0 !important;
1799			padding: var(--pc-mega-nav-shell-pt) var(--pc-mega-nav-shell-px) var(--pc-mega-nav-shell-pb) !important;
1800			background-color: #FFFFFF !important;
1801			border-bottom: 1px solid #DEDEDF !important;
1802			box-sizing: border-box !important;
1803		}
1804
1805		.header.js-header .header__content {
1806			flex: 0 0 auto !important;
1807			height: var(--pc-mega-nav-logo-row-height) !important;
1808			min-height: var(--pc-mega-nav-logo-row-height) !important;
1809			max-height: var(--pc-mega-nav-logo-row-height) !important;
1810			position: relative !important;
1811			display: flex !important;
1812			align-items: center !important;
1813			justify-content: center !important;
1814			margin: 0 !important;
1815			padding: 0 !important;
1816			background-color: #FFFFFF !important;
1817			border: none !important;
1818			width: 100% !important;
1819			box-sizing: border-box !important;
1820		}
1821
1822
1823		.header.js-header .header__hamburger-button {
1824			display: none !important;
1825		}
1826
1827		.header.js-header #js-search-toggle.search-toggle {
1828			position: absolute !important;
1829			left: 0 !important;
1830			right: auto !important;
1831			top: 50% !important;
1832			transform: translateY(-50%) !important;
1833			z-index: 5 !important;
1834			display: flex !important;
1835			align-items: center !important;
1836			justify-content: center !important;
1837			width: var(--pc-mega-nav-icon-size) !important;
1838			height: var(--pc-mega-nav-icon-size) !important;
1839			min-width: var(--pc-mega-nav-icon-size) !important;
1840			min-height: var(--pc-mega-nav-icon-size) !important;
1841			margin: 0 !important;
1842			padding: 0 !important;
1843			overflow: visible !important;
1844			background: transparent !important;
1845			border: none !important;
1846			color: #1C1C1C !important;
1847			font-size: var(--pc-mega-nav-icon-size) !important;
1848			line-height: 1 !important;
1849			cursor: pointer !important;
1850			opacity: 1 !important;
1851			visibility: visible !important;
1852		}
1853
1854
1855		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search {
1856			display: inline-flex !important;
1857			align-items: center !important;
1858			justify-content: center !important;
1859			width: var(--pc-mega-nav-icon-size) !important;
1860			height: var(--pc-mega-nav-icon-size) !important;
1861			font-size: var(--pc-mega-nav-icon-size) !important;
1862			line-height: 1 !important;
1863			color: #1C1C1C !important;
1864			opacity: 1 !important;
1865			visibility: visible !important;
1866		}
1867
1868		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close,
1869		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon {
1870			display: none !important;
1871			width: 0 !important;
1872			height: 0 !important;
1873			overflow: hidden !important;
1874			opacity: 0 !important;
1875			visibility: hidden !important;
1876		}
1877
1878		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search,
1879		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search.icon {
1880			display: none !important;
1881			opacity: 0 !important;
1882			visibility: hidden !important;
1883		}
1884
1885		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close,
1886		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon {
1887			display: inline-flex !important;
1888			align-i
1888tems: center !important;
1889			justify-content: center !important;
1890			width: var(--pc-mega-nav-icon-size) !important;
1891			height: var(--pc-mega-nav-icon-size) !important;
1892			font-size: var(--pc-mega-nav-icon-size) !important;
1893			line-height: 1 !important;
1894			color: #1C1C1C !important;
1895			opacity: 1 !important;
1896			visibility: visible !important;
1897			overflow: visible !important;
1898		}
1899
1900		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before,
1901		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close::before {
1902			color: #1C1C1C !important;
1903			font-size: var(--pc-mega-nav-icon-size) !important;
1904			line-height: 1 !important;
1905		}
1906
1907		.header.js-header #js-search-toggle.search-toggle .close-search {
1908			display: none !important;
1909		}
1910
1911		.search-active .header.js-header #js-search-toggle.search-toggle {
1912			top: 50% !important;
1913			background: white !important;
1914		}
1915
1916		.header.js-header .header__logo {
1917			position: absolute !important;
1918			left: 50% !important;
1919			top: 50% !important;
1920			transform: translate(-50%, -50%) !important;
1921			z-index: 4 !important;
1922			margin: 0 !important;
1923			padding: 0 !important;
1924			color: #1C1C1C !important;
1925			text-decoration: none !important;
1926			font-size: var(--pc-mega-nav-logo-mark-size) !important;
1927			line-height: 1 !important;
1928			display: block !important;
1929			width: auto !important;
1930			max-width: var(--pc-mega-nav-logo-mark-width) !important;
1931			height: auto !important;
1932			opacity: 1 !important;
1933			visibility: visible !important;
1934		}
1935
1936		.header.js-header .header__logo::before {
1937			display: block !important;
1938			width: auto !important;
1939			max-width: var(--pc-mega-nav-logo-mark-width) !important;
1940			height: auto !important;
1941			color: #1C1C1C !important;
1942			font-size: var(--pc-mega-nav-logo-mark-size) !important;
1943			line-height: 1 !important;
1944			opacity: 1 !important;
1945			visibility: visible !important;
1946			-webkit-text-fill-color: #1C1C1C !important;
1947		}
1948
1949		/* No transform here — it creates a containing block and traps the ATC fixed popup */
1950		.header.js-header .mini-cart {
1951			position: absolute !important;
1952			right: 0 !important;
1953			top: 0 !important;
1954			bottom: 0 !important;
1955			left: auto !important;
1956			display: flex !important;
1957			align-items: center !important;
1958			transform: none !important;
1959			z-index: 5 !important;
1960			margin: 0 !important;
1961			opacity: 1 !important;
1962			visibility: visible !important;
1963			overflow: visible !important;
1964		}
1965
1966		.header.js-header .mini-cart__link {
1967			display: flex !important;
1968			align-items: center !important;
1969			justify-content: center !important;
1970			position: relative !important;
1971			width: var(--pc-mega-nav-icon-size) !important;
1972			height: var(--pc-mega-nav-icon-size) !important;
1973			min-width: var(--pc-mega-nav-icon-size) !important;
1974			min-height: var(--pc-mega-nav-icon-size) !important;
1975			margin: 0 !important;
1976			padding: 0 !important;
1977			border: none !important;
1978			border-radius: 0 !important;
1979			background: transparent !important;
1980			color: #1C1C1C !important;
1981			line-height: 1 !important;
1982			text-decoration: none !important;
1983			box-sizing: border-box !important;
1984			opacity: 1 !important;
1985			visibility: visible !important;
1986			overflow: visible !important;
1987		}
1988
1989		.header.js-header .mini-cart__icon {
1990			position: static !important;
1991			transform: none !important;
1992			width: var(--pc-mega-nav-icon-size) !important;
1993			height: var(--pc-mega-nav-icon-size) !important;
1994			font-size: var(--pc-mega-nav-icon-size) !important;
1995			line-height: 1 !important;
1996			color: #1C1C1C !important;
1997			opacity: 1 !important;
1998			visibility: visible !important;
1999		}
2000
2001		.header.js-header .main-nav {
2002			position: absolute !important;
2003			inset: 0 !important;
2004			width: 100% !important;
2005			height: 100% !important;
2006			margin: 0 !important;
2007			padding: 0 !important;
2008			background: transparent !important;
2009			overflow: visible !important;
2010			opacity: 1 !important;
2011			visibility: visible !important;
2012			pointer-events: none !important;
2013			/* Above #navigation-level1 (1003) so account layover caret is not painted under the nav bar */
2014			z-index: 2001 !important;
2015		}
2016
2017		.header.js-header .main-nav #js-menu-categories,
2018		.header.js-header .main-nav>.html-slot-container,
2019		.header.js-header .main-nav>.hide-desktop,
2020		.header.js-header .main-nav>a.hide-desktop {
2021			display: none !important;
2022		}
2023
2024		.header.js-header .main-nav>.menu-utility-user {
2025			display: flex !important;
2026			align-items: center !important;
2027			justify-content: center !important;
2028			position: absolute !important;
2029			right: calc(var(--pc-mega-nav-icon-size) + var(--pc-mega-nav-header-actions-gap)) !important;
2030			top: 0 !important;
2031			bottom: 0 !important;
2032			left: auto !important;
2033			/* No translateY — transform traps absolute layover positioning */
2034			transform: none !important;
2035			height: auto !important;
2036			/* Larger hit target than the 20px icon (helps Windows mouse hover) */
2037			min-width: 44px !important;
2038			min-height: 100% !important;
2039			margin: 0 !important;
2040			padding: 0 !important;
2041			pointer-events: auto !important;
2042			opacity: 1 !important;
2043			visibility: visible !important;
2044			overflow: visible !important;
2045			z-index: 2001 !important;
2046		}
2047
2048		/*
2049		 * Account menu is :hover-only. Any gap between icon and panel drops hover
2050		 * (caret is pointer-events: none). Bridge keeps :hover while moving down.
2051		 */
2052		.header.js-header .main-nav>.menu-utility-user:hover::after {
2053			content: '' !important;
2054			position: absolute !important;
2055			left: 50% !important;
2056			transform: translateX(-50%) !important;
2057			top: 100% !important;
2058			width: 240px !important;
2059			height: 28px !important;
2060			pointer-events: auto !important;
2061			z-index: 2000 !important;
2062		}
2063
2064		/* Flush under icon row — no margin gap that kills :hover on the way down */
2065		.header.js-header .main-nav .nav-account-layover {
2066			top: 100% !important;
2067			margin-top: 10px !important;
2068			z-index: 2001 !important;
2069			pointer-events: auto !important;
2070		}
2071
2072		.header.js-header .main-nav .user-info__account {
2073			display: flex !important;
2074			align-items: center !important;
2075			justify-content: center !important;
2076			width: var(--pc-mega-nav-icon-size) !important;
2077			height: var(--pc-mega-nav-icon-size) !important;
2078			min-width: var(--pc-mega-nav-icon-size) !important;
2079			min-height: var(--pc-mega-nav-icon-size) !important;
2080			margin: 0 !important;
2081			padding: 0 !important;
2082			color: #1C1C1C !important;
2083			text-decoration: none !important;
2084			font-size: var(--pc-mega-nav-icon-size) !important;
2085			line-height: 1 !important;
2086			opacity: 1 !important;
2087			visibility: visible !important;
2088		}
2089
2090		.header.js-header .main-nav .user-info__icon.icon,
2091		.header.js-header .main-nav .user-info__icon.icon::before {
2092			display: inline-flex !important;
2093			align-items: center !important;
2094			justify-content: center !important;
2095			width: var(--pc-mega-nav-icon-size) !important;
2096			height: var(--pc-mega-nav-icon-size) !important;
2097			font-size: var(--pc-mega-nav-icon-size) !important;
2098			line-height: 1 !important;
2099			color: #1C1C1C !important;
2100			opacity: 1 !important;
2101			visibility: visible !important;
2102		}
2103
2104		.header.js-header .main-nav .user-info__name {
2105			display: none !important;
2106		}
2107
2108		.header.js-header .mini-cart,
2109		.header.js-header .main-nav>.menu-utility-user,
2110		.header.js-header #js-search-toggle.search-toggle {
2111			pointer-events: auto !important;
2112		}
2113
2114		.header.js-header #js-header-search {
2115			z-index: 1003 !important;
2116		}
2117
2118		/* Search open: keep shell height stable and overlay native search in the nav row area.
2119		   Do not hide mega-nav — only avoid expanding the header (that poisons height sync). */
2120		.wrapper.search-active .header.js-header {
2121			overflow: visible !important;
2122		}
2123
2124		.wrapper.search-active .header.js-header #js-header-search {
2125			position: absolute !important;
2126			left: 0 !important;
2127			right: 0 !important;
2128			top: calc(
2129				var(--pc-mega-nav-shell-pt) + var(--pc-mega-nav-logo-row-height) + var(--pc-mega-nav-shell-gap)
2130			) !important;
2131			z-index: 1004 !important;
2132			width: 100% !important;
2133			flex: none !important;
2134			background-color: #FFFFFF !important;
2135			box-sizing: border-box !important;
2136		}
2137
2138
2139		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle,
2140		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search,
2141		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before,
2142		body:not(:has(.video-banner)) .header.js-header .mini-cart__link,
2143		body:not(:has(.video-banner)) .header.js-header .mini-cart__icon,
2144		body:not(:has(.video-banner)) .header.js-header .mini-cart__icon::before,
2145		body:not(:has(.video-banner)) .header.js-header .user-info__account,
2146		body:not(:has(.video-banner)) .header.js-header .user-info__icon,
2147		body:not(:has(.video-banner)) .header.js-header .user-info__icon::before,
2148		body:not(:has(.video-banner)) .header.js-header .header__logo,
2149		body:not(:has(.video-banner)) .header.js-header .header__logo::before,
2150		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle,
2151		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
2152		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
2153		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link,
2154		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon,
2155		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before,
2156		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account,
2157		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon,
2158		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before,
2159		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo,
2160		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before {
2161			color: #1C1C1C !important;
2162			border-color: #1C1C1C !important;
2163		}
2164
2165		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link {
2166			border: none !important;
2167		}
2168
2169
2170		body:not(:has(.video-banner)) .header.js-header,
2171		body:not(:has(.video-banner)) .header.js-header .header__content,
2172		body:not(:has(.video-banner)) .header.js-header #navigation-level1 {
2173			background-color: #FFFFFF !important;
2174		}
2175
2176		body:not(:has(.video-banner)) .header.js-header {
2177			border-bottom: 1px solid #DEDEDF !important;
2178		}
2179
2180		#js-usp-banner.usp-banner {
2181			margin-bottom: 0 !important;
2182		}
2183
2184		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__content,
2185		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 {
2186			background-color: transparent !important;
2187		}
2188
2189		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) {
2190			background-color: transparent !important;
2191			border-bottom-color: transparent !important;
2192		}
2193
2194		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle,
2195		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
2196		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
2197		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
2198		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__link,
2199		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__icon,
2200		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__icon::before,
2201		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__account,
2202		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__icon,
2203		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__icon::before,
2204		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__logo,
2205		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__logo::before {
2206			color: #FFFFFF !important;
2207			border-color: #FFFFFF !important;
2208		}
2209
2210		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__section-title,
2211		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__list>li>a {
2212			color: #FFFFFF !important;
2213		}
2214
2215		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__list>li+li::before {
2216			background: #FFFFFF !important;
2217		}
2218
2219		.header.js-header.pc-mega-nav-redesign,
2220		.header.js-header.pc-mega-nav-redesign .header__content,
2221		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
2222		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
2223		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
2224		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) {
2225			background-color: #FFFFFF !important;
2226			border-bottom-color: #DEDEDF !important;
2227		}
2228
2229		body:has(.video-banner) .header.js-header.header--scrolled,
2230		body:has(.video-banner) .header.js-header.header--scrolled .header__content {
2231			background-color: #FFFFFF !important;
2232			border-bottom-color: #DEDEDF !important;
2233		}
2234
2235		.header.js-header #navigation-level1 {
2236			flex: 0 0 auto !important;
2237			width: 100% !important;
2238			min-height: var(--pc-mega-nav-bar-height) !important;
2239			height: auto !important;
2240			max-height: none !important;
2241			margin: 0 !important;
2242			padding: 0 !important;
2243			border: none !important;
2244			background-color: transparent !important;
2245			position: relative !important;
2246			z-index: 1003 !important;
2247			pointer-events: auto !important;
2248		}
2249
2250		.header.js-header #category-content.is-visible {
2251			position: absolute !important;
2252			top: 100% !important;
2253			left: 0 !important;
2254			right: 0 !important;
2255			z-index: 1002 !important;
2256			margin-top: 0 !important;
2257		}
2258	}
2259
2260
2261	#navigation-level1 {
2262		background: transparent !important;
2263		min-height: var(--pc-mega-nav-bar-height) !important;
2264		height: auto !important;
2265		max-height: none !important;
2266		margin: 0 !important;
2267		padding: 0 !important;
2268		border: none !important;
2269		box-sizing: border-box !important;
2270		overflow: visible !important;
2271	}
2272
2273	#navigation-level1 .navigation-level1__list {
2274		margin: 0 !important;
2275		padding: 0 !important;
2276		min-height: var(--pc-mega-nav-bar-height) !important;
2277		display: flex !important;
2278		flex-wrap: nowrap !important;
2279		align-items: center !important;
2280		justify-content: center !important;
2281		list-style-type: none !important;
2282		gap: 0 !important;
2283		row-gap: 0 !important;
2284		overflow: visible !important;
2285	}
2286
2287	#navigation-level1 .navigation-level1__list>li,
2288	#navigation-level1 .navigation-level1__section {
2289		display: inline-flex !important;
2290		align-items: center !important;
2291		min-height: var(--pc-mega-nav-bar-height) !important;
2292		margin: 0 !important;
2293		padding: 0 !important;
2294		overflow: visible !important;
2295	}
2296
2297	#navigation-level1 .navigation-level1__list>li+li::before {
2298		content: "" !important;
2299		display: block !important;
2300		flex-shrink: 0 !important;
2301		width: 1px !important;
2302		height: 20px !important;
2303		max-height: 20px !important;
2304		opacity: 0.1 !important;
2305		background: #1C1C1C !important;
2306		margin: 0 24px !important;
2307	}
2308
2309	#navigation-level1 .navigation-level1__section-title,
2310	#navigation-level1 .navigation-level1__list>li>a {
2311		position: relative !important;
2312		display: inline-flex !important;
2313		align-items: center !important;
2314		height: var(--pc-mega-nav-bar-content-height) !important;
2315		min-height: var(--pc-mega-nav-bar-content-height) !important;
2316		max-height: var(--pc-mega-nav-bar-content-height) !important;
2317		margin: 0 !important;
2318		padding: 0 !important;
2319		border: none !important;
2320		background: none !important;
2321		box-shadow: none !important;
2322		cursor: pointer !important;
2323		appearance: none !important;
2324		-webkit-appearance: none !important;
2325		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2326		font-weight: 800 !important;
2327		font-size: var(--pc-mega-nav-bar-content-height) !important;
2328		line-height: var(--pc-mega-nav-text-line-height) !important;
2329		letter-spacing: 0 !important;
2330		color: #1C1C1C !important;
2331		text-decoration: none !important;
2332		white-space: nowrap !important;
2333		overflow: visible !important;
2334		transition: color 0.3s ease-out !important;
2335	}
2336
2337	#navigation-level1 .navigation-level1__section-title::after,
2338	#navigation-level1 .navigation-level1__list>li>a::after {
2339		content: "" !important;
2340		display: block !important;
2341		position: absolute !important;
2342		left: 0 !important;
2343		right: auto !important;
2344		top: 100% !important;
2345		bottom: auto !important;
2346		margin-top: 1px !important;
2347		width: 0 !important;
2348		height: 2px !important;
2349		background-color: currentColor !important;
2350		transition: width 0.3s ease-out !important;
2351		pointer-events: none !important;
2352	}
2353
2354	#navigation-level1 .navigation-level1__section-title:hover,
2355	#navigation-level1 .navigation-level1__list>li>a:hover,
2356	#navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title,
2357	#navigation-level1 .navigation-level1__list>li:hover>a,
2358	#navigation-level1 .navigation-level1__section-title.is-nav-hovered,
2359	#navigation-level1 .navigation-level1__list>li>a.is-nav-hovered {
2360		color: #1C1C1C !important;
2361		text-decoration: none !important;
2362		box-shadow: none !important;
2363	}
2364
2365	#navigation-level1 .navigation-level1__section-title:hover::after,
2366	#navigation-level1 .navigation-level1__list>li>a:hover::after,
2367	#navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after,
2368	#navigation-level1 .navigation-level1__list>li:hover>a::after,
2369	#navigation-level1 .navigation-level1__section-title.is-nav-hovered::after,
2370	#navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after,
2371	#navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after,
2372	#navigation-level1 .navigation-level1__list>li.is-active>a::after {
2373		width: 100% !important;
2374	}
2375
2376	#navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title,
2377	#navigation-level1 .navigation-level1__list>li.is-active>a {
2378		box-shadow: none !important;
2379	}
2380
2381	#navigation-level1 .navigation-level1__component {
2382		display: none;
2383	}
2384
2385
2386	#navigation-level1 {
2387		.navigation-level1__list {
2388			margin: 0;
2389			padding: 0;
2390			min-height: var(--pc-mega-nav-bar-height);
2391			display: flex;
2392			flex-wrap: nowrap;
2393			align-items: center;
2394			justify-content: center;
2395			list-style-type: none;
2396			gap: 0;
2397			row-gap: 0;
2398
2399			>li {
2400				display: inline-flex;
2401				align-items: center;
2402				min-height: var(--pc-mega-nav-bar-height);
2403				margin: 0;
2404				padding: 0;
2405
2406				+li::before {
2407					content: "";
2408					display: block;
2409					flex-shrink: 0;
2410					width: 1px;
2411					height: 20px;
2412					max-height: 20px;
2413					opacity: 0.1;
2414					background: #1C1C1C;
2415					margin: 0 24px;
2416				}
2417
2418				.navigation-level1__section-title,
2419				>a {
2420					padding: 0;
2421					border: none;
2422					font-family: "area-normal", "Area Normal", Arial, sans-serif;
2423					font-weight: 800;
2424					font-size: var(--pc-mega-nav-bar-content-height);
2425					line-height: var(--pc-mega-nav-text-line-height);
2426					letter-spacing: 0;
2427					color: #1C1C1C;
2428					text-decoration: none;
2429				}
2430			}
2431		}
2432
2433		.navigation-level1__section-title {
2434			background: none;
2435			border: none;
2436			cursor: pointer;
2437			font-family: inherit;
2438		}
2439
2440		.navigation-level1__section-title,
2441		.navigation-level1__list>li>a {
2442			min-height: var(--pc-mega-nav-bar-height);
2443		}
2444
2445		.navigation-level1__component {
2446			display: none;
2447		}
2448	}
2449
2450
2451
2452	#category-content .navigation-level1__col-first,
2453	#category-content .navigation-level1__component .navigation-level1__col-first,
2454	#navigation-level1 .navigation-level1__col-first {
2455		flex: 0 0 25% !important;
2456		min-width: 0 !important;
2457		max-width: none !important;
2458		width: auto !important;
2459		flex-shrink: 0 !important;
2460		min-height: 0 !important;
2461		height: 100% !important;
2462		padding: 0 48px !important;
2463		border-right: 1px solid #DEDEDF !important;
2464		overflow-y: auto !important;
2465		overflow-x: hidden !important;
2466		align-items: flex-start !important;
2467		box-sizing: border-box !important;
2468		-webkit-overflow-scrolling: touch !important;
2469		container-type: inline-size !important;
2470		display: flex !important;
2471		flex-direction: column !important;
2472		justify-content: space-between !important;
2473	}
2474
2475	#category-content .navigation-level1__col-middle,
2476	#category-content .navigation-level1__component .navigation-level1__col-middle,
2477	#navigation-level1 .navigation-level1__col-middle {
2478		flex: 0 0 45% !important;
2479		min-width: 0 !important;
2480		max-width: none !important;
2481		width: auto !important;
2482		flex-shrink: 0 !important;
2483		min-height: 0 !important;
2484		height: 100% !important;
2485		overflow: hidden !important;
2486		box-sizing: border-box !important;
2487		display: flex !important;
2488		flex-direction: column !important;
2489	}
2490
2491	#category-content .navigation-level1__col-third,
2492	#category-content .navigation-level1__component .navigation-level1__col-third,
2493	#navigation-level1 .navigation-level1__col-third {
2494		flex: 0 0 30% !important;
2495		min-width: 0 !important;
2496		max-width: none !important;
2497		width: auto !important;
2498		flex-shrink: 0 !important;
2499		min-height: 0 !important;
2500		height: 100% !important;
2501		max-height: 100% !important;
2502		padding: 0 48px !important;
2503		border-left: 1px solid #DEDEDF !important;
2504		box-sizing: border-box !important;
2505		display: flex !important;
2506		flex-direction: column !important;
2507		justify-content: flex-start !important;
2508		overflow-y: auto !important;
2509		overflow-x: hidden !important;
2510		-webkit-overflow-scrolling: touch !important;
2511		overscroll-behavior: contain !important;
2512		align-items: flex-start !important;
2513	}
2514
2515	#category-content .navigation-level1__col-first .category-title,
2516	#category-content .category-title,
2517	#navigation-level1 .navigation-level1__col-first .category-title {
2518		display: block !important;
2519		width: 100% !important;
2520		max-width: 100% !important;
2521		min-width: 0 !important;
2522		min-height: 0 !important;
2523		margin: 0 !important;
2524		padding: 0 !important;
2525		flex-shrink: 0 !important;
2526		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2527		font-weight: 800 !important;
2528		line-height: var(--pc-mega-nav-category-title-line-height) !important;
2529		letter-spacing: -0.02em !important;
2530		color: #1C1C1C !important;
2531		overflow: visible !important;
2532		overflow-wrap: normal !important;
2533		word-break: keep-all !important;
2534		hyphens: none !important;
2535		white-space: nowrap !important;
2536		font-size: clamp(28px, 15cqi, 40px) !important;
2537	}
2538
2539	#category-content .navigation-level1__col-first .category-title--wrap,
2540	#category-content .category-title--wrap,
2541	#navigation-level1 .navigation-level1__col-first .category-title--wrap {
2542		white-space: normal !important;
2543		overflow-wrap: break-word !important;
2544		word-break: normal !important;
2545	}
2546
2547	#category-content .navigation-level1__col-first>.html-slot-container,
2548	#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container,
2549	#navigation-level1 .navigation-level1__col-first>.html-slot-container {
2550		display: flex !important;
2551		flex-direction: column !important;
2552		flex: 0 0 auto !important;
2553		flex-shrink: 0 !important;
2554		justify-content: flex-end !important;
2555		margin-top: 0 !important;
2556		width: 100% !important;
2557		max-width: 100% !important;
2558		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2559	}
2560
2561	#category-content .navigation-level1__col-first .html-slot-container,
2562	#category-content .navigation-level1__col-first .main-nav-slot,
2563	#navigation-level1 .navigation-level1__col-first .html-slot-container,
2564	#navigation-level1 .navigation-level1__col-first .main-nav-slot {
2565		display: flex !important;
2566		flex-direction: column !important;
2567		justify-content: flex-end !important;
2568		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2569		width: 100% !important;
2570		max-width: 100% !important;
2571		border: 0 !important;
2572		margin: 0 !important;
2573		padding: 0 !important;
2574		flex: 0 0 auto !important;
2575		position: static !important;
2576		left: auto !important;
2577		top: auto !important;
2578		max-height: none !important;
2579		overflow: visible !important;
2580		visibility: visible !important;
2581		opacity: 1 !important;
2582	}
2583
2584	#category-content .navigation-level1__col-first>.html-slot-container>.main-nav-slot,
2585	#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot,
2586	#navigation-level1 .navigation-level1__col-first>.html-slot-container>.main-nav-slot {
2587		margin-top: 0 !important;
2588	}
2589
2590	#category-content .navigation-level1__col-first .navigation-link,
2591	#navigation-level1 .navigation-level1__col-first .navigation-link {
2592		display: flex !important;
2593		flex-direction: column !important;
2594		justify-content: flex-end !important;
2595		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2596		margin: 0 !important;
2597		padding: 0 !important;
2598		width: 100% !important;
2599		max-width: 100% !important;
2600	}
2601
2602	/* Single left promo must stay full-width (legacy two-rows / 50% figure rules) */
2603	#category-content .navigation-level1__col-first .navigation-link.navigation-link--two-rows,
2604	#navigation-level1 .navigation-level1__col-first .navigation-link.navigation-link--two-rows {
2605		display: flex !important;
2606		flex-direction: column !important;
2607		margin: 0 !important;
2608	}
2609
2610	#category-content .navigation-level1__col-first .navigation-link>figure:only-child,
2611	#navigation-level1 .navigation-level1__col-first .navigation-link>figure:only-child,
2612	#category-content .navigation-level1__col-first>.html-slot-container>figure:only-child,
2613	#navigation-level1 .navigation-level1__col-first>.html-slot-container>figure:only-child {
2614		width: 100% !important;
2615		max-width: 100% !important;
2616		flex: 0 0 auto !important;
2617	}
2618
2619	#category-content .navigation-level1__col-first .main-nav-slot__list,
2620	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list {
2621		margin: 0 !important;
2622		padding: 0 !important;
2623		border: 0 !important;
2624	}
2625
2626	#category-content .navigation-level1__col-first .main-nav-slot__list+div,
2627	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list+div {
2628		margin-top: 0 !important;
2629	}
2630
2631	#category-content .navigation-level1__col-first .main-nav-slot__list-item,
2632	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item {
2633		margin: 0 !important;
2634	}
2635
2636	#category-content .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item,
2637	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item {
2638		margin-top: 0 !important;
2639	}
2640
2641	#category-content .navigation-level1__col-first figure,
2642	#navigation-level1 .navigation-level1__col-first figure,
2643	#category-content .navigation-level1__col-first .navigation-link figure,
2644	#navigation-level1 .navigation-level1__col-first .navigation-link figure {
2645		display: flex !important;
2646		flex-direction: column !important;
2647		gap: var(--pc-nav-desktop-promo-image-caption-gap) !important;
2648		margin: 0 !important;
2649		width: 100% !important;
2650		max-width: 100% !important;
2651		min-width: 0 !important;
2652	}
2653
2654	#category-content .navigation-level1__col-first figure>a,
2655	#navigation-level1 .navigation-level1__col-first figure>a,
2656	#category-content .navigation-level1__col-first .navigation-link figure>a,
2657	#navigation-level1 .navigation-level1__col-first .navigation-link figure>a,
2658	#category-content .navigation-level1__col-first figure .level-3__category-image,
2659	#navigation-level1 .navigation-level1__col-first figure .level-3__category-image,
2660	#category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap,
2661	#navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap {
2662		display: block !important;
2663		width: 100% !important;
2664		max-width: 100% !important;
2665		height: 135px !important;
2666		border-radius: 10px !important;
2667		overflow: hidden !important;
2668		line-height: 0 !important;
2669		font-size: 0 !important;
2670		text-indent: 0 !important;
2671		color: transparent !important;
2672		text-decoration: none !important;
2673		flex-shrink: 0 !important;
2674	}
2675
2676	/* Hide stray copy inside the image link — line-height:0 stacks it into garbled overlay text */
2677	#category-content .navigation-level1__col-first figure>a>
2677*:not(img):not(picture),
2678	#navigation-level1 .navigation-level1__col-first figure>a>*:not(img):not(picture),
2679	#category-content .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
2680	#navigation-level1 .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
2681	#category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture),
2682	#navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) {
2683		display: none !important;
2684	}
2685
2686	#category-content .navigation-level1__col-first figure img,
2687	#navigation-level1 .navigation-level1__col-first figure img,
2688	#category-content .navigation-level1__col-first .html-slot-container img,
2689	#navigation-level1 .navigation-level1__col-first .html-slot-container img,
2690	#category-content .navigation-level1__col-first .navigation-link img,
2691	#navigation-level1 .navigation-level1__col-first .navigation-link img {
2692		width: 100% !important;
2693		height: 135px !important;
2694		max-width: 100% !important;
2695		aspect-ratio: unset !important;
2696		border-radius: 10px !important;
2697		object-fit: cover !important;
2698		object-position: center !important;
2699		display: block !important;
2700		margin: 0 !important;
2701	}
2702
2703	#category-content .navigation-level1__scroll-rail,
2704	#navigation-level1 .navigation-level1__scroll-rail {
2705		overflow-y: auto;
2706		overflow-x: hidden;
2707		-webkit-overflow-scrolling: touch;
2708		scrollbar-width: none !important;
2709		-ms-overflow-style: none !important;
2710		min-height: 0;
2711		max-height: 100%;
2712	}
2713
2714	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail,
2715	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail,
2716	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail,
2717	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail {
2718		overflow-y: auto !important;
2719		overflow-x: hidden !important;
2720		-webkit-overflow-scrolling: touch;
2721		scrollbar-width: none !important;
2722		-ms-overflow-style: none !important;
2723		min-height: 0 !important;
2724		max-height: 100% !important;
2725	}
2726
2727	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar,
2728	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar,
2729	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar,
2730	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar,
2731	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar {
2732		width: 0 !important;
2733		height: 0 !important;
2734		display: none !important;
2735		background: transparent !important;
2736		-webkit-appearance: none;
2737		appearance: none;
2738	}
2739
2740	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2741	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar-track,
2742	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2743	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2744	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2745	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2746	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2747	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2748	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2749	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track {
2750		display: none !important;
2751		width: 0 !important;
2752		height: 0 !important;
2753		background: transparent !important;
2754	}
2755
2756
2757
2758	#category-content .navigation-level1__col-third>.html-slot-container,
2759	#navigation-level1 .navigation-level1__col-third>.html-slot-container,
2760	#category-content .navigation-level1__col-third>.main-nav-slot,
2761	#navigation-level1 .navigation-level1__col-third>.main-nav-slot {
2762		display: flex;
2763		flex-direction: column;
2764		flex: 0 0 auto;
2765		flex-shrink: 0;
2766		min-height: 0;
2767		width: 100%;
2768		margin-top: auto !important;
2769		overflow: visible;
2770	}
2771
2772	#category-content .navigation-level1__col-third .main-nav-slot,
2773	#navigation-level1 .navigation-level1__col-third .main-nav-slot,
2774	.header #category-content .navigation-level1__col-third .main-nav-slot {
2775		border: 0 !important;
2776		margin-right: 0 !important;
2777		margin-bottom: 0 !important;
2778		margin-left: 0 !important;
2779		padding: 0 !important;
2780		display: flex !important;
2781		visibility: visible !important;
2782		opacity: 1 !important;
2783		flex-direction: column !important;
2784		position: static !important;
2785		left: auto !important;
2786		top: auto !important;
2787		max-height: none !important;
2788		max-width: none !important;
2789		overflow: visible !important;
2790		flex: 0 0 auto;
2791		flex-shrink: 0;
2792		min-height: 0;
2793		width: 100%;
2794		z-index: auto !important;
2795		place-content: flex-start !important;
2796		align-items: flex-start !important;
2797	}
2798
2799	#category-content .navigation-level1__col-third>.html-slot-container>.main-nav-slot,
2800	#navigation-level1 .navigation-level1__col-third>.html-slot-container>.main-nav-slot {
2801		margin-top: 0 !important;
2802	}
2803
2804	#category-content .navigation-level1__col-third>.main-nav-slot,
2805	#navigation-level1 .navigation-level1__col-third>.main-nav-slot {
2806		margin-top: auto !important;
2807	}
2808
2809	#category-content .navigation-level1__col-third .main-nav-slot__heading {
2810		display: none;
2811	}
2812
2813	#category-content .navigation-level1__col-third .main-nav-slot__list,
2814	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list {
2815		list-style: none;
2816		border: 0 !important;
2817		margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important;
2818		padding: 0 !important;
2819		flex-shrink: 0;
2820	}
2821
2822	#category-content .navigation-level1__col-third .main-nav-slot__list+div {
2823		margin-top: 0 !important;
2824	}
2825
2826	#category-content .navigation-level1__col-third .main-nav-slot__list-item {
2827		display: block;
2828		line-height: 1;
2829		margin: 0 !important;
2830	}
2831
2832	#category-content .navigation-level1__col-third .main-nav-slot__list-item+.main-nav-slot__list-item {
2833		margin-top: var(--pc-nav-desktop-rail-link-gap) !important;
2834	}
2835
2836	.main-nav-slot__list {
2837		margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important;
2838	}
2839
2840	#category-content .navigation-level1__col-third .main-nav-slot__list-item img,
2841	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list-item img {
2842		display: none !important;
2843	}
2844
2845	#category-content .navigation-level1__col-third .main-nav-slot__list a,
2846	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list a {
2847		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2848		font-weight: 800 !important;
2849		font-size: var(--pc-mega-nav-bar-content-height) !important;
2850		line-height: var(--pc-mega-nav-text-line-height) !important;
2851		letter-spacing: 0 !important;
2852		color: #1C1C1C !important;
2853		text-decoration: none !important;
2854		display: block;
2855	}
2856
2857	#category-content .navigation-level1__col-third .main-nav-slot__list a:hover {
2858		text-decoration: underline !important;
2859	}
2860
2861	#category-content .navigation-level1__col-third .two-column-figure {
2862		margin-top: 0;
2863		padding-top: 0;
2864		flex-shrink: 0;
2865	}
2866
2867	#category-content .navigation-level1__col-third .navigation-link,
2868	#navigation-level1 .navigation-level1__col-third .navigation-link {
2869		display: block !important;
2870		margin: 0 !important;
2871	}
2872
2873	#category-content .navigation-level1__col-third .navigation-link.navigation-link--two-rows,
2874	#navigation-level1 .navigation-level1__col-third .navigation-link.navigation-link--two-rows {
2875		display: grid !important;
2876		grid-template-columns: repeat(2, minmax(0, 1fr));
2877		gap: 24px;
2878		align-items: start;
2879		margin: 0 !important;
2880	}
2881
2882	#category-content .navigation-level1__col-third .navigation-link figure,
2883	#navigation-level1 .navigation-level1__col-third .navigation-link figure {
2884		width: 100%;
2885		max-width: 100%;
2886		min-width: 0;
2887		margin: 0 !important;
2888	}
2889
2890	#category-content .navigation-level1__col-third .navigation-link figure>a,
2891	#navigation-level1 .navigation-level1__col-third .navigation-link figure>a {
2892		display: block;
2893		width: 100%;
2894		max-width: 160px;
2895		height: var(--pc-nav-desktop-rail-promo-image-height);
2896		border-radius: 10px;
2897		overflow: hidden;
2898		line-height: 0;
2899	}
2900
2901	#category-content .navigation-level1__col-third .navigation-link figure img,
2902	#navigation-level1 .navigation-level1__col-third .navigation-link figure img {
2903		width: 100% !important;
2904		max-width: 160px !important;
2905		height: var(--pc-nav-desktop-rail-promo-image-height) !important;
2906		aspect-ratio: unset !important;
2907		object-fit: cover !important;
2908		object-position: center;
2909		border-radius: 10px;
2910		display: block;
2911	}
2912
2913	#category-content .navigation-level1__col-third .navigation-link figcaption,
2914	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption {
2915		margin-top: var(--pc-nav-desktop-promo-image-caption-gap);
2916		margin-bottom: 0;
2917		padding: 0;
2918		min-width: 0;
2919		max-width: 100%;
2920	}
2921
2922	#category-content .navigation-level1__col-first figure figcaption,
2923	#navigation-level1 .navigation-level1__col-first figure figcaption {
2924		display: block !important;
2925		visibility: visible !important;
2926		opacity: 1 !important;
2927		margin-top: 0 !important;
2928		margin-bottom: 0 !important;
2929		padding: 0;
2930		min-width: 0;
2931		max-width: 100%;
2932		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2933		font-weight: 700 !important;
2934		font-size: 14px !important;
2935		line-height: 1 !important;
2936		letter-spacing: 0.002em !important;
2937		color: #1C1C1C !important;
2938	}
2939
2940	#category-content .navigation-level1__col-third .navigation-link figcaption a,
2941	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption a {
2942		font-family: var(--pc-nav-font-family) !important;
2943		font-weight: 800 !important;
2944		font-size: var(--pc-nav-desktop-rail) !important;
2945		line-height: 1 !important;
2946		letter-spacing: 0.002em !important;
2947		color: var(--pc-nav-color-text) !important;
2948		text-decoration: none !important;
2949		display: block;
2950		white-space: normal;
2951		overflow-wrap: break-word;
2952		word-break: break-word;
2953	}
2954
2955	#category-content .navigation-level1__col-third .navigation-link figcaption a:hover,
2956	#category-content .navigation-level1__col-third .navigation-link figure:hover figcaption a,
2957	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption a:hover,
2958	#navigation-level1 .navigation-level1__col-third .navigation-link figure:hover figcaption a {
2959		text-decoration: underline !important;
2960		color: #1C1C1C !important;
2961	}
2962
2963
2964	#category-content .navigation-level1__col-first figure figcaption a,
2965	#navigation-level1 .navigation-level1__col-first figure figcaption a {
2966		text-decoration: none;
2967	}
2968
2969	#category-content .navigation-level1__col-first figure:hover figcaption a,
2970	#category-content .navigation-level1__col-first figure figcaption a:hover,
2971	#navigation-level1 .navigation-level1__col-first figure:hover figcaption a,
2972	#navigation-level1 .navigation-level1__col-first figure figcaption a:hover {
2973		text-decoration: underline !important;
2974		color: #1C1C1C !important;
2975	}
2976
2977
2978	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row,
2979	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row {
2980		padding-top: 0 !important;
2981		padding-bottom: 0 !important;
2982		margin-bottom: 16px !important;
2983	}
2984
2985	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child,
2986	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child {
2987		margin-bottom: 0 !important;
2988	}
2989
2990	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist,
2991	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist {
2992		list-style: none;
2993		margin: 0;
2994		padding: 0;
2995	}
2996
2997	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a,
2998	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a {
2999		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3000		font-weight: 800 !important;
3001		font-size: 14px !important;
3002		line-height: var(--pc-mega-nav-text-line-height) !important;
3003		letter-spacing: -0.02em !important;
3004		color: #1C1C1C !important;
3005		text-decoration: none !important;
3006		display: block !important;
3007	}
3008
3009	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a,
3010	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a {
3011		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3012		font-weight: 800 !important;
3013		font-size: 12px !important;
3014		line-height: var(--pc-mega-nav-text-line-height) !important;
3015		letter-spacing: 0 !important;
3016		color: #1C1C1C !important;
3017		text-decoration: none !important;
3018		display: block !important;
3019	}
3020
3021	#category-content .navigation-level1__see-all-link,
3022	#navigation-level1 .navigation-level1__see-all-link {
3023		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3024		font-weight: 800 !important;
3025		font-size: 12px !important;
3026		line-height: var(--pc-mega-nav-text-line-height) !important;
3027		letter-spacing: 0 !important;
3028		color: #1C1C1C !important;
3029		text-decoration: none !important;
3030		display: block !important;
3031	}
3032
3033	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover,
3034	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover {
3035		text-decoration: underline !important;
3036		color: #1C1C1C !important;
3037	}
3038
3039	#category-content .navigation-level1__col-middle .navigation-level1__middle-top a:hover,
3040	#category-content .navigation-level1__col-middle .navigation-level1__nav-row a:hover,
3041	#category-content .navigation-level1__col-middle .navigation-level1__sublist a:hover,
3042	#category-content .navigation-level1__col-middle .navigation-level1__group-title:hover,
3043	#category-content .navigation-level1__col-middle .navigation-level1__subgroup-title:hover,
3044	#navigation-level1 .navigation-level1__col-middle .navigation-level1__middle-top a:hover,
3045	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row a:hover,
3046	#navigation-level1 .navigation-level1__col-middle .navigation-level1__sublist a:hover,
3047	#navigation-level1 .navigation-level1__col-middle .navigation-level1__group-title:hover,
3048	#navigation-level1 .navigation-level1__col-middle .navigation-level1__subgroup-title:hover {
3049		text-decoration: underline !important;
3050		color: #1C1C1C !important;
3051	}
3052
3053	#category-content .navigation-level1__col-middle .navigation-level1__see-all-link,
3054	#category-content .navigation-level1__col-middle .navigation-level1__nav-row--see-all a,
3055	#category-content .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a,
3056	#navigation-level1 .navigation-level1__col-middle .navigation-level1__see-all-link,
3057	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--see-all a,
3058	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a {
3059		text-decoration: none !important;
3060		margin: 0;
3061	}
3062
3063	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
3064	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
3065	#category-content .navigation-level1__see-all-link:hover,
3066	#navigation-level1 .navigation-level1__see-all-link:hover,
3067	#category-content .navigation-level1__nav-row--see-all a:hover,
3068	#navigation-level1 .navigation-level1__nav-row--see-all a:hover,
3069	#category-content .navigation-level1__nav-row--group-see-all a:hover,
3070	#navigation-level1 .navigation-level1__nav-row--group-see-all a:hover {
3071		text-decoration: underline !important;
3072		color: #1C1C1C !important;
3073	}
3074
3075
3076	#category-content .navigation-level1__middle-top--categories.has-center-divider::after,
3077	#navigation-level1 .navigation-level1__middle-top--categories.has-center-divider::after {
3078		content: "" !important;
3079		display: block !important;
3080		position: absolute !important;
3081		top: 0 !important;
3082		bottom: 0 !important;
3083		left: 50% !important;
3084		width: 1px !important;
3085		height: auto !important;
3086		transform: translateX(-50%) translateZ(0) !important;
3087		background-color: #DEDEDF !important;
3088		pointer-events: none !important;
3089		z-index: 1 !important;
3090	}
3091
3092
3093	#category-content .navigation-level1__middle-top.has-center-divider::after,
3094	#navigation-level1 .navigation-level1__middle-top.has-center-divider::after {
3095		content: "";
3096		position: absolute;
3097		top: 0 !important;
3098		bottom: 0 !important;
3099		left: 50%;
3100		width: 1px;
3101		height: auto !important;
3102		transform: translateX(-50%) translateZ(0);
3103		background-color: #DEDEDF;
3104		pointer-events: none;
3105		z-index: 1;
3106		-webkit-backface-visibility: hidden;
3107		backface-visibility: hidden;
3108	}
3109
3110
3111	#category-content .navigation-level1__section-divider,
3112	#navigation-level1 .navigation-level1__section-divider {
3113		display: block;
3114		width: 100%;
3115		margin-top: 20px;
3116		margin-bottom: 20px;
3117		border: none;
3118		border-top: 1px solid #DEDEDF;
3119		border-bottom: none;
3120		height: 1px;
3121		min-height: 1px;
3122		background-color: #DEDEDF;
3123		transform: translateZ(0);
3124		-webkit-backface-visibility: hidden;
3125		backface-visibility: hidden;
3126	}
3127
3128	#category-content .navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
3129	#category-content .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider,
3130	#navigation-level1 .navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
3131	#navigation-level1 .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider {
3132		display: none !important;
3133	}
3134
3135	#category-content .navigation-level1__nav-row--see-all a,
3136	#navigation-level1 .navigation-level1__nav-row--see-all a,
3137	#category-content .navigation-level1__nav-row--group-see-all a,
3138	#navigation-level1 .navigation-level1__nav-row--group-see-all a {
3139		margin-top: 20px;
3140	}
3141
3142	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a,
3143	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3144		margin-top: 16px;
3145	}
3146
3147	#category-content .navigation-level1__middle-top--grouped .navigation-level1__section-divider,
3148	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__section-divider {
3149		display: block;
3150		width: 100%;
3151		margin-top: 20px;
3152		margin-bottom: 20px;
3153		border: none;
3154		border-top: 1px solid #DEDEDF;
3155		border-bottom: none;
3156		height: 1px;
3157		min-height: 1px;
3158		background-color: #DEDEDF;
3159		transform: translateZ(0);
3160		-webkit-backface-visibility: hidden;
3161		backface-visibility: hidden;
3162	}
3163
3164	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3165	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link,
3166	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3167	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link {
3168		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3169		font-weight: 800 !important;
3170		font-size: 12px !important;
3171		line-height: var(--pc-mega-nav-text-line-height) !important;
3172		letter-spacing: 0 !important;
3173		color: #1C1C1C !important;
3174		text-decoration: none !important;
3175		display: block !important;
3176		margin-top: 0 !important;
3177	}
3178
3179	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3180	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover,
3181	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3182	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover {
3183		text-decoration: underline !important;
3184		color: #1C1C1C !important;
3185	}
3186
3187
3188	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row,
3189	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row {
3190		padding-top: 0;
3191		padding-bottom: 0;
3192		margin-bottom: 0;
3193	}
3194
3195	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading,
3196	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading {
3197		margin-bottom: 0;
3198	}
3199
3200	#category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title,
3201	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title {
3202		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3203		font-weight: 800 !important;
3204		font-size: 14px !important;
3205		line-height: var(--pc-mega-nav-text-line-height) !important;
3206		letter-spacing: -0.02em !important;
3207		color: #1C1C1C !important;
3208		margin: 0 0 16px !important;
3209	}
3210
3211	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist,
3212	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist {
3213		list-style: none;
3214		margin: 0;
3215		padding: 0;
3216	}
3217
3218	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link,
3219	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link {
3220		margin-bottom: 16px !important;
3221	}
3222
3223	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li,
3224	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li {
3225		margin: 0;
3226	}
3227
3228
3229	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a,
3230	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a {
3231		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3232		font-weight: 700 !important;
3233		font-size: 12px !important;
3234		line-height: var(--pc-mega-nav-text-line-height) !important;
3235		letter-spacing: 0 !important;
3236		color: #757575 !important;
3237		text-decoration: none !important;
3238		display: block !important;
3239	}
3240
3241	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all,
3242	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all {
3243		width: 100% !important;
3244		margin: 0 !important;
3245		padding: 0 !important;
3246	}
3247
3248	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a,
3249	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3250		font-family: var(--pc-nav-font-family) !important;
3251		font-weight: 800 !important;
3252		font-size: var(--pc-nav-desktop-see-all) !important;
3253		line-height: var(--pc-mega-nav-text-line-height) !important;
3254		letter-spacing: 0 !important;
3255		color: var(--pc-nav-color-text) !important;
3256		text-decoration: none !important;
3257		display: block !important;
3258	}
3259
3260	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a,
3261	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a {
3262		font-family: var(--pc-nav-font-family) !important;
3263		font-weight: 800 !important;
3264		font-size: var(--pc-nav-desktop-see-all) !important;
3265		line-height: var(--pc-mega-nav-text-line-height) !important;
3266		letter-spacing: 0 !important;
3267		color: var(--pc-nav-color-text) !important;
3268		text-decoration: none !important;
3269		display: block !important;
3270		margin-top: 16px !important;
3271	}
3272
3273	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3274	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3275	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover,
3276	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover {
3277		text-decoration: underline !important;
3278		color: #1C1C1C !important;
3279	}
3280
3281	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row,
3282	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row {
3283		padding-top: 0;
3284		padding-bottom: 0;
3285		margin-bottom: 0;
3286	}
3287
3288	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3289	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist,
3290	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3291	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist {
3292		list-style: none;
3293		margin: 0;
3294		padding: 0;
3295	}
3296
3297	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li,
3298	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li {
3299		margin: 0 0 16px;
3300	}
3301
3302	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a,
3303	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a {
3304		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3305		font-weight: 800 !important;
3306		font-size: 14px !important;
3307		line-height: var(--pc-mega-nav-text-line-height) !important;
3308		letter-spacing: -0.02em !important;
3309		color: #1C1C1C !important;
3310		text-decoration: none !important;
3311		display: block !important;
3312	}
3313
3314	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading,
3315	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading {
3316		margin-bottom: 16px;
3317		padding-bottom: 0;
3318	}
3319
3320	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title,
3321	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title {
3322		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3323		font-weight: 800 !important;
3324		font-size: 14px !important;
3325		line-height: var(--pc-mega-nav-text-line-height) !important;
3326		letter-spacing: -0.02em !important;
3327		color: #1C1C1C !important;
3328		margin: 0 !important;
3329	}
3330
3331	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a,
3332	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a {
3333		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3334		font-weight: 700 !important;
3335		font-size: 12px !important;
3336		line-height: var(--pc-mega-nav-text-line-height) !important;
3337		letter-spacing: 0 !important;
3338		color: #757575 !important;
3339		text-decoration: none !important;
3340		display: block !important;
3341	}
3342
3343	#category-content .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider,
3344	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider {
3345		border-bottom: none !important;
3346		padding-bottom: 0 !important;
3347		margin-bottom: 0 !important;
3348	}
3349
3350	#category-content .navigation-level1__middle-top--categories .navigation-level1__section-divider,
3351	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__section-divider {
3352		display: block;
3353		width: 100%;
3354		margin-top: 20px;
3355		margin-bottom: 20px;
3356		border: none;
3357		border-top: 1px solid #DEDEDF;
3358		border-bottom: none;
3359		height: 1px;
3360		min-height: 1px;
3361		background-color: #DEDEDF;
3362		transform: translateZ(0);
3363		-webkit-backface-visibility: hidden;
3364		backface-visibility: hidden;
3365	}
3366
3367	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3368	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3369	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
3370	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3371	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3372	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
3373	#category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
3374	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
3375	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3376	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
3377	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
3378	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover {
3379		text-decoration: underline !important;
3380		color: #1C1C1C !important;
3381	}
3382
3383	#category-content {
3384		display: none;
3385		width: 95% !important;
3386		max-width: 1448px !important;
3387		height: var(--pc-mega-nav-panel-max-height) !important;
3388		max-height: var(--pc-mega-nav-panel-max-height) !important;
3389		overflow: hidden !important;
3390		margin: 0 auto !important;
3391		background: white !important;
3392		border: 1px solid #DEDEDF !important;
3393		border-radius: 32px !important;
3394		box-shadow: 0 15px 32px rgba(0, 0, 0, .08) !important;
3395		box-sizing: border-box !important;
3396
3397		&,
3398		* {
3399			box-sizing: border-box;
3400		}
3401
3402		&.is-visible {
3403			display: flex !important;
3404			flex-direction: column !important;
3405			height: var(--pc-mega-nav-panel-max-height) !important;
3406			max-height: var(--pc-mega-nav-panel-max-height) !important;
3407			overflow: hidden !important;
3408		}
3409
3410		ul {
3411			margin-top: 0;
3412		}
3413
3414		.navigation-level1__component {
3415			width: 100%;
3416			flex: 1;
3417			min-height: 0;
3418			max-height: 100%;
3419			height: 100%;
3420			display: flex;
3421			margin: 0;
3422			padding: 48px 0;
3423			overflow: hidden;
3424		}
3425
3426		.navigation-level1__col-first {
3427			flex: 0 0 25%;
3428			min-width: 0;
3429			max-width: none;
3430			width: auto;
3431			padding: 0 48px;
3432			border-right: 1px solid #DEDEDF;
3433			flex-shrink: 0;
3434			min-height: 0;
3435			display: flex;
3436			flex-direction: column;
3437			height: 100%;
3438			justify-content: space-between;
3439			align-items: flex-start;
3440			overflow-y: auto;
3441			overflow-x: hidden;
3442			-webkit-overflow-scrolling: touch;
3443			container-type: inline-size;
3444		}
3445
3446		.category-title {
3447			width: 100%;
3448			max-width: 100%;
3449			min-width: 0;
3450			min-height: 0;
3451			height: auto;
3452			flex-shrink: 0;
3453			align-items: flex-start;
3454			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3455			font-weight: 800 !important;
3456			line-height: var(--pc-mega-nav-category-title-line-height) !important;
3457			letter-spacing: -0.02em !important;
3458			margin: 0 !important;
3459			padding: 0;
3460			overflow: visible;
3461			overflow-wrap: normal;
3462			word-break: keep-all;
3463			hyphens: none;
3464			white-space: nowrap;
3465			font-size: clamp(28px, 15cqi, 40px);
3466			color: #1C1C1C !important;
3467		}
3468
3469		.category-title--wrap {
3470			white-space: normal;
3471			overflow-wrap: break-word;
3472			word-break: normal;
3473		}
3474
3475
3476		.navigation-level1__col-middle {
3477			flex: 0 0 45%;
3478			min-width: 0;
3479			min-height: 0;
3480			height: 100%;
3481			padding: 0;
3482			display: flex;
3483			flex-direction: column;
3484			flex-shrink: 0;
3485			overflow: hidden;
3486		}
3487
3488		.navigation-level1__col-third {
3489			flex: 0 0 30%;
3490			padding: 0 48px;
3491			border-left: 1px solid #DEDEDF;
3492			flex-shrink: 0;
3493			min-width: 0;
3494			min-height: 0;
3495			height: 100%;
3496			max-height: 100%;
3497			display: flex;
3498			flex-direction: column;
3499			justify-content: flex-start;
3500			overflow-y: auto;
3501			overflow-x: hidden;
3502			-webkit-overflow-scrolling: touch;
3503			overscroll-behavior: contain;
3504			align-items: flex-start;
3505		}
3506
3507		.navigation-level1__col-third>.html-slot-container,
3508		.navigation-level1__col-third>.main-nav-slot {
3509			margin-top: auto;
3510			flex-shrink: 0;
3511		}
3512
3513		.navigation-level1__col-third>.html-slot-container>.main-nav-slot {
3514			margin-top: 0;
3515		}
3516
3517		.navigation-level1__col-first>.html-slot-container {
3518			display: flex;
3519			flex-direction: column;
3520			flex: 0 0 auto;
3521			flex-shrink: 0;
3522			justify-content: flex-end;
3523			margin-top: auto;
3524			width: 100%;
3525			max-width: 100%;
3526			gap: var(--pc-nav-desktop-promo-block-gap);
3527		}
3528
3529		.navigation-level1__col-first .html-slot-container,
3530		.navigation-level1__col-first .main-nav-slot {
3531			display: flex;
3532			flex-direction: column;
3533			justify-content: flex-end;
3534			gap: var(--pc-nav-desktop-promo-block-gap);
3535			width: 100%;
3536			max-width: 100%;
3537			border: 0;
3538			margin: 0;
3539			padding: 0;
3540			flex: 0 0 auto;
3541			position: static;
3542			left: auto;
3543			top: auto;
3544			max-height: none;
3545			overflow: visible;
3546			visibility: visible;
3547			opacity: 1;
3548		}
3549
3550		.navigation-level1__col-first>.html-slot-container>.main-nav-slot {
3551			margin-top: 0;
3552		}
3553
3554		.navigation-level1__col-first .navigation-link {
3555			display: flex;
3556			flex-direction: column;
3557			justify-content: flex-end;
3558			gap: var(--pc-nav-desktop-promo-block-gap);
3559			margin: 0;
3560			padding: 0;
3561			width: 100%;
3562			max-width: 100%;
3563		}
3564
3565		.navigation-level1__col-first .navigation-link.navigation-link--two-rows {
3566			display: flex;
3567			flex-direction: column;
3568			margin: 0;
3569		}
3570
3571		.navigation-level1__col-first .navigation-link>figure:only-child,
3572		.navigation-level1__col-first>.html-slot-container>figure:only-child {
3573			width: 100%;
3574			max-width: 100%;
3575			flex: 0 0 auto;
3576		}
3577
3578		.navigation-level1__col-first .main-nav-slot__list {
3579			margin: 0;
3580			padding: 0;
3581			border: 0;
3582		}
3583
3584		.navigation-level1__col-first .main-nav-slot__list+div {
3585			margin-top: 0;
3586		}
3587
3588		.navigation-level1__col-first .main-nav-slot__list-item {
3589			margin: 0;
3590		}
3591
3592		.navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item {
3593			margin-top: 0;
3594		}
3595
3596		.navigation-level1__col-first figure {
3597			display: flex;
3598			flex-direction: column;
3599			gap: var(--pc-nav-desktop-promo-image-caption-gap);
3600			margin: 0;
3601			width: 100%;
3602			max-width: 100%;
3603			min-width: 0;
3604		}
3605
3606		.navigation-level1__col-third .navigation-link figure {
3607			margin: 0;
3608			min-width: 0;
3609			max-width: 100%;
3610		}
3611
3612
3613		.navigation-level1__col-first .navigation-level1__promo-image-wrap,
3614		.navigation-level1__col-first figure .level-3__category-image,
3615		.navigation-level1__col-first figure>a {
3616			display: block;
3617			width: 100%;
3618			max-width: 100%;
3619			height: 135px;
3620			border-radius: 10px;
3621			overflow: hidden;
3622			line-height: 0;
3623			font-size: 0;
3624			color: transparent;
3625			text-decoration: none;
3626			flex-shrink: 0;
3627		}
3628
3629		.navigation-level1__col-first figure>a>*:not(img):not(picture),
3630		.navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
3631		.navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) {
3632			display: none;
3633		}
3634
3635		.navigation-level1__col-first figure img,
3636		.navigation-level1__col-first .html-slot-container img,
3637		.navigation-level1__col-first .navigation-link img {
3638			width: 100% !important;
3639			height: 135px !important;
3640			max-width: 100%;
3641			aspect-ratio: unset !important;
3642			border-radius: 10px;
3643			object-fit: cover;
3644			object-position: center;
3645			display: block;
3646			margin: 0;
3647		}
3648
3649		.navigation-level1__col-third .navigation-level1__promo-image-wrap {
3650			display: block;
3651			width: 160px;
3652			max-width: 100%;
3653			height: var(--pc-nav-desktop-rail-promo-image-height);
3654			border-radius: 10px;
3655			overflow: hidden;
3656			line-height: 0;
3657			flex-shrink: 0;
3658		}
3659
3660		.navigation-level1__col-third .navigation-link figure>a {
3661			display: block;
3662			width: 100%;
3663			max-width: 160px;
3664			text-decoration: none;
3665		}
3666
3667
3668		.navigation-level1__col-third .navigation-link figure img {
3669			width: 100% !important;
3670			max-width: 160px !important;
3671			height: var(--pc-nav-desktop-rail-promo-image-height) !important;
3672			aspect-ratio: unset !important;
3673			border-radius: 10px;
3674			object-fit: cover;
3675			object-position: center;
3676			display: block;
3677		}
3678
3679		.navigation-level1__col-first figure figcaption {
3680			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3681			font-weight: 700;
3682			font-size: 14px;
3683			line-height: 1;
3684			letter-spacing: 0.002em;
3685			color: #1C1C1C;
3686			margin: 0;
3687		}
3688
3689		.navigation-level1__col-first figure figcaption a {
3690			font-family: inherit;
3691			font-weight: inherit;
3692			font-size: inherit;
3693			line-height: inherit;
3694			letter-spacing: inherit;
3695			color: inherit;
3696			text-decoration: none;
3697			margin: 0;
3698		}
3699
3700
3701
3702
3703		.navigation-level1__middle-top {
3704			flex: 1;
3705			min-height: 0;
3706			min-width: 0;
3707			display: flex;
3708			flex-direction: column;
3709			flex-wrap: wrap;
3710			align-content: flex-start;
3711			align-items: flex-start;
3712			width: 100%;
3713			height: 100%;
3714			position: relative;
3715		}
3716
3717		.navigation-level1__middle-top.has-center-divider::after {
3718			content: "";
3719			position: absolute;
3720			top: 0;
3721			bottom: 0;
3722			left: 50%;
3723			width: 1px;
3724			transform: translateX(-50%) translateZ(0);
3725			background-color: #DEDEDF;
3726			pointer-events: none;
3727			z-index: 1;
3728			-webkit-backface-visibility: hidden;
3729			backface-visibility: hidden;
3730		}
3731
3732		.navigation-level1__nav-row {
3733			flex: 0 0 auto;
3734			width: 50%;
3735			max-width: 50%;
3736			min-width: 0;
3737			box-sizing: border-box;
3738			padding: 0 48px;
3739			position: relative;
3740			z-index: 2;
3741		}
3742
3743
3744		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row {
3745			margin-bottom: 16px;
3746		}
3747
3748		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child {
3749			margin-bottom: 0;
3750		}
3751
3752		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist {
3753			li {
3754				margin: 0;
3755			}
3756
3757			a {
3758				font-family: "area-normal", "Area Normal", Arial, sans-serif;
3759				font-weight: 800;
3760				font-size: 14px;
3761				line-height: var(--pc-mega-nav-text-line-height);
3762				letter-spacing: -0.02em;
3763				color: #1C1C1C;
3764			}
3765		}
3766
3767		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a,
3768		.navigation-level1__see-all-link {
3769			font-weight: 800;
3770			font-size: 12px;
3771			line-height: var(--pc-mega-nav-text-line-height);
3772			letter-spacing: 0;
3773			text-decoration: none;
3774		}
3775
3776		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
3777		.navigation-level1__see-all-link:hover,
3778		.navigation-level1__nav-row--see-all a:hover,
3779		.navigation-level1__nav-row--group-see-all a:hover {
3780			text-decoration: underline;
3781			color: #1C1C1C;
3782		}
3783
3784		.navigation-level1__middle-bottom {
3785			margin-top: auto;
3786			flex-shrink: 0;
3787		}
3788
3789		.navigation-level1__middle-top a,
3790		.navigation-level1__nav-row a,
3791		.main-nav-slot__list a {
3792			text-decoration: none;
3793			min-width: 0;
3794			max-width: 100%;
3795			overflow-wrap: break-word;
3796			word-break: break-word;
3797		}
3798
3799
3800		.navigation-level1__middle-top .navigation-level1__sublist a:hover,
3801		.navigation-level1__nav-row .navigation-level1__sublist a:hover,
3802		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover,
3803		.navigation-level1__subgroup .navigation-level1__sublist a:hover,
3804		.navigation-level1__middle-top a:hover,
3805		.navigation-level1__nav-row a:hover {
3806			text-decoration: underline;
3807			color: #1C1C1C;
3808		}
3809
3810
3811
3812		.navigation-level1__nav-row .navigation-level1__sublist {
3813			list-style: none;
3814			margin: 0;
3815			padding: 0;
3816			display: block;
3817			width: 100%;
3818
3819			a {
3820				display: block;
3821				text-decoration: none;
3822			}
3823		}
3824
3825
3826		.navigation-level1__middle-top:not(.navigation-level1__middle-top--flat-list):not(.navigation-level1__middle-top--categories):not(.navigation-level1__middle-top--grouped) .navigation-level1__nav-row .navigation-level1__sublist a {
3827			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3828			font-weight: 700 !important;
3829			font-size: 12px !important;
3830			line-height: var(--pc-mega-nav-text-line-height) !important;
3831			letter-spacing: 0 !important;
3832			color: #1C1C1C !important;
3833		}
3834
3835
3836		.navigation-level1__group-title {
3837			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3838			font-weight: 800;
3839			font-size: 14px;
3840			line-height: var(--pc-mega-nav-text-line-height);
3841			letter-spacing: -0.02em;
3842			color: #1C1C1C;
3843			margin: 0 0 16px;
3844		}
3845
3846
3847		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading {
3848			margin-bottom: 0;
3849		}
3850
3851		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a {
3852			font-weight: 700;
3853			font-size: 12px;
3854			line-height: var(--pc-mega-nav-text-line-height);
3855			color: #757575;
3856		}
3857
3858		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a {
3859			font-family: var(--pc-nav-font-family);
3860			font-weight: 800;
3861			font-size: var(--pc-nav-desktop-see-all);
3862			line-height: var(--pc-mega-nav-text-line-height);
3863			color: var(--pc-nav-color-text);
3864			text-decoration: none;
3865		}
3866
3867		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3868			text-decoration: none;
3869		}
3870
3871		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover,
3872		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a:hover {
3873			text-decoration: underline;
3874			color: #1C1C1C;
3875		}
3876
3877		.navigation-level1__middle-top--grouped .navigation-level1__section-divider {
3878			margin-top: 20px;
3879			margin-bottom: 20px;
3880			margin-bottom: unset;
3881		}
3882
3883		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link {
3884			margin-bottom: 16px;
3885		}
3886
3887		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li {
3888			margin: 0;
3889		}
3890
3891		.navigation-level1__section-divider {
3892			margin-top: 20px;
3893			margin-bottom: 20px;
3894			border: none;
3895			border-top: 1px solid #DEDEDF;
3896			border-bottom: none;
3897			height: 1px;
3898			min-height: 1px;
3899			background-color: #DEDEDF;
3900			transform: translateZ(0);
3901			-webkit-backface-visibility: hidden;
3902			backface-visibility: hidden;
3903		}
3904
3905		.navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
3906		.navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider {
3907			display: none !important;
3908		}
3909
3910		.navigation-level1__nav-row--see-all a,
3911		.navigation-level1__nav-row--group-see-all a {
3912			margin-top: 20px;
3913		}
3914
3915		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3916			margin-top: 16px;
3917		}
3918
3919
3920		.navigation-level1__middle-top--categories .navigation-level1__nav-row {
3921			padding-top: 0;
3922			padding-bottom: 0;
3923			margin-bottom: 0;
3924		}
3925
3926		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3927		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link {
3928			margin-top: 0 !important;
3929			text-decoration: none;
3930		}
3931
3932		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3933		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover {
3934			text-decoration: underline !important;
3935			color: #1C1C1C !important;
3936		}
3937
3938		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3939		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist {
3940			list-style: none;
3941			margin: 0;
3942			padding: 0;
3943		}
3944
3945		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li {
3946			margin: 0 0 16px;
3947		}
3948
3949		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a {
3950			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3951			font-weight: 800;
3952			font-size: 14px;
3953			line-height: var(--pc-mega-nav-text-line-height);
3954			letter-spacing: -0.02em;
3955			color: #1C1C1C;
3956			text-decoration: none;
3957			display: block;
3958		}
3959
3960		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading {
3961			margin-bottom: 16px;
3962			padding-bottom: 0;
3963		}
3964
3965		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title {
3966			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3967			font-weight: 800;
3968			font-size: 14px;
3969			line-height: var(--pc-mega-nav-text-line-height);
3970			letter-spacing: -0.02em;
3971			color: #1C1C1C;
3972			margin: 0;
3973		}
3974
3975		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a {
3976			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3977			font-weight: 400;
3978			font-size: 12px;
3979			line-height: var(--pc-mega-nav-text-line-height);
3980			letter-spacing: 0;
3981			color: #1C1C1C;
3982			text-decoration: none;
3983			display: block;
3984		}
3985
3986		.navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider {
3987			border-bottom: none !important;
3988			padding-bottom: 0 !important;
3989			margin-bottom: 0 !important;
3990		}
3991
3992		.navigation-level1__middle-top--categories .navigation-level1__section-divider {
3993			margin-top: 20px;
3994			margin-bottom: 20px;
3995		}
3996
3997		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3998		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3999		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
4000		.navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
4001		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
4002		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover {
4003			text-decoration: underline !important;
4004			color: #1C1C1C !important;
4005		}
4006
4007		.navigation-level1__subgroup+.navigation-level1__subgroup,
4008		.navigation-level1__sublist+.navigation-level1__subgroup,
4009		.navigation-level1__subgroup+.navigation-level1__sublist {
4010			margin-top: 0;
4011		}
4012
4013		.navigation-level1__group-title,
4014		.navigation-level1__subgroup-title {
4015			min-width: 0;
4016			max-width: 100%;
4017			overflow-wrap: break-word;
4018			word-break: break-word;
4019		}
4020
4021		.navigation-level1__subgroup .navigation-level1__sublist {
4022			list-style: none;
4023			margin: 0;
4024			padding: 0;
4025			display: block;
4026			margin-left: 12px;
4027
4028			a {
4029				display: block;
4030				text-decoration: none;
4031				color: #1C1C1C;
4032				font-family: "area-normal", "Area Normal", Arial, sans-serif;
4033				font-size: 12px;
4034				line-height: 1;
4035				font-weight: 400;
4036			}
4037
4038			li+li {
4039				margin-top: 16px;
4040			}
4041		}
4042
4043		.navigation-level1__subgroup-title {
4044			font-family: "area-normal", "Area Normal", Arial, sans-serif;
4045			font-weight: 700;
4046			font-size: 12px;
4047			line-height: var(--pc-mega-nav-text-line-height);
4048			color: #1C1C1C;
4049			margin-bottom: 12px;
4050		}
4051
4052		.navigation-level1__subgroup .navigation-level1__sublist.show-divider,
4053		.navigation-level1__sublist.show-divider {
4054			border-bottom: 1px solid #DEDEDF;
4055			padding-bottom: 16px;
4056			margin-bottom: 16px;
4057		}
4058	}
4059
4060	body:has(.page-designer):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1,
4061	body:has(.page-designer-reference):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1 {
4062		background: transparent;
4063		border-bottom-color: transparent;
4064
4065		.navigation-level1__list>li {
4066
4067			.navigation-level1__section-title,
4068			>a {
4069				color: #1C1C1C !important;
4070			}
4071		}
4072	}
4073
4074	body:has(.page-designer):has(.video-banner) .header:not(.header--scrolled) #navigation-level1,
4075	body:has(.page-designer-reference):has(.video-banner) .header:not(.header--scrolled) #navigation-level1 {
4076		background: transparent;
4077		border-bottom-color: transparent;
4078
4079		.navigation-level1__list>li {
4080
4081			.navigation-level1__section-title,
4082			>a {
4083				color: #FFFFFF;
4084			}
4085		}
4086	}
4087
4088	body:has(.page-designer) .header.header--scrolled #navigation-level1,
4089	body:has(.page-designer-reference) .header.header--scrolled #navigation-level1 {
4090		background-color: #FFFFFF;
4091		border-bottom-color: #DEDEDF;
4092
4093		.navigation-level1__list>li {
4094
4095			.navigation-level1__section-title,
4096			>a {
4097				color: #1C1C1C;
4098			}
4099		}
4100	}
4101
4102
4103	@media (max-width: 1023px) {
4104		/* MOBILE-ONLY CSS — desktop styles above this block are frozen (CONFIG.desktopLayoutFrozen) */
4105
4106		.header.js-header.pc-mega-nav-redesign .header__content {
4107			overflow: visible !important;
4108		}
4109
4110		.header.js-header.pc-mega-nav-redesign .header__hamburger-button {
4111			/* block — not flex: site builds the 3 bars with ::before/::after; flex misaligns them */
4112			display: block !important;
4113			position: absolute !important;
4114			left: 12px !important;
4115			top: 50% !important;
4116			transform: translateY(-50%) !important;
4117			margin: 0 !important;
4118			background: transparent !important;
4119			border: 0 !important;
4120			color: #1C1C1C !important;
4121			overflow: visible !important;
4122			z-index: 6 !important;
4123		}
4124
4125		/* If a prior session left an SVG glyph in the button, hide it */
4126		.header.js-header.pc-mega-nav-redesign .header__hamburger-button .pc-mega-nav-icon {
4127			display: none !important;
4128		}
4129
4130		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle {
4131			position: absolute !important;
4132			left: calc(12px + 20px + 16px) !important;
4133			right: auto !important;
4134			top: 50% !important;
4135			transform: translateY(-50%) !important;
4136			width: 20px !important;
4137			height: 20px !important;
4138			min-width: 20px !important;
4139			min-height: 20px !important;
4140			margin-left: 10px !important;
4141			font-size: 20px !important;
4142			z-index: 6 !important;
4143		}
4144
4145		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search,
4146		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search.icon,
4147		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .pc-mega-nav-icon--search {
4148			width: 20px !important;
4149			height: 20px !important;
4150			min-width: 20px !important;
4151			min-height: 20px !important;
4152			font-size: 20px !important;
4153		}
4154
4155		.header.js-header.pc-mega-nav-redesign .mini-cart {
4156			position: absolute !important;
4157			right: 12px !important;
4158			top: 50% !important;
4159			bottom: auto !important;
4160			transform: translateY(-50%) !important;
4161			z-index: 6 !important;
4162			overflow: visible !important;
4163		}
4164
4165		.header.js-header.pc-mega-nav-redesign .mini-cart__link {
4166			display: flex !important;
4167			align-items: center !important;
4168			justify-content: center !important;
4169			position: relative !important;
4170			width: 20px !important;
4171			height: 20px !important;
4172			min-width: 20px !important;
4173			min-height: 20px !important;
4174			overflow: visible !important;
4175			border: 0 !important;
4176			border-width: 0 !important;
4177			border-style: none !important;
4178			border-color: transparent !important;
4179			border-radius: 0 !important;
4180			background: transparent !important;
4181			box-shadow: none !important;
4182			outline: none !important;
4183		}
4184
4185		.header.js-header.pc-mega-nav-redesign .mini-cart__icon,
4186		.header.js-header.pc-mega-nav-redesign .mini-cart__icon .pc-mega-nav-icon {
4187			width: 20px !important;
4188			height: 20px !important;
4189			font-size: 20px !important;
4190			position: static !important;
4191			transform: none !important;
4192			left: auto !important;
4193			top: auto !important;
4194		}
4195
4196		/* Collapse legacy mobile nav shell — flyout owns layout */
4197		.header.js-header.pc-mega-nav-redesign .main-nav,
4198		.header.js-header.pc-mega-nav-redesign.header--menu-open .main-nav {
4199			padding: 0 !important;
4200			margin: 0 !important;
4201			background: transparent !important;
4202			opacity: 0 !important;
4203			visibility: hidden !important;
4204			pointer-events: none !important;
4205			height: 0 !important;
4206			min-height: 0 !important;
4207			overflow: hidden !important;
4208		}
4209
4210		#js-usp-banner.usp-banner~.header.js-header,
4211		#js-usp-banner~.header.js-header {
4212			position: sticky !important;
4213			top: var(--pc-mega-nav-usp-height) !important;
4214			/* 40px */
4215			z-index: 1001 !important;
4216			background-color: #FFFFFF !important;
4217			border-bottom: 1px solid var(--pc-nav-color-border) !important;
4218		}
4219
4220		/* Page Designer / video-banner (e.g. membership): keep header shell + icons visible on mobile */
4221		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4222		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4223		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4224		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4225		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4226		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4227		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled,
4228		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled .header__content {
4229			background-color: #FFFFFF !important;
4230		}
4231
4232		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before,
4233		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before,
4234		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before {
4235			background-color: #1C1C1C !important;
4236		}
4237
4238		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after,
4239		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after,
4240		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after {
4241			border-color: #1C1C1C !important;
4242		}
4243
4244		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle,
4245		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle,
4246		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .
4246icon,
4247		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon,
4248		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle,
4249		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon,
4250		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before,
4251		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before,
4252		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before,
4253		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
4254		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
4255		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
4256		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4257		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4258		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4259		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
4260		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
4261		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
4262		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4263		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4264		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4265		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4266		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4267		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4268		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4269		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4270		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4271		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4272		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4273		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4274		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before,
4275		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before,
4276		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before {
4277			color: #1C1C1C !important;
4278			border-color: #1C1C1C !important;
4279			-webkit-text-fill-color: #1C1C1C !important;
4280			opacity: 1 !important;
4281			visibility: visible !important;
4282		}
4283
4284		#navigation-level1,
4285		#category-content {
4286			display: none !important;
4287		}
4288
4289		.main-nav #js-menu-categories,
4290		.main-nav>.html-slot-container,
4291		.main-nav>.menu-utility-user,
4292		.main-nav>.hide-desktop {
4293			display: none !important;
4294		}
4295
4296		#nav-mobile-flyout {
4297			display: none;
4298			position: fixed;
4299			left: 0;
4300			right: 0;
4301			top: var(--pc-mega-nav-stack-height);
4302			bottom: 0;
4303			height: auto;
4304			max-height: none;
4305			background: #fff;
4306			z-index: 20;
4307			overflow: hidden;
4308			box-sizing: border-box;
4309		}
4310
4311		@supports (height: 100dvh) {
4312			#nav-mobile-flyout {
4313				bottom: auto;
4314				height: var(--pc-mega-nav-flyout-height,
4315						calc(100dvh - var(--pc-mega-nav-stack-height)));
4316			}
4317		}
4318
4319		.header--menu-open #nav-mobile-flyout {
4320			display: block;
4321		}
4322
4323		.nav-mobile__scroll {
4324			height: 100%;
4325			overflow-y: auto;
4326			-webkit-overflow-scrolling: touch;
4327			overscroll-behavior: contain;
4328			padding: 40px 32px;
4329			padding-bottom: var(--pc-mega-nav-flyout-scroll-padding-bottom);
4330			box-sizing: border-box;
4331		}
4332
4333		.nav-mobile__section {
4334			border-bottom: 1px solid var(--pc-nav-color-border);
4335		}
4336
4337		.nav-mobile__section-toggle {
4338			width: 100%;
4339			display: flex;
4340			align-items: center;
4341			justify-content: space-between;
4342			gap: 16px;
4343			padding: var(--pc-nav-mobile-l1-toggle-padding) 0;
4344			background: none;
4345			border: 0;
4346			font-family: var(--pc-nav-font-family);
4347			font-weight: 800;
4348			font-size: var(--pc-nav-mobile-top);
4349			line-height: var(--pc-nav-mobile-top);
4350			letter-spacing: var(--pc-nav-mobile-top-ls);
4351			color: var(--pc-nav-color-text);
4352			text-align: left;
4353			cursor: pointer;
4354		}
4355
4356		.nav-mobile__section-toggle .icon,
4357		.nav-mobile__section-toggle .pc-mega-nav-icon {
4358			font-size: 20px;
4359			width: 20px !important;
4360			height: 20px !important;
4361			min-width: 20px !important;
4362			min-height: 20px !important;
4363			transition: transform .2s ease;
4364			transform: rotate(90deg);
4365			flex-shrink: 0;
4366			color: var(--pc-nav-color-text);
4367		}
4368
4369		.nav-mobile__section.is-open .nav-mobile__section-toggle .icon,
4370		.nav-mobile__section.is-open .nav-mobile__section-toggle .pc-mega-nav-icon {
4371			transform: rotate(180deg);
4372		}
4373
4374		.nav-mobile__section-panel {
4375			display: none;
4376			padding-top: 0;
4377			padding-bottom: 0;
4378		}
4379
4380		.nav-mobile__section.is-open .nav-mobile__section-toggle {
4381			padding-bottom: 0;
4382		}
4383
4384		.nav-mobile__section.is-open .nav-mobile__section-panel {
4385			display: block;
4386			padding-top: var(--pc-nav-mobile-l1-to-l2-gap);
4387			padding-bottom: calc(var(--pc-nav-mobile-l2-to-next-l1-gap) - var(--pc-nav-mobile-l1-toggle-padding));
4388		}
4389
4390		.nav-mobile__links {
4391			list-style: none;
4392			margin: 0;
4393			padding: 0;
4394		}
4395
4396		.nav-mobile__links li+li {
4397			margin-top: 16px;
4398		}
4399
4400		.nav-mobile__links a {
4401			color: var(--pc-nav-color-text);
4402			font-family: var(--pc-nav-font-family);
4403			font-size: var(--pc-nav-mobile-l2);
4404			line-height: var(--pc-nav-mobile-l2);
4405			letter-spacing: var(--pc-nav-mobile-l2-ls);
4406			font-weight: 800;
4407			text-decoration: none;
4408		}
4409
4410		.nav-mobile__links a:hover {
4411			color: var(--pc-nav-color-text);
4412			text-decoration: underline;
4413		}
4414
4415		.nav-mobile__section-panel>.nav-mobile__links li+li {
4416			margin-top: 20px;
4417		}
4418
4419		.nav-mobile__section-panel>.nav-mobile__links a {
4420			font-size: var(--pc-nav-mobile-l2);
4421			font-weight: 800;
4422			line-height: var(--pc-nav-mobile-l2);
4423			letter-spacing: var(--pc-nav-mobile-l2-ls);
4424			color: var(--pc-nav-color-text) !important;
4425			-webkit-text-fill-color: var(--pc-nav-color-text) !important;
4426		}
4427
4428		.nav-mobile__group+.nav-mobile__group {
4429			margin-top: 24px;
4430		}
4431
4432		.nav-mobile__group-title {
4433			font-family: var(--pc-nav-font-family);
4434			font-weight: 800;
4435			font-size: var(--pc-nav-mobile-l2);
4436			line-height: var(--pc-nav-mobile-l2);
4437			letter-spacing: var(--pc-nav-mobile-l2-ls);
4438			color: var(--pc-nav-color-text);
4439			margin-bottom: 20px;
4440		}
4441
4442		.nav-mobile__subgroup {
4443			margin-top: 16px;
4444			font-weight: 800;
4445		}
4446
4447		.nav-mobile__subgroup-title {
4448			font-family: var(--pc-nav-font-family);
4449			font-weight: 800;
4450			font-size: var(--pc-nav-mobile-l2);
4451			line-height: var(--pc-nav-mobile-l2);
4452			letter-spacing: var(--pc-nav-mobile-l2-ls);
4453			color: var(--pc-nav-color-text);
4454			margin-bottom: 20px;
4455		}
4456
4457		.nav-mobile__subgroup .nav-mobile__links {
4458			margin-left: 10px;
4459		}
4460
4461		.nav-mobile__subgroup .nav-mobile__links a {
4462			font-size: var(--pc-nav-mobile-l3);
4463			font-weight: 700;
4464			line-height: var(--pc-nav-mobile-l3);
4465			letter-spacing: 0;
4466			color: var(--pc-nav-color-secondary) !important;
4467			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4468		}
4469
4470		.nav-mobile__subgroup .nav-mobile__links a:hover {
4471			color: var(--pc-nav-color-secondary) !important;
4472			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4473			text-decoration: underline;
4474		}
4475
4476		.nav-mobile__group>.nav-mobile__links a {
4477			font-size: var(--pc-nav-mobile-l3);
4478			font-weight: 700;
4479			line-height: var(--pc-nav-mobile-l3);
4480			letter-spacing: 0;
4481			color: var(--pc-nav-color-secondary) !important;
4482			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4483		}
4484
4485		.nav-mobile__group>.nav-mobile__links a:hover {
4486			color: var(--pc-nav-color-secondary) !important;
4487			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4488			text-decoration: underline;
4489		}
4490
4491		.nav-mobile__group ul,
4492		.nav-mobile__subgroup ul {
4493			border-bottom: 1px solid var(--pc-nav-color-border);
4494		}
4495
4496		.nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__group:last-child ul,
4497		.nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__subgroup:last-child ul {
4498			border-bottom: none;
4499		}
4500
4501		.nav-mobile__section-panel--categories .nav-mobile__group ul,
4502		.nav-mobile__section-panel--categories .nav-mobile__subgroup ul {
4503			border-bottom: none;
4504		}
4505
4506		.nav-mobile__section-panel--categories .nav-mobile__categories-l2 a {
4507			font-family: var(--pc-nav-font-family);
4508			font-size: var(--pc-nav-mobile-l2);
4509			font-weight: 800;
4510			line-height: var(--pc-nav-mobile-l2);
4511			letter-spacing: var(--pc-nav-mobile-l2-ls);
4512			color: var(--pc-nav-color-text) !important;
4513			-webkit-text-fill-color: var(--pc-nav-color-text) !important;
4514			text-decoration: none;
4515		}
4516
4517		.nav-mobile__section-panel--categories .nav-mobile__categories-l2 .nav-mobile__links li+li {
4518			margin-top: 0;
4519		}
4520
4521		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading {
4522			margin-top: 0;
4523			margin-bottom: 20px;
4524		}
4525
4526		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading .nav-mobile__subgroup-title {
4527			font-size: var(--pc-nav-mobile-l2);
4528			line-height: var(--pc-nav-mobile-l2);
4529			letter-spacing: var(--pc-nav-mobile-l2-ls);
4530			color: var(--pc-nav-color-text);
4531		}
4532
4533		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 {
4534			margin-top: 20px;
4535		}
4536
4537		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading+.nav-mobile__categories-l3 {
4538			margin-top: 0;
4539		}
4540
4541		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 .nav-mobile__links li+li {
4542			margin-top: 24px;
4543		}
4544
4545		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 a {
4546			font-family: var(--pc-nav-font-family);
4547			font-size: var(--pc-nav-mobile-l3);
4548			font-weight: 700;
4549			line-height: 24px;
4550			letter-spacing: 0;
4551			color: var(--pc-nav-color-secondary) !important;
4552			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4553			text-decoration: none;
4554		}
4555
4556		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 a:hover {
4557			color: var(--pc-nav-color-secondary) !important;
4558			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4559			text-decoration: underline;
4560		}
4561
4562		.nav-mobile__section-divider {
4563			display: block;
4564			width: 100%;
4565			height: 1px;
4566			min-height: 1px;
4567			margin: 20px 0;
4568			border: none;
4569			border-top: 1px solid #DEDEDF;
4570			background-color: #DEDEDF;
4571			transform: translateZ(0);
4572			-webkit-backface-visibility: hidden;
4573			backface-visibility: hidden;
4574		}
4575
4576		.nav-mobile__section-see-all {
4577			margin-top: 20px;
4578		}
4579
4580		.nav-mobile__section-see-all .nav-mobile__links a {
4581			font-size: var(--pc-nav-mobile-see-all);
4582			font-weight: 800;
4583			line-height: var(--pc-nav-mobile-see-all);
4584			letter-spacing: var(--pc-nav-mobile-l2-ls);
4585			color: var(--pc-nav-color-text);
4586			text-decoration: none;
4587		}
4588
4589		.nav-mobile__section-see-all .nav-mobile__links a:hover {
4590			text-decoration: underline;
4591		}
4592
4593		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a {
4594			text-decoration: none;
4595		}
4596
4597		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a:hover {
4598			text-decoration: underline;
4599		}
4600
4601		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all {
4602			margin-top: 0;
4603		}
4604
4605		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links li+li {
4606			margin-top: 0;
4607		}
4608
4609		.nav-mobile__section-panel--beautypedia .nav-mobile__group>.nav-mobile__links li+li {
4610			margin-top: 24px;
4611		}
4612
4613		.nav-mobile__section-panel--beautypedia .nav-mobile__group ul,
4614		.nav-mobile__section-panel--beautypedia .nav-mobile__subgroup ul {
4615			border-bottom: none;
4616		}
4617
4618		.nav-mobile__section-panel--beautypedia .nav-mobile__group+.nav-mobile__group {
4619			margin-top: 0;
4620		}
4621
4622		.nav-mobile__section-panel--beautypedia .nav-mobile__section-divider {
4623			margin: 20px 0;
4624		}
4625
4626		.nav-mobile__direct-link {
4627			display: block;
4628			padding: 20px 0;
4629			border-bottom: 1px solid var(--pc-nav-color-border);
4630			color: var(--pc-nav-color-text);
4631			font-family: var(--pc-nav-font-family);
4632			font-weight: 800;
4633			font-size: var(--pc-nav-mobile-top);
4634			line-height: var(--pc-nav-mobile-top);
4635			letter-spacing: var(--pc-nav-mobile-top-ls);
4636			text-decoration: none;
4637		}
4638
4639		.nav-mobile__footer-divider {
4640			height: 1px;
4641			background: #DEDEDF;
4642			margin: 0;
4643			border: 0;
4644		}
4645
4646		.nav-mobile__secondary {
4647			display: flex;
4648			flex-direction: column;
4649			gap: 16px;
4650			padding: 20px 0;
4651		}
4652
4653		.nav-mobile__secondary-link {
4654			display: block;
4655			color: var(--pc-nav-color-text);
4656			font-family: var(--pc-nav-font-family);
4657			font-weight: 800;
4658			font-size: var(--pc-nav-mobile-campaign);
4659			line-height: var(--pc-nav-mobile-campaign);
4660			letter-spacing: 0;
4661			text-decoration: none;
4662		}
4663
4664		.nav-mobile__secondary img,
4665		.nav-mobile__secondary svg,
4666		.nav-mobile__secondary .icon,
4667		.nav-mobile__secondary picture {
4668			display: none !important;
4669		}
4670
4671		.nav-mobile__secondary a {
4672			display: block;
4673			color: var(--pc-nav-color-text);
4674			font-family: var(--pc-nav-font-family);
4675			font-weight: 800;
4676			font-size: var(--pc-nav-mobile-campaign);
4677			line-height: var(--pc-nav-mobile-campaign);
4678			letter-spacing: 0;
4679			text-decoration: none;
4680		}
4681
4682		.nav-mobile__slot {
4683			margin-top: 24px;
4684			margin-bottom: 8px;
4685		}
4686
4687		.nav-mobile__slot .main-nav-slot__heading,
4688		.nav-mobile__slot .main-nav-slot__list {
4689			display: none !important;
4690		}
4691
4692		.nav-mobile__slot .main-nav-slot {
4693			border: 0;
4694			margin: 0;
4695			padding: 0;
4696			display: block;
4697		}
4698
4699		.nav-mobile__slot .navigation-link {
4700			display: block !important;
4701			margin: 0 !important;
4702		}
4703
4704		.nav-mobile__slot .html-slot-container>.navigation-link:not(.navigation-link--two-rows) {
4705			display: contents !important;
4706		}
4707
4708		.nav-mobile__slot .navigation-link.navigation-link--two-rows,
4709		.nav-mobile__slot .html-slot-container {
4710			display: grid !important;
4711			grid-template-columns: repeat(2, minmax(0, 1fr));
4712			gap: 13px;
4713			align-items: start;
4714		}
4715
4716		.nav-mobile__slot .navigation-link figure,
4717		.nav-mobile__slot figure {
4718			width: 100%;
4719			max-width: 100%;
4720			min-width: 0;
4721			margin: 0 !important;
4722		}
4723
4724		.nav-mobile__slot .navigation-link figure>a {
4725			display: block;
4726			width: 100%;
4727			max-width: 160px;
4728			height: 103px;
4729			border-radius: 10px;
4730			overflow: hidden;
4731			line-height: 0;
4732		}
4733
4734		.nav-mobile__slot .navigation-link figure img,
4735		.nav-mobile__slot img {
4736			width: 100% !important;
4737			max-width: 160px !important;
4738			height: 103px !important;
4739			aspect-ratio: unset !important;
4740			object-fit: cover !important;
4741			object-position: center;
4742			border-radius: 10px;
4743			display: block;
4744		}
4745
4746		.nav-mobile__slot .navigation-link figcaption {
4747			margin: 8px 0 0;
4748			padding: 0;
4749			min-width: 0;
4750			max-width: 100%;
4751		}
4752
4753		.nav-mobile__slot .navigation-link figcaption a,
4754		.nav-mobile__slot a {
4755			color: var(--pc-nav-color-text);
4756			font-family: var(--pc-nav-font-family) !important;
4757			font-size: 14px !important;
4758			font-weight: 800 !important;
4759			line-height: 1 !important;
4760			letter-spacing: 0.002em !important;
4761			text-decoration: none !important;
4762			display: block;
4763			margin-top: 8px;
4764			white-space: normal;
4765			overflow-wrap: break-word;
4766			word-break: break-word;
4767		}
4768
4769		.nav-mobile__slot .navigation-link figcaption a:hover,
4770		.nav-mobile__slot .navigation-link figure:hover figcaption a {
4771			text-decoration: underline !important;
4772			color: var(--pc-nav-color-text) !important;
4773		}
4774
4775		.nav-mobile__campaign {
4776			padding: 20px 0;
4777		}
4778
4779		.nav-mobile__campaign-links {
4780			display: flex;
4781			flex-direction: column;
4782			gap: 24px;
4783			list-style: none;
4784			margin: 0;
4785			padding: 0;
4786		}
4787
4788		.nav-mobile__campaign-link {
4789			display: block;
4790			color: var(--pc-nav-color-text);
4791			font-family: var(--pc-nav-font-family);
4792			font-weight: 800;
4793			font-size: var(--pc-nav-mobile-campaign);
4794			line-height: var(--pc-nav-mobile-campaign);
4795			letter-spacing: 0;
4796			text-decoration: none;
4797		}
4798
4799		.nav-mobile__campaign-link:hover {
4800			text-decoration: underline;
4801		}
4802
4803		.nav-mobile__campaign-links img,
4804		.nav-mobile__campaign-links svg,
4805		.nav-mobile__campaign-links .icon,
4806		.nav-mobile__campaign-links picture {
4807			display: none !important;
4808		}
4809
4810		.nav-mobile__campaign-promo {
4811			margin-top: 20px;
4812		}
4813
4814		.nav-mobile__campaign-promo .navigation-link {
4815			display: block !important;
4816			margin: 0 !important;
4817		}
4818
4819		.nav-mobile__campaign-promo .navigation-link.navigation-link--two-rows,
4820		.nav-mobile__campaign-promo .html-slot-container {
4821			display: grid !important;
4822			grid-template-columns: repeat(2, minmax(0, 1fr));
4823			gap: 13px;
4824			align-items: start;
4825		}
4826
4827		.nav-mobile__campaign-promo .navigation-link figure,
4828		.nav-mobile__campaign-promo figure {
4829			width: 100%;
4830			max-width: 100%;
4831			min-width: 0;
4832			margin: 0 !important;
4833		}
4834
4835		.nav-mobile__campaign-promo .navigation-link figure>a {
4836			display: block;
4837			width: 100%;
4838			max-width: 160px;
4839			height: 103px;
4840			border-radius: 10px;
4841			overflow: hidden;
4842			line-height: 0;
4843		}
4844
4845		.nav-mobile__campaign-promo .navigation-link figure img,
4846		.nav-mobile__campaign-promo img {
4847			width: 100% !important;
4848			max-width: 160px !important;
4849			height: 103px !important;
4850			aspect-ratio: unset !important;
4851			object-fit: cover !important;
4852			object-position: center;
4853			border-radius: 10px;
4854			display: block;
4855		}
4856
4857		.nav-mobile__campaign-promo .navigation-link figcaption {
4858			margin: 8px 0 0;
4859			padding: 0;
4860			min-width: 0;
4861			max-width: 100%;
4862		}
4863
4864		.nav-mobile__campaign-promo .navigation-link figcaption a {
4865			color: var(--pc-nav-color-text);
4866			font-family: var(--pc-nav-font-family) !important;
4867			font-size: 14px !important;
4868			font-weight: 800 !important;
4869			line-height: 1 !important;
4870			letter-spacing: 0.002em !important;
4871			text-decoration: none !important;
4872			display: block;
4873			margin-top: 8px;
4874			white-space: normal;
4875			overflow-wrap: break-word;
4876			word-break: break-word;
4877		}
4878
4879		.nav-mobile__campaign-promo .navigation-link figcaption a:hover,
4880		.nav-mobile__campaign-promo .navigation-link figure:hover figcaption a {
4881			text-decoration: underline !important;
4882			color: var(--pc-nav-color-text) !important;
4883		}
4884
4885		.nav-mobile__footer {
4886			margin-top: 0;
4887			padding-bottom: env(safe-area-inset-bottom, 0px);
4888		}
4889
4890		.nav-mobile__footer-link {
4891			display: flex;
4892			align-items: center;
4893			justify-content: space-between;
4894			gap: 16px;
4895			padding: 20px 0;
4896			border-bottom: 1px solid var(--pc-nav-color-border);
4897			color: var(--pc-nav-color-text);
4898			font-family: var(--pc-nav-font-family);
4899			font-weight: 800;
4900			font-size: var(--pc-nav-mobile-top);
4901			line-height: var(--pc-nav-mobile-top);
4902			letter-spacing: var(--pc-nav-mobile-top-ls);
4903			text-decoration: none;
4904		}
4905
4906		.nav-mobile__footer-link--chevron .icon,
4907		.nav-mobile__footer-link--chevron .pc-mega-nav-icon {
4908			font-size: 20px;
4909			width: 20px !important;
4910			height: 20px !important;
4911			min-width: 20px !important;
4912			min-height: 20px !important;
4913			flex-shrink: 0;
4914			color: var(--pc-nav-color-text);
4915			transform: rotate(90deg);
4916		}
4917
4918		/* Beat BM utility link classes inside the flyout */
4919		#nav-mobile-flyout a.link-normal-sm-semibold,
4920		#nav-mobile-flyout a.link-normal-base-semibold,
4921		#nav-mobile-flyout a.link-extended-md-black-base {
4922			font-family: var(--pc-nav-font-family);
4923		}
4924
4925		#nav-mobile-flyout .nav-mobile__subgroup .nav-mobile__links a.link-normal-sm-semibold,
4926		#nav-mobile-flyout .nav-mobile__group>.nav-mobile__links a.link-normal-sm-semibold,
4927		#nav-mobile-flyout .nav-mobile__section-panel--categories .nav-mobile__categories-l3 a {
4928			color: var(--pc-nav-color-secondary) !important;
4929			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4930		}
4931
4932		.nav-mobile__footer-link--last {
4933			border-bottom: none;
4934			padding-bottom: var(--pc-mega-nav-flyout-footer-padding-bottom);
4935		}
4936	}
4937
4938	@media (min-width: 1024px) {
4939		#nav-mobile-flyout {
4940			display: none !important;
4941		}
4942	}
4943
4944
4945	#nav-measurement-sandbox {
4946		display: none !important;
4947	}
4948
4949	#category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns,
4950	#category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column,
4951	#navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns,
4952	#navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column {
4953		display: none !important;
4954	}
4955
4956	@media (min-width: 1024px) {
4957
4958		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle,
4959		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon,
4960		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon::before,
4961		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4962		.header.js-header.pc-mega-nav-redesign .header__logo,
4963		.header.js-header.pc-mega-nav-redesign .header__logo::before,
4964		.header.js-header.pc-mega-nav-redesign .mini-cart__link,
4965		.header.js-header.pc-mega-nav-redesign .mini-cart__icon,
4966		.header.js-header.pc-mega-nav-redesign .mini-cart__icon::before,
4967		.header.js-header.pc-mega-nav-redesign .user-info__account,
4968		.header.js-header.pc-mega-nav-redesign .user-info__icon,
4969		.header.js-header.pc-mega-nav-redesign .user-info__icon::before,
4970		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__section-title,
4971		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li>a {
4972			color: #1C1C1C !important;
4973			border-color: #1C1C1C !important;
4974			-webkit-text-fill-color: #1C1C1C !important;
4975			opacity: 1 !important;
4976			visibility: visible !important;
4977		}
4978
4979		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li+li::before {
4980			background: #1C1C1C !important;
4981		}
4982
4983		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle,
4984		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
4984icon,
4985		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .icon::before,
4986		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
4987		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4988		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
4989		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo,
4990		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo::before,
4991		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link,
4992		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon,
4993		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before,
4994		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__account,
4995		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon,
4996		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before,
4997		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #navigation-level1 .navigation-level1__section-title,
4998		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #navigation-level1 .navigation-level1__list>li>a {
4999			color: #1C1C1C !important;
5000			border-color: #1C1C1C !important;
5001			-webkit-text-fill-color: #1C1C1C !important;
5002			opacity: 1 !important;
5003			visibility: visible !important;
5004		}
5005
5006		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo,
5007		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before,
5008		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle,
5009		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon,
5010		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before,
5011		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
5012		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link,
5013		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon,
5014		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before,
5015		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account,
5016		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon,
5017		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before,
5018		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__section-title,
5019		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__list>li>a {
5020			color: #1C1C1C !important;
5021			border-color: #1C1C1C !important;
5022			-webkit-text-fill-color: #1C1C1C !important;
5023			opacity: 1 !important;
5024			visibility: visible !important;
5025		}
5026
5027		body:not(:has(.video-banner)) .header.js-header #navigation-level1 .navigation-level1__list>li+li::before {
5028			background: #1C1C1C !important;
5029		}
5030
5031		body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__section-title,
5032		body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__list>li>a {
5033			color: #1C1C1C !important;
5034		}
5035
5036		.header.js-header #navigation-level1 .navigation-level1__section-title,
5037		.header.js-header #navigation-level1 .navigation-level1__list>li>a {
5038			position: relative !important;
5039			overflow: visible !important;
5040			text-decoration: none !important;
5041			height: var(--pc-mega-nav-bar-content-height) !important;
5042			min-height: var(--pc-mega-nav-bar-content-height) !important;
5043			max-height: var(--pc-mega-nav-bar-content-height) !important;
5044			padding: 0 !important;
5045			font-size: var(--pc-mega-nav-bar-content-height) !important;
5046			line-height: var(--pc-mega-nav-text-line-height) !important;
5047			box-shadow: none !important;
5048			transition: color 0.3s ease-out !important;
5049		}
5050
5051		.header.js-header #navigation-level1 .navigation-level1__section-title::after,
5052		.header.js-header #navigation-level1 .navigation-level1__list>li>a::after {
5053			content: "" !important;
5054			display: block !important;
5055			position: absolute !important;
5056			left: 0 !important;
5057			top: 100% !important;
5058			bottom: auto !important;
5059			margin-top: 1px !important;
5060			width: 0 !important;
5061			height: 2px !important;
5062			background-color: currentColor !important;
5063			transition: width 0.3s ease-out !important;
5064		}
5065
5066		.header.js-header #navigation-level1 .navigation-level1__section-title:hover,
5067		.header.js-header #navigation-level1 .navigation-level1__list>li>a:hover,
5068		.header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title,
5069		.header.js-header #navigation-level1 .navigation-level1__list>li:hover>a,
5070		.header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered,
5071		.header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered,
5072		.header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title,
5073		.header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a {
5074			box-shadow: none !important;
5075		}
5076
5077		.header.js-header #navigation-level1 .navigation-level1__section-title:hover::after,
5078		.header.js-header #navigation-level1 .navigation-level1__list>li>a:hover::after,
5079		.header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after,
5080		.header.js-header #navigation-level1 .navigation-level1__list>li:hover>a::after,
5081		.header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered::after,
5082		.header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after,
5083		.header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after,
5084		.header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a::after {
5085			width: 100% !important;
5086		}
5087
5088		#category-content.is-visible .navigation-level1__component .navigation-level1__col-first,
5089		#category-content .navigation-level1__component .navigation-level1__col-first {
5090			flex: 0 0 25% !important;
5091			min-width: 0 !important;
5092			max-width: none !important;
5093			width: auto !important;
5094			flex-shrink: 0 !important;
5095			min-height: 0 !important;
5096			height: 100% !important;
5097			padding: 0 48px !important;
5098			border-right: 1px solid #DEDEDF !important;
5099			overflow-y: auto !important;
5100			overflow-x: hidden !important;
5101			box-sizing: border-box !important;
5102			-webkit-overflow-scrolling: touch !important;
5103			container-type: inline-size !important;
5104			display: flex !important;
5105			flex-direction: column !important;
5106			justify-content: space-between !important;
5107			align-items: flex-start !important;
5108		}
5109
5110		#category-content.is-visible .navigation-level1__component .navigation-level1__col-middle,
5111		#category-content .navigation-level1__component .navigation-level1__col-middle {
5112			flex: 0 0 45% !important;
5113			min-width: 0 !important;
5114			max-width: none !important;
5115			width: auto !important;
5116			flex-shrink: 0 !important;
5117			min-height: 0 !important;
5118			height: 100% !important;
5119			overflow: hidden !important;
5120			box-sizing: border-box !important;
5121		}
5122
5123		#category-content.is-visible .navigation-level1__component .navigation-level1__col-third,
5124		#category-content .navigation-level1__component .navigation-level1__col-third {
5125			flex: 0 0 30% !important;
5126			min-width: 0 !important;
5127			max-width: none !important;
5128			width: auto !important;
5129			flex-shrink: 0 !important;
5130			min-height: 0 !important;
5131			height: 100% !important;
5132			max-height: 100% !important;
5133			padding: 0 48px !important;
5134			border-left: 1px solid #DEDEDF !important;
5135			box-sizing: border-box !important;
5136			display: flex !important;
5137			flex-direction: column !important;
5138			justify-content: flex-start !important;
5139			overflow-y: auto !important;
5140			overflow-x: hidden !important;
5141			-webkit-overflow-scrolling: touch !important;
5142			overscroll-behavior: contain !important;
5143			align-items: flex-start !important;
5144		}
5145
5146		#category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container,
5147		#category-content .navigation-level1__component .navigation-level1__col-third>.main-nav-slot {
5148			margin-top: auto !important;
5149			flex-shrink: 0 !important;
5150		}
5151
5152		#category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container>.main-nav-slot {
5153			margin-top: 0 !important;
5154		}
5155
5156		#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container,
5157		#category-content .navigation-level1__component .navigation-level1__col-first>.main-nav-slot {
5158			margin-top: 0 !important;
5159			flex-shrink: 0 !important;
5160			justify-content: flex-end !important;
5161			gap: var(--pc-nav-desktop-promo-block-gap) !important;
5162		}
5163
5164		#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot {
5165			margin-top: 0 !important;
5166		}
5167
5168		#category-content .navigation-level1__component .category-title,
5169		#category-content .category-title {
5170			display: block !important;
5171			width: 100% !important;
5172			max-width: 100% !important;
5173			min-width: 0 !important;
5174			min-height: 0 !important;
5175			margin: 0 !important;
5176			padding: 0 !important;
5177			flex-shrink: 0 !important;
5178			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
5179			font-weight: 800 !important;
5180			line-height: var(--pc-mega-nav-category-title-line-height) !important;
5181			letter-spacing: -0.02em !important;
5182			color: #1C1C1C !important;
5183			overflow: visible !important;
5184			overflow-wrap: normal !important;
5185			word-break: keep-all !important;
5186			hyphens: none !important;
5187			white-space: nowrap !important;
5188			font-size: clamp(28px, 15cqi, 40px) !important;
5189		}
5190
5191		#category-content .navigation-level1__component .category-title--wrap,
5192		#category-content .category-title--wrap {
5193			white-space: normal !important;
5194			overflow-wrap: break-word !important;
5195			word-break: normal !important;
5196		}
5197
5198		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle,
5199		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
5199icon,
5200		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .icon::before,
5201		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
5202		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
5203		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before,
5204		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo,
5205		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo::before,
5206		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link,
5207		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon,
5208		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before,
5209		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__account,
5210		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon,
5211		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before,
5212		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon,
5213		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon::before {
5214			color: #1C1C1C !important;
5215			border-color: #1C1C1C !important;
5216			-webkit-text-fill-color: #1C1C1C !important;
5217			opacity: 1 !important;
5218			visibility: visible !important;
5219		}
5220	}
5221
5222	/* Must come after icon color rules — those set -webkit-text-fill-color / border-color on .mini-cart__link */
5223	.header.js-header .mini-cart__link,
5224	.header.js-header.pc-mega-nav-redesign .mini-cart__link,
5225	.wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link,
5226	body .wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link {
5227		border: 0 !important;
5228		border-width: 0 !important;
5229		border-style: none !important;
5230		border-color: transparent !important;
5231		border-radius: 0 !important;
5232		box-shadow: none !important;
5233		outline: none !important;
5234	}
5235
5236	/* Native header icon-fonts stay visible (no SVG replacement) */
5237</style>
5238<script>
5239	(function () {
5240		var header = document.querySelector('.header.js-header');
5241		if (header) header.classList.add('pc-mega-nav-redesign');
5242	})();
5243
5244	const Navigation = (function () {
5245			const MOBILE_MQ = window.matchMedia('(max-width: 1023px)');
5246			const COLUMN_LEFT_THRESHOLD_PX = 8;
5247
5248			/* Mobile accordion / footer chevrons only — header uses native site icons */
5249			const NAV_ICONS = {
5250				expand: {
5251					viewBox: '0 0 48 48',
5252					body: '<path fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="m41.646 33.354-18-18M24.354 15.354l-18 17.999"/>'
5253				}
5254			};
5255
5256			const CONFIG = {
5257				desktopLayoutFrozen: true,
5258				/* Catalog ids only — never match translated display titles */
5259				excludedShopSectionIds: [
5260					'beautypedia',
5261					'expend-your-knowledge',
5262					'expert-advice'
5263				],
5264				groupedSections: { beautypedia: true, shop: false },
5265				middleColumnCount: 2,
5266				middleColumnGap: 48,
5267				panelMaxHeightPx: 648,
5268				panelMaxHeightVh: 70,
5269				columnLeftThresholdPx: COLUMN_LEFT_THRESHOLD_PX,
5270
5271				shopSectionOrder: [
5272					'concerns',
5273					'categories',
5274					'ingredients',
5275					'collections',
5276					'new to skin care'
5277				],
5278				sectionTitleAliases: {
5279					'new to skin care': 'new to skin care',
5280					'new-to-skin-care': 'new to skin care',
5281					'new to skincare': 'new to skin care',
5282					'new to skincare?': 'new to skin care',
5283					'new-to-skincare': 'new to skin care',
5284					'concerns': 'concerns',
5285					'categories': 'categories',
5286					'ingredients': 'ingredients',
5287					'collections': 'collections',
5288					'by skin concern': 'concerns',
5289					'by routine step': 'categories',
5290					'by ingredient': 'ingredients',
5291					'beautypedia': 'beautypedia',
5292					'expend-your-knowledge': 'beautypedia',
5293					'expend your knowledge': 'beautypedia',
5294					'expert-advice': 'beautypedia',
5295					'expert advice': 'beautypedia',
5296					'shop all': 'categories',
5297					'shop-all': 'categories',
5298					'shop alt': 'categories',
5299					'alles shoppen': 'categories',
5300					'comprar todo': 'categories',
5301					'tout acheter': 'categories',
5302					'acquista tutto': 'categories',
5303					'shop alles': 'categories',
5304					'handla allt': 'categories',
5305					'kup wszystko': 'categories',
5306					'kategorien': 'categories',
5307					'categorieen': 'categories',
5308					'categorieën': 'categories',
5309					'catégories': 'categories',
5310					'categorias': 'categories',
5311					'categorías': 'categories',
5312					'kategorier': 'categories',
5313					'kategorie': 'categories'
5314				},
5315
5316				/* Canonical ids (after normalizeSectionKey) — hide Shop All regardless of locale title */
5317				sectionKeysWithoutShopAll: [
5318					'beautypedia',
5319					'new to skin care'
5320				],
5321				/* Layout/tracking keys only — visible labels always come from the live menu DOM (translated) */
5322				flatLinkSectionKeys: [
5323					'concerns',
5324					'ingredients',
5325					'collections',
5326					'new to skin care'
5327				],
5328				mobileDirectLinkSectionKeys: [],
5329				beautypediaShopAllFallbackUrl: 'https://development.paulaschoice.nl/en/beautypedia',
5330				selectors: {
5331					header: '.js-header',
5332					menu: '#js-menu-categories',
5333					container: '#navigation-level1',
5334					categoryContent: '#category-content',
5335					mobileFlyout: '#nav-mobile-flyout',
5336					globalSlot: '#navigation > .html-slot-container',
5337					beautypediaItem: 'li.js-menu-item > a[data-id="expend-your-knowledge"]',
5338					membership: 'li.main-nav__item--extra a[href]',
5339					contact: 'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]',
5340					login: '.menu-utility-user .user-info__account',
5341					topMenuCampaign: '#js-menu-categories .main-nav-slot',
5342					section: '.sub-menu__list > li.sub-menu__item.level-3',
5343					sectionLinks: '.level-3__list > li.level-3__item',
5344					navSection: '.navigation-level1__section'
5345				},
5346				menuIds: {
5347					shop: 'shop-products',
5348					beautypedia: 'expend-your-knowledge'
5349				},
5350				classes: {
5351					rootList: 'navigation-level1__list',
5352					section: 'navigation-level1__section',
5353					sectionTitle: 'navigation-level1__section-title',
5354					component: 'navigation-level1__component',
5355					sublist: 'navigation-level1__sublist',
5356					group: 'navigation-level1__group',
5357					groupContinued: 'navigation-level1__group--continued',
5358					groupTitle: 'navigation-level1__group-title',
5359					groupContent: 'navigation-level1__group-content',
5360					subgroup: 'navigation-level1__subgroup',
5361					subgroupContinued: 'navigation-level1__subgroup--continued',
5362					subgroupTitle: 'navigation-level1__subgroup-title',
5363					middleColumns: 'navigation-level1__middle-columns',
5364					middleColumn: 'navigation-level1__middle-column',
5365					colFirst: 'navigation-level1__col-first',
5366					colMiddle: 'navigation-level1__col-middle',
5367					colThird: 'navigation-level1__col-third',
5368					scrollRail: 'navigation-level1__scroll-rail',
5369					categoryTitle: 'category-title',
5370					categoryTitleWrap: 'category-title--wrap',
5371					middleTop: 'navigation-level1__middle-top',
5372					middleTopFlatList: 'navigation-level1__middle-top--flat-list',
5373					middleTopCategories: 'navigation-level1__middle-top--categories',
5374					middleTopGrouped: 'navigation-level1__middle-top--grouped',
5375					navRowGroupHeading: 'navigation-level1__nav-row--group-heading',
5376					navRowGroupLink: 'navigation-level1__nav-row--group-link',
5377					navRowGroupSeeAll: 'navigation-level1__nav-row--group-see-all',
5378					navRowCategoriesL2: 'navigation-level1__nav-row--categories-l2',
5379					navRowCategoriesSubheading: 'navigation-level1__nav-row--categories-subheading',
5380					navRowCategoriesL3: 'navigation-level1__nav-row--categories-l3',
5381					navRowSeeAll: 'navigation-level1__nav-row--see-all',
5382					seeAllLink: 'navigation-level1__see-all-link',
5383					middleBottom: 'navigation-level1__middle-bottom',
5384					navRow: 'navigation-level1__nav-row',
5385					sectionDivider: 'navigation-level1__section-divider',
5386					panelVisible: 'is-visible',
5387					sectionActive: 'is-active',
5388					navHovered: 'is-nav-hovered',
5389					headerMenuOpen: 'header--menu-open',
5390					mobileSection: 'nav-mobile__section',
5391					mobileSectionOpen: 'is-open',
5392					mobileSectionToggle: 'nav-mobile__section-toggle',
5393					mobileSectionPanel: 'nav-mobile__section-panel',
5394					mobileLinks: 'nav-mobile__links',
5395					mobileGroup: 'nav-mobile__group',
5396					mobileGroupTitle: 'nav-mobile__group-title',
5397					mobileSubgroup: 'nav-mobile__subgroup',
5398					mobileSubgroupTitle: 'nav-mobile__subgroup-title',
5399					mobileSlot: 'nav-mobile__slot',
5400					mobileDirectLink: 'nav-mobile__direct-link',
5401					mobileSecondary: 'nav-mobile__secondary',
5402					mobileSecondaryLink: 'nav-mobile__secondary-link',
5403					mobileFooter: 'nav-mobile__footer',
5404					mobileFooterDivider: 'nav-mobile__footer-divider',
5405					mobileFooterLink: 'nav-mobile__footer-link',
5406					mobileFooterLinkLast: 'nav-mobile__footer-link--last',
5407					mobileFooterLinkChevron: 'nav-mobile__footer-link--chevron',
5408					mobileSectionPanelCategories: 'nav-mobile__section-panel--categories',
5409					mobileSectionPanelBeautypedia: 'nav-mobile__section-panel--beautypedia',
5410					mobileCategoriesL2: 'nav-mobile__categories-l2',
5411					mobileCategoriesSubheading: 'nav-mobile__categories-subheading',
5412					mobileCategoriesL3: 'nav-mobile__categories-l3',
5413					mobileCategoriesSeeAll: 'nav-mobile__categories-see-all',
5414					mobileSectionSeeAll: 'nav-mobile__section-see-all',
5415					mobileSectionDivider: 'nav-mobile__section-divider',
5416					mobileCampaign: 'nav-mobile__campaign',
5417					mobileCampaignLinks: 'nav-mobile__campaign-links',
5418					mobileCampaignLink: 'nav-mobile__campaign-link',
5419					mobileCampaignPromo: 'nav-mobile__campaign-promo'
5420				}
5421			};
5422
5423			const { selectors, classes, menuIds } = CONFIG;
5424
5425			const qs = (s, r = document) => r.querySelector(s);
5426			const qsa = (s, r = document) => [...r.querySelectorAll(s)];
5427			const isMobile = () => MOBILE_MQ.matches;
5428			const cleanText = (el) => el?.textContent.replace(/\s+/g, ' ').trim() || '';
5429
5430			const createNavIconSvg = (key, extraClass = '') => {
5431				const icon = NAV_ICONS[key];
5432				if (!icon) return '';
5433				const cls = ['pc-mega-nav-icon', `pc-mega-nav-icon--${key}`, extraClass].filter(Boolean).join(' ');
5434				return `<svg class="${cls}" viewBox="${icon.viewBox}" aria-hidden="true" focusable="false">${icon.body}</svg>`;
5435			};
5436
5437			/* Prefer visible DOM text only — never invent labels; title/aria-label are often English SEO leftovers */
5438			const getVisibleNavLabel = (el) => {
5439				if (!el) return '';
5440				const clone = el.cloneNode(true);
5441				clone.querySelectorAll(
5442					'svg, img, picture, i, .icon, [aria-hidden="true"], .main-nav__link-icon, .fa'
5443				).forEach((node) => node.remove());
5444				const fromClone = cleanText(clone);
5445				if (fromClone) return fromClone;
5446				const named = el.querySelector(
5447					'.user-info__name, .level-3__category-image span, span:not(.icon):not([aria-hidden="true"])'
5448				);
5449				return cleanText(named);
5450			};
5451
5452			let abtestNavTracked = false;
5453
5454			const toTrackingLabel = (value) => String(value || '')
5455				.replace(/-/g, ' ')
5456				.replace(/\s+/g, ' ')
5457				.trim()
5458				.toLowerCase();
5459
5460			const formatShopAllTrackingLabel = (id) => {
5461				const normalized = toTrackingLabel(id)
5462					.replace(/^shop\s+all\s+/, '')
5463					.replace(/^see\s+all\s+/, '');
5464				if (!normalized) return '';
5465				return `shop all ${normalized}`;
5466			};
5467
5468			const formatPromoTrackingLabel = (rootCategoryId, side, promoIndex) => {
5469				const root = toTrackingLabel(rootCategoryId);
5470				const index = String(promoIndex || '').trim();
5471				if (!index) return '';
5472				if (root) return toTrackingLabel(root + ' ' + side + ' promo ' + index);
5473				return toTrackingLabel(side + ' promo ' + index);
5474			};
5475
5476			/* Prefer catalog id / cgid / section key — never translated link text or localized path slugs */
5477			const resolveShopAllCatalogId = (sources = {}) => {
5478				const stripShopAllPrefix = (value) => toTrackingLabel(value)
5479					.replace(/^shop\s+all\s+/, '')
5480					.replace(/^see\s+all\s+/, '');
5481
5482				const fromAttr = stripShopAllPrefix(
5483					sources.categoryId || sources.dataId || ''
5484				);
5485				if (fromAttr) return fromAttr;
5486
5487				try {
5488					const href = sources.url || '';
5489					if (href && href !== '#' && href.indexOf('javascript:') !== 0) {
5490						const cgid = new URL(href, window.location.origin).searchParams.get('cgid');
5491						if (cgid) return stripShopAllPrefix(cgid);
5492					}
5493				} catch (e) { /* ignore */ }
5494
5495				return stripShopAllPrefix(
5496					sources.rootCategoryId || sources.sectionKey || ''
5497				);
5498			};
5499
5500			const categoryIdFromUrl = (url) => {
5501				try {
5502					const parsed = new URL(url, window.location.origin);
5503					const cgid = parsed.searchParams.get('cgid');
5504					if (cgid) return toTrackingLabel(cgid);
5505					const parts = parsed.pathname.split('/').filter(Boolean);
5506					return parts.length ? toTrackingLabel(parts[parts.length - 1]) : '';
5507				} catch (e) {
5508					return '';
5509				}
5510			};
5511
5512			const getPageCategory = () => {
5513				const dl = window.dataLayer || [];
5514				for (let i = dl.length - 1; i >= 0; i -= 1) {
5515					if (dl[i] && typeof dl[i].pageCategory === 'string' && dl[i].pageCategory.trim()) {
5516						return dl[i].pageCategory;
5517					}
5518				}
5519				return 'Home';
5520			};
5521
5522			const pushNavTracking = (categoryId) => {
5523				const label = toTrackingLabel(categoryId);
5524				if (!label) return;
5525				window.dataLayer = window.dataLayer || [];
5526				window.dataLayer.push({
5527					eventCategory: getPageCategory(),
5528					eventAction: 'Navigation',
5529					eventLabel: label,
5530					event: 'GA Tracking'
5531				});
5532			};
5533
5534			const abtestNavigationTriggerTest = () => {
5535				if (abtestNavTracked) return;
5536				abtestNavTracked = true;
5537				window.dataLayer = window.dataLayer || [];
5538				window.dataLayer.push({
5539					eventCategory: 'V1-navigation-redesign-t450',
5540					event: 'VwoActive'
5541				});
5542				if (typeof hj != 'undefined') hj('trigger', 'navigation-redesign-2026');
5543				if (typeof hj != 'undefined') hj('tagRecording', ['navigation-redesign-2026-v1']);
5544			};
5545
5546			const applyNavTrackingAttrs = (el, meta = {}) => {
5547				if (!el || !meta.nav) return;
5548				el.setAttribute('data-nav', meta.nav);
5549				if (meta.categoryId) {
5550					el.setAttribute('data-category-id', toTrackingLabel(meta.categoryId));
5551				}
5552				if (meta.rootCategoryId) {
5553					el.setAttribute('data-root-category-id', toTrackingLabel(meta.rootCategoryId));
5554				}
5555				if (meta.parentCategoryId) {
5556					el.setAttribute('data-parent-category-id', toTrackingLabel(meta.parentCategoryId));
5557				}
5558				if (meta.promoIndex != null && meta.promoIndex !== '') {
5559					el.setAttribute('data-promo-index', String(meta.promoIndex));
5560				}
5561				if (meta.highlightId) el.setAttribute('data-highlight-id', toTrackingLabel(meta.highlightId));
5562				if (meta.icon) el.setAttribute('data-icon', meta.icon);
5563			};
5564
5565			const getUniquePromoBlocks = (col, selector) => {
5566				if (!col) return [];
5567				/*
5568				 * Promo unit = each figure (or link-card without figures).
5569				 * Do NOT use the outer .navigation-link / --two-rows wrapper as one block —
5570				 * it often wraps multiple figures and would stamp every link as promo 1.
5571				 */
5572				const figures = qsa('figure', col).filter((figure) => {
5573					if (!figure.querySelector('a[href]')) return false;
5574					if (figure.closest('.main-nav-slot__list')) return false;
5575					return true;
5576				});
5577				if (figures.length) {
5578					return figures.filter((block) => (
5579						!figures.some((other) => other !== block && other.contains(block))
5580					));
5581				}
5582
5583				const blocks = qsa(selector || '.navigation-link, .navigation-link--two-rows', col);
5584				return blocks.filter((block) => {
5585					if (!block.querySelector('a[href]')) return false;
5586					if (block.closest('.main-nav-slot__list')) return false;
5587					return !blocks.some((other) => other !== block && other.contains(block));
5588				});
5589			};
5590
5591			const annotateLeftPromos = (col, rootCategoryId) => {
5592				const sectionKey = normalizeSectionKey(rootCategoryId);
5593				if (!col || !sectionKey) return;
5594				normalizeLeftPromoCaptions(col);
5595				const blocks = getUniquePromoBlocks(col, 'figure, .navigation-link, .navigation-link--two-rows');
5596				blocks.forEach((block, index) => {
5597					const promoIndex = index + 1;
5598					const categoryId = formatPromoTrackingLabel(sectionKey, 'left', promoIndex);
5599					qsa('a[href]', block).forEach((a) => {
5600						if (!a.href || a.href === 'javascript:;') return;
5601						applyNavTrackingAttrs(a, {
5602							nav: 'left-promo',
5603							rootCategoryId: sectionKey,
5604							categoryId: categoryId,
5605							promoIndex: promoIndex
5606						});
5607					});
5608				});
5609			};
5610
5611			/* Move caption copy out of the clipped image link so it shows below the image */
5612			const normalizeLeftPromoCaptions = (col) => {
5613				if (!col) return;
5614				qsa('figure', col).forEach((figure) => {
5615					const imageLink = figure.querySelector(':scope > a[href], :scope > .level-3__category-image, :scope > .navigation-level1__promo-image-wrap');
5616					if (!imageLink) return;
5617
5618					let figcaption = figure.querySelector(':scope > figcaption');
5619					const imageAlt = imageLink.querySelector('img')?.getAttribute('alt')?.trim() || '';
5620					const captionText = getVisibleNavLabel(imageLink) || imageAlt;
5621					const hasCaptionText = Boolean(
5622						figcaption && getVisibleNavLabel(figcaption)
5623					);
5624
5625					if (!hasCaptionText && captionText) {
5626						if (!figcaption) {
5627							figcaption = document.createElement('figcaption');
5628							figure.appendChild(figcaption);
5629						}
5630						const captionLink = document.createElement('a');
5631						captionLink.href = imageLink.href || imageLink.querySelector('a[href]')?.href || '#';
5632						captionLink.textContent = captionText;
5633						figcaption.replaceChildren(captionLink);
5634					}
5635
5636					/* Keep only media inside the image clip surface */
5637					[...imageLink.childNodes].forEach((node) => {
5638						if (node.nodeType === Node.TEXT_NODE) {
5639							if (node.textContent.trim()) node.remove();
5640							return;
5641						}
5642						if (node.nodeType !== Node.ELEMENT_NODE) return;
5643						if (node.matches('img, picture, source')) return;
5644						node.remove();
5645					});
5646				});
5647			};
5648
5649			const annotateHighlightRail = (col, rootCategoryId) => {
5650				const sectionKey = normalizeSectionKey(rootCategoryId);
5651				if (!col || !sectionKey) return;
5652
5653				qsa(
5654					'.main-nav-slot__list a[href], .main-nav-slot__list-item a[href], .main-nav-slot ul a[href]',
5655					col
5656				).forEach((a) => {
5657					if (!a.href || a.href === 'javascript:;') return;
5658					if (a.closest('figure, .navigation-link, .navigation-link--two-rows')) return;
5659					applyNavTrackingAttrs(a, {
5660						nav: 'highlight-link',
5661						rootCategoryId: sectionKey,
5662						categoryId:
5663							categoryIdFromUrl(a.href) ||
5664							toTrackingLabel(a.getAttribute('data-id') || cleanText(a)),
5665						highlightId: toTrackingLabel(cleanText(a))
5666					});
5667				});
5668
5669				const promoBlocks = getUniquePromoBlocks(
5670					col,
5671					'figure, .navigation-link, .navigation-link--two-rows'
5672				);
5673				promoBlocks.forEach((block, index) => {
5674					const promoIndex = index + 1;
5675					const categoryId = formatPromoTrackingLabel(sectionKey, 'right', promoIndex);
5676					qsa('a[href]', block).forEach((a) => {
5677						if (!a.href || a.href === 'javascript:;') return;
5678						if (a.closest('.main-nav-slot__list')) return;
5679						applyNavTrackingAttrs(a, {
5680							nav: 'highlight-promo',
5681							rootCategoryId: sectionKey,
5682							categoryId: categoryId,
5683							promoIndex: promoIndex
5684						});
5685					});
5686				});
5687			};
5688
5689			const normalizeSectionKey = (value) => {
5690				const key = String(value || '')
5691					.replace(/-/g, ' ')
5692					.replace(/\s+/g, ' ')
5693					.trim()
5694					.toLowerCase();
5695				return CONFIG.sectionTitleAliases[key] || key;
5696			};
5697
5698			const resolveSectionKey = (titleEl, title) => {
5699				const dataId = titleEl?.getAttribute('data-id');
5700				if (dataId) return normalizeSectionKey(dataId);
5701				const fromUrl = categoryIdFromUrl(titleEl?.href || '');
5702				if (fromUrl) return normalizeSectionKey(fromUrl);
5703				return normalizeSectionKey(title);
5704			};
5705
5706			/* Tracking parent = catalog id only (never translated display title) */
5707			const getSectionTrackingId = (section) => {
5708				if (!section) return '';
5709				const fromCatalog =
5710					section.trackingId ||
5711					section.categoryId ||
5712					'';
5713				if (fromCatalog) return normalizeSectionKey(fromCatalog);
5714				if (section.sectionKey) return normalizeSectionKey(section.sectionKey);
5715				return '';
5716			};
5717
5718			const getSectionCategoryId = (section) => (
5719				getSectionTrackingId(section) ||
5720				normalizeSectionKey(section?.title) ||
5721				''
5722			);
5723
5724			const getSectionKey = (section) => (
5725				section?.sectionKey ||
5726				getSectionTrackingId(section) ||
5727				normalizeSectionKey(section?.title)
5728			);
5729
5730			const getSectionLayoutType = (sectionKey) => {
5731				const key = normalizeSectionKey(sectionKey);
5732				if (key === 'categories') return 'categories';
5733				if (CONFIG.flatLinkSectionKeys.includes(key)) return 'flatList';
5734				return 'default';
5735			};
5736
5737			const enrichSection = (section) => {
5738				const sectionKey = section.sectionKey || resolveSectionKey(null, section.title);
5739				const trackingId = section.trackingId || section.categoryId || '';
5740				const layoutType = getSectionLayoutType(sectionKey);
5741				const isCategoriesSection = layoutType === 'categories';
5742
5743				return {
5744					...section,
5745					sectionKey,
5746					trackingId: trackingId,
5747					categoryId: trackingId || section.categoryId || sectionKey,
5748					displayTitle: section.displayTitle || section.title,
5749					layoutType,
5750					isFlatListSection: layoutType === 'flatList',
5751					isCategoriesSection
5752				};
5753			};
5754
5755
5756			const cleanShopAllLabel = (label) => String(label || '').replace(/\s+/g, ' ').trim();
5757
5758			/* Match locale see-all / shop-all CTAs (EN + common EU storefront phrasings from locale.properties) */
5759			const isSeeAllOrShopAllLabel = (label) => {
5760				const text = cleanShopAllLabel(label).toLowerCase();
5761				if (!text) return false;
5762				if (/^(shop|see)\s+all\b/.test(text)) return true;
5763				if (/^bekijk\s+alle\b/.test(text)) return true; /* NL */
5764				if (/^voir\s+tou(t|s|tes)?\b/.test(text)) return true; /* FR */
5765				if (/^alle\b.+\b(anzeigen|ansehen)\b/.test(text)) return true; /* DE */
5766				return false;
5767			};
5768
5769			const resolveCampaignLinkUrl = (anchor) => {
5770				const rawHref = (anchor.getAttribute('href') || '').trim();
5771				if (!rawHref || rawHref === '#') {
5772					return '#';
5773				}
5774				return anchor.href;
5775			};
5776
5777			const sectionMatchesIdList = (sectionData, idList) => {
5778				const candidates = [
5779					sectionData?.categoryId,
5780					sectionData?.sectionKey,
5781					getSectionKey(sectionData)
5782				];
5783				return candidates.some((value) => {
5784					const key = normalizeSectionKey(value);
5785					return key && idList.includes(key);
5786				});
5787			};
5788
5789			const sectionShouldShowShopAll = (sectionData) => {
5790				const url = sectionData.shopAllLink?.url || sectionData.url;
5791				if (!url || url === 'javascript:;' || url === '#') return false;
5792				if (sectionMatchesIdList(sectionData, CONFIG.sectionKeysWithoutShopAll)) return false;
5793				return true;
5794			};
5795
5796			/* Visible CTA text must come from the live locale DOM (fly-out / see-all link). No English invent. */
5797			const resolveSectionShopAllLabel = (sectionData, shopAllSource = null) => (
5798				cleanShopAllLabel(
5799					shopAllSource?.label ||
5800					sectionData?.shopAllLink?.label ||
5801					''
5802				)
5803			);
5804
5805			const resolveShopAllRow = (sectionData) => {
5806				if (!sectionShouldShowShopAll(sectionData)) return null;
5807
5808				const label = resolveSectionShopAllLabel(sectionData, sectionData.shopAllLink);
5809				if (!label) return null;
5810
5811				const url = sectionData.shopAllLink?.url || sectionData.url;
5812				const categoryId = resolveShopAllCatalogId({
5813					categoryId: sectionData.shopAllLink?.categoryId || getSectionCategoryId(sectionData),
5814					url: url,
5815					sectionKey: getSectionKey(sectionData),
5816					rootCategoryId: getSectionKey(sectionData)
5817				});
5818
5819				return {
5820					kind: 'seeAll',
5821					label: label,
5822					url: url,
5823					categoryId: categoryId,
5824					nav: 'shop-all'
5825				};
5826			};
5827
5828			const appendShopAllRow = (rows, sectionData) => {
5829				const shopAll = resolveShopAllRow(sectionData);
5830				if (shopAll) rows.push(shopAll);
5831				return rows;
5832			};
5833
5834			const orderShopSections = (sections) => {
5835				const byKey = new Map();
5836				sections.forEach((section) => {
5837					const enriched = enrichSection(section);
5838					byKey.set(enriched.sectionKey, enriched);
5839				});
5840
5841				const ordered = [];
5842				const used = new Set();
5843
5844				CONFIG.shopSectionOrder.forEach((orderKey) => {
5845					const section = byKey.get(orderKey);
5846					if (!section) return;
5847					used.add(section.sectionKey);
5848					ordered.push(section);
5849				});
5850
5851				byKey.forEach((section, key) => {
5852					if (used.has(key)) return;
5853					ordered.push(section);
5854				});
5855
5856				return ordered;
5857			};
5858
5859			let navData = null;
5860			let measurementSandbox = null;
5861			let categoryClickInitialized = false;
5862			let activeSectionTitle = null;
5863			let panelResizeObserver = null;
5864			let viewportZoomListenerBound = false;
5865			let lastZoomSignature = '';
5866			let panelDividerBurstTimeoutIds = [];
5867
5868			const CENTER_DIVIDER_REMOVE_DELAY_MS = 280;
5869
5870			const debounce = (fn, delay) => {
5871				let timeoutId;
5872				return (...args) => {
5873					clearTimeout(timeoutId);
5874					timeoutId = setTimeout(() => fn(...args), delay);
5875				};
5876			};
5877
5878			const createEl = (tag, className, text) => {
5879				const el = document.createElement(tag);
5880				if (className) el.className = className;
5881				if (text != null) el.textContent = text;
5882				return el;
5883			};
5884
5885			const initLazyImages = (container) => {
5886				if (!container) return;
5887				if (window.lazyLoadInstance?.update) window.lazyLoadInstance.update(
5887);
5888				container.querySelectorAll('img[data-src]').forEach((img) => {
5889					const dataSrc = img.getAttribute('data-src');
5890					if (!dataSrc) return;
5891					if (!img.getAttribute('src') || img.getAttribute('src').includes('data:image')) {
5892						img.src = dataSrc;
5893					}
5894					img.classList.remove('lazy');
5895					img.removeAttribute('data-src');
5896				});
5897			};
5898
5899
5900
5901			const getMenuItem = (menu, dataId) => (
5902				menu.querySelector(`li.js-menu-item:has(> a[data-id="${dataId}"])`) ||
5903				menu.querySelector(`a[data-id="${dataId}"]`)?.closest('li.js-menu-item') ||
5904				null
5905			);
5906
5907			/* Same source as top-level nav bar labels: visible live DOM text only */
5908			const getLinkLabel = (anchor) => getVisibleNavLabel(anchor);
5909
5910			const isValidNavLink = (anchor) => (
5911				anchor && anchor.href !== 'javascript:;' && !anchor.classList.contains('fly-out-link')
5912			);
5913
5914			const hasSubgroups = (items) => items.some((item) => item.type === 'subgroup');
5915
5916			const extractItemsFromSection = (section) => {
5917				const items = [];
5918				let currentSubgroup = null;
5919				let shopAllLink = null;
5920
5921				section.querySelectorAll(selectors.sectionLinks).forEach((item) => {
5922					if (item.classList.contains('level-3__item--fake-level-toggle')) {
5923						const labelEl = item.querySelector('.level-3__category-image span') || item;
5924						const subgroupTitle = getVisibleNavLabel(labelEl);
5925						if (!subgroupTitle) return;
5926						currentSubgroup = { type: 'subgroup', title: subgroupTitle, links: [] };
5927						items.push(currentSubgroup);
5928						return;
5929					}
5930
5931					const anchor = item.querySelector('a[href]');
5932					if (!anchor || anchor.href === 'javascript:;') return;
5933
5934					const label = getLinkLabel(anchor);
5935					const isFlyOut = anchor.classList.contains('fly-out-link');
5936					const isSeeAllCta = isSeeAllOrShopAllLabel(label);
5937
5938					/* Fly-out + locale see-all CTAs — keep translated label for every section, not just Beautypedia */
5939					if (isFlyOut || isSeeAllCta) {
5940						if (label && anchor.href) {
5941							shopAllLink = {
5942								label: label,
5943								url: anchor.href,
5944								categoryId: resolveShopAllCatalogId({
5945									dataId: anchor.getAttribute('data-id'),
5946									url: anchor.href
5947								})
5948							};
5949						}
5950						return;
5951					}
5952
5953					if (!isValidNavLink(anchor) || !label) return;
5954
5955					const categoryId = toTrackingLabel(
5956						anchor.getAttribute('data-id') || categoryIdFromUrl(anchor.href) || ''
5957					);
5958					const link = {
5959						type: 'link',
5960						label: label,
5961						url: anchor.href,
5962						categoryId: categoryId
5963					};
5964
5965					if (item.classList.contains('fake-level-4') && currentSubgroup) {
5966						currentSubgroup.links.push({
5967							label: link.label,
5968							url: link.url,
5969							categoryId: link.categoryId
5970						});
5971						return;
5972					}
5973
5974					currentSubgroup = null;
5975					items.push(link);
5976				});
5977
5978				return { items, shopAllLink };
5979			};
5980
5981			const flattenItems = (items) => items.flatMap((item) => {
5982				if (item.type === 'link') {
5983					return [{
5984						label: item.label,
5985						url: item.url,
5986						categoryId: item.categoryId || ''
5987					}];
5988				}
5989				if (item.type === 'subgroup') {
5990					return item.links.map((l) => ({
5991						label: l.label,
5992						url: l.url,
5993						categoryId: l.categoryId || ''
5994					}));
5995				}
5996				return [];
5997			});
5998
5999			const extractSections = (menuItem, excludedSections = []) => {
6000				const sections = [];
6001				const excludedIds = (CONFIG.excludedShopSectionIds || [])
6002					.map((id) => normalizeSectionKey(id));
6003
6004				menuItem.querySelectorAll(selectors.section).forEach((section) => {
6005					const titleEl = section.querySelector('.level-3__link');
6006					const title = getVisibleNavLabel(titleEl);
6007					const rawCategoryId = (titleEl?.getAttribute('data-id') || '').trim();
6008					const fromUrl = categoryIdFromUrl(titleEl?.href || '');
6009					/* Catalog id for tracking — do not fall back to translated display title */
6010					const trackingId = normalizeSectionKey(rawCategoryId || fromUrl);
6011					const sectionKey = trackingId || normalizeSectionKey(title);
6012
6013					if (!title) return;
6014					if (excludedIds.includes(sectionKey)) return;
6015					if (excludedSections.includes(title)) return;
6016
6017					const { items, shopAllLink } = extractItemsFromSection(section);
6018					const slotEl = section.querySelector('.html-slot-container');
6019					const layoutType = getSectionLayoutType(sectionKey);
6020					const isCategoriesSection = layoutType === 'categories';
6021
6022					sections.push({
6023						title,
6024						sectionKey,
6025						trackingId: trackingId,
6026						categoryId: trackingId || sectionKey,
6027						url: titleEl?.href || null,
6028						items,
6029						shopAllLink,
6030						links: flattenItems(items),
6031						slot: slotEl ? slotEl.cloneNode(true) : null,
6032						hasLevel3:
6033							items.some(item => item.type === 'subgroup') ||
6034							(
6035								items.length > 0 &&
6036								items.every(item => item.type === 'link')
6037							),
6038						layoutType,
6039						isFlatListSection: layoutType === 'flatList',
6040						isCategoriesSection,
6041						displayTitle: title
6042					});
6043				});
6044
6045				return sections;
6046			};
6047
6048			const extractTopLink = (root, selector) => {
6049				const anchor = root.querySelector(selector);
6050				if (!anchor || !anchor.href || anchor.href === 'javascript:;') return null;
6051				const label = getVisibleNavLabel(anchor);
6052				if (!label) return null;
6053				return { label, url: anchor.href };
6054			};
6055
6056			const extractSecondaryMobileLinks = (menu) => {
6057				if (!menu) return [];
6058
6059				const links = [];
6060				const seen = new Set();
6061
6062				[...menu.children].forEach((child) => {
6063					if (
6064						child.classList.contains('js-menu-item') ||
6065						child.classList.contains('main-nav__item--extra')
6066					) {
6067						return;
6068					}
6069
6070					child.querySelectorAll('a[href]').forEach((anchor) => {
6071						if (!anchor.href || anchor.href === 'javascript:;') return;
6072						if (anchor.classList.contains('navigation-custom-link')) return;
6073
6074						const label = getVisibleNavLabel(anchor);
6075						const url = anchor.href;
6076						const key = `${label}|${url}`;
6077
6078						if (!label || seen.has(key)) return;
6079						seen.add(key);
6080						links.push({ label, url });
6081					});
6082				});
6083
6084				return links;
6085			};
6086
6087			const findTopMenuCampaignRoot = (menu) => {
6088				if (!menu) return null;
6089
6090				let campaignRoot = qs('.main-nav-slot', menu);
6091
6092				if (!campaignRoot) {
6093					const contactAnchor = qs(
6094						'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]',
6095						menu
6096					);
6097					const contactLi = contactAnchor?.closest('li');
6098
6099					if (contactLi) {
6100						let sibling = contactLi.nextElementSibling;
6101
6102						while (sibling) {
6103							if (sibling.classList.contains('content-asset')) {
6104								campaignRoot = qs('.main-nav-slot', sibling) || sibling;
6105								break;
6106							}
6107
6108							const nestedSlot = qs('.main-nav-slot', sibling);
6109							if (nestedSlot) {
6110								campaignRoot = nestedSlot;
6111								break;
6112							}
6113
6114							sibling = sibling.nextElementSibling;
6115						}
6116					}
6117				}
6118
6119				if (!campaignRoot) {
6120					campaignRoot = qs('.main-nav-slot', qs(selectors.globalSlot) || document);
6121				}
6122
6123				return campaignRoot;
6124			};
6125
6126			const extractTopMenuCampaign = (menu) => {
6127				const campaignRoot = findTopMenuCampaignRoot(menu);
6128				if (!campaignRoot) return null;
6129
6130				const quickLinks = [];
6131				const seen = new Set();
6132				const listAnchors = qsa(
6133					'.main-nav-slot__list a[href], .main-nav-slot__list-item a[href]',
6134					campaignRoot
6135				);
6136
6137				listAnchors.forEach((anchor) => {
6138					if (!anchor.href || anchor.href === 'javascript:;') return;
6139					if (anchor.closest('.navigation-link, figure, figcaption')) return;
6140
6141					const label = getVisibleNavLabel(anchor);
6142					const url = resolveCampaignLinkUrl(anchor);
6143					const key = `${label}|${url}`;
6144
6145					if (!label || seen.has(key)) return;
6146					seen.add(key);
6147					quickLinks.push({ label, url });
6148				});
6149
6150				const promoNode =
6151					qs('.navigation-link--two-rows', campaignRoot) ||
6152					qs('.navigation-link', campaignRoot) ||
6153					qs('.html-slot-container .navigation-link', campaignRoot);
6154				const promoSlot = promoNode ? promoNode.cloneNode(true) : null;
6155
6156				if (!quickLinks.length && !promoSlot) return null;
6157
6158				return { quickLinks, promoSlot };
6159			};
6160
6161			const isMobileDirectLinkSection = (section) => {
6162				const key = getSectionKey(section);
6163				return CONFIG.mobileDirectLinkSectionKeys.includes(key) && Boolean(section.url);
6164			};
6165
6166			const buildNavData = (menu) => {
6167				if (!menu) return null;
6168
6169				const shopMenuItem = getMenuItem(menu, menuIds.shop);
6170				const beautypediaMenuItem = getMenuItem(menu, menuIds.beautypedia);
6171				const beautypediaTopLink = extractTopLink(menu, selectors.beautypediaItem);
6172				const beautypediaSections = beautypediaMenuItem ? extractSections(beautypediaMenuItem) : [];
6173
6174				return {
6175					shop: shopMenuItem
6176						? orderShopSections(extractSections(shopMenuItem))
6177						: [],
6178					beautypedia: {
6179						title: beautypediaTopLink?.label || '',
6180						displayTitle: beautypediaTopLink?.label || '',
6181						categoryId: 'beautypedia',
6182						sectionKey: 'beautypedia',
6183						url: beautypediaTopLink?.url || null,
6184						slot: beautypediaSections.find((s) => s.slot)?.slot || null,
6185						groups: CONFIG.groupedSections.beautypedia ? beautypediaSections : [],
6186						flatLinks: CONFIG.groupedSections.beautypedia ? [] : beautypediaSections.flatMap((s) => s.links),
6187						layoutType: 'grouped'
6188					},
6189					membership: extractTopLink(menu, selectors.membership),
6190					contactUs: extractTopLink(menu, selectors.contact),
6191					login: extractTopLink(document, selectors.login),
6192					topMenuCampaign: extractTopMenuCampaign(menu),
6193					secondaryLinks: extractSecondaryMobileLinks(menu)
6194				};
6195			};
6196
6197			const getGlobalSlotClone = () => {
6198				const globalSlot = qs(selectors.globalSlot);
6199				return globalSlot ? globalSlot.cloneNode(true) : null;
6200			};
6201
6202
6203
6204			const createLink = (label, url, meta = {}) => {
6205				const a = createEl('a', '', label);
6206				a.href = url;
6207				applyNavTrackingAttrs(a, meta);
6208				return a;
6209			};
6210
6211			const createLinkItem = (labelOrLink, url, meta = {}) => {
6212				const li = createEl('li');
6213				if (labelOrLink && typeof labelOrLink === 'object') {
6214					const link = labelOrLink;
6215					const rootCategoryId = link.rootCategoryId || meta.rootCategoryId || '';
6216					li.appendChild(createLink(link.label, link.url, {
6217						nav: link.nav || meta.nav || 'menu-item',
6218						categoryId: link.categoryId || categoryIdFromUrl(link.url) || '',
6219						rootCategoryId: rootCategoryId,
6220						parentCategoryId: link.parentCategoryId || meta.parentCategoryId || '',
6221						promoIndex: link.promoIndex != null ? link.promoIndex : meta.promoIndex,
6222						highlightId: link.highlightId || meta.highlightId || '',
6223						icon: link.icon || meta.icon || ''
6224					}));
6225				} else {
6226					li.appendChild(createLink(labelOrLink, url, {
6227						nav: meta.nav || 'menu-item',
6228						categoryId: meta.categoryId || categoryIdFromUrl(url) || '',
6229						rootCategoryId: meta.rootCategoryId || '',
6230						parentCategoryId: meta.parentCategoryId || '',
6231						promoIndex: meta.promoIndex,
6232						highlightId: meta.highlightId || '',
6233						icon: meta.icon || ''
6234					}));
6235				}
6236				return li;
6237			};
6238
6239			const createSubList = (links, rootCategoryId = '', parentCategoryId = '') => {
6240				const subList = createEl('ul', classes.sublist);
6241				links.forEach((link) => {
6242					const normalized = typeof link === 'object'
6243						? link
6244						: { label: link, url: '' };
6245					subList.appendChild(createLinkItem({
6246						label: normalized.label,
6247						url: normalized.url,
6248						categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '',
6249						parentCategoryId: normalized.parentCategoryId || parentCategoryId || '',
6250						nav: normalized.nav || 'menu-item',
6251						rootCategoryId: normalized.rootCategoryId || rootCategoryId || ''
6252					}));
6253				});
6254				return subList;
6255			};
6256
6257			const createSubgroup = (subgroup, options = {}) => {
6258				const wrapper = createEl('div', classes.subgroup);
6259				if (subgroup.isContinuation) wrapper.classList.add(classes.subgroupContinued);
6260				if (subgroup.showTitle !== false) wrapper.appendChild(createEl('div', classes.subgroupTitle, subgroup.title));
6261				if (subgroup.links.length) {
6262					wrapper.appendChild(createSubList(
6263						subgroup.links,
6264						options.rootCategoryId || '',
6265						options.parentCategoryId || ''
6266					));
6267				}
6268				if (options.showDivider) wrapper.classList.add('show-divider');
6269				return wrapper;
6270			};
6271
6272
6273			const flattenCategoriesRows = (items) => {
6274				const rows = [];
6275
6276				items.forEach((item, sectionIndex) => {
6277					if (item.type === 'link') {
6278						rows.push({
6279							kind: 'l2Link',
6280							label: item.label,
6281							url: item.url,
6282							categoryId: item.categoryId || '',
6283							sectionIndex
6284						});
6285					}
6286
6287					if (item.type === 'subgroup') {
6288						rows.push({
6289							kind: 'subHeading',
6290							title: item.title,
6291							sectionIndex
6292						});
6293
6294						(item.links || []).forEach((link) => {
6295							rows.push({
6296								kind: 'l3Link',
6297								label: link.label,
6298								url: link.url,
6299								categoryId: link.categoryId || '',
6300								sectionIndex
6301							});
6302						});
6303					}
6304				});
6305
6306				return rows;
6307			};
6308
6309
6310			const normalizeLinkUrl = (url) => String(url || '').replace(/\/$/, '').toLowerCase();
6311
6312			const isSeeAllCategoryLabel = (label) => isSeeAllOrShopAllLabel(label);
6313
6314			const isShopAllDuplicateLink = (link, shopAll) => {
6315				if (!link?.url || !shopAll?.url) return false;
6316
6317				if (normalizeLinkUrl(link.url) === normalizeLinkUrl(shopAll.url)) {
6318					return true;
6319				}
6320
6321				const linkLabel = String(link.label || '').replace(/\s+/g, ' ').trim().toLowerCase();
6322				const shopAllLabel = String(shopAll.label || '').replace(/\s+/g, ' ').trim().toLowerCase();
6323
6324				return Boolean(linkLabel && shopAllLabel && linkLabel === shopAllLabel);
6325			};
6326
6327			const filterShopAllLinks = (links, shopAllSources) => {
6328				const sources = (shopAllSources || []).filter((source) => source?.url);
6329
6330				return links.filter((link) => {
6331					if (isSeeAllCategoryLabel(link.label)) return false;
6332					if (!sources.length) return true;
6333					return !sources.some((shopAll) => isShopAllDuplicateLink(link, shopAll));
6334				});
6335			};
6336
6337
6338			const isBeautypediaSection = (sectionData) => (
6339				sectionMatchesIdList(sectionData, ['beautypedia', 'expend-your-knowledge'])
6340			);
6341
6342
6343			const isArticlesEducationGroup = (group) => {
6344				const raw = toTrackingLabel(group?.categoryId || group?.sectionKey || '');
6345				if (raw === 'expert-advice' || raw === 'expend-your-knowledge' || raw === 'expend your knowledge') {
6346					return true;
6347				}
6348
6349				const key = normalizeSectionKey(group?.displayTitle || group?.title);
6350				if (key.includes('article') && key.includes('education')) return true;
6351				if (key.includes('artikel') && key.includes('kennis')) return true; /* NL */
6352				return false;
6353			};
6354
6355			const findSeeAllLinkInGroup = (group) => {
6356				if (!group) return null;
6357				const candidates = [
6358					...(group.links || []),
6359					...flattenItems(group.items || [])
6360				];
6361				return candidates.find((link) => isSeeAllOrShopAllLabel(link?.label)) || null;
6362			};
6363
6364			const findBeautypediaShopAllSource = (groups) => {
6365				const articlesGroup = groups.find(isArticlesEducationGroup);
6366				if (articlesGroup) {
6367					const fromItems = findSeeAllLinkInGroup(articlesGroup);
6368					if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems;
6369					if (articlesGroup.shopAllLink?.url && cleanShopAllLabel(articlesGroup.shopAllLink.label)) {
6370						return articlesGroup.shopAllLink;
6371					}
6372				}
6373
6374				for (let i = 0; i < groups.length; i += 1) {
6375					const fromItems = findSeeAllLinkInGroup(groups[i]);
6376					if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems;
6377				}
6378
6379				const fromGroup = groups
6380					.map((group) => group.shopAllLink)
6381					.find((shopAll) => shopAll?.url && cleanShopAllLabel(shopAll.label));
6382				if (fromGroup) return fromGroup;
6383
6384				return null;
6385			};
6386
6387			const attachBeautypediaShopAllToLastGroup = (rows, shopAll, sectionData) => {
6388				if (!shopAll?.url || !rows.length) return false;
6389
6390				const label = resolveSectionShopAllLabel(sectionData, shopAll);
6391				if (!label) return false;
6392				const categoryId = resolveShopAllCatalogId({
6393					categoryId: shopAll.categoryId,
6394					url: shopAll.url,
6395					sectionKey: getSectionKey(sectionData),
6396					rootCategoryId: getSectionKey(sectionData)
6397				});
6398
6399				for (let idx = rows.length - 1; idx >= 0; idx -= 1) {
6400					if (rows[idx].kind !== 'groupLink') continue;
6401					rows[idx].groupSeeAll = { label, url: shopAll.url, categoryId };
6402					return true;
6403				}
6404
6405				return false;
6406			};
6407
6408			const filterGroupItemsShopAll = (group, shopAllSources) => {
6409				const sources = (shopAllSources || []).filter((source) => source?.url);
6410
6411				if (!group.items?.length) {
6412					return {
6413						...group,
6414						links: filterShopAllLinks(group.links || [], sources)
6415					};
6416				}
6417
6418				const items = group.items.map((item) => {
6419					if (item.type === 'link') {
6420						if (isSeeAllOrShopAllLabel(item.label)) return null;
6421						if (sources.some((source) => isShopAllDuplicateLink(item, source))) return null;
6422						return item;
6423					}
6424					if (item.type === 'subgroup') {
6425						return {
6426							...item,
6427							links: filterShopAllLinks(item.links || [], sources)
6428						};
6429					}
6430					return item;
6431				}
6431).filter(Boolean);
6432
6433				return { ...group, items };
6434			};
6435
6436
6437			const flattenGroupedRows = (groups, sectionData = {}) => {
6438				const rows = [];
6439				const beautypediaSection = isBeautypediaSection(sectionData);
6440				const showShopAll = sectionShouldShowShopAll(sectionData);
6441				const beautypediaShopAll = beautypediaSection ? findBeautypediaShopAllSource(groups) : null;
6442				const allShopAllSources = groups
6443					.map((group) => group.shopAllLink)
6444					.filter((shopAll) => shopAll?.url);
6445				const sectionSeeAllSource = showShopAll
6446					? (beautypediaShopAll || allShopAllSources[0])
6447					: null;
6448
6449				groups.forEach((group, groupIndex) => {
6450					rows.push({
6451						kind: 'groupHeading',
6452						title: group.displayTitle || group.title,
6453						groupIndex
6454					});
6455
6456					const rawLinks = (group.items?.length)
6457						? flattenItems(group.items)
6458						: (group.links || []);
6459
6460					const filterSources = [
6461						group.shopAllLink,
6462						sectionSeeAllSource,
6463						...allShopAllSources
6464					];
6465					if (beautypediaSection && isArticlesEducationGroup(group) && beautypediaShopAll) {
6466						filterSources.push(beautypediaShopAll);
6467					}
6468
6469					const sourceLinks = filterShopAllLinks(rawLinks, filterSources);
6470
6471					if (!sourceLinks.length && group.shopAllLink?.url && showShopAll && !beautypediaSection) {
6472						const groupSeeAllLabel = resolveSectionShopAllLabel(sectionData, group.shopAllLink);
6473						if (!groupSeeAllLabel) return;
6474
6475						rows.push({
6476							kind: 'seeAll',
6477							label: groupSeeAllLabel,
6478							url: group.shopAllLink.url,
6479							categoryId: resolveShopAllCatalogId({
6480								categoryId: group.shopAllLink.categoryId,
6481								url: group.shopAllLink.url,
6482								sectionKey: getSectionKey(sectionData),
6483								rootCategoryId: getSectionKey(sectionData)
6484							}),
6485							groupIndex,
6486							isGroupSeeAll: true
6487						});
6488						return;
6489					}
6490
6491					sourceLinks.forEach((link) => {
6492						rows.push({
6493							kind: 'groupLink',
6494							label: link.label,
6495							url: link.url,
6496							categoryId: link.categoryId || '',
6497							groupIndex
6498						});
6499					});
6500				});
6501
6502				if (beautypediaSection && beautypediaShopAll?.url) {
6503					const attached = attachBeautypediaShopAllToLastGroup(rows, beautypediaShopAll, sectionData);
6504					if (!attached) {
6505						const beautypediaLabel = resolveSectionShopAllLabel(sectionData, beautypediaShopAll);
6506						if (beautypediaLabel) {
6507							rows.push({
6508								kind: 'seeAll',
6509								label: beautypediaLabel,
6510								url: beautypediaShopAll.url,
6511								categoryId: resolveShopAllCatalogId({
6512									categoryId: beautypediaShopAll.categoryId,
6513									url: beautypediaShopAll.url,
6514									sectionKey: getSectionKey(sectionData),
6515									rootCategoryId: getSectionKey(sectionData)
6516								}),
6517								isGroupSeeAll: true
6518							});
6519						}
6520					}
6521				} else if (sectionSeeAllSource && showShopAll) {
6522					const sectionSeeAllLabel = resolveSectionShopAllLabel(sectionData, sectionSeeAllSource);
6523					if (sectionSeeAllLabel) {
6524						rows.push({
6525							kind: 'seeAll',
6526							label: sectionSeeAllLabel,
6527							url: sectionSeeAllSource.url,
6528							categoryId: toTrackingLabel(
6529								sectionSeeAllSource.categoryId ||
6530								categoryIdFromUrl(sectionSeeAllSource.url) ||
6531								getSectionKey(sectionData)
6532							),
6533							isGroupSeeAll: true
6534						});
6535					}
6536				}
6537
6538				return rows;
6539			};
6540
6541
6542			const flattenDistributableRows = (sectionData) => {
6543				const rows = [];
6544				const {
6545					items = [],
6546					groups = [],
6547					flatLinks = [],
6548					links = []
6549				} = sectionData;
6550
6551				const pushLink = (link) => rows.push({
6552					kind: 'link',
6553					label: link.label,
6554					url: link.url,
6555					categoryId: link.categoryId || ''
6556				});
6557				const pushSubgroup = (subgroup) => rows.push({
6558					kind: 'subgroup',
6559					title: subgroup.title,
6560					links: subgroup.links || []
6561				});
6562
6563				if (sectionData.isCategoriesSection && items.length) {
6564					return appendShopAllRow(flattenCategoriesRows(items), sectionData);
6565				}
6566
6567				if (groups.length && sectionData.layoutType === 'grouped') {
6568					return flattenGroupedRows(groups, sectionData);
6569				}
6570
6571				if (groups.length) {
6572					groups.forEach((group) => {
6573						(group.items || []).forEach((item) => {
6574							if (item.type === 'link') pushLink(item);
6575							if (item.type === 'subgroup') pushSubgroup(item);
6576						});
6577						if (!group.items?.length && group.links?.length) {
6578							group.links.forEach((link) => pushLink(link));
6579						}
6580					});
6581					return rows;
6582				}
6583
6584				if (items.length) {
6585					items.forEach((item) => {
6586						if (item.type === 'link') pushLink(item);
6587						if (item.type === 'subgroup') pushSubgroup(item);
6588					});
6589					if (sectionData.isFlatListSection) {
6590						return appendShopAllRow(rows, sectionData);
6591					}
6592					return rows;
6593				}
6594
6595				const flat = flatLinks.length ? flatLinks : links;
6596				flat.forEach((link) => pushLink(link));
6597				if (sectionData.isFlatListSection) {
6598					return appendShopAllRow(rows, sectionData);
6599				}
6600				return rows;
6601			};
6602
6603			const createMiddleRow = (row, sectionData) => {
6604				const el = createEl('div', classes.navRow);
6605				const rootCategoryId = getSectionKey(sectionData);
6606
6607				if (row.kind === 'l2Link') {
6608					el.classList.add(classes.navRowCategoriesL2);
6609					el.appendChild(createSubList([{
6610						label: row.label,
6611						url: row.url,
6612						categoryId: row.categoryId || ''
6613					}], rootCategoryId));
6614					return el;
6615				}
6616
6617				if (row.kind === 'subHeading') {
6618					el.classList.add(classes.navRowCategoriesSubheading);
6619					el.appendChild(createEl('div', classes.subgroupTitle, row.title));
6620					return el;
6621				}
6622
6623				if (row.kind === 'l3Link') {
6624					el.classList.add(classes.navRowCategoriesL3);
6625					el.appendChild(createSubList([{
6626						label: row.label,
6627						url: row.url,
6628						categoryId: row.categoryId || ''
6629					}], rootCategoryId));
6630					return el;
6631				}
6632
6633				if (row.kind === 'seeAll') {
6634					el.classList.add(
6635						sectionData.layoutType === 'grouped' || row.isGroupSeeAll
6636							? classes.navRowGroupSeeAll
6637							: classes.navRowSeeAll
6638					);
6639					const shopAllCategoryId = resolveShopAllCatalogId({
6640						categoryId: row.categoryId,
6641						url: row.url,
6642						rootCategoryId: rootCategoryId,
6643						sectionKey: rootCategoryId
6644					});
6645					const a = createLink(row.label, row.url, {
6646						nav: 'shop-all',
6647						rootCategoryId: rootCategoryId,
6648						categoryId: shopAllCategoryId
6649					});
6650					a.classList.add(classes.seeAllLink);
6651					el.appendChild(a);
6652					return el;
6653				}
6654
6655				if (row.kind === 'groupHeading') {
6656					el.classList.add(classes.navRowGroupHeading);
6657					el.appendChild(createEl('div', classes.groupTitle, row.title));
6658					return el;
6659				}
6660
6661				if (row.kind === 'groupLink') {
6662					el.classList.add(classes.navRowGroupLink);
6663					el.appendChild(createSubList([{
6664						label: row.label,
6665						url: row.url,
6666						categoryId: row.categoryId || ''
6667					}], rootCategoryId));
6668					if (row.groupSeeAll?.url) {
6669						const seeAllWrap = createEl('div', classes.navRowGroupSeeAll);
6670						const a = createLink(row.groupSeeAll.label, row.groupSeeAll.url, {
6671							nav: 'shop-all',
6672							rootCategoryId: rootCategoryId,
6673							categoryId: resolveShopAllCatalogId({
6674								categoryId: row.groupSeeAll.categoryId,
6675								url: row.groupSeeAll.url,
6676								rootCategoryId: rootCategoryId,
6677								sectionKey: rootCategoryId
6678							})
6679						});
6680						a.classList.add(classes.seeAllLink);
6681						seeAllWrap.appendChild(a);
6682						el.appendChild(seeAllWrap);
6683					}
6684					return el;
6685				}
6686
6687				if (row.kind === 'link') {
6688					const list = createSubList([{
6689						label: row.label,
6690						url: row.url,
6691						categoryId: row.categoryId || ''
6692					}], rootCategoryId);
6693					if (sectionData.isCategoriesSection) list.classList.add('show-divider');
6694					el.appendChild(list);
6695					return el;
6696				}
6697
6698				if (row.kind === 'subgroup') {
6699					el.appendChild(createSubgroup(row, { rootCategoryId: rootCategoryId }));
6700				}
6701
6702				return el;
6703			};
6704
6705
6706
6707			const clusterKeyForLeft = (left, centers) => {
6708				let k = centers.findIndex((c) => Math.abs(c - left) <= CONFIG.columnLeftThresholdPx);
6709				if (k === -1) {
6710					k = centers.length;
6711					centers.push(left);
6712				}
6713				return k;
6714			};
6715
6716
6717			const computeCategoriesSectionBorders = (rows) => {
6718				const borderBelowRow = Array.from({ length: rows.length }
6718, () => false);
6719				const isCategoryContentRow = (row) => (
6720					row?.sectionIndex != null &&
6721					row.kind !== 'seeAll'
6722				);
6723
6724				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6725					const row = rows[idx];
6726					const next = rows[idx + 1];
6727
6728					if (next?.kind === 'seeAll') {
6729						if (isCategoryContentRow(row)) {
6730							borderBelowRow[idx] = true;
6731						}
6732						continue;
6733					}
6734
6735					if (row?.sectionIndex == null || next?.sectionIndex == null) continue;
6736					if (row.sectionIndex !== next.sectionIndex) {
6737						borderBelowRow[idx] = true;
6738					}
6739				}
6740
6741				return borderBelowRow;
6742			};
6743
6744			const computeGroupSectionBorders = (rows) => {
6745				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6746
6747				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6748					const row = rows[idx];
6749					const next = rows[idx + 1];
6750
6751					if (next?.kind === 'seeAll') continue;
6752
6753					if (row?.groupIndex == null || next?.groupIndex == null) continue;
6754					if (row.groupIndex !== next.groupIndex) {
6755						if (row.kind === 'groupLink' && row.groupSeeAll) continue;
6756						borderBelowRow[idx] = true;
6757					}
6758				}
6759
6760				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6761					if (rows[idx + 1]?.kind === 'seeAll') {
6762						borderBelowRow[idx] = false;
6763					}
6764				}
6765
6766				rows.forEach((row, idx) => {
6767					if (row.kind === 'groupLink' && row.groupSeeAll) {
6768						borderBelowRow[idx] = false;
6769					}
6770				});
6771
6772				return borderBelowRow;
6773			};
6774
6775			const computeFlatRowSeparatorBorders = (rows, rowEls, containerRect, includeAllSectionBoundaries = false) => {
6776				const measured = [];
6777
6778				rows.forEach((row, idx) => {
6779					const el = rowEls[idx];
6780					if (!el || row.sectionIndex == null) return;
6781
6782					const r = el.getBoundingClientRect();
6783					measured.push({
6784						idx,
6785						left: r.left - containerRect.left,
6786						top: r.top - containerRect.top,
6787						sectionIndex: row.sectionIndex
6788					});
6789				});
6790
6791				const centers = [];
6792				const byCluster = new Map();
6793
6794				measured.forEach((m) => {
6795					const k = clusterKeyForLeft(m.left, centers);
6796					if (!byCluster.has(k)) byCluster.set(k, []);
6797					byCluster.get(k).push(m);
6798				});
6799
6800				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6801
6802				byCluster.forEach((list) => {
6803					if (list.length < 2) return;
6804
6805					const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx);
6806
6807					for (let i = 0; i < sorted.length - 1; i += 1) {
6808						const current = sorted[i];
6809						const next = sorted[i + 1];
6810
6811						if (!current || !next || current.sectionIndex === next.sectionIndex) continue;
6812						if (!includeAllSectionBoundaries) continue;
6813
6814						borderBelowRow[current.idx] = true;
6815					}
6816				});
6817
6818				return borderBelowRow;
6819			};
6820
6821			const computeCategoriesRowDividers = (rowEls, containerRect) => {
6822				const measured = rowEls.map((el, idx) => {
6823					if (!el) return null;
6824					const r = el.getBoundingClientRect();
6825					return {
6826						idx,
6827						left: r.left - containerRect.left,
6828						bottom: r.bottom - containerRect.top
6829					};
6830				}).filter(Boolean);
6831
6832				const centers = [];
6833				const byCluster = new Map();
6834
6835				measured.forEach((m) => {
6836					const k = clusterKeyForLeft(m.left, centers);
6837					if (!byCluster.has(k)) byCluster.set(k, []);
6838					byCluster.get(k).push(m);
6839				});
6840
6841				const borderBelowRow = Array.from({ length: rowEls.length }, () => false);
6842
6843				byCluster.forEach((list) => {
6844					if (list.length <= 1) return;
6845					const bottomMost = list.reduce((a, b) => (a.bottom >= b.bottom ? a : b));
6846					list.forEach((m) => {
6847						if (m.idx !== bottomMost.idx) borderBelowRow[m.idx] = true;
6848					});
6849				});
6850
6851				return borderBelowRow;
6852			};
6853
6854			const computeSubgroupRowDividers = (rows, rowEls, containerRect) => {
6855				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6856
6857				rows.forEach((row, idx) => {
6858					if (row.kind === 'subgroup') borderBelowRow[idx] = true;
6859				});
6860
6861				const measured = rowEls.map((el, idx) => {
6862					if (!el) return null;
6863					const r = el.getBoundingClientRect();
6864					return {
6865						idx,
6866						left: r.left - containerRect.left,
6867						top: r.top - containerRect.top
6868					};
6869				}
6869).filter(Boolean);
6870
6871				const centers = [];
6872				const byCluster = new Map();
6873
6874				measured.forEach((m) => {
6875					const k = clusterKeyForLeft(m.left, centers);
6876					if (!byCluster.has(k)) byCluster.set(k, []);
6877					byCluster.get(k).push(m);
6878				});
6879
6880				byCluster.forEach((list) => {
6881					if (list.length < 2) return;
6882					const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx);
6883					for (let i = 0; i < sorted.length - 1; i += 1) {
6884						const current = sorted[i];
6885						const next = sorted[i + 1];
6886						if (!current || !next) continue;
6887						if (rows[current.idx]?.kind === 'link' && rows[next.idx]?.kind === 'subgroup') {
6888							borderBelowRow[current.idx] = true;
6889						}
6890					}
6891				});
6892
6893				return borderBelowRow;
6894			};
6895
6896			const clearRowDividers = (middleTop) => {
6897				middleTop.querySelectorAll(`.${classes.navRow} .${classes.sectionDivider}`).forEach((node) => {
6898					node.remove();
6899				});
6900			};
6901
6902			const measureHasSecondColumn = (middleTop) => {
6903				const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)];
6904				if (!rowEls.length) return false;
6905
6906				const containerRect = middleTop.getBoundingClientRect();
6907				const containerWidth = containerRect.width || middleTop.offsetWidth || middleTop.clientWidth;
6908				const containerHeight = containerRect.height || middleTop.offsetHeight || middleTop.clientHeight;
6909
6910				if (!containerWidth && !containerHeight) return false;
6911
6912				const centers = [];
6913				let hasSecondColumn = false;
6914
6915				rowEls.forEach((el) => {
6916					const left = el.getBoundingClientRect().left - containerRect.left;
6917					if (!Number.isFinite(left)) return;
6918
6919					const columnIndex = clusterKeyForLeft(left, centers);
6920					if (columnIndex > 0) hasSecondColumn = true;
6921				});
6922
6923				return hasSecondColumn;
6924			};
6925
6926			const clearCenterDividerSyncState = (middleTop) => {
6927				const sync = middleTop?._centerDividerSync;
6928				if (!sync) return;
6929
6930				if (sync.removeTimer) {
6931					clearTimeout(sync.removeTimer);
6932				}
6933
6934				middleTop._centerDividerSync = null;
6935			};
6936
6937			const applyCenterDividerClass = (middleTop, show) => {
6938				middleTop.classList.toggle('has-center-divider', show);
6939				middleTop.style.removeProperty('--pc-mega-nav-center-divider-top');
6940				middleTop.style.removeProperty('--pc-mega-nav-center-divider-height');
6941			};
6942
6943			const updateCenterDivider = (middleTop, options = {}) => {
6944				const force = options.force === true;
6945				const hasSecondColumn = measureHasSecondColumn(middleTop);
6946
6947				if (!middleTop._centerDividerSync) {
6948					middleTop._centerDividerSync = { removeTimer: null };
6949				}
6950
6951				const sync = middleTop._centerDividerSync;
6952
6953				if (sync.removeTimer) {
6954					clearTimeout(sync.removeTimer);
6955					sync.removeTimer = null;
6956				}
6957
6958				if (hasSecondColumn) {
6959					applyCenterDividerClass(middleTop, true);
6960					return;
6961				}
6962
6963				if (force || !middleTop.classList.contains('has-center-divider')) {
6964					applyCenterDividerClass(middleTop, false);
6965					return;
6966				}
6967
6968				sync.removeTimer = setTimeout(() => {
6969					sync.removeTimer = null;
6970					if (!middleTop.isConnected) return;
6971
6972					if (!measureHasSecondColumn(middleTop)) {
6973						applyCenterDividerClass(middleTop, false);
6974					}
6975				}, CENTER_DIVIDER_REMOVE_DELAY_MS);
6976			};
6977
6978			const applyRowDividers = (middleTop, sectionData) => {
6979				const rows = middleTop._navRows || [];
6980				const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)];
6981
6982				if (!rowEls.length) {
6983					clearCenterDividerSyncState(middleTop);
6984					applyCenterDividerClass(middleTop, false);
6985					return;
6986				}
6987
6988				clearRowDividers(middleTop);
6989				updateCenterDivider(middleTop);
6990
6991				const containerRect = middleTop.getBoundingClientRect();
6992
6993				if (sectionData.isCategoriesSection) {
6994					const borderBelowRow = computeCategoriesSectionBorders(rows);
6995
6996					borderBelowRow.forEach((show, idx) => {
6997						if (!show || !rowEls[idx]) return;
6998						const divider = createEl('div', classes.sectionDivider);
6999						divider.setAttribute('aria-hidden', 'true');
7000						rowEls[idx].appendChild(divider);
7001					});
7002					return;
7003				}
7004
7005				if (sectionData.layoutType === 'grouped') {
7006					const borderBelowRow = computeGroupSectionBorders(rows);
7007
7008					borderBelowRow.forEach((show, idx) => {
7009						if (!show || !rowEls[idx]) return;
7010						const divider = createEl('div', classes.sectionDivider);
7011						divider.setAttribute('aria-hidden', 'true');
7012						rowEls[idx].appendChild(divider);
7013					});
7014					return;
7015				}
7016
7017				if (sectionData.isFlatListSection) {
7018					return;
7019				}
7020
7021				const borderBelowRow = computeSubgroupRowDividers(rows, rowEls, containerRect);
7022
7023				borderBelowRow.forEach((show, idx) => {
7024					if (!show || !rowEls[idx]) return;
7025					const divider = createEl('div', classes.sectionDivider);
7026					divider.setAttribute('aria-hidden', 'true');
7027					rowEls[idx].appendChild(divider);
7028				});
7029			};
7030
7031			const queueDividerMeasurement = (middleTop, sectionData) => {
7032				if (!middleTop || !sectionData) return;
7033
7034				const run = () => {
7035					applyRowDividers(middleTop, sectionData);
7036				};
7037
7038				if (typeof requestAnimationFrame === 'function') {
7039					requestAnimationFrame(() => {
7040						if (
7041							sectionData.isCategoriesSection ||
7042							sectionData.layoutType === 'grouped' ||
7043							sectionData.isFlatListSection
7044						) {
7045							requestAnimationFrame(run);
7046						} else {
7047							run();
7048						}
7049					});
7050				} else {
7051					setTimeout(run, 16);
7052				}
7053			};
7054
7055			const remeasureOpenPanelDividers = () => {
7056				const categoryContent = qs(selectors.categoryContent);
7057				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
7058
7059				const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
7060				if (!middleTop?._sectionData) return;
7061
7062				queueDividerMeasurement(middleTop, middleTop._sectionData);
7063			};
7064
7065			const clearPanelDividerBurstTimeouts = () => {
7066				panelDividerBurstTimeoutIds.forEach((id) => clearTimeout(id));
7067				panelDividerBurstTimeoutIds = [];
7068			};
7069
7070			const syncOpenPanelCenterDivider = (options = {}) => {
7071				const categoryContent = qs(selectors.categoryContent);
7072				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
7073
7074				const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
7075				if (!middleTop) return;
7076
7077				updateCenterDivider(middleTop, options);
7078			};
7079
7080			const debouncedSyncOpenPanelCenterDivider = debounce(() => {
7081				syncOpenPanelCenterDivider();
7082			}, 100);
7083
7084			const burstRemeasureOpenPanelDividers = () => {
7085				if (isMobile()) return;
7086
7087				clearPanelDividerBurstTimeouts();
7088
7089				const run = () => {
7090					syncHeaderStackHeight();
7091					syncOpenPanelCenterDivider();
7092				};
7093
7094				run();
7095
7096				if (typeof requestAnimationFrame === 'function') {
7097					requestAnimationFrame(() => {
7098						requestAnimationFrame(run);
7099					});
7100				}
7101
7102				panelDividerBurstTimeoutIds.push(setTimeout(run, 220));
7103			};
7104
7105			const stopOpenPanelDividerWatch = () => {
7106				clearPanelDividerBurstTimeouts();
7107			};
7108
7109			const getZoomSignature = () => {
7110				const vv = window.visualViewport;
7111				return [
7112					vv?.scale ?? 1,
7113					window.devicePixelRatio ?? 1,
7114					Math.round(vv?.width ?? window.innerWidth),
7115					Math.round(vv?.height ?? window.innerHeight)
7116				].join(':');
7117			};
7118
7119			const bindViewportZoomListener = () => {
7120				if (viewportZoomListenerBound) return;
7121				viewportZoomListenerBound = true;
7122				lastZoomSignature = getZoomSignature();
7123
7124				const scheduleZoomRemeasure = debounce(() => {
7125					burstRemeasureOpenPanelDividers();
7126				}, 120);
7127
7128				const onViewportChange = () => {
7129					const nextSignature = getZoomSignature();
7130					if (nextSignature !== lastZoomSignature) {
7131						lastZoomSignature = nextSignature;
7132					}
7133					scheduleZoomRemeasure();
7134				};
7135
7136				if (window.visualViewport) {
7137					window.visualViewport.addEventListener('resize', onViewportChange);
7138					window.visualViewport.addEventListener('scroll', onViewportChange);
7139				}
7140
7141				window.addEventListener('resize', onViewportChange);
7142
7143				window.addEventListener('keydown', (event) => {
7144					if (!event.ctrlKey && !event.metaKey) return;
7145					if (!/^(Equal|Minus|NumpadAdd|NumpadSubtract|Digit0|Numpad0)$/.test(event.code)) return;
7146					onViewportChange();
7147				}, true);
7148
7149				window.addEventListener('wheel', (event) => {
7150					if (!event.ctrlKey) return;
7151					onViewportChange();
7152				}, { passive: true });
7153
7154				const watchDevicePixelRatio = () => {
7155					if (!window.matchMedia) return;
7156
7157					const mq = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
7158					const onResolutionChange = () => {
7159						onViewportChange();
7160						mq.removeEventListener('change', onResolutionChange);
7161						watchDevicePixelRatio();
7162					};
7163
7164					mq.addEventListener('change', onResolutionChange);
7165				};
7166
7167				watchDevicePixelRatio();
7168			};
7169
7170			const bindPanelResizeObserver = (panelEl) => {
7171				if (panelResizeObserver) {
7172					panelResizeObserver.disconnect();
7173					panelResizeObserver = null;
7174				}
7175
7176				if (!panelEl || typeof ResizeObserver === 'undefined') return;
7177
7178				panelResizeObserver = new ResizeObserver(() => {
7179					debouncedSyncOpenPanelCenterDivider();
7180				});
7181
7182				panelResizeObserver.observe(panelEl);
7183
7184				const middleTop = panelEl.querySelector(`.${classes.middleTop}`);
7185				if (middleTop) {
7186					panelResizeObserver.observe(middleTop);
7187				}
7188			};
7189
7190			const syncClonedPanelMetadata = (sourceComponent, panelEl) => {
7191				const sourceMiddleTop = sourceComponent.querySelector(`.${classes.middleTop}`);
7192				const clonedMiddleTop = panelEl.querySelector(`.${classes.middleTop}`);
7193
7194				if (!sourceMiddleTop || !clonedMiddleTop) return;
7195
7196				clonedMiddleTop._navRows = sourceMiddleTop._navRows;
7197				clonedMiddleTop._sectionData = sourceMiddleTop._sectionData;
7198
7199				if (clonedMiddleTop._sectionData) {
7200					queueDividerMeasurement(clonedMiddleTop, clonedMiddleTop._sectionData);
7201
7202					if (typeof requestAnimationFrame === 'function') {
7203						requestAnimationFrame(() => {
7204							requestAnimationFrame(() => {
7205								if (!clonedMiddleTop.isConnected || !clonedMiddleTop._sectionData) return;
7206								applyRowDividers(clonedMiddleTop, clonedMiddleTop._sectionData);
7207								updateCenterDivider(clonedMiddleTop, { force: true });
7208							});
7209						});
7210					}
7211				}
7212			};
7213
7214			const layoutMiddleTop = (middleTop, sectionData) => {
7215				const rows = flattenDistributableRows(sectionData);
7216
7217				middleTop._navRows = rows;
7218				middleTop._sectionData = sectionData;
7219				middleTop.replaceChildren();
7220				middleTop.classList.toggle(
7221					classes.middleTopFlatList,
7222					sectionData.isFlatListSection === true
7223				);
7224				middleTop.classList.toggle(
7225					classes.middleTopCategories,
7226					sectionData.isCategoriesSection === true
7227				);
7228				middleTop.classList.toggle(
7229					classes.middleTopGrouped,
7230					sectionData.layoutType === 'grouped'
7231				);
7232
7233				rows.forEach((row) => {
7234					middleTop.appendChild(createMiddleRow(row, sectionData));
7235				});
7236
7237				if (middleTop.closest(selectors.categoryContent)) {
7238					queueDividerMeasurement(middleTop, sectionData);
7239				}
7240			};
7241
7242			const createSectionShell = (sectionData, globalSlot) => {
7243				const { displayTitle, title, slot, layoutType } = sectionData;
7244				const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData);
7245				const component = createEl('div', classes.component);
7246				if (layoutType) component.dataset.layout = layoutType;
7247				component.setAttribute('data-root-category-id', rootCategoryId);
7248
7249				const firstCol = createEl('div', classes.colFirst);
7250				firstCol.classList.add(classes.scrollRail);
7251				firstCol.setAttribute('body-scroll-lock-ignore', '');
7252				const categoryTitleEl = createEl('div', classes.categoryTitle, displayTitle || title);
7253				if (rootCategoryId === 'new to skin care') {
7254					categoryTitleEl.classList.add(classes.categoryTitleWrap);
7255				}
7256				firstCol.appendChild(categoryTitleEl);
7257				if (slot) {
7258					firstCol.appendChild(slot);
7259					initLazyImages(firstCol);
7260					annotateLeftPromos(firstCol, rootCategoryId);
7261				}
7262
7263				const middleCol = createEl('div', classes.colMiddle);
7264				const middleTop = createEl('div', classes.middleTop);
7265				const middleBottom = createEl('div', classes.middleBottom);
7266
7267				middleCol.append(middleTop, middleBottom);
7268
7269				const thirdCol = createEl('div', classes.colThird);
7270				thirdCol.classList.add(classes.scrollRail);
7271				thirdCol.setAttribute('body-scroll-lock-ignore', '');
7272				if (globalSlot) {
7273					thirdCol.appendChild(globalSlot.cloneNode(true));
7274					initLazyImages(thirdCol);
7275					annotateHighlightRail(thirdCol, rootCategoryId);
7276				}
7277
7278				component.append(firstCol, middleCol, thirdCol);
7279				return component;
7280			};
7281
7282			const createSectionComponent = (sectionData, globalSlot) => {
7283				const component = createSectionShell(sectionData, globalSlot);
7284				const middleTop = component.querySelector(`.${classes.middleTop}`);
7285				layoutMiddleTop(middleTop, sectionData);
7286				return component;
7287			};
7288
7289			const createSectionItem = (sectionData, globalSlot) => {
7290				const { title, displayTitle, url } = sectionData;
7291				const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData);
7292				const li = createEl('li', classes.section);
7293				if (url) li.dataset.url = url;
7294				li.setAttribute('data-root-category-id', rootCategoryId);
7295
7296				const titleNode = createEl('button', classes.sectionTitle, displayTitle || title);
7297				titleNode.type = 'button';
7298				applyNavTrackingAttrs(titleNode, {
7299					nav: 'top-level',
7300					categoryId: rootCategoryId
7301				});
7302				li.appendChild(titleNode);
7303
7304				const component = createSectionComponent(sectionData, globalSlot);
7305				li.appendChild(component);
7306				li._navigationComponent = component;
7307				return li;
7308			};
7309
7310			const renderDesktopNav = (data, globalSlot) => {
7311				const rootList = createEl('ul', classes.rootList);
7312				const fragment = document.createDocumentFragment();
7313
7314				data.shop.forEach((section) => fragment.appendChild(createSectionItem(section, globalSlot)));
7315
7316				if (
7317					(data.beautypedia.groups.length || data.beautypedia.flatLinks.length) &&
7318					(data.beautypedia.displayTitle || data.beautypedia.title)
7319				) {
7320					fragment.appendChild(createSectionItem(data.beautypedia, globalSlot));
7321				}
7322
7323				if (data.membership?.label) {
7324					fragment.appendChild(createLinkItem(
7325						data.membership.label,
7326						data.membership.url,
7327						{ nav: 'top-level', categoryId: 'membership' }
7328					));
7329				}
7330
7331				if (data.contactUs?.label) {
7332					fragment.appendChild(createLinkItem(
7333						data.contactUs.label,
7334						data.contactUs.url,
7335						{ nav: 'top-level', categoryId: 'contact us' }
7336					));
7337				}
7338
7339				rootList.appendChild(fragment);
7340				return rootList;
7341			};
7342
7343			const initCategoryClick = () => {
7344				if (categoryClickInitialized) return;
7345				categoryClickInitialized = true;
7346
7347				const categoryContent = qs(selectors.categoryContent);
7348				const container = qs(selectors.container);
7349				if (!categoryContent || !container) return;
7350
7351				const getSectionTitle = (section) => (
7352					section.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() || ''
7353				);
7354
7355				const showPanel = (section) => {
7356					const component = section._navigationComponent || section.querySelector(`.${classes.component}`);
7357					if (!component) return;
7358
7359					qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7360					activeSectionTitle = getSectionTitle(section);
7361					section.classList.add(classes.sectionActive);
7362					categoryContent.replaceChildren(component.cloneNode(true));
7363					categoryContent.classList.add(classes.panelVisible);
7364					categoryContent.setAttribute('body-scroll-lock-ignore', '');
7365					syncHeaderStackHeight();
7366					initLazyImages(categoryContent);
7367					syncClonedPanelMetadata(component, categoryContent);
7368					bindPanelResizeObserver(categoryContent);
7369					remeasureOpenPanelDividers();
7370					burstRemeasureOpenPanelDividers();
7371				};
7372
7373				const hidePanel = () => {
7374					const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
7375					if (middleTop) clearCenterDividerSyncState(middleTop);
7376
7377					qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7378					categoryContent.replaceChildren();
7379					categoryContent.classList.remove(classes.panelVisible);
7380					activeSectionTitle = null;
7381
7382					stopOpenPanelDividerWatch();
7383
7384					if (panelResizeObserver) {
7385						panelResizeObserver.disconnect();
7386						panelResizeObserver = null;
7387					}
7388				};
7389
7390				container.addEventListener('click', (event) => {
7391					const section = event.target.closest(selectors.navSection);
7392					if (!section) return;
7393
7394					event.preventDefault();
7395					event.stopPropagation();
7396
7397					if (
7398						activeSectionTitle === getSectionTitle(section) &&
7399						categoryContent.classList.contains(classes.panelVisible)
7400					) {
7401						hidePanel();
7402					} else {
7403						showPanel(section);
7404					}
7405				});
7406
7407				document.addEventListener('click', (event) => {
7408					if (event.target.closest(selectors.navSection)) return;
7409					if (event.target.closest(selectors.categoryContent)) return;
7410					hidePanel();
7411				});
7412
7413				document.addEventListener('keydown', (event) => {
7414					if (event.key === 'Escape') hidePanel();
7415				});
7416			};
7417
7418			const initNavHover = () => {
7419				const container = qs(selectors.container);
7420				if (!container || container.dataset.navHoverBound === 'true') return;
7421				container.dataset.navHoverBound = 'true';
7422
7423				const hoverClass = classes.navHovered;
7424				const navLinkSelector = `#navigation-level1 .${classes.rootList} > li > a`;
7425
7426				const getHoverTarget = (node) => (
7427					node?.closest(`.${classes.sectionTitle}`) ||
7428					node?.closest(navLinkSelector)
7429				);
7430
7431				const clearHover = () => {
7432					qsa(`.${hoverClass}`, container).forEach((el) => el.classList.remove(hoverClass));
7433				};
7434
7435				container.addEventListener('mouseover', (event) => {
7436					const target = getHoverTarget(event.target);
7437					if (!target) return;
7438					clearHover();
7439					target.classList.add(hoverClass);
7440				});
7441
7442				container.addEventListener('mouseout', (event) => {
7443					const target = getHoverTarget(event.target);
7444					if (!target) return;
7445
7446					const related = event.relatedTarget;
7447					const listItem = target.closest('li');
7448					if (related && (target.contains(related) || listItem?.contains(related))) return;
7449
7450					target.classList.remove(hoverClass);
7451				});
7452			};
7453
7454			const refreshOpenPanel = () => {
7455				if (!activeSectionTitle) return;
7456
7457				const categoryContent = qs(selectors.categoryContent);
7458				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
7459
7460				const section = qsa(selectors.navSection).find(
7461					(item) => item.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() === activeSectionTitle
7462				);
7463				if (!section) return;
7464
7465				const component = section._navigationComponent || section.querySelector(`.${classes.component}`);
7466				if (!component) return;
7467
7468				qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7469				section.classList.add(classes.sectionActive);
7470				categoryContent.replaceChildren(component.cloneNode(true));
7471				initLazyImages(categoryContent);
7472				syncClonedPanelMetadata(component, categoryContent);
7473				bindPanelResizeObserver(categoryContent);
7474				remeasureOpenPanelDividers();
7475				burstRemeasureOpenPanelDividers();
7476			};
7477
7478			const rebuildDesktopLayout = async () => {
7479				if (isMobile() || !navData) return;
7480
7481				if (document.fonts?.ready) {
7482					await document.fonts.ready;
7483				}
7484
7485				const globalSlot = getGlobalSlotClone();
7486				const container = qs(selectors.container);
7487				if (!container) return;
7488
7489				container.replaceChildren(renderDesktopNav(navData, globalSlot));
7490				syncHeaderStackHeight();
7491				refreshOpenPanel();
7492			};
7493
7494
7495
7496			/* MOBILE-ONLY JS — desktop code above is frozen (CONFIG.desktopLayoutFrozen) */
7497
7498			const createMobileLinksList = (links, rootCategoryId = '') => {
7499				const ul = createEl('ul', classes.mobileLinks);
7500				links.forEach((link) => {
7501					const normalized = typeof link === 'object'
7502						? link
7503						: { label: link, url: '' };
7504					const li = createEl('li');
7505					const a = createLink(normalized.label, normalized.url, {
7506						nav: normalized.nav || 'menu-item',
7507						categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '',
7508						rootCategoryId: normalized.rootCategoryId || rootCategoryId || '',
7509						parentCategoryId: normalized.parentCategoryId || ''
7510					});
7511					li.appendChild(a);
7512					ul.appendChild(li);
7513				});
7514				return ul;
7515			};
7516
7517			const createMobileSubgroup = (subgroup, rootCategoryId = '') => {
7518				const wrap = createEl('div', classes.mobileSubgroup);
7519				wrap.appendChild(createEl('div', classes.mobileSubgroupTitle, subgroup.title));
7520				wrap.appendChild(createMobileLinksList(subgroup.links, rootCategoryId));
7521				return wrap;
7522			};
7523
7524			const createMobileItemsContent = (items, rootCategoryId = '') => {
7525				const fragment = document.createDocumentFragment();
7526				let pendingLinks = [];
7527
7528				const flushLinks = () => {
7529					if (!pendingLinks.length) return;
7530					fragment.appendChild(createMobileLinksList(pendingLinks, rootCategoryId));
7531					pendingLinks = [];
7532				};
7533
7534				items.forEach((item) => {
7535					if (item.type === 'link') {
7536						pendingLinks.push({
7537							label: item.label,
7538							url: item.url,
7539							categoryId: item.categoryId || ''
7540						});
7541						return;
7542					}
7543					if (item.type === 'subgroup') {
7544						flushLinks();
7545						fragment.appendChild(createMobileSubgroup(item, rootCategoryId));
7546					}
7547				});
7548
7549				flushLinks();
7550				return fragment;
7551			};
7552
7553			const createMobileGroup = (group, rootCategoryId = '') => {
7554				const wrap = createEl('div', classes.mobileGroup);
7555				wrap.appendChild(createEl('div', classes.mobileGroupTitle, group.displayTitle || group.title));
7556				wrap.appendChild(createMobileItemsContent(group.items || [], rootCategoryId));
7557				if (!group.items?.length && group.links?.length) {
7558					wrap.appendChild(createMobileLinksList(group.links, rootCategoryId));
7559				}
7560				return wrap;
7561			};
7562
7563			const createMobileBeautypediaContent = (sectionData) => {
7564				const groups = sectionData.groups || [];
7565				const rootCategoryId = getSectionKey(sectionData) || 'beautypedia';
7566				const fragment = document.createDocumentFragment();
7567				const shopAllSource = findBeautypediaShopAllSource(groups);
7568				const shopAllSources = shopAllSource ? [shopAllSource] : [];
7569				const lastGroupIndex = groups.length - 1;
7570
7571				groups.forEach((group, groupIndex) => {
7572					const filteredGroup = filterGroupItemsShopAll(group, shopAllSources);
7573					const wrap = createMobileGroup(filteredGroup, rootCategoryId);
7574
7575					if (groupIndex === lastGroupIndex && shopAllSource?.url) {
7576						const seeAll = createMobileSectionSeeAll(sectionData, {
7577							url: shopAllSource.url,
7578							label: shopAllSource.label,
7579							bypassSectionCheck: true
7580						});
7581						if (seeAll) wrap.appendChild(seeAll);
7582					}
7583
7584					fragment.appendChild(wrap);
7585
7586					if (groupIndex < lastGroupIndex) {
7587						fragment.appendChild(createMobileSectionDivider());
7588					}
7589				});
7590
7591				return fragment;
7592			};
7593
7594			const createMobileSlot = (slotNode) => {
7595				if (!slotNode) return null;
7596				const slot = createEl('div', classes.mobileSlot);
7597				slot.appendChild(slotNode.cloneNode(true));
7598				return slot;
7599			};
7600
7601			const createMobileSectionPromo = (section) => {
7602				if (!section?.slot) return null;
7603				const wrap = createMobileSlot(section.slot);
7604				if (!wrap) return null;
7605				annotateLeftPromos(wrap, getSectionTrackingId(section) || getSectionKey(section));
7606				return wrap;
7607			};
7608
7609			const resolveMobilePromoSlotNode = (data) => {
7610				const globalSlot = getGlobalSlotClone();
7611				if (globalSlot) return globalSlot;
7612
7613				const sectionWithSlot = (data.shop || []).find((section) => section.slot);
7614				if (sectionWithSlot?.slot) return sectionWithSlot.slot.cloneNode(true);
7615
7616				if (data.beautypedia?.slot) return data.beautypedia.slot.cloneNode(true);
7617
7618				return null;
7619			};
7620
7621			const createMobileDirectLink = (linkData) => {
7622				const a = createEl('a', classes.mobileDirectLink, linkData.label);
7623				a.href = linkData.url;
7624				applyNavTrackingAttrs(a, {
7625					nav: linkData.nav || 'top-level',
7626					categoryId: linkData.categoryId || categoryIdFromUrl(linkData.url) || ''
7627				});
7628				return a;
7629			};
7630
7631			const createMobileSecondaryBlock = (links) => {
7632				if (!links?.length) return null;
7633
7634				const block = createEl('div', classes.mobileSecondary);
7635				links.forEach(({ label, url }) => {
7636					const a = createEl('a', classes.mobileSecondaryLink, label);
7637					a.href = url;
7638					applyNavTrackingAttrs(a, {
7639						nav: 'top-level',
7640						categoryId: categoryIdFromUrl(url) || String(label || '').toLowerCase()
7641					});
7642					block.appendChild(a);
7643				});
7644				return block;
7645			};
7646
7647			const createMobileFooterDivider = () => createEl('div', classes.mobileFooterDivider);
7648
7649			const createMobileSectionDivider = () => {
7650				const divider = createEl('div', classes.mobileSectionDivider);
7651				divider.setAttribute('aria-hidden', 'true');
7652				return divider;
7653			};
7654
7655			const createMobileSectionSeeAll = (sectionData, options = {}) => {
7656				const url = options.url || sectionData.shopAllLink?.url || sectionData.url;
7657				if (!url || url === 'javascript:;' || url === '#') return null;
7658				if (!options.bypassSectionCheck && !sectionShouldShowShopAll(sectionData)) return null;
7659
7660				const rootCategoryId = getSectionKey(sectionData);
7661				const shopAllSource = {
7662					label: options.label || sectionData.shopAllLink?.label,
7663					url: url,
7664					categoryId: sectionData.shopAllLink?.categoryId
7665				};
7666				const label = resolveSectionShopAllLabel(sectionData, shopAllSource);
7667				if (!label) return null;
7668
7669				const block = createEl('div', classes.mobileSectionSeeAll);
7670				block.appendChild(createMobileLinksList([{
7671					label: label,
7672					url: url,
7673					nav: 'shop-all',
7674					categoryId: resolveShopAllCatalogId({
7675						categoryId: shopAllSource.categoryId,
7676						url: url,
7677						rootCategoryId: rootCategoryId,
7678						sectionKey: rootCategoryId
7679					}),
7680					rootCategoryId: rootCategoryId
7681				}], rootCategoryId));
7682				return block;
7683			};
7684
7685			const createMobileCategoriesContent = (sectionData) => {
7686				const rows = flattenDistributableRows(sectionData);
7687				const borderBelowRow = computeCategoriesSectionBorders(rows);
7688				const fragment = document.createDocumentFragment();
7689				const rootCategoryId = getSectionKey(sectionData);
7690
7691				let idx = 0;
7692				while (idx < rows.length) {
7693					const row = rows[idx];
7694
7695					if (row.kind === 'l2Link') {
7696						const block = createEl('div', classes.mobileCategoriesL2);
7697						block.appendChild(createMobileLinksList([{
7698							label: row.label,
7699							url: row.url,
7700							categoryId: row.categoryId || ''
7701						}], rootCategoryId));
7702						fragment.appendChild(block);
7703						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7704						idx += 1;
7705						continue;
7706					}
7707
7708					if (row.kind === 'subHeading') {
7709						const block = createEl('div', classes.mobileCategoriesSubheading);
7710						block.appendChild(createEl('div', classes.mobileSubgroupTitle, row.title));
7711						fragment.appendChild(block);
7712						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7713						idx += 1;
7714						continue;
7715					}
7716
7717					if (row.kind === 'l3Link') {
7718						const links = [];
7719						let lastIdx = idx;
7720						while (idx < rows.length && rows[idx].kind === 'l3Link') {
7721							links.push({
7722								label: rows[idx].label,
7723								url: rows[idx].url,
7724								categoryId: rows[idx].categoryId || ''
7725							});
7726							lastIdx = idx;
7727							idx += 1;
7728						}
7729						const block = createEl('div', classes.mobileCategoriesL3);
7730						block.appendChild(createMobileLinksList(links, rootCategoryId));
7731						fragment.appendChild(block);
7732						if (borderBelowRow[lastIdx]) fragment.appendChild(createMobileSectionDivider());
7733						continue;
7734					}
7735
7736					if (row.kind === 'seeAll') {
7737						const block = createEl('div', classes.mobileCategoriesSeeAll);
7738						block.classList.add(classes.mobileCategoriesL2);
7739						block.appendChild(createMobileLinksList([{
7740							label: row.label,
7741							url: row.url,
7742							nav: 'shop-all',
7743							categoryId: toTrackingLabel(
7744								row.categoryId ||
7745								categoryIdFromUrl(row.url) ||
7746								rootCategoryId
7747							),
7748							rootCategoryId: rootCategoryId
7749						}], rootCategoryId));
7750						fragment.appendChild(block);
7751						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7752						idx += 1;
7753						continue;
7754					}
7755
7756					idx += 1;
7757				}
7758
7759				return fragment;
7760			};
7761
7762			const createMobileAccordion = (title, panelContent, options = {}) => {
7763				const section = createEl('div', classes.mobileSection);
7764				const toggle = createEl('button', classes.mobileSectionToggle, title);
7765				toggle.type = 'button';
7766				toggle.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon'));
7767				if (options.categoryId) {
7768					applyNavTrackingAttrs(toggle, {
7769						nav: 'top-level',
7770						categoryId: options.categoryId
7771					});
7772					section.setAttribute('data-root-category-id', options.categoryId);
7773				}
7774
7775				const panel = createEl('div', classes.mobileSectionPanel);
7776				if (options.panelModifier) panel.classList.add(options.panelModifier);
7777				if (panelContent) panel.appendChild(panelContent);
7778
7779				toggle.addEventListener('click', () => {
7780					section.classList.toggle(classes.mobileSectionOpen);
7781					if (section.classList.contains(classes.mobileSectionOpen)) initLazyImages(panel);
7782				});
7783
7784				section.append(toggle, panel);
7785				return section;
7786			};
7787
7788			const createMobileFooterLink = (linkData, options = {}) => {
7789				const a = createEl('a', classes.mobileFooterLink, linkData.label);
7790				a.href = linkData.url;
7791
7792				if (options.showChevron) {
7793					a.classList.add(classes.mobileFooterLinkChevron);
7794					a.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon'));
7795				}
7796
7797				if (options.isLast) {
7798					a.classList.add(classes.mobileFooterLinkLast);
7799				}
7800
7801				if (options.nav === 'top-level') {
7802					applyNavTrackingAttrs(a, {
7803						nav: 'top-level',
7804						categoryId: options.categoryId || 'contact us'
7805					});
7806				} else {
7807					applyNavTrackingAttrs(a, {
7808						nav: 'top-level-icon',
7809						icon: options.icon || 'account'
7810					});
7811				}
7812
7813				return a;
7814			};
7815
7816			const createMobileCampaignLinksList = (links, rootCategoryId = '') => {
7817				if (!links?.length) return null;
7818
7819				const ul = createEl('ul', classes.mobileCampaignLinks);
7820				links.forEach(({ label, url }) => {
7821					const li = createEl('li');
7822					const a = createEl('a', classes.mobileCampaignLink, label);
7823					if (url === '#') {
7824						a.setAttribute('href', '#');
7825					} else {
7826						a.href = url;
7827					}
7828					applyNavTrackingAttrs(a, {
7829						nav: 'highlight-link',
7830						rootCategoryId: rootCategoryId || 'campaign',
7831						categoryId: categoryIdFromUrl(url) || toTrackingLabel(label),
7832						highlightId: toTrackingLabel(label)
7833					});
7834					li.appendChild(a);
7835					ul.appendChild(li);
7836				});
7837				return ul;
7838			};
7839
7840			const createMobileCampaignSection = (campaign) => {
7841				if (!campaign) return null;
7842
7843				const { quickLinks, promoSlot } = campaign;
7844				if (!quickLinks?.length && !promoSlot) return null;
7845
7846				const section = createEl('div', classes.mobileCampaign);
7847				const linksList = createMobileCampaignLinksList(quickLinks, 'campaign');
7848
7849				if (linksList) section.appendChild(linksList);
7850
7851				if (promoSlot) {
7852					const promoWrap = createEl('div', classes.mobileCampaignPromo);
7853					promoWrap.appendChild(promoSlot);
7854					/* Mobile campaign promos sit in the "right" rail equivalent */
7855					const promoBlocks = getUniquePromoBlocks(
7856						promoWrap,
7857						'figure, .navigation-link, .navigation-link--two-rows'
7858					);
7859					promoBlocks.forEach((block, index) => {
7860						const promoIndex = index + 1;
7861						qsa('a[href]', block).forEach((a) => {
7862							if (!a.href || a.href === 'javascript:;') return;
7863							if (a.closest('.main-nav-slot__list')) return;
7864							applyNavTrackingAttrs(a, {
7865								nav: 'highlight-promo',
7866								rootCategoryId: 'campaign',
7867								categoryId: formatPromoTrackingLabel('campaign', 'right', promoIndex),
7868								promoIndex: promoIndex
7869							});
7870						});
7871					});
7872					section.appendChild(promoWrap);
7873				}
7874
7875				return section;
7876			};
7877
7878			const buildMobileFlyout = (data) => {
7879				const scroll = createEl('div', 'nav-mobile__scroll');
7880				scroll.setAttribute('body-scroll-lock-ignore', '');
7881				const fragment = document.createDocumentFragment();
7882
7883				data.shop.forEach((section) => {
7884					if (isMobileDirectLinkSection(section)) {
7885						fragment.appendChild(createMobileDirectLink({
7886							label: section.displayTitle || section.title,
7887							url: section.url,
7888							categoryId: getSectionKey(section)
7889						}));
7890						return;
7891					}
7892
7893					const panel = document.createDocumentFragment();
7894
7895					if (section.isCategoriesSection) {
7896						panel.appendChild(createMobileCategoriesContent(section));
7897						const leftPromo = createMobileSectionPromo(section);
7898						if (leftPromo) panel.appendChild(leftPromo);
7899						fragment.appendChild(createMobileAccordion(
7900							section.displayTitle || section.title,
7901							panel,
7902							{
7903								panelModifier: classes.mobileSectionPanelCategories,
7904								categoryId: getSectionKey(section)
7905							}
7906						));
7907					} else {
7908						panel.appendChild(createMobileItemsContent(
7909							section.items || [],
7910							getSectionKey(section)
7911						));
7912						const seeAll = createMobileSectionSeeAll(section);
7913						if (seeAll) panel.appendChild(seeAll);
7914						const leftPromo = createMobileSectionPromo(section);
7915						if (leftPromo) panel.appendChild(leftPromo);
7916						fragment.appendChild(createMobileAccordion(
7917							section.displayTitle || section.title,
7918							panel,
7919							{ categoryId: getSectionKey(section) }
7920						));
7921					}
7922				});
7923
7924				if (data.beautypedia?.groups?.length && (data.beautypedia.displayTitle || data.beautypedia.title)) {
7925					const panel = createMobileBeautypediaContent(data.beautypedia);
7926					const leftPromo = createMobileSectionPromo(data.beautypedia);
7927					if (leftPromo) panel.appendChild(leftPromo);
7928					fragment.appendChild(createMobileAccordion(
7929						data.beautypedia.displayTitle || data.beautypedia.title,
7930						panel,
7931						{
7932							panelModifier: classes.mobileSectionPanelBeautypedia,
7933							categoryId: 'beautypedia'
7934						}
7935					));
7936				}
7937
7938				if (data.membership?.label) {
7939					fragment.appendChild(createMobileDirectLink({
7940						label: data.membership.label,
7941						url: data.membership.url,
7942						categoryId: 'membership'
7943					}));
7944				}
7945
7946				if (data.topMenuCampaign) {
7947					fragment.appendChild(createMobileFooterDivider());
7948					const campaignSection = createMobileCampaignSection(data.topMenuCampaign);
7949					if (campaignSection) fragment.appendChild(campaignSection);
7950				} else if (data.secondaryLinks?.length) {
7951					fragment.appendChild(createMobileFooterDivider());
7952					const secondaryBlock = createMobileSecondaryBlock(data.secondaryLinks);
7953					if (secondaryBlock) fragment.appendChild(secondaryBlock);
7954
7955					const promoSlot = createMobileSlot(resolveMobilePromoSlotNode(data));
7956					if (promoSlot) fragment.appendChild(promoSlot);
7957				}
7958
7959				if (data.contactUs || data.login) {
7960					const footer = createEl('div', classes.mobileFooter);
7961					footer.appendChild(createMobileFooterDivider());
7962
7963					if (data.contactUs?.label) {
7964						footer.appendChild(createMobileFooterLink({
7965							label: data.contactUs.label,
7966							url: data.contactUs.url
7967						}, { nav: 'top-level', categoryId: 'contact us' }));
7968					}
7969
7970					if (data.login) {
7971						footer.appendChild(createMobileFooterLink(data.login, {
7972							isLast: true,
7973							icon: 'login'
7974						}));
7975					}
7976
7977					fragment.appendChild(footer);
7978				}
7979
7980				scroll.appendChild(fragment);
7981				return scroll;
7982			};
7983
7984			const renderMobileFlyout = (data) => {
7985				const flyout = qs(selectors.mobileFlyout);
7986				if (!flyout || !data) return;
7987				flyout.replaceChildren(buildMobileFlyout(data));
7988				initLazyImages(flyout);
7989			};
7990
7991			const resetMobileAccordions = () => {
7992				qsa(`.${classes.mobileSectionOpen}
7992`, qs(selectors.mobileFlyout)).forEach((section) => {
7993					section.classList.remove(classes.mobileSectionOpen);
7994				});
7995			};
7996
7997			const syncMobileFlyout = () => {
7998				const header = qs(selectors.header);
7999				if (!header) return;
8000				if (!isMobile()) {
8001					resetMobileAccordions();
8002					return;
8003				}
8004				if (header.classList.contains(classes.headerMenuOpen)) {
8005					syncMobileFlyoutGeometry();
8006				} else {
8007					resetMobileAccordions();
8008				}
8009			};
8010
8011			const injectContainers = () => {
8012				const header = qs(selectors.header);
8013				if (!header) return;
8014
8015				header.classList.add('pc-mega-nav-redesign');
8016
8017				if (!qs(selectors.container)) {
8018					header.insertAdjacentHTML('beforeend', '<div id="navigation-level1"></div><div id="category-content" body-scroll-lock-ignore></div>');
8019				}
8020				if (!qs(selectors.mobileFlyout)) {
8021					header.insertAdjacentHTML(
8022						'beforeend',
8023						'<div id="nav-mobile-flyout" body-scroll-lock-ignore></div>'
8024					);
8025				} else {
8026					qs(selectors.mobileFlyout).setAttribute('body-scroll-lock-ignore', '');
8027				}
8028			};
8029
8030			const buildAll = async () => {
8031				const menu = qs(selectors.menu);
8032				if (!menu) return null;
8033
8034				if (document.fonts?.ready) {
8035					await document.fonts.ready;
8036				}
8037
8038				navData = buildNavData(menu);
8039				if (!navData) return null;
8040
8041				const globalSlot = getGlobalSlotClone();
8042				const container = qs(selectors.container);
8043
8044				if (container) {
8045					container.replaceChildren(renderDesktopNav(navData, globalSlot));
8046					initCategoryClick();
8047				}
8048
8049				renderMobileFlyout(navData);
8050				return navData;
8051			};
8052
8053			let uspSlideStyleEl = null;
8054			const USP_SLIDE_DURATION_S = 5;
8055			const uspSlideKeyframeCounts = new Set();
8056
8057			const getUspBarVisibleItems = (bar) => {
8058				const seen = new Set();
8059				return [...bar.querySelectorAll('.usp-bar-item')].filter((item) => {
8060					if (item.classList.contains('swiper-slide-duplicate')) return false;
8061					if (item.classList.contains('pc-mega-nav-usp-clone')) return false;
8062					const label = item.querySelector('.usp-bar-text') || item;
8063					const text = cleanText(label);
8064					if (!text || seen.has(text)) return false;
8065					seen.add(text);
8066					return true;
8067				});
8068			};
8069
8070			const injectUspSlideKeyframes = (slideCount) => {
8071				const animName = `pc-mega-nav-usp-slide-track-x${slideCount}`;
8072				const movePct = 12;
8073				const totalSteps = slideCount + 1;
8074				const moveShare = movePct / totalSteps;
8075				const frames = [];
8076				const tx = (n) => `translateX(calc(-${n} * var(--pc-mega-nav-usp-slide-step, 100%)))`;
8077
8078				for (let step = 0; step < totalSteps; step += 1) {
8079					const segStart = (step / totalSteps) * 100;
8080					const segEnd = ((step + 1) / totalSteps) * 100;
8081					const isCloneStep = step === slideCount;
8082
8083					frames.push(`${segStart.toFixed(2)}% { transform: ${tx(step)}; }`);
8084
8085					if (isCloneStep) {
8086						/* Hold on clone (same as first) so the loop reset is invisible */
8087						frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(slideCount)}; }`);
8088					} else {
8089						const holdEnd = segEnd - moveShare;
8090						frames.push(`${holdEnd.toFixed(2)}% { transform: ${tx(step)}; }`);
8091						frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(step + 1)}; }`);
8092					}
8093				}
8094
8095				if (!uspSlideStyleEl) {
8096					uspSlideStyleEl = document.createElement('style');
8097					uspSlideStyleEl.id = 'pc-mega-nav-usp-slide-keyframes';
8098					document.head.appendChild(uspSlideStyleEl);
8099				}
8100
8101				uspSlideStyleEl.textContent = `@keyframes ${animName} { ${frames.join(' ')} }\n`;
8102				return animName;
8103			};
8104
8105			const getUspSlideDuration = () => (isMobile() ? 7 : USP_SLIDE_DURATION_S);
8106
8107			const getUspSlideTrack = (bar) => {
8108				let track = bar.querySelector('.pc-mega-nav-usp-track');
8109				const legacyWrap = bar.querySelector('.usp-bar-wrap');
8110
8111				if (!track && legacyWrap) {
8112					legacyWrap.classList.add('pc-mega-nav-usp-track');
8113					track = legacyWrap;
8114				}
8115
8116				if (!track) {
8117					track = createEl('div', 'pc-mega-nav-usp-track');
8118					bar.appendChild(track);
8119				}
8120
8121				return track;
8122			};
8123
8124			const applyUspSlideAnimation = (track, slideCount) => {
8125				track.style.animation = 'none';
8126				track.style.transform = '';
8127				track.style.left = '';
8128
8129				[...track.children].forEach((slide) => {
8130					slide.style.animation = 'none';
8131					slide.style.transform = '';
8132				});
8133
8134				void track.offsetWidth;
8135
8136				if (slideCount <= 1) return;
8137
8138				const slideDuration = getUspSlideDuration();
8139				const animName = injectUspSlideKeyframes(slideCount);
8140				const duration = slideDuration * (slideCount + 1);
8141				track.style.animation = `${animName} ${duration}s linear infinite`;
8142			};
8143
8144			const stopLegacyUspSwiper = (bar) => {
8145				const swiper = bar.swiper || bar.closest('.js-usp-slider')?.swiper;
8146				if (!swiper) return;
8147				if (typeof swiper.destroy === 'function') swiper.destroy(true, true);
8148				if (swiper?.autoplay?.stop) swiper.autoplay.stop();
8149			};
8150
8151			const setupUspSlide = (bar, items) => {
8152				bar.classList.remove('pc-mega-nav-usp-rotate');
8153				bar.querySelectorAll('.pc-mega-nav-usp-active').forEach((item) => {
8154					item.classList.remove('pc-mega-nav-usp-active');
8155				});
8156
8157				if (!items.length) {
8158					bar.classList.remove('pc-mega-nav-usp-slide', 'pc-mega-nav-usp-slide--single');
8159					return;
8160				}
8161
8162				stopLegacyUspSwiper(bar);
8163				bar.classList.add('pc-mega-nav-usp-slide');
8164				bar.classList.remove('js-usp-slider', 'js-mobile-slider');
8165				bar.classList.toggle('pc-mega-nav-usp-slide--single', items.length <= 1);
8166				bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${bar.clientWidth || bar.offsetWidth}px`);
8167
8168				const track = getUspSlideTrack(bar);
8169
8170				/* Only authentic slides + one loop clone — leftover empty swiper nodes caused a blank frame */
8171				track.replaceChildren(...items);
8172
8173				if (items.length > 1) {
8174					const clone = items[0].cloneNode(true);
8175					clone.classList.add('pc-mega-nav-usp-clone');
8176					if (!clone.classList.contains('usp-bar-item')) {
8177						clone.classList.add('usp-bar-item');
8178					}
8179					clone.style.visibility = 'visible';
8180					clone.style.opacity = '1';
8181					clone.setAttribute('aria-hidden', 'true');
8182					track.appendChild(clone);
8183				}
8184
8185				const syncStepAndAnimate = () => {
8186					const step = bar.clientWidth || bar.offsetWidth;
8187					if (step) bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${step}px`);
8188					applyUspSlideAnimation(track, items.length);
8189				};
8190
8191				syncStepAndAnimate();
8192				requestAnimationFrame(syncStepAndAnimate);
8193			};
8194
8195			const normalizeUspBanner = () => {
8196				const usp = document.getElementById('js-usp-banner');
8197				if (!usp) return;
8198
8199				const bar = usp.querySelector('.usp-bar');
8200				if (!bar) return;
8201
8202				setupUspSlide(bar, getUspBarVisibleItems(bar));
8203			};
8204
8205			const syncMobileFlyoutGeometry = () => {
8206				const root = document.documentElement;
8207				const stackHeight = parseFloat(
8208					getComputedStyle(root).getPropertyValue('--pc-mega-nav-stack-height')
8209				) || 0;
8210
8211				if (!isMobile() || !stackHeight) {
8212					root.style.removeProperty('--pc-mega-nav-flyout-height');
8213					return;
8214				}
8215
8216				const viewport = window.visualViewport;
8217				if (!viewport) {
8218					root.style.removeProperty('--pc-mega-nav-flyout-height');
8219					return;
8220				}
8221
8222				const flyoutHeight = Math.max(0, Math.round(viewport.height - stackHeight));
8223				root.style.setProperty('--pc-mega-nav-flyout-height', `${flyoutHeight}px`);
8224			};
8225
8226			const DESKTOP_HEADER_SHELL_PX = 135;
8227
8228			const syncHeaderStackHeight = () => {
8229				const usp = document.getElementById('js-usp-banner');
8230				const header = qs(selectors.header);
8231				const root = document.documentElement;
8232
8233				normalizeUspBanner();
8234
8235				const uspHeight = Math.max(40, usp?.offsetHeight || 40);
8236				const mobile = isMobile();
8237
8238				/*
8239				 * --pc-mega-nav-header-height drives desktop height/min/max-height.
8240				 * Never write measured offsetHeight back into it — that creates a
8241				 * feedback loop when DevTools resize crosses the breakpoint or when
8242				 * search briefly expands the header, leaving the nav shell too short
8243				 * so links spill over page content as floating white chips.
8244				 */
8245				if (!mobile) {
8246					root.style.setProperty('--pc-mega-nav-header-height', `${DESKTOP_HEADER_SHELL_PX}px`);
8247				}
8248
8249				const stackHeaderHeight = mobile
8250					? Math.max(header?.offsetHeight || 0, 56)
8251					: DESKTOP_HEADER_SHELL_PX;
8252				const stackHeight = uspHeight + stackHeaderHeight;
8253
8254				root.style.setProperty('--pc-mega-nav-usp-height', `${uspHeight}px`);
8255				root.style.setProperty('--pc-mega-nav-stack-height', `${stackHeight}px`);
8256				root.style.setProperty('--pc-header-section-height', `${stackHeaderHeight}px`);
8257				root.style.setProperty(
8258					'--pc-mega-nav-panel-max-height',
8259					`min(${CONFIG.panelMaxHeightPx}px, calc(100vh - ${stackHeight}px - 16px))`
8260				);
8261				syncMobileFlyoutGeometry();
8262			};
8263
8264			const bindMobileFlyoutViewportListener = () => {
8265				const viewport = window.visualViewport;
8266				if (!viewport) return;
8267
8268				const handleViewportChange = debounce(() => {
8269					syncMobileFlyoutGeometry();
8270				}, 50);
8271
8272				viewport.addEventListener('resize', handleViewportChange);
8273				viewport.addEventListener('scroll', handleViewportChange);
8274			};
8275
8276			const getActiveCountryDialogWrap = () => {
8277				const wraps = [...document.querySelectorAll('.country-dialog-wrap')];
8278				if (!wraps.length) return null;
8279
8280				return wraps.find((wrap) => (
8281					wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content')
8282				)) || wraps[wraps.length - 1];
8283			};
8284
8285			const cleanupCountryDialogWraps = () => {
8286				if (!qs('.header.pc-mega-nav-redesign')) return;
8287
8288				const wraps = [...document.querySelectorAll('.country-dialog-wrap')];
8289				if (!wraps.length) return;
8290
8291				const activeWrap = getActiveCountryDialogWrap();
8292				if (!activeWrap) return;
8293
8294				wraps.forEach((wrap) => {
8295					const isActive = wrap === activeWrap;
8296					const hasDialog = Boolean(
8297						wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content')
8298					);
8299					wrap.hidden = !isActive && !hasDialog;
8300					wrap.style.display = wrap.hidden ? 'none' : '';
8301					wrap.classList.remove('pc-mega-nav-country-below-header');
8302				});
8303
8304				if (activeWrap.parentElement !== document.body) {
8305					document.body.appendChild(activeWrap);
8306				}
8307			};
8308
8309			const scheduleUspBannerNormalize = () => {
8310				normalizeUspBanner();
8311				[100, 500, 1500, 3500].forEach((delay) => {
8312					window.setTimeout(normalizeUspBanner, delay);
8313				});
8314			};
8315
8316			const scheduleCountryDialogCleanup = () => {
8317				cleanupCountryDialogWraps();
8318				[100, 500, 1500, 3500].forEach((delay) => {
8319					window.setTimeout(cleanupCountryDialogWraps, delay);
8320				});
8321			};
8322
8323			const stampHeaderIconTracking = () => {
8324				const search = qs('#js-search-toggle, .search-toggle');
8325				if (search) {
8326					applyNavTrackingAttrs(search, { nav: 'top-level-icon', icon: 'search' });
8327				}
8328				const logo = qs('.header__logo a, a.header__logo, .header__logo');
8329				if (logo) {
8330					applyNavTrackingAttrs(logo, { nav: 'top-level-icon', icon: 'logo' });
8331				}
8332				const cart = qs('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link');
8333				if (cart) {
8334					applyNavTrackingAttrs(cart, { nav: 'top-level-icon', icon: 'bag' });
8335				}
8336				const account = qs('.user-info__account, .menu-utility-user .user-info__account');
8337				if (account) {
8338					/* Match control: "top level icon login" */
8339					applyNavTrackingAttrs(account, { nav: 'top-level-icon', icon: 'login' });
8340				}
8341			};
8342
8343			const isBurgerClick = (event) => {
8344				return !!event.target.closest(
8345					'.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle'
8346				);
8347			};
8348
8349			/* Match control icon labels so GA events are identical across arms */
8350			const resolveHeaderIconLabel = (el) => {
8351				if (!el) return '';
8352				if (el.closest('#js-product-added-popup, .product-added-popup, .product-added-popup-wrapper')) {
8353					return '';
8354				}
8355				if (el.closest('#js-search-toggle, .search-toggle')) return 'top level icon search';
8356				if (el.closest('.header__logo a, a.header__logo, .header__logo')) return 'top level icon logo';
8357				if (el.closest('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link')) {
8358					return 'top level icon bag';
8359				}
8360				if (el.closest('.user-info__account, .menu-utility-user .user-info__account')) {
8361					return 'top level icon login';
8362				}
8363				return '';
8364			};
8365
8366			const resolveClickCategoryId = (el) => {
8367				if (!el) return '';
8368
8369				const navKind = el.getAttribute('data-nav');
8370				const promoIndex = el.getAttribute('data-promo-index');
8371				const rootCategoryId =
8372					el.getAttribute('data-root-category-id') ||
8373					el.closest('[data-root-category-id]')?.getAttribute('data-root-category-id') ||
8374					'';
8375
8376				if (navKind === 'top-level-icon') {
8377					const icon = toTrackingLabel(el.getAttribute('data-icon') || '');
8378					return icon ? toTrackingLabel('top level icon ' + icon) : '';
8379				}
8380
8381				if (navKind === 'left-promo' && promoIndex) {
8382					return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'left', promoIndex);
8383				}
8384				if ((navKind === 'highlight-promo' || navKind === 'right-promo') && promoIndex) {
8385					return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'right', promoIndex);
8386				}
8387
8388				const isShopAll =
8389					navKind === 'shop-all' ||
8390					el.classList.contains('navigation-level1__see-all-link') ||
8391					el.classList.contains('fly-out-link') ||
8392					el.classList.contains('level-3__fly-out-link');
8393
8394				if (isShopAll) {
8395					return formatShopAllTrackingLabel(resolveShopAllCatalogId({
8396						categoryId: el.getAttribute('data-category-id'),
8397						dataId: el.getAttribute('data-id'),
8398						url: el.getAttribute('href') || el.href || '',
8399						rootCategoryId: rootCategoryId
8400					}));
8401				}
8402
8403				return normalizeSectionKey(
8404					el.getAttribute('data-category-id') ||
8405					el.getAttribute('data-id') ||
8406					categoryIdFromUrl(el.getAttribute('href') || el.href || '') ||
8407					el.getAttribute('data-icon') ||
8408					cleanText(el) ||
8409					''
8410				);
8411			};
8412
8413			const handleNavTrackingClick = (event) => {
8414				if (isMobile() && isBurgerClick(event)) {
8415					abtestNavigationTriggerTest();
8416				}
8417
8418				const el = event.target.closest
8419					? event.target.closest(
8420						'[data-nav], .navigation-level1__see-all-link, a.fly-out-link, a.level-3__fly-out-link, a[href], a[data-id], button'
8421					)
8422					: null;
8423				if (!el) return;
8424
8425				const iconLabel = resolveHeaderIconLabel(el);
8426				if (iconLabel) {
8427					pushNavTracking(iconLabel);
8428					return;
8429				}
8430
8431				if (
8432					el.closest(
8433						'.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle'
8434					)
8435				) {
8436					return;
8437				}
8438
8439				/* Stamped / see-all targets only — do not fire on arbitrary page links */
8440				if (
8441					el.getAttribute('data-nav') ||
8442					el.classList.contains('navigation-level1__see-all-link') ||
8443					el.classList.contains('fly-out-link') ||
8444					el.classList.contains('level-3__fly-out-link')
8445				) {
8446					pushNavTracking(resolveClickCategoryId(el));
8447				}
8448			};
8449
8450			const initNavTracking = () => {
8451				if (initNavTracking.bound) return;
8452				initNavTracking.bound = true;
8453
8454				stampHeaderIconTracking();
8455
8456				if (!isMobile()) {
8457					abtestNavigationTriggerTest();
8458				}
8459
8460				document.addEventListener('click', handleNavTrackingClick, true);
8461			};
8462
8463			const init = () => {
8464				/*
8465				 * Fire VwoActive before heavy DOM work so desktop activation matches control
8466				 * even if inject/build throws (reduces desktop SRM skew, esp. heavier EU locales).
8467				 */
8468				if (!isMobile()) {
8469					abtestNavigationTriggerTest();
8470				}
8471
8472				try {
8473					injectContainers();
8474					scheduleUspBannerNormalize();
8475					scheduleCountryDialogCleanup();
8476					initNavHover();
8477					bindViewportZoomListener();
8478					bindMobileFlyoutViewportListener();
8479					buildAll().then(() => {
8480						syncHeaderStackHeight();
8481						stampHeaderIconTracking();
8482					}).catch(() => {
8483						stampHeaderIconTracking();
8484					});
8485					initNavTracking();
8486
8487					const header = qs(selectors.header);
8488					if (header) {
8489						const observer = new MutationObserver(() => {
8490							syncMobileFlyout();
8491						});
8492						observer.observe(header, { attributes: true, attributeFilter: ['class'] });
8493						MOBILE_MQ.addEventListener('change', () => {
8494							normalizeUspBanner();
8495							cleanupCountryDialogWraps();
8496							syncHeaderStackHeight();
8497							syncMobileFlyoutGeometry();
8498							syncMobileFlyout();
8499							if (!isMobile()) {
8500								abtestNavigationTriggerTest();
8501								rebuildDesktopLayout();
8502							}
8503						});
8504					}
8505
8506					const handleLayoutChange = debounce(() => {
8507						if (!isMobile()) rebuildDesktopLayout();
8508					}, 200);
8509
8510					window.addEventListener('resize', handleLayoutChange);
8511					window.addEventListener('resize', debounce(() => {
8512						normalizeUspBanner();
8513						syncHeaderStackHeight();
8514					}, 100));
8515				} catch (e) {
8516					/* Activation already fired — keep experiment countable */
8517					try { initNavTracking(); } catch (err) { /* ignore */ }
8518				}
8519			};
8520
8521
8522
8523			const LegacyLayoutEngine = (function () {
8524				const createMeasurementSandbox = () => {
8525					const root = createEl('div');
8526					root.id = 'nav-measurement-sandbox';
8527					root.setAttribute('aria-hidden', 'true');
8528					document.body.appendChild(root);
8529					return root;
8530				};
8531
8532				const mountInSandbox = (sandbox, node) => {
8533					sandbox.replaceChildren(node);
8534					return node;
8535				};
8536
8537				const cloneMeasureShell = (componentShell) => componentShell.cloneNode(true);
8538
8539				const getMiddleColumnWidth = (sandbox, measureShell) => {
8540					mountInSandbox(sandbox, measureShell);
8541					const middleCol = measureShell.querySelector(`.${classes.colMiddle}`);
8542					return middleCol ? middleCol.getBoundingClientRect().width : 0;
8543				};
8544
8545				const getMiddleTopAvailableHeight = (sandbox, measureShell) => {
8546					mountInSandbox(sandbox, measureShell);
8547
8548					const middleBottom = measureShell.querySelector(`.${classes.middleBottom}`);
8549					const middleTop = measureShell.querySelector(`.${classes.middleTop}`);
8550
8551					if (middleTop) middleTop.replaceChildren();
8552
8553					const flexHeight = middleTop?.clientHeight || 0;
8554					if (flexHeight > 0) return flexHeight;
8555
8556					const component = measureShell.querySelector(`.${classes.component}`);
8557					const panelBudgetPx = Math.floor(
8558						window.innerHeight * (CONFIG.panelMaxHeightVh / 100)
8559					);
8560					let componentPaddingY = 0;
8561					if (component) {
8562						const componentStyle = window.getComputedStyle(component);
8563						componentPaddingY = parseFloat(componentStyle.paddingTop) +
8564							parseFloat(componentStyle.paddingBottom);
8565					}
8566					const bottomHeight = middleBottom?.offsetHeight || 0;
8567
8568					return Math.max(0, panelBudgetPx - componentPaddingY - bottomHeight);
8569				};
8570
8571				const getSingleColumnWidth = (middleColumnWidth) => {
8572					if (!middleColumnWidth) return 320;
8573					return Math.max(
8574						1,
8575						(middleColumnWidth - CONFIG.middleColumnGap) / CONFIG.middleColumnCount
8576					);
8577				};
8578
8579				const createColumnItemsContent = (columnItems, isCategoriesSection = false, splitLinksAsBlocks = false) => {
8580					const column = createEl('div', classes.middleColumn);
8581					let pendingFlatLinks = [];
8582
8583					const flushFlatLinks = () => {
8584						if (!pendingFlatLinks.length) return;
8585						if (isCategoriesSection) {
8586							pendingFlatLinks.forEach(link => {
8587								const list = createSubList([link]);
8588								list.classList.add('show-divider');
8589								column.appendChild(list);
8590							});
8591						} else {
8592							const list = createSubList(pendingFlatLinks);
8593							column.appendChild(list);
8594						}
8595						pendingFlatLinks = [];
8596					};
8597
8598					columnItems.forEach((item) => {
8599						if (item.type === 'link') {
8600							if (splitLinksAsBlocks) {
8601								flushFlatLinks();
8602								column.appendChild(createSubList([{ label: item.label, url: item.url }]));
8603								return;
8604							}
8605
8606							pendingFlatLinks.push({ label: item.label, url: item.url });
8607							return;
8608						}
8609
8610						if (item.type === 'subgroup') {
8611							flushFlatLinks();
8612							const subgroup = createSubgroup(item, { showDivider: true });
8613							column.appendChild(subgroup);
8614						}
8615					});
8616
8617					flushFlatLinks();
8618					return column;
8619				};
8620
8621				const createLevel2Group = (group) => {
8622					const wrapper = createEl('div', classes.group);
8623					wrapper.classList.add('level2-group');
8624					if (group.isContinuation) wrapper.classList.add(classes.groupContinued);
8625					if (group.showTitle !== false) wrapper.appendChild(createEl('div', classes.groupTitle, group.title));
8626
8627					const content = createEl('div', classes.groupContent);
8628
8629					(group.items || []).forEach((item) => {
8630						if (item.type === 'link') {
8631							const list = content.querySelector(`.${classes.sublist}`) || createSubList([]);
8632							if (!list.parentElement) content.appendChild(list);
8633							list.appendChild(createLinkItem({
8634								label: item.label,
8635								url: item.url,
8636								categoryId: item.categoryId || ''
8637							}));
8638							return;
8639						}
8640						if (item.type === 'subgroup') content.appendChild(createSubgroup(item));
8641					});
8642
8643					if (!group.items?.length && group.links?.length) content.appendChild(createSubList(group.links));
8644
8645					if (group.hasLevel3) {
8646						wrapper.classList.add('show-divider');
8647					}
8648
8649					wrapper.appendChild(content);
8650					return wrapper;
8651				};
8652
8653				const createGroupedColumnContent = (columnGroups) => {
8654					const column = createEl('div', classes.middleColumn);
8655					columnGroups.forEach((group) => {
8656						column.appendChild(createLevel2Group(group));
8657					});
8658					return column;
8659				};
8660
8661				const measureColumnStackHeight = (
8662					sandbox,
8663					measureShell,
8664					renderColumnContent,
8665					columnWidth,
8666					simulateTwoColumns = false
8667				) => {
8668					mountInSandbox(sandbox, measureShell);
8669
8670					const middleTop = measureShell.querySelector(`.${classes.middleTop}`);
8671					middleTop.replaceChildren();
8672
8673					const columnsWrapper = createEl('div', classes.middleColumns);
8674					columnsWrapper.style.alignItems = 'flex-start';
8675
8676					const column = renderColumnContent();
8677					if (columnWidth) {
8678						if (simulateTwoColumns) {
8679							column.style.flex = `0 0 ${columnWidth}px`;
8680							column.style.width = `${columnWidth}px`;
8681							column.style.maxWidth = `${columnWidth}px`;
8682						} else {
8683							column.style.flex = '1 1 auto';
8684							column.style.width = '100%';
8685							column.style.maxWidth = '100%';
8686						}
8687						column.style.boxSizing = 'border-box';
8688					}
8689
8690					columnsWrapper.appendChild(column);
8691
8692					if (simulateTwoColumns && columnWidth) {
8693						const spacerCol = createEl('div', classes.middleColumn);
8694						spacerCol.setAttribute('aria-hidden', 'true');
8695						spacerCol.style.visibility = 'hidden';
8696						spacerCol.style.pointerEvents = 'none';
8697						spacerCol.style.flex = `0 0 ${columnWidth}px`;
8698						spacerCol.style.width = `${columnWidth}px`;
8699						spacerCol.style.maxWidth = `${columnWidth}px`;
8700						columnsWrapper.appendChild(spacerCol);
8701					}
8702
8703					middleTop.appendChild(columnsWrapper);
8704
8705					return Math.ceil(column.offsetHeight || column.getBoundingClientRect().height);
8706				};
8707
8708				const getRenderedColumnHeight = (
8709					measureShell,
8710					items,
8711					columnWidth,
8712					isCategoriesSection = false,
8713					simulateTwoColumns = true,
8714					splitLinksAsBlocks = false
8715				) => (
8716					measureColumnStackHeight(
8717						measurementSandbox,
8718						cloneMeasureShell(measureShell),
8719						() => createColumnItemsContent(items, isCategoriesSection, splitLinksAsBlocks),
8720						columnWidth,
8721						simulateTwoColumns
8722					)
8723				);
8724
8725				const getRenderedGroupStackHeight = (
8726					measureShell,
8727					groups,
8728					columnWidth,
8729					simulateTwoColumns = true
8730				) => (
8731					measureColumnStackHeight(
8732						measurementSandbox,
8733						cloneMeasureShell(measureShell),
8734						() => createGroupedColumnContent(groups),
8735						columnWidth,
8736						simulateTwoColumns
8737					)
8738				);
8739
8740				const findMaxBlocksThatFit = (blocks, measureStack, availableHeight) => {
8741					if (!blocks.length) return 0;
8742
8743					let fitCount = 0;
8744
8745					for (let count = 1; count <= blocks.length; count += 1) {
8746						const stackHeight = measureStack(blocks.slice(0, count));
8747						if (stackHeight <= availableHeight) {
8748							fitCount = count;
8749						} else {
8750							break;
8751						}
8752					}
8753
8754					return fitCount || 1;
8755				};
8756
8757				const distributeItemsIntoColumnsByHeight = (
8758					items,
8759					availableHeight,
8760					measureShell,
8761					middleColumnWidth,
8762					singleColumnWidth,
8763					isCategoriesSection = false,
8764					splitLinksAsBlocks = false
8765				) => {
8766					const fullWidthHeight = getRenderedColumnHeight(
8767						measureShell,
8768						items,
8769						middleColumnWidth,
8770						isCategoriesSection,
8771						false,
8772						splitLinksAsBlocks
8773					);
8774
8775					if (fullWidthHeight <= availableHeight) {
8776						return [items];
8777					}
8778
8779					const measureHalfStack = (slice) => getRenderedColumnHeight(
8780						measureShell,
8781						slice,
8782						singleColumnWidth,
8783						isCategoriesSection,
8784						true,
8785						splitLinksAsBlocks
8786					);
8787
8788					const splitAt = findMaxBlocksThatFit(items, measureHalfStack, availableHeight);
8789
8790					return [
8791						items.slice(0, splitAt),
8792						items.slice(splitAt)
8793					].filter((column) => column.length);
8794				};
8795
8796				const distributeGroupsIntoColumnsByHeight = (
8797					groups,
8798					availableHeight,
8799					measureShell,
8800					middleColumnWidth,
8801					singleColumnWidth
8802				) => {
8803					const fullWidthHeight = getRenderedGroupStackHeight(
8804						measureShell,
8805						groups,
8806						middleColumnWidth,
8807						false
8808					);
8809
8810					if (fullWidthHeight <= availableHeight) {
8811						return [groups];
8812					}
8813
8814					const measureHalfStack = (slice) => getRenderedGroupStackHeight(
8815						measureShell,
8816						slice,
8817						singleColumnWidth,
8818						true
8819					);
8820
8821					const splitAt = findMaxBlocksThatFit(groups, measureHalfStack, availableHeight);
8822
8823					return [
8824						groups.slice(0, splitAt),
8825						groups.slice(splitAt)
8826					].filter((column) => column.length);
8827				};
8828
8829				const createBalancedTwoColumnContent = (
8830					items,
8831					availableHeight,
8832					measureShell,
8833					middleColumnWidth,
8834					singleColumnWidth,
8835					isCategoriesSection = false,
8836					splitLinksAsBlocks = false
8837				) => {
8838					const columnsWrapper = createEl('div', classes.middleColumns);
8839					const columns = distributeItemsIntoColumnsByHeight(
8840						items,
8841						availableHeight,
8842						measureShell,
8843						middleColumnWidth,
8844						singleColumnWidth,
8845						isCategoriesSection,
8846						splitLinksAsBlocks
8847					);
8848
8849					columns.forEach((columnItems, index) => {
8850						if (index === 1 && !columnItems.length) return;
8851						columnsWrapper.appendChild(
8852							createColumnItemsContent(columnItems, isCategoriesSection, splitLinksAsBlocks)
8853						);
8854					});
8855
8856					return columnsWrapper;
8857				};
8858
8859				const createGroupedMiddleColumns = (
8860					groups,
8861					availableHeight,
8862					measureShell,
8863					middleColumnWidth,
8864					singleColumnWidth
8865				) => {
8866					const columnsWrapper = createEl('div', classes.middleColumns);
8867					const columns = distributeGroupsIntoColumnsByHeight(
8868						groups,
8869						availableHeight,
8870						measureShell,
8871						middleColumnWidth,
8872						singleColumnWidth
8873					);
8874
8875					columns.forEach((columnGroups, index) => {
8876						if (index === 1 && !columnGroups.length) return;
8877						columnsWrapper.appendChild(createGroupedColumnContent(columnGroups));
8878					});
8879
8880					return columnsWrapper;
8881				};
8882
8883				const getLayoutMetrics = (componentShell) => {
8884					const measureShell = cloneMeasureShell(componentShell);
8885					const middleColumnWidth = getMiddleColumnWidth(measurementSandbox, measureShell);
8886					const singleColumnWidth = getSingleColumnWidth(middleColumnWidth);
8887					const availableHeight = getMiddleTopAvailableHeight(
8888						measurementSandbox,
8889						cloneMeasureShell(componentShell)
8890					);
8891
8892					return {
8893						measureShell: cloneMeasureShell(componentShell),
8894						middleColumnWidth,
8895						singleColumnWidth,
8896						availableHeight
8897					};
8898				};
8899
8900				const layoutMiddleTopLegacy = (middleTop, sectionData, componentShell) => {
8901					const {
8902						items = [],
8903						groups = [],
8904						flatLinks = [],
8905						links = [],
8906						isCategoriesSection = false
8907					} = sectionData;
8908
8909					const {
8910						measureShell,
8911						middleColumnWidth,
8912						singleColumnWidth,
8913						availableHeight
8914					} = getLayoutMetrics(componentShell);
8915
8916					middleTop.replaceChildren();
8917
8918					if (groups.length) {
8919						middleTop.appendChild(
8920							createGroupedMiddleColumns(
8921								groups,
8922								availableHeight,
8923								measureShell,
8924								middleColumnWidth,
8925								singleColumnWidth
8926							)
8927						);
8928						return;
8929					}
8930
8931					const appendBalancedItems = (sectionItems, categoriesSection, splitLinksAsBlocks) => {
8932						middleTop.appendChild(
8933							createBalancedTwoColumnContent(
8934								sectionItems,
8935								availableHeight,
8936								measureShell,
8937								middleColumnWidth,
8938								singleColumnWidth,
8939								categoriesSection,
8940								splitLinksAsBlocks
8941							)
8942						);
8943					};
8944
8945					if (items.length) {
8946						appendBalancedItems(items, isCategoriesSection, !hasSubgroups(items));
8947						return;
8948					}
8949
8950					if (flatLinks.length) {
8951						appendBalancedItems(
8952							flatLinks.map(({ label, url, categoryId }) => ({
8953								type: 'link',
8954								label: label,
8955								url: url,
8956								categoryId: categoryId || ''
8957							})),
8958							false,
8959							true
8960						);
8961						return;
8962					}
8963
8964					if (links.length) {
8965						appendBalancedItems(
8966							links.map(({ label, url }) => ({ type: 'link', label, url })),
8967							false,
8968							true
8969						);
8970					}
8971				};
8972
8973				const ensureSandbox = () => {
8974					if (!measurementSandbox) {
8975						measurementSandbox = createMeasurementSandbox();
8976					}
8977					return measurementSandbox;
8978				};
8979
8980				return {
8981					ensureSandbox,
8982					layoutMiddleTopLegacy,
8983					distributeItemsIntoColumnsByHeight,
8984					createBalancedTwoColumnContent
8985				};
8986			})();
8987
8988			return {
8989				init,
8990				buildAll,
8991				rebuildDesktopLayout,
8992				getNavData: () => navData,
8993				CONFIG,
8994				LegacyLayoutEngine
8995			};
8996	})();
8997
8998	function navDefer(method, attempts) {
8999		attempts = attempts || 0;
9000		if (document.querySelector('.header.js-header, #js-navigation, .main-nav')) {
9001			method();
9002		} else if (attempts < 50) {
9003			setTimeout(function () {
9004				navDefer(method, attempts + 1);
9005			}, 100);
9006		} else {
9007			method();
9008		}
9009	}
9010
9011	if (document.readyState === 'loading') {
9012		document.addEventListener('DOMContentLoaded', function () {
9013			navDefer(Navigation.init);
9014		});
9015	} else {
9016		navDefer(Navigation.init);
9017	}
9018
9019	window.Navigation = Navigation;
9020</script>
9020
9021		
9022	
9023		
9024			
9024<script>
9025	//Initialize
9026	function listerDefer(method) {
9027		if (window.jQuery) {
9028			method();
9029		} else {
9030			setTimeout(function () {
9031				listerDefer(method);
9032			}, 100);
9033		}
9034	}
9035
9036	//Default tracking
9037	function cnvrtListerTestTracking() {
9038		window.dataLayer.push({
9039			eventCategory: 'C-change-trt-copy-t452',
9040			event: 'VwoActive'
9041		});
9042
9043		if (typeof hj != 'undefined') hj('trigger', 'lister-change-trt-copy');
9044		if (typeof hj != 'undefined')
9045			hj('tagRecording', ['c-lister-change-trt-copy']);
9046	}
9047
9048	//Custom tracking
9049	function listerPushEvent(eventAction, eventLabel) {
9050		window.dataLayer.push({
9051			eventCategory: 'Listerpage',
9052			eventAction: eventAction,
9053			eventLabel: eventLabel,
9054			event: 'GA Tracking'
9055		});
9056	}
9057
9058	//Test content
9059	listerDefer(function () {
9060		//Default tracking
9061		cnvrtListerTestTracking();
9062	});
9063</script>
9063
9064		
9065	
9066		
9067			
9067<script>
9068
9069function cnvertAaPdpDefer(method) {
9070    if (window.jQuery) {
9071        method();
9072    } else {
9073        setTimeout(function() { cnvertAaPdpDefer(method) }, 100);
9074    }
9075}
9076
9077
9078function cnvertAaPdpTriggerTest(){
9079
9080	window.dataLayer.push({'eventCategory': 'V1-aa-pdp-sffc-tool-xxx2', 'event': 'VwoActive'});
9081
9082}
9083
9084
9085cnvertAaPdpDefer(function () {
9086	// if(window.location.href.indexOf("your-routine") > -1) {
9087	// 	cnvertAaHomeTriggerTest();
9088	// }
9089	
9090	//if($('.pt_product-details').length){
9091		cnvertAaPdpTriggerTest();
9092	//}
9093});
9094
9095</script>
9095
9096		
9097	
9098
9099
9100
9101
9102
9103    
9103<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/cloudinary.js" defer></script>
9103
9104    
9104<script src="https://unpkg.com/[email protected]/cloudinary-core-shrinkwrap.min.js"></script>
vendor: 188 bytes, lines 9104-9112
9104
9105    
9106    
9107
9108
9109
9110
9111	<script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&amp;render=explicit" async="async" defer="defer" data-cookieconsent="ignore"></script>
9112	
9112<script>
9113		window.onloadRecaptchaCallback = window.onloadRecaptchaCallback || function () {
9114			if (window.jQuery) {
9115				jQuery(document).trigger('recaptchaReady');
9116			}
9117		};
9118	</script>
9118
9119
9120
9121
9122
9123
9124
9125
9126
9127
9128<link rel="canonical" href="https://www.paulaschoice-eu.com/products/eye-care" />
9129
9130
9131
9132
9133
9134
9135
9136</head>
9137<body>
9138
9139
9140
9141
9142	<input type="hidden" id="missingcookie"/>
9143
9144
9145
9146	
9147		<!-- Google Tag Manager (noscript) -->
9148		<noscript>
9149			<iframe src="https://sst.paulaschoice-eu.com/ns.html?id=GTM-WMQ3NWH&gtm_auth=q_ZLBsfvdNHKYvnb6nEmNQ&gtm_preview=env-2&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe>
9150		</noscript>
9151		<!-- End Google Tag Manager (noscript) -->
9152	
9153
9154
9155<div id="wrapper" class="wrapper pt_collectionlanding">
9156
9157
9158
9159
9160
9161
9162
9163
9164
9165
9166
9167
9168
9169
9170
9171
9172
9173
9174
9175
9176
9177
9178
9179
9180
9181
9182
9183
9184
9185
9186
9187
9188
9189
9190
9191
9192
9193
9194
9195
9196
9197
9198
9199
9200
9201
9202
9203
9204
9205
9206
9207
9208
9209
9210
9211
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224
9225
9226
9227
9228
9229
9230
9231
9232
9233
9234
9235
9236
9237
9238
9239
9240
9241
9242
9243
9244
9245
9246
9247
9248
9249
9250
9251
9252
9253
9254
9255
9256
9257
9258
9259
9260
9261
9262
9263
9264
9265
9266
9267
9268
9269
9270
9271
9272
9273
9274
9275
9276
9277
9278
9279
9280
9281
9282
9283
9284
9285<section class="js-country-detector country-detector form-horizontal" data-currentLocale="en" style="display: none;">
9286
9287
9288
9289
9290
9291
9292<div class="title-wrap">
9293
9294<span class="title">redirect.popup.title.null</span>
9295</div>
9296<p class="description">redirect.alert.null</p>
9297<div class="button-wrapper">
9298<button class="js-continue-country-detector button simple dialog-button" type="button">label.continue.null</button>
9299<button class="js-redirect dialog-button button" type="button">LABEL.REDIRECT.NULL</button>
9300</div>
9301
9302</section>
9303
9304
9305
9306
9307
9308
9309
9310
9311
9312
9313
9314
9315
9316
9317
9318
9319
9320
9321
9322
9323
9324
9325
9326
9327
9328
9329
9330
9331
9332
9333
9334
9335
9336
9337
9338
9339
9340
9341
9342
9343
9344
9345
9346
9347
9348
9349
9350
9351
9352
9353
9354
9355
9356
9357
9358
9359
9360
9361
9362
9363
9364
9365
9366
9367
9368
9369
9370
9371
9372
9373
9374
9375
9376
9377
9378
9379
9380
9381
9382
9383
9384
9385
9386
9387
9388
9389
9390
9391
9392
9393
9394
9395
9396
9397
9398
9399
9400
9401
9402
9403
9404
9405
9406
9407
9408
9409
9410
9411
9412
9413
9414
9415
9416
9417
9418
9419
9420
9421
9422
9423
9424
9425
9426
9427
9428
9429
9430
9431
9432<div id="js-usp-banner" class="usp-banner text-normal-sm-regular">
9433
9434	 
9435
9436	
9437
9438<div class="usp-bar-wrapper">
9439
9440	 
9441
9442
9443	
9444
9445
9446
9447
9448<div class="content-asset">
9449<section class="usp-bar js-usp-slider js-mobile-slider" style="background: #1c1c1c">
9450	<div class="usp-bar-wrap js-slide-wrapper">
9451		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9452			<span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/anti-ageing" style="color: #f6f7f6;"><span style="font-weight: bold;">15% off youth-extending formulas</span></a>
9453			</span>
9454		</div>
9455		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9456			<span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/bestsellers" style="color: #f6f7f6">Free delivery on all orders over € 150</a></span>
9457		</div>
9458		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9459			<span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/anti-ageing" style="color: #f6f7f6">Up to 2 free gifts</a>
9460			</span>
9461		</div>
9462	</div>
9463</section>
9464</div>
9465
9466
9467
9468 
9469	
9470</div>
9471</div>
9472<header class="header js-header">
9473<div class="header__content">
9474<button type="button" class="header__hamburger-button unstyled js-menu-toggle-btn">
9475<span class="visually-hidden">Menu</span>
9476</button>
9477<button id="js-search-toggle" type="button" class="search-toggle" title="Search">
9478<span class="icon icon-search search-toggle_icon-search" aria-hidden="true"></span>
9479<span class="icon icon-close search-toggle_icon-close" aria-hidden="true"></span>
9480<span class="close-search">Close Search</span>
9481</button>
9482<div id="js-header-search" class="header-search">
9483
9484<form class="header-search__form" role="search" action="/search" method="get" name="simpleSearch">
9485<fieldset class="header-search__form-content">
9486<label class="visually-hidden" for="q">Search Catalog</label>
9487<input class="header-search__input" type="text" id="q" name="q" value="" placeholder="Enter Keyword or Item No." />
9488<input type="hidden" name="lang" value="en"/>
9489<button class="header-search__button" type="submit" aria-label="Search">
9490<span class="icon icon-search" aria-hidden="true"></span>
9491</button>
9492</fieldset>
9493</form>
9494
9495<div class="header-search__container header-search-container" body-scroll-lock-ignore>
9496</div>
9497<div class="js-overlay overlay"></div>
9498</div>
9499<a class="header__logo" href="/" title="Back to Homepage">
9500<span class="visually-hidden">Back to Homepage</span>
9501</a>
9502
9503<div id="mini-cart" class="mini-cart js-mini-cart">
9504
9505
9506
9507
9508
9509
9510
9511
9512
9513
9514
9515
9516
9517
9518
9519
9520
9521
9522
9523
9524
9525
9526
9527
9528
9529
9530
9531
9532
9533
9534
9535
9536
9537
9538
9539
9540
9541
9542
9543
9544
9545
9546
9547
9548
9549
9550
9551
9552
9553
9554
9555
9556
9557
9558
9559
9560
9561
9562
9563
9564
9565
9566
9567
9568
9569
9570
9571
9572
9573
9574
9575
9576
9577
9578
9579
9580
9581
9582
9583
9584
9585
9586
9587
9588
9589
9590
9591
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602
9603
9604
9605
9606
9607
9608
9609
9610
9611
9612
9613
9614
9615
9616
9617
9618
9619
9620
9621
9622
9623
9624
9625
9626
9627
9628
9629
9630
9631
9632
9633
9634
9635
9636<!-- Report any requested source code -->
9637
9638<!-- Report the active source code -->
9639
9640
9641
9642
9643
9644
9645<div class="mini-cart__total">
9646
9647<a id="empty-minicart" class="js-mini-cart-link mini-cart__link mini-cart__link--empty" href="https://www.paulaschoice-eu.com/cart" title="Edit shopping bag">
9648<span class="mini-cart__icon icon icon-cart" aria-hidden="true"></span>
9649<span id="js-minicart-quantity" class="mini-cart__quantity">0</span>
9650</a>
9651
9652</div>
9653
9654</div>
9655<nav id="navigation" class="main-nav">
9656
9657
9658
9659
9660
9661
9662
9663
9664
9665
9666
9667
9668
9669
9670
9671
9672
9673
9674
9675
9676
9677
9678
9679
9680
9681
9682
9683
9684
9685
9686
9687
9688
9689
9690
9691
9692
9693
9694
9695
9696
9697
9698
9699
9700
9701
9702
9703
9704
9705
9706
9707
9708
9709
9710
9711
9712
9713
9714
9715
9716
9717
9718
9719
9720
9721
9722
9723
9724
9725
9726
9727
9728
9729
9730
9731
9732
9733
9734
9735
9736
9737
9738
9739
9740
9741
9742
9743
9744
9745
9746
9747
9748
9749
9750
9751
9752
9753
9754
9755
9756
9757
9758
9759
9760
9761
9762
9763
9764
9765
9766
9767
9768
9769
9770
9771
9772
9773
9774
9775
9776
9777
9778
9779
9780
9781
9782
9783
9784
9785
9786<ul id="js-menu-categories" class="main-nav__list level-1" body-scroll-lock-ignore>
9787
9788<li class="main-nav__item js-menu-item">
9789<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="shop-products" href="https://www.paulaschoice-eu.com/skincare">
9790
9791Shop
9792
9793skincare
9794<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span>
9795</a>
9796
9797
9798
9799
9800
9801
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811
9812
9813
9814
9815
9816
9817
9818
9819
9820
9821
9822
9823
9824
9825
9826
9827
9828
9829
9830
9831
9832
9833
9834
9835
9836
9837
9838
9839
9840
9841
9842
9843
9844
9845
9846
9847
9848
9849
9850
9851
9852
9853
9854
9855
9856
9857
9858
9859
9860
9861
9862
9863
9864
9865
9866
9867
9868
9869
9870
9871
9872
9873
9874
9875
9876
9877
9878
9879
9880
9881
9882
9883
9884
9885
9886
9887
9888
9889
9890
9891
9892
9893
9894
9895
9896
9897
9898
9899
9900
9901
9902
9903
9904
9905
9906
9907
9908
9909
9910
9911
9912
9913
9914
9915
9916
9917
9918
9919
9920
9921
9922
9923<div class="level-2 sub-menu">
9924<div class="sub-menu__inner">
9925
9926
9927<ul class="sub-menu__list  menu-vertical js-menu-vertical">
9928
9929<li class="sub-menu__item level-3 js-level-3">
9930
9931
9932<a data-id="concerns" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/by-skin-concern">
9933Concerns
9934
9935<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
9936
9937</a>
9938
9939<div class="sub-menu__content">
9940<div class="sub-menu__content-inner">
9941<div class="sub-menu__content-left">
9942
9943
9944
9945<ul class="level-3__list js-level-3">
9946
9947
9948
9949
9950
9951
9952
9953
9954
9955<li class="level-3__item  link-normal-sm-semibold">
9956<a data-id="acne-prone-skin" href="https://www.paulaschoice-eu.com/acne-prone-skin/breakouts">
9957
9958Acne-prone skin
9959
9960</a>
9961</li>
9962
9963
9964
9965
9966
9967
9968
9969<li class="level-3__item  link-normal-sm-semibold">
9970<a data-id="breakouts" href="https://www.paulaschoice-eu.com/breakouts/breakouts">
9971
9972Breakouts
9973
9974</a>
9975</li>
9976
9977
9978
9979
9980
9981
9982
9983<li class="level-3__item  link-normal-sm-semibold">
9984<a data-id="blackheads" href="https://www.paulaschoice-eu.com/blackheads/blackheads">
9985
9986Blackheads
9987
9988</a>
9989</li>
9990
9991
9992
9993
9994
9995
9996
9997<li class="level-3__item  link-normal-sm-semibold">
9998<a data-id="anti-aging" href="https://www.paulaschoice-eu.com/anti-ageing/anti-ageing">
9999
10000Anti-ageing
10001
10002</a>
10003</li>
10004
10005
10006
10007
10008
10009
10010
10011<li class="level-3__item  link-normal-sm-semibold">
10012<a data-id="dull-skin" href="https://www.paulaschoice-eu.com/dull-skin/dull-skin">
10013
10014Dull skin
10015
10016</a>
10017</li>
10018
10019
10020
10021
10022
10023
10024
10025<li class="level-3__item  link-normal-sm-semibold">
10026<a data-id="keratosis-pilaris" href="https://www.paulaschoice-eu.com/keratosis-pilaris/keratosis-pilaris">
10027
10028Keratosis pilaris
10029
10030</a>
10031</li>
10032
10033
10034
10035
10036
10037
10038
10039<li class="level-3__item  link-normal-sm-semibold">
10040<a data-id="brown-spots" href="https://www.paulaschoice-eu.com/brown-spots/brown-spots">
10041
10042Brown spots
10043
10044</a>
10045</li>
10046
10047
10048
10049
10050
10051
10052
10053<li class="level-3__item  link-normal-sm-semibold">
10054<a data-id="redness" href="https://www.paulaschoice-eu.com/redness/redness">
10055
10056Redness
10057
10058</a>
10059</li>
10060
10061
10062
10063
10064
10065
10066
10067<li class="level-3__item  link-normal-sm-semibold">
10068<a data-id="sensitive-skin" href="https://www.paulaschoice-eu.com/sensitive-skin/sensitive-skin">
10069
10070Sensitive skin
10071
10072</a>
10073</li>
10074
10075
10076
10077
10078
10079
10080
10081<li class="level-3__item  link-normal-sm-semibold">
10082<a data-id="very-dry-skin" href="https://www.paulaschoice-eu.com/very-dry-skin/very-dry-skin">
10083
10084Very dry skin
10085
10086</a>
10087</li>
10088
10089
10090
10091
10092
10093
10094
10095<li class="level-3__item  link-normal-sm-semibold">
10096<a data-id="enlarged-pores" href="https://www.paulaschoice-eu.com/enlarged-pores/enlarged-pores">
10097
10098Enlarged pores
10099
10100</a>
10101</li>
10102
10103
10104
10105
10106
10107
10108
10109<li class="level-3__item  link-normal-sm-semibold">
10110<a data-id="rosacea-prone" href="https://www.paulaschoice-eu.com/rosacea-prone-skin/rosacea-prone-skin">
10111
10112Rosacea-prone skin
10113
10114</a>
10115</li>
10116
10117
10118
10119
10120<li class="level-3__item link-normal-sm-semibold">
10121<a href="https://www.paulaschoice-eu.com/by-skin-concern" class="fly-out-link">
10122<span class="item-underline">
10123See all concerns
10124</span>
10125</a>
10126</li>
10127
10128
10129</ul>
10130
10131
10132
10133
10134
10135	 
10136
10137
10138	
10139
10140<div class="html-slot-container">
10141
10142
10143<div class="navigation-link">
10144
10145
10146<figure><a href="https://www.paulaschoice-eu.com/bha-for-all/bha-for-all.html"><img alt="Find the BHA strength made for you " src="
10147
10148
10149   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-concern-left.jpg?_i=AG
10150
10151"/> </a>
10152<figcaption><a href="https://www.paulaschoice-eu.com/bha-for-all/bha-for-all.html">Find the BHA strength made for you </a></figcaption>
10153</figure>
10154
10155<figure><a href="https://www.paulaschoice-eu.com/bouncier-skin-starts-here/bouncier-skin-starts-here.html"><img alt="Peptide Collection" src="
10156
10157
10158   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-aug26/nav-peptide.jpg?_i=AG
10159
10160" /></a>
10161
10162<figcaption><a href="https://www.paulaschoice-eu.com/bouncier-skin-starts-here/bouncier-skin-starts-here.html">Find your peptide match</a></figcaption>
10163</figure>
10164</div>
10165
10166
10167</div> 
10168	
10169
10170</div>
10171</li>
10172
10173<li class="sub-menu__item level-3 js-level-3">
10174
10175
10176<a data-id="categories" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/by-routine-step">
10177Categories
10178
10179<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10180
10181</a>
10182
10183<div class="sub-menu__content">
10184<div class="sub-menu__content-inner">
10185<div class="sub-menu__content-left">
10186
10187
10188
10189<ul class="level-3__list js-level-3">
10190
10191
10192
10193
10194
10195
10196
10197
10198
10199<li class="level-3__item  link-normal-sm-semibold">
10200<a data-id="cleansers" href="https://www.paulaschoice-eu.com/cleansers">
10201
10202<div class="level-3__category-image link-normal-sm-semibold">
10203
10204
10205
10206    <img
10207        alt="Step 1 Cleansers"
10208        title="Step 1 Cleansers"
10209        class="picture__img lazy"
10210        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10211        data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_cleanser.svg?_i=AG"
10212        
10213        
10214        
10215        
10216    />
10217
10218
10219<span>
10220Step 1 Cleansers
10221</span>
10222</div>
10223
10224</a>
10225</li>
10226
10227
10228
10229
10230
10231
10232
10233<li class="level-3__item  link-normal-sm-semibold">
10234<a data-id="toners" href="https://www.paulaschoice-eu.com/toners">
10235
10236<div class="level-3__category-image link-normal-sm-semibold">
10237
10238
10239
10240    <img
10241        alt="Step 2 Toners"
10242        title="Step 2 Toners"
10243        class="picture__img lazy"
10244        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10245        data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_toner.svg?_i=AG"
10246        
10247        
10248        
10249        
10250    />
10251
10252
10253<span>
10254Step 2 Toners
10255</span>
10256</div>
10257
10258</a>
10259</li>
10260
10261
10262
10263
10264
10265
10266
10267<li class="level-3__item  link-normal-sm-semibold">
10268<a data-id="exfoliants" href="https://www.paulaschoice-eu.com/exfoliants">
10269
10270<div class="level-3__category-image link-normal-sm-semibold">
10271
10272
10273
10274    <img
10275        alt="Step 3 Exfoliants"
10276        title="Step 3 Exfoliants"
10277        class="picture__img lazy"
10278        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10279        data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_exfoliant.svg?_i=AG"
10280        
10281        
10282        
10283        
10284    />
10285
10286
10287<span>
10288Step 3 Exfoliants
10289</span>
10290</div>
10291
10292</a>
10293</li>
10294
10295
10296
10297
10298
10299
10300
10301
10302
10303<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle">
10304
10305<div class="level-3__category-image link-normal-sm-semibold">
10306
10307
10308
10309    <img
10310        alt="Step 4 Treatments"
10311        title="Step 4 Treatments"
10312        class="picture__img lazy"
10313        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10314        data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_treatment.svg?_i=AG"
10315        
10316        
10317        
10318        
10319    />
10320
10321
10322<span>
10323Step 4 Treatments
10324</span>
10325</div>
10326
10327<span class="icon icon-chevron-thin" aria-hidden="true"></span>
10328</li>
10329
10330
10331<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10332<a data-id="treatments" href="https://www.paulaschoice-eu.com/treatments">
10333
10334Treatments
10335
10336</a>
10337</li>
10338
10339
10340
10341
10342
10343
10344
10345<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10346<a data-id="serums" href="https://www.paulaschoice-eu.com/serums">
10347
10348Serums
10349
10350</a>
10351</li>
10352
10353
10354
10355
10356
10357
10358
10359<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10360<a data-id="boosters-products" href="https://www.paulaschoice-eu.com/boosters">
10361
10362Boosters
10363
10364</a>
10365</li>
10366
10367
10368
10369
10370
10371
10372
10373<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10374<a data-id="masks" href="https://www.paulaschoice-eu.com/masks">
10375
10376Masks
10377
10378</a>
10379</li>
10380
10381
10382
10383
10384
10385
10386
10387<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10388<a data-id="eye-care-products" href="https://www.paulaschoice-eu.com/products/eye-care">
10389
10390Eye products
10391
10392</a>
10393</li>
10394
10395
10396
10397
10398
10399
10400
10401
10402
10403<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle">
10404
10405<div class="level-3__category-image link-normal-sm-semibold">
10406
10407
10408
10409    <img
10410        alt="Step 5 Moisturisers"
10411        title="Step 5 Moisturisers"
10412        class="picture__img lazy"
10413        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10414        data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_moisturiser.svg?_i=AG"
10415        
10416        
10417        
10418        
10419    />
10420
10421
10422<span>
10423Step 5 Moisturisers
10424</span>
10425</div>
10426
10427<span class="icon icon-chevron-thin" aria-hidden="true"></span>
10428</li>
10429
10430
10431<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10432<a data-id="moisturisers-spf" href="https://www.paulaschoice-eu.com/spf-moisturisers">
10433
10434SPF moisturisers
10435
10436</a>
10437</li>
10438
10439
10440
10441
10442
10443
10444
10445<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10446<a data-id="moisturisers-without-spf" href="https://www.paulaschoice-eu.com/moisturisers">
10447
10448Moisturisers
10449
10450</a>
10451</li>
10452
10453
10454
10455
10456
10457
10458
10459<li class="level-3__item  link-normal-sm-semibold">
10460<a data-id="makeup" href="https://www.paulaschoice-eu.com/make-up">
10461
10462Make-up prep essentials
10463
10464</a>
10465</li>
10466
10467
10468
10469
10470
10471
10472
10473<li class="level-3__item  link-normal-sm-semibold">
10474<a data-id="lip-care" href="https://www.paulaschoice-eu.com/lip-products">
10475
10476Lip products
10477
10478</a>
10479</li>
10480
10481
10482
10483
10484
10485
10486
10487<li class="level-3__item  link-normal-sm-semibold">
10488<a data-id="body-care" href="https://www.paulaschoice-eu.com/body-care">
10489
10490Bodycare
10491
10492</a>
10493</li>
10494
10495
10496
10497
10498
10499</ul>
10500
10501
10502
10503
10504
10505	 
10506
10507
10508	
10509
10510<div class="html-slot-container">
10511
10512
10513<div class="navigation-link">
10514<figure><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><img alt="Test or travel with our mini combos" src="
10515
10516
10517   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-left.jpg?_i=AG
10518
10519"/> </a>
10520<figcaption><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><b>Test or travel</b> with our mini combos</a></figcaption>
10521<!--a href="javascript:;"> </a--></figure>
10522
10523<figure><a href="https://www.paulaschoice-eu.com/routine-finder"><img alt="Find your routine" src="
10524
10525
10526   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-right.jpg?_i=AG
10527
10528"/> </a>
10529
10530<figcaption><a href="https://www.paulaschoice-eu.com/routine-finder">Find your routine in just 3 clicks</a></figcaption>
10531<!--a href="javascript:;"> </a--></figure>
10532</div>
10533
10534
10535</div> 
10536	
10537
10538</div>
10539</li>
10540
10541<li class="sub-menu__item level-3 js-level-3">
10542
10543
10544<a data-id="ingredients" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/ingredients-category">
10545Ingredients
10546
10547<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10548
10549</a>
10550
10551<div class="sub-menu__content">
10552<div class="sub-menu__content-inner">
10553<div class="sub-menu__content-left">
10554
10555
10556
10557<ul class="level-3__list js-level-3">
10558
10559
10560
10561
10562
10563
10564
10565
10566
10567<li class="level-3__item  link-normal-sm-semibold">
10568<a data-id="retinol-products" href="https://www.paulaschoice-eu.com/product-with-retinol">
10569
10570Retinol
10571
10572</a>
10573</li>
10574
10575
10576
10577
10578
10579
10580
10581<li class="level-3__item  link-normal-sm-semibold">
10582<a data-id="spf-products" href="https://www.paulaschoice-eu.com/spf-products">
10583
10584SPF
10585
10586</a>
10587</li>
10588
10589
10590
10591
10592
10593
10594
10595<li class="level-3__item  link-normal-sm-semibold">
10596<a data-id="vitamin-c-products" href="https://www.paulaschoice-eu.com/vitamin-c">
10597
10598Vitamin C
10599
10600</a>
10601</li>
10602
10603
10604
10605
10606
10607
10608
10609<li class="level-3__item  link-normal-sm-semibold">
10610<a data-id="peptides-products" href="https://www.paulaschoice-eu.com/peptides">
10611
10612Peptides
10613
10614</a>
10615</li>
10616
10617
10618
10619
10620
10621
10622
10623<li class="level-3__item  link-normal-sm-semibold">
10624<a data-id="bha-salicylic-acid" href="https://www.paulaschoice-eu.com/bha-salicylic-acid">
10625
10626BHA Salicylic acid
10627
10628</a>
10629</li>
10630
10631
10632
10633
10634
10635
10636
10637<li class="level-3__item  link-normal-sm-semibold">
10638<a data-id="aha-glycolic-acid" href="https://www.paulaschoice-eu.com/aha">
10639
10640AHA
10641
10642</a>
10643</li>
10644
10645
10646
10647
10648
10649
10650
10651<li class="level-3__item  link-normal-sm-semibold">
10652<a data-id="ceramide-products" href="https://www.paulaschoice-eu.com/ceramide">
10653
10654Ceramides
10655
10656</a>
10657</li>
10658
10659
10660
10661
10662
10663
10664
10665<li class="level-3__item  link-normal-sm-semibold">
10666<a data-id="hyaluronic-acid-products" href="https://www.paulaschoice-eu.com/hyaluronic-acid">
10667
10668Hyaluronic acid
10669
10670</a>
10671</li>
10672
10673
10674
10675
10676
10677
10678
10679<li class="level-3__item  link-normal-sm-semibold">
10680<a data-id="niacinamide-products" href="https://www.paulaschoice-eu.com/niacinamide">
10681
10682Niacinamide
10683
10684</a>
10685</li>
10686
10687
10688
10689
10690
10691
10692
10693<li class="level-3__item  link-normal-sm-semibold">
10694<a data-id="omega-fatty-acids-products" href="https://www.paulaschoice-eu.com/omega-fatty-acid">
10695
10696Omega fatty acids
10697
10698</a>
10699</li>
10700
10701
10702
10703
10704
10705
10706
10707<li class="level-3__item  link-normal-sm-semibold">
10708<a data-id="bakuchiol" href="https://www.paulaschoice-eu.com/bakuchiol">
10709
10710Bakuchiol
10711
10712</a>
10713</li>
10714
10715
10716
10717
10718<li class="level-3__item link-normal-sm-semibold">
10719<a href="https://www.paulaschoice-eu.com/ingredients-category" class="fly-out-link">
10720<span class="item-underline">
10721See all ingredients
10722</span>
10723</a>
10724</li>
10725
10726
10727</ul>
10728
10729
10730
10731
10732
10733	 
10734
10735
10736	
10737
10738<div class="html-slot-container">
10739
10740
10741<div class="navigation-link">
10742
10743
10744<figure><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-lip-plumping-duo/m77054.html"><img alt="Peptide Plumping Duo" src="
10745
10746
10747   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-may26/nav3-ingredient.jpg?_i=AG
10748
10749" /></a>
10750
10751<figcaption><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-lip-plumping-duo/m77054.html"><b>New</b>: Peptide Plumping Duo, Plump & hydrated lips </a></figcaption>
10752</figure>
10753
10754<figure><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><img alt="New: Peptide Plumping Intensive Moisturizer " src="
10755
10756
10757   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-sep26/By-Ingredient-right.jpg?_i=AG
10758
10759"/> </a>
10760<figcaption><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><b>New</b>: Peptide Plumping Intensive Moisturizer</a></figcaption>
10761</figure>
10762</div>
10763
10764
10765</div> 
10766	
10767
10768</div>
10769</li>
10770
10771<li class="sub-menu__item level-3 js-level-3">
10772
10773
10774<a data-id="collections" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/collections">
10775Collections
10776
10777<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10778
10779</a>
10780
10781<div class="sub-menu__content">
10782<div class="sub-menu__content-inner">
10783<div class="sub-menu__content-left">
10784
10785
10786
10787<ul class="level-3__list js-level-3">
10788
10789
10790
10791
10792
10793
10794
10795
10796
10797<li class="level-3__item  link-normal-sm-semibold">
10798<a data-id="skin-perfecting" href="https://www.paulaschoice-eu.com/skin-perfecting">
10799
10800Skin Perfecting
10801
10802</a>
10803</li>
10804
10805
10806
10807
10808
10809
10810
10811<li class="level-3__item  link-normal-sm-semibold">
10812<a data-id="plump-firm" href="https://www.paulaschoice-eu.com/plump-firm">
10813
10814Plump + Firm
10815
10816</a>
10817</li>
10818
10819
10820
10821
10822
10823
10824
10825<li class="level-3__item  link-normal-sm-semibold">
10826<a data-id="youth-extending" href="https://www.paulaschoice-eu.com/youth-extending">
10827
10828Youth Extending
10829
10830</a>
10831</li>
10832
10833
10834
10835
10836
10837
10838
10839<li class="level-3__item  link-normal-sm-semibold">
10840<a data-id="brighten-up" href="https://www.paulaschoice-eu.com/brighten-up">
10841
10842Brighten Up
10843
10844</a>
10845</li>
10846
10847
10848
10849
10850
10851
10852
10853<li class="level-3__item  link-normal-sm-semibold">
10854<a data-id="barrier-balancing" href="https://www.paulaschoice-eu.com/barrier-balancing">
10855
10856Barrier Balancing
10857
10858</a>
10859</li>
10860
10861
10862
10863
10864
10865
10866
10867<li class="level-3__item  link-normal-sm-semibold">
10868<a data-id="clear" href="https://www.paulaschoice-eu.com/clear">
10869
10870Clear
10871
10872</a>
10873</li>
10874
10875
10876
10877
10878
10879
10880
10881<li class="level-3__item  link-normal-sm-semibold">
10882<a data-id="skin-shield-plus" href="https://www.paulaschoice-eu.com/skin-shield-plus">
10883
10884Skin Shield+
10885
10886</a>
10887</li>
10888
10889
10890
10891
10892
10893
10894
10895<li class="level-3__item  link-normal-sm-semibold">
10896<a data-id="body-revival" href="https://www.paulaschoice-eu.com/body-revival">
10897
10898Body Revival
10899
10900</a>
10901</li>
10902
10903
10904
10905
10906<li class="level-3__item link-normal-sm-semibold">
10907<a href="https://www.paulaschoice-eu.com/collections" class="fly-out-link">
10908<span class="item-underline">
10909See all collections
10910</span>
10911</a>
10912</li>
10913
10914
10915</ul>
10916
10917
10918
10919
10920</div>
10921</li>
10922
10923<li class="sub-menu__item level-3 js-level-3">
10924
10925
10926<a data-id="new-to-skin-care" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/new-to-skin-care">
10927New to skincare?
10928
10929<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10930
10931</a>
10932
10933<div class="sub-menu__content">
10934<div class="sub-menu__content-inner">
10935<div class="sub-menu__content-left">
10936
10937
10938
10939<ul class="level-3__list js-level-3">
10940
10941
10942
10943
10944
10945
10946
10947
10948
10949<li class="level-3__item  link-normal-sm-semibold">
10950<a data-id="beginnersguide-routines" href="https://www.paulaschoice-eu.com/beginnersguide/routines">
10951
10952Find out more about routines
10953
10954</a>
10955</li>
10956
10957
10958
10959
10960
10961
10962
10963<li class="level-3__item  link-normal-sm-semibold">
10964<a data-id="beginnersguide-exfoliants" href="https://www.paulaschoice-eu.com/beginnersguide/exfoliants">
10965
10966Beginner&#39;s guide to exfoliants
10967
10968</a>
10969</li>
10970
10971
10972
10973
10974
10975</ul>
10976
10977
10978
10979
10980
10981	 
10982
10983
10984	
10985
10986<div class="html-slot-container">
10987
10988
10989<div class="navigation-link">
10990<figure><a href="https://www.paulaschoice-eu.com/routine-finder"><img alt="Find your routine" src="
10991
10992
10993   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/navigation0424/nav-routine-right.jpg?_i=AG
10994
10995" /></a>
10996
10997<figcaption><a href="https://www.paulaschoice-eu.com/routine-finder">Find your routine in just 3 clicks</a></figcaption>
10998</figure>
10999
11000<figure><a href="/contact-us"><img	alt="Contact us" src="
11001
11002
11003   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/Homepage/block%204/4-24122021-routines-UK-EU-ecourse.jpg?_i=AG
11004
11005"/> </a>
11006
11007<figcaption>
11008<a href="/contact-us">Free skincare consultations</a>
11009</figcaption>
11010</figure>
11011</div>
11012
11013
11014</div> 
11015	
11016
11017</div>
11018</li>
11019
11020</ul>
11021<div class="banner">
11022
11023<ul>
11024  <!--li><a data-id="latest-and-greatest" href="https://www.paulaschoice-eu.com/search?cgid=latest-and-greatest" title="Latest & Greatest">Latest & Greatest</a></li-->
11025  <!--li><a data-id="bestsellers" href="https://www.paulaschoice-eu.com/bestsellers" title="Bestsellers">Bestsellers</a></li-->
11026  <!--li><a data-id="new-products" href="https://www.paulaschoice-eu.com/new-products" title="New products">New products</a></li-->
11027  <!--li><a data-id="spf-products" href="https://www.paulaschoice-eu.com/spf-products" title="SPF products">SPF products</a></li-->
11028  <!--li><a data-id="travel-sizes" href="https://www.paulaschoice-eu.com/travel-sizes/travel-size" title="Travel sizes">Travel sizes</a></li-->
11029  <!--li><a data-id="sets" href="https://www.paulaschoice-eu.com/sets" title="Sets">Sets</a></li-->
11030  <!--i><a data-id="powerduos" href="https://www.paulaschoice-eu.com/power-duos" title="Power Duos">Power Duos</a></li-->
11031  <!--li><a data-id="about-us" href="https://www.paulaschoice-eu.com/paulas-vision/paulas-vision.html" title="About us">About us</a></li-->
11032 <!--li><a data-id="routinefinder" href="https://www.paulaschoice-eu.com/routine-finder" title="Routinefinder">Routine finder</a></li-->
11033<!--li><a data-id="christmasshop" href="https://www.paulaschoice-eu.com/christmasshop" title="Christmasshop">Christmas shop</a></li-->
11034<!--li><a data-id="summer-academy" href="https://www.paulaschoice-eu.com/are-natural-and-organic-ingredients-better-for-your-skin" title="Summer Academy">Summer Academy</a></li-->
11035<!--li><a data-id="christmas-shop" href="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-Show?cid=christmas-shop" title="christmas-shop">christmas shop</a></li-->
11036</ul>
11037
11038
11039
11040
11041
11042
11043
11044</div>
11045</div>
11046</div>
11047<div class="js-overlay overlay"></div>
11048
11049
11050</li>
11051
11052<li class="main-nav__item js-menu-item">
11053<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="expend-your-knowledge" href="https://www.paulaschoice-eu.com/beautypedia">
11054
11055Beautypedia
11056<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span>
11057</a>
11058
11059
11060
11061
11062
11063
11064
11065
11066
11067
11068
11069
11070
11071
11072
11073
11074
11075
11076
11077
11078
11079
11080
11081
11082
11083
11084
11085
11086
11087
11088
11089
11090
11091
11092
11093
11094
11095
11096
11097
11098
11099
11100
11101
11102
11103
11104
11105
11106
11107
11108
11109
11110
11111
11112
11113
11114
11115
11116
11117
11118
11119
11120
11121
11122
11123
11124
11125
11126
11127
11128
11129
11130
11131
11132
11133
11134
11135
11136
11137
11138
11139
11140
11141
11142
11143
11144
11145
11146
11147
11148
11149
11150
11151
11152
11153
11154
11155
11156
11157
11158
11159
11160
11161
11162
11163
11164
11165
11166
11167
11168
11169
11170
11171
11172
11173
11174
11175
11176
11177
11178
11179
11180
11181
11182
11183
11184
11185<div class="level-2 sub-menu">
11186<div class="sub-menu__inner">
11187
11188
11189<ul class="sub-menu__list  menu-vertical js-menu-vertical">
11190
11191<li class="sub-menu__item level-3 js-level-3">
11192
11193
11194<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
11195Articles &amp; education
11196
11197<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
11198
11199</span>
11200
11201<div class="sub-menu__content">
11202<div class="sub-menu__content-inner">
11203<div class="sub-menu__content-left">
11204
11205
11206
11207<ul class="level-3__list js-level-3">
11208
11209
11210
11211
11212
11213
11214
11215
11216
11217<li class="level-3__item  link-normal-sm-semibold">
11218<a data-id="acne-breakouts" href="https://www.paulaschoice-eu.com/acne-breakouts">
11219
11220Acne &amp; breakouts
11221
11222</a>
11223</li>
11224
11225
11226
11227
11228
11229
11230
11231<li class="level-3__item  link-normal-sm-semibold">
11232<a data-id="anti-ageing-wrinkles" href="https://www.paulaschoice-eu.com/anti-ageing-and-wrinkles">
11233
11234Anti-Ageing &amp; wrinkles
11235
11236</a>
11237</li>
11238
11239
11240
11241
11242
11243
11244
11245<li class="level-3__item  link-normal-sm-semibold">
11246<a data-id="basic-skin-care" href="https://www.paulaschoice-eu.com/basic-skin-care">
11247
11248Basic skincare
11249
11250</a>
11251</li>
11252
11253
11254
11255
11256
11257
11258
11259<li class="level-3__item  link-normal-sm-semibold">
11260<a data-id="bodycare" href="https://www.paulaschoice-eu.com/bodycare">
11261
11262Body concerns
11263
11264</a>
11265</li>
11266
11267
11268
11269
11270
11271
11272
11273<li class="level-3__item  link-normal-sm-semibold">
11274<a data-id="exfoliating" href="https://www.paulaschoice-eu.com/exfoliating">
11275
11276Exfoliants
11277
11278</a>
11279</li>
11280
11281
11282
11283
11284
11285
11286
11287<li class="level-3__item  link-normal-sm-semibold">
11288<a data-id="eye-care" href="https://www.paulaschoice-eu.com/eye-care">
11289
11290Eye concerns
11291
11292</a>
11293</li>
11294
11295
11296
11297
11298
11299
11300
11301<li class="level-3__item  link-normal-sm-semibold">
11302<a data-id="ingredient-spotlight" href="https://www.paulaschoice-eu.com/ingredient-spotlight">
11303
11304Ingredient spotlight
11305
11306</a>
11307</li>
11308
11309
11310
11311
11312
11313
11314
11315<li class="level-3__item  link-normal-sm-semibold">
11316<a data-id="sensitive-skin-care" href="https://www.paulaschoice-eu.com/sensitive-skin-care">
11317
11318Reactive skin &amp; irritations
11319
11320</a>
11321</li>
11322
11323
11324
11325
11326
11327
11328
11329<li class="level-3__item  link-normal-sm-semibold">
11330<a data-id="sun-care-tips" href="https://www.paulaschoice-eu.com/sun-care-tips">
11331
11332Sun care
11333
11334</a>
11335</li>
11336
11337
11338
11339
11340
11341
11342
11343<li class="level-3__item  link-normal-sm-semibold">
11344<a data-id="beginnersguide" href="https://www.paulaschoice-eu.com/beginnersguide">
11345
11346The beginner&#39;s guides
11347
11348</a>
11349</li>
11350
11351
11352<li class="level-3__item link-normal-sm-semibold">
11353<a href="https://www.paulaschoice-eu.com/beautypedia">
11354See all categories
11355</a>
11356</li>
11357
11358</ul>
11359
11360
11361
11362
11363
11364	 
11365
11366
11367	
11368
11369<div class="html-slot-container">
11370
11371
11372<div class="navigation-link">
11373<figure><a href="https://www.paulaschoice-eu.com/beautypedia-skincare-ingredient-checker"><img alt="Ingredient finder" src="
11374
11375
11376   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-mrt25/nav-routine-right-IWD.jpg?_i=AG
11377
11378" /><b>New Ingredient Checker:</b> decode any skincare label in seconds</a>
11379
11380</figure>
11381</div>
11382
11383
11384</div> 
11385	
11386
11387</div>
11388</li>
11389
11390<li class="sub-menu__item level-3 js-level-3">
11391
11392
11393<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
11394E-Courses
11395
11396<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
11397
11398</span>
11399
11400<div class="sub-menu__content">
11401<div class="sub-menu__content-inner">
11402<div class="sub-menu__content-left">
11403
11404
11405
11406<ul class="level-3__list js-level-3">
11407
11408
11409
11410
11411
11412
11413
11414
11415
11416<li class="level-3__item  link-normal-sm-semibold">
11417<a data-id="acne-prone-course" href="https://www.paulaschoice-eu.com/acne-solutions-e-course">
11418
11419Acne E-Course
11420
11421</a>
11422</li>
11423
11424
11425
11426
11427
11428
11429
11430<li class="level-3__item  link-normal-sm-semibold">
11431<a data-id="blackheads-e-course" href="https://www.paulaschoice-eu.com/blackheads-e-course">
11432
11433Blackheads E-Course
11434
11435</a>
11436</li>
11437
11438
11439
11440
11441
11442
11443
11444<li class="level-3__item  link-normal-sm-semibold">
11445<a data-id="hyperpigmentation-e-course" href="https://www.paulaschoice-eu.com/hyperpigmentation-e-course">
11446
11447Hyperpigmentation E-Course
11448
11449</a>
11450</li>
11451
11452
11453
11454
11455
11456
11457
11458<li class="level-3__item  link-normal-sm-semibold">
11459<a data-id="routines-course" href="https://www.paulaschoice-eu.com/skincare-routine-e-course">
11460
11461Skincare Routine E-Course
11462
11463</a>
11464</li>
11465
11466
11467
11468
11469
11470
11471
11472<li class="level-3__item  link-normal-sm-semibold">
11473<a data-id="anti-ageing-course" href="https://www.paulaschoice-eu.com/anti-ageing-e-course">
11474
11475Anti-ageing E-Course
11476
11477</a>
11478</li>
11479
11480
11481</ul>
11482
11483
11484
11485
11486</div>
11487</li>
11488
11489<li class="sub-menu__item level-3 js-level-3">
11490
11491
11492<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
11493Skincare resources
11494
11495<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
11496
11497</span>
11498
11499<div class="sub-menu__content">
11500<div class="sub-menu__content-inner">
11501<div class="sub-menu__content-left">
11502
11503
11504
11505<ul class="level-3__list js-level-3">
11506
11507
11508
11509
11510
11511
11512
11513
11514
11515<li class="level-3__item  link-normal-sm-semibold">
11516<a data-id="ingredientchecker" href="https://www.paulaschoice-eu.com/beautypedia-skincare-ingredient-checker">
11517
11518Skincare Ingredient Checker
11519
11520</a>
11521</li>
11522
11523
11524
11525
11526
11527
11528
11529<li class="level-3__item  link-normal-sm-semibold">
11530<a data-id="ingredientdictionary" href="https://www.paulaschoice-eu.com/skincare-ingredient-dictionary">
11531
11532Skincare Ingredient Dictionary
11533
11534</a>
11535</li>
11536
11537
11538</ul>
11539
11540
11541
11542
11543</div>
11544</li>
11545
11546</ul>
11547<div class="banner">
11548
11549
11550
11551
11552
11553
11554
11555</div>
11556</div>
11557</div>
11558<div class="js-overlay overlay"></div>
11559
11560
11561</li>
11562
11563<li class="main-nav__item main-nav__item--extra">
11564
11565
11566
11567
11568
11569
11570
11571
11572
11573
11574
11575
11576<div class="content-asset">
11577<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="https://www.paulaschoice-eu.com/newsletter/newsletter.html" title="Become a member">
11578     <span class="icon icon-envelope navigation-custom-icon" aria-hidden="true"></span>
11579          Membership
11580 </a>
11581</div>
11582
11583
11584
11585
11586
11587</li>
11588<li class="main-nav__item">
11589<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="/contact-us">
11590Contact Us
11591</a>
11592</li>
11593
11594
11595
11596
11597
11598
11599</ul>
11600
11601
11602
11603	 
11604
11605
11606	
11607
11608<div class="html-slot-container">
11609
11610
11611<div class="main-nav-slot">
11612<ul class="main-nav-slot__list">
11613	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/bestsellers"><img alt="Bestsellers icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dwfa61aa0e/navigation0822/HP-icons_bestsellers.svg" title="" />Bestsellers</a></li>
11614	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/new-products"><img alt="New products icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dwb89384ed/navigation0822/HP-icons_new-products.svg" title="" />New products</a></li>
11615	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/sets"><img alt="Skincare sets icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw0f809367/navigation0822/HP-icons_kits.svg" title="" />Skincare sets</a></li>
11616	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><img alt="Travel sizes icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw38178cf0/navigation0822/HP-icons_travel-sizes.svg" title="" />Travel sizes</a></li>
11617	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/power-duos"><img alt="Travel sizes icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw64476e18/navigation0822/HP-icons_powerduo.svg" title="" />Power duos</a></li>
11618</ul>
11619
11620<div class="two-column-figure">
11621<div class="main-nav-slot__heading">Don't miss out</div>
11622
11623<div class="navigation-link navigation-link--two-rows">
11624<figure><a href="https://www.paulaschoice-eu.com/anti-ageing"><img alt="15% off youth-extending formulas" src="
11625
11626
11627   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-oct26/dmo-AA-left.jpg?_i=AG
11628
11629" /></a>
11630
11631<figcaption><a href="https://www.paulaschoice-eu.com/anti-ageing">15% off youth-extending formulas</a></figcaption>
11632</figure>
11633
11634<figure><a href="https://www.paulaschoice-eu.com/bestsellers"><img alt="Gifts" src="
11635
11636
11637   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-mrt26/dmo-right.jpg?_i=AG
11638
11639" title="" /></a>
11640
11641<figcaption><a href="https://www.paulaschoice-eu.com/bestsellers"><b>Gifts</b>: up to 2 free travel-size gifts</a></figcaption>
11642</figure>
11643
11644</div>
11645</div>
11646</div>
11647
11648
11649</div> 
11650	
11651<ul class="menu-utility-user">
11652
11653
11654
11655<input type="hidden" class="js-loggedin" data-userid="" data-loggedin="false"/>
11656
11657<input type="hidden" id="js-personalcluster" data-clusterid="null"
11658data-clusterassignmentendpoint="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Personalisation-AssignCluster"
11659data-updateclusterhomepage="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-UpdateCustomerGroupHomepage"
11660data-originalpageid="null"
11661data-customerclusterendpoint="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Personalisation-GetCluster"
11662data-email=""
11663data-skintype="null" data-skintype-machine="null"/>
11664<li class="user-info">
11665<a class="user-info__account" href="https://www.paulaschoice-eu.com/login" title="Log in">
11666<span class="user-info__icon icon icon-account" aria-hidden="true"></span>
11667<span class="user-info__name link-extended-md-black-base">Log in</span>
11668</a>
11669</li>
11670
11671
11672<div class="nav-account-layover">
11673<div class="nav-account-layover__header">
11674<span class="nav-account-layover__heading">
11675
11676Hello<strong> there,</strong>
11677
11678</span>
11679<div class="nav-account-layover__options">
11680
11681
11682<button type="submit" class="nav-account-layover__button js-login-show-popup"
11683value="Log in"
11684name="dwfrm_login_login"
11685data-href-open-popup="https://www.paulaschoice-eu.com/login?scope=headerlogin">
11686Log in
11687</button>
11688
11689
11690<span class="nav-account-layover__or">or</span>
11691<div class="login-box login-create-account clearfix">
11692<form action="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Login-LoginForm?scope=headerregister" method="post" id="dwfrm_login_register">
11693<fieldset>
11694
11695<button type="submit" class="nav-account-layover__button js-layover-popup-register"
11696value="Sign up"
11697name="dwfrm_login_register"
11698data-href-open-popup="https://www.paulaschoice-eu.com/login?scope=headerregister">
11699Sign up
11700</button>
11701<input type="hidden" name="csrf_token" value="h6gcCHWddmjj_IIZndbjathLt8VN0QEdHzy5XCLrAuKrEx_V1-BDxpciHqad4B6dxEGmeQO6jKC7cC5qtNvaCsW5sqH9Pvgjqr6H2FyPvkhQOVK-8Tz8CelAO4M-SlxdSmjRrxncUgCCtWl4RbMnj7lfAeNVbqpYl0VKg9eAqCKv9uy4BFA="/>
11702</fieldset>
11703</form>
11704</div>
11705
11706</div>
11707</div>
11708<ul class="nav-account-layover__body">
11709<li class="nav-account-layover__item">
11710
11711<a href="https://www.paulaschoice-eu.com/login?scope=wishlist">
11712My Wishlist
11713</a>
11714
11715</li>
11716
11717<li class="nav-account-layover__item">
11718<a href="https://www.paulaschoice-eu.com/login?scope=purchases">
11719My orders
11720</a>
11721</li>
11722<li class="nav-account-layover__item">
11723<a href="https://www.paulaschoice-eu.com/login?scope=details">
11724My details
11725</a>
11726</li>
11727<li class="nav-account-layover__item">
11728<a href="https://www.paulaschoice-eu.com/login?scope=addresses">
11729My address
11730</a>
11731</li>
11732
11733
11734</ul>
11735</div>
11736
11737</ul>
11738<a class="main-nav__link hide-desktop link-extended-md-black-base" href="/contact-us">
11739Contact Us
11740</a>
11741</nav>
11742
11743<div data-currencyrate = "" hidden></div>
11744<div data-cartdata="[]"></div>
11745
11746</div>
11747</header>
11748
11749<div id="main" role="main" class="page-content clearfix">
11750
11751
11752
11753<div id="browser-check">
11754<noscript>
11755<div class="browser-compatibility-alert">
11756<i class="fa fa-exclamation-triangle fa-2x pull-left"></i>
11757<p class="browser-error">Your browser's Javascript functionality is turned off. Please turn it on so that you can experience the full capabilities of this site.</p>
11758</div>
11759</noscript>
11760</div>
11761
11762
11763
11764
11765
11766
11767
11768
11769
11770
11771
11772
11773
11774
11775
11776
11777
11778
11779
11780
11781
11782
11783
11784
11785
11786
11787
11788
11789
11790
11791
11792
11793
11794
11795
11796
11797
11798
11799
11800
11801
11802
11803
11804
11805
11806
11807
11808
11809
11810
11811
11812
11813
11814
11815
11816
11817
11818
11819
11820
11821
11822
11823
11824
11825
11826
11827
11828
11829
11830
11831
11832
11833
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843
11844
11845
11846
11847
11848
11849
11850
11851
11852
11853
11854
11855
11856
11857
11858
11859
11860
11861
11862
11863
11864
11865
11866
11867
11868
11869
11870
11871
11872
11873
11874
11875
11876
11877
11878
11879
11880
11881
11882
11883
11884
11885
11886
11887
11888
11889<nav class="scrolling-blocks-nav"><ul></ul></nav>
11890
11891
11892
11893
11894
11895
11896
11897
11898<div class="breadcrumb text-normal-md-semibold">
11899<ol>
11900<li>
11901<a class="breadcrumb-element" href="/">
11902Paula's Choice
11903</a>
11904</li>
11905
11906<li>
11907
11908<a class="breadcrumb-element" href="https://www.paulaschoice-eu.com/by-routine-step" title="Go to Categories">
11909Categories
11910</a>
11911
11912</li>
11913
11914<li>
11915
11916
11917Eye products
11918
11919
11920</li>
11921
11922</ol>
11923</div>
11924
11925
11926
11927<div class="content-container" id="js-lister-top">
11928
11929<div class="lister-top-info-header">
11930<h1 class="h1-extended-xl-black" data-categoryid="eye-care-products">Eye products</h1>
11931</div>
11932
11933
11934	 
11935
11936
11937	
11938
11939  <div class="collection-header-container">
11940    <div class="collection-header">
11941    	
11942    		
11943    			<div class="collection-block promo-banner">
11944    				<div class="block-wrapper">
11945    					<picture> <img alt="Eye products" src="
11946
11947
11948   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/Lister/Categories-Eye-Care.jpg?_i=AG
11949
11950" /> </picture>
11951    				</div>
11952    			</div>
11953    		
11954    	
11955    		
11956    			<div class="collection-block information-banner">
11957    				<div class="block-wrapper text-normal-md-semibold">
11958    					<h2>Eye care using eye cream</h2>
11959<p>The skin around your eyes is both thinner and more sensitive than the skin on the rest of your face. For this reason, proper eye care with mild but intensely nourishing ingredients is very important. <a class="read-more" href="javascript:;" id="js-scroll-to-seo">Discover more</a></p> 
11960<!--p>With our eye creams and/or gels you can make wrinkles, puffiness and dark circles around your eyes less visible. They also strengthen and hydrate the skin in the eye area. </p-->
11961    				</div>
11962    			</div>
11963    		
11964    	
11965    </div>
11966  </div>
11967
11968 
11969	
11970<div class="promotional-banner">
11971
11972	 
11973
11974	
11975</div>
11976
11977	 
11978
11979	
11980</div>
11981<div class="content-container">
11982<div class="category-scrolling-blocks">
11983
11984<button class="search-result-options-toggle button inversed">Filter</button>
11985<div class="filter-sorter-wrapper">
11986<button class="filter-btn-desktop button js-filter-btn-desktop">Filter</button>
11987
11988
11989
11990<div class="sort-by">
11991<div class="search-refinements-subheader h4" for="grid-sort-header">Sort by:</div>
11992<select id="grid-sort-header"  class="js-filter-box filter-box text-normal-md-extrabold">
11993
11994
11995<option class="text-normal-sm-semibold" data-sorting="Bestsellers" value="https://www.paulaschoice-eu.com/products/eye-care?srule=Bestsellers&amp;start=0&amp;sz=2000"selected>Bestsellers</option>
11996
11997<option class="text-normal-sm-semibold" data-sorting="price-low-to-high" value="https://www.paulaschoice-eu.com/products/eye-care?srule=price-low-to-high&amp;start=0&amp;sz=2000">Price ascending</option>
11998
11999<option class="text-normal-sm-semibold" data-sorting="price-high-to-low" value="https://www.paulaschoice-eu.com/products/eye-care?srule=price-high-to-low&amp;start=0&amp;sz=2000">Price descending</option>
12000
12001<option class="text-normal-sm-semibold" data-sorting="Relevance" value="https://www.paulaschoice-eu.com/products/eye-care?srule=Relevance&amp;start=0&amp;sz=2000">Most relevant</option>
12002
12003</select>
12004</div><!-- END: sortby -->
12005
12006</div>
12007<div class="selected-refinements-filter-wrapper">
12008<ul>
12009</ul>
12010</div>
12011<div class="search-result-tiles-wrap">
12012<div class="content-container__inner">
12013<div class="content-container__aside">
12014
12015
12016
12017<div id = "filterParameters"
12018	data-params="[{&quot;name&quot;:&quot;cgid&quot;,&quot;value&quot;:&quot;eye-care-products&quot;}]"
12019	data-filterpageurl="https://www.paulaschoice-eu.com/products/eye-care"
12020	data-refimentattributes = "[&quot;skinTypeExtended&quot;,&quot;skinConcernExtended&quot;,&quot;size&quot;,&quot;searchPlacement&quot;]"
12021	data-parentcgid = "categories"
12022	data-resultcount = "3"
12023	>
12024</div>
12025<button class="search-refinements-close js-search-refinements-close" title="Close"><i class="fa fa-close"></i></button>
12026<div class="search-result-options ">
12027    <div class="search-result-options-header">
12028        <h2>Filter</h2>
12029        <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button>
12030    </div>
12031    <div class="search-result-options-subheader js-delete-all-level-1">
12032          <span>3 Result Found</span>
12033		  <a style="display:none;">Delete filters</a>
12034	</div>
12035    <div class="search-result-options-container" id="allfilters">
12036         
12037            <span class="search-result-count-desktop h4">3 results</span>
12038            
12039        
12040        
12041        
12042        
12043            <ul class="search-refinements-list">
12044                    
12045                    
12046                    
12047                    
12048                        
12049
12050                        <li style="">
12051                            <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium">
12052                                Skin Type
12053                                
12054                            </h2>
12055
12056                            <div class="search-refinements-lv2 ">
12057                                <div class="search-result-options-header">
12058                                    <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button>
12059                                    <h2>Skin Type</h2>
12060                                    <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button>
12061                                </div>
12062                                <div class="search-result-options-subheader js-delete-all-level-2">
12063                                    <span>3 Result Found</span>
12064                                    <a style="display:none;">Delete filters</a>
12065                                </div>
12066
12067                                <div class="search-result-options-container">
12068                                    <form id = "skinTypeExtended">
12069                                        <ul class="search-refinements-lv2-list">
12070                                            
12071                                                <li class = " text-normal-sm-semibold">
12072                                                    <input type="checkbox" id="Normalskin" data-presentationid="Normal" name="Normalskin" value="Normal skin">
12073                                                    <label for="Normalskin">Normal skin <span class="hitcount">3</span></label>
12074                                                </li>
12075                                            
12076                                                <li class = " text-normal-sm-semibold">
12077                                                    <input type="checkbox" id="Dryskin" data-presentationid="Dry" name="Dryskin" value="Dry skin">
12078                                                    <label for="Dryskin">Dry skin <span class="hitcount">3</span></label>
12079                                                </li>
12080                                            
12081                                                <li class = " text-normal-sm-semibold">
12082                                                    <input type="checkbox" id="Combinationskin" data-presentationid="Combination" name="Combinationskin" value="Combination skin">
12083                                                    <label for="Combinationskin">Combination skin <span class="hitcount">3</span></label>
12084                                                </li>
12085                                            
12086                                                <li class = " text-normal-sm-semibold">
12087                                                    <input type="checkbox" id="Oilyskin" data-presentationid="Oily" name="Oilyskin" value="Oily skin">
12088                                                    <label for="Oilyskin">Oily skin <span class="hitcount">3</span></label>
12089                                                </li>
12090                                            
12091                                        </ul>
12092                                    </form>
12093                                </div>
12094                                <div class="search-result-options-footer">
12095                                    <button class="button" type="submit" value="">
12096                                        <span class="search-result-options-footer__dot-pulse">
12097                                            <span class="dot-pulse"></span>
12098                                        </span>
12099                                        <span class="search-result-options-footer__btn-text">
12100                                            Apply<span> (3)</span>
12101                                        </span>
12102                                    </button>
12103                                </div>
12104                            </div>
12105
12106                            
12107
12108                            <div class="selected-refinements" style = "display:none;">
12109                                <ul>
12110                                </ul>
12111                            </div>
12112                        </li>
12113                    
12114                    
12115                    
12116                        
12117
12118                        <li style="">
12119                            <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium">
12120                                Skin Concern
12121                                
12122                            </h2>
12123
12124                            <div class="search-refinements-lv2 ">
12125                                <div class="search-result-options-header">
12126                                    <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button>
12127                                    <h2>Skin Concern</h2>
12128                                    <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button>
12129                                </div>
12130                                <div class="search-result-options-subheader js-delete-all-level-2">
12131                                    <span>3 Result Found</span>
12132                                    <a style="display:none;">Delete filters</a>
12133                                </div>
12134
12135                                <div class="search-result-options-container">
12136                                    <form id = "skinConcernExtended">
12137                                        <ul class="search-refinements-lv2-list">
12138                                            
12139                                                <li class = " text-normal-sm-semibold">
12140                                                    <input type="checkbox" id="Anti-ageing" data-presentationid="Anti-ageing" name="Anti-ageing" value="Anti-ageing">
12141                                                    <label for="Anti-ageing">Anti-ageing <span class="hitcount">3</span></label>
12142                                                </li>
12143                                            
12144                                                <li class = "disabled text-normal-sm-semibold">
12145                                                    <input type="checkbox" id="Breakouts" data-presentationid="Breakouts" name="Breakouts" value="Breakouts">
12146                                                    <label for="Breakouts">Breakouts <span class="hitcount">0</span></label>
12147                                                </li>
12148                                            
12149                                                <li class = " text-normal-sm-semibold">
12150                                                    <input type="checkbox" id="Sensitiveskin" data-presentationid="Sensitive skin" name="Sensitiveskin" value="Sensitive skin">
12151                                                    <label for="Sensitiveskin">Sensitive skin <span class="hitcount">1</span></label>
12152                                                </li>
12153                                            
12154                                                <li class = "disabled text-normal-sm-semibold">
12155                                                    <input type="checkbox" id="Verydryskin" data-presentationid="Very dry skin" name="Verydryskin" value="Very dry skin">
12156                                                    <label for="Verydryskin">Very dry skin <span class="hitcount">0</span></label>
12157                                                </li>
12158                                            
12159                                                <li class = " text-normal-sm-semibold">
12160                                                    <input type="checkbox" id="Brownspots" data-presentationid="Brown spots" name="Brownspots" value="Brown spots">
12161                                                    <label for="Brownspots">Brown spots <span class="hitcount">3</span></label>
12162                                                </li>
12163                                            
12164                                                <li class = " text-normal-sm-semibold">
12165                                                    <input type="checkbox" id="Redness" data-presentationid="Redness" name="Redness" value="Redness">
12166                                                    <label for="Redness">Redness <span class="hitcount">1</span></label>
12167                                                </li>
12168                                            
12169                                                <li class = " text-normal-sm-semibold">
12170                                                    <input type="checkbox" id="Blackheads" data-presentationid="Blackheads" name="Blackheads" value="Blackheads">
12171                                                    <label for="Blackheads">Blackheads <span class="hitcount">1</span></label>
12172                                                </li>
12173                                            
12174                                                <li class = " text-normal-sm-semibold">
12175                                                    <input type="checkbox" id="Dullskin" data-presentationid="Dull skin" name="Dullskin" value="Dull skin">
12176                                                    <label for="Dullskin">Dull skin <span class="hitcount">2</span></label>
12177                                                </li>
12178                                            
12179                                                <li class = " text-normal-sm-semibold">
12180                                                    <input type="checkbox" id="Enlargedpores" data-presentationid="Enlarged pores" name="Enlargedpores" value="Enlarged pores">
12181                                                    <label for="Enlargedpores">Enlarged pores <span class="hitcount">1</span></label>
12182                                                </li>
12183                                            
12184                                                <li class = " text-normal-sm-semibold">
12185                                                    <input type="checkbox" id="Rosacea-proneskin" data-presentationid="Rosacea-prone skin" name="Rosacea-proneskin" value="Rosacea-prone skin">
12186                                                    <label for="Rosacea-proneskin">Rosacea-prone skin <span class="hitcount">1</span></label>
12187                                                </li>
12188                                            
12189                                                <li class = " text-normal-sm-semibold">
12190                                                    <input type="checkbox" id="Keratosis-pilaris" data-presentationid="Keratosis-pilaris" name="Keratosis-pilaris" value="Keratosis-pilaris">
12191                                                    <label for="Keratosis-pilaris">Keratosis-pilaris <span class="hitcount">1</span></label>
12192                                                </li>
12193                                            
12194                                        </ul>
12195                                    </form>
12196                                </div>
12197                                <div class="search-result-options-footer">
12198                                    <button class="button" type="submit" value="">
12199                                        <span class="search-result-options-footer__dot-pulse">
12200                                            <span class="dot-pulse"></span>
12201                                        </span>
12202                                        <span class="search-result-options-footer__btn-text">
12203                                            Apply<span> (3)</span>
12204                                        </span>
12205                                    </button>
12206                                </div>
12207                            </div>
12208
12209                            
12210
12211                            <div class="selected-refinements" style = "display:none;">
12212                                <ul>
12213                                </ul>
12214                            </div>
12215                        </li>
12216                    
12217                    
12218                    
12219                        
12220
12221                        <li style="">
12222                            <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium">
12223                                Size
12224                                
12225                            </h2>
12226
12227                            <div class="search-refinements-lv2 ">
12228                                <div class="search-result-options-header">
12229                                    <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button>
12230                                    <h2>Size</h2>
12231                                    <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button>
12232                                </div>
12233                                <div class="search-result-options-subheader js-delete-all-level-2">
12234                                    <span>3 Result Found</span>
12235                                    <a style="display:none;">Delete filters</a>
12236                                </div>
12237
12238                                <div class="search-result-options-container">
12239                                    <form id = "size">
12240                                        <ul class="search-refinements-lv2-list">
12241                                            
12242                                                <li class = " text-normal-sm-semibold">
12243                                                    <input type="checkbox" id="Fullsize" data-presentationid="null" name="Fullsize" value="Full size">
12244                                                    <label for="Fullsize">Full size <span class="hitcount">3</span></label>
12245                                                </li>
12246                                            
12247                                                <li class = " text-normal-sm-semibold">
12248                                                    <input type="checkbox" id="Travelsize" data-presentationid="null" name="Travelsize" value="Travel size">
12249                                                    <label for="Travelsize">Travel size <span class="hitcount">2</span></label>
12250                                                </li>
12251                                            
12252                                                <li class = "disabled text-normal-sm-semibold">
12253                                                    <input type="checkbox" id="XL" data-presentationid="null" name="XL" value="XL">
12254                                                    <label for="XL">XL <span class="hitcount">0</span></label>
12255                                                </li>
12256                                            
12257                                        </ul>
12258                                    </form>
12259                                </div>
12260                                <div class="search-result-options-footer">
12261                                    <button class="button" type="submit" value="">
12262                                        <span class="search-result-options-footer__dot-pulse">
12263                                            <span class="dot-pulse"></span>
12264                                        </span>
12265                                        <span class="search-result-options-footer__btn-text">
12266                                            Apply<span> (3)</span>
12267                                        </span>
12268                                    </button>
12269                                </div>
12270                            </div>
12271
12272                            
12273
12274                            <div class="selected-refinements" style = "display:none;">
12275                                <ul>
12276                                </ul>
12277                            </div>
12278                        </li>
12279                    
12280                    
12281                    
12282                        
12283
12284                        <li style="display:none;">
12285                            <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium">
12286                                Categories
12287                                
12288                            </h2>
12289
12290                            <div class="search-refinements-lv2 ">
12291                                <div class="search-result-options-header">
12292                                    <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button>
12293                                    <h2>Categories</h2>
12294                                    <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button>
12295                                </div>
12296                                <div class="search-result-options-subheader js-delete-all-level-2">
12297                                    <span>3 Result Found</span>
12298                                    <a style="display:none;">Delete filters</a>
12299                                </div>
12300
12301                                <div class="search-result-options-container">
12302                                    <form id = "searchPlacement">
12303                                        <ul class="search-refinements-lv2-list">
12304                                            
12305                                                <li class = "disabled text-normal-sm-semibold">
12306                                                    <input type="checkbox" id="Cleansers" data-presentationid="null" name="Cleansers" value="Cleansers">
12307                                                    <label for="Cleansers">Cleansers <span class="hitcount">0</span></label>
12308                                                </li>
12309                                            
12310                                                <li class = "disabled text-normal-sm-semibold">
12311                                                    <input type="checkbox" id="Toners" data-presentationid="null" name="Toners" value="Toners">
12312                                                    <label for="Toners">Toners <span class="hitcount">0</span></label>
12313                                                </li>
12314                                            
12315                                                <li class = "disabled text-normal-sm-semibold">
12316                                                    <input type="checkbox" id="Exfoliants" data-presentationid="null" name="Exfoliants" value="Exfoliants">
12317                                                    <label for="Exfoliants">Exfoliants <span class="hitcount">0</span></label>
12318                                                </li>
12319                                            
12320                                                <li class = "disabled text-normal-sm-semibold">
12321                                                    <input type="checkbox" id="SPFMoisturisers" data-presentationid="null" name="SPFMoisturisers" value="SPF Moisturisers">
12322                                                    <label for="SPFMoisturisers">SPF Moisturisers <span class="hitcount">0</span></label>
12323                                                </li>
12324                                            
12325                                                <li class = "disabled text-normal-sm-semibold">
12326                                                    <input type="checkbox" id="Moisturisers" data-presentationid="null" name="Moisturisers" value="Moisturisers">
12327                                                    <label for="Moisturisers">Moisturisers <span class="hitcount">0</span></label>
12328                                                </li>
12329                                            
12330                                                <li class = " text-normal-sm-semibold">
12331                                                    <input type="checkbox" id="Serums" data-presentationid="null" name="Serums" value="Serums">
12332                                                    <label for="Serums">Serums <span class="hitcount">1</span></label>
12333                                                </li>
12334                                            
12335                                                <li class = "disabled text-normal-sm-semibold">
12336                                                    <input type="checkbox" id="Masks" data-presentationid="null" name="Masks" value="Masks">
12337                                                    <label for="Masks">Masks <span class="hitcount">0</span></label>
12338                                                </li>
12339                                            
12340                                                <li class = "disabled text-normal-sm-semibold">
12341                                                    <input type="checkbox" id="Treatments" data-presentationid="null" name="Treatments" value="Treatments">
12342                                                    <label for="Treatments">Treatments <span class="hitcount">0</span></label>
12343                                                </li>
12344                                            
12345                                                <li class = "disabled text-normal-sm-semibold">
12346                                                    <input type="checkbox" id="Boosters" data-presentationid="null" name="Boosters" value="Boosters">
12347                                                    <label for="Boosters">Boosters <span class="hitcount">0</span></label>
12348                                                </li>
12349                                            
12350                                                <li class = " text-normal-sm-semibold">
12351                                                    <input type="checkbox" id="EyeCare" data-presentationid="null" name="EyeCare" value="Eye Care">
12352                                                    <label for="EyeCare">Eye Care <span class="hitcount">2</span></label>
12353                                                </li>
12354                                            
12355                                                <li class = "disabled text-normal-sm-semibold">
12356                                                    <input type="checkbox" id="BodyCare" data-presentationid="null" name="BodyCare" value="Body Care">
12357                                                    <label for="BodyCare">Body Care <span class="hitcount">0</span></label>
12358                                                </li>
12359                                            
12360                                        </ul>
12361                                    </form>
12362                                </div>
12363                                <div class="search-result-options-footer">
12364                                    <button class="button" type="submit" value="">
12365                                        <span class="search-result-options-footer__dot-pulse">
12366                                            <span class="dot-pulse"></span>
12367                                        </span>
12368                                        <span class="search-result-options-footer__btn-text">
12369                                            Apply<span> (3)</span>
12370                                        </span>
12371                                    </button>
12372                                </div>
12373                            </div>
12374
12375                            
12376
12377                            <div class="selected-refinements" style = "display:none;">
12378                                <ul>
12379                                </ul>
12380                            </div>
12381                        </li>
12382                    
12383                    
12384            </ul>
12385        
12386        
12387        
12388    </div>
12389    <div class="search-result-options-footer js-show-filter-results">
12390        <button type="submit" value="" class="button">
12391			<span class="search-result-options-footer__dot-pulse">
12392				<span class="dot-pulse"></span>
12393			</span>
12394			<span class="search-result-options-footer__btn-text">
12395				Show Results<span> (3)</span>
12396			</span>
12397		</button>
12398    </div>
12399</div>
12400
12401</div>
12402
12403<div class="content-container__main">
12404<ul class="product-tiles hide-compare ">
12405
12406
12407	 
12408
12409	
12410
12411
12412
12413
12414
12415
12416
12417
12418
12419
12420<li class="js-plp-product-tile "
12421data-variantdata-backend="[{&quot;productID&quot;:&quot;m1080&quot;,&quot;title&quot;:&quot;Pro-Collagen Peptide Firming Eye Serum&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/1080?_i=AG&quot;}},{&quot;productID&quot;:&quot;1080&quot;,&quot;title&quot;:&quot;Pro-Collagen Peptide Firming Eye Serum&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:false,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:47,&quot;formatted&quot;:&quot;&euro; 47,00&quot;},&quot;current&quot;:{&quot;value&quot;:39.95,&quot;formatted&quot;:&quot;&euro; 39,95&quot;}}},{&quot;productID&quot;:&quot;1080-01&quot;,&quot;title&quot;:&quot;Pro-Collagen Peptide Firming Eye Serum&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:true,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:47,&quot;formatted&quot;:&quot;&euro; 47,00&quot;},&quot;current&quot;:{&quot;value&quot;:39.95,&quot;formatted&quot;:&quot;&euro; 39,95&quot;}}},{&quot;productID&quot;:&quot;1087-01&quot;,&quot;title&quot;:&quot;Pro-Collagen Peptide Firming Eye Serum Travel Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1087?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:true,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;5&quot;,&quot;size&quot;:&quot;trialsize&quot;},&quot;price&quot;:{&quot;current&quot;:{&quot;value&quot;:20,&quot;formatted&quot;:&quot;&euro; 20,00&quot;}}},{&quot;productID&quot;:&quot;1087&quot;,&quot;title&quot;:&quot;Pro-Collagen Peptide Firming Eye Serum Travel Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1087?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:false,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;5&quot;,&quot;size&quot;:&quot;trialsize&quot;},&quot;price&quot;:{&quot;current&quot;:{&quot;value&quot;:20,&quot;formatted&quot;:&quot;&euro; 20,00&quot;}}}]"
12422data-jsondata = "{&quot;normal&quot;:18,&quot;dry&quot;:12,&quot;combination&quot;:18,&quot;oily&quot;:18,&quot;Anti-aging&quot;:20,&quot;Breakouts&quot;:8,&quot;Sensitive-skin&quot;:12,&quot;Very-dry-skin&quot;:8,&quot;Brown-spots&quot;:12,&quot;Redness&quot;:12,&quot;Blackheads&quot;:12,&quot;Dull-skin&quot;:12,&quot;Enlarged-pores&quot;:12,&quot;Rosacea-prone-skin&quot;:12,&quot;Keratosis-pilaris&quot;:12,&quot;price&quot;:39.95}"
12423data-colors-to-show=""
12424data-variantdata = "{&quot;fullsize&quot;:{&quot;inStock&quot;:true,&quot;price&quot;:39.95,&quot;volume&quot;:&quot;15&quot;,&quot;SKU&quot;:&quot;1080-01&quot;},&quot;trialsize&quot;:{&quot;inStock&quot;:true,&quot;price&quot;:20,&quot;volume&quot;:&quot;5&quot;,&quot;SKU&quot;:&quot;1087-01&quot;}}">
12425
12426
12427
12428<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
12429<script type="text/javascript">//<!--
12430/* <![CDATA[ */
12431(function(){
12432try {
12433    if(window.CQuotient) {
12434	var cq_params = {};
12435	
12436	cq_params.cookieId = window.CQuotient.getCQCookieId();
12437	cq_params.userId = window.CQuotient.getCQUserId();
12438	cq_params.emailId = CQuotient.getCQHashedEmail();
12439	cq_params.loginId = CQuotient.getCQHashedLogin();
12440	cq_params.accumulate = true;
12441	cq_params.products = [{
12442	    id: 'm1080',
12443	    sku: ''
12444	}];
12445	cq_params.categoryId = 'eye-care-products';
12446	cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
12447	cq_params.personalized = 'false';
12448	cq_params.sortingRule = 'Bestsellers';
12449	cq_params.imageUUID = '__UNDEFINED__';
12450	cq_params.realm = "BBJJ";
12451	cq_params.siteId = "paulaschoice_eu";
12452	cq_params.instanceType = "prd";
12453	cq_params.queryLocale = "en";
12454	cq_params.locale = window.CQuotient.locale;
12455	
12456	if(window.CQuotient.sendActivity)
12457	    window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params);
12458	else
12459	    window.CQuotient.activities.push({
12460	    	activityType: 'viewCategory',
12461	    	parameters: cq_params
12462	    });
12463  }
12464} catch(err) {}
12465})();
12466/* ]]> */
12467// -->
12468</script>
vendor: 1 bytes, line 12468
12468
12469<script type="text/javascript">//<!--
12470/* <![CDATA[ (viewCategoryProduct-active_data.js) */
12471(function(){
12472try {
12473	if (dw.ac) {
12474		var search_params = {};
12475		search_params.persd = 'false';
12476		search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
12477		search_params.sort = 'Bestsellers';
12478		search_params.imageUUID = '';
12479		search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5';
12480		search_params.locale = 'en';
12481		search_params.queryLocale = 'en';
12482		search_params.showProducts = 'true';
12483		dw.ac.applyContext({category: "eye-care-products", searchData: search_params});
12484		if (typeof dw.ac._scheduleDataSubmission === "function") {
12485			dw.ac._scheduleDataSubmission();
12486		}
12487	}
12488} catch(err) {}
12489})();
12490/* ]]> */
12491// -->
12492</script>
vendor: 1 bytes, line 12492
12492
12493<script type="text/javascript">//<!--
12494/* <![CDATA[ (viewProduct-active_data.js) */
12495dw.ac._capture({id: "m1080", type: "searchhit"});
12496/* ]]> */
12497// -->
12498</script>
12498
12499
12500
12501
12502
12503
12504
12505
12506
12507
12508
12509
12510
12511
12512
12513
12514
12515
12516
12517
12518
12519
12520
12521
12522
12523
12524
12525
12526
12527
12528
12529
12530
12531
12532
12533
12534
12535
12536
12537
12538
12539
12540
12541
12542
12543
12544
12545
12546
12547
12548
12549
12550
12551
12552
12553
12554
12555
12556
12557
12558
12559
12560
12561
12562
12563
12564
12565
12566
12567
12568
12569
12570
12571
12572
12573
12574
12575
12576
12577
12578
12579
12580
12581
12582
12583
12584
12585
12586
12587
12588
12589
12590
12591
12592
12593
12594
12595
12596
12597
12598
12599
12600
12601
12602
12603
12604
12605
12606
12607
12608
12609
12610
12611
12612
12613
12614
12615
12616
12617
12618
12619
12620
12621
12622
12623
12624
12625
12626
12627
12628
12629
12630
12631
12632
12633
12634
12635
12636
12637
12638<div class="product-tile js-product-tile" id="1c69e9b99499bc82c590a3ff8d" data-jsondata="" data-itemid="1080-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="1c69e9b99499bc82c590a3ff8d" -->
12639
12640
12641
12642
12643
12644
12645
12646
12647
12648<div class="gtm-details">
12649	<input type="hidden" class="product-detail-id" data-id="1080-01">
12650
12651	
12652		<input type="hidden" class="product-detail-name" data-name="Pro-Collagen Peptide Firming Eye Serum">
12653	
12654
12655	<input type="hidden" class="product-detail-price" data-price="33.02">
12656	<input type="hidden" class="product-detail-discount-price" data-price="5.83">
12657	<input type="hidden" class="product-detail-discount-percantage" data-price="0.15">
12658	<input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products">
12659	<input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products">
12660	<input type="hidden" class="product-detail-collection" data-collection="Plump + Firm">
12661	<input type="hidden" class="product-detail-ingredient" data-ingredient="Acetyl Hexapeptide-8">
12662	<input type="hidden" class="product-detail-variant" data-variant="fullsize">
12663	<input type="hidden" class="product-detail-quantity" data-quantity="1">
12664	
12665	<input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge">
12666	<input type="hidden" class="promotion-name" data-name="15% off">
12667	<input type="hidden" class="product-index" data-index="1">
12668</div>
12669
12670<div class="product-image"><!-- dwMarker="product" dwContentID="1c69e9b99499bc82c590a3ff8d" -->
12671
12672<div class="plp-labels">
12673
12674
12675
12676
12677
12678
12679
12680
12681
12682
12683
12684
12685
12686
12687
12688
12689
12690
12691
12692
12693
12694
12695
12696<span class="plp-badge-promo">
12697<style type="text/css">
12698div.badge-promo {display: block;}
12699</style>
12700<span>-15%</span>
12701</span>
12702
12703
12704
12705
12706
12707
12708
12709
12710
12711
12712
12713<span class="plp-badge-productlabel">
12714<!-- style only for the cart recommender-->
12715<style type="text/css">
12716div.product-slide-content div.js-badge.badge span {padding: 0px; font-size: .9em}
12717</style>
12718<span>NEW</span>
12719</span>
12720
12721
12722
12723
12724</div>
12725
12726
12727
12728
12729
12730
12731
12732
12733
12734
12735
12736
12737<a class="thumb-link" href="/pro-collagen-peptide-firming-eye-serum/m1080.html" title="Pro-Collagen Peptide Firming Eye Serum">
12738
12739
12740<img
12741alt="null"
12742width="176"
12743height="268"
12744src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG"
12745srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 170w,
12746https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 300w,
12747https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 210w,
12748https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 420w" />
12749
12750
12751</a>
12752
12753<div class="product-image__wishlist">
12754    <div class="js-wishlist-plp product-image__wishlist-inner">
12755        <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="1080-01"
12756            data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=1080-01"
12757            data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=1080-01">
12758            <span class="icon fa fa-heart--inactive" aria-hidden="true"></span>
12759        </div>
12760    </div>
12761</div>
12762
12763</div>
12764
12765
12766
12767<ul class="product-tile__variation-list">
12768    
12769        
12770            
12771                
12772                    <li class="product-tile__variation-item">
12773                        <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="1080-01" type="button">
12774                             15 ml
12775                        </button>
12776                    </li>
12777                
12778            
12779        
12780            
12781                
12782                    <li class="product-tile__variation-item">
12783                        <button class="js-tile-variation-change product-tile__variation-button " aria-label="change size" data-sku="1087-01" type="button">
12784                             5 ml
12785                        </button>
12786                    </li>
12787                
12788            
12789        
12790    
12791</ul>
12792
12793
12794
12795
12796
12797
12798
12799<div class="product-collection-name-top-section">
12800<div class="product-collection-name text-extended-sm-extrabold">
12801Plump + Firm
12802</div>
12803
12804
12805
12806
12807<div class="product-review js-scroll-to-reviews">
12808<a href="javascript:;" class="js-toggle-reviews-popup">
12809<div id="category-snippet-m1080" class="js-powerreviews-minireview"
12810data-pid="m1080"
12811data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f"
12812data-locale="en_GB"
12813data-mgid="1029794264"
12814data-mid="1970115007"
12815data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css"
12816></div>
12817</a>
12818</div>
12819
12820</div>
12821<div class="product-name plp-product-name name-link text-normal-md-medium">
12822Pro-Collagen Peptide Firming Eye Serum
12823
12824</div>
12825
12826
12827<div class="product-plp-concerns">
12828
12829
12830<span class="text-normal-md-semibold">
12831Anti-Aging, Dull skin, Fine lines and wrinkles
12832</span>
12833
12834</div>
12835
12836
12837
12838<div class="product-plp-keyfeatures">
12839
12840<div class="feature-1 text-normal-sm-semibold">
12841
12842
12843
12844
12845
12846
12847
12848
12849
12850
12851
12852
12853<div class="content-asset">
12854<p>4X pro-collagen peptide complex targets the entire eye area</p>
12855</div>
12856
12857
12858
12859
12860
12861</div>
12862
12863
12864<div class="feature-2 text-normal-sm-semibold">
12865
12866
12867
12868
12869
12870
12871
12872
12873
12874
12875
12876
12877<div class="content-asset">
12878<p>Metal tip depuffs & cools on contact, designed to gently glide along the eye contour</p>
12879</div>
12880
12881
12882
12883
12884
12885</div>
12886
12887
12888<div class="feature-3 text-normal-sm-semibold">
12889
12890
12891
12892
12893
12894
12895
12896
12897
12898
12899
12900
12901<div class="content-asset">
12902<p>Lightweight, fragrance-free gel primes for & plays well with concealer​</p>
12903</div>
12904
12905
12906
12907
12908
12909</div>
12910
12911</div>
12912<div class="product-long-description">
12913<p>A clinically proven eye treatment powered by 4X pro-collagen peptides to depuff, firm & lift.</p>
12914</div>
12915
12916
12917
12918<div class="product-plp-ingredients">
12919
12920
12921
12922
12923
12924
12925
12926
12927    
12928
12929
12930    
12931
12932
12933    
12934
12935
12936
12937    
12938
12939
12940    
12941
12942
12943    
12944
12945
12946
12947    Acetyl Hexapeptide-8, Palmitoyl Tetrapeptide-7 &amp; Tridecapeptide-1, Lysine Polypeptides
12948
12949
12950</div>
12951<div class="product-tile-footer">
12952
12953
12954<div class="product-tile-footer__info">
12955
12956<div class="product-pricing plp-product-pricing">
12957
12958
12959
12960
12961
12962
12963
12964
12965
12966
12967
12968
12969
12970
12971
12972
12973
12974
12975
12976
12977
12978
12979
12980
12981
12982
12983
12984
12985
12986
12987
12988
12989
12990
12991
12992
12993
12994
12995
12996
12997
12998
12999
13000
13001
13002
13003
13004
13005
13006
13007
13008
13009
13010
13011
13012
13013
13014
13015
13016
13017
13018
13019
13020
13021
13022
13023
13024
13025
13026
13027
13028
13029
13030
13031
13032
13033
13034
13035
13036
13037
13038
13039
13040
13041
13042
13043
13044
13045
13046
13047
13048
13049
13050
13051
13052
13053
13054
13055
13056
13057
13058
13059
13060
13061
13062
13063
13064
13065
13066
13067
13068
13069
13070
13071
13072
13073
13074
13075
13076
13077
13078
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088
13089
13090
13091
13092
13093
13094
13095	
13096		
13097			
13098			
13099				<span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="47.0">&#8364; 47,00</span>
13100			
13101			
13102		
13103	
13104		
13105			
13106			
13107				<span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="39.95">&#8364; 39,95</span>
13108			
13109			
13110		
13111	
13112
13113	
13114		<div class="discount-mention">
13115			<span>15% off</span>
13116		</div>
13117	
13118
13119	
13120
13121
13122
13123
13124
13125
13126
13127
13128</div>
13129
13130
13131</div>
13132
13133
13134
13135
13136<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="1080-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon">
13137
13138<span class="plp icon icon-cart" aria-hidden="true"></span>
13139
13140</button>
13141
13142
13143
13144
13145</div>
13146
13147
13148
13149
13150
13151
13152<div class="product-promo">
13153
13154
13155
13156<div class="promotional-message">
1315715% off
13158</div>
13159
13160<div class="promotional-message">
13161Free shipping
13162</div>
13163
13164<div class="promotional-message">
13165Travel-size
13166</div>
13167
13168<div class="promotional-message">
13169Travel-size
13170</div>
13171
13172
13173</div>
13174
13175
13176
13177
13178
13179
13180<div class="product-swatches">
13181
13182
13183
13184<ul class="swatch-list">
13185
13186
13187
13188
13189
13190
13191
13192
13193
13194
13195
13196
13197
13198
13199
13200
13201
13202
13203
13204
13205
13206
13207<li>
13208<a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize" class="swatch selected" title="Full size">
13209<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/>
13210</a>
13211</li>
13212
13213
13214
13215
13216
13217
13218
13219
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234<li>
13235<a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize" class="swatch " title="Travel size">
13236<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Travel size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Travel size","title":"Travel size"}'/>
13237</a>
13238</li>
13239
13240</ul><!-- .swatch-list -->
13241</div><!-- .product-swatches -->
13242
13243
13244
13245
13246
13247
13248
13249
13250
13251
13252
13253
13254</div><!-- END: .product-tile -->
13255
13256
13257
13258</li>
13259
13260<li class="js-plp-product-tile "
13261data-variantdata-backend="[{&quot;productID&quot;:&quot;m1010&quot;,&quot;title&quot;:&quot;C5 Super Boost Eye Cream&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/1010?_i=AG&quot;}},{&quot;productID&quot;:&quot;1010&quot;,&quot;title&quot;:&quot;C5 Super Boost Eye Cream Full Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:false,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:47,&quot;formatted&quot;:&quot;&euro; 47,00&quot;},&quot;current&quot;:{&quot;value&quot;:39.95,&quot;formatted&quot;:&quot;&euro; 39,95&quot;}}},{&quot;productID&quot;:&quot;1010-01&quot;,&quot;title&quot;:&quot;C5 Super Boost Eye Cream Full Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:true,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:47,&quot;formatted&quot;:&quot;&euro; 47,00&quot;},&quot;current&quot;:{&quot;value&quot;:39.95,&quot;formatted&quot;:&quot;&euro; 39,95&quot;}}},{&quot;productID&quot;:&quot;1017-01&quot;,&quot;title&quot;:&quot;C5 Super Boost Eye Cream Travel Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1017?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:true,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;5&quot;,&quot;size&quot;:&quot;trialsize&quot;},&quot;price&quot;:{&quot;current&quot;:{&quot;value&quot;:20,&quot;formatted&quot;:&quot;&euro; 20,00&quot;}}},{&quot;productID&quot;:&quot;1017&quot;,&quot;title&quot;:&quot;C5 Super Boost Eye Cream Travel Size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1017?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:false,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;5&quot;,&quot;size&quot;:&quot;trialsize&quot;},&quot;price&quot;:{&quot;current&quot;:{&quot;value&quot;:20,&quot;formatted&quot;:&quot;&euro; 20,00&quot;}}}]"
13262data-jsondata = "{&quot;normal&quot;:12,&quot;dry&quot;:12,&quot;combination&quot;:12,&quot;oily&quot;:12,&quot;Anti-aging&quot;:16,&quot;Breakouts&quot;:4,&quot;Sensitive-skin&quot;:8,&quot;Very-dry-skin&quot;:8,&quot;Brown-spots&quot;:16,&quot;Redness&quot;:4,&quot;Blackheads&quot;:0,&quot;Dull-skin&quot;:20,&quot;Enlarged-pores&quot;:0,&quot;Rosacea-prone-skin&quot;:4,&quot;Keratosis-pilaris&quot;:4,&quot;price&quot;:39.95}"
13263data-colors-to-show=""
13264data-variantdata = "{&quot;fullsize&quot;:{&quot;inStock&quot;:true,&quot;price&quot;:39.95,&quot;volume&quot;:&quot;15&quot;,&quot;SKU&quot;:&quot;1010-01&quot;},&quot;trialsize&quot;:{&quot;inStock&quot;:true,&quot;price&quot;:20,&quot;volume&quot;:&quot;5&quot;,&quot;SKU&quot;:&quot;1017-01&quot;}}">
13265
13266
13267
13268<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
13269<script type="text/javascript">//<!--
13270/* <![CDATA[ */
13271(function(){
13272try {
13273    if(window.CQuotient) {
13274	var cq_params = {};
13275	
13276	cq_params.cookieId = window.CQuotient.getCQCookieId();
13277	cq_params.userId = window.CQuotient.getCQUserId();
13278	cq_params.emailId = CQuotient.getCQHashedEmail();
13279	cq_params.loginId = CQuotient.getCQHashedLogin();
13280	cq_params.accumulate = true;
13281	cq_params.products = [{
13282	    id: 'm1010',
13283	    sku: ''
13284	}];
13285	cq_params.categoryId = 'eye-care-products';
13286	cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
13287	cq_params.personalized = 'false';
13288	cq_params.sortingRule = 'Bestsellers';
13289	cq_params.imageUUID = '__UNDEFINED__';
13290	cq_params.realm = "BBJJ";
13291	cq_params.siteId = "paulaschoice_eu";
13292	cq_params.instanceType = "prd";
13293	cq_params.queryLocale = "en";
13294	cq_params.locale = window.CQuotient.locale;
13295	
13296	if(window.CQuotient.sendActivity)
13297	    window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params);
13298	else
13299	    window.CQuotient.activities.push({
13300	    	activityType: 'viewCategory',
13301	    	parameters: cq_params
13302	    });
13303  }
13304} catch(err) {}
13305})();
13306/* ]]> */
13307// -->
13308</script>
vendor: 1 bytes, line 13308
13308
13309<script type="text/javascript">//<!--
13310/* <![CDATA[ (viewCategoryProduct-active_data.js) */
13311(function(){
13312try {
13313	if (dw.ac) {
13314		var search_params = {};
13315		search_params.persd = 'false';
13316		search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
13317		search_params.sort = 'Bestsellers';
13318		search_params.imageUUID = '';
13319		search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5';
13320		search_params.locale = 'en';
13321		search_params.queryLocale = 'en';
13322		search_params.showProducts = 'true';
13323		dw.ac.applyContext({category: "eye-care-products", searchData: search_params});
13324		if (typeof dw.ac._scheduleDataSubmission === "function") {
13325			dw.ac._scheduleDataSubmission();
13326		}
13327	}
13328} catch(err) {}
13329})();
13330/* ]]> */
13331// -->
13332</script>
vendor: 1 bytes, line 13332
13332
13333<script type="text/javascript">//<!--
13334/* <![CDATA[ (viewProduct-active_data.js) */
13335dw.ac._capture({id: "m1010", type: "searchhit"});
13336/* ]]> */
13337// -->
13338</script>
13338
13339
13340
13341
13342
13343
13344
13345
13346
13347
13348
13349
13350
13351
13352
13353
13354
13355
13356
13357
13358
13359
13360
13361
13362
13363
13364
13365
13366
13367
13368
13369
13370
13371
13372
13373
13374
13375
13376
13377
13378
13379
13380
13381
13382
13383
13384
13385
13386
13387
13388
13389
13390
13391
13392
13393
13394
13395
13396
13397
13398
13399
13400
13401
13402
13403
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413
13414
13415
13416
13417
13418
13419
13420
13421
13422
13423
13424
13425
13426
13427
13428
13429
13430
13431
13432
13433
13434
13435
13436
13437
13438
13439
13440
13441
13442
13443
13444
13445
13446
13447
13448
13449
13450
13451
13452
13453
13454
13455
13456
13457
13458
13459
13460
13461
13462
13463
13464
13465
13466
13467
13468
13469
13470
13471
13472
13473
13474
13475
13476
13477
13478<div class="product-tile js-product-tile" id="a112c3f79a852f5d5e0bbccc69" data-jsondata="" data-itemid="1010-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="a112c3f79a852f5d5e0bbccc69" -->
13479
13480
13481
13482
13483
13484
13485
13486
13487
13488<div class="gtm-details">
13489	<input type="hidden" class="product-detail-id" data-id="1010-01">
13490
13491	
13492		<input type="hidden" class="product-detail-name" data-name="C5 Super Boost Eye Cream Full Size">
13493	
13494
13495	<input type="hidden" class="product-detail-price" data-price="33.02">
13496	<input type="hidden" class="product-detail-discount-price" data-price="5.83">
13497	<input type="hidden" class="product-detail-discount-percantage" data-price="0.15">
13498	<input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products">
13499	<input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products">
13500	<input type="hidden" class="product-detail-collection" data-collection="Brighten Up">
13501	<input type="hidden" class="product-detail-ingredient" data-ingredient="Vitamin C">
13502	<input type="hidden" class="product-detail-variant" data-variant="fullsize">
13503	<input type="hidden" class="product-detail-quantity" data-quantity="1">
13504	
13505	<input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge">
13506	<input type="hidden" class="promotion-name" data-name="15% off">
13507	<input type="hidden" class="product-index" data-index="2">
13508</div>
13509
13510<div class="product-image"><!-- dwMarker="product" dwContentID="a112c3f79a852f5d5e0bbccc69" -->
13511
13512<div class="plp-labels">
13513
13514
13515
13516
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532
13533
13534
13535
13536<span class="plp-badge-promo">
13537<style type="text/css">
13538div.badge-promo {display: block;}
13539</style>
13540<span>-15%</span>
13541</span>
13542
13543
13544
13545
13546
13547
13548
13549
13550</div>
13551
13552
13553
13554
13555
13556
13557
13558
13559
13560
13561
13562
13563<a class="thumb-link" href="/c5-super-boost-eye-cream/m1010.html" title="C5 Super Boost Eye Cream">
13564
13565
13566<img
13567alt="null"
13568width="176"
13569height="268"
13570src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG"
13571srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 170w,
13572https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 300w,
13573https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 210w,
13574https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 420w" />
13575
13576
13577</a>
13578
13579<div class="product-image__wishlist">
13580    <div class="js-wishlist-plp product-image__wishlist-inner">
13581        <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="1010-01"
13582            data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=1010-01"
13583            data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=1010-01">
13584            <span class="icon fa fa-heart--inactive" aria-hidden="true"></span>
13585        </div>
13586    </div>
13587</div>
13588
13589</div>
13590
13591
13592
13593<ul class="product-tile__variation-list">
13594    
13595        
13596            
13597                
13598                    <li class="product-tile__variation-item">
13599                        <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="1010-01" type="button">
13600                             15 ml
13601                        </button>
13602                    </li>
13603                
13604            
13605        
13606            
13607                
13608                    <li class="product-tile__variation-item">
13609                        <button class="js-tile-variation-change product-tile__variation-button " aria-label="change size" data-sku="1017-01" type="button">
13610                             5 ml
13611                        </button>
13612                    </li>
13613                
13614            
13615        
13616    
13617</ul>
13618
13619
13620
13621
13622
13623
13624
13625<div class="product-collection-name-top-section">
13626<div class="product-collection-name text-extended-sm-extrabold">
13627Brighten Up
13628</div>
13629
13630
13631
13632
13633<div class="product-review js-scroll-to-reviews">
13634<a href="javascript:;" class="js-toggle-reviews-popup">
13635<div id="category-snippet-m1010" class="js-powerreviews-minireview"
13636data-pid="m1010"
13637data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f"
13638data-locale="en_GB"
13639data-mgid="1029794264"
13640data-mid="1970115007"
13641data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css"
13642></div>
13643</a>
13644</div>
13645
13646</div>
13647<div class="product-name plp-product-name name-link text-normal-md-medium">
13648C5 Super Boost Eye Cream
13649
13650</div>
13651
13652
13653<div class="product-plp-concerns">
13654
13655
13656<span class="text-normal-md-semibold">
13657Anti-Aging, Brown spots, Dull skin
13658</span>
13659
13660</div>
13661
13662
13663
13664<div class="product-plp-keyfeatures">
13665
13666<div class="feature-1 text-normal-sm-semibold">
13667
13668
13669
13670
13671
13672
13673
13674
13675
13676
13677
13678
13679<div class="content-asset">
13680<p>Brightens skin</p>
13681</div>
13682
13683
13684
13685
13686
13687</div>
13688
13689
13690<div class="feature-2 text-normal-sm-semibold">
13691
13692
13693
13694
13695
13696
13697
13698
13699
13700
13701
13702
13703<div class="content-asset">
13704<p>Visibly reduces fine lines</p>
13705</div>
13706
13707
13708
13709
13710
13711</div>
13712
13713
13714<div class="feature-3 text-normal-sm-semibold">
13715
13716
13717
13718
13719
13720
13721
13722
13723
13724
13725
13726
13727<div class="content-asset">
13728<p>Targets the root causes of dark circles & puffiness</p>
13729</div>
13730
13731
13732
13733
13734
13735</div>
13736
13737</div>
13738<div class="product-long-description">
13739<p>Target discolouration, dull-looking skin and loss of firmness with this concentrated vitamin C eye cream.</p>
13740</div>
13741
13742
13743
13744<div class="product-plp-ingredients">
13745
13746
13747
13748
13749
13750
13751
13752
13753    
13754
13755
13756    
13757
13758
13759    
13760
13761
13762
13763    
13764
13765
13766    
13767
13768
13769    
13770
13771
13772
13773    Vitamin C, Peptides, Zerumbone
13774
13775
13776</div>
13777<div class="product-tile-footer">
13778
13779
13780<div class="product-tile-footer__info">
13781
13782<div class="product-pricing plp-product-pricing">
13783
13784
13785
13786
13787
13788
13789
13790
13791
13792
13793
13794
13795
13796
13797
13798
13799
13800
13801
13802
13803
13804
13805
13806
13807
13808
13809
13810
13811
13812
13813
13814
13815
13816
13817
13818
13819
13820
13821
13822
13823
13824
13825
13826
13827
13828
13829
13830
13831
13832
13833
13834
13835
13836
13837
13838
13839
13840
13841
13842
13843
13844
13845
13846
13847
13848
13849
13850
13851
13852
13853
13854
13855
13856
13857
13858
13859
13860
13861
13862
13863
13864
13865
13866
13867
13868
13869
13870
13871
13872
13873
13874
13875
13876
13877
13878
13879
13880
13881
13882
13883
13884
13885
13886
13887
13888
13889
13890
13891
13892
13893
13894
13895
13896
13897
13898
13899
13900
13901
13902
13903
13904
13905
13906
13907
13908
13909
13910
13911
13912
13913
13914
13915
13916
13917
13918
13919
13920
13921	
13922		
13923			
13924			
13925				<span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="47.0">&#8364; 47,00</span>
13926			
13927			
13928		
13929	
13930		
13931			
13932			
13933				<span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="39.95">&#8364; 39,95</span>
13934			
13935			
13936		
13937	
13938
13939	
13940		<div class="discount-mention">
13941			<span>15% off</span>
13942		</div>
13943	
13944
13945	
13946
13947
13948
13949
13950
13951
13952
13953
13954</div>
13955
13956
13957</div>
13958
13959
13960
13961
13962<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="1010-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon">
13963
13964<span class="plp icon icon-cart" aria-hidden="true"></span>
13965
13966</button>
13967
13968
13969
13970
13971</div>
13972
13973
13974
13975
13976
13977
13978<div class="product-promo">
13979
13980
13981
13982<div class="promotional-message">
1398315% off
13984</div>
13985
13986<div class="promotional-message">
13987Free shipping
13988</div>
13989
13990<div class="promotional-message">
13991Travel-size
13992</div>
13993
13994<div class="promotional-message">
13995Travel-size
13996</div>
13997
13998
13999</div>
14000
14001
14002
14003
14004
14005
14006<div class="product-swatches">
14007
14008
14009
14010<ul class="swatch-list">
14011
14012
14013
14014
14015
14016
14017
14018
14019
14020
14021
14022
14023
14024
14025
14026
14027
14028
14029
14030
14031
14032
14033<li>
14034<a href="https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize" class="swatch selected" title="Full size">
14035<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/>
14036</a>
14037</li>
14038
14039
14040
14041
14042
14043
14044
14045
14046
14047
14048
14049
14050
14051
14052
14053
14054
14055
14056
14057
14058
14059
14060<li>
14061<a href="https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize" class="swatch " title="Travel size">
14062<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Travel size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Travel size","title":"Travel size"}'/>
14063</a>
14064</li>
14065
14066</ul><!-- .swatch-list -->
14067</div><!-- .product-swatches -->
14068
14069
14070
14071
14072
14073
14074
14075
14076
14077
14078
14079
14080</div><!-- END: .product-tile -->
14081
14082
14083
14084</li>
14085
14086<li class="js-plp-product-tile "
14087data-variantdata-backend="[{&quot;productID&quot;:&quot;m2160&quot;,&quot;title&quot;:&quot;Clinical Ceramide-Enriched Firming Eye Cream&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/2160?_i=AG&quot;}},{&quot;productID&quot;:&quot;2160-01&quot;,&quot;title&quot;:&quot;Clinical Ceramide-Enriched Firming Eye Cream Full size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:true,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:54,&quot;formatted&quot;:&quot;&euro; 54,00&quot;},&quot;current&quot;:{&quot;value&quot;:45.9,&quot;formatted&quot;:&quot;&euro; 45,90&quot;}}},{&quot;productID&quot;:&quot;2160&quot;,&quot;title&quot;:&quot;Clinical Ceramide-Enriched Firming Eye Cream Full size&quot;,&quot;image&quot;:{&quot;url&quot;:&quot;https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG&quot;},&quot;linkToPDP&quot;:&quot;https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize&quot;,&quot;dimension&quot;:{&quot;inStock&quot;:false,&quot;isPreOrder&quot;:false,&quot;volume&quot;:&quot;15&quot;,&quot;size&quot;:&quot;fullsize&quot;},&quot;promotion&quot;:{&quot;promotionID&quot;:&quot;Shop_discount_15_category_AntiAge&quot;,&quot;promotionName&quot;:&quot;15% off&quot;},&quot;price&quot;:{&quot;actual&quot;:{&quot;value&quot;:54,&quot;formatted&quot;:&quot;&euro; 54,00&quot;},&quot;current&quot;:{&quot;value&quot;:45.9,&quot;formatted&quot;:&quot;&euro; 45,90&quot;}}}]"
14088data-jsondata = "{&quot;normal&quot;:12,&quot;dry&quot;:12,&quot;combination&quot;:12,&quot;oily&quot;:12,&quot;Anti-aging&quot;:16,&quot;Breakouts&quot;:8,&quot;Sensitive-skin&quot;:0,&quot;Very-dry-skin&quot;:8,&quot;Brown-spots&quot;:12,&quot;Redness&quot;:0,&quot;Blackheads&quot;:8,&quot;Dull-skin&quot;:8,&quot;Enlarged-pores&quot;:8,&quot;Rosacea-prone-skin&quot;:0,&quot;Keratosis-pilaris&quot;:0,&quot;price&quot;:45.9}"
14089data-colors-to-show=""
14090data-variantdata = "{&quot;fullsize&quot;:{&quot;inStock&quot;:true,&quot;price&quot;:45.9,&quot;volume&quot;:&quot;15&quot;,&quot;SKU&quot;:&quot;2160-01&quot;}}">
14091
14092
14093
14094<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
14095<script type="text/javascript">//<!--
14096/* <![CDATA[ */
14097(function(){
14098try {
14099    if(window.CQuotient) {
14100	var cq_params = {};
14101	
14102	cq_params.cookieId = window.CQuotient.getCQCookieId();
14103	cq_params.userId = window.CQuotient.getCQUserId();
14104	cq_params.emailId = CQuotient.getCQHashedEmail();
14105	cq_params.loginId = CQuotient.getCQHashedLogin();
14106	cq_params.accumulate = true;
14107	cq_params.products = [{
14108	    id: 'm2160',
14109	    sku: ''
14110	}];
14111	cq_params.categoryId = 'eye-care-products';
14112	cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
14113	cq_params.personalized = 'false';
14114	cq_params.sortingRule = 'Bestsellers';
14115	cq_params.imageUUID = '__UNDEFINED__';
14116	cq_params.realm = "BBJJ";
14117	cq_params.siteId = "paulaschoice_eu";
14118	cq_params.instanceType = "prd";
14119	cq_params.queryLocale = "en";
14120	cq_params.locale = window.CQuotient.locale;
14121	
14122	if(window.CQuotient.sendActivity)
14123	    window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params);
14124	else
14125	    window.CQuotient.activities.push({
14126	    	activityType: 'viewCategory',
14127	    	parameters: cq_params
14128	    });
14129  }
14130} catch(err) {}
14131})();
14132/* ]]> */
14133// -->
14134</script>
vendor: 1 bytes, line 14134
14134
14135<script type="text/javascript">//<!--
14136/* <![CDATA[ (viewCategoryProduct-active_data.js) */
14137(function(){
14138try {
14139	if (dw.ac) {
14140		var search_params = {};
14141		search_params.persd = 'false';
14142		search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]';
14143		search_params.sort = 'Bestsellers';
14144		search_params.imageUUID = '';
14145		search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5';
14146		search_params.locale = 'en';
14147		search_params.queryLocale = 'en';
14148		search_params.showProducts = 'true';
14149		dw.ac.applyContext({category: "eye-care-products", searchData: search_params});
14150		if (typeof dw.ac._scheduleDataSubmission === "function") {
14151			dw.ac._scheduleDataSubmission();
14152		}
14153	}
14154} catch(err) {}
14155})();
14156/* ]]> */
14157// -->
14158</script>
vendor: 1 bytes, line 14158
14158
14159<script type="text/javascript">//<!--
14160/* <![CDATA[ (viewProduct-active_data.js) */
14161dw.ac._capture({id: "m2160", type: "searchhit"});
14162/* ]]> */
14163// -->
14164</script>
14164
14165
14166
14167
14168
14169
14170
14171
14172
14173
14174
14175
14176
14177
14178
14179
14180
14181
14182
14183
14184
14185
14186
14187
14188
14189
14190
14191
14192
14193
14194
14195
14196
14197
14198
14199
14200
14201
14202
14203
14204
14205
14206
14207
14208
14209
14210
14211
14212
14213
14214
14215
14216
14217
14218
14219
14220
14221
14222
14223
14224
14225
14226
14227
14228
14229
14230
14231
14232
14233
14234
14235
14236
14237
14238
14239
14240
14241
14242
14243
14244
14245
14246
14247
14248
14249
14250
14251
14252
14253
14254
14255
14256
14257
14258
14259
14260
14261
14262
14263
14264
14265
14266
14267
14268
14269
14270
14271
14272
14273
14274
14275
14276
14277
14278
14279
14280
14281
14282
14283
14284
14285
14286
14287
14288
14289
14290
14291
14292
14293
14294
14295
14296
14297
14298
14299
14300
14301
14302
14303
14304<div class="product-tile js-product-tile" id="b72ca71bd501c0c86eaf4e2d3c" data-jsondata="" data-itemid="2160-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="b72ca71bd501c0c86eaf4e2d3c" -->
14305
14306
14307
14308
14309
14310
14311
14312
14313
14314<div class="gtm-details">
14315	<input type="hidden" class="product-detail-id" data-id="2160-01">
14316
14317	
14318		<input type="hidden" class="product-detail-name" data-name="Clinical Ceramide-Enriched Firming Eye Cream Full size">
14319	
14320
14321	<input type="hidden" class="product-detail-price" data-price="37.93">
14322	<input type="hidden" class="product-detail-discount-price" data-price="6.69">
14323	<input type="hidden" class="product-detail-discount-percantage" data-price="0.15">
14324	<input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products">
14325	<input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products">
14326	<input type="hidden" class="product-detail-collection" data-collection="Clinical">
14327	<input type="hidden" class="product-detail-ingredient" data-ingredient="Ceramides">
14328	<input type="hidden" class="product-detail-variant" data-variant="fullsize">
14329	<input type="hidden" class="product-detail-quantity" data-quantity="1">
14330	
14331	<input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge">
14332	<input type="hidden" class="promotion-name" data-name="15% off">
14333	<input type="hidden" class="product-index" data-index="3">
14334</div>
14335
14336<div class="product-image"><!-- dwMarker="product" dwContentID="b72ca71bd501c0c86eaf4e2d3c" -->
14337
14338<div class="plp-labels">
14339
14340
14341
14342
14343
14344
14345
14346
14347
14348
14349
14350
14351
14352
14353
14354
14355
14356
14357
14358
14359
14360
14361
14362<span class="plp-badge-promo">
14363<style type="text/css">
14364div.badge-promo {display: block;}
14365</style>
14366<span>-15%</span>
14367</span>
14368
14369
14370
14371
14372
14373
14374
14375
14376</div>
14377
14378
14379
14380
14381
14382
14383
14384
14385
14386
14387
14388
14389<a class="thumb-link" href="/clinical-ceramide-enriched-firming-eye-cream-full-size/2160-01.html" title="Clinical Ceramide-Enriched Firming Eye Cream">
14390
14391
14392<img
14393alt="null"
14394width="176"
14395height="268"
14396src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG"
14397srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 170w,
14398https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 300w,
14399https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 210w,
14400https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 420w" />
14401
14402
14403</a>
14404
14405<div class="product-image__wishlist">
14406    <div class="js-wishlist-plp product-image__wishlist-inner">
14407        <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="2160-01"
14408            data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=2160-01"
14409            data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=2160-01">
14410            <span class="icon fa fa-heart--inactive" aria-hidden="true"></span>
14411        </div>
14412    </div>
14413</div>
14414
14415</div>
14416
14417
14418
14419<ul class="product-tile__variation-list">
14420    
14421        
14422            
14423                
14424                    <li class="product-tile__variation-item">
14425                        <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="2160-01" type="button">
14426                             15 ml
14427                        </button>
14428                    </li>
14429                
14430            
14431        
14432    
14433</ul>
14434
14435
14436
14437
14438
14439
14440
14441<div class="product-collection-name-top-section">
14442<div class="product-collection-name text-extended-sm-extrabold">
14443Clinical
14444</div>
14445
14446
14447
14448
14449<div class="product-review js-scroll-to-reviews">
14450<a href="javascript:;" class="js-toggle-reviews-popup">
14451<div id="category-snippet-m2160" class="js-powerreviews-minireview"
14452data-pid="m2160"
14453data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f"
14454data-locale="en_GB"
14455data-mgid="1029794264"
14456data-mid="1970115007"
14457data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css"
14458></div>
14459</a>
14460</div>
14461
14462</div>
14463<div class="product-name plp-product-name name-link text-normal-md-medium">
14464Ceramide-Enriched Firming Eye Cream
14465
14466</div>
14467
14468
14469<div class="product-plp-concerns">
14470
14471
14472<span class="text-normal-md-semibold">
14473Anti-Aging, Dull skin
14474</span>
14475
14476</div>
14477
14478
14479
14480<div class="product-plp-keyfeatures">
14481
14482<div class="feature-1 text-normal-sm-semibold">
14483
14484
14485
14486
14487
14488
14489
14490
14491
14492
14493
14494
14495<div class="content-asset">
14496<p>Helps skin act younger</p>
14497</div>
14498
14499
14500
14501
14502
14503</div>
14504
14505
14506<div class="feature-2 text-normal-sm-semibold">
14507
14508
14509
14510
14511
14512
14513
14514
14515
14516
14517
14518
14519<div class="content-asset">
14520<p>Improves skin tone and texture</p>
14521</div>
14522
14523
14524
14525
14526
14527</div>
14528
14529
14530<div class="feature-3 text-normal-sm-semibold">
14531
14532
14533
14534
14535
14536
14537
14538
14539
14540
14541
14542
14543<div class="content-asset">
14544<p>Softens fine lines and wrinkles</p>
14545</div>
14546
14547
14548
14549
14550
14551</div>
14552
14553</div>
14554<div class="product-long-description">
14555<p>Rich eye cream with 0.01% retinol, visibly reduces fine lines and restores radiance to the eye area.</p>
14556</div>
14557
14558
14559
14560<div class="product-plp-ingredients">
14561
14562
14563
14564
14565
14566
14567
14568
14569    
14570
14571
14572    
14573
14574
14575    
14576
14577
14578
14579    
14580
14581
14582    
14583
14584
14585    
14586
14587
14588
14589    Ceramides, Retinol &#40;Vitamin A&#41;, Vitamin C
14590
14591
14592</div>
14593<div class="product-tile-footer">
14594
14595
14596<div class="product-tile-footer__info">
14597
14598<div class="product-pricing plp-product-pricing">
14599
14600
14601
14602
14603
14604
14605
14606
14607
14608
14609
14610
14611
14612
14613
14614
14615
14616
14617
14618
14619
14620
14621
14622
14623
14624
14625
14626
14627
14628
14629
14630
14631
14632
14633
14634
14635
14636
14637
14638
14639
14640
14641
14642
14643
14644
14645
14646
14647
14648
14649
14650
14651
14652
14653
14654
14655
14656
14657
14658
14659
14660
14661
14662
14663
14664
14665
14666
14667
14668
14669
14670
14671
14672
14673
14674
14675
14676
14677
14678
14679
14680
14681
14682
14683
14684
14685
14686
14687
14688
14689
14690
14691
14692
14693
14694
14695
14696
14697
14698
14699
14700
14701
14702
14703
14704
14705
14706
14707
14708
14709
14710
14711
14712
14713
14714
14715
14716
14717
14718
14719
14720
14721
14722
14723
14724
14725
14726
14727
14728
14729
14730
14731
14732
14733
14734
14735	
14736		
14737			
14738			
14739				<span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="54.0">&#8364; 54,00</span>
14740			
14741			
14742		
14743	
14744		
14745			
14746			
14747				<span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="45.9">&#8364; 45,90</span>
14748			
14749			
14750		
14751	
14752
14753	
14754		<div class="discount-mention">
14755			<span>15% off</span>
14756		</div>
14757	
14758
14759	
14760
14761
14762
14763
14764
14765
14766
14767
14768</div>
14769
14770
14771</div>
14772
14773
14774
14775
14776<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="2160-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon">
14777
14778<span class="plp icon icon-cart" aria-hidden="true"></span>
14779
14780</button>
14781
14782
14783
14784
14785</div>
14786
14787
14788
14789
14790
14791
14792<div class="product-promo">
14793
14794
14795
14796<div class="promotional-message">
1479715% off
14798</div>
14799
14800<div class="promotional-message">
14801Free shipping
14802</div>
14803
14804<div class="promotional-message">
14805Travel-size
14806</div>
14807
14808<div class="promotional-message">
14809Travel-size
14810</div>
14811
14812
14813</div>
14814
14815
14816
14817
14818
14819
14820<div class="product-swatches">
14821
14822
14823
14824<ul class="swatch-list">
14825
14826
14827
14828
14829
14830
14831
14832
14833
14834
14835
14836
14837
14838
14839
14840
14841
14842
14843
14844
14845
14846
14847<li>
14848<a href="https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize" class="swatch selected" title="Full size">
14849<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/>
14850</a>
14851</li>
14852
14853</ul><!-- .swatch-list -->
14854</div><!-- .product-swatches -->
14855
14856
14857
14858
14859
14860
14861
14862
14863
14864
14865
14866
14867</div><!-- END: .product-tile -->
14868
14869
14870
14871</li>
14872
14873
14874
14875</ul>
14876
14877<div class="js-std-pagination">
14878
14879
14880
14881<script type="text/javascript">
14882</script>
14882
14883<div class="pagination">
14884<div class="results-hits">
14885 <span class="toggle-grid"><i class="fa fa-th fa-lg" data-option="column"></i><i class="fa fa-th-list fa-lg" data-option="wide"></i></span>
14886Showing
14887
148881 - 3 of
14889
148903 Results
14891</div>
14892
14893
14894
14895</div>
14896
14897
14898</div>
14899
14900<div class="hide js-alt-pagination">
14901
14902
14903
14904<script type="text/javascript">
14905</script>
14905
14906<div class="pagination">
14907<div class="results-hits">
14908 <span class="toggle-grid"><i class="fa fa-th fa-lg" data-option="column"></i><i class="fa fa-th-list fa-lg" data-option="wide"></i></span>
14909Showing
14910
149111 - 3 of
14912
149133 Results
14914</div>
14915
14916
14917
14918</div>
14919
14920
14921</div>
14922
14923<div class="seo-promo" id="js-seo-target">
14924<a href="javascript:;" id="js-scroll-to-top" class="scroll-top">Move to top</a>
14925
14926	 
14927
14928
14929	
14930
14931
14932
14933
14934
14935
14936 
14937	
14938</div>
14939</div>
14940</div>
14941</div>
14942
14943</div>
14944</div>
14945
14946</div>
14947
14948
14949
14950
14951
14952
14953
14954
14955
14956
14957
14958
14959
14960
14961
14962
14963
14964
14965
14966
14967
14968
14969
14970
14971
14972
14973
14974
14975
14976
14977
14978
14979
14980
14981
14982
14983
14984
14985
14986
14987
14988
14989
14990
14991
14992
14993
14994
14995
14996
14997
14998
14999
15000
15001
15002
15003
15004
15005
15006
15007
15008
15009
15010
15011
15012
15013
15014
15015
15016
15017
15018
15019
15020
15021
15022
15023
15024
15025
15026
15027
15028
15029
15030
15031
15032
15033
15034
15035
15036
15037
15038
15039
15040
15041
15042
15043
15044
15045
15046
15047
15048
15049
15050
15051
15052
15053
15054
15055
15056
15057
15058
15059
15060
15061
15062
15063
15064
15065
15066
15067
15068
15069
15070
15071
15072
15073
15074<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/q.js"></script>
vendor: 1 bytes, line 15074
15074
15075<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/qm.js"></script>
vendor: 1 bytes, line 15075
15075
15076<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.js"></script>
vendor: 1 bytes, line 15076
15076
15077<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/qv.js"></script>
vendor: 1 bytes, line 15077
15077
15078<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/emailsuggestion/emailsuggestiondropdown.js"></script>
vendor: 1 bytes, line 15078
15078
15079<script>
15080
15081
15082
15083(function(){
15084window.Customer = {"FIRSTNAME":"","LASTNAME":"","EMAIL":""};
15085}());
15086
15087(function(){
15088window.Constants = {"AVAIL_STATUS_IN_STOCK":"IN_STOCK","AVAIL_STATUS_PREORDER":"PREORDER","AVAIL_STATUS_BACKORDER":"BACKORDER","AVAIL_STATUS_NOT_AVAILABLE":"NOT_AVAILABLE"};
15089window.Resources = {"I_AGREE":"Accept","TRACKING_CONSENT":"global.tracking_consent","TRACKING_NO_CONSENT":"global.tracking_no_consent","CLOSE":"Close","NO_THANKS":"No, thanks","OK":"OK","ARE_YOU_HUMAN":"Are you a Human Being?","PLEASE_SELECT":"Please Select One","SHIP_QualifiesFor":"This shipment qualifies for","CC_LOAD_ERROR":"Couldn't load credit card!","COULD_NOT_SAVE_ADDRESS":"Could not save address. Please check your entries and try again.","REG_ADDR_ERROR":"Could Not Load Address","NEXT":"Next","PREV":"Previous","BONUS_PRODUCT":"Gift","BONUS_PRODUCTS":"Gifts","SELECT_BONUS_PRODUCTS":"Choose Your Gift","SELECT_BONUS_PRODUCT":"product.selectbonusproduct","BONUS_PRODUCT_SELECT_BUTTON":"Select","BONUS_PRODUCT_UNSELECT_BUTTON":"Unselect","BONUS_PRODUCT_MAX":"The maximum number of gifts has been selected. Please remove one in order to add gifts.","BONUS_PRODUCT_TOOMANY":"You have selected too many gifts. Please change the quantity.","SIMPLE_SEARCH":"Enter Keyword or Item No.","SUBSCRIBE_EMAIL_DEFAULT":"Email Address","CURRENCY_SYMBOL":"€","MISSINGVAL":"Please enter {0}","SERVER_ERROR":"Server connection failed!","MISSING_LIB":"jQuery is undefined.","BAD_RESPONSE":"Bad response - parser error!","INVALID_PHONE":"Please specify a valid phone number.","REMOVE":"Remove","QTY":"QTY","EMPTY_IMG_ALT":"Remove","COMPARE_BUTTON_LABEL":"Compare Items","COMPARE_CONFIRMATION":"This will remove the first product added for comparison. Is that OK?","COMPARE_REMOVE_FAIL":"Unable to remove item from list","COMPARE_ADD_FAIL":"Unable to add item to list","ADD_TO_CART_FAIL":"Unable to add item '{0}' to shopping bag","REGISTRY_SEARCH_ADVANCED_CLOSE":"Close Advanced Search","GIFT_CERT_INVALID":"The code you've entered has not been recognised.","GIFT_CERT_BALANCE":"Your current gift card balance is","GIFT_CERT_AMOUNT_INVALID":"You can purchase gift cards with a minimum balance of £10 and a maximum balance of £150.","GIFT_CERT_MISSING":"Please enter the code on your gift card.","GIFT_CERT_GENERALERROR":"Something went wrong. Please try again.","GIFT_CERT_MIN_ERROR":"Please try again. The minimum is","GIFT_CERT_MAX_ERROR":"Please try again. The maximum is","GIFT_CERT_REGEX_ERROR":"Enter a valid input","MISSING_PAYMENT_METHOD":"Please select a payment method to continue.","GIFT_CERT_CHOOSE_PAYMENTMETHOD":"Your selected payment method is gift certificate. Please select a different method.","INVALID_OWNER":"This appears to be a credit card number. Please enter the name of the card holder.","COUPON_CODE_MISSING":"Please enter a coupon code.","COOKIES_DISABLED":"Your browser is currently not set to accept cookies. Please turn this functionality on or check if you have another program set to block cookies.","BML_AGREE_TO_TERMS":"You must agree to the terms and conditions","CHAR_LIMIT_MSG":"You have {0} characters left out of {1}","CONFIRM_DELETE":"Do you want to remove this {0}?","TITLE_GIFTREGISTRY":"gift registry","TITLE_ADDRESS":"address","TITLE_CREDITCARD":"credit card","SERVER_CONNECTION_ERROR":"Server connection failed!","IN_STOCK_DATE":"The expected in-stock date is {0}.","ITEM_STATUS_NOTAVAILABLE":"This item is currently not available.","INIFINITESCROLL":"Show All","STORE_NEAR_YOU":"What's available at a store near you","SELECT_STORE":"Select Store","SELECTED_STORE":"Selected Store","PREFERRED_STORE":"Preferred Store","SET_PREFERRED_STORE":"Set Preferred Store","ENTER_ZIP":"Enter ZIP Code","INVALID_ZIP":"Please enter a valid ZIP Code","INVALID_ZIP_CODE":"Unfortunately, we do not deliver to this region.","SEARCH":"Search","CHANGE_LOCATION":"Change Location","CONTINUE_WITH_STORE":"Continue with preferred store","CONTINUE":"Continue","SEE_MORE":"See More Stores","SEE_LESS":"See Fewer Stores","QUICK_VIEW":"Quick View","QUICK_VIEW_POPUP":"Product Quick View","TLS_WARNING":"We value your security!<br/>We detected that you are using an outdated browser.<br/>Update you browser to continue a secure shopping experience.","CSRF_TOKEN_MISMATCH":"global.csrf.failed.error","SUBSCRIBE_SUCCESS":"You have successfully subscribed!","EMAIL_AUTOCOMPLETE":"Did you mean","NOTIFYME_ERROR":"Something went wrong. Please submit again.","NOTIFYME_EMAIL_ERROR":"Please fill the email field.","NOTIFYME_SUCCESS":"We will inform you when product is available.","NOTIFYME_EXISTINGEMAIL":"This email address had already requested to be notified when this product is back in stock.","RESULT_FOUND":"Result Found","SEARCH_RESULT":"Show Results","APPLY_RESULT":"Apply","PR_LISTERPOPUP_MOREREVIEWS":"More reviews","VALIDATE_REQUIRED":"This field is required.","VALIDATE_REMOTE":"Please fix this field.","VALIDATE_EMAIL":"Please enter a valid email address.","VALIDATE_URL":"Please enter a valid URL.","VALIDATE_DATE":"Please enter a valid date.","VALIDATE_DATEISO":"Please enter a valid date ( ISO ).","VALIDATE_NUMBER":"Please enter a valid number.","VALIDATE_DIGITS":"Please enter only digits.","VALIDATE_PLUSANDDIGITS":"Please enter valid phone number (without spaces or hyphen).","VALIDATE_CREDITCARD":"Please enter a valid credit card number.","VALIDATE_EQUALTO":"Please enter the same value again.","VALIDATE_MAXLENGTH":"Please enter no more than {0} characters.","VALIDATE_MINLENGTH":"Please enter at least {0} characters.","VALIDATE_RANGELENGTH":"Please enter a value between {0} and {1} characters long.","VALIDATE_RANGE":"Please enter a value between {0} and {1}.","VALIDATE_MAX":"Please enter a value less than or equal to {0}.","VALIDATE_MIN":"Please enter a value greater than or equal to {0}.","VALIDATE_ALPHANUMERIC":"Please use letters, numbers, - or '","VALIDATE_ALPHANUMERICWITHDOT":"Please only use letters, numbers, - or ' or .","VALIDATE_ALPHANUMERICWITHSLASH":"Please use letters, numbers, - or ' or /","VALIDATE_ALPHANUMERICWITHSLASHAND":"validate.alphanumericwithslashand","VALIDATE_ALPHANUMERICWITHCOMMA":"Please use letters, numbers, - or ' or ,","VALIDATE_ALPHANUMERICWITHCOMMADOTSPACE":"Please use letters, numbers, comma, dots or spaces","VALIDATE_ALPHANUMERICWITHCOMMASLASH":"Please use letters, numbers, - or ' or , or /","VALIDATE_FULLNAMELENGTH":"validate.fullnamelength","VALIDATE_GBCITYVALIDATOR":"validate.GBcityvalidator","VALIDATE_ESHOUSENUMBERADDITIONVALIDATOR":"Please use letters, numbers, - or ' or / or superscript characters","VALIDATE_ESADDRESSVALIDATOR":"Please use letters, numbers, - or /","ADYEN_CC_VALIDATE":"Please enter a valid credit card information.","VALIDATE_PASSWORD":"The password has to be 8 - 255 characters long","RECAPTCHA_SITEKEY":"6LckMf0kAAAAAJ_91sihhrSfrVAqpL47-iJFpY1B","CHATPRODUCTADDED":"was added to your shopping bag.","CHATPRODUCTREMOVED":"has been removed from your shopping bag.","COUPONADDED":"The coupon code has been added to your order and was applied.","COUPON_ALREADY_IN_BASKET":"Coupon code cannot be combined with other coupon code in the shopping bag [agent]","COUPON_EXPIRED":"Coupon cannot be added to the shopping bag because it expired [agent]","NO_ACTIVE_PROMOTION":"Coupon code cannot currently be added to the shopping bag, because the promotion is not active [agent]","COUPON_GENERAL":"There is something wrong with this coupon code [agent]","COUPON_CODE_UNKNOWN":"Coupon code cannot currently be added to the shopping bag [agent]","CHATALLPRODUCTSREMOVED":"Your cart is empty now.","COUPONREMOVED":"Coupon code removed","IBM_WATSON_RATE":"Please rate the chat with the agent","IN_STOCK":"In Stock","QTY_IN_STOCK":"{0} Item(s) in Stock","PREORDER":"Pre-Order","QTY_PREORDER":"{0} item(s) are available for pre-order.","REMAIN_PREORDER":"The remaining items are available for pre-order.","BACKORDER":"Back Order","QTY_BACKORDER":"Back order {0} item(s)","REMAIN_BACKORDER":"The remaining items are available on back order.","NOT_AVAILABLE":"This item is currently not available.","REMAIN_NOT_AVAILABLE":"The remaining items are currently not available. Please adjust the quantity.","onlydigitsRegex":"^[0-9]+$","plusAndDigitsRegex":"^(\\+?)\\d{8,14}$","alphanumericRegex":"^[0-9A-Za-zÀ-ɏ '-]+$","alphanumericwithslashandRegex":"^[0-9A-Za-zÀ-ɏ &/'-]+$","alphanumericwithdotRegex":"^[0-9A-Za-zÀ-ɏ .'-]+$","alphanumericwithslashRegex":"^[0-9A-Za-zÀ-ɏ /'-]+$","alphanumericwithcommaRegex":"^[0-9A-Za-zÀ-ɏ ,'-]+$","alphanumericwithcommaslashRegex":"^[0-9A-Za-zÀ-ɏ /,'-]+$","alphanumericwithcommadotspace":"^[0-9A-Za-z., ]+$","ingredientcheckervalidation":"^[0-9A-Za-z\\p{L}.,|~.&·<>:;\\[\\]\\-⁠\\s\\n\\(\\)/\"'\\\\]{2,}$","GBcityvalidatorRegex":"^(?![Gg][Ii][Bb][Rr][Aa][Ll][Tt][Aa][Rr]|[Jj][Ee][Rr][Ss][Ee][Yy]|[Gg][Uu][Ee][Rr][Nn][Ss][Ee][Yy])[0-9A-Za-zÀ-ɏ &/'-]+$","EShouseNumberAdditionValidatorRegex":"^[°º˚̊ͦ֯ᵒ◦ªͣᵃᵅᴬͤᴱᵉ0-9A-Za-zÀ-ɏ /'-]+$","ESAddressValidatorRegex":"^[/0-9A-Za-zÀ-ɏ '-]+$","notCCRegex":"^(?!(([0-9 -]){13,19})).*$","postalCodeRegexes":{"AT":"^\\d{4}$","BE":"^[1-9]{1}[0-9]{3}$","DK":"^([D|d][K|k]( |-))?[1-9]{1}[0-9]{3}$","FI":"^\\d{5}$","FR":"^(F-)?((2[A|B])|[0-9]{2})[0-9]{3}$","DE":"\\b((?:0[1-46-9]\\d{3})|(?:[1-357-9]\\d{4})|(?:[4][0-24-9]\\d{3})|(?:[6][013-9]\\d{3}))\\b","IT":"^(V-|I-)?[0-9]{5}$","LU":"^\\d{4}$","NL":"^[1-9][0-9]{3}\\s?([a-zA-Z]{2})$","ES":"^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$","SE":"^(s-|S-){0,1}[0-9]{3}\\s?[0-9]{2}$","CH":"^\\d{4}$","GB":"^(GIR|[A-Z]\\d[A-Z\\d]??|[A-Z]{2}\\d[A-Z\\d]??)[ ]??(\\d[A-Z]{2})$","US":"^\\d{5}([\\-]?\\d{4})?$","CA":"^[ABCEGHJKLMNPRSTVXY]\\d[ABCEGHJ-NPRSTV-Z][ ]?\\d[ABCEGHJ-NPRSTV-Z]\\d$","NO":"^\\d{4}$","PL":"^\\d{2}-\\d{3}$","BG":"^\\d{4}$","HR":"^\\d{5}$","CY":"^\\d{4}$","CZ":"^\\d{3}[ ]?\\d{2}$","EE":"^\\d{5}$","GR":"^\\d{3}[ ]?\\d{2}$","HU":"^\\d{4}$","LV":"^\\d{4}$","LT":"^\\d{5}$","MT":"^[A-Z]{3}[ ]?\\d{2,4}$","MC":"^98\\d{3}$","FR-DEP":"^97[1-8]\\d{2}$","PT":"^\\d{4}([\\-]\\d{3})?$","RO":"^\\d{6}$","SK":"^\\d{3}[ ]?\\d{2}$","SI":"^\\d{4}$"},"nameLengthRegex":"^.{1,50}$","dateRegex":"^(0?[1-9]|[12][0-9]|3[0-1])[/](0?[1-9]|1[0-2])[/](19|20)?\\d{2}$","phonepRegexes":{"us":"^\\(?([2-9][0-8][0-9])\\)?[\\-\\. ]?([2-9][0-9]{2})[\\-\\. ]?([0-9]{4})(\\s*x[0-9]+)?$","ca":"^\\(?([2-9][0-8][0-9])\\)?[\\-\\. ]?([2-9][0-9]{2})[\\-\\. ]?([0-9]{4})(\\s*x[0-9]+)?$","fr":"^0[1-6]{1}(([0-9]{2}){4})|((\\s[0-9]{2}){4})|((-[0-9]{2}){4})$","nl":"(^\\+[0-9]{2}|^\\+[0-9]{2}\\(0\\)|^\\(\\+[0-9]{2}\\)\\(0\\)|^00[0-9]{2}|^0)([0-9]{9}$|[0-9\\-\\s]{10}$)","de":"(^015|^016|^017)([0-9]{5,9}$)|(^0[1-9]{1})([0-9]{2,10}$)","it":"^(([0-9]{2,4})([-\\s\\/]{0,1})([0-9]{4,8}))?$","jp":"^(0\\d{1,4}- ?)?\\d{1,4}-\\d{4}
15089$","cn":".*","gb":"^((\\(?0\\d{4}\\)?\\s?\\d{3}\\s?\\d{3})|(\\(?0\\d{3}\\)?\\s?\\d{3}\\s?\\d{4})|(\\(?0\\d{2}\\)?\\s?\\d{4}\\s?\\d{4}))(\\s?\\#(\\d{4}|\\d{3}))?$"},"emailAddressRegex":"^(\\w[.%+-]?)+\\w+@(?!.*[@,])(?=.*\\.\\w{2,})\\w{0,63}(-?\\w+)+(\\.(?!.*[\\d])\\w{2,63})+$","postalCodeRestriction_ES":"51000, 51001, 51002, 51003, 51004, 51005, 52000, 52001, 52002, 52003, 52004, 7001, 7002, 7003, 7004, 7005, 7006, 7007, 7008, 7009, 7010, 7011, 7012, 7013, 7014, 7015, 7100, 7101, 7108, 7109, 7110, 7120, 7121, 7122, 7140, 7141, 7142, 7143, 7144, 7150, 7157, 7159, 7160, 7170, 7179, 7180, 7181, 7183, 7184, 7190, 7191, 7192, 7193, 7194, 7195, 7196, 7198, 7199, 7200, 7208, 7209, 7210, 7220, 7230, 7240, 7250, 7260, 7300, 7310, 7311, 7312, 7313, 7314, 7315, 7316, 7320, 7330, 7340, 7349, 7350, 7360, 7369, 7400, 7420, 7430, 7440, 7450, 7458, 7459, 7460, 7469, 7470, 7500, 7509, 7510, 7511, 7518, 7519, 7520, 7529, 7530, 7540, 7550, 7559, 7560, 7570, 7579, 7580, 7589, 7590, 7600, 7609, 7610, 7611, 7620, 7629, 7630, 7638, 7639, 7640, 7650, 7659, 7660, 7669, 7670, 7680, 7687, 7688, 7689, 7690, 7691, 7700, 7701, 7702, 7703, 7710, 7711, 7712, 7713, 7714, 7720, 7730, 7740, 7748, 7749, 7750, 7760, 7769, 7800, 7810, 7811, 7812, 7813, 7814, 7815, 7816, 7817, 7818, 7819, 7820, 7828, 7829, 7830, 7839, 7840, 7849, 7850, 7860, 7870, 7871, 7872, 07001, 07002, 07003, 07004, 07005, 07006, 07007, 07008, 07009, 07010, 07011, 07012, 07013, 07014, 07015, 07100, 07101, 07108, 07109, 07110, 07120, 07121, 07122, 07140, 07141, 07142, 07143, 07144, 07150, 07157, 07159, 07160, 07170, 07179, 07180, 07181, 07183, 07184, 07190, 07191, 07192, 07193, 07194, 07195, 07196, 07198, 07199, 07200, 07208, 07209, 07210, 07220, 07230, 07240, 07250, 07260, 07300, 07310, 07311, 07312, 07313, 07314, 07315, 07316, 07320, 07330, 07340, 07349, 07350, 07360, 07369, 07400, 07420, 07430, 07440, 07450, 07458, 07459, 07460, 07469, 07470, 07500, 07509, 07510, 07511, 07518, 07519, 07520, 07529, 07530, 07540, 07550, 07559, 07560, 07570, 07579, 07580, 07589, 07590, 07600, 07609, 07610, 07611, 07620, 07629, 07630, 07638, 07639, 07640, 07650, 07659, 07660, 07669, 07670, 07680, 07687, 07688, 07689, 07690, 07691, 07700, 07701, 07702, 07703, 07710, 07711, 07712, 07713, 07714, 07720, 07730, 07740, 07748, 07749, 07750, 07760, 07769, 07800, 07810, 07811, 07812, 07813, 07814, 07815, 07816, 07817, 07818, 07819, 07820, 07828, 07829, 07830, 07839, 07840, 07849, 07850, 07860, 07870, 07871, 07872, 35001, 35002, 35003, 35004, 35005, 35006, 35007, 35008, 35009, 35010, 35011, 35012, 35013, 35014, 35015, 35016, 35017, 35018, 35019, 35100, 35106, 35107, 35108, 35109, 35110, 35118, 35119, 35120, 35128, 35129, 35130, 35138, 35139, 35140, 35149, 35200, 35210, 35211, 35212, 35213, 35214, 35215, 35216, 35217, 35218, 35219, 35220, 35229, 35230, 35240, 35250, 35259, 35260, 35269, 35270, 35280, 35290, 35299, 35300, 35307, 35308, 35309, 35310, 35319, 35320, 35328, 35329, 35330, 35333, 35338, 35339, 35340, 35349, 35350, 35360, 35368, 35369, 35400, 35411, 35412, 35413, 35414, 35415, 35420, 35421, 35422, 35423, 35430, 35431, 35432, 35450, 35457, 35458, 35459, 35460, 35468, 35469, 35470, 35478, 35479, 35480, 35488, 35489, 35500, 35507, 35508, 35509, 35510, 35520, 35530, 35539, 35540, 35541, 35542, 35543, 35544, 35550, 35558, 35559, 35560, 35561, 35570, 35571, 35572, 35580, 35600, 35610, 35611, 35612, 35613, 35620, 35625, 35626, 35627, 35628, 35629, 35630, 35637, 35638, 35639, 35640, 35649, 35650, 35660, 38001, 38002, 38003, 38004, 38005, 38006, 38007, 38008, 38009, 38010, 38107, 38108, 38109, 38110, 38111, 38120, 38129, 38130, 38139, 38140, 38150, 38160, 38170, 38180, 38190, 38201, 38202, 38203, 38204, 38205, 38206, 38207, 38208, 38240, 38250, 38260, 38270, 38280, 38290, 38291, 38292, 38293, 38294, 38296, 38297, 38300, 38310, 38311, 38312, 38313, 38314, 38315, 38320, 38329, 38330, 38340, 38350, 38355, 38356, 38357, 38358, 38359, 38360, 38370, 38379, 38380, 38389, 38390, 38398, 38399, 38400, 38410, 38412, 38413, 38414, 38415, 38416, 38417, 38418, 38419, 38420, 38428, 38429, 38430, 38434, 38435, 38438, 38439, 38440, 38441, 38449, 38450, 38458, 38459, 38460, 38470, 38479, 38480, 38489, 38500, 38508, 38509, 38510, 38520, 38530, 38540, 38550, 38560, 38570, 38579, 38580, 38588, 38589, 38590, 38591, 38592, 38593, 38594, 38595, 38600, 38610, 38611, 38612, 38613, 38614, 38615, 38616, 38617, 38618, 38619, 38620, 38626, 38627, 38628, 38629, 38630, 38631, 38632, 38639, 38640, 38649, 38650, 38652, 38660, 38670, 38677, 38678, 38679, 38680,38683, 38684, 38685, 38686, 38687, 38688, 38689, 38690, 38700, 38710, 38711, 38712, 38713, 38714, 38715, 38720, 38726, 38727, 38728, 38729, 38730, 38738, 38739, 38740, 38749, 38750, 38758, 38759, 38760, 38767, 38768, 38769, 38770, 38779, 38780, 38787, 38788, 38789, 38800, 38801, 38810, 38811, 38812, 38813, 38820, 38829, 38830, 38840, 38849, 38850, 38852, 38860, 38869, 38870, 38879, 38890, 38891, 38892, 38900, 38910, 38911, 38912, 38913, 38914, 38915, 38916, 38917","postalCodeRestriction_DE":"27498","postalCodeRestriction_IT":"47890,47891,47892,47893,47894,47895,47896,47897,47898,47899"};
15090window.Urls = {"getIngredientData":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetIngredientData","appResources":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Resources-Load","pageInclude":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-Include","continueUrl":"https://www.paulaschoice-eu.com/search","cookieExtendCookie":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cookies-ExtendCookie","staticPath":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/","addGiftCert":"/giftcertpurchase","minicartGC":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/GiftCert-Sh
15090owMiniCart","addProduct":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProduct","addProductThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductThroughChat","removeProductThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveProductThroughChat","addProductViaGET":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductViaGET","minicart":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-MiniAddProduct","cartShow":"/cart","giftRegAdd":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Address-GetAddressDetails?addressID=","paymentsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/PaymentInstruments-List","addressesList":"https://www.paulaschoice-eu.com/account/address","wishlistAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-SetShippingAddress","deleteAddress":"/account/deleteaddress","getProductUrl":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Show","getBonusProducts":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetBonusProducts","addBonusProduct":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddBonusProduct","getSetItem":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetSetItem","productDetail":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Detail","getAvailability":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetAvailability","removeImg":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwd03e41b3/images/icon_remove.gif","searchsuggest":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetSuggestions","productNav":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Productnav","summaryRefreshURL":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-UpdateSummary","billingSelectCC":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-SelectCreditCard","updateAddressDetails":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateAddressDetails","updateAddressDetailsBilling":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-UpdateAddressDetails","shippingMethodsJSON":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-GetApplicableShippingMethodsJSON","shippingMethodsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateShippingMethodList","shippingMethodsListPaazl":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateShippingMethodListPaazl","selectShippingMethodsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-SelectShippingMethod","saveShippingAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-SaveShippingAddress","getPostCodeService":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-GetPostCodeService","saveBillingAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-SaveBillingAddress","resetPaymentForms":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-ResetPaymentForms","compareShow":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-Show","compareAdd":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-AddProduct","compareRemove":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-RemoveProduct","compareEmptyImage":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw0c895b72/images/comparewidgetempty.png","giftCardCheckBalance":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-GetGiftCertificateBalance","redeemGiftCert":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-RedeemGiftCertificateJson","addCoupon":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddCouponJson","
15090storesInventory":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-Inventory","setPreferredStore":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetPreferredStore","getPreferredStore":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-GetPreferredStore","setStorePickup":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetStore","setZipCode":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetZipCode","getZipCode":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-GetZipCode","billing":"/checkout/billing","setSessionCurrency":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Currency-SetSessionCurrency","getProductInfo":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetProductInfo","addEditAddress":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShippingMultiple-AddEditAddressJSON","cookieHint":"/cookie_hint/cookie_hint.html","cookieEditPage":"/cookies/cookies.html","consentTrackingSetSession":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Account-ConsentTracking","rateLimiterReset":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/RateLimiter-HideCaptcha","csrffailed":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/CSRF-Failed","getredirection":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Url-getCurrent","autofillAddress":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Address-AutofillAddress","isFirstCustomerOrder":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-FirstCustomerOrder","getEmailSuggestionList":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Home-EmailSuggestions","includeNotifyMeUserInputAjax":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/NotifyMe-includeNotifyMeUserInputAjax","faqShipping":"/shipping/faq-shipping.html","addCouponFromChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddCouponFromChat","international":"/international/international.html","getCartForChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-GetCartForChat","removeAllProductsThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveAllProductsThroughChat","removeCouponFromChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveCouponFromChat","getCartSkusInfo":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-GetCartSkusInfo","updatePaazlShippingPrice":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdatePaazlShippingPrice","paymentFromComponentUrl":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Adyen-PaymentFromComponent","paymentDetailsFromComponent":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Adyen-PaymentDetailsFromComponent","hamsTracking":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cookies-HamsTracking","pdComponentFindRoutine":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-PdComponentFindRoutine","getMeaningfullConcerns":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetMeaningfullConcerns","imageAnalyzer":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Ingredients-imageAnalyzer","ingredientCheckerProductFinder":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-IngredientCheckerProductFinder","showReviewPopup":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-ShowReviewPopup","getMerchantId":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Emarsys-MerchantId"};
15091window.SitePreferences = {"LISTING_REFINE_SORT":true,"STORE_PICKUP":true,"COOKIE_HINT":false,"CURRENCY_CODE":"EUR","LOCALE":"en","COUNTRY":"","OJSON":"","ADYEN_SF_ENABLED":true,"REAL_TIME_PRODUCT_IMPRESSION_ENABLED":true,"INGREDIENTS_RATING_COLORS":"{\"best\":\"#0065B7\",\"good\":\"#339999\",\"average\":\"#CEAEA1\",\"bad\":\"#E2967F\",\"worst\":\"#8C244D\",\"unknown\":\"#000000\",\"not rated\":\"grey\"}"};
15092window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null};
15093}());
15094</script>
vendor: 1 bytes, line 15094
15094
15095<script>
15096
15097(function(){
15098window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null};
15099window.User = {"zip":null,"storeId":null};
15100}());
15101</script>
15101
15102
15103
15104
15105<script src="https://ui.powerreviews.com/stable/4.1/ui.js" async></script>
15105
15106
15107
15108
15109<script>
15110
15111(function () {
15112window.KlaviyoUrls = {"subscribers":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/KlaviyoNewsletter-Subscribers","thankYouPage":"https://www.paulaschoice-eu.com/newsletter_success.html","thankYouPageEcourse":"https://www.paulaschoice-eu.com/newsletter-success-course.html"};
15113window.KlaviyoResources = {"locale":"en"};
15114window.KlaviyoPreferences = {"enabled":true};
15115}());
15116</script>
15116
15117
15118<script>pageContext = {"title":"Product Search Results","type":"search","ns":"search","gtmPageType":"Listerpage"};</script>
vendor: 1 bytes, line 15118
15118
15119<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/app.js" async="async"></script>
15119
15120
15121
15122
15123
15124
15125
15126
15127
15128
15129
15130
15131
15132
15133
15134
15135
15136
15137
15138
15139
15140
15141
15142
15143
15144
15145
15146
15147
15148
15149
15150
15151
15152
15153
15154
15155
15156
15157
15158
15159
15160
15161
15162
15163
15164
15165
15166
15167
15168
15169
15170
15171
15172
15173
15174
15175
15176
15177
15178
15179
15180
15181
15182
15183
15184
15185
15186
15187
15188
15189
15190
15191
15192
15193
15194
15195
15196
15197
15198
15199
15200
15201
15202
15203
15204
15205
15206
15207
15208
15209
15210
15211
15212
15213
15214
15215
15216
15217
15218
15219
15220
15221
15222
15223
15224
15225
15226
15227
15228
15229
15230
15231
15232
15233
15234
15235
15236
15237
15238
15239
15240
15241
15242
15243
15244
15245
15246<div id="trustbadgeCustomContainer"></div>
15247
15248
15249
15250<script>
15251var meta = "Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here.";
15252var keywords = "";
15253</script>
15253
15254
15255
15256
15257<script>
15258var element = document.getElementById('myRoutine');
15259if(element) {
15260window.myRoutine = {
15261config: {
15262apiBaseUrl: "https://paulaschoiceroutineapiservicehost.azurewebsites.net",
15263siteBaseUrl: "https://paulaschoiceroutinecontenthost.azurewebsites.net",
15264site: "paulaschoice-eu.com",
15265topFloatPadding: "69",
15266locale: "en_EU"
15267},
15268getProductsInfo: function(args) {
15269$.ajax({
15270url: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/MyRoutine-GetProductsInfo",
15271type: 'POST',
15272xhrFields: {
15273withCredentials: true
15274},
15275dataType: 'json',
15276contentType: 'application/json',
15277data: JSON.stringify({
15278productIds: args.productIds
15279})
15280})
15281.done(function (response) {
15282args.success(response.data);
15283})
15284.fail(function (xhr, textStatus) {
15285args.fail();
15286})
15287},
15288getCustomerInfo: function(args) {
15289$.ajax({
15290url: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/MyRoutine-GetCustomerInfo",
15291type: 'GET',
15292xhrFields: {
15293withCredentials: true
15294},
15295dataType: 'json'
15296})
15297.done(function (response) {
15298args.success(response.data);
15299})
15300.fail(function (xhr, textStatus) {
15301args.fail();
15302})
15303},
15304addProductsToBag: function(args) {
15305var productsParameter = '';
15306var productIds = args.productIds;
15307var productId;
15308for ( var i = 0; i < productIds.length; i++ ){
15309productId = productIds[i];
15310if ( productId.indexOf('-') > -1 ){
15311productId = productId.split('-')[1];
15312}
15313productsParameter += productId + ',';
15314}
15315parameter = productsParameter.substr(0,productsParameter.length-1);
15316var location = "/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddRoutineToCart".concat('?pids='+parameter);
15317window.location = location;
15318},
15319login: function() {
15320window.location = "https://www.paulaschoice-eu.com/login".concat('?original=', window.location.pathname);
15321}
15322};
15323let stateCheck = setInterval(function(){
15324if (document.readyState === 'complete') {
15325if (!String.prototype.startsWith) {
15326String.prototype.startsWith = function(searchString, position) {
15327position = position || 0;
15328return this.indexOf(searchString,position) === position;
15329};
15330}
15331clearInterval(stateCheck);
15332var link = document.createElement('link');
15333link.setAttribute('rel', 'stylesheet');
15334link.setAttribute('href', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.css');
15335document.getElementsByTagName("head")[0].appendChild(link);
15336var script = document.createElement('script');
15337script.setAttribute('type', 'text/javascript');
15338script.setAttribute('src', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.js');
15339script.onload = function() {
15340window.myRoutine.init(element);
15341}
15342document.getElementsByTagName("head")[0].appendChild(script);
15343}
15344}, 100);
15345}
15346</script>
15346
15347
15348
15349
15350
15351<div class="footer-cloudchat">
15352
15353
15354
15355    
15355<script>
15356window.chatConfig = {
15357    setHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/ChatUtils-SetHandoffActive",
15358    clearHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/ChatUtils-ClearHandoffActive",
15359    alhenaCompanyId: "paulaschoice_eu",
15360    addProductThroughChatUrl: "https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductThroughChat?format=ajax"
15361};
15362    </script>
15362
15363    
15364        
15364<script>
15365	document.gleenConfig = {
15366	    company: "paulaschoice_eu",
15367	    apiBaseUrl: "https://app.alhena.ai"
15368	};
15369</script>
15369
15370<style>
15371	div#helix-chat-container .css-xn3drc {
15372	  z-index: 200 !important;
15373	}
15374</style>
15375<script src="https://app.alhena.ai/sdk/gleenWidget.js"></script>
vendor: 2 bytes, line 15375
15375
15376<script type="text/javascript">
15377	(function () {
15378	    function activateHandoffWidget() {
15379	        var tpl = document.getElementById('chatHandoffTemplate');
15380	        if (!tpl) {
15381	            console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.');
15382	            return;
15383	        }
15384fetch(window.chatConfig.setHandoffActiveUrl, {
15385        method: 'POST'
15386    }).catch(function (err) { console.error('Failed to persist handoff state:', err); });
15387	
15388	        var channel = tpl.getAttribute('data-channel');
15389	
15390	        if (channel === 'MIAW') {
15391	            window.addEventListener('onEmbeddedMessagingButtonCreated', function onBtn() {
15392	                window.removeEventListener('onEmbeddedMessagingButtonCreated', onBtn);
15393	                if (window.embeddedservice_bootstrap && embeddedservice_bootstrap.utilAPI) {
15394	                    embeddedservice_bootstrap.utilAPI.launchChat()
15395	                        .catch(function (err) { console.error('MIAW launchChat error:', err); });
15396window.gleenWidget.hideLauncher();
15397	                }
15398	            });
15399	        }
15400			if (channel === 'Kustomer') {
15401				// Persisted so the open request survives a reload during handoff.
15402				try {
15403					sessionStorage.setItem('pcKustomerAutoOpen', '1');
15404				} catch (e) {}
15405				window.pcKustomerAutoOpen = true;
15406			
15407				if (typeof window.gleenWidget.hideLauncher === 'function') {
15408					window.gleenWidget.hideLauncher();
15409				}
15410			}
15411	        // channel === 'IBM' / 'ServiceCloud' auto-open logic - pending review of those scripts
15412	
15413	        var clone = document.importNode(tpl.content, true);
15414	        document.body.appendChild(clone);
15415	    }
15416	
15417	    window.gleenWidget.on('ticket:agent_handoff_initiated', function () {
15418	        console.log('Alhena handoff initiated - activating human agent channel');
15419var tpl = document.getElementById('chatHandoffTemplate');
15420	        if (!tpl) {
15421	            console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.');
15422	            return;
15423	        }
15424	        window.gleenWidget.closeTicket();
15425	        window.gleenWidget.close();
15426	        activateHandoffWidget();
15427
15428	    });
15429	})();
15430</script>
15430
15431<!-- Alhena event tracking snippet -->
15432<script>
15433	!(function (w) {
15434	        w._alhenaEventQueue = w._alhenaEventQueue || [];
15435	        w.trackAlhenaEvent =
15436	            w.trackAlhenaEvent ||
15437	            function (method, data) {
15438	                console.log('[Alhena]', method, data);
15439	                w._alhenaEventQueue.push({ method: method, args: data });
15440	            };
15441	    })(window);
15442</script>
vendor: 2 bytes, line 15442
15442
15443<script>
15444	(function () {
15445	    function onGleenReady(cb) {
15446	        if (window.gleenWidget && typeof window.gleenWidget.on === 'function') {
15447	            cb();
15448	            return;
15449	        }
15450	        setTimeout(function () { onGleenReady(cb); }, 100);
15451	    }
15452	
15453	    function showAddedPopup(html) {
15454	        if (typeof window.pcShowProductAddedPopup === 'function') {
15455	            window.pcShowProductAddedPopup(html);
15456	            return;
15457	        }
15458	        // app.js not ready yet — retry briefly
15459	        var tries = 0;
15460	        var t = setInterval(function () {
15461	            tries += 1;
15462	            if (typeof window.pcShowProductAddedPopup === 'function') {
15463	                clearInterval(t);
15464	                window.pcShowProductAddedPopup(html);
15465	            } else if (tries > 40) {
15466	                clearInterval(t);
15467	            }
15468	        }, 100);
15469	    }
15470	
15471	        function readCartData() {
15472	    var el = document.querySelector('[data-cartdata]');
15473	    if (!el) {
15474	        return [];
15475	    }
15476	    try {
15477	        var data = JSON.parse(el.getAttribute('data-cartdata') || '[]');
15478	        return Array.isArray(data) ? data : [];
15479	    } catch (e) {
15480	        return [];
15481	    }
15482	}
15483	
15484	function refreshCartData() {
15485	            var url = window.Urls && Urls.getCartSkusInfo;
15486	            if (!url) {
15487	                return Promise.resolve();
15488	            }
15489	            return fetch(url, { credentials: 'same-origin' })
15490	                .then(function (r) { return r.text(); })
15491	                .then(function (text) {
15492	                    var el = document.querySelector('[data-cartdata]');
15493	                    if (!el || !text) {
15494	                        return;
15495	                    }
15496	                    var parsed = JSON.parse(text);
15497	                    el.setAttribute(
15498	                        'data-cartdata',
15499	                        typeof parsed === 'string' ? parsed : JSON.stringify(parsed)
15500	                    );
15501	                })
15502	                .catch(function (err) {
15503	                            console.error(err);
15504	                        });
15505	        }
15506	
15507	        function parseAlhenaPrice(price) {
15508	            if (typeof price === 'number' && !isNaN(price)) return price;
15509	            if (!price) return 0;
15510	            var n = parseFloat(String(price).replace(/[^\d.,-]/g, '').replace(',', '.'));
15511	            return isNaN(n) ? 0 : n;
15512	        }
15513	
15514	    onGleenReady(function () {
15515	        window.gleenWidget.on('products:added_to_cart', function (products) {
15516	            if (!products || !products.length) {
15517	                return;
15518	            }
15519	
15520	            var url = window.chatConfig && window.chatConfig.addProductThroughChatUrl;
15521	            if (!url) {
15522	                console.error('Alhena ATC: missing chatConfig.addProductThroughChatUrl');
15523	                return;
15524	            }
15525	
15526	                products.forEach(function (product) {
15527	                    var pid = product.variantId || product.masterProductId;
15528	                    if (!pid) {
15529	                        return;
15530	                    }
15531	                    var existing = readCartData().filter(function (item) {
15532	    return String(item.sku) === String(pid);
15533	})[0];
15534	var qtyBefore = existing ? Number(existing.quantity) || 0 : 0;
15535	                    fetch(url, {
15536	                        method: 'POST',
15537	                        credentials: 'same-origin',
15538	                        headers: {
15539	                            'Content-Type': 'application/x-www-form-urlencoded',
15540	                            'X-Requested-With': 'XMLHttpRequest'
15541	                        },
15542	                        body: 'pid=' + encodeURIComponent(pid) + '&source=alhena'
15543	                    })
15544	                        .then(function (r) {
15545	                            if (!r.ok) {
15546	                                throw new Error('Alhena ATC failed: ' + r.status);
15547	                            }
15548	                            return r.text();
15549	                        })
15550	                        .then(function (html) {
15551	                            showAddedPopup(html);
15552	                            // Do not close gleenWidget — leave chat open under the popup
15553	                            var cartEvent = {
15554	    type: qtyBefore > 0 ? 'QUANTITY_INCREASED' : 'ITEM_ADDED',
15555	    productId: pid,
15556	    productName: product.productName,
15557	    value: parseAlhenaPrice(product.price),
15558	    currency: product.currency,
15559	    quantity: qtyBefore + 1
15560	};
15561	                            console.log('[Alhena AB] sendCartEvent', cartEvent);
15562	                            trackAlhenaEvent('sendCartEvent', cartEvent);
15563	                            return refreshCartData();
15564	                    })
15565	                    .catch(function (err) {
15566	                        console.error(err);
15567	                    });
15568	            });
15569	        });
15570	    });
15571	})();
15572</script>
15572
15573    
15574
15575    
15576        <template id="chatHandoffTemplate" data-channel="Kustomer">
15577            
15578                
15578<script>
15579window.pcKustomerConfig = {"brandId":"6a59d4938383f3c582814c8a","lang":"en","market":"EU","languageName":"English","chatCaseRequestSite":"en","privacyUrl":"/privacy-policy/privacy-policy.html","customer":{"firstName":"","lastName":"","email":""}};
15580                </script>
15580
15581                
15581<script src="https://cdn.kustomerapp.com/chat-web/widget.js" data-kustomer-api-key="eyJhbGciOiJub25lIn0.eyJvcmciOiI2YTU4ZTA3OTNmYmY5ODU5NWZmNzQ3ODgiLCJvcmdOYW1lIjoicGF1bGFzY2hvaWNlLWV1IiwicG9kIjoicHJvZDIiLCJyb2xlcyI6WyJvcmcudHJhY2tpbmciXX0."></script>
vendor: 2 bytes, line 15581
15581
15582<script>
15583	(function () {
15584	    var config = window.pcKustomerConfig;
15585	    if (!config || !config.brandId) {
15586	        return;
15587	    }
15588	
15589	    var translations = {
15590	        en: {
15591	            chat: 'Chat', open: 'Open chat', close: 'Close', first: 'First Name', last: 'Last Name',
15592	            email: 'Email', reason: 'Contact Reason', skin: 'Skin Type', concern: 'Skin concern',
15593	            accept: 'I accept', start: 'Start Conversation', starting: 'Starting...', required: 'Required.',
15594	            invalidEmail: 'Valid email required.', privacy: 'By providing your email, you consent to its use for customer support and case documentation in accordance with our {privacy}.',
15595	            privacyPolicy: 'Privacy Policy',
15596	            reasons: ['Product advice', 'Order inquiry', 'Shipping & delivery', 'Returns & refunds', 'Account help', 'Other'],
15597	            skins: ['Not applicable', 'Dry', 'Normal', 'Combination', 'Oily', "I don't know my skintype"]
15598	        },
15599	        de: {
15600	            chat: 'Chat', open: 'Chat öffnen', close: 'Schließen', first: 'Vorname', last: 'Nachname',
15601	            email: 'E-Mail', reason: 'Kontaktgrund', skin: 'Hauttyp', concern: 'Hautproblem',
15602	            accept: 'Ich akzeptiere', start: 'Gespräch starten', starting: 'Wird gestartet...', required: 'Pflichtfeld.',
15603	            invalidEmail: 'Gültige E-Mail-Adresse erforderlich.', privacy: 'Mit der Angabe Ihrer E-Mail-Adresse stimmen Sie der Verwendung für den Kundenservice und die Falldokumentation gemäß unserer {privacy} zu.',
15604	            privacyPolicy: 'Datenschutzerklärung',
15605	            reasons: ['Produktberatung', 'Bestellanfrage', 'Versand & Lieferung', 'Rücksendungen & Erstattungen', 'Kontohilfe', 'Sonstiges'],
15606	            skins: ['Nicht zutreffend', 'Trocken', 'Normal', 'Mischhaut', 'Fettig', 'Ich kenne meinen Hauttyp nicht']
15607	        },
15608	        fr: {
15609	            chat: 'Chat', open: 'Ouvrir le chat', close: 'Fermer', first: 'Prénom', last: 'Nom',
15610	            email: 'E-mail', reason: 'Motif de contact', skin: 'Type de peau', concern: 'Préoccupation cutanée',
15611	            accept: "J'accepte", start: 'Démarrer la conversation', starting: 'Démarrage...', required: 'Obligatoire.',
15612	            invalidEmail: 'Adresse e-mail valide requise.', privacy: 'En fournissant votre e-mail, vous acceptez son utilisation pour le support client et la documentation des dossiers conformément à notre {privacy}.',
15613	            privacyPolicy: 'Politique de confidentialité',
15614	            reasons: ['Conseil produit', 'Demande de commande', 'Livraison', 'Retours et remboursements', 'Aide au compte', 'Autre'],
15615	            skins: ['Non applicable', 'Sèche', 'Normale', 'Mixte', 'Grasse', 'Je ne connais pas mon type de peau']
15616	        },
15617	        nl: {
15618	            chat: 'Chat', open: 'Chat openen', close: 'Sluiten', first: 'Voornaam', last: 'Achternaam',
15619	            email: 'E-mail', reason: 'Contactreden', skin: 'Huidtype', concern: 'Huidprobleem',
15620	            accept: 'Ik accepteer', start: 'Gesprek starten', starting: 'Bezig met starten...', required: 'Verplicht.',
15621	            invalidEmail: 'Geldig e-mailadres vereist.', privacy: 'Door uw e-mailadres op te geven, stemt u in met het gebruik ervan voor klantenservice en casusdossiering in overeenstemming met ons {privacy}.',
15622	            privacyPolicy: 'Privacybeleid',
15623	            reasons: ['Productadvies', 'Bestelvraag', 'Verzending & levering', 'Retouren & terugbetalingen', 'Accounthulp', 'Overig'],
15624	            skins: ['Niet van toepassing', 'Droog', 'Normaal', 'Gemengd', 'Vet', 'Ik ken mijn huidtype niet']
15625	        },
15626	        it: {
15627	            chat: 'Chat', open: 'Apri chat', close: 'Chiudi', first: 'Nome', last: 'Cognome',
15628	            email: 'E-mail', reason: 'Motivo del contatto', skin: 'Tipo di pelle', concern: 'Problema della pelle',
15629	            accept: 'Accetto', start: 'Avvia conversazione', starting: 'Avvio...', required: 'Obbligatorio.',
15630	            invalidEmail: "Inserisci un'e-mail valida.", privacy: "Fornendo la tua e-mail, acconsenti al suo utilizzo per l'assistenza clienti e la documentazione del caso in conformità con la nostra {privacy}.",
15631	            privacyPolicy: 'Informativa sulla privacy',
15632	            reasons: ['Consulenza sui prodotti', "Richiesta sull'ordine", 'Spedizione e conseg
15632na', 'Resi e rimborsi', 'Assistenza account', 'Altro'],
15633	            skins: ['Non applicabile', 'Secca', 'Normale', 'Mista', 'Grassa', 'Non conosco il mio tipo di pelle']
15634	        },
15635	        da: {
15636	            chat: 'Chat', open: 'Åbn chat', close: 'Luk', first: 'Fornavn', last: 'Efternavn',
15637	            email: 'E-mail', reason: 'Kontaktårsag', skin: 'Hudtype', concern: 'Hudbekymring',
15638	            accept: 'Jeg accepterer', start: 'Start samtale', starting: 'Starter...', required: 'Påkrævet.',
15639	            invalidEmail: 'Gyldig e-mail påkrævet.', privacy: 'Ved at oplyse din e-mail accepterer du, at den bruges til kundesupport og sagsdokumentation i overensstemmelse med vores {privacy}.',
15640	            privacyPolicy: 'privatlivspolitik',
15641	            reasons: ['Produktrådgivning', 'Bestillingsforespørgsel', 'Forsendelse og levering', 'Returnering og refusion', 'Kontohjælp', 'Andet'],
15642	            skins: ['Ikke relevant', 'Tør', 'Normal', 'Kombineret', 'Fedtet', 'Jeg kender ikke min hudtype']
15643	        },
15644	        es: {
15645	            chat: 'Chat', open: 'Abrir chat', close: 'Cerrar', first: 'Nombre', last: 'Apellidos',
15646	            email: 'Correo electrónico', reason: 'Motivo de contacto', skin: 'Tipo de piel', concern: 'Preocupación de la piel',
15647	            accept: 'Acepto', start: 'Iniciar conversación', starting: 'Iniciando...', required: 'Obligatorio.',
15648	            invalidEmail: 'Se requiere un correo electrónico válido.', privacy: 'Al proporcionar tu correo electrónico, consientes su uso para atención al cliente y documentación del caso de acuerdo con nuestra {privacy}.',
15649	            privacyPolicy: 'Política de privacidad',
15650	            reasons: ['Asesoramiento de productos', 'Consulta de pedido', 'Envío y entrega', 'Devoluciones y reembolsos', 'Ayuda con la cuenta', 'Otro'],
15651	            skins: ['No aplicable', 'Seca', 'Normal', 'Mixta', 'Grasa', 'No conozco mi tipo de piel']
15652	        },
15653	        sv: {
15654	            chat: 'Chatt', open: 'Öppna chatt', close: 'Stäng', first: 'Förnamn', last: 'Efternamn',
15655	            email: 'E-post', reason: 'Kontaktorsak', skin: 'Hudtyp', concern: 'Hudbesvär',
15656	            accept: 'Jag accepterar', start: 'Starta konversation', starting: 'Startar...', required: 'Obligatoriskt.',
15657	            invalidEmail: 'Giltig e-post krävs.', privacy: 'Genom att ange din e-post samtycker du till att den används för kundsupport och ärendedokumentation i enlighet med vår {privacy}.',
15658	            privacyPolicy: 'integritetspolicy',
15659	            reasons: ['Produktrådgivning', 'Beställningsfråga', 'Frakt och leverans', 'Returer och återbetalningar', 'Kontohjälp', 'Övrigt'],
15660	            skins: ['Inte tillämpligt', 'Torr', 'Normal', 'Kombinerad', 'Fet', 'Jag vet inte min hudtyp']
15661	        },
15662	        pl: {
15663	            chat: 'Czat', open: 'Otwórz czat', close: 'Zamknij', first: 'Imię', last: 'Nazwisko',
15664	            email: 'E-mail', reason: 'Powód kontaktu', skin: 'Typ skóry', concern: 'Problem skórny',
15665	            accept: 'Akceptuję', start: 'Rozpocznij rozmowę', starting: 'Uruchamianie...', required: 'Wymagane.',
15666	            invalidEmail: 'Wymagany prawidłowy adres e-mail.', privacy: 'Podając swój e-mail, wyrażasz zgodę na jego wykorzystanie do obsługi klienta i dokumentacji sprawy zgodnie z naszą {privacy}.',
15667	            privacyPolicy: 'Polityką prywatności',
15668	            reasons: ['Porada produktowa', 'Zapytanie o zamówienie', 'Wysyłka i dostawa', 'Zwroty i refundacje', 'Pomoc do konta', 'Inne'],
15669	            skins: ['Nie dotyczy', 'Sucha', 'Normalna', 'Mieszana', 'Tłusta', 'Nie znam swojego typu skóry']
15670	        }
15671	    };
15672	    var canonicalReasons = ['Product advice', 'Order inquiry', 'Shipping & delivery', 'Returns & refunds', 'Account help', 'Other'];
15673	    var canonicalSkins = ['Not applicable', 'Dry', 'Normal', 'Combination', 'Oily', "I don't know my skintype"];
15674	    var t = translations[config.lang] || translations.en;
15675	    var ready = false;
15676	    var started = false;
15677	    var conversationId = null;
15678	    var sessionKey = 'pcKustomerChat';
15679	    var autoOpenKey = 'pcKustomerAutoOpen';
15680	    var transcriptTimer = null;
15681	    var pendingOpen = false;
15682	    var brandColor = '#30397a';
15683	    var launcherColor = '#282828';
15684	    var formFontFamily = '"area-extended",sans-serif';
15685	
15686	    function getWidgetDocument() {
15687	        var iframe = document.getElementById('kustomer-ui-sdk-iframe');
15688	        try {
15689	            return iframe && iframe.contentDocument;
15690	        } catch (error) {
15691	            return null;
15692	        }
15693	    }
15694	
15695	    function isPrechatMessage(text) {
15696	        return text && text.indexOf('Contact Reason:') !== -1 && text.indexOf('Chat Request Site:') !== -1;
15697	    }
15698	
15699	    function customizeWidget() {
15700	        var widgetDocument = getWidgetDocument();
15701	        if (!widgetDocument || !widgetDocument.body) {
15702	            return;
15703	        }
15704	
15705	        if (!widgetDocument.getElementById('pc-kustomer-widget-style')) {
15706	            var widgetStyle = widgetDocument.createElement('style');
15707	            widgetStyle.id = 'pc-kustomer-widget-style';
15708	            widgetStyle.textContent = 'html,body,button,input,textarea,select,p,span,div,a,label{font-family:"area-extended",sans-serif!important}' +
15709	                '[class*="titleBarButtons__right"]{top:10px!important}' +
15710	                '[data-pc-hidden-prechat]{display:none!important}';
15711	            widgetDocument.head.appendChild(widgetStyle);
15712	        }
15713	
15714	        var messages = widgetDocument.querySelectorAll('[data-kt="outboundMessageBubbleText"]');
15715	        Array.prototype.forEach.call(messages, function (message) {
15716	            if (!isPrechatMessage(message.textContent || '')) {
15717	                return;
15718	            }
15719	            var bubble = message.closest('[class*="chatBubble__outbound"]') || message.parentElement;
15720	            if (bubble) {
15721	                bubble.setAttribute('data-pc-hidden-prechat', '1');
15722	            }
15723	        });
15724	
15725	        if (!widgetDocument.documentElement.getAttribute('data-pc-kustomer-observer')) {
15726	            widgetDocument.documentElement.setAttribute('data-pc-kustomer-observer', '1');
15727	            var observer = new MutationObserver(function () {
15728	                window.setTimeout(customizeWidget, 0);
15729	            });
15730	            observer.observe(widgetDocument.body, { childList: true, subtree: true });
15731	        }
15732	    }
15733	
15734	    function waitForWidget() {
15735	        var attempts = 0;
15736	        var timer = window.setInterval(function () {
15737	            attempts += 1;
15738	            customizeWidget();
15739	            if (getWidgetDocument() || attempts >= 20) {
15740	                window.clearInterval(timer);
15741	            }
15742	        }, 500);
15743	    }
15744	
15745	    function downloadTranscript() {
15746	        var widgetDocument = getWidgetDocument();
15747	        var messages = widgetDocument
15748	            ? widgetDocument.querySelectorAll('[data-kt="inboundMessageBubbleText"], [data-kt="outboundMessageBubbleText"]')
15749	            : [];
15750	        var lines = ["Paula's Choice Chat Transcript", 'Page: ' + window.location.href, ''];
15751	        Array.prototype.forEach.call(messages, function (message) {
15752	            var text = (message.textContent || '').replace(/\s+/g, ' ').trim();
15753	            if (!text || isPrechatMessage(text)) {
15754	                return;
15755	            }
15756	            var role = message.getAttribute('data-kt') === 'outboundMessageBubbleText' ? 'Customer' : 'Agent';
15757	            lines.push(role + ': ' + text);
15758	        });
15759	        if (lines.length === 3) {
15760	            lines.push('(No messages found.)');
15761	        }
15762	
15763	        var link = document.createElement('a');
15764	        link.href = URL.createObjectURL(new Blob([lines.join('\n')], { type: 'text/plain;charset=utf-8' }));
15765	        link.download = 'paulas-choice-chat.txt';
15766	        link.click();
15767	        URL.revokeObjectURL(link.href);
15768	    }
15769	
15770	    function positionTranscriptButton() {
15771	        var button = document.getElementById('pc-kustomer-transcript');
15772	        var iframe = document.getElementById('kustomer-ui-sdk-iframe');
15773	        var widgetDocument = getWidgetDocument();
15774	        var endChat = widgetDocument && widgetDocument.querySelector('[data-kt="endChatIcon"]');
15775	        if (!button || !iframe || !endChat) {
15776	            if (button) {
15777	                button.style.display = 'none';
15778	            }
15779	            return;
15780	        }
15781	
15782	        var iframeRect = iframe.getBoundingClientRect();
15783	        var iconRect = endChat.getBoundingClientRect();
15784	        button.style.display = 'block';
15785	        button.style.left = (iframeRect.left + iconRect.left - 32) + 'px';
15786	        button.style.top = (iframeRect.top + iconRect.top) + 'px';
15787	    }
15788	
15789	    function showTranscriptButton() {
15790	        var button = document.getElementById('pc-kustomer-transcript');
15791	        if (!button) {
15792	            button = document.createElement('button');
15793	            button.id = 'pc-kustomer-transcript';
15794	            button.type = 'button';
15795	            button.title = 'Save Transcript';
15796	            button.textContent = '\uD83D\uDCC4';
15797	            button.style.cssText = 'position:fixed;z-index:2147483647;display:none;width:18px;height:18px;border:0;background:transparent;cursor:pointer';
15798	            button.addEventListener('click', downloadTranscript);
15799	            document.body.appendChild(button);
15800	        }
15801	        positionTranscriptButton();
15802	        if (transcriptTimer) {
15803	            window.clearInterval(transcriptTimer);
15804	        }
15805	        transcriptTimer = window.setInterval(positionTranscriptButton, 400);
15806	    }
15807	
15808	    function hideTranscriptButton() {
15809	        if (transcriptTimer) {
15810	            window.clearInterval(transcriptTimer);
15811	            transcriptTimer = null;
15812	        }
15813	        var button = document.getElementById('pc-kustomer-transcript');
15814	        if (button) {
15815	            button.style.display = 'none';
15816	        }
15817	    }
15818	
15819	    function options(values, labels) {
15820	        return values.map(function (value, index) {
15821	            return '<option value="' + value + '">' + labels[index] + '</option>';
15822	        }).join('');
15823	    }
15824	
15825	    function injectUi() {
15826	        if (document.getElementById('pc-kustomer-launcher')) {
15827	            return;
15828	        }
15829	
15830	        var privacy = t.privacy.replace(
15831	            '{privacy}',
15832	            '<a href="' + config.privacyUrl + '" target="_blank" rel="noopener">' + t.privacyPolicy + '</a>'
15833	        );
15834	        var style = document.createElement('style');
15835	        style.textContent = '#pc-kustomer-launcher{position:fixed;bottom:12px;right:20px;width:56px;height:56px;border-radius:50%;border:none;background:' + launcherColor + ';color:#fff;cursor:pointer;z-index:2147483646;box-shadow:0 4px 16px rgba(0,0,0,.25);padding:0;display:flex;align-items:center;justify-content:center}' +
15836	            '#pc-kustomer-launcher svg{display:block}' +
15837	            '#pc-kustomer-panel,#pc-kustomer-panel input,#pc-kustomer-panel select,#pc-kustomer-panel button,#pc-kustomer-panel label,#pc-kustomer-panel p,#pc-kustomer-panel a,#pc-kustomer-panel span{font-family:' 
15837+ formFontFamily + '!important;font-weight:400!important;font-style:normal}' +
15838	            '#pc-kustomer-panel{position:fixed;bottom:12px;right:20px;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:2147483647;display:none;overflow:hidden}' +
15839	            '#pc-kustomer-panel.is-open{display:block}' +
15840	            '#pc-kustomer-panel header{background:' + brandColor + ';color:#fff;padding:10px 12px;font-size:15px;font-weight:400;display:flex;align-items:center;justify-content:space-between}' +
15841	            '#pc-kustomer-panel .pc-header-title{display:flex;align-items:center;gap:8px}' +
15842	            '#pc-kustomer-panel .pc-header-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#7ea3d4;flex-shrink:0}' +
15843	            '#pc-kustomer-panel span.pc-header-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:11px;font-weight:700;letter-spacing:.3px;line-height:1}' +
15844	            '#pc-kustomer-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:20px;width:24px;height:24px}' +
15845	            '#pc-kustomer-panel main{padding:16px 16px 8px;max-height:400px;overflow-y:auto}' +
15846	            '#pc-kustomer-form{text-align:left}' +
15847	            '#pc-kustomer-form label{display:block;margin:0 0 4px;font-size:11px;color:#737373;letter-spacing:.3px}' +
15848	            '#pc-kustomer-form label .req{color:#e74c3c;margin-right:3px}' +
15849	            '#pc-kustomer-form input:not([type=checkbox]),#pc-kustomer-form select{width:100%;box-sizing:border-box;margin:0 0 12px;padding:9px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#333;appearance:none;-webkit-appearance:none}' +
15850	            '#pc-kustomer-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'8\' viewBox=\'0 0 12 8\'%3E%3Cpath fill=\'%23737373\' d=\'M1 1l5 5 5-5\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}' +
15851	            '#pc-kustomer-form .pc-privacy{font-size:12px;color:#4a4a4a;line-height:1.45;margin:4px 0 14px}' +
15852	            '#pc-kustomer-form .pc-privacy a{color:#3b6cb5;text-decoration:underline}' +
15853	            '#pc-kustomer-form .pc-accept-row{display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;margin:0 0 8px!important;width:100%!important;max-width:100%!important;text-align:left!important;float:none!important}' +
15854	            '#pc-kustomer-form .pc-accept-row input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:' + brandColor + '}' +
15855	            '#pc-kustomer-form .pc-accept-row label{display:inline;width:auto;margin:0;font-size:13px;color:#333;letter-spacing:0;cursor:pointer;text-align:left}' +
15856	            '#pc-kustomer-start{width:100%;padding:14px;border:none;background:' + brandColor + ';color:#fff;font-size:15px;font-weight:400;cursor:pointer;font-family:inherit}' +
15857	            '#pc-kustomer-start:disabled{opacity:.65;cursor:not-allowed}' +
15858	            '#pc-kustomer-panel .pc-error{color:#e74c3c;font-size:12px;margin:-8px 0 10px;display:none}';
15859	        document.head.appendChild(style);
15860	        if (!document.getElementById('pc-kustomer-font')) {
15861	            var font = document.createElement('link');
15862	            font.id = 'pc-kustomer-font';
15863	            font.rel = 'stylesheet';
15864	            font.href = 'https://use.typekit.net/wfi8npk.css';
15865	            document.head.appendChild(font);
15866	        }
15867	
15868	        var launcher = document.createElement('button');
15869	        launcher.id = 'pc-kustomer-launcher';
15870	        launcher.type = 'button';
15871	        launcher.setAttribute('aria-label', t.open);
15872	        launcher.innerHTML =
15873	            '<svg viewBox="2 2 20 20" width="36" height="36" aria-hidden="true">' +
15874	            '<path fill="#fff" d="M12 3C7.03 3 3 6.72 3 11.3c0 2.72 1.42 5.14 3.62 6.76L5.2 21.2c-.22.55.4 1.06.9.76l4.16-2.48c.56.12 1.14.18 1.74.18 4.97 0 9-3.72 9-8.36C21 6.72 16.97 3 12 3z"/>' +
15875	            '<rect x="8" y="8.4" width="8" height="1.5" rx=".75" fill="' + launcherColor + '"/>' +
15876	            '<rect x="8" y="11.15" width="6.4" height="1.5" rx=".75" fill="' + launcherColor + '"/>' +
15877	            '<rect x="8" y="13.9" width="4.8" height="1.5" rx=".75" fill="' + launcherColor + '"/>' +
15878	            '</svg>';
15879	
15880	        var panel = document.createElement('section');
15881	        panel.id = 'pc-kustomer-panel';
15882	        panel.innerHTML = '<header><div class="pc-header-title"><span class="pc-header-icon">PC</span><span>' + t.chat + '</span></div><button id="pc-kustomer-close" type="button" aria-label="' + t.close + '">&times;</button></header>' +
15883	            '<main><form id="pc-kustomer-form" novalidate>' +
15884	            '<label for="pc-first-name"><span class="req">*</span>' + t.first + '</label><input id="pc-first-name" autocomplete="given-name"><div class="pc-error" id="pc-first-error">' + t.required + '</div>' +
15885	            '<label for="pc-last-name"><span class="req">*</span>' + t.last + '</label><input id="pc-last-name" autocomplete="family-name"><div class="pc-error" id="pc-last-error">' + t.required + '</div>' +
15886	            '<label for="pc-email"><span class="req">*</span>' + t.email + '</label><input id="pc-email" type="email" autocomplete="email"><div class="pc-error" id="pc-email-error">' + t.invalidEmail + '</div>' +
15887	            '<label for="pc-reason"><span class="req">*</span>' + t.reason + '</label><select id="pc-reason">' + options(canonicalReasons, t.reasons) + '</select>' +
15888	            '<label for="pc-skin"><span class="req">*</span>' + t.skin + '</label><select id="pc-skin">' + options(canonicalSkins, t.skins) + '</select>' +
15889	            '<label for="pc-concern">' + t.concern + '</label><input id="pc-concern">' +
15890	            '<p class="pc-privacy">' + privacy + '</p>' +
15891	            '<p id="pc-accept-row" class="pc-accept-row"><input id="pc-accept" type="checkbox"><label for="pc-accept"><span class="req">*</span>' + t.accept + '</label></p>' +
15892	            '<div class="pc-error" id="pc-accept-error">' + t.required + '</div></form></main>' +
15893	            '<button id="pc-kustomer-start" type="submit" form="pc-kustomer-form">' + t.start + '</button>';
15894	
15895	        document.body.appendChild(launcher);
15896	        document.body.appendChild(panel);
15897	        launcher.addEventListener('click', open);
15898	        document.getElementById('pc-kustomer-close').addEventListener('click', close);
15899	        document.getElementById('pc-kustomer-form').addEventListener('submit', submit);
15900	        prefill();
15901	        pinAcceptRow();
15902	    }
15903	
15904	    // Site stylesheets can override the checkbox row layout, so re-assert it inline.
15905	    function pinAcceptRow() {
15906	        var row = document.getElementById('pc-accept-row');
15907	        if (!row) {
15908	            return;
15909	        }
15910	
15911	        row.style.setProperty('display', 'flex', 'important');
15912	        row.style.setProperty('align-items', 'center', 'important');
15913	        row.style.setProperty('justify-content', 'flex-start', 'important');
15914	        row.style.setProperty('gap', '8px', 'important');
15915	        row.style.setProperty('width', '100%', 'important');
15916	        row.style.setProperty('max-width', '100%', 'important');
15917	        row.style.setProperty('margin', '0 0 8px', 'important');
15918	        row.style.setProperty('padding', '0', 'important');
15919	        row.style.setProperty('text-align', 'left', 'important');
15920	        row.style.setProperty('float', 'none', 'important');
15921	
15922	        var checkbox = row.querySelector('input[type=checkbox]');
15923	        if (checkbox) {
15924	            checkbox.style.setProperty('width', '16px', 'important');
15925	            checkbox.style.setProperty('height', '16px', 'important');
15926	            checkbox.style.setProperty('margin', '0', 'important');
15927	            checkbox.style.setProperty('flex-shrink', '0', 'important');
15928	        }
15929	
15930	        var label = row.querySelector('label');
15931	        if (label) {
15932	            label.style.setProperty('display', 'inline', 'important');
15933	            label.style.setProperty('width', 'auto', 'important');
15934	            label.style.setProperty('margin', '0', 'important');
15935	            label.style.setProperty('text-align', 'left', 'important');
15936	        }
15937	    }
15938	
15939	    function prefill() {
15940	        var customer = config.customer || {};
15941	        document.getElementById('pc-first-name').value = customer.firstName || '';
15942	        document.getElementById('pc-last-name').value = customer.lastName || '';
15943	        document.getElementById('pc-email').value = customer.email || '';
15944	    }
15945	
15946	    function open() {
15947	        if (started) {
15948	            document.getElementById('pc-kustomer-launcher').style.display = 'none';
15949	            if (conversationId && typeof window.Kustomer.openConversationById === 'function') {
15950	                window.Kustomer.openConversationById({ conversationId: conversationId }, function (response, error) {
15951	                    if (error) {
15952	                        window.Kustomer.open();
15953	                    }
15954	                });
15955	            } else {
15956	                window.Kustomer.open();
15957	            }
15958	            return;
15959	        }
15960	        document.getElementById('pc-kustomer-launcher').style.display = 'none';
15961	        document.getElementById('pc-kustomer-panel').classList.add('is-open');
15962	        pinAcceptRow();
15963	    }
15964	
15965	    function close() {
15966	        document.getElementById('pc-kustomer-panel').classList.remove('is-open');
15967	        document.getElementById('pc-kustomer-launcher').style.display = 'flex';
15968	    }
15969
15970	    // Alhena handoff loads this script on demand, so an open request can arrive
15971	    // before Kustomer.start has finished. Queue it until the widget is ready.
15972	    function openWhenReady() {
15973	        if (!ready || !document.getElementById('pc-kustomer-panel')) {
15974	            pendingOpen = true;
15975	            return;
15976	        }
15977	        open();
15978	    }
15979
15980	    // Alhena handoff asks for an open before this script exists, and the page may
15981	    // reload in between, so the request is read once from sessionStorage.
15982	    function consumeAutoOpenRequest() {
15983	        if (window.pcKustomerAutoOpen === true || config.autoOpen === true) {
15984	            return true;
15985	        }
15986	        try {
15987	            if (sessionStorage.getItem(autoOpenKey) === '1') {
15988	                sessionStorage.removeItem(autoOpenKey);
15989	                return true;
15990	            }
15991	        } catch (error) {
15992	            // Browser storage unavailable; the window flag still covers same-page handoff.
15993	        }
15994	        return false;
15995	    }
15996
15997	    function requestAutoOpen() {
15998	        window.pcKustomerAutoOpen = true;
15999	        try {
16000	            sessionStorage.setItem(autoOpenKey, '1');
16001	        } catch (error) {
16002	            // Browser storage unavailable; open request will not survive a reload.
16003	        }
16004	        openWhenReady();
16005	    }
16006	
16007	    function showError(id, show) {
16008	        document.getElementById(id).style.display = show ? 'block' : 'none';
16009	    }
16010	
16011	    function saveSession() {
16012	        try {
16013	            sessionStorage.setItem(sessionKey, JSON.stringify({ started: true, conversationId: conversationId }));
16014	        } catch (error) {
16015	            // Chat still works when browser storage is unavailable.
16016	        }
16017	    }
16018	
16019	    function loadSession() {
16020	        try {
16021	            var saved = JSON.parse(sessionStorage.getItem(sessionKey));
16022	            if (saved && saved.started) {
16023	                started = true;
16024	                conversationId = saved.conversationId || null;
16025	            }
16026	        } catch (error) {
16027	            // Ignore missing or malformed browser state.
16028	        }
16029	    }
16030	
16031	    function buildMessage(data) {
16032	        var message = 'Name: ' + data.firstName + ' ' + data.lastName +
16033	            '\nEmail: ' + data.email +
16034	            '\nContact Reason: ' + data.reason +
16035	            '\nSkin Type: ' + data.skin;
16036	        if (data.concern) {
16037	            message += '\nSkin Concern: ' + data.concern;
16038	        }
16039	        return message + '\nChat Request Site: ' + window.location.hostname +
16040	            '\nChat Request Page: ' + window.location.pathname;
16041	    }
16042	
16043	    function submit(event) {
16044	        event.preventDefault();
16045	        if (!ready || started) {
16046	            return;
16047	        }
16048	
16049	        var data = {
16050	            firstName: document.getElementById('pc-first-name').value.trim(),
16051	            lastName: document.getElementById('pc-last-name').value.trim(),
16052	            email: document.getElementById('pc-email').value.trim(),
16053	            reason: document.getElementById('pc-reason').value,
16054	            skin: document.getElementById('pc-skin').value,
16055	            concern: document.getElementById('pc-concern').value.trim()
16056	        };
16057	        var accepted = document.getElementById('pc-accept').checked;
16058	        var validEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email);
16059	        showError('pc-first-error', !data.firstName);
16060	        showError('pc-last-error', !data.lastName);
16061	        showError('pc-email-error', !validEmail);
16062	        showError('pc-accept-error', !accepted);
16063	        if (!data.firstName || !data.lastName || !validEmail || !accepted) {
16064	            return;
16065	        }
16066	
16067	        var button = document.getElementById('pc-kustomer-start');
16068	        button.disabled = true;
16069	        button.textContent = t.starting;
16070	                document.getElementById('pc-kustomer-panel').classList.remove('is-open');
16071	        window.Kustomer.describeCustomer({
16072	            attributes: { sharedEmails: [data.email] },
16073	            customAttributes: {
16074	                firstNameStr: data.firstName,
16075	                lastNameStr: data.lastName,
16076	                skinTypeStr: data.skin,
16077	                contactReasonStr: data.reason
16078	            }
16079	        }, function () {
16080	            window.Kustomer.createConversation({
16081	                message: buildMessage(data),
16082	                customAttributes: {
16083	                    skinTypeStr: data.skin,
16084	                    contactReasonStr: data.reason,
16085	                    chatCaseRequestSiteStr: config.chatCaseRequestSite,
16086	                    languageStr: config.languageName,
16087	                    marketOriginStr: config.market
16088	                }
16089	            }, function (response, error) {
16090	                button.disabled = false;
16091	                button.textContent = t.start;
16092	                if (error) {
16093	                    return;
16094	                }
16095	                conversationId = response && response.conversationId;
16096	                started = true;
16097	                saveSession();
16098	                open();
16099	            });
16100	        });
16101	    }
16102	
16103	    function init() {
16104	        if (!window.Kustomer || typeof window.Kustomer.start !== 'function') {
16105	            window.setTimeout(init, 100);
16106	            return;
16107	        }
16108	        window.Kustomer.start({
16109	            brandId: config.brandId,
16110	            lang: config.lang,
16111	            hideChatIcon: true,
16112	            hideHistory: true,
16113	            preferredView: 'chat'
16114	        }, function () {
16115	            ready = true;
16116	            waitForWidget();
16117	            loadSession();
16118	            injectUi();
16119	            if (pendingOpen || consumeAutoOpenRequest()) {
16120	                pendingOpen = false;
16121	                open();
16122	            }
16123	            window.Kustomer.addListener('onOpen', function () {
16124	                document.getElementById('pc-kustomer-launcher').style.display = 'none';
16125	                waitForWidget();
16126	                showTranscriptButton();
16127	            });
16128	            window.Kustomer.addListener('onClose', function () {
16129	                hideTranscriptButton();
16130	                document.getElementById('pc-kustomer-launcher').style.display = 'flex';
16131	            });
16132	            window.Kustomer.addListener('onConversationCreate', function (response) {
16133	                if (!response || !response.conversationId) {
16134	                    return;
16135	                }
16136	                conversationId = response.conversationId;
16137	                started = true;
16138	                saveSession();
16139	                window.Kustomer.describeConversation({
16140	                    conversationId: conversationId,
16141	                    customAttributes: {
16142	                        chatCaseRequestSiteStr: config.chatCaseRequestSite,
16143	                        languageStr: config.languageName,
16144	                        marketOriginStr: config.market
16145	                    }
16146	                }, function () {});
16147	            });
16148	            try {
16149	                window.Kustomer.addListener('onConversationEnded', function () {
16150	                    started = false;
16151	                    conversationId = null;
16152	                    sessionStorage.removeItem(sessionKey);
16153	                });
16154	            } catch (error) {
16155	                // Older widget versions do not expose this event.
16156	            }
16157	        });
16158	    }
16159	
16160	    window.pcKustomerChat = {
16161	        open: openWhenReady,
16162	        close: close,
16163	        requestAutoOpen: requestAutoOpen,
16164	        isReady: function () {
16165	            return ready;
16166	        },
16167	        isStarted: function () {
16168	            return started;
16169	        }
16170	    };
16171
16172	    init();
16173	}());
16174</script>
16174
16175            
16176        </template>
16177    
16178
16179
16180
16181
16182</div>
16183
16184
16185
16186
16187
16188
16189
16190<footer class="main-footer main-footer--redesign">
16191<section class="main-footer__nav">
16192<div class="main-footer__container">
16193<div class="main-footer__nav-layout">
16194<div class="main-footer__nav-left">
16195<div class="main-footer__nav-columns">
16196<div class="main-footer__nav-column">
16197
16198
16199
16200
16201
16202
16203
16204
16205
16206
16207
16208
16209
16210<div class="content-asset">
16211<input class="main-footer__toggle-checkbox" id="main-footer-column-two" type="checkbox">
16212<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-two">Our commitments</label>
16213<div class="main-footer__toggle">
16214	<ul class="main-footer__column-list" data-columns="1">
16215		<li class="main-footer__column-list-item">
16216			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/paulas-vision/paulas-vision.html">Who we are</a>
16217		</li>
16218		<li class="main-footer__column-list-item">
16219			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/who-is-paula-begoun/paulas-story.html">Paula's story</a>
16220		</li>
16221		<li class="main-footer__column-list-item">
16222			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/science-advisory-board">Science Advisory Board</a>
16223		</li>
16224		<!--li class="main-footer__column-list-item">
16225			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/sustainability">Our sustainable journey</a>
16226		</li-->
16227</ul>
16228</div>
16229</div>
16230
16231
16232
16233
16234
16235</div>
16236<div class="main-footer__nav-column">
16237
16238
16239
16240
16241
16242
16243
16244
16245
16246
16247
16248
16249
16250<div class="content-asset">
16251<input class="main-footer__toggle-checkbox" id="main-footer-column-three" type="checkbox">
16252<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-three">Our services</label>
16253<div class="main-footer__toggle">
16254	<ul class="main-footer__column-list" data-columns="1">
16255	 	<li class="main-footer__column-list-item">
16256			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-product-questions/faq-product-questions.html">Product queries</a>
16257		</li>	<li class="main-footer__column-list-item">
16258			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/frequently-asked-questions/faq.html">Frequently asked questions</a>
16259		</li>
16260		<li class="main-footer__column-list-item">
16261			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/shipping/faq-shipping.html">Shipping & delivery</a>
16262		</li>
16263         	<li class="main-footer__column-list-item">
16264			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-ordering-payments/faq-ordering-payments.html">Ordering & payment</a>
16265		</li>
16266		<li class="main-footer__column-list-item">
16267			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/international/international.html">International domains</a>
16268		</li>
16269			<li class="main-footer__column-list-item">
16270			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-returns-exchanges/faq-returns-exchanges.html">Returns</a>
16271		</li>
16272		<li class="main-footer__column-list-item">
16273			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/press/press.html">Press</a>
16274		</li>
16275		<li class="main-footer__column-list-item">
16276			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/contact-us">Contact</a>
16277		</li>
16278		<!--li class="main-footer__column-list-item">
16279			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/cookies/cookies.html">Cookie settings</a>
16280		</li-->
16281	</ul>
16282</div>
16283</div>
16284
16285
16286
16287
16288
16289</div>
16290<div class="main-footer__nav-column">
16291
16292
16293
16294
16295
16296
16297
16298
16299
16300
16301
16302
16303
16304<div class="content-asset">
16305<input class="main-footer__toggle-checkbox" id="main-footer-column-four" type="checkbox" />
16306<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-four">Our extras</label>
16307<div class="main-footer__toggle">
16308	<ul class="main-footer__column-list" data-columns="1">
16309                <li class="main-footer__column-list-item">
16310			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/routine-finder">Find your routine</a>
16311		</li>
16312		<li class="main-footer__column-list-item">
16313			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/contact-us">Personal skincare advice</a>
16314		</li>
16315		<li class="main-footer__column-list-item">
16316			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/discount-page">Offers and discounts</a>
16317		</li>
16318		<li class="main-footer__column-list-item">
16319			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/newsletter/newsletter.html">Subscriber offers</a>
16320		</li>
16321		<!--li class="main-footer__column-list-item">
16322			<a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/giftcertpurchase">Digital gift card</a>
16323		</li-->
16324	</ul>
16325</div>
16326</div>
16327
16328
16329
16330
16331
16332</div>
16333</div>
16334</div>
16335<div class="main-footer__nav-right">
16336<div class="main-footer__nav-column main-footer__nav-column--five">
16337
16338
16339
16340
16341
16342
16343
16344
16345
16346
16347
16348
16349
16350<div class="content-asset">
16351<div class="main-footer__newsletter">
16352     <h3 class="main-footer__top-headline h3-extended-lg-black">Special offers when you sign up </h3>
16353     
16354
16355
16356
16357
16358
16359
16360
16361
16362
16363
16364
16365
16366
16367
16368
16369
16370
16371
16372
16373
16374
16375
16376
16377
16378
16379
16380
16381
16382
16383
16384
16385
16386
16387
16388
16389
16390
16391
16392
16393
16394
16395
16396
16397
16398
16399
16400
16401
16402
16403
16404
16405
16406
16407
16408
16409
16410
16411
16412
16413
16414
16415
16416
16417
16418
16419
16420
16421
16422
16423
16424
16425
16426
16427
16428
16429
16430
16431
16432
16433
16434
16435
16436
16437
16438
16439
16440
16441
16442
16443
16444
16445
16446
16447
16448
16449
16450
16451
16452
16453
16454
16455
16456
16457
16458
16459
16460
16461
16462
16463
16464
16465
16466
16467
16468
16469
16470
16471
16472
16473
16474
16475
16476
16477
16478
16479<div class="newsletter-footer" >
16480<form
16481method="post"
16482id="com.demandware.beehive.core.internal.forms.FormImpl@32f718bd"
16483class="newsletter-footer__form js-newsletter-send"
16484data-eventAction='Footer Newsletter Submit'
16485data-is-emarsys-enabled-for-locale="false"
16486data-emarsys-page="footer">
16487<div class="newsletter-footer__field-wrap">
16488<input type="hidden" class="text field" name="dwfrm_newsletter_type" value="footer" />
16489<input class="newsletter-footer__field js-newletter-input" type="email" placeholder="My email address" name="dwfrm_newsletter_emailAddress" />
16490
16491<button
16492type="submit"
16493class="newsletter-footer__submit js-newsletter-subscribe js-newsletter-footer-submit-recaptcha"
16494data-captchaId="captcha_container_newsletter"
16495name="dwfrm_newsletter_submit"
16496aria-label="Send"
16497>
16498<img
16499class="newsletter-footer__submit-icon"
16500src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwbf888900/images/newsletter/newsletter_arrow.svg"
16501alt=""
16502aria-hidden="true"
16503/>
16504</button>
16505<div class="newsletter-footer__recaptcha-row">
16506<input type="hidden" name="dwfrm_newsletter_recaptcha" />
16507<div class="newsletter-footer__recaptcha-newsletter" id="captcha_container_newsletter"></div>
16508</div>
16509
16510</div>
16511<div class="newsletter-footer__error js-newsletter-error"></div>
16512</form>
16513</div>
16514
16515</div>
16516
16517
16518
16519
16520
16521
16522
16523
16524
16525
16526
16527
16528
16529
16530
16531
16532
16533<div class="content-asset">
16534<div class="main-footer__socials">
16535	<!--div class="main-footer__socials-label text-extended-lg-black">
16536		Our socials
16537	</div-->
16538	<ul class="main-footer__column-socials-list">
16539		<li class="main-footer__column-socials-item">
16540			<a class="main-footer__column-socials-link" title="TikTok" href="https://www.tiktok.com/@paulaschoiceuk/" target="_blank"><span class="icon icon-tiktok" aria-hidden="true"></span></a>
16541		</li>
16542<li class="main-footer__column-socials-item">
16543			<a class="main-footer__column-socials-link" title="Instagram" href="https://www.instagram.com/paulaschoice" target="_blank"><span class="icon icon-instagram-alt" aria-hidden="true"></span></a>
16544		</li>
16545<li class="main-footer__column-socials-item">
16546			<a class="main-footer__column-socials-link" title="Youtube" href="https://www.youtube.com/channel/UCrub19gos63vbd8dVpUBr9g" target="_blank"><span class="icon icon-youtube" aria-hidden="true"></span></a>
16547		</li>
16548                 <li class="main-footer__column-socials-item">
16549			<a class="main-footer__column-socials-link" title="Facebook" href="https://www.facebook.com/Paulaschoiceeurope" target="_blank"><span class="icon icon-facebook" aria-hidden="true"></span></a>
16550		</li>
16551		<!--li class="main-footer__column-socials-item">
16552			<a class="main-footer__column-socials-link" title="Twitter" href="https://twitter.com/PaulasChoice_UK" target="_blank"><span class="icon icon-twitter" aria-hidden="true"></span></a>
16553		</li-->
16554		
16555		
16556		
16557	</ul>
16558</div>
16559</div>
16560
16561
16562
16563
16564
16565
16566
16567
16568
16569
16570
16571</div>
16572</div>
16573</div>
16574</div>
16575</section>
16576<section class="main-footer__meta">
16577<div class="main-footer__container">
16578<div class="main-footer__meta-row">
16579<div class="main-footer__bottom-copyright">
16580
16581
16582
16583
16584
16585
16586
16587
16588
16589
16590
16591
16592<div class="content-asset">
16593Copyright &copy;
16594<script type="text/javascript">document.write(new Date().getFullYear());</script>
16594
16595Paula's Choice
16596<!--style for exfoliant finder page for FF- wait for content stack and design-->
16597    <style type="text/css">
16598    @media screen and (min-width: 768px) {
16599    @-moz-document url-prefix() {
16600    div.js-skintype.field-wrapper.routine-step-1__wrapper div.routine-right-block div.form-row div.field-wrapper label {width: 120px;}
16601    }
16602    }
16603    </style>
16604    
16605    <!--style for SAB page - still needed for that page -->
16606    <style type="text/css">
16607    div#scienceadvisoryboard.main-region.js-expert-advice-main  div.column.column-text.text-position-right.text-position-bottom p a {padding: 0px; display: inline;}
16608    </style>
16609    
16610    <!--style for the skintypefinder on the homepage - can be a ticket-->
16611    <style type="text/css">
16612    div.mini-routinefinder__card__desc div.mini-routinefinder__card__desc--long p {font-size: 14px;}
16613   @media screen and (max-width: 767px) {
16614   div.mini-routinefinder__card.js-mini-routinefinder-card.mini-routinefinder__card--active a.button.onyx.mini-routinefinder__link {padding: 5px !important}
16615   }
16616    </style>
16617
16618    <!--move the email text to the right- make a ticket-->
16619    <!--style type="text/css">
16620    @media screen and (min-width: 1180px) {
16621    h3.main-footer__top-headline {margin-right: 20px; text-align: right !important;}
16622    }
16623    </style-->
16624
16625<!--search-->
16626<style type="text/css">
16627.collection-header .information-banner, h4.search-suggestions__heading {background-color: #f6f7f6;}
16628
16629div.promotional-accordeon.js-accordeon-section.collection-block h3.js-accordeon-trigger.accordeon-trigger {background-color: #f6f7f6;}
16630div.promotional-accordeon.js-accordeon-section.collection-block div.js-accordeon-body.accordeon-body {background-color: #f6f7f6;}
16631div.accordeon-body-content div.educational {border-top: 1px solid #ffffff !important}
16632</style>
16633
16634<!--pdp-->
16635<style type="text/css">
16636div.product-how__description {background-color: #f6f7f6 !important;padding: 20px;}
16637div.confirmation__main-order {background-color: #f6f7f6 !important;}
16638h2.h2-extended-3xl-black-xl {line-height: 1.2em !important}
16639
16640</style>
16641
16642<!--homepage block 1 image-->
16643<style type="text/css">
16644@media screen and (min-width: 1180px) {
16645section.video-banner a.video-banner__media-link div.video-banner__media picture.video-banner__image {height: 100vh;}
16646}
16647</style>
16648
16649
16650<!--ingredient checker-->
16651<style type="text/css">
16652div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container h1.ingredient-checker-rte__title {font-size: 32px; font-stretch: expanded; font-weight: 1000; line-height: 1.2em}
16653div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container div.ingredient-checker-rte__text p {color: #1c1c1c !important;font-size: 24px; margin: 21px 0 30px;}
16654div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container div.ingredient-checker-rte__text p strong {font-weight: 400; text-transform: none; color: #1c1c1c; font-size: .7em;}
16655div.about-dictionary__text p {font-size: 14px; font-weight: 400}
16656section.about-dictionary__wrapper, section.ingredient-research {background-color: #f6f7f6}
16657
16658@media screen and (max-width: 767px) {
16659div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container h1.ingredient-checker-rte__title {font-size: 30px}
16660
16661}
16662</style>
16663
16664<!--email block Unidays page-->
16665<style type="text/css">
16666h1.video-banner__heading font.student {width: 500px; display: inline-block;}
16667div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started div.column-form {background-color: #f6f7f6; margin-left: 20px}
16668div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started {background-color: #f6f7f6}
16669div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started div.column-form div.form {width:70%}
16670div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-redesign-promoblock div.promo-block-redesign div.promo-block-redesign__content.js-animated-element.animated-element.fade-up.animation-started {text-align: left}
16671div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-redesign-promoblock div.promo-block-redesign div.promo-block-redesign__content.js-animated-element.animated-element.fade-up.animation-started ul li {font-size: 20px;}
16672
16673@media screen and (max-width: 767px) {
16674h1.video-banner__heading font.student {width: auto; display: inline-block;}
16675}
16676</style>
16677
16678<!--block2 homepage wider-->
16679<style type="text/css">
16680h2.promo-block-redesign__title {max-width: 450px}
16681</style>
16682
16683
16684
16685<!--homepage general white-->
16686<style type="text/css">
16687h3.video-banner__subheading div.eyebrow-white {font-size: 20px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -20px}
16688h3.video-banner__subheading div.eyebrow-white-bsd {font-size: 20px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -30px; line-height: 2em}
16689.hp-line1 {color: #ffffff; line-height: 1.2em; font-stretch: expanded; font-weight: 1000; font-family: Area; margin-top: -10px;}
16690.hp-line2 {color: #ffffff; font-size: 20px; margin-top: -50px; margin-bottom: 26px; display: block; font-family: Area; font-weight: 400}
16691.hp-line2-white {color: #ffffff; font-size: 20px; margin-top: -36px; margin-bottom: 26px; display: block; font-family: Area; font-weight: 400; max-width: 300px}
16692
16693@media screen and (min-width: 768px) and (max-width: 1199px ) {
16694.hp-line2 {margin-top: 0px;}
16695
16696}
16697@media screen and (max-width: 767px) {
16698h3.video-banner__subheading div.eyebrow-white {font-size: 16px; font-stretch: expanded; font-weight: 900; font-family: Area; color: #fff; margin-bottom: -16px}
16699h3.video-banner__subheading div.eyebrow-white-bsd {font-size: 18px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -20px; line-height: 1.8em}
16700.hp-line1 {font-stretch: expanded; margin-top: -14px}
16701.hp-line2 {color: #fff; font-size: 16px; margin-top: -18px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 400}
16702.hp-line2-white {margin-top: -10px; max-width: none; line-height: 1.2em;}
16703} 
16704</style>
16705
16706<!--homepage general black-->
16707<style type="text/css">
16708h3.video-banner__subheading div.eyebrow {font-size: 20px; font-stretch: expanded; font-weight: 1000; font-family: Area; line-height: .1em; color: #1c1c1c}
16709.hp-line1-black {line-height: 1em; font-stretch: expanded; font-weight: 1000; font-family: Area; width: 500px}
16710.hp-line2-black {font-size: 20px; margin-top: -40px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 500; width: 440px}
16711.h1-ivypresto-black {line-height: 2em;  font-size: 35px; font-weight: 300; font-family: ivypresto;}
16712
16713@media screen and (min-width: 768px) and (max-width: 1199px ) {
16714.hp-line2-black {margin-top: 0px;}
16715}
16716
16717@media screen and (max-width: 767px) {
16718h3.video-banner__subheading div.eyebrow {font-size: 16px; font-stretch: expanded; font-weight: 1000; font-family: Area;}
16719.hp-line1-black {width: 100%}
16720.hp-line2-black { font-size: 16px; margin-top: -16px; margin-bottom: 8px; display: block; font-family: Area; font-weight: 400; width: 100%;line-height: 1.1em; }
16721.h1-ivypresto-black {line-height: 1.3em;  font-size: 30px; font-weight: 300; font-family: ivypresto;}
16722} 
16723</style>
16724
16725<!--homepage ivypresto-->
16726<style type="text/css">
16727h3.video-banner__subheading div.eyebrow-ivypresto {font-size: 24px; font-weight: 400; font-family: ivypresto; line-height: 3em}
16728.h1-ivypresto {line-height: 1em;  font-weight: 300; font-family: ivypresto; margin-top: -16px;}
16729.h1-ivypresto i {font-family: 'IvyPresto'; font-weight: 300;}
16730</style>
16731
16732
16733<!--new styles brand restage 2026-->
16734<style type="text/css">
16735button.js-wishlist.button.js-wishlist-remove.js-wishlist-remove-accountpage.wishlist__remove-btn {background: transparent !important}
16736a.product-review-category-link.text-extended-sm-bold {max-width: none !important; margin-bottom: 12px !important;}
16737
16738/*.h3-extended-lg-black {font-stretch:expanded;font-size:20px;font-weight:1000}*/
16739.link-normal-sm-semibold {font-size: 12px !important;  font-weight: 700 !important}
16740</style>
16741
16742<!--lister product title-->
16743<style type="text/css">
16744.text-normal-md-medium { font-weight: 800; font-stretch: normal; }
16745.cnvrt-collection-name, .product-collection-name {font-size: 10px; line-height: 1.3em; height: auto !important}
16746button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button--active {background-color: #f6f7f6 !important;}
16747button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button {border: 1px solid #f6f7f6}
16748
16749
16750.main-footer__column-list-link {font-size: 12px !important; font-stretch: normal !important}
16751div.navigation-link figure figcaption a {font-size: 12px; font-weight:700; letter-spacing: normal; line-height: 1.5em}
16752
16753div.pr-category-snippet__total.pr-category-snippet__item {font-size: 10px !important}
16754.main-nav-slot__heading {font-size:16px; font-stretch:expanded; font-weight:1000; margin: 18px 0 19px;}
16755.h4-normal-lg-medium, h4.h4-normal-xs-black {letter-spacing: normal}
16756.featured-article__text, h4.featured-article__subheading {line-height: 1.5em !important}
16757h1.h1-normal-2xl-semibold {font-stretch: normal}
16758div.category-slot div.cat-banner h1 {font-weight:1000; font-stretch:expanded;}
16759.link-normal-base-extrabold {font-weight: 800}
16760.text-normal-base-medium {font-size: 16px !important}
16761/*prices*/
16762div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 14px !important; text-decoration-line: line-through !important;}
16763div.recomm-product-price span.item-price span.product-standard-price.price-standard.strike-throughprice {font-size: 14px !important; font-weight: 700; color: #1c1c1c; text-decoration: line-through !important;} 
16764div.recomm-product-price span.item-price span.product-sales-price.price-sales {color: #1c1c1c; font-weight:700}
16765div.recomm-product-price span.item-price div.discount-mention span {font-size: 14px}
16766/*div.pricing span.product-sales-price.price-sales {font-size: 16px !important; font-weight: 800}*/
16767
16768span.lister-badge-info {font-size: 14px !important}
16769div.product-image__footer-inner div.product-labels span {font-size: 12px !important; padding: 5px !important;}
16770div.product-image__footer-inner div.product-labels {gap: 3px !important;}
16771
16772a.button.white.promo-block-redesign__button.p-extended-base-black:hover {border: 1px solid #fff}
16773div.collection-block h2.collection-title a, div.content a h2.h2 {font-size: 20px}
16774.bbwt {font-size: 20px}
16775div.approaching-discount-wrapper {background-color: #f6f7f6}
16776.pt_collectionlanding .seo-promo {padding-top: 90px;}
16777.navigation-link img {border-radius: 12px;}
16778div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 12px}
16779div#wrapper.wrapper.pt_product-search-result div#main div#primary.primary-content div.search-result.js-products-wrapper div.search-result__wrapper.is-flex div.search-result__grid.search-result-tiles-wrap--search.is-flex div.search-result__tiles ul.product-tiles.hide-compare li.js-plp-product-tile div.product-collection-name-top-section {display: block !important}
16780div#wrapper.wrapper.pt_product-search-result div#main div#primary.primary-content div.search-result.js-products-wrapper div.search-result__wrapper.is-flex div.search-result__grid.search-result-tiles-wrap--search.is-flex div.search-result__tiles ul.product-tiles.hide-compare li.js-plp-product-tile div.product-collection-name-top-section div.product-review.js-scroll-to-reviews {display: none}
16781</style>
16782
16783<!--image on the sets template-->
16784<style type="text/css">
16785div.product-inside__image.is-bundle img.js-product-inside__placeholder {-o-object-fit: cover !important;
16786    object-fit: cover !important;}
16787
16788@media screen and (max-width: 767px) {
16789/*.h3-extended-lg-black {font-size:16px;}*/
16790.text-normal-base-medium {font-size: 14px !important; line-height: 24px}
16791/*div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 12px !important; font-weight: 800}*/
16792.bbwt {font-size: 14px}
16793div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 11px}
16794div.product-name.plp-product-name {height: auto;line-height: 1.4em}
16795}
16796</style>
16797
16798<style type="text/css">
16799@media screen and (min-width: 1025px) and (max-width: 1500px ) {
16800  div.header__content a.header__logo{
16801    left:50%;
16802    font-size: 14px;
16803    top: 53%; }
16804  }
16805@media screen and (max-width: 767px) {
16806/*    .pt_content .header {
16807        height: 50px;
16808div#js-header-search.header-search {top: 50px}*/
16809section.video-banner.video-banner--dark-nav, div.experience-component.experience-assets-redesign-videobanner section.video-banner {top: -152px; margin-bottom: -152px}
16810    }
16811
16812</style>
16813
16814<!--lister-->
16815<style type="text/css">@media screen and (min-width: 768px) {
16816div.educational {display: grid; grid-template-columns:30% 70%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1}}
16817
16818@media screen and (max-width: 767px) {
16819div.educational {display: grid; grid-template-columns:100%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1;}
16820div.educational .last {order: 2;}}
16821</style>
16822<style type="text/css">.promotional-accordeon h3 {text-transform: none;}
16823.promotional-accordeon .accordeon-body {padding: 0px;}
16824.content-container .collection-block {margin: 10px 0px;}
16825.educational img {width: 100%; height: auto;}
16826.educational p {text-align: left}
16827</style>
16828
16829<!--Page designer EA template CTA-->
16830<style>
16831.button.onyx {
16832    display: inline-flex !important;
16833}
16834</style>
16835</div>
16836
16837
16838
16839
16840
16841</div>
16842<div class="main-footer__meta-links">
16843
16844
16845
16846
16847
16848
16849
16850
16851
16852
16853
16854
16855
16856<div class="content-asset">
16857<ul class="main-footer__bottom-links">
16858	<li class="main-footer__bottom-links-item">
16859		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/general-terms-and-conditions-paula-s-choice-europe-b-v/general-terms-and-conditions.html">GENERAL CONDITIONS</a>
16860	</li>
16861	<li class="main-footer__bottom-links-item">
16862		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/privacy-policy/privacy-policy.html">PRIVACY POLICY</a>
16863	</li>
16864	<li class="main-footer__bottom-links-item">
16865		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/cookie-notice/cookie-policy.html">COOKIE POLICY</a>
16866	</li>
16867         <li class="main-footer__bottom-links-item">
16868                <a class="main-footer__bottom-links-link link-extended-xs-black" id="consent-management-tool" style="font-size: 8px" href="#">COOKIE SETTINGS</a>
16869        </li>
16870</ul>
16871</div>
16872
16873
16874
16875
16876
16877</div>
16878<div class="main-footer__payments">
16879
16880
16881
16882
16883
16884
16885
16886
16887
16888
16889
16890
16891<div class="content-asset">
16892<style type="text/css">
16893a.main-footer__bottom-logos-link img.lazy.main-footer__bottom-logos-image.entered.loaded {height: 27px;}
16894</style>
16895
16896<ul class="main-footer__bottom-logos">
16897	
16898	<li class="main-footer__bottom-logos-item">
16899		<a class="main-footer__bottom-logos-link">
16900			<img alt="Visa" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw4d608d46/footer/payments/Visa.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" />
16901		</a>
16902	</li>
16903   
16904	<li class="main-footer__bottom-logos-item">
16905		<a class="main-footer__bottom-logos-link">
16906			<img alt="Master Card" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw64c6e0ea/footer/payments/Mastercard.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" />
16907		</a>
16908	</li>
16909	<li class="main-footer__bottom-logos-item">
16910		<a class="main-footer__bottom-logos-link">
16911			<img alt="PayPal" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw22fb1c8e/footer/payments/Paypal.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" />
16912		</a>
16913	</li>
16914	 <li class="main-footer__bottom-logos-item">
16915		<a class="main-footer__bottom-logos-link">
16916			<img alt="Apple pay" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw714f09ac/footer/payments/Applepay.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" />
16917		</a>
16918	</li>
16919	
16920</ul>
16921</div>
16922
16923
16924
16925
16926
16927</div>
16928</div>
16929</div>
16930</section>
16931<section class="main-footer__brand">
16932<div class="main-footer__container">
16933<a class="main-footer__wordmark" href="/" aria-label="Paula's Choice">
16934<img
16935class="main-footer__wordmark-img-mobile"
16936src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw0d776975/images/wordmark/PC_logo_mobile.svg"
16937alt=""
16938aria-hidden="true"
16939/>
16940<img
16941class="main-footer__wordmark-img-desktop"
16942src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw539104d9/images/wordmark/PC_logo_desktop.svg"
16943alt=""
16944aria-hidden="true"
16945/>
16946</a>
16947</div>
16948</section>
16949
16950
16951
16952
16953
16954
16955</footer>
16956
16957<div class="notify-me-popup-hidden">
16958
16959
16960
16961
16962
16963
16964
16965
16966
16967
16968
16969
16970
16971
16972
16973
16974
16975
16976
16977
16978
16979
16980
16981
16982
16983
16984
16985
16986
16987
16988
16989
16990
16991
16992
16993
16994
16995
16996
16997
16998
16999
17000
17001
17002
17003
17004
17005
17006
17007
17008
17009
17010
17011
17012
17013
17014
17015
17016
17017
17018
17019
17020
17021
17022
17023
17024
17025
17026
17027
17028
17029
17030
17031
17032
17033
17034
17035
17036
17037
17038
17039
17040
17041
17042
17043
17044
17045
17046
17047
17048
17049
17050
17051
17052
17053
17054
17055
17056
17057
17058
17059
17060
17061
17062
17063
17064
17065
17066
17067
17068
17069
17070
17071
17072
17073
17074
17075
17076
17077
17078
17079
17080
17081
17082
17083
17084<section class="notify-me-popup js-notify-me ">
17085<div class="notify-title">
17086<h3 class="title-text js-notify-me-title">
17087
17088</h3>
17089</div>
17090<div class="notify-product-wrapper">
17091
17092<img class="product-image js-notify-me-image" src="" alt="" title=""/>
17093<div class="product-details">
17094<h2 class="product-name js-notify-me-name">
17095
17096</h2>
17097<div class="product-type js-notify-me-type">
17098
17099</div>
17100<div class="product-price js-notify-me-price">
17101
17102</div>
17103</div>
17104</div>
17105
17106
17107</section>
17108
17109</div>
17110
17111
17112
17113
17114
17115
17116	
17117	
17118	
17119	
17120		
17121		
17122			
17123		
17124		
17125			
17125<script type="text/javascript">
17126				if ( typeof hj != 'undefined' ) hj('trigger', 'Listerpage_Categorieen');
17127			</script>
17127
17128		
17129	
17130
17131
17132
17133</div>
17134<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
17135<script type="text/javascript">//<!--
17136/* <![CDATA[ */
17137function trackPage() {
17138    try{
17139        var trackingUrl = "https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/__Analytics-Start";
17140        var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
17141        if (typeof dw.ac == "undefined") {
17142            dwAnalytics.trackPageView();
17143        } else {
17144            dw.ac.setDWAnalytics(dwAnalytics);
17145        }
17146    }catch(err) {};
17147}
17148/* ]]> */
17149// -->
17150</script>
vendor: 1 bytes, line 17150
17150
17151<script type="text/javascript" src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
17151
17152<!-- Demandware Active Data (body_end-active_data.js) -->
17153<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script>
17153<!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
17154<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
vendor: 1 bytes, line 17154
17154
17155<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d907f3a81d5b4a398801bd0d82394f80","spa":2}' crossorigin="anonymous"></script>
17155
17156</body>
17157</html>
17158

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.