PageSourceSearch

https://www.paulaschoice.de/contact-us

html paulaschoice.de collected 2026-09-25 15:02:40 UTC 475,510 bytes, 14,273 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="de"> <!--<![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_de-Site/-/de_DE/v1790291199297/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 = "542d72f0d35562bf37a2";
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	
319<script>
320		window.dataLayer = window.dataLayer || [];
321		dataLayer.push({
322			'EventNonInteraction': true,
323			'pageType': 'Account',
324			'pageCategory': 'Account page',
325			'pageCurrency': 'EUR'
326		});
327	</script>
327
328
329
330<script>
331	window.dataLayer = window.dataLayer || [];
332
333	dataLayer.push({
334		'EventNonInteraction': true,
335		'visitorId': '',
336		'visitorLoggedIn': 'guest checkout'
337		
338	});
339</script>
339
340
341
342
343
344
345	
346		<!-- Google Tag Manager -->
347		
347<script>
348		(function(w,d,s,l,i){
349			w[l]=w[l]||[];w[l].push(
350				{'gtm.start': new Date().getTime(),event:'gtm.js'}
351			);
352			var f=d.getElementsByTagName(s)[0],
353				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
354				'https://sst.paulaschoice.de/gtm.js?id='+i+dl+'&gtm_auth=q_ZLBsfvdNHKYvnb6nEmNQ&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
355		})(window,document,'script','dataLayer','GTM-WMQ3NWH');</script>
355
356		<!-- End Google Tag Manager -->
357	
358
359
360
361
362
363
364<script>
365window.KlaviyoConfig = {"enabled":true,"publicApiKey":"Saq2a7","customerEmail":null,"apiRevision":"2026-04-15"};
366</script>
366
367
368<script>
369!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)}}}}();
370</script>
vendor: 1 bytes, line 370
370
371<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>
371
372
373
374
375
376
377<meta http-equiv="x-ua-compatible" content="ie=edge">
378
379<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
380
381
382
383<title>Kundenservice | Paula's Choice</title>
384
385
386
387<script>
388window.dataLayer = window.dataLayer || [];
389dataLayer.push({
390'event': 'init',
391'user': {
392'id': 'undefined',
393'email_sha256': 'null',
394'first_name_sha256': 'undefined',
395'last_name_sha256': 'undefined',
396'logged_in' : '0'
397}
398});
399</script>
399
400
401
402
403<meta name="msvalidate.01" content="A520CCC492C0640C9BDAA5B9E2E25A20" />
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422<link rel="alternate" hreflang="en-BG" href="https://www.paulaschoice-eu.com/contact-us">
423
424
425
426
427
428
429
430
431
432<link rel="alternate" hreflang="en-HR" href="https://www.paulaschoice-eu.com/contact-us">
433
434
435
436
437
438
439
440
441
442<link rel="alternate" hreflang="en-CY" href="https://www.paulaschoice-eu.com/contact-us">
443
444
445
446
447
448
449
450
451
452<link rel="alternate" hreflang="en-CZ" href="https://www.paulaschoice-eu.com/contact-us">
453
454
455
456
457
458
459
460
461
462<link rel="alternate" hreflang="en-EE" href="https://www.paulaschoice-eu.com/contact-us">
463
464
465
466
467
468
469
470
471
472<link rel="alternate" hreflang="en-FI" href="https://www.paulaschoice-eu.com/contact-us">
473
474
475
476
477
478
479
480
481
482<link rel="alternate" hreflang="en-GR" href="https://www.paulaschoice-eu.com/contact-us">
483
484
485
486
487
488
489
490
491
492<link rel="alternate" hreflang="en-HU" href="https://www.paulaschoice-eu.com/contact-us">
493
494
495
496
497
498
499
500
501
502<link rel="alternate" hreflang="en-IE" href="https://www.paulaschoice-eu.com/contact-us">
503
504
505
506
507
508
509
510
511
512<link rel="alternate" hreflang="en-LV" href="https://www.paulaschoice-eu.com/contact-us">
513
514
515
516
517
518
519
520
521
522<link rel="alternate" hreflang="en-LT" href="https://www.paulaschoice-eu.com/contact-us">
523
524
525
526
527
528
529
530
531
532<link rel="alternate" hreflang="en-LU" href="https://www.paulaschoice-eu.com/contact-us">
533
534
535
536
537
538
539
540
541
542<link rel="alternate" hreflang="en-MT" href="https://www.paulaschoice-eu.com/contact-us">
543
544
545
546
547
548
549
550
551
552
553
554
555
556<link rel="alternate" hreflang="en-PT" href="https://www.paulaschoice-eu.com/contact-us">
557
558
559
560
561
562
563
564
565
566<link rel="alternate" hreflang="en-RO" href="https://www.paulaschoice-eu.com/contact-us">
567
568
569
570
571
572
573
574
575
576<link rel="alternate" hreflang="en-SK" href="https://www.paulaschoice-eu.com/contact-us">
577
578
579
580
581
582
583
584
585
586<link rel="alternate" hreflang="en-SI" href="https://www.paulaschoice-eu.com/contact-us">
587
588
589
590
591
592
593
594
595
596
597
598
599
600<link rel="alternate" hreflang="en-GB" href="https://www.paulaschoice.co.uk/contact-us">
601
602
603
604
605
606
607
608
609
610
611
612
613
614<link rel="alternate" hreflang="de-DE" href="https://www.paulaschoice.de/de/contact-us">
615
616
617
618
619
620
621
622
623
624<link rel="alternate" hreflang="en-DE" href="https://www.paulaschoice.de/en/contact-us">
625
626
627
628
629
630
631
632
633
634
635
636
637
638<link rel="alternate" hreflang="es-ES" href="https://www.paulaschoice.es/es/contact-us">
639
640
641
642
643
644
645
646
647
648<link rel="alternate" hreflang="en-ES" href="https://www.paulaschoice.es/en/contact-us">
649
650
651
652
653
654
655
656
657
658
659
660
661
662<link rel="alternate" hreflang="nl-NL" href="https://www.paulaschoice.nl/nl/contact-us">
663
664
665
666
667
668
669
670
671
672<link rel="alternate" hreflang="en-NL" href="https://www.paulaschoice.nl/en/contact-us">
673
674
675
676
677
678
679
680
681
682
683
684
685
686<link rel="alternate" hreflang="fr-FR" href="https://www.paulaschoice.fr/fr/contact-us">
687
688
689
690
691
692
693
694
695
696<link rel="alternate" hreflang="en-FR" href="https://www.paulaschoice.fr/en/contact-us">
697
698
699
700
701
702
703
704
705
706
707
708
709
710<link rel="alternate" hreflang="en-DK" href="https://www.paulaschoice.dk/en/contact-us">
711
712
713
714
715
716
717
718
719
720<link rel="alternate" hreflang="da-DK" href="https://www.paulaschoice.dk/da/contact-us">
721
722
723
724
725
726
727
728
729
730
731
732
733
734<link rel="alternate" hreflang="it-IT" href="https://www.paulaschoice.it/it/contact-us">
735
736
737
738
739
740
741
742
743
744<link rel="alternate" hreflang="en-IT" href="https://www.paulaschoice.it/en/contact-us">
745
746
747
748
749
750
751
752
753
754
755
756
757
758<link rel="alternate" hreflang="sv-SE" href="https://www.paulaschoice.se/sv/contact-us">
759
760
761
762
763
764
765
766
767
768<link rel="alternate" hreflang="en-SE" href="https://www.paulaschoice.se/en/contact-us">
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784<link rel="alternate" hreflang="pl-PL" href="https://www.paulaschoice.pl/pl/contact-us">
785
786
787
788
789
790
791
792
793
794<link rel="alternate" hreflang="en-PL" href="https://www.paulaschoice.pl/en/contact-us">
795
796
797
798
799
800
801
802
803
804
805
806
807
808<link rel="alternate" hreflang="de-CH" href="https://www.paulaschoice.ch/de/contact-us">
809
810
811
812
813
814
815
816
817
818<link rel="alternate" hreflang="en-CH" href="https://www.paulaschoice.ch/en/contact-us">
819
820
821
822
823
824
825
826
827<link href="/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dwd5316b42/images/favicon.ico" rel="shortcut icon" />
828
829
830
831
832
833
834
835
836
837<meta name="description" content="Ben&ouml;tigst du eine kostenlose Hautpflegeberatung? Wende sich an den Kundenservice von Paula's Choice und erhalten deine pers&ouml;nliche Beratung zu Ihren Hautproblemen. Lese hier weiter." />
838
839
840
841<meta name="keywords" content="" />
842
843
844
845	
846	
847	
848	
849
850
851	
852		
853	
854
855
856	
857		
858	
859
860
861
862
863
864<meta name="twitter:type" content="summary" />
865<meta name="twitter:title" content="Kundenservice | Paula's Choice" />
866<meta name="twitter:description" content="Ben&ouml;tigst du eine kostenlose Hautpflegeberatung? Wende sich an den Kundenservice von Paula's Choice und erhalten deine pers&ouml;nliche Beratung zu Ihren Hautproblemen. Lese hier weiter." />
867
868
869<meta property="og:type" content="website" />
870<meta property="og:url" content="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/CustomerService-ContactUs" />
871<meta property="og:title" content="Kundenservice | Paula's Choice" />
872<meta property="og:description" content="Ben&ouml;tigst du eine kostenlose Hautpflegeberatung? Wende sich an den Kundenservice von Paula's Choice und erhalten deine pers&ouml;nliche Beratung zu Ihren Hautproblemen. Lese hier weiter." />
873
874<meta property="og:site_name" content="www.paulaschoice.de" />
875
876
877
878
879
880
881<link rel="prefetch" href="/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dwc9216a6b/icons/iconfont.woff2" as="font" type="font/woff2" crossorigin />
882<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/ui/qu.css" as="style" type="text/css" />
883<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/style.css" as="style" type="text/css"/>
884<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/styleBase.css" as="style" type="text/css"/>
885<link href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/ui/qu.css" type="text/css" rel="stylesheet" />
886<link href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/style.css" type="text/css" rel="stylesheet" />
887<link href="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/styleBase.css" type="text/css" rel="stylesheet" />
888
889<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/lazyloading.js" defer></script>
889
890
891<script type="text/javascript">//<!--
892/* <![CDATA[ (head-active_data.js) */
893var dw = (window.dw || {});
894dw.ac = {
895    _analytics: null,
896    _events: [],
897    _category: "",
898    _searchData: "",
899    _anact: "",
900    _anact_nohit_tag: "",
901    _analytics_enabled: "true",
902    _timeZone: "Europe/Berlin",
903    _capture: function(configs) {
904        if (Object.prototype.toString.call(configs) === "[object Array]") {
905            configs.forEach(captureObject);
906            return;
907        }
908        dw.ac._events.push(configs);
909    },
910	capture: function() { 
911		dw.ac._capture(arguments);
912		// send to CQ as well:
913		if (window.CQuotient) {
914			window.CQuotient.trackEventsFromAC(arguments);
915		}
916	},
917    EV_PRD_SEARCHHIT: "searchhit",
918    EV_PRD_DETAIL: "detail",
919    EV_PRD_RECOMMENDATION: "recommendation",
920    EV_PRD_SETPRODUCT: "setproduct",
921    applyContext: function(context) {
922        if (typeof context === "object" && context.hasOwnProperty("category")) {
923        	dw.ac._category = context.category;
924        }
925        if (typeof context === "object" && context.hasOwnProperty("searchData")) {
926        	dw.ac._searchData = context.searchData;
927        }
928    },
929    setDWAnalytics: function(analytics) {
930        dw.ac._analytics = analytics;
931    },
932    eventsIsEmpty: function() {
933        return 0 == dw.ac._events.length;
934    }
935};
936/* ]]> */
937// -->
938</script>
vendor: 1 bytes, line 938
938
939<script type="text/javascript">//<!--
940/* <![CDATA[ (head-cquotient.js) */
941var CQuotient = window.CQuotient = {};
942CQuotient.clientId = 'bbjj-paulaschoice_de';
943CQuotient.realm = 'BBJJ';
944CQuotient.siteId = 'paulaschoice_de';
945CQuotient.instanceType = 'prd';
946CQuotient.locale = 'de_DE';
947CQuotient.fbPixelId = '__UNKNOWN__';
948CQuotient.activities = [];
949CQuotient.cqcid='';
950CQuotient.cquid='';
951CQuotient.cqeid='';
952CQuotient.cqlid='';
953CQuotient.apiHost='api.cquotient.com';
954/* Turn this on to test against Staging Einstein */
955/* CQuotient.useTest= true; */
956CQuotient.useTest = ('true' === 'false');
957CQuotient.initFromCookies = function () {
958	var ca = document.cookie.split(';');
959	for(var i=0;i < ca.length;i++) {
960	  var c = ca[i];
961	  while (c.charAt(0)==' ') c = c.substring(1,c.length);
962	  if (c.indexOf('cqcid=') == 0) {
963		CQuotient.cqcid=c.substring('cqcid='.length,c.length);
964	  } else if (c.indexOf('cquid=') == 0) {
965		  var value = c.substring('cquid='.length,c.length);
966		  if (value) {
967		  	var split_value = value.split("|", 3);
968		  	if (split_value.length > 0) {
969			  CQuotient.cquid=split_value[0];
970		  	}
971		  	if (split_value.length > 1) {
972			  CQuotient.cqeid=split_value[1];
973		  	}
974		  	if (split_value.length > 2) {
975			  CQuotient.cqlid=split_value[2];
976		  	}
977		  }
978	  }
979	}
980}
981CQuotient.getCQCookieId = function () {
982	if(window.CQuotient.cqcid == '')
983		window.CQuotient.initFromCookies();
984	return window.CQuotient.cqcid;
985};
986CQuotient.getCQUserId = function () {
987	if(window.CQuotient.cquid == '')
988		window.CQuotient.initFromCookies();
989	return window.CQuotient.cquid;
990};
991CQuotient.getCQHashedEmail = function () {
992	if(window.CQuotient.cqeid == '')
993		window.CQuotient.initFromCookies();
994	return window.CQuotient.cqeid;
995};
996CQuotient.getCQHashedLogin = function () {
997	if(window.CQuotient.cqlid == '')
998		window.CQuotient.initFromCookies();
999	return window.CQuotient.cqlid;
1000};
1001CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
1002try {
1003	if (Object.prototype.toString.call(events) === "[object Array]") {
1004		events.forEach(_trackASingleCQEvent);
1005	} else {
1006		CQuotient._trackASingleCQEvent(events);
1007	}
1008} catch(err) {}
1009};
1010CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
1011	if (event && event.id) {
1012		if (event.type === dw.ac.EV_PRD_DETAIL) {
1013			CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
1014		} // not handling the other dw.ac.* events currently
1015	}
1016};
1017CQuotient.trackViewProduct = function(/* Object */ cqParamData){
1018	var cq_params = {};
1019	cq_params.cookieId = CQuotient.getCQCookieId();
1020	cq_params.userId = CQuotient.getCQUserId();
1021	cq_params.emailId = CQuotient.getCQHashedEmail();
1022	cq_params.loginId = CQuotient.getCQHashedLogin();
1023	cq_params.product = cqParamData.product;
1024	cq_params.realm = cqParamData.realm;
1025	cq_params.siteId = cqParamData.siteId;
1026	cq_params.instanceType = cqParamData.instanceType;
1027	cq_params.locale = CQuotient.locale;
1028	
1029	if(CQuotient.sendActivity) {
1030		CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
1031	} else {
1032		CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
1033	}
1034};
1035/* ]]> */
1036// -->
1037</script>
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047<meta name="google-site-verification" content="K25JCFR0oPk1b4YyLTK-YTEsjjmXNlnDmtTcJCJ1kM0" />
1048
1049
1050	
1051
1052
1053	
1054
1055<script type="application/ld+json">
1056{
1057	"@context": "http://schema.org/",
1058	"@type": "Organization",
1059	"name": "Paula's Choice",
1060	"alternateName": "Paula's Choice",
1061	"description": "Paula's Choice Skincare",
1062	"url": "https://www.paulaschoice.de",
1063	"logo": "https://media.paulaschoice-eu.com/image/upload/v1715073783/ContentStack/General/logo.png",
1064	"contactPoint": [{"@type":"ContactPoint","telephone":"+493016634864","contactType":"customer service","areaServed":"DE"},{"@type":"ContactPoint","telephone":"+493016634864","contactType":"customer service","areaServed":"CH"},{"@type":"ContactPoint","telephone":"+493016634864","contactType":"customer service","areaServed":"AT"}],
1065	"sameAs": ["https://www.facebook.com/PaulasChoiceDeutschland","https://www.youtube.com/user/paulaschoicede","https://www.instagram.com/paulaschoice","https://www.tiktok.com/@paulaschoicede"]
1066}
1067</script>
1067
1068
1069
1070
1071<script type="application/ld+json">
1072{
1073	"@context": "http://schema.org/",
1074	"@type": "WebSite",
1075	"url": "https://www.paulaschoice.de",
1076	"potentialAction": {
1077		"@type": "SearchAction",
1078		"target": "https://www.paulaschoice.de/search?q={search_term_string}&lang=de_DE",
1079		"query-input": "required name=search_term_string"
1080	}
1081}
1082</script>
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093<!-- loop all the ab tests -->
1094
1095	
1096		
1097			<style>
1098	:root {
1099		--pc-header-section-height: 135px;
1100		--pc-mega-nav-usp-height: 40px;
1101		--pc-mega-nav-shell-pt: 20px;
1102		--pc-mega-nav-shell-pb: 41px;
1103		--pc-mega-nav-shell-px: 48px;
1104		--pc-mega-nav-shell-gap: 40px;
1105		--pc-mega-nav-logo-row-height: 20px;
1106		--pc-mega-nav-bar-height: 14px;
1107		--pc-mega-nav-bar-content-height: 14px;
1108		--pc-mega-nav-text-line-height: 1;
1109		--pc-mega-nav-usp-line-height: 40px;
1110		--pc-mega-nav-category-title-line-height: 44px;
1111		--pc-mega-nav-header-inline-padding: var(--pc-mega-nav-shell-px);
1112		--pc-mega-nav-icon-size: 20px;
1113		--pc-mega-nav-header-actions-gap: 28px;
1114		--pc-mega-nav-logo-mark-size: 18px;
1115		--pc-mega-nav-logo-mark-width: 276px;
1116		--pc-mega-nav-header-height: 135px;
1117		--pc-mega-nav-stack-height: calc(var(--pc-mega-nav-usp-height) + var(--pc-mega-nav-header-height));
1118		--pc-mega-nav-flyout-scroll-padding-bottom: max(40px, calc(env(safe-area-inset-bottom, 0px) + 24px));
1119		--pc-mega-nav-flyout-footer-padding-bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 16px));
1120		--pc-mega-nav-panel-max-height: min(648px, calc(100vh - var(--pc-mega-nav-stack-height) - 16px));
1121		--pc-nav-desktop-rail-link-gap: 24px;
1122		--pc-nav-desktop-rail-links-to-promo-gap: 30px;
1123		--pc-nav-desktop-rail-promo-image-height: 103px;
1124		--pc-nav-desktop-col-first-title-to-promo-gap: 89px;
1125		--pc-nav-desktop-promo-image-caption-gap: 10px;
1126		--pc-nav-desktop-promo-block-gap: 40px;
1127
1128		--pc-nav-font-family: "area-normal", "Area Normal", Arial, sans-serif;
1129		--pc-nav-color-text: #1C1C1C;
1130		--pc-nav-color-secondary: #757575;
1131		--pc-nav-color-border: #DEDEDF;
1132
1133		--pc-nav-desktop-bar: 14px;
1134		--pc-nav-desktop-panel-title: 40px;
1135		--pc-nav-desktop-l2: 14px;
1136		--pc-nav-desktop-l3: 12px;
1137		--pc-nav-desktop-see-all: 12px;
1138		--pc-nav-desktop-rail: 14px;
1139
1140		--pc-nav-mobile-top: 24px;
1141		--pc-nav-mobile-l2: 18px;
1142		--pc-nav-mobile-l3: 14px;
1143		--pc-nav-mobile-see-all: 18px;
1144		--pc-nav-mobile-campaign: 14px;
1145		--pc-nav-mobile-top-ls: -0.48px;
1146		--pc-nav-mobile-l2-ls: -0.36px;
1147		--pc-nav-mobile-l1-to-l2-gap: 39px;
1148		--pc-nav-mobile-l2-to-next-l1-gap: 53px;
1149		--pc-nav-mobile-l1-toggle-padding: 20px;
1150	}
1151
1152	#js-menu-categories {
1153		display: none;
1154	}
1155
1156	#navigation-level1,
1157	#category-content {
1158		--pc-mega-nav-local-line-height: var(--pc-mega-nav-text-line-height);
1159	}
1160
1161	#navigation-level1 .category-title,
1162	#category-content .category-title {
1163		--pc-mega-nav-local-line-height: var(--pc-mega-nav-category-title-line-height);
1164	}
1165
1166	#navigation-level1 .navigation-level1__middle-top a,
1167	#navigation-level1 .navigation-level1__nav-row a,
1168	#navigation-level1 .navigation-level1__group-title,
1169	#navigation-level1 .navigation-level1__subgroup-#category-content a,
1170	#navigation-level1 a {
1171		overflow: visible !important;
1172	}
1173
1174	#category-content .navigation-level1__middle-top a,
1175	#category-content .navigation-level1__nav-row a,
1176	#category-content .navigation-level1__group-title,
1177	#category-content .navigation-level1__subgroup-title {
1178		line-height: var(--pc-mega-nav-local-line-height);
1179	}
1180
1181	#category-content a,
1182	#navigation-level1 a {
1183		overflow: visible !important;
1184	}
1185
1186	.header {
1187		border-bottom: none;
1188	}
1189
1190	.pc-mega-nav-icon {
1191		display: block !important;
1192		width: 100% !important;
1193		height: 100% !important;
1194		max-width: 100% !important;
1195		max-height: 100% !important;
1196		color: inherit !important;
1197		flex-shrink: 0;
1198		pointer-events: none;
1199	}
1200
1201	.pc-mega-nav-icon path,
1202	.pc-mega-nav-icon line {
1203		stroke: currentColor;
1204	}
1205
1206	/* USP + header are sticky (in-flow) — do not add stack-height offset or PDP/PLP get a double gap */
1207	.clearfix:not(.full-width) {
1208		margin-top: 0 !important;
1209	}
1210
1211	#main:has(#js-pdp-main) .breadcrumb,
1212	.main:has(#js-pdp-main) .breadcrumb,
1213	.main:has(.js-pdp-main) .breadcrumb {
1214		margin-top: 0 !important;
1215	}
1216
1217	/* ATC popup lives inside .mini-cart; header must sit above USP so popup can paint over the banner */
1218	body.added-popup-visible .header.js-header {
1219		z-index: 2002 !important;
1220	}
1221
1222	body.added-popup-visible .product-added-popup-wrapper,
1223	body.added-popup-visible .js-product-added-modal {
1224		position: fixed !important;
1225		inset: 0 !important;
1226		z-index: 2000 !important;
1227		pointer-events: auto !important;
1228		opacity: 1 !important;
1229		overflow: auto !important;
1230		transform: none !important;
1231	}
1232
1233	body.added-popup-visible .header.js-header,
1234	body.added-popup-visible .header.js-header .header__content {
1235		overflow: visible !important;
1236		transform: none !important;
1237	}
1238
1239	body.added-popup-visible .header.js-header .mini-cart {
1240		overflow: visible !important;
1241		max-height: none !important;
1242		transform: none !important;
1243	}
1244
1245	body.added-popup-visible .header.js-header .mini-cart {
1246		z-index: 2001 !important;
1247		top: 0 !important;
1248		bottom: auto !important;
1249	}
1250
1251	body.added-popup-visible #js-usp-banner.usp-banner,
1252	body.added-popup-visible .usp-banner {
1253		z-index: 1000 !important;
1254	}
1255
1256	/* Country / location detector — modal popup above mega-nav sticky 
1256stack */
1257	body:has(.header.pc-mega-nav-redesign)>.country-dialog-wrap,
1258	body:has(.header.pc-mega-nav-redesign) .country-dialog-wrap {
1259		position: fixed !important;
1260		inset: 0 !important;
1261		width: auto !important;
1262		height: auto !important;
1263		max-height: none !important;
1264		overflow: visible !important;
1265		animation: none !important;
1266		z-index: 1101 !important;
1267		pointer-events: none !important;
1268	}
1269
1270	body:has(.header.pc-mega-nav-redesign) .ui-widget-overlay {
1271		display: block !important;
1272		position: fixed !important;
1273		inset: 0 !important;
1274		z-index: 1100 !important;
1275		opacity: 0.5 !important;
1276		pointer-events: auto !important;
1277	}
1278
1279	body:has(.header.pc-mega-nav-redesign) .country-detection-dialog,
1280	body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it {
1281		position: fixed !important;
1282		left: 50% !important;
1283		top: 50% !important;
1284		right: auto !important;
1285		bottom: auto !important;
1286		transform: translate(-50%, -50%) !important;
1287		width: calc(100vw - 32px) !important;
1288		max-width: 360px !important;
1289		min-height: 0 !important;
1290		height: auto !important;
1291		margin: 0 !important;
1292		padding: 0 !important;
1293		float: none !important;
1294		pointer-events: auto !important;
1295		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
1296	}
1297
1298	@media (min-width: 1024px) {
1299
1300		body:has(.header.pc-mega-nav-redesign) .country-detection-dialog,
1301		body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it {
1302			width: 300px !important;
1303			max-width: 300px !important;
1304		}
1305	}
1306
1307	body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper {
1308		flex-direction: column;
1309		align-items: center;
1310		justify-content: center;
1311		gap: 16px;
1312		width: 100%;
1313	}
1314
1315	body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper .dialog-button:not(.simple) {
1316		width: 100%;
1317	}
1318
1319
1320	#js-usp-banner.usp-banner,
1321	#js-usp-banner.usp-banner.text-normal-sm-regular {
1322		display: block !important;
1323		width: 100% !important;
1324		height: var(--pc-mega-nav-usp-height) !important;
1325		min-height: var(--pc-mega-nav-usp-height) !important;
1326		max-height: var(--pc-mega-nav-usp-height) !important;
1327		margin: 0 !important;
1328		padding: 0 !important;
1329		overflow: hidden !important;
1330		background: #000000 !important;
1331		color: #FFFFFF !important;
1332		box-sizing: border-box !important;
1333		position: sticky !important;
1334		top: 0 !important;
1335		/* Below header so mini-cart / ATC popup (inside header) are never covered */
1336		z-index: 1000 !important;
1337	}
1338
1339
1340	#js-usp-banner .usp-bar-wrapper,
1341	.usp-banner .usp-bar-wrapper {
1342		display: block !important;
1343		width: 100% !important;
1344		height: var(--pc-mega-nav-usp-height) !important;
1345		min-height: var(--pc-mega-nav-usp-height) !important;
1346		max-height: var(--pc-mega-nav-usp-height) !important;
1347		margin: 0 !important;
1348		padding: 0 !important;
1349		overflow: hidden !important;
1350		background: #000000 !important;
1351	}
1352
1353	#js-usp-banner .usp-bar-wrapper .content-asset,
1354	.usp-banner .usp-bar-wrapper .content-asset {
1355		margin: 0 !important;
1356		padding: 0 !important;
1357		height: 100% !important;
1358		max-height: var(--pc-mega-nav-usp-height) !important;
1359		overflow: hidden !important;
1360	}
1361
1362	#js-usp-banner .usp-bar,
1363	.usp-banner .usp-bar {
1364		display: block !important;
1365		width: 100% !important;
1366		height: var(--pc-mega-nav-usp-height) !important;
1367		min-height: var(--pc-mega-nav-usp-height) !important;
1368		max-height: var(--pc-mega-nav-usp-height) !important;
1369		margin: 0 !important;
1370		padding: 0 !important;
1371		background: #000000 !important;
1372		overflow: hidden !important;
1373		position: relative !important;
1374		list-style: none !important;
1375		z-index: auto !important;
1376	}
1377
1378
1379	#js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide),
1380	.usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) {
1381		display: flex !important;
1382		flex-direction: row !important;
1383		align-items: stretch !important;
1384	}
1385
1386	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide,
1387	.usp-banner .usp-bar.pc-mega-nav-usp-slide {
1388		display: block !important;
1389		position: relative !important;
1390		overflow: hidden !important;
1391	}
1392
1393	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1394	.usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1395	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track,
1396	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track {
1397		display: flex !important;
1398		flex-direction: row !important;
1399		align-items: stretch !important;
1400		width: 100% !important;
1401		height: 100% !important;
1402		margin: 0 !important;
1403		padding: 0 !important;
1404		list-style: none !important;
1405		box-sizing: border-box !important;
1406	}
1407
1408	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track,
1409	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track,
1410	#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,
1411	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-wrap.pc-mega-nav-usp-track {
1412		will-change: transform;
1413		width: max-content !important;
1414		min-width: 100% !important;
1415	}
1416
1417	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap,
1418	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap,
1419	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track,
1420	.usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track {
1421		left: 0 !important;
1422		width: max-content !important;
1423		min-width: 100% !important;
1424	}
1425
1426	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item,
1427	.usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item {
1428		flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important;
1429		width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1430		min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1431		max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1432		border-left: none !important;
1433		box-sizing: border-box !important;
1434	}
1435
1436	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item,
1437	.usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item {
1438		position: relative !important;
1439		flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important;
1440		width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1441		min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1442		max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important;
1443	}
1444
1445	#js-usp-banner .usp-bar-item.pc-mega-nav-usp-clone,
1446	.usp-banner .usp-bar-item.pc-mega-nav-usp-clone {
1447		visibility: visible !important;
1448		opacity: 1 !important;
1449		display: flex !important;
1450	}
1451
1452	#js-usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item,
1453	.usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item {
1454		flex: 1 1 0 !important;
1455		width: 100% !important;
1456		min-width: 0 !important;
1457		max-width: 100% !important;
1458		border-left: none !important;
1459	}
1460
1461	@media (max-width: 1023px) {
1462
1463		#js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap,
1464		.usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap,
1465		#js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap,
1466		.usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap {
1467			width: max-content !important;
1468			min-width: 100% !important;
1469			left: 0 !important;
1470		}
1471	}
1472
1473	#js-usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap,
1474	.usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap {
1475		display: block !important;
1476		width: 100% !important;
1477		transform: none !important;
1478		transition: none !important;
1479		left: auto !important;
1480		animation: none !important;
1481	}
1482
1483	#js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item,
1484	.usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item {
1485		border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
1486	}
1487
1488	#js-usp-banner .usp-bar-item,
1489	.usp-banner .usp-bar-item {
1490		position: relative !important;
1491		top: auto !important;
1492		left: auto !important;
1493		right: auto !important;
1494		width: auto !important;
1495		flex: 1 1 0 !important;
1496		min-width: 0 !important;
1497		height: var(--pc-mega-nav-usp-height) !important;
1498		min-height: var(--pc-mega-nav-usp-height) !important;
1499		max-height: var(--pc-mega-nav-usp-height) !important;
1500		display: flex !important;
1501		align-items: center !important;
1502		justify-content: center !important;
1503		margin: 0 !important;
1504		padding: 0 12px !important;
1505		border: none !important;
1506		border-left: none !important;
1507		text-align: center !important;
1508		flex-shrink: 1 !important;
1509		box-sizing: border-box !important;
1510		opacity: 1 !important;
1511		pointer-events: auto !important;
1512	}
1513
1514	#js-usp-banner a[href]:not([href=""]):not([href="#"]),
1515	.usp-banner a[href]:not([href=""]):not([href="#"]) {
1516		pointer-events: auto !important;
1517		cursor: pointer !important;
1518	}
1519
1520	#js-usp-banner .usp-bar-item .fa,
1521	.usp-banner .usp-bar-item .fa,
1522	#js-usp-banner .usp-bar-item i,
1523	.usp-banner .usp-bar-item i {
1524		display: none !important;
1525	}
1526
1527	#js-usp-banner .usp-bar-text,
1528	.usp-banner .usp-bar-text {
1529		color: #FFFFFF !important;
1530		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1531		font-weight: 800 !important;
1532		font-size: 0.75rem !important;
1533		line-height: var(--pc-mega-nav-usp-line-height) !important;
1534		letter-spacing: 0 !important;
1535		padding: 0 !important;
1536		margin: 0 !important;
1537		white-space: nowrap !important;
1538		overflow: hidden !important;
1539		text-overflow: ellipsis !important;
1540		vertical-align: middle !important;
1541	}
1542
1543	#js-usp-banner .usp-bar-item a,
1544	.usp-banner .usp-bar-item a {
1545		color: #FFFFFF !important;
1546		text-decoration: none !important;
1547		font: inherit !important;
1548		line-height: var(--pc-mega-nav-usp-line-height) !important;
1549		pointer-events: auto !important;
1550		cursor: pointer !important;
1551	}
1552
1553	#js-usp-banner .usp-bar-item a:hover,
1554	.usp-banner .usp-bar-item a:hover {
1555		text-decoration: underline !important;
1556	}
1557
1558
1559	#js-usp-banner .header-banner,
1560	.usp-banner .header-banner {
1561		display: flex !important;
1562		align-items: center !important;
1563		justify-content: center !important;
1564		width: 100% !important;
1565		height: var(--pc-mega-nav-usp-height) !important;
1566		min-height: var(--pc-mega-nav-usp-height) !important;
1567		max-height: var(--pc-mega-nav-usp-height) !important;
1568		margin: 0 !important;
1569		padding: 0 12px !important;
1570		overflow: hidden !important;
1571		background: #000000 !important;
1572		color: #FFFFFF !important;
1573		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1574		font-weight: 800 !important;
1575		font-size: 0.75rem !important;
1576		line-height: var(--pc-mega-nav-usp-line-height) !important;
1577		letter-spacing: 0 !important;
1578		text-align: center !important;
1579		box-sizing: border-box !important;
1580	}
1581
1582	#js-usp-banner .header-banner *,
1583	.usp-banner .header-banner * {
1584		margin: 0 !important;
1585		padding: 0 !important;
1586		font: inherit !important;
1587		color: inherit !important;
1588		line-height: var(--pc-mega-nav-usp-line-height) !important;
1589	}
1590
1591	#js-usp-banner .header-banner a,
1592	.usp-banner .header-banner a {
1593		color: #FFFFFF !important;
1594		text-decoration: none !important;
1595		pointer-events: auto !important;
1596		cursor: pointer !important;
1597	}
1598
1599
1600	#js-usp-banner> :not(.usp-bar-wrapper):not(.header-banner),
1601	.usp-banner> :not(.usp-bar-wrapper):not(.header-banner) {
1602		display: flex !important;
1603		align-items: center !important;
1604		justify-content: center !important;
1605		width: 100% !important;
1606		height: var(--pc-mega-nav-usp-height) !important;
1607		min-height: var(--pc-mega-nav-usp-height) !important;
1608		max-height: var(--pc-mega-nav-usp-height) !important;
1609		margin: 0 !important;
1610		padding: 0 12px !important;
1611		overflow: hidden !important;
1612		background: transparent !important;
1613		color: #FFFFFF !important;
1614		font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important;
1615		font-weight: 800 !important;
1616		font-size: 0.75rem !important;
1617		line-height: var(--pc-mega-nav-usp-line-height) !important;
1618		letter-spacing: 0 !important;
1619		text-align: center !important;
1620		box-sizing: border-box !important;
1621	}
1622
1623
1624	@media (min-width: 1024px) {
1625		.header.js-header {
1626			display: flex !important;
1627			flex-direction: column !important;
1628			align-items: stretch !important;
1629			gap: var(--pc-mega-nav-shell-gap) !important;
1630			height: var(--pc-mega-nav-header-height) !important;
1631			min-height: var(--pc-mega-nav-header-height) !important;
1632			max-height: var(--pc-mega-nav-header-height) !important;
1633			overflow: visible !important;
1634			position: sticky !important;
1635			top: var(--pc-mega-nav-usp-height) !important;
1636			/* Above USP — mini-cart lives in this stacking context */
1637			z-index: 1001 !important;
1638			margin: 0 !important;
1639			padding: var(--pc-mega-nav-shell-pt) var(--pc-mega-nav-shell-px) var(--pc-mega-nav-shell-pb) !important;
1640			background-color: #FFFFFF !important;
1641			border-bottom: 1px solid #DEDEDF !important;
1642			box-sizing: border-box !important;
1643		}
1644
1645		.header.js-header .header__content {
1646			flex: 0 0 auto !important;
1647			height: var(--pc-mega-nav-logo-row-height) !important;
1648			min-height: var(--pc-mega-nav-logo-row-height) !important;
1649			max-height: var(--pc-mega-nav-logo-row-height) !important;
1650			position: relative !important;
1651			display: flex !important;
1652			align-items: center !important;
1653			justify-content: center !important;
1654			margin: 0 !important;
1655			padding: 0 !important;
1656			background-color: #FFFFFF !important;
1657			border: none !important;
1658			width: 100% !important;
1659			box-sizing: border-box !important;
1660		}
1661
1662
1663		.header.js-header .header__hamburger-button {
1664			display: none !important;
1665		}
1666
1667		.header.js-header #js-search-toggle.search-toggle {
1668			position: absolute !important;
1669			left: 0 !important;
1670			right: auto !important;
1671			top: 50% !important;
1672			transform: translateY(-50%) !important;
1673			z-index: 5 !important;
1674			display: flex !important;
1675			align-items: center !important;
1676			justify-content: center !important;
1677			width: var(--pc-mega-nav-icon-size) !important;
1678			height: var(--pc-mega-nav-icon-size) !important;
1679			min-width: var(--pc-mega-nav-icon-size) !important;
1680			min-height: var(--pc-mega-nav-icon-size) !important;
1681			margin: 0 !important;
1682			padding: 0 !important;
1683			overflow: visible !important;
1684			background: transparent !important;
1685			border: none !important;
1686			color: #1C1C1C !important;
1687			font-size: var(--pc-mega-nav-icon-size) !important;
1688			line-height: 1 !important;
1689			cursor: pointer !important;
1690			opacity: 1 !important;
1691			visibility: visible !important;
1692		}
1693
1694
1695		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search {
1696			display: inline-flex !important;
1697			align-items: center !important;
1698			justify-content: center !important;
1699			width: var(--pc-mega-nav-icon-size) !important;
1700			height: var(--pc-mega-nav-icon-size) !important;
1701			font-size: var(--pc-mega-nav-icon-size) !important;
1702			line-height: 1 !important;
1703			color: #1C1C1C !important;
1704			opacity: 1 !important;
1705			visibility: visible !important;
1706		}
1707
1708		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close,
1709		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon {
1710			display: none !important;
1711			width: 0 !important;
1712			height: 0 !important;
1713			overflow: hidden !important;
1714			opacity: 0 !important;
1715			visibility: hidden !important;
1716		}
1717
1718		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search,
1719		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search.icon {
1720			display: none !important;
1721			opacity: 0 !important;
1722			visibility: hidden !important;
1723		}
1724
1725		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close,
1726		.search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon {
1727			display: inline-flex !important;
1728			align-i
1728tems: center !important;
1729			justify-content: center !important;
1730			width: var(--pc-mega-nav-icon-size) !important;
1731			height: var(--pc-mega-nav-icon-size) !important;
1732			font-size: var(--pc-mega-nav-icon-size) !important;
1733			line-height: 1 !important;
1734			color: #1C1C1C !important;
1735			opacity: 1 !important;
1736			visibility: visible !important;
1737			overflow: visible !important;
1738		}
1739
1740		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before,
1741		.header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close::before {
1742			color: #1C1C1C !important;
1743			font-size: var(--pc-mega-nav-icon-size) !important;
1744			line-height: 1 !important;
1745		}
1746
1747		.header.js-header #js-search-toggle.search-toggle .close-search {
1748			display: none !important;
1749		}
1750
1751		.search-active .header.js-header #js-search-toggle.search-toggle {
1752			top: 50% !important;
1753			background: white !important;
1754		}
1755
1756		.header.js-header .header__logo {
1757			position: absolute !important;
1758			left: 50% !important;
1759			top: 50% !important;
1760			transform: translate(-50%, -50%) !important;
1761			z-index: 4 !important;
1762			margin: 0 !important;
1763			padding: 0 !important;
1764			color: #1C1C1C !important;
1765			text-decoration: none !important;
1766			font-size: var(--pc-mega-nav-logo-mark-size) !important;
1767			line-height: 1 !important;
1768			display: block !important;
1769			width: auto !important;
1770			max-width: var(--pc-mega-nav-logo-mark-width) !important;
1771			height: auto !important;
1772			opacity: 1 !important;
1773			visibility: visible !important;
1774		}
1775
1776		.header.js-header .header__logo::before {
1777			display: block !important;
1778			width: auto !important;
1779			max-width: var(--pc-mega-nav-logo-mark-width) !important;
1780			height: auto !important;
1781			color: #1C1C1C !important;
1782			font-size: var(--pc-mega-nav-logo-mark-size) !important;
1783			line-height: 1 !important;
1784			opacity: 1 !important;
1785			visibility: visible !important;
1786			-webkit-text-fill-color: #1C1C1C !important;
1787		}
1788
1789		/* No transform here — it creates a containing block and traps the ATC fixed popup */
1790		.header.js-header .mini-cart {
1791			position: absolute !important;
1792			right: 0 !important;
1793			top: 0 !important;
1794			bottom: 0 !important;
1795			left: auto !important;
1796			display: flex !important;
1797			align-items: center !important;
1798			transform: none !important;
1799			z-index: 5 !important;
1800			margin: 0 !important;
1801			opacity: 1 !important;
1802			visibility: visible !important;
1803			overflow: visible !important;
1804		}
1805
1806		.header.js-header .mini-cart__link {
1807			display: flex !important;
1808			align-items: center !important;
1809			justify-content: center !important;
1810			position: relative !important;
1811			width: var(--pc-mega-nav-icon-size) !important;
1812			height: var(--pc-mega-nav-icon-size) !important;
1813			min-width: var(--pc-mega-nav-icon-size) !important;
1814			min-height: var(--pc-mega-nav-icon-size) !important;
1815			margin: 0 !important;
1816			padding: 0 !important;
1817			border: none !important;
1818			border-radius: 0 !important;
1819			background: transparent !important;
1820			color: #1C1C1C !important;
1821			line-height: 1 !important;
1822			text-decoration: none !important;
1823			box-sizing: border-box !important;
1824			opacity: 1 !important;
1825			visibility: visible !important;
1826			overflow: visible !important;
1827		}
1828
1829		.header.js-header .mini-cart__icon {
1830			position: static !important;
1831			transform: none !important;
1832			width: var(--pc-mega-nav-icon-size) !important;
1833			height: var(--pc-mega-nav-icon-size) !important;
1834			font-size: var(--pc-mega-nav-icon-size) !important;
1835			line-height: 1 !important;
1836			color: #1C1C1C !important;
1837			opacity: 1 !important;
1838			visibility: visible !important;
1839		}
1840
1841		.header.js-header .main-nav {
1842			position: absolute !important;
1843			inset: 0 !important;
1844			width: 100% !important;
1845			height: 100% !important;
1846			margin: 0 !important;
1847			padding: 0 !important;
1848			background: transparent !important;
1849			overflow: visible !important;
1850			opacity: 1 !important;
1851			visibility: visible !important;
1852			pointer-events: none !important;
1853			/* Above #navigation-level1 (1003) so account layover caret is not painted under the nav bar */
1854			z-index: 2001 !important;
1855		}
1856
1857		.header.js-header .main-nav #js-menu-categories,
1858		.header.js-header .main-nav>.html-slot-container,
1859		.header.js-header .main-nav>.hide-desktop,
1860		.header.js-header .main-nav>a.hide-desktop {
1861			display: none !important;
1862		}
1863
1864		.header.js-header .main-nav>.menu-utility-user {
1865			display: flex !important;
1866			align-items: center !important;
1867			justify-content: center !important;
1868			position: absolute !important;
1869			right: calc(var(--pc-mega-nav-icon-size) + var(--pc-mega-nav-header-actions-gap)) !important;
1870			top: 0 !important;
1871			bottom: 0 !important;
1872			left: auto !important;
1873			/* No translateY — transform traps absolute layover positioning */
1874			transform: none !important;
1875			height: auto !important;
1876			/* Larger hit target than the 20px icon (helps Windows mouse hover) */
1877			min-width: 44px !important;
1878			min-height: 100% !important;
1879			margin: 0 !important;
1880			padding: 0 !important;
1881			pointer-events: auto !important;
1882			opacity: 1 !important;
1883			visibility: visible !important;
1884			overflow: visible !important;
1885			z-index: 2001 !important;
1886		}
1887
1888		/*
1889		 * Account menu is :hover-only. Any gap between icon and panel drops hover
1890		 * (caret is pointer-events: none). Bridge keeps :hover while moving down.
1891		 */
1892		.header.js-header .main-nav>.menu-utility-user:hover::after {
1893			content: '' !important;
1894			position: absolute !important;
1895			left: 50% !important;
1896			transform: translateX(-50%) !important;
1897			top: 100% !important;
1898			width: 240px !important;
1899			height: 28px !important;
1900			pointer-events: auto !important;
1901			z-index: 2000 !important;
1902		}
1903
1904		/* Flush under icon row — no margin gap that kills :hover on the way down */
1905		.header.js-header .main-nav .nav-account-layover {
1906			top: 100% !important;
1907			margin-top: 10px !important;
1908			z-index: 2001 !important;
1909			pointer-events: auto !important;
1910		}
1911
1912		.header.js-header .main-nav .user-info__account {
1913			display: flex !important;
1914			align-items: center !important;
1915			justify-content: center !important;
1916			width: var(--pc-mega-nav-icon-size) !important;
1917			height: var(--pc-mega-nav-icon-size) !important;
1918			min-width: var(--pc-mega-nav-icon-size) !important;
1919			min-height: var(--pc-mega-nav-icon-size) !important;
1920			margin: 0 !important;
1921			padding: 0 !important;
1922			color: #1C1C1C !important;
1923			text-decoration: none !important;
1924			font-size: var(--pc-mega-nav-icon-size) !important;
1925			line-height: 1 !important;
1926			opacity: 1 !important;
1927			visibility: visible !important;
1928		}
1929
1930		.header.js-header .main-nav .user-info__icon.icon,
1931		.header.js-header .main-nav .user-info__icon.icon::before {
1932			display: inline-flex !important;
1933			align-items: center !important;
1934			justify-content: center !important;
1935			width: var(--pc-mega-nav-icon-size) !important;
1936			height: var(--pc-mega-nav-icon-size) !important;
1937			font-size: var(--pc-mega-nav-icon-size) !important;
1938			line-height: 1 !important;
1939			color: #1C1C1C !important;
1940			opacity: 1 !important;
1941			visibility: visible !important;
1942		}
1943
1944		.header.js-header .main-nav .user-info__name {
1945			display: none !important;
1946		}
1947
1948		.header.js-header .mini-cart,
1949		.header.js-header .main-nav>.menu-utility-user,
1950		.header.js-header #js-search-toggle.search-toggle {
1951			pointer-events: auto !important;
1952		}
1953
1954		.header.js-header #js-header-search {
1955			z-index: 1003 !important;
1956		}
1957
1958		/* Search open: keep shell height stable and overlay native search in the nav row area.
1959		   Do not hide mega-nav — only avoid expanding the header (that poisons height sync). */
1960		.wrapper.search-active .header.js-header {
1961			overflow: visible !important;
1962		}
1963
1964		.wrapper.search-active .header.js-header #js-header-search {
1965			position: absolute !important;
1966			left: 0 !important;
1967			right: 0 !important;
1968			top: calc(
1969				var(--pc-mega-nav-shell-pt) + var(--pc-mega-nav-logo-row-height) + var(--pc-mega-nav-shell-gap)
1970			) !important;
1971			z-index: 1004 !important;
1972			width: 100% !important;
1973			flex: none !important;
1974			background-color: #FFFFFF !important;
1975			box-sizing: border-box !important;
1976		}
1977
1978
1979		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle,
1980		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search,
1981		body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before,
1982		body:not(:has(.video-banner)) .header.js-header .mini-cart__link,
1983		body:not(:has(.video-banner)) .header.js-header .mini-cart__icon,
1984		body:not(:has(.video-banner)) .header.js-header .mini-cart__icon::before,
1985		body:not(:has(.video-banner)) .header.js-header .user-info__account,
1986		body:not(:has(.video-banner)) .header.js-header .user-info__icon,
1987		body:not(:has(.video-banner)) .header.js-header .user-info__icon::before,
1988		body:not(:has(.video-banner)) .header.js-header .header__logo,
1989		body:not(:has(.video-banner)) .header.js-header .header__logo::before,
1990		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle,
1991		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
1992		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before,
1993		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link,
1994		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon,
1995		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before,
1996		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account,
1997		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon,
1998		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before,
1999		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo,
2000		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before {
2001			color: #1C1C1C !important;
2002			border-color: #1C1C1C !important;
2003		}
2004
2005		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link {
2006			border: none !important;
2007		}
2008
2009
2010		body:not(:has(.video-banner)) .header.js-header,
2011		body:not(:has(.video-banner)) .header.js-header .header__content,
2012		body:not(:has(.video-banner)) .header.js-header #navigation-level1 {
2013			background-color: #FFFFFF !important;
2014		}
2015
2016		body:not(:has(.video-banner)) .header.js-header {
2017			border-bottom: 1px solid #DEDEDF !important;
2018		}
2019
2020		#js-usp-banner.usp-banner {
2021			margin-bottom: 0 !important;
2022		}
2023
2024		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,
2025		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 {
2026			background-color: transparent !important;
2027		}
2028
2029		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) {
2030			background-color: transparent !important;
2031			border-bottom-color: transparent !important;
2032		}
2033
2034		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,
2035		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,
2036		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,
2037		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,
2038		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,
2039		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,
2040		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,
2041		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,
2042		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,
2043		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,
2044		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,
2045		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 {
2046			color: #FFFFFF !important;
2047			border-color: #FFFFFF !important;
2048		}
2049
2050		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,
2051		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 {
2052			color: #FFFFFF !important;
2053		}
2054
2055		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 {
2056			background: #FFFFFF !important;
2057		}
2058
2059		.header.js-header.pc-mega-nav-redesign,
2060		.header.js-header.pc-mega-nav-redesign .header__content,
2061		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
2062		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
2063		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
2064		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) {
2065			background-color: #FFFFFF !important;
2066			border-bottom-color: #DEDEDF !important;
2067		}
2068
2069		body:has(.video-banner) .header.js-header.header--scrolled,
2070		body:has(.video-banner) .header.js-header.header--scrolled .header__content {
2071			background-color: #FFFFFF !important;
2072			border-bottom-color: #DEDEDF !important;
2073		}
2074
2075		.header.js-header #navigation-level1 {
2076			flex: 0 0 auto !important;
2077			width: 100% !important;
2078			min-height: var(--pc-mega-nav-bar-height) !important;
2079			height: auto !important;
2080			max-height: none !important;
2081			margin: 0 !important;
2082			padding: 0 !important;
2083			border: none !important;
2084			background-color: transparent !important;
2085			position: relative !important;
2086			z-index: 1003 !important;
2087			pointer-events: auto !important;
2088		}
2089
2090		.header.js-header #category-content.is-visible {
2091			position: absolute !important;
2092			top: 100% !important;
2093			left: 0 !important;
2094			right: 0 !important;
2095			z-index: 1002 !important;
2096			margin-top: 0 !important;
2097		}
2098	}
2099
2100
2101	#navigation-level1 {
2102		background: transparent !important;
2103		min-height: var(--pc-mega-nav-bar-height) !important;
2104		height: auto !important;
2105		max-height: none !important;
2106		margin: 0 !important;
2107		padding: 0 !important;
2108		border: none !important;
2109		box-sizing: border-box !important;
2110		overflow: visible !important;
2111	}
2112
2113	#navigation-level1 .navigation-level1__list {
2114		margin: 0 !important;
2115		padding: 0 !important;
2116		min-height: var(--pc-mega-nav-bar-height) !important;
2117		display: flex !important;
2118		flex-wrap: nowrap !important;
2119		align-items: center !important;
2120		justify-content: center !important;
2121		list-style-type: none !important;
2122		gap: 0 !important;
2123		row-gap: 0 !important;
2124		overflow: visible !important;
2125	}
2126
2127	#navigation-level1 .navigation-level1__list>li,
2128	#navigation-level1 .navigation-level1__section {
2129		display: inline-flex !important;
2130		align-items: center !important;
2131		min-height: var(--pc-mega-nav-bar-height) !important;
2132		margin: 0 !important;
2133		padding: 0 !important;
2134		overflow: visible !important;
2135	}
2136
2137	#navigation-level1 .navigation-level1__list>li+li::before {
2138		content: "" !important;
2139		display: block !important;
2140		flex-shrink: 0 !important;
2141		width: 1px !important;
2142		height: 20px !important;
2143		max-height: 20px !important;
2144		opacity: 0.1 !important;
2145		background: #1C1C1C !important;
2146		margin: 0 24px !important;
2147	}
2148
2149	#navigation-level1 .navigation-level1__section-title,
2150	#navigation-level1 .navigation-level1__list>li>a {
2151		position: relative !important;
2152		display: inline-flex !important;
2153		align-items: center !important;
2154		height: var(--pc-mega-nav-bar-content-height) !important;
2155		min-height: var(--pc-mega-nav-bar-content-height) !important;
2156		max-height: var(--pc-mega-nav-bar-content-height) !important;
2157		margin: 0 !important;
2158		padding: 0 !important;
2159		border: none !important;
2160		background: none !important;
2161		box-shadow: none !important;
2162		cursor: pointer !important;
2163		appearance: none !important;
2164		-webkit-appearance: none !important;
2165		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2166		font-weight: 800 !important;
2167		font-size: var(--pc-mega-nav-bar-content-height) !important;
2168		line-height: var(--pc-mega-nav-text-line-height) !important;
2169		letter-spacing: 0 !important;
2170		color: #1C1C1C !important;
2171		text-decoration: none !important;
2172		white-space: nowrap !important;
2173		overflow: visible !important;
2174		transition: color 0.3s ease-out !important;
2175	}
2176
2177	#navigation-level1 .navigation-level1__section-title::after,
2178	#navigation-level1 .navigation-level1__list>li>a::after {
2179		content: "" !important;
2180		display: block !important;
2181		position: absolute !important;
2182		left: 0 !important;
2183		right: auto !important;
2184		top: 100% !important;
2185		bottom: auto !important;
2186		margin-top: 1px !important;
2187		width: 0 !important;
2188		height: 2px !important;
2189		background-color: currentColor !important;
2190		transition: width 0.3s ease-out !important;
2191		pointer-events: none !important;
2192	}
2193
2194	#navigation-level1 .navigation-level1__section-title:hover,
2195	#navigation-level1 .navigation-level1__list>li>a:hover,
2196	#navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title,
2197	#navigation-level1 .navigation-level1__list>li:hover>a,
2198	#navigation-level1 .navigation-level1__section-title.is-nav-hovered,
2199	#navigation-level1 .navigation-level1__list>li>a.is-nav-hovered {
2200		color: #1C1C1C !important;
2201		text-decoration: none !important;
2202		box-shadow: none !important;
2203	}
2204
2205	#navigation-level1 .navigation-level1__section-title:hover::after,
2206	#navigation-level1 .navigation-level1__list>li>a:hover::after,
2207	#navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after,
2208	#navigation-level1 .navigation-level1__list>li:hover>a::after,
2209	#navigation-level1 .navigation-level1__section-title.is-nav-hovered::after,
2210	#navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after,
2211	#navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after,
2212	#navigation-level1 .navigation-level1__list>li.is-active>a::after {
2213		width: 100% !important;
2214	}
2215
2216	#navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title,
2217	#navigation-level1 .navigation-level1__list>li.is-active>a {
2218		box-shadow: none !important;
2219	}
2220
2221	#navigation-level1 .navigation-level1__component {
2222		display: none;
2223	}
2224
2225
2226	#navigation-level1 {
2227		.navigation-level1__list {
2228			margin: 0;
2229			padding: 0;
2230			min-height: var(--pc-mega-nav-bar-height);
2231			display: flex;
2232			flex-wrap: nowrap;
2233			align-items: center;
2234			justify-content: center;
2235			list-style-type: none;
2236			gap: 0;
2237			row-gap: 0;
2238
2239			>li {
2240				display: inline-flex;
2241				align-items: center;
2242				min-height: var(--pc-mega-nav-bar-height);
2243				margin: 0;
2244				padding: 0;
2245
2246				+li::before {
2247					content: "";
2248					display: block;
2249					flex-shrink: 0;
2250					width: 1px;
2251					height: 20px;
2252					max-height: 20px;
2253					opacity: 0.1;
2254					background: #1C1C1C;
2255					margin: 0 24px;
2256				}
2257
2258				.navigation-level1__section-title,
2259				>a {
2260					padding: 0;
2261					border: none;
2262					font-family: "area-normal", "Area Normal", Arial, sans-serif;
2263					font-weight: 800;
2264					font-size: var(--pc-mega-nav-bar-content-height);
2265					line-height: var(--pc-mega-nav-text-line-height);
2266					letter-spacing: 0;
2267					color: #1C1C1C;
2268					text-decoration: none;
2269				}
2270			}
2271		}
2272
2273		.navigation-level1__section-title {
2274			background: none;
2275			border: none;
2276			cursor: pointer;
2277			font-family: inherit;
2278		}
2279
2280		.navigation-level1__section-title,
2281		.navigation-level1__list>li>a {
2282			min-height: var(--pc-mega-nav-bar-height);
2283		}
2284
2285		.navigation-level1__component {
2286			display: none;
2287		}
2288	}
2289
2290
2291
2292	#category-content .navigation-level1__col-first,
2293	#category-content .navigation-level1__component .navigation-level1__col-first,
2294	#navigation-level1 .navigation-level1__col-first {
2295		flex: 0 0 25% !important;
2296		min-width: 0 !important;
2297		max-width: none !important;
2298		width: auto !important;
2299		flex-shrink: 0 !important;
2300		min-height: 0 !important;
2301		height: 100% !important;
2302		padding: 0 48px !important;
2303		border-right: 1px solid #DEDEDF !important;
2304		overflow-y: auto !important;
2305		overflow-x: hidden !important;
2306		align-items: flex-start !important;
2307		box-sizing: border-box !important;
2308		-webkit-overflow-scrolling: touch !important;
2309		container-type: inline-size !important;
2310		display: flex !important;
2311		flex-direction: column !important;
2312		justify-content: space-between !important;
2313	}
2314
2315	#category-content .navigation-level1__col-middle,
2316	#category-content .navigation-level1__component .navigation-level1__col-middle,
2317	#navigation-level1 .navigation-level1__col-middle {
2318		flex: 0 0 45% !important;
2319		min-width: 0 !important;
2320		max-width: none !important;
2321		width: auto !important;
2322		flex-shrink: 0 !important;
2323		min-height: 0 !important;
2324		height: 100% !important;
2325		overflow: hidden !important;
2326		box-sizing: border-box !important;
2327		display: flex !important;
2328		flex-direction: column !important;
2329	}
2330
2331	#category-content .navigation-level1__col-third,
2332	#category-content .navigation-level1__component .navigation-level1__col-third,
2333	#navigation-level1 .navigation-level1__col-third {
2334		flex: 0 0 30% !important;
2335		min-width: 0 !important;
2336		max-width: none !important;
2337		width: auto !important;
2338		flex-shrink: 0 !important;
2339		min-height: 0 !important;
2340		height: 100% !important;
2341		max-height: 100% !important;
2342		padding: 0 48px !important;
2343		border-left: 1px solid #DEDEDF !important;
2344		box-sizing: border-box !important;
2345		display: flex !important;
2346		flex-direction: column !important;
2347		justify-content: flex-start !important;
2348		overflow-y: auto !important;
2349		overflow-x: hidden !important;
2350		-webkit-overflow-scrolling: touch !important;
2351		overscroll-behavior: contain !important;
2352		align-items: flex-start !important;
2353	}
2354
2355	#category-content .navigation-level1__col-first .category-title,
2356	#category-content .category-title,
2357	#navigation-level1 .navigation-level1__col-first .category-title {
2358		display: block !important;
2359		width: 100% !important;
2360		max-width: 100% !important;
2361		min-width: 0 !important;
2362		min-height: 0 !important;
2363		margin: 0 !important;
2364		padding: 0 !important;
2365		flex-shrink: 0 !important;
2366		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2367		font-weight: 800 !important;
2368		line-height: var(--pc-mega-nav-category-title-line-height) !important;
2369		letter-spacing: -0.02em !important;
2370		color: #1C1C1C !important;
2371		overflow: visible !important;
2372		overflow-wrap: normal !important;
2373		word-break: keep-all !important;
2374		hyphens: none !important;
2375		white-space: nowrap !important;
2376		font-size: clamp(28px, 15cqi, 40px) !important;
2377	}
2378
2379	#category-content .navigation-level1__col-first .category-title--wrap,
2380	#category-content .category-title--wrap,
2381	#navigation-level1 .navigation-level1__col-first .category-title--wrap {
2382		white-space: normal !important;
2383		overflow-wrap: break-word !important;
2384		word-break: normal !important;
2385	}
2386
2387	#category-content .navigation-level1__col-first>.html-slot-container,
2388	#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container,
2389	#navigation-level1 .navigation-level1__col-first>.html-slot-container {
2390		display: flex !important;
2391		flex-direction: column !important;
2392		flex: 0 0 auto !important;
2393		flex-shrink: 0 !important;
2394		justify-content: flex-end !important;
2395		margin-top: 0 !important;
2396		width: 100% !important;
2397		max-width: 100% !important;
2398		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2399	}
2400
2401	#category-content .navigation-level1__col-first .html-slot-container,
2402	#category-content .navigation-level1__col-first .main-nav-slot,
2403	#navigation-level1 .navigation-level1__col-first .html-slot-container,
2404	#navigation-level1 .navigation-level1__col-first .main-nav-slot {
2405		display: flex !important;
2406		flex-direction: column !important;
2407		justify-content: flex-end !important;
2408		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2409		width: 100% !important;
2410		max-width: 100% !important;
2411		border: 0 !important;
2412		margin: 0 !important;
2413		padding: 0 !important;
2414		flex: 0 0 auto !important;
2415		position: static !important;
2416		left: auto !important;
2417		top: auto !important;
2418		max-height: none !important;
2419		overflow: visible !important;
2420		visibility: visible !important;
2421		opacity: 1 !important;
2422	}
2423
2424	#category-content .navigation-level1__col-first>.html-slot-container>.main-nav-slot,
2425	#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot,
2426	#navigation-level1 .navigation-level1__col-first>.html-slot-container>.main-nav-slot {
2427		margin-top: 0 !important;
2428	}
2429
2430	#category-content .navigation-level1__col-first .navigation-link,
2431	#navigation-level1 .navigation-level1__col-first .navigation-link {
2432		display: flex !important;
2433		flex-direction: column !important;
2434		justify-content: flex-end !important;
2435		gap: var(--pc-nav-desktop-promo-block-gap) !important;
2436		margin: 0 !important;
2437		padding: 0 !important;
2438		width: 100% !important;
2439		max-width: 100% !important;
2440	}
2441
2442	/* Single left promo must stay full-width (legacy two-rows / 50% figure rules) */
2443	#category-content .navigation-level1__col-first .navigation-link.navigation-link--two-rows,
2444	#navigation-level1 .navigation-level1__col-first .navigation-link.navigation-link--two-rows {
2445		display: flex !important;
2446		flex-direction: column !important;
2447		margin: 0 !important;
2448	}
2449
2450	#category-content .navigation-level1__col-first .navigation-link>figure:only-child,
2451	#navigation-level1 .navigation-level1__col-first .navigation-link>figure:only-child,
2452	#category-content .navigation-level1__col-first>.html-slot-container>figure:only-child,
2453	#navigation-level1 .navigation-level1__col-first>.html-slot-container>figure:only-child {
2454		width: 100% !important;
2455		max-width: 100% !important;
2456		flex: 0 0 auto !important;
2457	}
2458
2459	#category-content .navigation-level1__col-first .main-nav-slot__list,
2460	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list {
2461		margin: 0 !important;
2462		padding: 0 !important;
2463		border: 0 !important;
2464	}
2465
2466	#category-content .navigation-level1__col-first .main-nav-slot__list+div,
2467	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list+div {
2468		margin-top: 0 !important;
2469	}
2470
2471	#category-content .navigation-level1__col-first .main-nav-slot__list-item,
2472	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item {
2473		margin: 0 !important;
2474	}
2475
2476	#category-content .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item,
2477	#navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item {
2478		margin-top: 0 !important;
2479	}
2480
2481	#category-content .navigation-level1__col-first figure,
2482	#navigation-level1 .navigation-level1__col-first figure,
2483	#category-content .navigation-level1__col-first .navigation-link figure,
2484	#navigation-level1 .navigation-level1__col-first .navigation-link figure {
2485		display: flex !important;
2486		flex-direction: column !important;
2487		gap: var(--pc-nav-desktop-promo-image-caption-gap) !important;
2488		margin: 0 !important;
2489		width: 100% !important;
2490		max-width: 100% !important;
2491		min-width: 0 !important;
2492	}
2493
2494	#category-content .navigation-level1__col-first figure>a,
2495	#navigation-level1 .navigation-level1__col-first figure>a,
2496	#category-content .navigation-level1__col-first .navigation-link figure>a,
2497	#navigation-level1 .navigation-level1__col-first .navigation-link figure>a,
2498	#category-content .navigation-level1__col-first figure .level-3__category-image,
2499	#navigation-level1 .navigation-level1__col-first figure .level-3__category-image,
2500	#category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap,
2501	#navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap {
2502		display: block !important;
2503		width: 100% !important;
2504		max-width: 100% !important;
2505		height: 135px !important;
2506		border-radius: 10px !important;
2507		overflow: hidden !important;
2508		line-height: 0 !important;
2509		font-size: 0 !important;
2510		text-indent: 0 !important;
2511		color: transparent !important;
2512		text-decoration: none !important;
2513		flex-shrink: 0 !important;
2514	}
2515
2516	/* Hide stray copy inside the image link — line-height:0 stacks it into garbled overlay text */
2517	#category-content .navigation-level1__col-first figure>a>
2517*:not(img):not(picture),
2518	#navigation-level1 .navigation-level1__col-first figure>a>*:not(img):not(picture),
2519	#category-content .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
2520	#navigation-level1 .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
2521	#category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture),
2522	#navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) {
2523		display: none !important;
2524	}
2525
2526	#category-content .navigation-level1__col-first figure img,
2527	#navigation-level1 .navigation-level1__col-first figure img,
2528	#category-content .navigation-level1__col-first .html-slot-container img,
2529	#navigation-level1 .navigation-level1__col-first .html-slot-container img,
2530	#category-content .navigation-level1__col-first .navigation-link img,
2531	#navigation-level1 .navigation-level1__col-first .navigation-link img {
2532		width: 100% !important;
2533		height: 135px !important;
2534		max-width: 100% !important;
2535		aspect-ratio: unset !important;
2536		border-radius: 10px !important;
2537		object-fit: cover !important;
2538		object-position: center !important;
2539		display: block !important;
2540		margin: 0 !important;
2541	}
2542
2543	#category-content .navigation-level1__scroll-rail,
2544	#navigation-level1 .navigation-level1__scroll-rail {
2545		overflow-y: auto;
2546		overflow-x: hidden;
2547		-webkit-overflow-scrolling: touch;
2548		scrollbar-width: none !important;
2549		-ms-overflow-style: none !important;
2550		min-height: 0;
2551		max-height: 100%;
2552	}
2553
2554	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail,
2555	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail,
2556	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail,
2557	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail {
2558		overflow-y: auto !important;
2559		overflow-x: hidden !important;
2560		-webkit-overflow-scrolling: touch;
2561		scrollbar-width: none !important;
2562		-ms-overflow-style: none !important;
2563		min-height: 0 !important;
2564		max-height: 100% !important;
2565	}
2566
2567	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar,
2568	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar,
2569	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar,
2570	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar,
2571	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar {
2572		width: 0 !important;
2573		height: 0 !important;
2574		display: none !important;
2575		background: transparent !important;
2576		-webkit-appearance: none;
2577		appearance: none;
2578	}
2579
2580	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2581	#category-content .navigation-level1__scroll-rail::-webkit-scrollbar-track,
2582	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2583	#category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2584	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2585	#category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2586	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2587	#navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track,
2588	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb,
2589	#navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track {
2590		display: none !important;
2591		width: 0 !important;
2592		height: 0 !important;
2593		background: transparent !important;
2594	}
2595
2596
2597
2598	#category-content .navigation-level1__col-third>.html-slot-container,
2599	#navigation-level1 .navigation-level1__col-third>.html-slot-container,
2600	#category-content .navigation-level1__col-third>.main-nav-slot,
2601	#navigation-level1 .navigation-level1__col-third>.main-nav-slot {
2602		display: flex;
2603		flex-direction: column;
2604		flex: 0 0 auto;
2605		flex-shrink: 0;
2606		min-height: 0;
2607		width: 100%;
2608		margin-top: auto !important;
2609		overflow: visible;
2610	}
2611
2612	#category-content .navigation-level1__col-third .main-nav-slot,
2613	#navigation-level1 .navigation-level1__col-third .main-nav-slot,
2614	.header #category-content .navigation-level1__col-third .main-nav-slot {
2615		border: 0 !important;
2616		margin-right: 0 !important;
2617		margin-bottom: 0 !important;
2618		margin-left: 0 !important;
2619		padding: 0 !important;
2620		display: flex !important;
2621		visibility: visible !important;
2622		opacity: 1 !important;
2623		flex-direction: column !important;
2624		position: static !important;
2625		left: auto !important;
2626		top: auto !important;
2627		max-height: none !important;
2628		max-width: none !important;
2629		overflow: visible !important;
2630		flex: 0 0 auto;
2631		flex-shrink: 0;
2632		min-height: 0;
2633		width: 100%;
2634		z-index: auto !important;
2635		place-content: flex-start !important;
2636		align-items: flex-start !important;
2637	}
2638
2639	#category-content .navigation-level1__col-third>.html-slot-container>.main-nav-slot,
2640	#navigation-level1 .navigation-level1__col-third>.html-slot-container>.main-nav-slot {
2641		margin-top: 0 !important;
2642	}
2643
2644	#category-content .navigation-level1__col-third>.main-nav-slot,
2645	#navigation-level1 .navigation-level1__col-third>.main-nav-slot {
2646		margin-top: auto !important;
2647	}
2648
2649	#category-content .navigation-level1__col-third .main-nav-slot__heading {
2650		display: none;
2651	}
2652
2653	#category-content .navigation-level1__col-third .main-nav-slot__list,
2654	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list {
2655		list-style: none;
2656		border: 0 !important;
2657		margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important;
2658		padding: 0 !important;
2659		flex-shrink: 0;
2660	}
2661
2662	#category-content .navigation-level1__col-third .main-nav-slot__list+div {
2663		margin-top: 0 !important;
2664	}
2665
2666	#category-content .navigation-level1__col-third .main-nav-slot__list-item {
2667		display: block;
2668		line-height: 1;
2669		margin: 0 !important;
2670	}
2671
2672	#category-content .navigation-level1__col-third .main-nav-slot__list-item+.main-nav-slot__list-item {
2673		margin-top: var(--pc-nav-desktop-rail-link-gap) !important;
2674	}
2675
2676	.main-nav-slot__list {
2677		margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important;
2678	}
2679
2680	#category-content .navigation-level1__col-third .main-nav-slot__list-item img,
2681	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list-item img {
2682		display: none !important;
2683	}
2684
2685	#category-content .navigation-level1__col-third .main-nav-slot__list a,
2686	#navigation-level1 .navigation-level1__col-third .main-nav-slot__list a {
2687		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2688		font-weight: 800 !important;
2689		font-size: var(--pc-mega-nav-bar-content-height) !important;
2690		line-height: var(--pc-mega-nav-text-line-height) !important;
2691		letter-spacing: 0 !important;
2692		color: #1C1C1C !important;
2693		text-decoration: none !important;
2694		display: block;
2695	}
2696
2697	#category-content .navigation-level1__col-third .main-nav-slot__list a:hover {
2698		text-decoration: underline !important;
2699	}
2700
2701	#category-content .navigation-level1__col-third .two-column-figure {
2702		margin-top: 0;
2703		padding-top: 0;
2704		flex-shrink: 0;
2705	}
2706
2707	#category-content .navigation-level1__col-third .navigation-link,
2708	#navigation-level1 .navigation-level1__col-third .navigation-link {
2709		display: block !important;
2710		margin: 0 !important;
2711	}
2712
2713	#category-content .navigation-level1__col-third .navigation-link.navigation-link--two-rows,
2714	#navigation-level1 .navigation-level1__col-third .navigation-link.navigation-link--two-rows {
2715		display: grid !important;
2716		grid-template-columns: repeat(2, minmax(0, 1fr));
2717		gap: 24px;
2718		align-items: start;
2719		margin: 0 !important;
2720	}
2721
2722	#category-content .navigation-level1__col-third .navigation-link figure,
2723	#navigation-level1 .navigation-level1__col-third .navigation-link figure {
2724		width: 100%;
2725		max-width: 100%;
2726		min-width: 0;
2727		margin: 0 !important;
2728	}
2729
2730	#category-content .navigation-level1__col-third .navigation-link figure>a,
2731	#navigation-level1 .navigation-level1__col-third .navigation-link figure>a {
2732		display: block;
2733		width: 100%;
2734		max-width: 160px;
2735		height: var(--pc-nav-desktop-rail-promo-image-height);
2736		border-radius: 10px;
2737		overflow: hidden;
2738		line-height: 0;
2739	}
2740
2741	#category-content .navigation-level1__col-third .navigation-link figure img,
2742	#navigation-level1 .navigation-level1__col-third .navigation-link figure img {
2743		width: 100% !important;
2744		max-width: 160px !important;
2745		height: var(--pc-nav-desktop-rail-promo-image-height) !important;
2746		aspect-ratio: unset !important;
2747		object-fit: cover !important;
2748		object-position: center;
2749		border-radius: 10px;
2750		display: block;
2751	}
2752
2753	#category-content .navigation-level1__col-third .navigation-link figcaption,
2754	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption {
2755		margin-top: var(--pc-nav-desktop-promo-image-caption-gap);
2756		margin-bottom: 0;
2757		padding: 0;
2758		min-width: 0;
2759		max-width: 100%;
2760	}
2761
2762	#category-content .navigation-level1__col-first figure figcaption,
2763	#navigation-level1 .navigation-level1__col-first figure figcaption {
2764		display: block !important;
2765		visibility: visible !important;
2766		opacity: 1 !important;
2767		margin-top: 0 !important;
2768		margin-bottom: 0 !important;
2769		padding: 0;
2770		min-width: 0;
2771		max-width: 100%;
2772		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2773		font-weight: 700 !important;
2774		font-size: 14px !important;
2775		line-height: 1 !important;
2776		letter-spacing: 0.002em !important;
2777		color: #1C1C1C !important;
2778	}
2779
2780	#category-content .navigation-level1__col-third .navigation-link figcaption a,
2781	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption a {
2782		font-family: var(--pc-nav-font-family) !important;
2783		font-weight: 800 !important;
2784		font-size: var(--pc-nav-desktop-rail) !important;
2785		line-height: 1 !important;
2786		letter-spacing: 0.002em !important;
2787		color: var(--pc-nav-color-text) !important;
2788		text-decoration: none !important;
2789		display: block;
2790		white-space: normal;
2791		overflow-wrap: break-word;
2792		word-break: break-word;
2793	}
2794
2795	#category-content .navigation-level1__col-third .navigation-link figcaption a:hover,
2796	#category-content .navigation-level1__col-third .navigation-link figure:hover figcaption a,
2797	#navigation-level1 .navigation-level1__col-third .navigation-link figcaption a:hover,
2798	#navigation-level1 .navigation-level1__col-third .navigation-link figure:hover figcaption a {
2799		text-decoration: underline !important;
2800		color: #1C1C1C !important;
2801	}
2802
2803
2804	#category-content .navigation-level1__col-first figure figcaption a,
2805	#navigation-level1 .navigation-level1__col-first figure figcaption a {
2806		text-decoration: none;
2807	}
2808
2809	#category-content .navigation-level1__col-first figure:hover figcaption a,
2810	#category-content .navigation-level1__col-first figure figcaption a:hover,
2811	#navigation-level1 .navigation-level1__col-first figure:hover figcaption a,
2812	#navigation-level1 .navigation-level1__col-first figure figcaption a:hover {
2813		text-decoration: underline !important;
2814		color: #1C1C1C !important;
2815	}
2816
2817
2818	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row,
2819	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row {
2820		padding-top: 0 !important;
2821		padding-bottom: 0 !important;
2822		margin-bottom: 16px !important;
2823	}
2824
2825	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child,
2826	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child {
2827		margin-bottom: 0 !important;
2828	}
2829
2830	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist,
2831	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist {
2832		list-style: none;
2833		margin: 0;
2834		padding: 0;
2835	}
2836
2837	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a,
2838	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a {
2839		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2840		font-weight: 800 !important;
2841		font-size: 14px !important;
2842		line-height: var(--pc-mega-nav-text-line-height) !important;
2843		letter-spacing: -0.02em !important;
2844		color: #1C1C1C !important;
2845		text-decoration: none !important;
2846		display: block !important;
2847	}
2848
2849	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a,
2850	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a {
2851		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2852		font-weight: 800 !important;
2853		font-size: 12px !important;
2854		line-height: var(--pc-mega-nav-text-line-height) !important;
2855		letter-spacing: 0 !important;
2856		color: #1C1C1C !important;
2857		text-decoration: none !important;
2858		display: block !important;
2859	}
2860
2861	#category-content .navigation-level1__see-all-link,
2862	#navigation-level1 .navigation-level1__see-all-link {
2863		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
2864		font-weight: 800 !important;
2865		font-size: 12px !important;
2866		line-height: var(--pc-mega-nav-text-line-height) !important;
2867		letter-spacing: 0 !important;
2868		color: #1C1C1C !important;
2869		text-decoration: none !important;
2870		display: block !important;
2871	}
2872
2873	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover,
2874	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover {
2875		text-decoration: underline !important;
2876		color: #1C1C1C !important;
2877	}
2878
2879	#category-content .navigation-level1__col-middle .navigation-level1__middle-top a:hover,
2880	#category-content .navigation-level1__col-middle .navigation-level1__nav-row a:hover,
2881	#category-content .navigation-level1__col-middle .navigation-level1__sublist a:hover,
2882	#category-content .navigation-level1__col-middle .navigation-level1__group-title:hover,
2883	#category-content .navigation-level1__col-middle .navigation-level1__subgroup-title:hover,
2884	#navigation-level1 .navigation-level1__col-middle .navigation-level1__middle-top a:hover,
2885	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row a:hover,
2886	#navigation-level1 .navigation-level1__col-middle .navigation-level1__sublist a:hover,
2887	#navigation-level1 .navigation-level1__col-middle .navigation-level1__group-title:hover,
2888	#navigation-level1 .navigation-level1__col-middle .navigation-level1__subgroup-title:hover {
2889		text-decoration: underline !important;
2890		color: #1C1C1C !important;
2891	}
2892
2893	#category-content .navigation-level1__col-middle .navigation-level1__see-all-link,
2894	#category-content .navigation-level1__col-middle .navigation-level1__nav-row--see-all a,
2895	#category-content .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a,
2896	#navigation-level1 .navigation-level1__col-middle .navigation-level1__see-all-link,
2897	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--see-all a,
2898	#navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a {
2899		text-decoration: none !important;
2900		margin: 0;
2901	}
2902
2903	#category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
2904	#navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
2905	#category-content .navigation-level1__see-all-link:hover,
2906	#navigation-level1 .navigation-level1__see-all-link:hover,
2907	#category-content .navigation-level1__nav-row--see-all a:hover,
2908	#navigation-level1 .navigation-level1__nav-row--see-all a:hover,
2909	#category-content .navigation-level1__nav-row--group-see-all a:hover,
2910	#navigation-level1 .navigation-level1__nav-row--group-see-all a:hover {
2911		text-decoration: underline !important;
2912		color: #1C1C1C !important;
2913	}
2914
2915
2916	#category-content .navigation-level1__middle-top--categories.has-center-divider::after,
2917	#navigation-level1 .navigation-level1__middle-top--categories.has-center-divider::after {
2918		content: "" !important;
2919		display: block !important;
2920		position: absolute !important;
2921		top: 0 !important;
2922		bottom: 0 !important;
2923		left: 50% !important;
2924		width: 1px !important;
2925		height: auto !important;
2926		transform: translateX(-50%) translateZ(0) !important;
2927		background-color: #DEDEDF !important;
2928		pointer-events: none !important;
2929		z-index: 1 !important;
2930	}
2931
2932
2933	#category-content .navigation-level1__middle-top.has-center-divider::after,
2934	#navigation-level1 .navigation-level1__middle-top.has-center-divider::after {
2935		content: "";
2936		position: absolute;
2937		top: 0 !important;
2938		bottom: 0 !important;
2939		left: 50%;
2940		width: 1px;
2941		height: auto !important;
2942		transform: translateX(-50%) translateZ(0);
2943		background-color: #DEDEDF;
2944		pointer-events: none;
2945		z-index: 1;
2946		-webkit-backface-visibility: hidden;
2947		backface-visibility: hidden;
2948	}
2949
2950
2951	#category-content .navigation-level1__section-divider,
2952	#navigation-level1 .navigation-level1__section-divider {
2953		display: block;
2954		width: 100%;
2955		margin-top: 20px;
2956		margin-bottom: 20px;
2957		border: none;
2958		border-top: 1px solid #DEDEDF;
2959		border-bottom: none;
2960		height: 1px;
2961		min-height: 1px;
2962		background-color: #DEDEDF;
2963		transform: translateZ(0);
2964		-webkit-backface-visibility: hidden;
2965		backface-visibility: hidden;
2966	}
2967
2968	#category-content .navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
2969	#category-content .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider,
2970	#navigation-level1 .navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
2971	#navigation-level1 .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider {
2972		display: none !important;
2973	}
2974
2975	#category-content .navigation-level1__nav-row--see-all a,
2976	#navigation-level1 .navigation-level1__nav-row--see-all a,
2977	#category-content .navigation-level1__nav-row--group-see-all a,
2978	#navigation-level1 .navigation-level1__nav-row--group-see-all a {
2979		margin-top: 20px;
2980	}
2981
2982	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a,
2983	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
2984		margin-top: 16px;
2985	}
2986
2987	#category-content .navigation-level1__middle-top--grouped .navigation-level1__section-divider,
2988	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__section-divider {
2989		display: block;
2990		width: 100%;
2991		margin-top: 20px;
2992		margin-bottom: 20px;
2993		border: none;
2994		border-top: 1px solid #DEDEDF;
2995		border-bottom: none;
2996		height: 1px;
2997		min-height: 1px;
2998		background-color: #DEDEDF;
2999		transform: translateZ(0);
3000		-webkit-backface-visibility: hidden;
3001		backface-visibility: hidden;
3002	}
3003
3004	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3005	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link,
3006	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3007	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link {
3008		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3009		font-weight: 800 !important;
3010		font-size: 12px !important;
3011		line-height: var(--pc-mega-nav-text-line-height) !important;
3012		letter-spacing: 0 !important;
3013		color: #1C1C1C !important;
3014		text-decoration: none !important;
3015		display: block !important;
3016		margin-top: 0 !important;
3017	}
3018
3019	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3020	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover,
3021	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3022	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover {
3023		text-decoration: underline !important;
3024		color: #1C1C1C !important;
3025	}
3026
3027
3028	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row,
3029	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row {
3030		padding-top: 0;
3031		padding-bottom: 0;
3032		margin-bottom: 0;
3033	}
3034
3035	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading,
3036	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading {
3037		margin-bottom: 0;
3038	}
3039
3040	#category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title,
3041	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title {
3042		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3043		font-weight: 800 !important;
3044		font-size: 14px !important;
3045		line-height: var(--pc-mega-nav-text-line-height) !important;
3046		letter-spacing: -0.02em !important;
3047		color: #1C1C1C !important;
3048		margin: 0 0 16px !important;
3049	}
3050
3051	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist,
3052	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist {
3053		list-style: none;
3054		margin: 0;
3055		padding: 0;
3056	}
3057
3058	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link,
3059	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link {
3060		margin-bottom: 16px !important;
3061	}
3062
3063	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li,
3064	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li {
3065		margin: 0;
3066	}
3067
3068
3069	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a,
3070	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a {
3071		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3072		font-weight: 700 !important;
3073		font-size: 12px !important;
3074		line-height: var(--pc-mega-nav-text-line-height) !important;
3075		letter-spacing: 0 !important;
3076		color: #757575 !important;
3077		text-decoration: none !important;
3078		display: block !important;
3079	}
3080
3081	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all,
3082	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all {
3083		width: 100% !important;
3084		margin: 0 !important;
3085		padding: 0 !important;
3086	}
3087
3088	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a,
3089	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3090		font-family: var(--pc-nav-font-family) !important;
3091		font-weight: 800 !important;
3092		font-size: var(--pc-nav-desktop-see-all) !important;
3093		line-height: var(--pc-mega-nav-text-line-height) !important;
3094		letter-spacing: 0 !important;
3095		color: var(--pc-nav-color-text) !important;
3096		text-decoration: none !important;
3097		display: block !important;
3098	}
3099
3100	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a,
3101	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a {
3102		font-family: var(--pc-nav-font-family) !important;
3103		font-weight: 800 !important;
3104		font-size: var(--pc-nav-desktop-see-all) !important;
3105		line-height: var(--pc-mega-nav-text-line-height) !important;
3106		letter-spacing: 0 !important;
3107		color: var(--pc-nav-color-text) !important;
3108		text-decoration: none !important;
3109		display: block !important;
3110		margin-top: 16px !important;
3111	}
3112
3113	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3114	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3115	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover,
3116	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover {
3117		text-decoration: underline !important;
3118		color: #1C1C1C !important;
3119	}
3120
3121	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row,
3122	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row {
3123		padding-top: 0;
3124		padding-bottom: 0;
3125		margin-bottom: 0;
3126	}
3127
3128	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3129	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist,
3130	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3131	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist {
3132		list-style: none;
3133		margin: 0;
3134		padding: 0;
3135	}
3136
3137	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li,
3138	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li {
3139		margin: 0 0 16px;
3140	}
3141
3142	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a,
3143	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a {
3144		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3145		font-weight: 800 !important;
3146		font-size: 14px !important;
3147		line-height: var(--pc-mega-nav-text-line-height) !important;
3148		letter-spacing: -0.02em !important;
3149		color: #1C1C1C !important;
3150		text-decoration: none !important;
3151		display: block !important;
3152	}
3153
3154	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading,
3155	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading {
3156		margin-bottom: 16px;
3157		padding-bottom: 0;
3158	}
3159
3160	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title,
3161	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title {
3162		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3163		font-weight: 800 !important;
3164		font-size: 14px !important;
3165		line-height: var(--pc-mega-nav-text-line-height) !important;
3166		letter-spacing: -0.02em !important;
3167		color: #1C1C1C !important;
3168		margin: 0 !important;
3169	}
3170
3171	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a,
3172	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a {
3173		font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3174		font-weight: 700 !important;
3175		font-size: 12px !important;
3176		line-height: var(--pc-mega-nav-text-line-height) !important;
3177		letter-spacing: 0 !important;
3178		color: #757575 !important;
3179		text-decoration: none !important;
3180		display: block !important;
3181	}
3182
3183	#category-content .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider,
3184	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider {
3185		border-bottom: none !important;
3186		padding-bottom: 0 !important;
3187		margin-bottom: 0 !important;
3188	}
3189
3190	#category-content .navigation-level1__middle-top--categories .navigation-level1__section-divider,
3191	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__section-divider {
3192		display: block;
3193		width: 100%;
3194		margin-top: 20px;
3195		margin-bottom: 20px;
3196		border: none;
3197		border-top: 1px solid #DEDEDF;
3198		border-bottom: none;
3199		height: 1px;
3200		min-height: 1px;
3201		background-color: #DEDEDF;
3202		transform: translateZ(0);
3203		-webkit-backface-visibility: hidden;
3204		backface-visibility: hidden;
3205	}
3206
3207	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3208	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3209	#category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
3210	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3211	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3212	#navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
3213	#category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
3214	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
3215	#category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover,
3216	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
3217	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
3218	#navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover {
3219		text-decoration: underline !important;
3220		color: #1C1C1C !important;
3221	}
3222
3223	#category-content {
3224		display: none;
3225		width: 95% !important;
3226		max-width: 1448px !important;
3227		height: var(--pc-mega-nav-panel-max-height) !important;
3228		max-height: var(--pc-mega-nav-panel-max-height) !important;
3229		overflow: hidden !important;
3230		margin: 0 auto !important;
3231		background: white !important;
3232		border: 1px solid #DEDEDF !important;
3233		border-radius: 32px !important;
3234		box-shadow: 0 15px 32px rgba(0, 0, 0, .08) !important;
3235		box-sizing: border-box !important;
3236
3237		&,
3238		* {
3239			box-sizing: border-box;
3240		}
3241
3242		&.is-visible {
3243			display: flex !important;
3244			flex-direction: column !important;
3245			height: var(--pc-mega-nav-panel-max-height) !important;
3246			max-height: var(--pc-mega-nav-panel-max-height) !important;
3247			overflow: hidden !important;
3248		}
3249
3250		ul {
3251			margin-top: 0;
3252		}
3253
3254		.navigation-level1__component {
3255			width: 100%;
3256			flex: 1;
3257			min-height: 0;
3258			max-height: 100%;
3259			height: 100%;
3260			display: flex;
3261			margin: 0;
3262			padding: 48px 0;
3263			overflow: hidden;
3264		}
3265
3266		.navigation-level1__col-first {
3267			flex: 0 0 25%;
3268			min-width: 0;
3269			max-width: none;
3270			width: auto;
3271			padding: 0 48px;
3272			border-right: 1px solid #DEDEDF;
3273			flex-shrink: 0;
3274			min-height: 0;
3275			display: flex;
3276			flex-direction: column;
3277			height: 100%;
3278			justify-content: space-between;
3279			align-items: flex-start;
3280			overflow-y: auto;
3281			overflow-x: hidden;
3282			-webkit-overflow-scrolling: touch;
3283			container-type: inline-size;
3284		}
3285
3286		.category-title {
3287			width: 100%;
3288			max-width: 100%;
3289			min-width: 0;
3290			min-height: 0;
3291			height: auto;
3292			flex-shrink: 0;
3293			align-items: flex-start;
3294			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3295			font-weight: 800 !important;
3296			line-height: var(--pc-mega-nav-category-title-line-height) !important;
3297			letter-spacing: -0.02em !important;
3298			margin: 0 !important;
3299			padding: 0;
3300			overflow: visible;
3301			overflow-wrap: normal;
3302			word-break: keep-all;
3303			hyphens: none;
3304			white-space: nowrap;
3305			font-size: clamp(28px, 15cqi, 40px);
3306			color: #1C1C1C !important;
3307		}
3308
3309		.category-title--wrap {
3310			white-space: normal;
3311			overflow-wrap: break-word;
3312			word-break: normal;
3313		}
3314
3315
3316		.navigation-level1__col-middle {
3317			flex: 0 0 45%;
3318			min-width: 0;
3319			min-height: 0;
3320			height: 100%;
3321			padding: 0;
3322			display: flex;
3323			flex-direction: column;
3324			flex-shrink: 0;
3325			overflow: hidden;
3326		}
3327
3328		.navigation-level1__col-third {
3329			flex: 0 0 30%;
3330			padding: 0 48px;
3331			border-left: 1px solid #DEDEDF;
3332			flex-shrink: 0;
3333			min-width: 0;
3334			min-height: 0;
3335			height: 100%;
3336			max-height: 100%;
3337			display: flex;
3338			flex-direction: column;
3339			justify-content: flex-start;
3340			overflow-y: auto;
3341			overflow-x: hidden;
3342			-webkit-overflow-scrolling: touch;
3343			overscroll-behavior: contain;
3344			align-items: flex-start;
3345		}
3346
3347		.navigation-level1__col-third>.html-slot-container,
3348		.navigation-level1__col-third>.main-nav-slot {
3349			margin-top: auto;
3350			flex-shrink: 0;
3351		}
3352
3353		.navigation-level1__col-third>.html-slot-container>.main-nav-slot {
3354			margin-top: 0;
3355		}
3356
3357		.navigation-level1__col-first>.html-slot-container {
3358			display: flex;
3359			flex-direction: column;
3360			flex: 0 0 auto;
3361			flex-shrink: 0;
3362			justify-content: flex-end;
3363			margin-top: auto;
3364			width: 100%;
3365			max-width: 100%;
3366			gap: var(--pc-nav-desktop-promo-block-gap);
3367		}
3368
3369		.navigation-level1__col-first .html-slot-container,
3370		.navigation-level1__col-first .main-nav-slot {
3371			display: flex;
3372			flex-direction: column;
3373			justify-content: flex-end;
3374			gap: var(--pc-nav-desktop-promo-block-gap);
3375			width: 100%;
3376			max-width: 100%;
3377			border: 0;
3378			margin: 0;
3379			padding: 0;
3380			flex: 0 0 auto;
3381			position: static;
3382			left: auto;
3383			top: auto;
3384			max-height: none;
3385			overflow: visible;
3386			visibility: visible;
3387			opacity: 1;
3388		}
3389
3390		.navigation-level1__col-first>.html-slot-container>.main-nav-slot {
3391			margin-top: 0;
3392		}
3393
3394		.navigation-level1__col-first .navigation-link {
3395			display: flex;
3396			flex-direction: column;
3397			justify-content: flex-end;
3398			gap: var(--pc-nav-desktop-promo-block-gap);
3399			margin: 0;
3400			padding: 0;
3401			width: 100%;
3402			max-width: 100%;
3403		}
3404
3405		.navigation-level1__col-first .navigation-link.navigation-link--two-rows {
3406			display: flex;
3407			flex-direction: column;
3408			margin: 0;
3409		}
3410
3411		.navigation-level1__col-first .navigation-link>figure:only-child,
3412		.navigation-level1__col-first>.html-slot-container>figure:only-child {
3413			width: 100%;
3414			max-width: 100%;
3415			flex: 0 0 auto;
3416		}
3417
3418		.navigation-level1__col-first .main-nav-slot__list {
3419			margin: 0;
3420			padding: 0;
3421			border: 0;
3422		}
3423
3424		.navigation-level1__col-first .main-nav-slot__list+div {
3425			margin-top: 0;
3426		}
3427
3428		.navigation-level1__col-first .main-nav-slot__list-item {
3429			margin: 0;
3430		}
3431
3432		.navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item {
3433			margin-top: 0;
3434		}
3435
3436		.navigation-level1__col-first figure {
3437			display: flex;
3438			flex-direction: column;
3439			gap: var(--pc-nav-desktop-promo-image-caption-gap);
3440			margin: 0;
3441			width: 100%;
3442			max-width: 100%;
3443			min-width: 0;
3444		}
3445
3446		.navigation-level1__col-third .navigation-link figure {
3447			margin: 0;
3448			min-width: 0;
3449			max-width: 100%;
3450		}
3451
3452
3453		.navigation-level1__col-first .navigation-level1__promo-image-wrap,
3454		.navigation-level1__col-first figure .level-3__category-image,
3455		.navigation-level1__col-first figure>a {
3456			display: block;
3457			width: 100%;
3458			max-width: 100%;
3459			height: 135px;
3460			border-radius: 10px;
3461			overflow: hidden;
3462			line-height: 0;
3463			font-size: 0;
3464			color: transparent;
3465			text-decoration: none;
3466			flex-shrink: 0;
3467		}
3468
3469		.navigation-level1__col-first figure>a>*:not(img):not(picture),
3470		.navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture),
3471		.navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) {
3472			display: none;
3473		}
3474
3475		.navigation-level1__col-first figure img,
3476		.navigation-level1__col-first .html-slot-container img,
3477		.navigation-level1__col-first .navigation-link img {
3478			width: 100% !important;
3479			height: 135px !important;
3480			max-width: 100%;
3481			aspect-ratio: unset !important;
3482			border-radius: 10px;
3483			object-fit: cover;
3484			object-position: center;
3485			display: block;
3486			margin: 0;
3487		}
3488
3489		.navigation-level1__col-third .navigation-level1__promo-image-wrap {
3490			display: block;
3491			width: 160px;
3492			max-width: 100%;
3493			height: var(--pc-nav-desktop-rail-promo-image-height);
3494			border-radius: 10px;
3495			overflow: hidden;
3496			line-height: 0;
3497			flex-shrink: 0;
3498		}
3499
3500		.navigation-level1__col-third .navigation-link figure>a {
3501			display: block;
3502			width: 100%;
3503			max-width: 160px;
3504			text-decoration: none;
3505		}
3506
3507
3508		.navigation-level1__col-third .navigation-link figure img {
3509			width: 100% !important;
3510			max-width: 160px !important;
3511			height: var(--pc-nav-desktop-rail-promo-image-height) !important;
3512			aspect-ratio: unset !important;
3513			border-radius: 10px;
3514			object-fit: cover;
3515			object-position: center;
3516			display: block;
3517		}
3518
3519		.navigation-level1__col-first figure figcaption {
3520			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3521			font-weight: 700;
3522			font-size: 14px;
3523			line-height: 1;
3524			letter-spacing: 0.002em;
3525			color: #1C1C1C;
3526			margin: 0;
3527		}
3528
3529		.navigation-level1__col-first figure figcaption a {
3530			font-family: inherit;
3531			font-weight: inherit;
3532			font-size: inherit;
3533			line-height: inherit;
3534			letter-spacing: inherit;
3535			color: inherit;
3536			text-decoration: none;
3537			margin: 0;
3538		}
3539
3540
3541
3542
3543		.navigation-level1__middle-top {
3544			flex: 1;
3545			min-height: 0;
3546			min-width: 0;
3547			display: flex;
3548			flex-direction: column;
3549			flex-wrap: wrap;
3550			align-content: flex-start;
3551			align-items: flex-start;
3552			width: 100%;
3553			height: 100%;
3554			position: relative;
3555		}
3556
3557		.navigation-level1__middle-top.has-center-divider::after {
3558			content: "";
3559			position: absolute;
3560			top: 0;
3561			bottom: 0;
3562			left: 50%;
3563			width: 1px;
3564			transform: translateX(-50%) translateZ(0);
3565			background-color: #DEDEDF;
3566			pointer-events: none;
3567			z-index: 1;
3568			-webkit-backface-visibility: hidden;
3569			backface-visibility: hidden;
3570		}
3571
3572		.navigation-level1__nav-row {
3573			flex: 0 0 auto;
3574			width: 50%;
3575			max-width: 50%;
3576			min-width: 0;
3577			box-sizing: border-box;
3578			padding: 0 48px;
3579			position: relative;
3580			z-index: 2;
3581		}
3582
3583
3584		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row {
3585			margin-bottom: 16px;
3586		}
3587
3588		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child {
3589			margin-bottom: 0;
3590		}
3591
3592		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist {
3593			li {
3594				margin: 0;
3595			}
3596
3597			a {
3598				font-family: "area-normal", "Area Normal", Arial, sans-serif;
3599				font-weight: 800;
3600				font-size: 14px;
3601				line-height: var(--pc-mega-nav-text-line-height);
3602				letter-spacing: -0.02em;
3603				color: #1C1C1C;
3604			}
3605		}
3606
3607		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a,
3608		.navigation-level1__see-all-link {
3609			font-weight: 800;
3610			font-size: 12px;
3611			line-height: var(--pc-mega-nav-text-line-height);
3612			letter-spacing: 0;
3613			text-decoration: none;
3614		}
3615
3616		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover,
3617		.navigation-level1__see-all-link:hover,
3618		.navigation-level1__nav-row--see-all a:hover,
3619		.navigation-level1__nav-row--group-see-all a:hover {
3620			text-decoration: underline;
3621			color: #1C1C1C;
3622		}
3623
3624		.navigation-level1__middle-bottom {
3625			margin-top: auto;
3626			flex-shrink: 0;
3627		}
3628
3629		.navigation-level1__middle-top a,
3630		.navigation-level1__nav-row a,
3631		.main-nav-slot__list a {
3632			text-decoration: none;
3633			min-width: 0;
3634			max-width: 100%;
3635			overflow-wrap: break-word;
3636			word-break: break-word;
3637		}
3638
3639
3640		.navigation-level1__middle-top .navigation-level1__sublist a:hover,
3641		.navigation-level1__nav-row .navigation-level1__sublist a:hover,
3642		.navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover,
3643		.navigation-level1__subgroup .navigation-level1__sublist a:hover,
3644		.navigation-level1__middle-top a:hover,
3645		.navigation-level1__nav-row a:hover {
3646			text-decoration: underline;
3647			color: #1C1C1C;
3648		}
3649
3650
3651
3652		.navigation-level1__nav-row .navigation-level1__sublist {
3653			list-style: none;
3654			margin: 0;
3655			padding: 0;
3656			display: block;
3657			width: 100%;
3658
3659			a {
3660				display: block;
3661				text-decoration: none;
3662			}
3663		}
3664
3665
3666		.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 {
3667			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
3668			font-weight: 700 !important;
3669			font-size: 12px !important;
3670			line-height: var(--pc-mega-nav-text-line-height) !important;
3671			letter-spacing: 0 !important;
3672			color: #1C1C1C !important;
3673		}
3674
3675
3676		.navigation-level1__group-title {
3677			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3678			font-weight: 800;
3679			font-size: 14px;
3680			line-height: var(--pc-mega-nav-text-line-height);
3681			letter-spacing: -0.02em;
3682			color: #1C1C1C;
3683			margin: 0 0 16px;
3684		}
3685
3686
3687		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading {
3688			margin-bottom: 0;
3689		}
3690
3691		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a {
3692			font-weight: 700;
3693			font-size: 12px;
3694			line-height: var(--pc-mega-nav-text-line-height);
3695			color: #757575;
3696		}
3697
3698		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a {
3699			font-family: var(--pc-nav-font-family);
3700			font-weight: 800;
3701			font-size: var(--pc-nav-desktop-see-all);
3702			line-height: var(--pc-mega-nav-text-line-height);
3703			color: var(--pc-nav-color-text);
3704			text-decoration: none;
3705		}
3706
3707		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3708			text-decoration: none;
3709		}
3710
3711		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover,
3712		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a:hover {
3713			text-decoration: underline;
3714			color: #1C1C1C;
3715		}
3716
3717		.navigation-level1__middle-top--grouped .navigation-level1__section-divider {
3718			margin-top: 20px;
3719			margin-bottom: 20px;
3720			margin-bottom: unset;
3721		}
3722
3723		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link {
3724			margin-bottom: 16px;
3725		}
3726
3727		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li {
3728			margin: 0;
3729		}
3730
3731		.navigation-level1__section-divider {
3732			margin-top: 20px;
3733			margin-bottom: 20px;
3734			border: none;
3735			border-top: 1px solid #DEDEDF;
3736			border-bottom: none;
3737			height: 1px;
3738			min-height: 1px;
3739			background-color: #DEDEDF;
3740			transform: translateZ(0);
3741			-webkit-backface-visibility: hidden;
3742			backface-visibility: hidden;
3743		}
3744
3745		.navigation-level1__nav-row--see-all>.navigation-level1__section-divider,
3746		.navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider {
3747			display: none !important;
3748		}
3749
3750		.navigation-level1__nav-row--see-all a,
3751		.navigation-level1__nav-row--group-see-all a {
3752			margin-top: 20px;
3753		}
3754
3755		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a {
3756			margin-top: 16px;
3757		}
3758
3759
3760		.navigation-level1__middle-top--categories .navigation-level1__nav-row {
3761			padding-top: 0;
3762			padding-bottom: 0;
3763			margin-bottom: 0;
3764		}
3765
3766		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a,
3767		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link {
3768			margin-top: 0 !important;
3769			text-decoration: none;
3770		}
3771
3772		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover,
3773		.navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover {
3774			text-decoration: underline !important;
3775			color: #1C1C1C !important;
3776		}
3777
3778		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist,
3779		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist {
3780			list-style: none;
3781			margin: 0;
3782			padding: 0;
3783		}
3784
3785		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li {
3786			margin: 0 0 16px;
3787		}
3788
3789		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a {
3790			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3791			font-weight: 800;
3792			font-size: 14px;
3793			line-height: var(--pc-mega-nav-text-line-height);
3794			letter-spacing: -0.02em;
3795			color: #1C1C1C;
3796			text-decoration: none;
3797			display: block;
3798		}
3799
3800		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading {
3801			margin-bottom: 16px;
3802			padding-bottom: 0;
3803		}
3804
3805		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title {
3806			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3807			font-weight: 800;
3808			font-size: 14px;
3809			line-height: var(--pc-mega-nav-text-line-height);
3810			letter-spacing: -0.02em;
3811			color: #1C1C1C;
3812			margin: 0;
3813		}
3814
3815		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a {
3816			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3817			font-weight: 400;
3818			font-size: 12px;
3819			line-height: var(--pc-mega-nav-text-line-height);
3820			letter-spacing: 0;
3821			color: #1C1C1C;
3822			text-decoration: none;
3823			display: block;
3824		}
3825
3826		.navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider {
3827			border-bottom: none !important;
3828			padding-bottom: 0 !important;
3829			margin-bottom: 0 !important;
3830		}
3831
3832		.navigation-level1__middle-top--categories .navigation-level1__section-divider {
3833			margin-top: 20px;
3834			margin-bottom: 20px;
3835		}
3836
3837		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover,
3838		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover,
3839		.navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover,
3840		.navigation-level1__middle-top--grouped .navigation-level1__group-title:hover,
3841		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover,
3842		.navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover {
3843			text-decoration: underline !important;
3844			color: #1C1C1C !important;
3845		}
3846
3847		.navigation-level1__subgroup+.navigation-level1__subgroup,
3848		.navigation-level1__sublist+.navigation-level1__subgroup,
3849		.navigation-level1__subgroup+.navigation-level1__sublist {
3850			margin-top: 0;
3851		}
3852
3853		.navigation-level1__group-title,
3854		.navigation-level1__subgroup-title {
3855			min-width: 0;
3856			max-width: 100%;
3857			overflow-wrap: break-word;
3858			word-break: break-word;
3859		}
3860
3861		.navigation-level1__subgroup .navigation-level1__sublist {
3862			list-style: none;
3863			margin: 0;
3864			padding: 0;
3865			display: block;
3866			margin-left: 12px;
3867
3868			a {
3869				display: block;
3870				text-decoration: none;
3871				color: #1C1C1C;
3872				font-family: "area-normal", "Area Normal", Arial, sans-serif;
3873				font-size: 12px;
3874				line-height: 1;
3875				font-weight: 400;
3876			}
3877
3878			li+li {
3879				margin-top: 16px;
3880			}
3881		}
3882
3883		.navigation-level1__subgroup-title {
3884			font-family: "area-normal", "Area Normal", Arial, sans-serif;
3885			font-weight: 700;
3886			font-size: 12px;
3887			line-height: var(--pc-mega-nav-text-line-height);
3888			color: #1C1C1C;
3889			margin-bottom: 12px;
3890		}
3891
3892		.navigation-level1__subgroup .navigation-level1__sublist.show-divider,
3893		.navigation-level1__sublist.show-divider {
3894			border-bottom: 1px solid #DEDEDF;
3895			padding-bottom: 16px;
3896			margin-bottom: 16px;
3897		}
3898	}
3899
3900	body:has(.page-designer):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1,
3901	body:has(.page-designer-reference):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1 {
3902		background: transparent;
3903		border-bottom-color: transparent;
3904
3905		.navigation-level1__list>li {
3906
3907			.navigation-level1__section-title,
3908			>a {
3909				color: #1C1C1C !important;
3910			}
3911		}
3912	}
3913
3914	body:has(.page-designer):has(.video-banner) .header:not(.header--scrolled) #navigation-level1,
3915	body:has(.page-designer-reference):has(.video-banner) .header:not(.header--scrolled) #navigation-level1 {
3916		background: transparent;
3917		border-bottom-color: transparent;
3918
3919		.navigation-level1__list>li {
3920
3921			.navigation-level1__section-title,
3922			>a {
3923				color: #FFFFFF;
3924			}
3925		}
3926	}
3927
3928	body:has(.page-designer) .header.header--scrolled #navigation-level1,
3929	body:has(.page-designer-reference) .header.header--scrolled #navigation-level1 {
3930		background-color: #FFFFFF;
3931		border-bottom-color: #DEDEDF;
3932
3933		.navigation-level1__list>li {
3934
3935			.navigation-level1__section-title,
3936			>a {
3937				color: #1C1C1C;
3938			}
3939		}
3940	}
3941
3942
3943	@media (max-width: 1023px) {
3944		/* MOBILE-ONLY CSS — desktop styles above this block are frozen (CONFIG.desktopLayoutFrozen) */
3945
3946		.header.js-header.pc-mega-nav-redesign .header__content {
3947			overflow: visible !important;
3948		}
3949
3950		.header.js-header.pc-mega-nav-redesign .header__hamburger-button {
3951			/* block — not flex: site builds the 3 bars with ::before/::after; flex misaligns them */
3952			display: block !important;
3953			position: absolute !important;
3954			left: 12px !important;
3955			top: 50% !important;
3956			transform: translateY(-50%) !important;
3957			margin: 0 !important;
3958			background: transparent !important;
3959			border: 0 !important;
3960			color: #1C1C1C !important;
3961			overflow: visible !important;
3962			z-index: 6 !important;
3963		}
3964
3965		/* If a prior session left an SVG glyph in the button, hide it */
3966		.header.js-header.pc-mega-nav-redesign .header__hamburger-button .pc-mega-nav-icon {
3967			display: none !important;
3968		}
3969
3970		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle {
3971			position: absolute !important;
3972			left: calc(12px + 20px + 16px) !important;
3973			right: auto !important;
3974			top: 50% !important;
3975			transform: translateY(-50%) !important;
3976			width: 20px !important;
3977			height: 20px !important;
3978			min-width: 20px !important;
3979			min-height: 20px !important;
3980			margin-left: 10px !important;
3981			font-size: 20px !important;
3982			z-index: 6 !important;
3983		}
3984
3985		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search,
3986		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search.icon,
3987		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .pc-mega-nav-icon--search {
3988			width: 20px !important;
3989			height: 20px !important;
3990			min-width: 20px !important;
3991			min-height: 20px !important;
3992			font-size: 20px !important;
3993		}
3994
3995		.header.js-header.pc-mega-nav-redesign .mini-cart {
3996			position: absolute !important;
3997			right: 12px !important;
3998			top: 50% !important;
3999			bottom: auto !important;
4000			transform: translateY(-50%) !important;
4001			z-index: 6 !important;
4002			overflow: visible !important;
4003		}
4004
4005		.header.js-header.pc-mega-nav-redesign .mini-cart__link {
4006			display: flex !important;
4007			align-items: center !important;
4008			justify-content: center !important;
4009			position: relative !important;
4010			width: 20px !important;
4011			height: 20px !important;
4012			min-width: 20px !important;
4013			min-height: 20px !important;
4014			overflow: visible !important;
4015			border: 0 !important;
4016			border-width: 0 !important;
4017			border-style: none !important;
4018			border-color: transparent !important;
4019			border-radius: 0 !important;
4020			background: transparent !important;
4021			box-shadow: none !important;
4022			outline: none !important;
4023		}
4024
4025		.header.js-header.pc-mega-nav-redesign .mini-cart__icon,
4026		.header.js-header.pc-mega-nav-redesign .mini-cart__icon .pc-mega-nav-icon {
4027			width: 20px !important;
4028			height: 20px !important;
4029			font-size: 20px !important;
4030			position: static !important;
4031			transform: none !important;
4032			left: auto !important;
4033			top: auto !important;
4034		}
4035
4036		/* Collapse legacy mobile nav shell — flyout owns layout */
4037		.header.js-header.pc-mega-nav-redesign .main-nav,
4038		.header.js-header.pc-mega-nav-redesign.header--menu-open .main-nav {
4039			padding: 0 !important;
4040			margin: 0 !important;
4041			background: transparent !important;
4042			opacity: 0 !important;
4043			visibility: hidden !important;
4044			pointer-events: none !important;
4045			height: 0 !important;
4046			min-height: 0 !important;
4047			overflow: hidden !important;
4048		}
4049
4050		#js-usp-banner.usp-banner~.header.js-header,
4051		#js-usp-banner~.header.js-header {
4052			position: sticky !important;
4053			top: var(--pc-mega-nav-usp-height) !important;
4054			/* 40px */
4055			z-index: 1001 !important;
4056			background-color: #FFFFFF !important;
4057			border-bottom: 1px solid var(--pc-nav-color-border) !important;
4058		}
4059
4060		/* Page Designer / video-banner (e.g. membership): keep header shell + icons visible on mobile */
4061		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4062		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4063		body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4064		body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4065		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open),
4066		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content,
4067		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled,
4068		body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled .header__content {
4069			background-color: #FFFFFF !important;
4070		}
4071
4072		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before,
4073		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before,
4074		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before {
4075			background-color: #1C1C1C !important;
4076		}
4077
4078		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after,
4079		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after,
4080		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after {
4081			border-color: #1C1C1C !important;
4082		}
4083
4084		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle,
4085		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,
4086		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .
4086icon,
4087		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,
4088		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle,
4089		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,
4090		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,
4091		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,
4092		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,
4093		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,
4094		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,
4095		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,
4096		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,
4097		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,
4098		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,
4099		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,
4100		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,
4101		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,
4102		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4103		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4104		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo,
4105		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4106		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4107		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before,
4108		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4109		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4110		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link,
4111		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4112		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4113		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon,
4114		body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before,
4115		body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before,
4116		body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before {
4117			color: #1C1C1C !important;
4118			border-color: #1C1C1C !important;
4119			-webkit-text-fill-color: #1C1C1C !important;
4120			opacity: 1 !important;
4121			visibility: visible !important;
4122		}
4123
4124		#navigation-level1,
4125		#category-content {
4126			display: none !important;
4127		}
4128
4129		.main-nav #js-menu-categories,
4130		.main-nav>.html-slot-container,
4131		.main-nav>.menu-utility-user,
4132		.main-nav>.hide-desktop {
4133			display: none !important;
4134		}
4135
4136		#nav-mobile-flyout {
4137			display: none;
4138			position: fixed;
4139			left: 0;
4140			right: 0;
4141			top: var(--pc-mega-nav-stack-height);
4142			bottom: 0;
4143			height: auto;
4144			max-height: none;
4145			background: #fff;
4146			z-index: 20;
4147			overflow: hidden;
4148			box-sizing: border-box;
4149		}
4150
4151		@supports (height: 100dvh) {
4152			#nav-mobile-flyout {
4153				bottom: auto;
4154				height: var(--pc-mega-nav-flyout-height,
4155						calc(100dvh - var(--pc-mega-nav-stack-height)));
4156			}
4157		}
4158
4159		.header--menu-open #nav-mobile-flyout {
4160			display: block;
4161		}
4162
4163		.nav-mobile__scroll {
4164			height: 100%;
4165			overflow-y: auto;
4166			-webkit-overflow-scrolling: touch;
4167			overscroll-behavior: contain;
4168			padding: 40px 32px;
4169			padding-bottom: var(--pc-mega-nav-flyout-scroll-padding-bottom);
4170			box-sizing: border-box;
4171		}
4172
4173		.nav-mobile__section {
4174			border-bottom: 1px solid var(--pc-nav-color-border);
4175		}
4176
4177		.nav-mobile__section-toggle {
4178			width: 100%;
4179			display: flex;
4180			align-items: center;
4181			justify-content: space-between;
4182			gap: 16px;
4183			padding: var(--pc-nav-mobile-l1-toggle-padding) 0;
4184			background: none;
4185			border: 0;
4186			font-family: var(--pc-nav-font-family);
4187			font-weight: 800;
4188			font-size: var(--pc-nav-mobile-top);
4189			line-height: var(--pc-nav-mobile-top);
4190			letter-spacing: var(--pc-nav-mobile-top-ls);
4191			color: var(--pc-nav-color-text);
4192			text-align: left;
4193			cursor: pointer;
4194		}
4195
4196		.nav-mobile__section-toggle .icon,
4197		.nav-mobile__section-toggle .pc-mega-nav-icon {
4198			font-size: 20px;
4199			width: 20px !important;
4200			height: 20px !important;
4201			min-width: 20px !important;
4202			min-height: 20px !important;
4203			transition: transform .2s ease;
4204			transform: rotate(90deg);
4205			flex-shrink: 0;
4206			color: var(--pc-nav-color-text);
4207		}
4208
4209		.nav-mobile__section.is-open .nav-mobile__section-toggle .icon,
4210		.nav-mobile__section.is-open .nav-mobile__section-toggle .pc-mega-nav-icon {
4211			transform: rotate(180deg);
4212		}
4213
4214		.nav-mobile__section-panel {
4215			display: none;
4216			padding-top: 0;
4217			padding-bottom: 0;
4218		}
4219
4220		.nav-mobile__section.is-open .nav-mobile__section-toggle {
4221			padding-bottom: 0;
4222		}
4223
4224		.nav-mobile__section.is-open .nav-mobile__section-panel {
4225			display: block;
4226			padding-top: var(--pc-nav-mobile-l1-to-l2-gap);
4227			padding-bottom: calc(var(--pc-nav-mobile-l2-to-next-l1-gap) - var(--pc-nav-mobile-l1-toggle-padding));
4228		}
4229
4230		.nav-mobile__links {
4231			list-style: none;
4232			margin: 0;
4233			padding: 0;
4234		}
4235
4236		.nav-mobile__links li+li {
4237			margin-top: 16px;
4238		}
4239
4240		.nav-mobile__links a {
4241			color: var(--pc-nav-color-text);
4242			font-family: var(--pc-nav-font-family);
4243			font-size: var(--pc-nav-mobile-l2);
4244			line-height: var(--pc-nav-mobile-l2);
4245			letter-spacing: var(--pc-nav-mobile-l2-ls);
4246			font-weight: 800;
4247			text-decoration: none;
4248		}
4249
4250		.nav-mobile__links a:hover {
4251			color: var(--pc-nav-color-text);
4252			text-decoration: underline;
4253		}
4254
4255		.nav-mobile__section-panel>.nav-mobile__links li+li {
4256			margin-top: 20px;
4257		}
4258
4259		.nav-mobile__section-panel>.nav-mobile__links a {
4260			font-size: var(--pc-nav-mobile-l2);
4261			font-weight: 800;
4262			line-height: var(--pc-nav-mobile-l2);
4263			letter-spacing: var(--pc-nav-mobile-l2-ls);
4264			color: var(--pc-nav-color-text) !important;
4265			-webkit-text-fill-color: var(--pc-nav-color-text) !important;
4266		}
4267
4268		.nav-mobile__group+.nav-mobile__group {
4269			margin-top: 24px;
4270		}
4271
4272		.nav-mobile__group-title {
4273			font-family: var(--pc-nav-font-family);
4274			font-weight: 800;
4275			font-size: var(--pc-nav-mobile-l2);
4276			line-height: var(--pc-nav-mobile-l2);
4277			letter-spacing: var(--pc-nav-mobile-l2-ls);
4278			color: var(--pc-nav-color-text);
4279			margin-bottom: 20px;
4280		}
4281
4282		.nav-mobile__subgroup {
4283			margin-top: 16px;
4284			font-weight: 800;
4285		}
4286
4287		.nav-mobile__subgroup-title {
4288			font-family: var(--pc-nav-font-family);
4289			font-weight: 800;
4290			font-size: var(--pc-nav-mobile-l2);
4291			line-height: var(--pc-nav-mobile-l2);
4292			letter-spacing: var(--pc-nav-mobile-l2-ls);
4293			color: var(--pc-nav-color-text);
4294			margin-bottom: 20px;
4295		}
4296
4297		.nav-mobile__subgroup .nav-mobile__links {
4298			margin-left: 10px;
4299		}
4300
4301		.nav-mobile__subgroup .nav-mobile__links a {
4302			font-size: var(--pc-nav-mobile-l3);
4303			font-weight: 700;
4304			line-height: var(--pc-nav-mobile-l3);
4305			letter-spacing: 0;
4306			color: var(--pc-nav-color-secondary) !important;
4307			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4308		}
4309
4310		.nav-mobile__subgroup .nav-mobile__links a:hover {
4311			color: var(--pc-nav-color-secondary) !important;
4312			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4313			text-decoration: underline;
4314		}
4315
4316		.nav-mobile__group>.nav-mobile__links a {
4317			font-size: var(--pc-nav-mobile-l3);
4318			font-weight: 700;
4319			line-height: var(--pc-nav-mobile-l3);
4320			letter-spacing: 0;
4321			color: var(--pc-nav-color-secondary) !important;
4322			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4323		}
4324
4325		.nav-mobile__group>.nav-mobile__links a:hover {
4326			color: var(--pc-nav-color-secondary) !important;
4327			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4328			text-decoration: underline;
4329		}
4330
4331		.nav-mobile__group ul,
4332		.nav-mobile__subgroup ul {
4333			border-bottom: 1px solid var(--pc-nav-color-border);
4334		}
4335
4336		.nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__group:last-child ul,
4337		.nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__subgroup:last-child ul {
4338			border-bottom: none;
4339		}
4340
4341		.nav-mobile__section-panel--categories .nav-mobile__group ul,
4342		.nav-mobile__section-panel--categories .nav-mobile__subgroup ul {
4343			border-bottom: none;
4344		}
4345
4346		.nav-mobile__section-panel--categories .nav-mobile__categories-l2 a {
4347			font-family: var(--pc-nav-font-family);
4348			font-size: var(--pc-nav-mobile-l2);
4349			font-weight: 800;
4350			line-height: var(--pc-nav-mobile-l2);
4351			letter-spacing: var(--pc-nav-mobile-l2-ls);
4352			color: var(--pc-nav-color-text) !important;
4353			-webkit-text-fill-color: var(--pc-nav-color-text) !important;
4354			text-decoration: none;
4355		}
4356
4357		.nav-mobile__section-panel--categories .nav-mobile__categories-l2 .nav-mobile__links li+li {
4358			margin-top: 0;
4359		}
4360
4361		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading {
4362			margin-top: 0;
4363			margin-bottom: 20px;
4364		}
4365
4366		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading .nav-mobile__subgroup-title {
4367			font-size: var(--pc-nav-mobile-l2);
4368			line-height: var(--pc-nav-mobile-l2);
4369			letter-spacing: var(--pc-nav-mobile-l2-ls);
4370			color: var(--pc-nav-color-text);
4371		}
4372
4373		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 {
4374			margin-top: 20px;
4375		}
4376
4377		.nav-mobile__section-panel--categories .nav-mobile__categories-subheading+.nav-mobile__categories-l3 {
4378			margin-top: 0;
4379		}
4380
4381		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 .nav-mobile__links li+li {
4382			margin-top: 24px;
4383		}
4384
4385		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 a {
4386			font-family: var(--pc-nav-font-family);
4387			font-size: var(--pc-nav-mobile-l3);
4388			font-weight: 700;
4389			line-height: 24px;
4390			letter-spacing: 0;
4391			color: var(--pc-nav-color-secondary) !important;
4392			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4393			text-decoration: none;
4394		}
4395
4396		.nav-mobile__section-panel--categories .nav-mobile__categories-l3 a:hover {
4397			color: var(--pc-nav-color-secondary) !important;
4398			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4399			text-decoration: underline;
4400		}
4401
4402		.nav-mobile__section-divider {
4403			display: block;
4404			width: 100%;
4405			height: 1px;
4406			min-height: 1px;
4407			margin: 20px 0;
4408			border: none;
4409			border-top: 1px solid #DEDEDF;
4410			background-color: #DEDEDF;
4411			transform: translateZ(0);
4412			-webkit-backface-visibility: hidden;
4413			backface-visibility: hidden;
4414		}
4415
4416		.nav-mobile__section-see-all {
4417			margin-top: 20px;
4418		}
4419
4420		.nav-mobile__section-see-all .nav-mobile__links a {
4421			font-size: var(--pc-nav-mobile-see-all);
4422			font-weight: 800;
4423			line-height: var(--pc-nav-mobile-see-all);
4424			letter-spacing: var(--pc-nav-mobile-l2-ls);
4425			color: var(--pc-nav-color-text);
4426			text-decoration: none;
4427		}
4428
4429		.nav-mobile__section-see-all .nav-mobile__links a:hover {
4430			text-decoration: underline;
4431		}
4432
4433		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a {
4434			text-decoration: none;
4435		}
4436
4437		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a:hover {
4438			text-decoration: underline;
4439		}
4440
4441		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all {
4442			margin-top: 0;
4443		}
4444
4445		.nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links li+li {
4446			margin-top: 0;
4447		}
4448
4449		.nav-mobile__section-panel--beautypedia .nav-mobile__group>.nav-mobile__links li+li {
4450			margin-top: 24px;
4451		}
4452
4453		.nav-mobile__section-panel--beautypedia .nav-mobile__group ul,
4454		.nav-mobile__section-panel--beautypedia .nav-mobile__subgroup ul {
4455			border-bottom: none;
4456		}
4457
4458		.nav-mobile__section-panel--beautypedia .nav-mobile__group+.nav-mobile__group {
4459			margin-top: 0;
4460		}
4461
4462		.nav-mobile__section-panel--beautypedia .nav-mobile__section-divider {
4463			margin: 20px 0;
4464		}
4465
4466		.nav-mobile__direct-link {
4467			display: block;
4468			padding: 20px 0;
4469			border-bottom: 1px solid var(--pc-nav-color-border);
4470			color: var(--pc-nav-color-text);
4471			font-family: var(--pc-nav-font-family);
4472			font-weight: 800;
4473			font-size: var(--pc-nav-mobile-top);
4474			line-height: var(--pc-nav-mobile-top);
4475			letter-spacing: var(--pc-nav-mobile-top-ls);
4476			text-decoration: none;
4477		}
4478
4479		.nav-mobile__footer-divider {
4480			height: 1px;
4481			background: #DEDEDF;
4482			margin: 0;
4483			border: 0;
4484		}
4485
4486		.nav-mobile__secondary {
4487			display: flex;
4488			flex-direction: column;
4489			gap: 16px;
4490			padding: 20px 0;
4491		}
4492
4493		.nav-mobile__secondary-link {
4494			display: block;
4495			color: var(--pc-nav-color-text);
4496			font-family: var(--pc-nav-font-family);
4497			font-weight: 800;
4498			font-size: var(--pc-nav-mobile-campaign);
4499			line-height: var(--pc-nav-mobile-campaign);
4500			letter-spacing: 0;
4501			text-decoration: none;
4502		}
4503
4504		.nav-mobile__secondary img,
4505		.nav-mobile__secondary svg,
4506		.nav-mobile__secondary .icon,
4507		.nav-mobile__secondary picture {
4508			display: none !important;
4509		}
4510
4511		.nav-mobile__secondary a {
4512			display: block;
4513			color: var(--pc-nav-color-text);
4514			font-family: var(--pc-nav-font-family);
4515			font-weight: 800;
4516			font-size: var(--pc-nav-mobile-campaign);
4517			line-height: var(--pc-nav-mobile-campaign);
4518			letter-spacing: 0;
4519			text-decoration: none;
4520		}
4521
4522		.nav-mobile__slot {
4523			margin-top: 24px;
4524			margin-bottom: 8px;
4525		}
4526
4527		.nav-mobile__slot .main-nav-slot__heading,
4528		.nav-mobile__slot .main-nav-slot__list {
4529			display: none !important;
4530		}
4531
4532		.nav-mobile__slot .main-nav-slot {
4533			border: 0;
4534			margin: 0;
4535			padding: 0;
4536			display: block;
4537		}
4538
4539		.nav-mobile__slot .navigation-link {
4540			display: block !important;
4541			margin: 0 !important;
4542		}
4543
4544		.nav-mobile__slot .html-slot-container>.navigation-link:not(.navigation-link--two-rows) {
4545			display: contents !important;
4546		}
4547
4548		.nav-mobile__slot .navigation-link.navigation-link--two-rows,
4549		.nav-mobile__slot .html-slot-container {
4550			display: grid !important;
4551			grid-template-columns: repeat(2, minmax(0, 1fr));
4552			gap: 13px;
4553			align-items: start;
4554		}
4555
4556		.nav-mobile__slot .navigation-link figure,
4557		.nav-mobile__slot figure {
4558			width: 100%;
4559			max-width: 100%;
4560			min-width: 0;
4561			margin: 0 !important;
4562		}
4563
4564		.nav-mobile__slot .navigation-link figure>a {
4565			display: block;
4566			width: 100%;
4567			max-width: 160px;
4568			height: 103px;
4569			border-radius: 10px;
4570			overflow: hidden;
4571			line-height: 0;
4572		}
4573
4574		.nav-mobile__slot .navigation-link figure img,
4575		.nav-mobile__slot img {
4576			width: 100% !important;
4577			max-width: 160px !important;
4578			height: 103px !important;
4579			aspect-ratio: unset !important;
4580			object-fit: cover !important;
4581			object-position: center;
4582			border-radius: 10px;
4583			display: block;
4584		}
4585
4586		.nav-mobile__slot .navigation-link figcaption {
4587			margin: 8px 0 0;
4588			padding: 0;
4589			min-width: 0;
4590			max-width: 100%;
4591		}
4592
4593		.nav-mobile__slot .navigation-link figcaption a,
4594		.nav-mobile__slot a {
4595			color: var(--pc-nav-color-text);
4596			font-family: var(--pc-nav-font-family) !important;
4597			font-size: 14px !important;
4598			font-weight: 800 !important;
4599			line-height: 1 !important;
4600			letter-spacing: 0.002em !important;
4601			text-decoration: none !important;
4602			display: block;
4603			margin-top: 8px;
4604			white-space: normal;
4605			overflow-wrap: break-word;
4606			word-break: break-word;
4607		}
4608
4609		.nav-mobile__slot .navigation-link figcaption a:hover,
4610		.nav-mobile__slot .navigation-link figure:hover figcaption a {
4611			text-decoration: underline !important;
4612			color: var(--pc-nav-color-text) !important;
4613		}
4614
4615		.nav-mobile__campaign {
4616			padding: 20px 0;
4617		}
4618
4619		.nav-mobile__campaign-links {
4620			display: flex;
4621			flex-direction: column;
4622			gap: 24px;
4623			list-style: none;
4624			margin: 0;
4625			padding: 0;
4626		}
4627
4628		.nav-mobile__campaign-link {
4629			display: block;
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-campaign);
4634			line-height: var(--pc-nav-mobile-campaign);
4635			letter-spacing: 0;
4636			text-decoration: none;
4637		}
4638
4639		.nav-mobile__campaign-link:hover {
4640			text-decoration: underline;
4641		}
4642
4643		.nav-mobile__campaign-links img,
4644		.nav-mobile__campaign-links svg,
4645		.nav-mobile__campaign-links .icon,
4646		.nav-mobile__campaign-links picture {
4647			display: none !important;
4648		}
4649
4650		.nav-mobile__campaign-promo {
4651			margin-top: 20px;
4652		}
4653
4654		.nav-mobile__campaign-promo .navigation-link {
4655			display: block !important;
4656			margin: 0 !important;
4657		}
4658
4659		.nav-mobile__campaign-promo .navigation-link.navigation-link--two-rows,
4660		.nav-mobile__campaign-promo .html-slot-container {
4661			display: grid !important;
4662			grid-template-columns: repeat(2, minmax(0, 1fr));
4663			gap: 13px;
4664			align-items: start;
4665		}
4666
4667		.nav-mobile__campaign-promo .navigation-link figure,
4668		.nav-mobile__campaign-promo figure {
4669			width: 100%;
4670			max-width: 100%;
4671			min-width: 0;
4672			margin: 0 !important;
4673		}
4674
4675		.nav-mobile__campaign-promo .navigation-link figure>a {
4676			display: block;
4677			width: 100%;
4678			max-width: 160px;
4679			height: 103px;
4680			border-radius: 10px;
4681			overflow: hidden;
4682			line-height: 0;
4683		}
4684
4685		.nav-mobile__campaign-promo .navigation-link figure img,
4686		.nav-mobile__campaign-promo img {
4687			width: 100% !important;
4688			max-width: 160px !important;
4689			height: 103px !important;
4690			aspect-ratio: unset !important;
4691			object-fit: cover !important;
4692			object-position: center;
4693			border-radius: 10px;
4694			display: block;
4695		}
4696
4697		.nav-mobile__campaign-promo .navigation-link figcaption {
4698			margin: 8px 0 0;
4699			padding: 0;
4700			min-width: 0;
4701			max-width: 100%;
4702		}
4703
4704		.nav-mobile__campaign-promo .navigation-link figcaption a {
4705			color: var(--pc-nav-color-text);
4706			font-family: var(--pc-nav-font-family) !important;
4707			font-size: 14px !important;
4708			font-weight: 800 !important;
4709			line-height: 1 !important;
4710			letter-spacing: 0.002em !important;
4711			text-decoration: none !important;
4712			display: block;
4713			margin-top: 8px;
4714			white-space: normal;
4715			overflow-wrap: break-word;
4716			word-break: break-word;
4717		}
4718
4719		.nav-mobile__campaign-promo .navigation-link figcaption a:hover,
4720		.nav-mobile__campaign-promo .navigation-link figure:hover figcaption a {
4721			text-decoration: underline !important;
4722			color: var(--pc-nav-color-text) !important;
4723		}
4724
4725		.nav-mobile__footer {
4726			margin-top: 0;
4727			padding-bottom: env(safe-area-inset-bottom, 0px);
4728		}
4729
4730		.nav-mobile__footer-link {
4731			display: flex;
4732			align-items: center;
4733			justify-content: space-between;
4734			gap: 16px;
4735			padding: 20px 0;
4736			border-bottom: 1px solid var(--pc-nav-color-border);
4737			color: var(--pc-nav-color-text);
4738			font-family: var(--pc-nav-font-family);
4739			font-weight: 800;
4740			font-size: var(--pc-nav-mobile-top);
4741			line-height: var(--pc-nav-mobile-top);
4742			letter-spacing: var(--pc-nav-mobile-top-ls);
4743			text-decoration: none;
4744		}
4745
4746		.nav-mobile__footer-link--chevron .icon,
4747		.nav-mobile__footer-link--chevron .pc-mega-nav-icon {
4748			font-size: 20px;
4749			width: 20px !important;
4750			height: 20px !important;
4751			min-width: 20px !important;
4752			min-height: 20px !important;
4753			flex-shrink: 0;
4754			color: var(--pc-nav-color-text);
4755			transform: rotate(90deg);
4756		}
4757
4758		/* Beat BM utility link classes inside the flyout */
4759		#nav-mobile-flyout a.link-normal-sm-semibold,
4760		#nav-mobile-flyout a.link-normal-base-semibold,
4761		#nav-mobile-flyout a.link-extended-md-black-base {
4762			font-family: var(--pc-nav-font-family);
4763		}
4764
4765		#nav-mobile-flyout .nav-mobile__subgroup .nav-mobile__links a.link-normal-sm-semibold,
4766		#nav-mobile-flyout .nav-mobile__group>.nav-mobile__links a.link-normal-sm-semibold,
4767		#nav-mobile-flyout .nav-mobile__section-panel--categories .nav-mobile__categories-l3 a {
4768			color: var(--pc-nav-color-secondary) !important;
4769			-webkit-text-fill-color: var(--pc-nav-color-secondary) !important;
4770		}
4771
4772		.nav-mobile__footer-link--last {
4773			border-bottom: none;
4774			padding-bottom: var(--pc-mega-nav-flyout-footer-padding-bottom);
4775		}
4776	}
4777
4778	@media (min-width: 1024px) {
4779		#nav-mobile-flyout {
4780			display: none !important;
4781		}
4782	}
4783
4784
4785	#nav-measurement-sandbox {
4786		display: none !important;
4787	}
4788
4789	#category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns,
4790	#category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column,
4791	#navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns,
4792	#navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column {
4793		display: none !important;
4794	}
4795
4796	@media (min-width: 1024px) {
4797
4798		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle,
4799		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon,
4800		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon::before,
4801		.header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search::before,
4802		.header.js-header.pc-mega-nav-redesign .header__logo,
4803		.header.js-header.pc-mega-nav-redesign .header__logo::before,
4804		.header.js-header.pc-mega-nav-redesign .mini-cart__link,
4805		.header.js-header.pc-mega-nav-redesign .mini-cart__icon,
4806		.header.js-header.pc-mega-nav-redesign .mini-cart__icon::before,
4807		.header.js-header.pc-mega-nav-redesign .user-info__account,
4808		.header.js-header.pc-mega-nav-redesign .user-info__icon,
4809		.header.js-header.pc-mega-nav-redesign .user-info__icon::before,
4810		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__section-title,
4811		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li>a {
4812			color: #1C1C1C !important;
4813			border-color: #1C1C1C !important;
4814			-webkit-text-fill-color: #1C1C1C !important;
4815			opacity: 1 !important;
4816			visibility: visible !important;
4817		}
4818
4819		.header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li+li::before {
4820			background: #1C1C1C !important;
4821		}
4822
4823		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle,
4824		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
4824icon,
4825		.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,
4826		.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,
4827		.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,
4828		.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,
4829		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo,
4830		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo::before,
4831		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link,
4832		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon,
4833		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before,
4834		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__account,
4835		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon,
4836		.wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before,
4837		.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,
4838		.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 {
4839			color: #1C1C1C !important;
4840			border-color: #1C1C1C !important;
4841			-webkit-text-fill-color: #1C1C1C !important;
4842			opacity: 1 !important;
4843			visibility: visible !important;
4844		}
4845
4846		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo,
4847		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before,
4848		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle,
4849		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon,
4850		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before,
4851		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,
4852		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link,
4853		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon,
4854		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before,
4855		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account,
4856		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon,
4857		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before,
4858		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__section-title,
4859		body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__list>li>a {
4860			color: #1C1C1C !important;
4861			border-color: #1C1C1C !important;
4862			-webkit-text-fill-color: #1C1C1C !important;
4863			opacity: 1 !important;
4864			visibility: visible !important;
4865		}
4866
4867		body:not(:has(.video-banner)) .header.js-header #navigation-level1 .navigation-level1__list>li+li::before {
4868			background: #1C1C1C !important;
4869		}
4870
4871		body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__section-title,
4872		body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__list>li>a {
4873			color: #1C1C1C !important;
4874		}
4875
4876		.header.js-header #navigation-level1 .navigation-level1__section-title,
4877		.header.js-header #navigation-level1 .navigation-level1__list>li>a {
4878			position: relative !important;
4879			overflow: visible !important;
4880			text-decoration: none !important;
4881			height: var(--pc-mega-nav-bar-content-height) !important;
4882			min-height: var(--pc-mega-nav-bar-content-height) !important;
4883			max-height: var(--pc-mega-nav-bar-content-height) !important;
4884			padding: 0 !important;
4885			font-size: var(--pc-mega-nav-bar-content-height) !important;
4886			line-height: var(--pc-mega-nav-text-line-height) !important;
4887			box-shadow: none !important;
4888			transition: color 0.3s ease-out !important;
4889		}
4890
4891		.header.js-header #navigation-level1 .navigation-level1__section-title::after,
4892		.header.js-header #navigation-level1 .navigation-level1__list>li>a::after {
4893			content: "" !important;
4894			display: block !important;
4895			position: absolute !important;
4896			left: 0 !important;
4897			top: 100% !important;
4898			bottom: auto !important;
4899			margin-top: 1px !important;
4900			width: 0 !important;
4901			height: 2px !important;
4902			background-color: currentColor !important;
4903			transition: width 0.3s ease-out !important;
4904		}
4905
4906		.header.js-header #navigation-level1 .navigation-level1__section-title:hover,
4907		.header.js-header #navigation-level1 .navigation-level1__list>li>a:hover,
4908		.header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title,
4909		.header.js-header #navigation-level1 .navigation-level1__list>li:hover>a,
4910		.header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered,
4911		.header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered,
4912		.header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title,
4913		.header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a {
4914			box-shadow: none !important;
4915		}
4916
4917		.header.js-header #navigation-level1 .navigation-level1__section-title:hover::after,
4918		.header.js-header #navigation-level1 .navigation-level1__list>li>a:hover::after,
4919		.header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after,
4920		.header.js-header #navigation-level1 .navigation-level1__list>li:hover>a::after,
4921		.header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered::after,
4922		.header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after,
4923		.header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after,
4924		.header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a::after {
4925			width: 100% !important;
4926		}
4927
4928		#category-content.is-visible .navigation-level1__component .navigation-level1__col-first,
4929		#category-content .navigation-level1__component .navigation-level1__col-first {
4930			flex: 0 0 25% !important;
4931			min-width: 0 !important;
4932			max-width: none !important;
4933			width: auto !important;
4934			flex-shrink: 0 !important;
4935			min-height: 0 !important;
4936			height: 100% !important;
4937			padding: 0 48px !important;
4938			border-right: 1px solid #DEDEDF !important;
4939			overflow-y: auto !important;
4940			overflow-x: hidden !important;
4941			box-sizing: border-box !important;
4942			-webkit-overflow-scrolling: touch !important;
4943			container-type: inline-size !important;
4944			display: flex !important;
4945			flex-direction: column !important;
4946			justify-content: space-between !important;
4947			align-items: flex-start !important;
4948		}
4949
4950		#category-content.is-visible .navigation-level1__component .navigation-level1__col-middle,
4951		#category-content .navigation-level1__component .navigation-level1__col-middle {
4952			flex: 0 0 45% !important;
4953			min-width: 0 !important;
4954			max-width: none !important;
4955			width: auto !important;
4956			flex-shrink: 0 !important;
4957			min-height: 0 !important;
4958			height: 100% !important;
4959			overflow: hidden !important;
4960			box-sizing: border-box !important;
4961		}
4962
4963		#category-content.is-visible .navigation-level1__component .navigation-level1__col-third,
4964		#category-content .navigation-level1__component .navigation-level1__col-third {
4965			flex: 0 0 30% !important;
4966			min-width: 0 !important;
4967			max-width: none !important;
4968			width: auto !important;
4969			flex-shrink: 0 !important;
4970			min-height: 0 !important;
4971			height: 100% !important;
4972			max-height: 100% !important;
4973			padding: 0 48px !important;
4974			border-left: 1px solid #DEDEDF !important;
4975			box-sizing: border-box !important;
4976			display: flex !important;
4977			flex-direction: column !important;
4978			justify-content: flex-start !important;
4979			overflow-y: auto !important;
4980			overflow-x: hidden !important;
4981			-webkit-overflow-scrolling: touch !important;
4982			overscroll-behavior: contain !important;
4983			align-items: flex-start !important;
4984		}
4985
4986		#category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container,
4987		#category-content .navigation-level1__component .navigation-level1__col-third>.main-nav-slot {
4988			margin-top: auto !important;
4989			flex-shrink: 0 !important;
4990		}
4991
4992		#category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container>.main-nav-slot {
4993			margin-top: 0 !important;
4994		}
4995
4996		#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container,
4997		#category-content .navigation-level1__component .navigation-level1__col-first>.main-nav-slot {
4998			margin-top: 0 !important;
4999			flex-shrink: 0 !important;
5000			justify-content: flex-end !important;
5001			gap: var(--pc-nav-desktop-promo-block-gap) !important;
5002		}
5003
5004		#category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot {
5005			margin-top: 0 !important;
5006		}
5007
5008		#category-content .navigation-level1__component .category-title,
5009		#category-content .category-title {
5010			display: block !important;
5011			width: 100% !important;
5012			max-width: 100% !important;
5013			min-width: 0 !important;
5014			min-height: 0 !important;
5015			margin: 0 !important;
5016			padding: 0 !important;
5017			flex-shrink: 0 !important;
5018			font-family: "area-normal", "Area Normal", Arial, sans-serif !important;
5019			font-weight: 800 !important;
5020			line-height: var(--pc-mega-nav-category-title-line-height) !important;
5021			letter-spacing: -0.02em !important;
5022			color: #1C1C1C !important;
5023			overflow: visible !important;
5024			overflow-wrap: normal !important;
5025			word-break: keep-all !important;
5026			hyphens: none !important;
5027			white-space: nowrap !important;
5028			font-size: clamp(28px, 15cqi, 40px) !important;
5029		}
5030
5031		#category-content .navigation-level1__component .category-title--wrap,
5032		#category-content .category-title--wrap {
5033			white-space: normal !important;
5034			overflow-wrap: break-word !important;
5035			word-break: normal !important;
5036		}
5037
5038		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle,
5039		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
5039icon,
5040		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .icon::before,
5041		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search,
5042		.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,
5043		.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,
5044		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo,
5045		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo::before,
5046		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link,
5047		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon,
5048		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before,
5049		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__account,
5050		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon,
5051		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before,
5052		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon,
5053		.wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon::before {
5054			color: #1C1C1C !important;
5055			border-color: #1C1C1C !important;
5056			-webkit-text-fill-color: #1C1C1C !important;
5057			opacity: 1 !important;
5058			visibility: visible !important;
5059		}
5060	}
5061
5062	/* Must come after icon color rules — those set -webkit-text-fill-color / border-color on .mini-cart__link */
5063	.header.js-header .mini-cart__link,
5064	.header.js-header.pc-mega-nav-redesign .mini-cart__link,
5065	.wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link,
5066	body .wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link {
5067		border: 0 !important;
5068		border-width: 0 !important;
5069		border-style: none !important;
5070		border-color: transparent !important;
5071		border-radius: 0 !important;
5072		box-shadow: none !important;
5073		outline: none !important;
5074	}
5075
5076	/* Native header icon-fonts stay visible (no SVG replacement) */
5077</style>
5078<script>
5079	(function () {
5080		var header = document.querySelector('.header.js-header');
5081		if (header) header.classList.add('pc-mega-nav-redesign');
5082	})();
5083
5084	const Navigation = (function () {
5085			const MOBILE_MQ = window.matchMedia('(max-width: 1023px)');
5086			const COLUMN_LEFT_THRESHOLD_PX = 8;
5087
5088			/* Mobile accordion / footer chevrons only — header uses native site icons */
5089			const NAV_ICONS = {
5090				expand: {
5091					viewBox: '0 0 48 48',
5092					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"/>'
5093				}
5094			};
5095
5096			const CONFIG = {
5097				desktopLayoutFrozen: true,
5098				/* Catalog ids only — never match translated display titles */
5099				excludedShopSectionIds: [
5100					'beautypedia',
5101					'expend-your-knowledge',
5102					'expert-advice'
5103				],
5104				groupedSections: { beautypedia: true, shop: false },
5105				middleColumnCount: 2,
5106				middleColumnGap: 48,
5107				panelMaxHeightPx: 648,
5108				panelMaxHeightVh: 70,
5109				columnLeftThresholdPx: COLUMN_LEFT_THRESHOLD_PX,
5110
5111				shopSectionOrder: [
5112					'concerns',
5113					'categories',
5114					'ingredients',
5115					'collections',
5116					'new to skin care'
5117				],
5118				sectionTitleAliases: {
5119					'new to skin care': 'new to skin care',
5120					'new-to-skin-care': 'new to skin care',
5121					'new to skincare': 'new to skin care',
5122					'new to skincare?': 'new to skin care',
5123					'new-to-skincare': 'new to skin care',
5124					'concerns': 'concerns',
5125					'categories': 'categories',
5126					'ingredients': 'ingredients',
5127					'collections': 'collections',
5128					'by skin concern': 'concerns',
5129					'by routine step': 'categories',
5130					'by ingredient': 'ingredients',
5131					'beautypedia': 'beautypedia',
5132					'expend-your-knowledge': 'beautypedia',
5133					'expend your knowledge': 'beautypedia',
5134					'expert-advice': 'beautypedia',
5135					'expert advice': 'beautypedia',
5136					'shop all': 'categories',
5137					'shop-all': 'categories',
5138					'shop alt': 'categories',
5139					'alles shoppen': 'categories',
5140					'comprar todo': 'categories',
5141					'tout acheter': 'categories',
5142					'acquista tutto': 'categories',
5143					'shop alles': 'categories',
5144					'handla allt': 'categories',
5145					'kup wszystko': 'categories',
5146					'kategorien': 'categories',
5147					'categorieen': 'categories',
5148					'categorieën': 'categories',
5149					'catégories': 'categories',
5150					'categorias': 'categories',
5151					'categorías': 'categories',
5152					'kategorier': 'categories',
5153					'kategorie': 'categories'
5154				},
5155
5156				/* Canonical ids (after normalizeSectionKey) — hide Shop All regardless of locale title */
5157				sectionKeysWithoutShopAll: [
5158					'beautypedia',
5159					'new to skin care'
5160				],
5161				/* Layout/tracking keys only — visible labels always come from the live menu DOM (translated) */
5162				flatLinkSectionKeys: [
5163					'concerns',
5164					'ingredients',
5165					'collections',
5166					'new to skin care'
5167				],
5168				mobileDirectLinkSectionKeys: [],
5169				beautypediaShopAllFallbackUrl: 'https://development.paulaschoice.nl/en/beautypedia',
5170				selectors: {
5171					header: '.js-header',
5172					menu: '#js-menu-categories',
5173					container: '#navigation-level1',
5174					categoryContent: '#category-content',
5175					mobileFlyout: '#nav-mobile-flyout',
5176					globalSlot: '#navigation > .html-slot-container',
5177					beautypediaItem: 'li.js-menu-item > a[data-id="expend-your-knowledge"]',
5178					membership: 'li.main-nav__item--extra a[href]',
5179					contact: 'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]',
5180					login: '.menu-utility-user .user-info__account',
5181					topMenuCampaign: '#js-menu-categories .main-nav-slot',
5182					section: '.sub-menu__list > li.sub-menu__item.level-3',
5183					sectionLinks: '.level-3__list > li.level-3__item',
5184					navSection: '.navigation-level1__section'
5185				},
5186				menuIds: {
5187					shop: 'shop-products',
5188					beautypedia: 'expend-your-knowledge'
5189				},
5190				classes: {
5191					rootList: 'navigation-level1__list',
5192					section: 'navigation-level1__section',
5193					sectionTitle: 'navigation-level1__section-title',
5194					component: 'navigation-level1__component',
5195					sublist: 'navigation-level1__sublist',
5196					group: 'navigation-level1__group',
5197					groupContinued: 'navigation-level1__group--continued',
5198					groupTitle: 'navigation-level1__group-title',
5199					groupContent: 'navigation-level1__group-content',
5200					subgroup: 'navigation-level1__subgroup',
5201					subgroupContinued: 'navigation-level1__subgroup--continued',
5202					subgroupTitle: 'navigation-level1__subgroup-title',
5203					middleColumns: 'navigation-level1__middle-columns',
5204					middleColumn: 'navigation-level1__middle-column',
5205					colFirst: 'navigation-level1__col-first',
5206					colMiddle: 'navigation-level1__col-middle',
5207					colThird: 'navigation-level1__col-third',
5208					scrollRail: 'navigation-level1__scroll-rail',
5209					categoryTitle: 'category-title',
5210					categoryTitleWrap: 'category-title--wrap',
5211					middleTop: 'navigation-level1__middle-top',
5212					middleTopFlatList: 'navigation-level1__middle-top--flat-list',
5213					middleTopCategories: 'navigation-level1__middle-top--categories',
5214					middleTopGrouped: 'navigation-level1__middle-top--grouped',
5215					navRowGroupHeading: 'navigation-level1__nav-row--group-heading',
5216					navRowGroupLink: 'navigation-level1__nav-row--group-link',
5217					navRowGroupSeeAll: 'navigation-level1__nav-row--group-see-all',
5218					navRowCategoriesL2: 'navigation-level1__nav-row--categories-l2',
5219					navRowCategoriesSubheading: 'navigation-level1__nav-row--categories-subheading',
5220					navRowCategoriesL3: 'navigation-level1__nav-row--categories-l3',
5221					navRowSeeAll: 'navigation-level1__nav-row--see-all',
5222					seeAllLink: 'navigation-level1__see-all-link',
5223					middleBottom: 'navigation-level1__middle-bottom',
5224					navRow: 'navigation-level1__nav-row',
5225					sectionDivider: 'navigation-level1__section-divider',
5226					panelVisible: 'is-visible',
5227					sectionActive: 'is-active',
5228					navHovered: 'is-nav-hovered',
5229					headerMenuOpen: 'header--menu-open',
5230					mobileSection: 'nav-mobile__section',
5231					mobileSectionOpen: 'is-open',
5232					mobileSectionToggle: 'nav-mobile__section-toggle',
5233					mobileSectionPanel: 'nav-mobile__section-panel',
5234					mobileLinks: 'nav-mobile__links',
5235					mobileGroup: 'nav-mobile__group',
5236					mobileGroupTitle: 'nav-mobile__group-title',
5237					mobileSubgroup: 'nav-mobile__subgroup',
5238					mobileSubgroupTitle: 'nav-mobile__subgroup-title',
5239					mobileSlot: 'nav-mobile__slot',
5240					mobileDirectLink: 'nav-mobile__direct-link',
5241					mobileSecondary: 'nav-mobile__secondary',
5242					mobileSecondaryLink: 'nav-mobile__secondary-link',
5243					mobileFooter: 'nav-mobile__footer',
5244					mobileFooterDivider: 'nav-mobile__footer-divider',
5245					mobileFooterLink: 'nav-mobile__footer-link',
5246					mobileFooterLinkLast: 'nav-mobile__footer-link--last',
5247					mobileFooterLinkChevron: 'nav-mobile__footer-link--chevron',
5248					mobileSectionPanelCategories: 'nav-mobile__section-panel--categories',
5249					mobileSectionPanelBeautypedia: 'nav-mobile__section-panel--beautypedia',
5250					mobileCategoriesL2: 'nav-mobile__categories-l2',
5251					mobileCategoriesSubheading: 'nav-mobile__categories-subheading',
5252					mobileCategoriesL3: 'nav-mobile__categories-l3',
5253					mobileCategoriesSeeAll: 'nav-mobile__categories-see-all',
5254					mobileSectionSeeAll: 'nav-mobile__section-see-all',
5255					mobileSectionDivider: 'nav-mobile__section-divider',
5256					mobileCampaign: 'nav-mobile__campaign',
5257					mobileCampaignLinks: 'nav-mobile__campaign-links',
5258					mobileCampaignLink: 'nav-mobile__campaign-link',
5259					mobileCampaignPromo: 'nav-mobile__campaign-promo'
5260				}
5261			};
5262
5263			const { selectors, classes, menuIds } = CONFIG;
5264
5265			const qs = (s, r = document) => r.querySelector(s);
5266			const qsa = (s, r = document) => [...r.querySelectorAll(s)];
5267			const isMobile = () => MOBILE_MQ.matches;
5268			const cleanText = (el) => el?.textContent.replace(/\s+/g, ' ').trim() || '';
5269
5270			const createNavIconSvg = (key, extraClass = '') => {
5271				const icon = NAV_ICONS[key];
5272				if (!icon) return '';
5273				const cls = ['pc-mega-nav-icon', `pc-mega-nav-icon--${key}`, extraClass].filter(Boolean).join(' ');
5274				return `<svg class="${cls}" viewBox="${icon.viewBox}" aria-hidden="true" focusable="false">${icon.body}</svg>`;
5275			};
5276
5277			/* Prefer visible DOM text only — never invent labels; title/aria-label are often English SEO leftovers */
5278			const getVisibleNavLabel = (el) => {
5279				if (!el) return '';
5280				const clone = el.cloneNode(true);
5281				clone.querySelectorAll(
5282					'svg, img, picture, i, .icon, [aria-hidden="true"], .main-nav__link-icon, .fa'
5283				).forEach((node) => node.remove());
5284				const fromClone = cleanText(clone);
5285				if (fromClone) return fromClone;
5286				const named = el.querySelector(
5287					'.user-info__name, .level-3__category-image span, span:not(.icon):not([aria-hidden="true"])'
5288				);
5289				return cleanText(named);
5290			};
5291
5292			let abtestNavTracked = false;
5293
5294			const toTrackingLabel = (value) => String(value || '')
5295				.replace(/-/g, ' ')
5296				.replace(/\s+/g, ' ')
5297				.trim()
5298				.toLowerCase();
5299
5300			const formatShopAllTrackingLabel = (id) => {
5301				const normalized = toTrackingLabel(id)
5302					.replace(/^shop\s+all\s+/, '')
5303					.replace(/^see\s+all\s+/, '');
5304				if (!normalized) return '';
5305				return `shop all ${normalized}`;
5306			};
5307
5308			const formatPromoTrackingLabel = (rootCategoryId, side, promoIndex) => {
5309				const root = toTrackingLabel(rootCategoryId);
5310				const index = String(promoIndex || '').trim();
5311				if (!index) return '';
5312				if (root) return toTrackingLabel(root + ' ' + side + ' promo ' + index);
5313				return toTrackingLabel(side + ' promo ' + index);
5314			};
5315
5316			/* Prefer catalog id / cgid / section key — never translated link text or localized path slugs */
5317			const resolveShopAllCatalogId = (sources = {}) => {
5318				const stripShopAllPrefix = (value) => toTrackingLabel(value)
5319					.replace(/^shop\s+all\s+/, '')
5320					.replace(/^see\s+all\s+/, '');
5321
5322				const fromAttr = stripShopAllPrefix(
5323					sources.categoryId || sources.dataId || ''
5324				);
5325				if (fromAttr) return fromAttr;
5326
5327				try {
5328					const href = sources.url || '';
5329					if (href && href !== '#' && href.indexOf('javascript:') !== 0) {
5330						const cgid = new URL(href, window.location.origin).searchParams.get('cgid');
5331						if (cgid) return stripShopAllPrefix(cgid);
5332					}
5333				} catch (e) { /* ignore */ }
5334
5335				return stripShopAllPrefix(
5336					sources.rootCategoryId || sources.sectionKey || ''
5337				);
5338			};
5339
5340			const categoryIdFromUrl = (url) => {
5341				try {
5342					const parsed = new URL(url, window.location.origin);
5343					const cgid = parsed.searchParams.get('cgid');
5344					if (cgid) return toTrackingLabel(cgid);
5345					const parts = parsed.pathname.split('/').filter(Boolean);
5346					return parts.length ? toTrackingLabel(parts[parts.length - 1]) : '';
5347				} catch (e) {
5348					return '';
5349				}
5350			};
5351
5352			const getPageCategory = () => {
5353				const dl = window.dataLayer || [];
5354				for (let i = dl.length - 1; i >= 0; i -= 1) {
5355					if (dl[i] && typeof dl[i].pageCategory === 'string' && dl[i].pageCategory.trim()) {
5356						return dl[i].pageCategory;
5357					}
5358				}
5359				return 'Home';
5360			};
5361
5362			const pushNavTracking = (categoryId) => {
5363				const label = toTrackingLabel(categoryId);
5364				if (!label) return;
5365				window.dataLayer = window.dataLayer || [];
5366				window.dataLayer.push({
5367					eventCategory: getPageCategory(),
5368					eventAction: 'Navigation',
5369					eventLabel: label,
5370					event: 'GA Tracking'
5371				});
5372			};
5373
5374			const abtestNavigationTriggerTest = () => {
5375				if (abtestNavTracked) return;
5376				abtestNavTracked = true;
5377				window.dataLayer = window.dataLayer || [];
5378				window.dataLayer.push({
5379					eventCategory: 'V1-navigation-redesign-t450',
5380					event: 'VwoActive'
5381				});
5382				if (typeof hj != 'undefined') hj('trigger', 'navigation-redesign-2026');
5383				if (typeof hj != 'undefined') hj('tagRecording', ['navigation-redesign-2026-v1']);
5384			};
5385
5386			const applyNavTrackingAttrs = (el, meta = {}) => {
5387				if (!el || !meta.nav) return;
5388				el.setAttribute('data-nav', meta.nav);
5389				if (meta.categoryId) {
5390					el.setAttribute('data-category-id', toTrackingLabel(meta.categoryId));
5391				}
5392				if (meta.rootCategoryId) {
5393					el.setAttribute('data-root-category-id', toTrackingLabel(meta.rootCategoryId));
5394				}
5395				if (meta.parentCategoryId) {
5396					el.setAttribute('data-parent-category-id', toTrackingLabel(meta.parentCategoryId));
5397				}
5398				if (meta.promoIndex != null && meta.promoIndex !== '') {
5399					el.setAttribute('data-promo-index', String(meta.promoIndex));
5400				}
5401				if (meta.highlightId) el.setAttribute('data-highlight-id', toTrackingLabel(meta.highlightId));
5402				if (meta.icon) el.setAttribute('data-icon', meta.icon);
5403			};
5404
5405			const getUniquePromoBlocks = (col, selector) => {
5406				if (!col) return [];
5407				/*
5408				 * Promo unit = each figure (or link-card without figures).
5409				 * Do NOT use the outer .navigation-link / --two-rows wrapper as one block —
5410				 * it often wraps multiple figures and would stamp every link as promo 1.
5411				 */
5412				const figures = qsa('figure', col).filter((figure) => {
5413					if (!figure.querySelector('a[href]')) return false;
5414					if (figure.closest('.main-nav-slot__list')) return false;
5415					return true;
5416				});
5417				if (figures.length) {
5418					return figures.filter((block) => (
5419						!figures.some((other) => other !== block && other.contains(block))
5420					));
5421				}
5422
5423				const blocks = qsa(selector || '.navigation-link, .navigation-link--two-rows', col);
5424				return blocks.filter((block) => {
5425					if (!block.querySelector('a[href]')) return false;
5426					if (block.closest('.main-nav-slot__list')) return false;
5427					return !blocks.some((other) => other !== block && other.contains(block));
5428				});
5429			};
5430
5431			const annotateLeftPromos = (col, rootCategoryId) => {
5432				const sectionKey = normalizeSectionKey(rootCategoryId);
5433				if (!col || !sectionKey) return;
5434				normalizeLeftPromoCaptions(col);
5435				const blocks = getUniquePromoBlocks(col, 'figure, .navigation-link, .navigation-link--two-rows');
5436				blocks.forEach((block, index) => {
5437					const promoIndex = index + 1;
5438					const categoryId = formatPromoTrackingLabel(sectionKey, 'left', promoIndex);
5439					qsa('a[href]', block).forEach((a) => {
5440						if (!a.href || a.href === 'javascript:;') return;
5441						applyNavTrackingAttrs(a, {
5442							nav: 'left-promo',
5443							rootCategoryId: sectionKey,
5444							categoryId: categoryId,
5445							promoIndex: promoIndex
5446						});
5447					});
5448				});
5449			};
5450
5451			/* Move caption copy out of the clipped image link so it shows below the image */
5452			const normalizeLeftPromoCaptions = (col) => {
5453				if (!col) return;
5454				qsa('figure', col).forEach((figure) => {
5455					const imageLink = figure.querySelector(':scope > a[href], :scope > .level-3__category-image, :scope > .navigation-level1__promo-image-wrap');
5456					if (!imageLink) return;
5457
5458					let figcaption = figure.querySelector(':scope > figcaption');
5459					const imageAlt = imageLink.querySelector('img')?.getAttribute('alt')?.trim() || '';
5460					const captionText = getVisibleNavLabel(imageLink) || imageAlt;
5461					const hasCaptionText = Boolean(
5462						figcaption && getVisibleNavLabel(figcaption)
5463					);
5464
5465					if (!hasCaptionText && captionText) {
5466						if (!figcaption) {
5467							figcaption = document.createElement('figcaption');
5468							figure.appendChild(figcaption);
5469						}
5470						const captionLink = document.createElement('a');
5471						captionLink.href = imageLink.href || imageLink.querySelector('a[href]')?.href || '#';
5472						captionLink.textContent = captionText;
5473						figcaption.replaceChildren(captionLink);
5474					}
5475
5476					/* Keep only media inside the image clip surface */
5477					[...imageLink.childNodes].forEach((node) => {
5478						if (node.nodeType === Node.TEXT_NODE) {
5479							if (node.textContent.trim()) node.remove();
5480							return;
5481						}
5482						if (node.nodeType !== Node.ELEMENT_NODE) return;
5483						if (node.matches('img, picture, source')) return;
5484						node.remove();
5485					});
5486				});
5487			};
5488
5489			const annotateHighlightRail = (col, rootCategoryId) => {
5490				const sectionKey = normalizeSectionKey(rootCategoryId);
5491				if (!col || !sectionKey) return;
5492
5493				qsa(
5494					'.main-nav-slot__list a[href], .main-nav-slot__list-item a[href], .main-nav-slot ul a[href]',
5495					col
5496				).forEach((a) => {
5497					if (!a.href || a.href === 'javascript:;') return;
5498					if (a.closest('figure, .navigation-link, .navigation-link--two-rows')) return;
5499					applyNavTrackingAttrs(a, {
5500						nav: 'highlight-link',
5501						rootCategoryId: sectionKey,
5502						categoryId:
5503							categoryIdFromUrl(a.href) ||
5504							toTrackingLabel(a.getAttribute('data-id') || cleanText(a)),
5505						highlightId: toTrackingLabel(cleanText(a))
5506					});
5507				});
5508
5509				const promoBlocks = getUniquePromoBlocks(
5510					col,
5511					'figure, .navigation-link, .navigation-link--two-rows'
5512				);
5513				promoBlocks.forEach((block, index) => {
5514					const promoIndex = index + 1;
5515					const categoryId = formatPromoTrackingLabel(sectionKey, 'right', promoIndex);
5516					qsa('a[href]', block).forEach((a) => {
5517						if (!a.href || a.href === 'javascript:;') return;
5518						if (a.closest('.main-nav-slot__list')) return;
5519						applyNavTrackingAttrs(a, {
5520							nav: 'highlight-promo',
5521							rootCategoryId: sectionKey,
5522							categoryId: categoryId,
5523							promoIndex: promoIndex
5524						});
5525					});
5526				});
5527			};
5528
5529			const normalizeSectionKey = (value) => {
5530				const key = String(value || '')
5531					.replace(/-/g, ' ')
5532					.replace(/\s+/g, ' ')
5533					.trim()
5534					.toLowerCase();
5535				return CONFIG.sectionTitleAliases[key] || key;
5536			};
5537
5538			const resolveSectionKey = (titleEl, title) => {
5539				const dataId = titleEl?.getAttribute('data-id');
5540				if (dataId) return normalizeSectionKey(dataId);
5541				const fromUrl = categoryIdFromUrl(titleEl?.href || '');
5542				if (fromUrl) return normalizeSectionKey(fromUrl);
5543				return normalizeSectionKey(title);
5544			};
5545
5546			/* Tracking parent = catalog id only (never translated display title) */
5547			const getSectionTrackingId = (section) => {
5548				if (!section) return '';
5549				const fromCatalog =
5550					section.trackingId ||
5551					section.categoryId ||
5552					'';
5553				if (fromCatalog) return normalizeSectionKey(fromCatalog);
5554				if (section.sectionKey) return normalizeSectionKey(section.sectionKey);
5555				return '';
5556			};
5557
5558			const getSectionCategoryId = (section) => (
5559				getSectionTrackingId(section) ||
5560				normalizeSectionKey(section?.title) ||
5561				''
5562			);
5563
5564			const getSectionKey = (section) => (
5565				section?.sectionKey ||
5566				getSectionTrackingId(section) ||
5567				normalizeSectionKey(section?.title)
5568			);
5569
5570			const getSectionLayoutType = (sectionKey) => {
5571				const key = normalizeSectionKey(sectionKey);
5572				if (key === 'categories') return 'categories';
5573				if (CONFIG.flatLinkSectionKeys.includes(key)) return 'flatList';
5574				return 'default';
5575			};
5576
5577			const enrichSection = (section) => {
5578				const sectionKey = section.sectionKey || resolveSectionKey(null, section.title);
5579				const trackingId = section.trackingId || section.categoryId || '';
5580				const layoutType = getSectionLayoutType(sectionKey);
5581				const isCategoriesSection = layoutType === 'categories';
5582
5583				return {
5584					...section,
5585					sectionKey,
5586					trackingId: trackingId,
5587					categoryId: trackingId || section.categoryId || sectionKey,
5588					displayTitle: section.displayTitle || section.title,
5589					layoutType,
5590					isFlatListSection: layoutType === 'flatList',
5591					isCategoriesSection
5592				};
5593			};
5594
5595
5596			const cleanShopAllLabel = (label) => String(label || '').replace(/\s+/g, ' ').trim();
5597
5598			/* Match locale see-all / shop-all CTAs (EN + common EU storefront phrasings from locale.properties) */
5599			const isSeeAllOrShopAllLabel = (label) => {
5600				const text = cleanShopAllLabel(label).toLowerCase();
5601				if (!text) return false;
5602				if (/^(shop|see)\s+all\b/.test(text)) return true;
5603				if (/^bekijk\s+alle\b/.test(text)) return true; /* NL */
5604				if (/^voir\s+tou(t|s|tes)?\b/.test(text)) return true; /* FR */
5605				if (/^alle\b.+\b(anzeigen|ansehen)\b/.test(text)) return true; /* DE */
5606				return false;
5607			};
5608
5609			const resolveCampaignLinkUrl = (anchor) => {
5610				const rawHref = (anchor.getAttribute('href') || '').trim();
5611				if (!rawHref || rawHref === '#') {
5612					return '#';
5613				}
5614				return anchor.href;
5615			};
5616
5617			const sectionMatchesIdList = (sectionData, idList) => {
5618				const candidates = [
5619					sectionData?.categoryId,
5620					sectionData?.sectionKey,
5621					getSectionKey(sectionData)
5622				];
5623				return candidates.some((value) => {
5624					const key = normalizeSectionKey(value);
5625					return key && idList.includes(key);
5626				});
5627			};
5628
5629			const sectionShouldShowShopAll = (sectionData) => {
5630				const url = sectionData.shopAllLink?.url || sectionData.url;
5631				if (!url || url === 'javascript:;' || url === '#') return false;
5632				if (sectionMatchesIdList(sectionData, CONFIG.sectionKeysWithoutShopAll)) return false;
5633				return true;
5634			};
5635
5636			/* Visible CTA text must come from the live locale DOM (fly-out / see-all link). No English invent. */
5637			const resolveSectionShopAllLabel = (sectionData, shopAllSource = null) => (
5638				cleanShopAllLabel(
5639					shopAllSource?.label ||
5640					sectionData?.shopAllLink?.label ||
5641					''
5642				)
5643			);
5644
5645			const resolveShopAllRow = (sectionData) => {
5646				if (!sectionShouldShowShopAll(sectionData)) return null;
5647
5648				const label = resolveSectionShopAllLabel(sectionData, sectionData.shopAllLink);
5649				if (!label) return null;
5650
5651				const url = sectionData.shopAllLink?.url || sectionData.url;
5652				const categoryId = resolveShopAllCatalogId({
5653					categoryId: sectionData.shopAllLink?.categoryId || getSectionCategoryId(sectionData),
5654					url: url,
5655					sectionKey: getSectionKey(sectionData),
5656					rootCategoryId: getSectionKey(sectionData)
5657				});
5658
5659				return {
5660					kind: 'seeAll',
5661					label: label,
5662					url: url,
5663					categoryId: categoryId,
5664					nav: 'shop-all'
5665				};
5666			};
5667
5668			const appendShopAllRow = (rows, sectionData) => {
5669				const shopAll = resolveShopAllRow(sectionData);
5670				if (shopAll) rows.push(shopAll);
5671				return rows;
5672			};
5673
5674			const orderShopSections = (sections) => {
5675				const byKey = new Map();
5676				sections.forEach((section) => {
5677					const enriched = enrichSection(section);
5678					byKey.set(enriched.sectionKey, enriched);
5679				});
5680
5681				const ordered = [];
5682				const used = new Set();
5683
5684				CONFIG.shopSectionOrder.forEach((orderKey) => {
5685					const section = byKey.get(orderKey);
5686					if (!section) return;
5687					used.add(section.sectionKey);
5688					ordered.push(section);
5689				});
5690
5691				byKey.forEach((section, key) => {
5692					if (used.has(key)) return;
5693					ordered.push(section);
5694				});
5695
5696				return ordered;
5697			};
5698
5699			let navData = null;
5700			let measurementSandbox = null;
5701			let categoryClickInitialized = false;
5702			let activeSectionTitle = null;
5703			let panelResizeObserver = null;
5704			let viewportZoomListenerBound = false;
5705			let lastZoomSignature = '';
5706			let panelDividerBurstTimeoutIds = [];
5707
5708			const CENTER_DIVIDER_REMOVE_DELAY_MS = 280;
5709
5710			const debounce = (fn, delay) => {
5711				let timeoutId;
5712				return (...args) => {
5713					clearTimeout(timeoutId);
5714					timeoutId = setTimeout(() => fn(...args), delay);
5715				};
5716			};
5717
5718			const createEl = (tag, className, text) => {
5719				const el = document.createElement(tag);
5720				if (className) el.className = className;
5721				if (text != null) el.textContent = text;
5722				return el;
5723			};
5724
5725			const initLazyImages = (container) => {
5726				if (!container) return;
5727				if (window.lazyLoadInstance?.update) window.lazyLoadInstance.update(
5727);
5728				container.querySelectorAll('img[data-src]').forEach((img) => {
5729					const dataSrc = img.getAttribute('data-src');
5730					if (!dataSrc) return;
5731					if (!img.getAttribute('src') || img.getAttribute('src').includes('data:image')) {
5732						img.src = dataSrc;
5733					}
5734					img.classList.remove('lazy');
5735					img.removeAttribute('data-src');
5736				});
5737			};
5738
5739
5740
5741			const getMenuItem = (menu, dataId) => (
5742				menu.querySelector(`li.js-menu-item:has(> a[data-id="${dataId}"])`) ||
5743				menu.querySelector(`a[data-id="${dataId}"]`)?.closest('li.js-menu-item') ||
5744				null
5745			);
5746
5747			/* Same source as top-level nav bar labels: visible live DOM text only */
5748			const getLinkLabel = (anchor) => getVisibleNavLabel(anchor);
5749
5750			const isValidNavLink = (anchor) => (
5751				anchor && anchor.href !== 'javascript:;' && !anchor.classList.contains('fly-out-link')
5752			);
5753
5754			const hasSubgroups = (items) => items.some((item) => item.type === 'subgroup');
5755
5756			const extractItemsFromSection = (section) => {
5757				const items = [];
5758				let currentSubgroup = null;
5759				let shopAllLink = null;
5760
5761				section.querySelectorAll(selectors.sectionLinks).forEach((item) => {
5762					if (item.classList.contains('level-3__item--fake-level-toggle')) {
5763						const labelEl = item.querySelector('.level-3__category-image span') || item;
5764						const subgroupTitle = getVisibleNavLabel(labelEl);
5765						if (!subgroupTitle) return;
5766						currentSubgroup = { type: 'subgroup', title: subgroupTitle, links: [] };
5767						items.push(currentSubgroup);
5768						return;
5769					}
5770
5771					const anchor = item.querySelector('a[href]');
5772					if (!anchor || anchor.href === 'javascript:;') return;
5773
5774					const label = getLinkLabel(anchor);
5775					const isFlyOut = anchor.classList.contains('fly-out-link');
5776					const isSeeAllCta = isSeeAllOrShopAllLabel(label);
5777
5778					/* Fly-out + locale see-all CTAs — keep translated label for every section, not just Beautypedia */
5779					if (isFlyOut || isSeeAllCta) {
5780						if (label && anchor.href) {
5781							shopAllLink = {
5782								label: label,
5783								url: anchor.href,
5784								categoryId: resolveShopAllCatalogId({
5785									dataId: anchor.getAttribute('data-id'),
5786									url: anchor.href
5787								})
5788							};
5789						}
5790						return;
5791					}
5792
5793					if (!isValidNavLink(anchor) || !label) return;
5794
5795					const categoryId = toTrackingLabel(
5796						anchor.getAttribute('data-id') || categoryIdFromUrl(anchor.href) || ''
5797					);
5798					const link = {
5799						type: 'link',
5800						label: label,
5801						url: anchor.href,
5802						categoryId: categoryId
5803					};
5804
5805					if (item.classList.contains('fake-level-4') && currentSubgroup) {
5806						currentSubgroup.links.push({
5807							label: link.label,
5808							url: link.url,
5809							categoryId: link.categoryId
5810						});
5811						return;
5812					}
5813
5814					currentSubgroup = null;
5815					items.push(link);
5816				});
5817
5818				return { items, shopAllLink };
5819			};
5820
5821			const flattenItems = (items) => items.flatMap((item) => {
5822				if (item.type === 'link') {
5823					return [{
5824						label: item.label,
5825						url: item.url,
5826						categoryId: item.categoryId || ''
5827					}];
5828				}
5829				if (item.type === 'subgroup') {
5830					return item.links.map((l) => ({
5831						label: l.label,
5832						url: l.url,
5833						categoryId: l.categoryId || ''
5834					}));
5835				}
5836				return [];
5837			});
5838
5839			const extractSections = (menuItem, excludedSections = []) => {
5840				const sections = [];
5841				const excludedIds = (CONFIG.excludedShopSectionIds || [])
5842					.map((id) => normalizeSectionKey(id));
5843
5844				menuItem.querySelectorAll(selectors.section).forEach((section) => {
5845					const titleEl = section.querySelector('.level-3__link');
5846					const title = getVisibleNavLabel(titleEl);
5847					const rawCategoryId = (titleEl?.getAttribute('data-id') || '').trim();
5848					const fromUrl = categoryIdFromUrl(titleEl?.href || '');
5849					/* Catalog id for tracking — do not fall back to translated display title */
5850					const trackingId = normalizeSectionKey(rawCategoryId || fromUrl);
5851					const sectionKey = trackingId || normalizeSectionKey(title);
5852
5853					if (!title) return;
5854					if (excludedIds.includes(sectionKey)) return;
5855					if (excludedSections.includes(title)) return;
5856
5857					const { items, shopAllLink } = extractItemsFromSection(section);
5858					const slotEl = section.querySelector('.html-slot-container');
5859					const layoutType = getSectionLayoutType(sectionKey);
5860					const isCategoriesSection = layoutType === 'categories';
5861
5862					sections.push({
5863						title,
5864						sectionKey,
5865						trackingId: trackingId,
5866						categoryId: trackingId || sectionKey,
5867						url: titleEl?.href || null,
5868						items,
5869						shopAllLink,
5870						links: flattenItems(items),
5871						slot: slotEl ? slotEl.cloneNode(true) : null,
5872						hasLevel3:
5873							items.some(item => item.type === 'subgroup') ||
5874							(
5875								items.length > 0 &&
5876								items.every(item => item.type === 'link')
5877							),
5878						layoutType,
5879						isFlatListSection: layoutType === 'flatList',
5880						isCategoriesSection,
5881						displayTitle: title
5882					});
5883				});
5884
5885				return sections;
5886			};
5887
5888			const extractTopLink = (root, selector) => {
5889				const anchor = root.querySelector(selector);
5890				if (!anchor || !anchor.href || anchor.href === 'javascript:;') return null;
5891				const label = getVisibleNavLabel(anchor);
5892				if (!label) return null;
5893				return { label, url: anchor.href };
5894			};
5895
5896			const extractSecondaryMobileLinks = (menu) => {
5897				if (!menu) return [];
5898
5899				const links = [];
5900				const seen = new Set();
5901
5902				[...menu.children].forEach((child) => {
5903					if (
5904						child.classList.contains('js-menu-item') ||
5905						child.classList.contains('main-nav__item--extra')
5906					) {
5907						return;
5908					}
5909
5910					child.querySelectorAll('a[href]').forEach((anchor) => {
5911						if (!anchor.href || anchor.href === 'javascript:;') return;
5912						if (anchor.classList.contains('navigation-custom-link')) return;
5913
5914						const label = getVisibleNavLabel(anchor);
5915						const url = anchor.href;
5916						const key = `${label}|${url}`;
5917
5918						if (!label || seen.has(key)) return;
5919						seen.add(key);
5920						links.push({ label, url });
5921					});
5922				});
5923
5924				return links;
5925			};
5926
5927			const findTopMenuCampaignRoot = (menu) => {
5928				if (!menu) return null;
5929
5930				let campaignRoot = qs('.main-nav-slot', menu);
5931
5932				if (!campaignRoot) {
5933					const contactAnchor = qs(
5934						'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]',
5935						menu
5936					);
5937					const contactLi = contactAnchor?.closest('li');
5938
5939					if (contactLi) {
5940						let sibling = contactLi.nextElementSibling;
5941
5942						while (sibling) {
5943							if (sibling.classList.contains('content-asset')) {
5944								campaignRoot = qs('.main-nav-slot', sibling) || sibling;
5945								break;
5946							}
5947
5948							const nestedSlot = qs('.main-nav-slot', sibling);
5949							if (nestedSlot) {
5950								campaignRoot = nestedSlot;
5951								break;
5952							}
5953
5954							sibling = sibling.nextElementSibling;
5955						}
5956					}
5957				}
5958
5959				if (!campaignRoot) {
5960					campaignRoot = qs('.main-nav-slot', qs(selectors.globalSlot) || document);
5961				}
5962
5963				return campaignRoot;
5964			};
5965
5966			const extractTopMenuCampaign = (menu) => {
5967				const campaignRoot = findTopMenuCampaignRoot(menu);
5968				if (!campaignRoot) return null;
5969
5970				const quickLinks = [];
5971				const seen = new Set();
5972				const listAnchors = qsa(
5973					'.main-nav-slot__list a[href], .main-nav-slot__list-item a[href]',
5974					campaignRoot
5975				);
5976
5977				listAnchors.forEach((anchor) => {
5978					if (!anchor.href || anchor.href === 'javascript:;') return;
5979					if (anchor.closest('.navigation-link, figure, figcaption')) return;
5980
5981					const label = getVisibleNavLabel(anchor);
5982					const url = resolveCampaignLinkUrl(anchor);
5983					const key = `${label}|${url}`;
5984
5985					if (!label || seen.has(key)) return;
5986					seen.add(key);
5987					quickLinks.push({ label, url });
5988				});
5989
5990				const promoNode =
5991					qs('.navigation-link--two-rows', campaignRoot) ||
5992					qs('.navigation-link', campaignRoot) ||
5993					qs('.html-slot-container .navigation-link', campaignRoot);
5994				const promoSlot = promoNode ? promoNode.cloneNode(true) : null;
5995
5996				if (!quickLinks.length && !promoSlot) return null;
5997
5998				return { quickLinks, promoSlot };
5999			};
6000
6001			const isMobileDirectLinkSection = (section) => {
6002				const key = getSectionKey(section);
6003				return CONFIG.mobileDirectLinkSectionKeys.includes(key) && Boolean(section.url);
6004			};
6005
6006			const buildNavData = (menu) => {
6007				if (!menu) return null;
6008
6009				const shopMenuItem = getMenuItem(menu, menuIds.shop);
6010				const beautypediaMenuItem = getMenuItem(menu, menuIds.beautypedia);
6011				const beautypediaTopLink = extractTopLink(menu, selectors.beautypediaItem);
6012				const beautypediaSections = beautypediaMenuItem ? extractSections(beautypediaMenuItem) : [];
6013
6014				return {
6015					shop: shopMenuItem
6016						? orderShopSections(extractSections(shopMenuItem))
6017						: [],
6018					beautypedia: {
6019						title: beautypediaTopLink?.label || '',
6020						displayTitle: beautypediaTopLink?.label || '',
6021						categoryId: 'beautypedia',
6022						sectionKey: 'beautypedia',
6023						url: beautypediaTopLink?.url || null,
6024						slot: beautypediaSections.find((s) => s.slot)?.slot || null,
6025						groups: CONFIG.groupedSections.beautypedia ? beautypediaSections : [],
6026						flatLinks: CONFIG.groupedSections.beautypedia ? [] : beautypediaSections.flatMap((s) => s.links),
6027						layoutType: 'grouped'
6028					},
6029					membership: extractTopLink(menu, selectors.membership),
6030					contactUs: extractTopLink(menu, selectors.contact),
6031					login: extractTopLink(document, selectors.login),
6032					topMenuCampaign: extractTopMenuCampaign(menu),
6033					secondaryLinks: extractSecondaryMobileLinks(menu)
6034				};
6035			};
6036
6037			const getGlobalSlotClone = () => {
6038				const globalSlot = qs(selectors.globalSlot);
6039				return globalSlot ? globalSlot.cloneNode(true) : null;
6040			};
6041
6042
6043
6044			const createLink = (label, url, meta = {}) => {
6045				const a = createEl('a', '', label);
6046				a.href = url;
6047				applyNavTrackingAttrs(a, meta);
6048				return a;
6049			};
6050
6051			const createLinkItem = (labelOrLink, url, meta = {}) => {
6052				const li = createEl('li');
6053				if (labelOrLink && typeof labelOrLink === 'object') {
6054					const link = labelOrLink;
6055					const rootCategoryId = link.rootCategoryId || meta.rootCategoryId || '';
6056					li.appendChild(createLink(link.label, link.url, {
6057						nav: link.nav || meta.nav || 'menu-item',
6058						categoryId: link.categoryId || categoryIdFromUrl(link.url) || '',
6059						rootCategoryId: rootCategoryId,
6060						parentCategoryId: link.parentCategoryId || meta.parentCategoryId || '',
6061						promoIndex: link.promoIndex != null ? link.promoIndex : meta.promoIndex,
6062						highlightId: link.highlightId || meta.highlightId || '',
6063						icon: link.icon || meta.icon || ''
6064					}));
6065				} else {
6066					li.appendChild(createLink(labelOrLink, url, {
6067						nav: meta.nav || 'menu-item',
6068						categoryId: meta.categoryId || categoryIdFromUrl(url) || '',
6069						rootCategoryId: meta.rootCategoryId || '',
6070						parentCategoryId: meta.parentCategoryId || '',
6071						promoIndex: meta.promoIndex,
6072						highlightId: meta.highlightId || '',
6073						icon: meta.icon || ''
6074					}));
6075				}
6076				return li;
6077			};
6078
6079			const createSubList = (links, rootCategoryId = '', parentCategoryId = '') => {
6080				const subList = createEl('ul', classes.sublist);
6081				links.forEach((link) => {
6082					const normalized = typeof link === 'object'
6083						? link
6084						: { label: link, url: '' };
6085					subList.appendChild(createLinkItem({
6086						label: normalized.label,
6087						url: normalized.url,
6088						categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '',
6089						parentCategoryId: normalized.parentCategoryId || parentCategoryId || '',
6090						nav: normalized.nav || 'menu-item',
6091						rootCategoryId: normalized.rootCategoryId || rootCategoryId || ''
6092					}));
6093				});
6094				return subList;
6095			};
6096
6097			const createSubgroup = (subgroup, options = {}) => {
6098				const wrapper = createEl('div', classes.subgroup);
6099				if (subgroup.isContinuation) wrapper.classList.add(classes.subgroupContinued);
6100				if (subgroup.showTitle !== false) wrapper.appendChild(createEl('div', classes.subgroupTitle, subgroup.title));
6101				if (subgroup.links.length) {
6102					wrapper.appendChild(createSubList(
6103						subgroup.links,
6104						options.rootCategoryId || '',
6105						options.parentCategoryId || ''
6106					));
6107				}
6108				if (options.showDivider) wrapper.classList.add('show-divider');
6109				return wrapper;
6110			};
6111
6112
6113			const flattenCategoriesRows = (items) => {
6114				const rows = [];
6115
6116				items.forEach((item, sectionIndex) => {
6117					if (item.type === 'link') {
6118						rows.push({
6119							kind: 'l2Link',
6120							label: item.label,
6121							url: item.url,
6122							categoryId: item.categoryId || '',
6123							sectionIndex
6124						});
6125					}
6126
6127					if (item.type === 'subgroup') {
6128						rows.push({
6129							kind: 'subHeading',
6130							title: item.title,
6131							sectionIndex
6132						});
6133
6134						(item.links || []).forEach((link) => {
6135							rows.push({
6136								kind: 'l3Link',
6137								label: link.label,
6138								url: link.url,
6139								categoryId: link.categoryId || '',
6140								sectionIndex
6141							});
6142						});
6143					}
6144				});
6145
6146				return rows;
6147			};
6148
6149
6150			const normalizeLinkUrl = (url) => String(url || '').replace(/\/$/, '').toLowerCase();
6151
6152			const isSeeAllCategoryLabel = (label) => isSeeAllOrShopAllLabel(label);
6153
6154			const isShopAllDuplicateLink = (link, shopAll) => {
6155				if (!link?.url || !shopAll?.url) return false;
6156
6157				if (normalizeLinkUrl(link.url) === normalizeLinkUrl(shopAll.url)) {
6158					return true;
6159				}
6160
6161				const linkLabel = String(link.label || '').replace(/\s+/g, ' ').trim().toLowerCase();
6162				const shopAllLabel = String(shopAll.label || '').replace(/\s+/g, ' ').trim().toLowerCase();
6163
6164				return Boolean(linkLabel && shopAllLabel && linkLabel === shopAllLabel);
6165			};
6166
6167			const filterShopAllLinks = (links, shopAllSources) => {
6168				const sources = (shopAllSources || []).filter((source) => source?.url);
6169
6170				return links.filter((link) => {
6171					if (isSeeAllCategoryLabel(link.label)) return false;
6172					if (!sources.length) return true;
6173					return !sources.some((shopAll) => isShopAllDuplicateLink(link, shopAll));
6174				});
6175			};
6176
6177
6178			const isBeautypediaSection = (sectionData) => (
6179				sectionMatchesIdList(sectionData, ['beautypedia', 'expend-your-knowledge'])
6180			);
6181
6182
6183			const isArticlesEducationGroup = (group) => {
6184				const raw = toTrackingLabel(group?.categoryId || group?.sectionKey || '');
6185				if (raw === 'expert-advice' || raw === 'expend-your-knowledge' || raw === 'expend your knowledge') {
6186					return true;
6187				}
6188
6189				const key = normalizeSectionKey(group?.displayTitle || group?.title);
6190				if (key.includes('article') && key.includes('education')) return true;
6191				if (key.includes('artikel') && key.includes('kennis')) return true; /* NL */
6192				return false;
6193			};
6194
6195			const findSeeAllLinkInGroup = (group) => {
6196				if (!group) return null;
6197				const candidates = [
6198					...(group.links || []),
6199					...flattenItems(group.items || [])
6200				];
6201				return candidates.find((link) => isSeeAllOrShopAllLabel(link?.label)) || null;
6202			};
6203
6204			const findBeautypediaShopAllSource = (groups) => {
6205				const articlesGroup = groups.find(isArticlesEducationGroup);
6206				if (articlesGroup) {
6207					const fromItems = findSeeAllLinkInGroup(articlesGroup);
6208					if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems;
6209					if (articlesGroup.shopAllLink?.url && cleanShopAllLabel(articlesGroup.shopAllLink.label)) {
6210						return articlesGroup.shopAllLink;
6211					}
6212				}
6213
6214				for (let i = 0; i < groups.length; i += 1) {
6215					const fromItems = findSeeAllLinkInGroup(groups[i]);
6216					if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems;
6217				}
6218
6219				const fromGroup = groups
6220					.map((group) => group.shopAllLink)
6221					.find((shopAll) => shopAll?.url && cleanShopAllLabel(shopAll.label));
6222				if (fromGroup) return fromGroup;
6223
6224				return null;
6225			};
6226
6227			const attachBeautypediaShopAllToLastGroup = (rows, shopAll, sectionData) => {
6228				if (!shopAll?.url || !rows.length) return false;
6229
6230				const label = resolveSectionShopAllLabel(sectionData, shopAll);
6231				if (!label) return false;
6232				const categoryId = resolveShopAllCatalogId({
6233					categoryId: shopAll.categoryId,
6234					url: shopAll.url,
6235					sectionKey: getSectionKey(sectionData),
6236					rootCategoryId: getSectionKey(sectionData)
6237				});
6238
6239				for (let idx = rows.length - 1; idx >= 0; idx -= 1) {
6240					if (rows[idx].kind !== 'groupLink') continue;
6241					rows[idx].groupSeeAll = { label, url: shopAll.url, categoryId };
6242					return true;
6243				}
6244
6245				return false;
6246			};
6247
6248			const filterGroupItemsShopAll = (group, shopAllSources) => {
6249				const sources = (shopAllSources || []).filter((source) => source?.url);
6250
6251				if (!group.items?.length) {
6252					return {
6253						...group,
6254						links: filterShopAllLinks(group.links || [], sources)
6255					};
6256				}
6257
6258				const items = group.items.map((item) => {
6259					if (item.type === 'link') {
6260						if (isSeeAllOrShopAllLabel(item.label)) return null;
6261						if (sources.some((source) => isShopAllDuplicateLink(item, source))) return null;
6262						return item;
6263					}
6264					if (item.type === 'subgroup') {
6265						return {
6266							...item,
6267							links: filterShopAllLinks(item.links || [], sources)
6268						};
6269					}
6270					return item;
6271				}
6271).filter(Boolean);
6272
6273				return { ...group, items };
6274			};
6275
6276
6277			const flattenGroupedRows = (groups, sectionData = {}) => {
6278				const rows = [];
6279				const beautypediaSection = isBeautypediaSection(sectionData);
6280				const showShopAll = sectionShouldShowShopAll(sectionData);
6281				const beautypediaShopAll = beautypediaSection ? findBeautypediaShopAllSource(groups) : null;
6282				const allShopAllSources = groups
6283					.map((group) => group.shopAllLink)
6284					.filter((shopAll) => shopAll?.url);
6285				const sectionSeeAllSource = showShopAll
6286					? (beautypediaShopAll || allShopAllSources[0])
6287					: null;
6288
6289				groups.forEach((group, groupIndex) => {
6290					rows.push({
6291						kind: 'groupHeading',
6292						title: group.displayTitle || group.title,
6293						groupIndex
6294					});
6295
6296					const rawLinks = (group.items?.length)
6297						? flattenItems(group.items)
6298						: (group.links || []);
6299
6300					const filterSources = [
6301						group.shopAllLink,
6302						sectionSeeAllSource,
6303						...allShopAllSources
6304					];
6305					if (beautypediaSection && isArticlesEducationGroup(group) && beautypediaShopAll) {
6306						filterSources.push(beautypediaShopAll);
6307					}
6308
6309					const sourceLinks = filterShopAllLinks(rawLinks, filterSources);
6310
6311					if (!sourceLinks.length && group.shopAllLink?.url && showShopAll && !beautypediaSection) {
6312						const groupSeeAllLabel = resolveSectionShopAllLabel(sectionData, group.shopAllLink);
6313						if (!groupSeeAllLabel) return;
6314
6315						rows.push({
6316							kind: 'seeAll',
6317							label: groupSeeAllLabel,
6318							url: group.shopAllLink.url,
6319							categoryId: resolveShopAllCatalogId({
6320								categoryId: group.shopAllLink.categoryId,
6321								url: group.shopAllLink.url,
6322								sectionKey: getSectionKey(sectionData),
6323								rootCategoryId: getSectionKey(sectionData)
6324							}),
6325							groupIndex,
6326							isGroupSeeAll: true
6327						});
6328						return;
6329					}
6330
6331					sourceLinks.forEach((link) => {
6332						rows.push({
6333							kind: 'groupLink',
6334							label: link.label,
6335							url: link.url,
6336							categoryId: link.categoryId || '',
6337							groupIndex
6338						});
6339					});
6340				});
6341
6342				if (beautypediaSection && beautypediaShopAll?.url) {
6343					const attached = attachBeautypediaShopAllToLastGroup(rows, beautypediaShopAll, sectionData);
6344					if (!attached) {
6345						const beautypediaLabel = resolveSectionShopAllLabel(sectionData, beautypediaShopAll);
6346						if (beautypediaLabel) {
6347							rows.push({
6348								kind: 'seeAll',
6349								label: beautypediaLabel,
6350								url: beautypediaShopAll.url,
6351								categoryId: resolveShopAllCatalogId({
6352									categoryId: beautypediaShopAll.categoryId,
6353									url: beautypediaShopAll.url,
6354									sectionKey: getSectionKey(sectionData),
6355									rootCategoryId: getSectionKey(sectionData)
6356								}),
6357								isGroupSeeAll: true
6358							});
6359						}
6360					}
6361				} else if (sectionSeeAllSource && showShopAll) {
6362					const sectionSeeAllLabel = resolveSectionShopAllLabel(sectionData, sectionSeeAllSource);
6363					if (sectionSeeAllLabel) {
6364						rows.push({
6365							kind: 'seeAll',
6366							label: sectionSeeAllLabel,
6367							url: sectionSeeAllSource.url,
6368							categoryId: toTrackingLabel(
6369								sectionSeeAllSource.categoryId ||
6370								categoryIdFromUrl(sectionSeeAllSource.url) ||
6371								getSectionKey(sectionData)
6372							),
6373							isGroupSeeAll: true
6374						});
6375					}
6376				}
6377
6378				return rows;
6379			};
6380
6381
6382			const flattenDistributableRows = (sectionData) => {
6383				const rows = [];
6384				const {
6385					items = [],
6386					groups = [],
6387					flatLinks = [],
6388					links = []
6389				} = sectionData;
6390
6391				const pushLink = (link) => rows.push({
6392					kind: 'link',
6393					label: link.label,
6394					url: link.url,
6395					categoryId: link.categoryId || ''
6396				});
6397				const pushSubgroup = (subgroup) => rows.push({
6398					kind: 'subgroup',
6399					title: subgroup.title,
6400					links: subgroup.links || []
6401				});
6402
6403				if (sectionData.isCategoriesSection && items.length) {
6404					return appendShopAllRow(flattenCategoriesRows(items), sectionData);
6405				}
6406
6407				if (groups.length && sectionData.layoutType === 'grouped') {
6408					return flattenGroupedRows(groups, sectionData);
6409				}
6410
6411				if (groups.length) {
6412					groups.forEach((group) => {
6413						(group.items || []).forEach((item) => {
6414							if (item.type === 'link') pushLink(item);
6415							if (item.type === 'subgroup') pushSubgroup(item);
6416						});
6417						if (!group.items?.length && group.links?.length) {
6418							group.links.forEach((link) => pushLink(link));
6419						}
6420					});
6421					return rows;
6422				}
6423
6424				if (items.length) {
6425					items.forEach((item) => {
6426						if (item.type === 'link') pushLink(item);
6427						if (item.type === 'subgroup') pushSubgroup(item);
6428					});
6429					if (sectionData.isFlatListSection) {
6430						return appendShopAllRow(rows, sectionData);
6431					}
6432					return rows;
6433				}
6434
6435				const flat = flatLinks.length ? flatLinks : links;
6436				flat.forEach((link) => pushLink(link));
6437				if (sectionData.isFlatListSection) {
6438					return appendShopAllRow(rows, sectionData);
6439				}
6440				return rows;
6441			};
6442
6443			const createMiddleRow = (row, sectionData) => {
6444				const el = createEl('div', classes.navRow);
6445				const rootCategoryId = getSectionKey(sectionData);
6446
6447				if (row.kind === 'l2Link') {
6448					el.classList.add(classes.navRowCategoriesL2);
6449					el.appendChild(createSubList([{
6450						label: row.label,
6451						url: row.url,
6452						categoryId: row.categoryId || ''
6453					}], rootCategoryId));
6454					return el;
6455				}
6456
6457				if (row.kind === 'subHeading') {
6458					el.classList.add(classes.navRowCategoriesSubheading);
6459					el.appendChild(createEl('div', classes.subgroupTitle, row.title));
6460					return el;
6461				}
6462
6463				if (row.kind === 'l3Link') {
6464					el.classList.add(classes.navRowCategoriesL3);
6465					el.appendChild(createSubList([{
6466						label: row.label,
6467						url: row.url,
6468						categoryId: row.categoryId || ''
6469					}], rootCategoryId));
6470					return el;
6471				}
6472
6473				if (row.kind === 'seeAll') {
6474					el.classList.add(
6475						sectionData.layoutType === 'grouped' || row.isGroupSeeAll
6476							? classes.navRowGroupSeeAll
6477							: classes.navRowSeeAll
6478					);
6479					const shopAllCategoryId = resolveShopAllCatalogId({
6480						categoryId: row.categoryId,
6481						url: row.url,
6482						rootCategoryId: rootCategoryId,
6483						sectionKey: rootCategoryId
6484					});
6485					const a = createLink(row.label, row.url, {
6486						nav: 'shop-all',
6487						rootCategoryId: rootCategoryId,
6488						categoryId: shopAllCategoryId
6489					});
6490					a.classList.add(classes.seeAllLink);
6491					el.appendChild(a);
6492					return el;
6493				}
6494
6495				if (row.kind === 'groupHeading') {
6496					el.classList.add(classes.navRowGroupHeading);
6497					el.appendChild(createEl('div', classes.groupTitle, row.title));
6498					return el;
6499				}
6500
6501				if (row.kind === 'groupLink') {
6502					el.classList.add(classes.navRowGroupLink);
6503					el.appendChild(createSubList([{
6504						label: row.label,
6505						url: row.url,
6506						categoryId: row.categoryId || ''
6507					}], rootCategoryId));
6508					if (row.groupSeeAll?.url) {
6509						const seeAllWrap = createEl('div', classes.navRowGroupSeeAll);
6510						const a = createLink(row.groupSeeAll.label, row.groupSeeAll.url, {
6511							nav: 'shop-all',
6512							rootCategoryId: rootCategoryId,
6513							categoryId: resolveShopAllCatalogId({
6514								categoryId: row.groupSeeAll.categoryId,
6515								url: row.groupSeeAll.url,
6516								rootCategoryId: rootCategoryId,
6517								sectionKey: rootCategoryId
6518							})
6519						});
6520						a.classList.add(classes.seeAllLink);
6521						seeAllWrap.appendChild(a);
6522						el.appendChild(seeAllWrap);
6523					}
6524					return el;
6525				}
6526
6527				if (row.kind === 'link') {
6528					const list = createSubList([{
6529						label: row.label,
6530						url: row.url,
6531						categoryId: row.categoryId || ''
6532					}], rootCategoryId);
6533					if (sectionData.isCategoriesSection) list.classList.add('show-divider');
6534					el.appendChild(list);
6535					return el;
6536				}
6537
6538				if (row.kind === 'subgroup') {
6539					el.appendChild(createSubgroup(row, { rootCategoryId: rootCategoryId }));
6540				}
6541
6542				return el;
6543			};
6544
6545
6546
6547			const clusterKeyForLeft = (left, centers) => {
6548				let k = centers.findIndex((c) => Math.abs(c - left) <= CONFIG.columnLeftThresholdPx);
6549				if (k === -1) {
6550					k = centers.length;
6551					centers.push(left);
6552				}
6553				return k;
6554			};
6555
6556
6557			const computeCategoriesSectionBorders = (rows) => {
6558				const borderBelowRow = Array.from({ length: rows.length }
6558, () => false);
6559				const isCategoryContentRow = (row) => (
6560					row?.sectionIndex != null &&
6561					row.kind !== 'seeAll'
6562				);
6563
6564				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6565					const row = rows[idx];
6566					const next = rows[idx + 1];
6567
6568					if (next?.kind === 'seeAll') {
6569						if (isCategoryContentRow(row)) {
6570							borderBelowRow[idx] = true;
6571						}
6572						continue;
6573					}
6574
6575					if (row?.sectionIndex == null || next?.sectionIndex == null) continue;
6576					if (row.sectionIndex !== next.sectionIndex) {
6577						borderBelowRow[idx] = true;
6578					}
6579				}
6580
6581				return borderBelowRow;
6582			};
6583
6584			const computeGroupSectionBorders = (rows) => {
6585				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6586
6587				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6588					const row = rows[idx];
6589					const next = rows[idx + 1];
6590
6591					if (next?.kind === 'seeAll') continue;
6592
6593					if (row?.groupIndex == null || next?.groupIndex == null) continue;
6594					if (row.groupIndex !== next.groupIndex) {
6595						if (row.kind === 'groupLink' && row.groupSeeAll) continue;
6596						borderBelowRow[idx] = true;
6597					}
6598				}
6599
6600				for (let idx = 0; idx < rows.length - 1; idx += 1) {
6601					if (rows[idx + 1]?.kind === 'seeAll') {
6602						borderBelowRow[idx] = false;
6603					}
6604				}
6605
6606				rows.forEach((row, idx) => {
6607					if (row.kind === 'groupLink' && row.groupSeeAll) {
6608						borderBelowRow[idx] = false;
6609					}
6610				});
6611
6612				return borderBelowRow;
6613			};
6614
6615			const computeFlatRowSeparatorBorders = (rows, rowEls, containerRect, includeAllSectionBoundaries = false) => {
6616				const measured = [];
6617
6618				rows.forEach((row, idx) => {
6619					const el = rowEls[idx];
6620					if (!el || row.sectionIndex == null) return;
6621
6622					const r = el.getBoundingClientRect();
6623					measured.push({
6624						idx,
6625						left: r.left - containerRect.left,
6626						top: r.top - containerRect.top,
6627						sectionIndex: row.sectionIndex
6628					});
6629				});
6630
6631				const centers = [];
6632				const byCluster = new Map();
6633
6634				measured.forEach((m) => {
6635					const k = clusterKeyForLeft(m.left, centers);
6636					if (!byCluster.has(k)) byCluster.set(k, []);
6637					byCluster.get(k).push(m);
6638				});
6639
6640				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6641
6642				byCluster.forEach((list) => {
6643					if (list.length < 2) return;
6644
6645					const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx);
6646
6647					for (let i = 0; i < sorted.length - 1; i += 1) {
6648						const current = sorted[i];
6649						const next = sorted[i + 1];
6650
6651						if (!current || !next || current.sectionIndex === next.sectionIndex) continue;
6652						if (!includeAllSectionBoundaries) continue;
6653
6654						borderBelowRow[current.idx] = true;
6655					}
6656				});
6657
6658				return borderBelowRow;
6659			};
6660
6661			const computeCategoriesRowDividers = (rowEls, containerRect) => {
6662				const measured = rowEls.map((el, idx) => {
6663					if (!el) return null;
6664					const r = el.getBoundingClientRect();
6665					return {
6666						idx,
6667						left: r.left - containerRect.left,
6668						bottom: r.bottom - containerRect.top
6669					};
6670				}).filter(Boolean);
6671
6672				const centers = [];
6673				const byCluster = new Map();
6674
6675				measured.forEach((m) => {
6676					const k = clusterKeyForLeft(m.left, centers);
6677					if (!byCluster.has(k)) byCluster.set(k, []);
6678					byCluster.get(k).push(m);
6679				});
6680
6681				const borderBelowRow = Array.from({ length: rowEls.length }, () => false);
6682
6683				byCluster.forEach((list) => {
6684					if (list.length <= 1) return;
6685					const bottomMost = list.reduce((a, b) => (a.bottom >= b.bottom ? a : b));
6686					list.forEach((m) => {
6687						if (m.idx !== bottomMost.idx) borderBelowRow[m.idx] = true;
6688					});
6689				});
6690
6691				return borderBelowRow;
6692			};
6693
6694			const computeSubgroupRowDividers = (rows, rowEls, containerRect) => {
6695				const borderBelowRow = Array.from({ length: rows.length }, () => false);
6696
6697				rows.forEach((row, idx) => {
6698					if (row.kind === 'subgroup') borderBelowRow[idx] = true;
6699				});
6700
6701				const measured = rowEls.map((el, idx) => {
6702					if (!el) return null;
6703					const r = el.getBoundingClientRect();
6704					return {
6705						idx,
6706						left: r.left - containerRect.left,
6707						top: r.top - containerRect.top
6708					};
6709				}
6709).filter(Boolean);
6710
6711				const centers = [];
6712				const byCluster = new Map();
6713
6714				measured.forEach((m) => {
6715					const k = clusterKeyForLeft(m.left, centers);
6716					if (!byCluster.has(k)) byCluster.set(k, []);
6717					byCluster.get(k).push(m);
6718				});
6719
6720				byCluster.forEach((list) => {
6721					if (list.length < 2) return;
6722					const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx);
6723					for (let i = 0; i < sorted.length - 1; i += 1) {
6724						const current = sorted[i];
6725						const next = sorted[i + 1];
6726						if (!current || !next) continue;
6727						if (rows[current.idx]?.kind === 'link' && rows[next.idx]?.kind === 'subgroup') {
6728							borderBelowRow[current.idx] = true;
6729						}
6730					}
6731				});
6732
6733				return borderBelowRow;
6734			};
6735
6736			const clearRowDividers = (middleTop) => {
6737				middleTop.querySelectorAll(`.${classes.navRow} .${classes.sectionDivider}`).forEach((node) => {
6738					node.remove();
6739				});
6740			};
6741
6742			const measureHasSecondColumn = (middleTop) => {
6743				const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)];
6744				if (!rowEls.length) return false;
6745
6746				const containerRect = middleTop.getBoundingClientRect();
6747				const containerWidth = containerRect.width || middleTop.offsetWidth || middleTop.clientWidth;
6748				const containerHeight = containerRect.height || middleTop.offsetHeight || middleTop.clientHeight;
6749
6750				if (!containerWidth && !containerHeight) return false;
6751
6752				const centers = [];
6753				let hasSecondColumn = false;
6754
6755				rowEls.forEach((el) => {
6756					const left = el.getBoundingClientRect().left - containerRect.left;
6757					if (!Number.isFinite(left)) return;
6758
6759					const columnIndex = clusterKeyForLeft(left, centers);
6760					if (columnIndex > 0) hasSecondColumn = true;
6761				});
6762
6763				return hasSecondColumn;
6764			};
6765
6766			const clearCenterDividerSyncState = (middleTop) => {
6767				const sync = middleTop?._centerDividerSync;
6768				if (!sync) return;
6769
6770				if (sync.removeTimer) {
6771					clearTimeout(sync.removeTimer);
6772				}
6773
6774				middleTop._centerDividerSync = null;
6775			};
6776
6777			const applyCenterDividerClass = (middleTop, show) => {
6778				middleTop.classList.toggle('has-center-divider', show);
6779				middleTop.style.removeProperty('--pc-mega-nav-center-divider-top');
6780				middleTop.style.removeProperty('--pc-mega-nav-center-divider-height');
6781			};
6782
6783			const updateCenterDivider = (middleTop, options = {}) => {
6784				const force = options.force === true;
6785				const hasSecondColumn = measureHasSecondColumn(middleTop);
6786
6787				if (!middleTop._centerDividerSync) {
6788					middleTop._centerDividerSync = { removeTimer: null };
6789				}
6790
6791				const sync = middleTop._centerDividerSync;
6792
6793				if (sync.removeTimer) {
6794					clearTimeout(sync.removeTimer);
6795					sync.removeTimer = null;
6796				}
6797
6798				if (hasSecondColumn) {
6799					applyCenterDividerClass(middleTop, true);
6800					return;
6801				}
6802
6803				if (force || !middleTop.classList.contains('has-center-divider')) {
6804					applyCenterDividerClass(middleTop, false);
6805					return;
6806				}
6807
6808				sync.removeTimer = setTimeout(() => {
6809					sync.removeTimer = null;
6810					if (!middleTop.isConnected) return;
6811
6812					if (!measureHasSecondColumn(middleTop)) {
6813						applyCenterDividerClass(middleTop, false);
6814					}
6815				}, CENTER_DIVIDER_REMOVE_DELAY_MS);
6816			};
6817
6818			const applyRowDividers = (middleTop, sectionData) => {
6819				const rows = middleTop._navRows || [];
6820				const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)];
6821
6822				if (!rowEls.length) {
6823					clearCenterDividerSyncState(middleTop);
6824					applyCenterDividerClass(middleTop, false);
6825					return;
6826				}
6827
6828				clearRowDividers(middleTop);
6829				updateCenterDivider(middleTop);
6830
6831				const containerRect = middleTop.getBoundingClientRect();
6832
6833				if (sectionData.isCategoriesSection) {
6834					const borderBelowRow = computeCategoriesSectionBorders(rows);
6835
6836					borderBelowRow.forEach((show, idx) => {
6837						if (!show || !rowEls[idx]) return;
6838						const divider = createEl('div', classes.sectionDivider);
6839						divider.setAttribute('aria-hidden', 'true');
6840						rowEls[idx].appendChild(divider);
6841					});
6842					return;
6843				}
6844
6845				if (sectionData.layoutType === 'grouped') {
6846					const borderBelowRow = computeGroupSectionBorders(rows);
6847
6848					borderBelowRow.forEach((show, idx) => {
6849						if (!show || !rowEls[idx]) return;
6850						const divider = createEl('div', classes.sectionDivider);
6851						divider.setAttribute('aria-hidden', 'true');
6852						rowEls[idx].appendChild(divider);
6853					});
6854					return;
6855				}
6856
6857				if (sectionData.isFlatListSection) {
6858					return;
6859				}
6860
6861				const borderBelowRow = computeSubgroupRowDividers(rows, rowEls, containerRect);
6862
6863				borderBelowRow.forEach((show, idx) => {
6864					if (!show || !rowEls[idx]) return;
6865					const divider = createEl('div', classes.sectionDivider);
6866					divider.setAttribute('aria-hidden', 'true');
6867					rowEls[idx].appendChild(divider);
6868				});
6869			};
6870
6871			const queueDividerMeasurement = (middleTop, sectionData) => {
6872				if (!middleTop || !sectionData) return;
6873
6874				const run = () => {
6875					applyRowDividers(middleTop, sectionData);
6876				};
6877
6878				if (typeof requestAnimationFrame === 'function') {
6879					requestAnimationFrame(() => {
6880						if (
6881							sectionData.isCategoriesSection ||
6882							sectionData.layoutType === 'grouped' ||
6883							sectionData.isFlatListSection
6884						) {
6885							requestAnimationFrame(run);
6886						} else {
6887							run();
6888						}
6889					});
6890				} else {
6891					setTimeout(run, 16);
6892				}
6893			};
6894
6895			const remeasureOpenPanelDividers = () => {
6896				const categoryContent = qs(selectors.categoryContent);
6897				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
6898
6899				const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
6900				if (!middleTop?._sectionData) return;
6901
6902				queueDividerMeasurement(middleTop, middleTop._sectionData);
6903			};
6904
6905			const clearPanelDividerBurstTimeouts = () => {
6906				panelDividerBurstTimeoutIds.forEach((id) => clearTimeout(id));
6907				panelDividerBurstTimeoutIds = [];
6908			};
6909
6910			const syncOpenPanelCenterDivider = (options = {}) => {
6911				const categoryContent = qs(selectors.categoryContent);
6912				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
6913
6914				const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
6915				if (!middleTop) return;
6916
6917				updateCenterDivider(middleTop, options);
6918			};
6919
6920			const debouncedSyncOpenPanelCenterDivider = debounce(() => {
6921				syncOpenPanelCenterDivider();
6922			}, 100);
6923
6924			const burstRemeasureOpenPanelDividers = () => {
6925				if (isMobile()) return;
6926
6927				clearPanelDividerBurstTimeouts();
6928
6929				const run = () => {
6930					syncHeaderStackHeight();
6931					syncOpenPanelCenterDivider();
6932				};
6933
6934				run();
6935
6936				if (typeof requestAnimationFrame === 'function') {
6937					requestAnimationFrame(() => {
6938						requestAnimationFrame(run);
6939					});
6940				}
6941
6942				panelDividerBurstTimeoutIds.push(setTimeout(run, 220));
6943			};
6944
6945			const stopOpenPanelDividerWatch = () => {
6946				clearPanelDividerBurstTimeouts();
6947			};
6948
6949			const getZoomSignature = () => {
6950				const vv = window.visualViewport;
6951				return [
6952					vv?.scale ?? 1,
6953					window.devicePixelRatio ?? 1,
6954					Math.round(vv?.width ?? window.innerWidth),
6955					Math.round(vv?.height ?? window.innerHeight)
6956				].join(':');
6957			};
6958
6959			const bindViewportZoomListener = () => {
6960				if (viewportZoomListenerBound) return;
6961				viewportZoomListenerBound = true;
6962				lastZoomSignature = getZoomSignature();
6963
6964				const scheduleZoomRemeasure = debounce(() => {
6965					burstRemeasureOpenPanelDividers();
6966				}, 120);
6967
6968				const onViewportChange = () => {
6969					const nextSignature = getZoomSignature();
6970					if (nextSignature !== lastZoomSignature) {
6971						lastZoomSignature = nextSignature;
6972					}
6973					scheduleZoomRemeasure();
6974				};
6975
6976				if (window.visualViewport) {
6977					window.visualViewport.addEventListener('resize', onViewportChange);
6978					window.visualViewport.addEventListener('scroll', onViewportChange);
6979				}
6980
6981				window.addEventListener('resize', onViewportChange);
6982
6983				window.addEventListener('keydown', (event) => {
6984					if (!event.ctrlKey && !event.metaKey) return;
6985					if (!/^(Equal|Minus|NumpadAdd|NumpadSubtract|Digit0|Numpad0)$/.test(event.code)) return;
6986					onViewportChange();
6987				}, true);
6988
6989				window.addEventListener('wheel', (event) => {
6990					if (!event.ctrlKey) return;
6991					onViewportChange();
6992				}, { passive: true });
6993
6994				const watchDevicePixelRatio = () => {
6995					if (!window.matchMedia) return;
6996
6997					const mq = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
6998					const onResolutionChange = () => {
6999						onViewportChange();
7000						mq.removeEventListener('change', onResolutionChange);
7001						watchDevicePixelRatio();
7002					};
7003
7004					mq.addEventListener('change', onResolutionChange);
7005				};
7006
7007				watchDevicePixelRatio();
7008			};
7009
7010			const bindPanelResizeObserver = (panelEl) => {
7011				if (panelResizeObserver) {
7012					panelResizeObserver.disconnect();
7013					panelResizeObserver = null;
7014				}
7015
7016				if (!panelEl || typeof ResizeObserver === 'undefined') return;
7017
7018				panelResizeObserver = new ResizeObserver(() => {
7019					debouncedSyncOpenPanelCenterDivider();
7020				});
7021
7022				panelResizeObserver.observe(panelEl);
7023
7024				const middleTop = panelEl.querySelector(`.${classes.middleTop}`);
7025				if (middleTop) {
7026					panelResizeObserver.observe(middleTop);
7027				}
7028			};
7029
7030			const syncClonedPanelMetadata = (sourceComponent, panelEl) => {
7031				const sourceMiddleTop = sourceComponent.querySelector(`.${classes.middleTop}`);
7032				const clonedMiddleTop = panelEl.querySelector(`.${classes.middleTop}`);
7033
7034				if (!sourceMiddleTop || !clonedMiddleTop) return;
7035
7036				clonedMiddleTop._navRows = sourceMiddleTop._navRows;
7037				clonedMiddleTop._sectionData = sourceMiddleTop._sectionData;
7038
7039				if (clonedMiddleTop._sectionData) {
7040					queueDividerMeasurement(clonedMiddleTop, clonedMiddleTop._sectionData);
7041
7042					if (typeof requestAnimationFrame === 'function') {
7043						requestAnimationFrame(() => {
7044							requestAnimationFrame(() => {
7045								if (!clonedMiddleTop.isConnected || !clonedMiddleTop._sectionData) return;
7046								applyRowDividers(clonedMiddleTop, clonedMiddleTop._sectionData);
7047								updateCenterDivider(clonedMiddleTop, { force: true });
7048							});
7049						});
7050					}
7051				}
7052			};
7053
7054			const layoutMiddleTop = (middleTop, sectionData) => {
7055				const rows = flattenDistributableRows(sectionData);
7056
7057				middleTop._navRows = rows;
7058				middleTop._sectionData = sectionData;
7059				middleTop.replaceChildren();
7060				middleTop.classList.toggle(
7061					classes.middleTopFlatList,
7062					sectionData.isFlatListSection === true
7063				);
7064				middleTop.classList.toggle(
7065					classes.middleTopCategories,
7066					sectionData.isCategoriesSection === true
7067				);
7068				middleTop.classList.toggle(
7069					classes.middleTopGrouped,
7070					sectionData.layoutType === 'grouped'
7071				);
7072
7073				rows.forEach((row) => {
7074					middleTop.appendChild(createMiddleRow(row, sectionData));
7075				});
7076
7077				if (middleTop.closest(selectors.categoryContent)) {
7078					queueDividerMeasurement(middleTop, sectionData);
7079				}
7080			};
7081
7082			const createSectionShell = (sectionData, globalSlot) => {
7083				const { displayTitle, title, slot, layoutType } = sectionData;
7084				const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData);
7085				const component = createEl('div', classes.component);
7086				if (layoutType) component.dataset.layout = layoutType;
7087				component.setAttribute('data-root-category-id', rootCategoryId);
7088
7089				const firstCol = createEl('div', classes.colFirst);
7090				firstCol.classList.add(classes.scrollRail);
7091				firstCol.setAttribute('body-scroll-lock-ignore', '');
7092				const categoryTitleEl = createEl('div', classes.categoryTitle, displayTitle || title);
7093				if (rootCategoryId === 'new to skin care') {
7094					categoryTitleEl.classList.add(classes.categoryTitleWrap);
7095				}
7096				firstCol.appendChild(categoryTitleEl);
7097				if (slot) {
7098					firstCol.appendChild(slot);
7099					initLazyImages(firstCol);
7100					annotateLeftPromos(firstCol, rootCategoryId);
7101				}
7102
7103				const middleCol = createEl('div', classes.colMiddle);
7104				const middleTop = createEl('div', classes.middleTop);
7105				const middleBottom = createEl('div', classes.middleBottom);
7106
7107				middleCol.append(middleTop, middleBottom);
7108
7109				const thirdCol = createEl('div', classes.colThird);
7110				thirdCol.classList.add(classes.scrollRail);
7111				thirdCol.setAttribute('body-scroll-lock-ignore', '');
7112				if (globalSlot) {
7113					thirdCol.appendChild(globalSlot.cloneNode(true));
7114					initLazyImages(thirdCol);
7115					annotateHighlightRail(thirdCol, rootCategoryId);
7116				}
7117
7118				component.append(firstCol, middleCol, thirdCol);
7119				return component;
7120			};
7121
7122			const createSectionComponent = (sectionData, globalSlot) => {
7123				const component = createSectionShell(sectionData, globalSlot);
7124				const middleTop = component.querySelector(`.${classes.middleTop}`);
7125				layoutMiddleTop(middleTop, sectionData);
7126				return component;
7127			};
7128
7129			const createSectionItem = (sectionData, globalSlot) => {
7130				const { title, displayTitle, url } = sectionData;
7131				const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData);
7132				const li = createEl('li', classes.section);
7133				if (url) li.dataset.url = url;
7134				li.setAttribute('data-root-category-id', rootCategoryId);
7135
7136				const titleNode = createEl('button', classes.sectionTitle, displayTitle || title);
7137				titleNode.type = 'button';
7138				applyNavTrackingAttrs(titleNode, {
7139					nav: 'top-level',
7140					categoryId: rootCategoryId
7141				});
7142				li.appendChild(titleNode);
7143
7144				const component = createSectionComponent(sectionData, globalSlot);
7145				li.appendChild(component);
7146				li._navigationComponent = component;
7147				return li;
7148			};
7149
7150			const renderDesktopNav = (data, globalSlot) => {
7151				const rootList = createEl('ul', classes.rootList);
7152				const fragment = document.createDocumentFragment();
7153
7154				data.shop.forEach((section) => fragment.appendChild(createSectionItem(section, globalSlot)));
7155
7156				if (
7157					(data.beautypedia.groups.length || data.beautypedia.flatLinks.length) &&
7158					(data.beautypedia.displayTitle || data.beautypedia.title)
7159				) {
7160					fragment.appendChild(createSectionItem(data.beautypedia, globalSlot));
7161				}
7162
7163				if (data.membership?.label) {
7164					fragment.appendChild(createLinkItem(
7165						data.membership.label,
7166						data.membership.url,
7167						{ nav: 'top-level', categoryId: 'membership' }
7168					));
7169				}
7170
7171				if (data.contactUs?.label) {
7172					fragment.appendChild(createLinkItem(
7173						data.contactUs.label,
7174						data.contactUs.url,
7175						{ nav: 'top-level', categoryId: 'contact us' }
7176					));
7177				}
7178
7179				rootList.appendChild(fragment);
7180				return rootList;
7181			};
7182
7183			const initCategoryClick = () => {
7184				if (categoryClickInitialized) return;
7185				categoryClickInitialized = true;
7186
7187				const categoryContent = qs(selectors.categoryContent);
7188				const container = qs(selectors.container);
7189				if (!categoryContent || !container) return;
7190
7191				const getSectionTitle = (section) => (
7192					section.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() || ''
7193				);
7194
7195				const showPanel = (section) => {
7196					const component = section._navigationComponent || section.querySelector(`.${classes.component}`);
7197					if (!component) return;
7198
7199					qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7200					activeSectionTitle = getSectionTitle(section);
7201					section.classList.add(classes.sectionActive);
7202					categoryContent.replaceChildren(component.cloneNode(true));
7203					categoryContent.classList.add(classes.panelVisible);
7204					categoryContent.setAttribute('body-scroll-lock-ignore', '');
7205					syncHeaderStackHeight();
7206					initLazyImages(categoryContent);
7207					syncClonedPanelMetadata(component, categoryContent);
7208					bindPanelResizeObserver(categoryContent);
7209					remeasureOpenPanelDividers();
7210					burstRemeasureOpenPanelDividers();
7211				};
7212
7213				const hidePanel = () => {
7214					const middleTop = categoryContent.querySelector(`.${classes.middleTop}`);
7215					if (middleTop) clearCenterDividerSyncState(middleTop);
7216
7217					qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7218					categoryContent.replaceChildren();
7219					categoryContent.classList.remove(classes.panelVisible);
7220					activeSectionTitle = null;
7221
7222					stopOpenPanelDividerWatch();
7223
7224					if (panelResizeObserver) {
7225						panelResizeObserver.disconnect();
7226						panelResizeObserver = null;
7227					}
7228				};
7229
7230				container.addEventListener('click', (event) => {
7231					const section = event.target.closest(selectors.navSection);
7232					if (!section) return;
7233
7234					event.preventDefault();
7235					event.stopPropagation();
7236
7237					if (
7238						activeSectionTitle === getSectionTitle(section) &&
7239						categoryContent.classList.contains(classes.panelVisible)
7240					) {
7241						hidePanel();
7242					} else {
7243						showPanel(section);
7244					}
7245				});
7246
7247				document.addEventListener('click', (event) => {
7248					if (event.target.closest(selectors.navSection)) return;
7249					if (event.target.closest(selectors.categoryContent)) return;
7250					hidePanel();
7251				});
7252
7253				document.addEventListener('keydown', (event) => {
7254					if (event.key === 'Escape') hidePanel();
7255				});
7256			};
7257
7258			const initNavHover = () => {
7259				const container = qs(selectors.container);
7260				if (!container || container.dataset.navHoverBound === 'true') return;
7261				container.dataset.navHoverBound = 'true';
7262
7263				const hoverClass = classes.navHovered;
7264				const navLinkSelector = `#navigation-level1 .${classes.rootList} > li > a`;
7265
7266				const getHoverTarget = (node) => (
7267					node?.closest(`.${classes.sectionTitle}`) ||
7268					node?.closest(navLinkSelector)
7269				);
7270
7271				const clearHover = () => {
7272					qsa(`.${hoverClass}`, container).forEach((el) => el.classList.remove(hoverClass));
7273				};
7274
7275				container.addEventListener('mouseover', (event) => {
7276					const target = getHoverTarget(event.target);
7277					if (!target) return;
7278					clearHover();
7279					target.classList.add(hoverClass);
7280				});
7281
7282				container.addEventListener('mouseout', (event) => {
7283					const target = getHoverTarget(event.target);
7284					if (!target) return;
7285
7286					const related = event.relatedTarget;
7287					const listItem = target.closest('li');
7288					if (related && (target.contains(related) || listItem?.contains(related))) return;
7289
7290					target.classList.remove(hoverClass);
7291				});
7292			};
7293
7294			const refreshOpenPanel = () => {
7295				if (!activeSectionTitle) return;
7296
7297				const categoryContent = qs(selectors.categoryContent);
7298				if (!categoryContent?.classList.contains(classes.panelVisible)) return;
7299
7300				const section = qsa(selectors.navSection).find(
7301					(item) => item.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() === activeSectionTitle
7302				);
7303				if (!section) return;
7304
7305				const component = section._navigationComponent || section.querySelector(`.${classes.component}`);
7306				if (!component) return;
7307
7308				qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive));
7309				section.classList.add(classes.sectionActive);
7310				categoryContent.replaceChildren(component.cloneNode(true));
7311				initLazyImages(categoryContent);
7312				syncClonedPanelMetadata(component, categoryContent);
7313				bindPanelResizeObserver(categoryContent);
7314				remeasureOpenPanelDividers();
7315				burstRemeasureOpenPanelDividers();
7316			};
7317
7318			const rebuildDesktopLayout = async () => {
7319				if (isMobile() || !navData) return;
7320
7321				if (document.fonts?.ready) {
7322					await document.fonts.ready;
7323				}
7324
7325				const globalSlot = getGlobalSlotClone();
7326				const container = qs(selectors.container);
7327				if (!container) return;
7328
7329				container.replaceChildren(renderDesktopNav(navData, globalSlot));
7330				syncHeaderStackHeight();
7331				refreshOpenPanel();
7332			};
7333
7334
7335
7336			/* MOBILE-ONLY JS — desktop code above is frozen (CONFIG.desktopLayoutFrozen) */
7337
7338			const createMobileLinksList = (links, rootCategoryId = '') => {
7339				const ul = createEl('ul', classes.mobileLinks);
7340				links.forEach((link) => {
7341					const normalized = typeof link === 'object'
7342						? link
7343						: { label: link, url: '' };
7344					const li = createEl('li');
7345					const a = createLink(normalized.label, normalized.url, {
7346						nav: normalized.nav || 'menu-item',
7347						categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '',
7348						rootCategoryId: normalized.rootCategoryId || rootCategoryId || '',
7349						parentCategoryId: normalized.parentCategoryId || ''
7350					});
7351					li.appendChild(a);
7352					ul.appendChild(li);
7353				});
7354				return ul;
7355			};
7356
7357			const createMobileSubgroup = (subgroup, rootCategoryId = '') => {
7358				const wrap = createEl('div', classes.mobileSubgroup);
7359				wrap.appendChild(createEl('div', classes.mobileSubgroupTitle, subgroup.title));
7360				wrap.appendChild(createMobileLinksList(subgroup.links, rootCategoryId));
7361				return wrap;
7362			};
7363
7364			const createMobileItemsContent = (items, rootCategoryId = '') => {
7365				const fragment = document.createDocumentFragment();
7366				let pendingLinks = [];
7367
7368				const flushLinks = () => {
7369					if (!pendingLinks.length) return;
7370					fragment.appendChild(createMobileLinksList(pendingLinks, rootCategoryId));
7371					pendingLinks = [];
7372				};
7373
7374				items.forEach((item) => {
7375					if (item.type === 'link') {
7376						pendingLinks.push({
7377							label: item.label,
7378							url: item.url,
7379							categoryId: item.categoryId || ''
7380						});
7381						return;
7382					}
7383					if (item.type === 'subgroup') {
7384						flushLinks();
7385						fragment.appendChild(createMobileSubgroup(item, rootCategoryId));
7386					}
7387				});
7388
7389				flushLinks();
7390				return fragment;
7391			};
7392
7393			const createMobileGroup = (group, rootCategoryId = '') => {
7394				const wrap = createEl('div', classes.mobileGroup);
7395				wrap.appendChild(createEl('div', classes.mobileGroupTitle, group.displayTitle || group.title));
7396				wrap.appendChild(createMobileItemsContent(group.items || [], rootCategoryId));
7397				if (!group.items?.length && group.links?.length) {
7398					wrap.appendChild(createMobileLinksList(group.links, rootCategoryId));
7399				}
7400				return wrap;
7401			};
7402
7403			const createMobileBeautypediaContent = (sectionData) => {
7404				const groups = sectionData.groups || [];
7405				const rootCategoryId = getSectionKey(sectionData) || 'beautypedia';
7406				const fragment = document.createDocumentFragment();
7407				const shopAllSource = findBeautypediaShopAllSource(groups);
7408				const shopAllSources = shopAllSource ? [shopAllSource] : [];
7409				const lastGroupIndex = groups.length - 1;
7410
7411				groups.forEach((group, groupIndex) => {
7412					const filteredGroup = filterGroupItemsShopAll(group, shopAllSources);
7413					const wrap = createMobileGroup(filteredGroup, rootCategoryId);
7414
7415					if (groupIndex === lastGroupIndex && shopAllSource?.url) {
7416						const seeAll = createMobileSectionSeeAll(sectionData, {
7417							url: shopAllSource.url,
7418							label: shopAllSource.label,
7419							bypassSectionCheck: true
7420						});
7421						if (seeAll) wrap.appendChild(seeAll);
7422					}
7423
7424					fragment.appendChild(wrap);
7425
7426					if (groupIndex < lastGroupIndex) {
7427						fragment.appendChild(createMobileSectionDivider());
7428					}
7429				});
7430
7431				return fragment;
7432			};
7433
7434			const createMobileSlot = (slotNode) => {
7435				if (!slotNode) return null;
7436				const slot = createEl('div', classes.mobileSlot);
7437				slot.appendChild(slotNode.cloneNode(true));
7438				return slot;
7439			};
7440
7441			const createMobileSectionPromo = (section) => {
7442				if (!section?.slot) return null;
7443				const wrap = createMobileSlot(section.slot);
7444				if (!wrap) return null;
7445				annotateLeftPromos(wrap, getSectionTrackingId(section) || getSectionKey(section));
7446				return wrap;
7447			};
7448
7449			const resolveMobilePromoSlotNode = (data) => {
7450				const globalSlot = getGlobalSlotClone();
7451				if (globalSlot) return globalSlot;
7452
7453				const sectionWithSlot = (data.shop || []).find((section) => section.slot);
7454				if (sectionWithSlot?.slot) return sectionWithSlot.slot.cloneNode(true);
7455
7456				if (data.beautypedia?.slot) return data.beautypedia.slot.cloneNode(true);
7457
7458				return null;
7459			};
7460
7461			const createMobileDirectLink = (linkData) => {
7462				const a = createEl('a', classes.mobileDirectLink, linkData.label);
7463				a.href = linkData.url;
7464				applyNavTrackingAttrs(a, {
7465					nav: linkData.nav || 'top-level',
7466					categoryId: linkData.categoryId || categoryIdFromUrl(linkData.url) || ''
7467				});
7468				return a;
7469			};
7470
7471			const createMobileSecondaryBlock = (links) => {
7472				if (!links?.length) return null;
7473
7474				const block = createEl('div', classes.mobileSecondary);
7475				links.forEach(({ label, url }) => {
7476					const a = createEl('a', classes.mobileSecondaryLink, label);
7477					a.href = url;
7478					applyNavTrackingAttrs(a, {
7479						nav: 'top-level',
7480						categoryId: categoryIdFromUrl(url) || String(label || '').toLowerCase()
7481					});
7482					block.appendChild(a);
7483				});
7484				return block;
7485			};
7486
7487			const createMobileFooterDivider = () => createEl('div', classes.mobileFooterDivider);
7488
7489			const createMobileSectionDivider = () => {
7490				const divider = createEl('div', classes.mobileSectionDivider);
7491				divider.setAttribute('aria-hidden', 'true');
7492				return divider;
7493			};
7494
7495			const createMobileSectionSeeAll = (sectionData, options = {}) => {
7496				const url = options.url || sectionData.shopAllLink?.url || sectionData.url;
7497				if (!url || url === 'javascript:;' || url === '#') return null;
7498				if (!options.bypassSectionCheck && !sectionShouldShowShopAll(sectionData)) return null;
7499
7500				const rootCategoryId = getSectionKey(sectionData);
7501				const shopAllSource = {
7502					label: options.label || sectionData.shopAllLink?.label,
7503					url: url,
7504					categoryId: sectionData.shopAllLink?.categoryId
7505				};
7506				const label = resolveSectionShopAllLabel(sectionData, shopAllSource);
7507				if (!label) return null;
7508
7509				const block = createEl('div', classes.mobileSectionSeeAll);
7510				block.appendChild(createMobileLinksList([{
7511					label: label,
7512					url: url,
7513					nav: 'shop-all',
7514					categoryId: resolveShopAllCatalogId({
7515						categoryId: shopAllSource.categoryId,
7516						url: url,
7517						rootCategoryId: rootCategoryId,
7518						sectionKey: rootCategoryId
7519					}),
7520					rootCategoryId: rootCategoryId
7521				}], rootCategoryId));
7522				return block;
7523			};
7524
7525			const createMobileCategoriesContent = (sectionData) => {
7526				const rows = flattenDistributableRows(sectionData);
7527				const borderBelowRow = computeCategoriesSectionBorders(rows);
7528				const fragment = document.createDocumentFragment();
7529				const rootCategoryId = getSectionKey(sectionData);
7530
7531				let idx = 0;
7532				while (idx < rows.length) {
7533					const row = rows[idx];
7534
7535					if (row.kind === 'l2Link') {
7536						const block = createEl('div', classes.mobileCategoriesL2);
7537						block.appendChild(createMobileLinksList([{
7538							label: row.label,
7539							url: row.url,
7540							categoryId: row.categoryId || ''
7541						}], rootCategoryId));
7542						fragment.appendChild(block);
7543						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7544						idx += 1;
7545						continue;
7546					}
7547
7548					if (row.kind === 'subHeading') {
7549						const block = createEl('div', classes.mobileCategoriesSubheading);
7550						block.appendChild(createEl('div', classes.mobileSubgroupTitle, row.title));
7551						fragment.appendChild(block);
7552						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7553						idx += 1;
7554						continue;
7555					}
7556
7557					if (row.kind === 'l3Link') {
7558						const links = [];
7559						let lastIdx = idx;
7560						while (idx < rows.length && rows[idx].kind === 'l3Link') {
7561							links.push({
7562								label: rows[idx].label,
7563								url: rows[idx].url,
7564								categoryId: rows[idx].categoryId || ''
7565							});
7566							lastIdx = idx;
7567							idx += 1;
7568						}
7569						const block = createEl('div', classes.mobileCategoriesL3);
7570						block.appendChild(createMobileLinksList(links, rootCategoryId));
7571						fragment.appendChild(block);
7572						if (borderBelowRow[lastIdx]) fragment.appendChild(createMobileSectionDivider());
7573						continue;
7574					}
7575
7576					if (row.kind === 'seeAll') {
7577						const block = createEl('div', classes.mobileCategoriesSeeAll);
7578						block.classList.add(classes.mobileCategoriesL2);
7579						block.appendChild(createMobileLinksList([{
7580							label: row.label,
7581							url: row.url,
7582							nav: 'shop-all',
7583							categoryId: toTrackingLabel(
7584								row.categoryId ||
7585								categoryIdFromUrl(row.url) ||
7586								rootCategoryId
7587							),
7588							rootCategoryId: rootCategoryId
7589						}], rootCategoryId));
7590						fragment.appendChild(block);
7591						if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider());
7592						idx += 1;
7593						continue;
7594					}
7595
7596					idx += 1;
7597				}
7598
7599				return fragment;
7600			};
7601
7602			const createMobileAccordion = (title, panelContent, options = {}) => {
7603				const section = createEl('div', classes.mobileSection);
7604				const toggle = createEl('button', classes.mobileSectionToggle, title);
7605				toggle.type = 'button';
7606				toggle.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon'));
7607				if (options.categoryId) {
7608					applyNavTrackingAttrs(toggle, {
7609						nav: 'top-level',
7610						categoryId: options.categoryId
7611					});
7612					section.setAttribute('data-root-category-id', options.categoryId);
7613				}
7614
7615				const panel = createEl('div', classes.mobileSectionPanel);
7616				if (options.panelModifier) panel.classList.add(options.panelModifier);
7617				if (panelContent) panel.appendChild(panelContent);
7618
7619				toggle.addEventListener('click', () => {
7620					section.classList.toggle(classes.mobileSectionOpen);
7621					if (section.classList.contains(classes.mobileSectionOpen)) initLazyImages(panel);
7622				});
7623
7624				section.append(toggle, panel);
7625				return section;
7626			};
7627
7628			const createMobileFooterLink = (linkData, options = {}) => {
7629				const a = createEl('a', classes.mobileFooterLink, linkData.label);
7630				a.href = linkData.url;
7631
7632				if (options.showChevron) {
7633					a.classList.add(classes.mobileFooterLinkChevron);
7634					a.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon'));
7635				}
7636
7637				if (options.isLast) {
7638					a.classList.add(classes.mobileFooterLinkLast);
7639				}
7640
7641				if (options.nav === 'top-level') {
7642					applyNavTrackingAttrs(a, {
7643						nav: 'top-level',
7644						categoryId: options.categoryId || 'contact us'
7645					});
7646				} else {
7647					applyNavTrackingAttrs(a, {
7648						nav: 'top-level-icon',
7649						icon: options.icon || 'account'
7650					});
7651				}
7652
7653				return a;
7654			};
7655
7656			const createMobileCampaignLinksList = (links, rootCategoryId = '') => {
7657				if (!links?.length) return null;
7658
7659				const ul = createEl('ul', classes.mobileCampaignLinks);
7660				links.forEach(({ label, url }) => {
7661					const li = createEl('li');
7662					const a = createEl('a', classes.mobileCampaignLink, label);
7663					if (url === '#') {
7664						a.setAttribute('href', '#');
7665					} else {
7666						a.href = url;
7667					}
7668					applyNavTrackingAttrs(a, {
7669						nav: 'highlight-link',
7670						rootCategoryId: rootCategoryId || 'campaign',
7671						categoryId: categoryIdFromUrl(url) || toTrackingLabel(label),
7672						highlightId: toTrackingLabel(label)
7673					});
7674					li.appendChild(a);
7675					ul.appendChild(li);
7676				});
7677				return ul;
7678			};
7679
7680			const createMobileCampaignSection = (campaign) => {
7681				if (!campaign) return null;
7682
7683				const { quickLinks, promoSlot } = campaign;
7684				if (!quickLinks?.length && !promoSlot) return null;
7685
7686				const section = createEl('div', classes.mobileCampaign);
7687				const linksList = createMobileCampaignLinksList(quickLinks, 'campaign');
7688
7689				if (linksList) section.appendChild(linksList);
7690
7691				if (promoSlot) {
7692					const promoWrap = createEl('div', classes.mobileCampaignPromo);
7693					promoWrap.appendChild(promoSlot);
7694					/* Mobile campaign promos sit in the "right" rail equivalent */
7695					const promoBlocks = getUniquePromoBlocks(
7696						promoWrap,
7697						'figure, .navigation-link, .navigation-link--two-rows'
7698					);
7699					promoBlocks.forEach((block, index) => {
7700						const promoIndex = index + 1;
7701						qsa('a[href]', block).forEach((a) => {
7702							if (!a.href || a.href === 'javascript:;') return;
7703							if (a.closest('.main-nav-slot__list')) return;
7704							applyNavTrackingAttrs(a, {
7705								nav: 'highlight-promo',
7706								rootCategoryId: 'campaign',
7707								categoryId: formatPromoTrackingLabel('campaign', 'right', promoIndex),
7708								promoIndex: promoIndex
7709							});
7710						});
7711					});
7712					section.appendChild(promoWrap);
7713				}
7714
7715				return section;
7716			};
7717
7718			const buildMobileFlyout = (data) => {
7719				const scroll = createEl('div', 'nav-mobile__scroll');
7720				scroll.setAttribute('body-scroll-lock-ignore', '');
7721				const fragment = document.createDocumentFragment();
7722
7723				data.shop.forEach((section) => {
7724					if (isMobileDirectLinkSection(section)) {
7725						fragment.appendChild(createMobileDirectLink({
7726							label: section.displayTitle || section.title,
7727							url: section.url,
7728							categoryId: getSectionKey(section)
7729						}));
7730						return;
7731					}
7732
7733					const panel = document.createDocumentFragment();
7734
7735					if (section.isCategoriesSection) {
7736						panel.appendChild(createMobileCategoriesContent(section));
7737						const leftPromo = createMobileSectionPromo(section);
7738						if (leftPromo) panel.appendChild(leftPromo);
7739						fragment.appendChild(createMobileAccordion(
7740							section.displayTitle || section.title,
7741							panel,
7742							{
7743								panelModifier: classes.mobileSectionPanelCategories,
7744								categoryId: getSectionKey(section)
7745							}
7746						));
7747					} else {
7748						panel.appendChild(createMobileItemsContent(
7749							section.items || [],
7750							getSectionKey(section)
7751						));
7752						const seeAll = createMobileSectionSeeAll(section);
7753						if (seeAll) panel.appendChild(seeAll);
7754						const leftPromo = createMobileSectionPromo(section);
7755						if (leftPromo) panel.appendChild(leftPromo);
7756						fragment.appendChild(createMobileAccordion(
7757							section.displayTitle || section.title,
7758							panel,
7759							{ categoryId: getSectionKey(section) }
7760						));
7761					}
7762				});
7763
7764				if (data.beautypedia?.groups?.length && (data.beautypedia.displayTitle || data.beautypedia.title)) {
7765					const panel = createMobileBeautypediaContent(data.beautypedia);
7766					const leftPromo = createMobileSectionPromo(data.beautypedia);
7767					if (leftPromo) panel.appendChild(leftPromo);
7768					fragment.appendChild(createMobileAccordion(
7769						data.beautypedia.displayTitle || data.beautypedia.title,
7770						panel,
7771						{
7772							panelModifier: classes.mobileSectionPanelBeautypedia,
7773							categoryId: 'beautypedia'
7774						}
7775					));
7776				}
7777
7778				if (data.membership?.label) {
7779					fragment.appendChild(createMobileDirectLink({
7780						label: data.membership.label,
7781						url: data.membership.url,
7782						categoryId: 'membership'
7783					}));
7784				}
7785
7786				if (data.topMenuCampaign) {
7787					fragment.appendChild(createMobileFooterDivider());
7788					const campaignSection = createMobileCampaignSection(data.topMenuCampaign);
7789					if (campaignSection) fragment.appendChild(campaignSection);
7790				} else if (data.secondaryLinks?.length) {
7791					fragment.appendChild(createMobileFooterDivider());
7792					const secondaryBlock = createMobileSecondaryBlock(data.secondaryLinks);
7793					if (secondaryBlock) fragment.appendChild(secondaryBlock);
7794
7795					const promoSlot = createMobileSlot(resolveMobilePromoSlotNode(data));
7796					if (promoSlot) fragment.appendChild(promoSlot);
7797				}
7798
7799				if (data.contactUs || data.login) {
7800					const footer = createEl('div', classes.mobileFooter);
7801					footer.appendChild(createMobileFooterDivider());
7802
7803					if (data.contactUs?.label) {
7804						footer.appendChild(createMobileFooterLink({
7805							label: data.contactUs.label,
7806							url: data.contactUs.url
7807						}, { nav: 'top-level', categoryId: 'contact us' }));
7808					}
7809
7810					if (data.login) {
7811						footer.appendChild(createMobileFooterLink(data.login, {
7812							isLast: true,
7813							icon: 'login'
7814						}));
7815					}
7816
7817					fragment.appendChild(footer);
7818				}
7819
7820				scroll.appendChild(fragment);
7821				return scroll;
7822			};
7823
7824			const renderMobileFlyout = (data) => {
7825				const flyout = qs(selectors.mobileFlyout);
7826				if (!flyout || !data) return;
7827				flyout.replaceChildren(buildMobileFlyout(data));
7828				initLazyImages(flyout);
7829			};
7830
7831			const resetMobileAccordions = () => {
7832				qsa(`.${classes.mobileSectionOpen}
7832`, qs(selectors.mobileFlyout)).forEach((section) => {
7833					section.classList.remove(classes.mobileSectionOpen);
7834				});
7835			};
7836
7837			const syncMobileFlyout = () => {
7838				const header = qs(selectors.header);
7839				if (!header) return;
7840				if (!isMobile()) {
7841					resetMobileAccordions();
7842					return;
7843				}
7844				if (header.classList.contains(classes.headerMenuOpen)) {
7845					syncMobileFlyoutGeometry();
7846				} else {
7847					resetMobileAccordions();
7848				}
7849			};
7850
7851			const injectContainers = () => {
7852				const header = qs(selectors.header);
7853				if (!header) return;
7854
7855				header.classList.add('pc-mega-nav-redesign');
7856
7857				if (!qs(selectors.container)) {
7858					header.insertAdjacentHTML('beforeend', '<div id="navigation-level1"></div><div id="category-content" body-scroll-lock-ignore></div>');
7859				}
7860				if (!qs(selectors.mobileFlyout)) {
7861					header.insertAdjacentHTML(
7862						'beforeend',
7863						'<div id="nav-mobile-flyout" body-scroll-lock-ignore></div>'
7864					);
7865				} else {
7866					qs(selectors.mobileFlyout).setAttribute('body-scroll-lock-ignore', '');
7867				}
7868			};
7869
7870			const buildAll = async () => {
7871				const menu = qs(selectors.menu);
7872				if (!menu) return null;
7873
7874				if (document.fonts?.ready) {
7875					await document.fonts.ready;
7876				}
7877
7878				navData = buildNavData(menu);
7879				if (!navData) return null;
7880
7881				const globalSlot = getGlobalSlotClone();
7882				const container = qs(selectors.container);
7883
7884				if (container) {
7885					container.replaceChildren(renderDesktopNav(navData, globalSlot));
7886					initCategoryClick();
7887				}
7888
7889				renderMobileFlyout(navData);
7890				return navData;
7891			};
7892
7893			let uspSlideStyleEl = null;
7894			const USP_SLIDE_DURATION_S = 5;
7895			const uspSlideKeyframeCounts = new Set();
7896
7897			const getUspBarVisibleItems = (bar) => {
7898				const seen = new Set();
7899				return [...bar.querySelectorAll('.usp-bar-item')].filter((item) => {
7900					if (item.classList.contains('swiper-slide-duplicate')) return false;
7901					if (item.classList.contains('pc-mega-nav-usp-clone')) return false;
7902					const label = item.querySelector('.usp-bar-text') || item;
7903					const text = cleanText(label);
7904					if (!text || seen.has(text)) return false;
7905					seen.add(text);
7906					return true;
7907				});
7908			};
7909
7910			const injectUspSlideKeyframes = (slideCount) => {
7911				const animName = `pc-mega-nav-usp-slide-track-x${slideCount}`;
7912				const movePct = 12;
7913				const totalSteps = slideCount + 1;
7914				const moveShare = movePct / totalSteps;
7915				const frames = [];
7916				const tx = (n) => `translateX(calc(-${n} * var(--pc-mega-nav-usp-slide-step, 100%)))`;
7917
7918				for (let step = 0; step < totalSteps; step += 1) {
7919					const segStart = (step / totalSteps) * 100;
7920					const segEnd = ((step + 1) / totalSteps) * 100;
7921					const isCloneStep = step === slideCount;
7922
7923					frames.push(`${segStart.toFixed(2)}% { transform: ${tx(step)}; }`);
7924
7925					if (isCloneStep) {
7926						/* Hold on clone (same as first) so the loop reset is invisible */
7927						frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(slideCount)}; }`);
7928					} else {
7929						const holdEnd = segEnd - moveShare;
7930						frames.push(`${holdEnd.toFixed(2)}% { transform: ${tx(step)}; }`);
7931						frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(step + 1)}; }`);
7932					}
7933				}
7934
7935				if (!uspSlideStyleEl) {
7936					uspSlideStyleEl = document.createElement('style');
7937					uspSlideStyleEl.id = 'pc-mega-nav-usp-slide-keyframes';
7938					document.head.appendChild(uspSlideStyleEl);
7939				}
7940
7941				uspSlideStyleEl.textContent = `@keyframes ${animName} { ${frames.join(' ')} }\n`;
7942				return animName;
7943			};
7944
7945			const getUspSlideDuration = () => (isMobile() ? 7 : USP_SLIDE_DURATION_S);
7946
7947			const getUspSlideTrack = (bar) => {
7948				let track = bar.querySelector('.pc-mega-nav-usp-track');
7949				const legacyWrap = bar.querySelector('.usp-bar-wrap');
7950
7951				if (!track && legacyWrap) {
7952					legacyWrap.classList.add('pc-mega-nav-usp-track');
7953					track = legacyWrap;
7954				}
7955
7956				if (!track) {
7957					track = createEl('div', 'pc-mega-nav-usp-track');
7958					bar.appendChild(track);
7959				}
7960
7961				return track;
7962			};
7963
7964			const applyUspSlideAnimation = (track, slideCount) => {
7965				track.style.animation = 'none';
7966				track.style.transform = '';
7967				track.style.left = '';
7968
7969				[...track.children].forEach((slide) => {
7970					slide.style.animation = 'none';
7971					slide.style.transform = '';
7972				});
7973
7974				void track.offsetWidth;
7975
7976				if (slideCount <= 1) return;
7977
7978				const slideDuration = getUspSlideDuration();
7979				const animName = injectUspSlideKeyframes(slideCount);
7980				const duration = slideDuration * (slideCount + 1);
7981				track.style.animation = `${animName} ${duration}s linear infinite`;
7982			};
7983
7984			const stopLegacyUspSwiper = (bar) => {
7985				const swiper = bar.swiper || bar.closest('.js-usp-slider')?.swiper;
7986				if (!swiper) return;
7987				if (typeof swiper.destroy === 'function') swiper.destroy(true, true);
7988				if (swiper?.autoplay?.stop) swiper.autoplay.stop();
7989			};
7990
7991			const setupUspSlide = (bar, items) => {
7992				bar.classList.remove('pc-mega-nav-usp-rotate');
7993				bar.querySelectorAll('.pc-mega-nav-usp-active').forEach((item) => {
7994					item.classList.remove('pc-mega-nav-usp-active');
7995				});
7996
7997				if (!items.length) {
7998					bar.classList.remove('pc-mega-nav-usp-slide', 'pc-mega-nav-usp-slide--single');
7999					return;
8000				}
8001
8002				stopLegacyUspSwiper(bar);
8003				bar.classList.add('pc-mega-nav-usp-slide');
8004				bar.classList.remove('js-usp-slider', 'js-mobile-slider');
8005				bar.classList.toggle('pc-mega-nav-usp-slide--single', items.length <= 1);
8006				bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${bar.clientWidth || bar.offsetWidth}px`);
8007
8008				const track = getUspSlideTrack(bar);
8009
8010				/* Only authentic slides + one loop clone — leftover empty swiper nodes caused a blank frame */
8011				track.replaceChildren(...items);
8012
8013				if (items.length > 1) {
8014					const clone = items[0].cloneNode(true);
8015					clone.classList.add('pc-mega-nav-usp-clone');
8016					if (!clone.classList.contains('usp-bar-item')) {
8017						clone.classList.add('usp-bar-item');
8018					}
8019					clone.style.visibility = 'visible';
8020					clone.style.opacity = '1';
8021					clone.setAttribute('aria-hidden', 'true');
8022					track.appendChild(clone);
8023				}
8024
8025				const syncStepAndAnimate = () => {
8026					const step = bar.clientWidth || bar.offsetWidth;
8027					if (step) bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${step}px`);
8028					applyUspSlideAnimation(track, items.length);
8029				};
8030
8031				syncStepAndAnimate();
8032				requestAnimationFrame(syncStepAndAnimate);
8033			};
8034
8035			const normalizeUspBanner = () => {
8036				const usp = document.getElementById('js-usp-banner');
8037				if (!usp) return;
8038
8039				const bar = usp.querySelector('.usp-bar');
8040				if (!bar) return;
8041
8042				setupUspSlide(bar, getUspBarVisibleItems(bar));
8043			};
8044
8045			const syncMobileFlyoutGeometry = () => {
8046				const root = document.documentElement;
8047				const stackHeight = parseFloat(
8048					getComputedStyle(root).getPropertyValue('--pc-mega-nav-stack-height')
8049				) || 0;
8050
8051				if (!isMobile() || !stackHeight) {
8052					root.style.removeProperty('--pc-mega-nav-flyout-height');
8053					return;
8054				}
8055
8056				const viewport = window.visualViewport;
8057				if (!viewport) {
8058					root.style.removeProperty('--pc-mega-nav-flyout-height');
8059					return;
8060				}
8061
8062				const flyoutHeight = Math.max(0, Math.round(viewport.height - stackHeight));
8063				root.style.setProperty('--pc-mega-nav-flyout-height', `${flyoutHeight}px`);
8064			};
8065
8066			const DESKTOP_HEADER_SHELL_PX = 135;
8067
8068			const syncHeaderStackHeight = () => {
8069				const usp = document.getElementById('js-usp-banner');
8070				const header = qs(selectors.header);
8071				const root = document.documentElement;
8072
8073				normalizeUspBanner();
8074
8075				const uspHeight = Math.max(40, usp?.offsetHeight || 40);
8076				const mobile = isMobile();
8077
8078				/*
8079				 * --pc-mega-nav-header-height drives desktop height/min/max-height.
8080				 * Never write measured offsetHeight back into it — that creates a
8081				 * feedback loop when DevTools resize crosses the breakpoint or when
8082				 * search briefly expands the header, leaving the nav shell too short
8083				 * so links spill over page content as floating white chips.
8084				 */
8085				if (!mobile) {
8086					root.style.setProperty('--pc-mega-nav-header-height', `${DESKTOP_HEADER_SHELL_PX}px`);
8087				}
8088
8089				const stackHeaderHeight = mobile
8090					? Math.max(header?.offsetHeight || 0, 56)
8091					: DESKTOP_HEADER_SHELL_PX;
8092				const stackHeight = uspHeight + stackHeaderHeight;
8093
8094				root.style.setProperty('--pc-mega-nav-usp-height', `${uspHeight}px`);
8095				root.style.setProperty('--pc-mega-nav-stack-height', `${stackHeight}px`);
8096				root.style.setProperty('--pc-header-section-height', `${stackHeaderHeight}px`);
8097				root.style.setProperty(
8098					'--pc-mega-nav-panel-max-height',
8099					`min(${CONFIG.panelMaxHeightPx}px, calc(100vh - ${stackHeight}px - 16px))`
8100				);
8101				syncMobileFlyoutGeometry();
8102			};
8103
8104			const bindMobileFlyoutViewportListener = () => {
8105				const viewport = window.visualViewport;
8106				if (!viewport) return;
8107
8108				const handleViewportChange = debounce(() => {
8109					syncMobileFlyoutGeometry();
8110				}, 50);
8111
8112				viewport.addEventListener('resize', handleViewportChange);
8113				viewport.addEventListener('scroll', handleViewportChange);
8114			};
8115
8116			const getActiveCountryDialogWrap = () => {
8117				const wraps = [...document.querySelectorAll('.country-dialog-wrap')];
8118				if (!wraps.length) return null;
8119
8120				return wraps.find((wrap) => (
8121					wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content')
8122				)) || wraps[wraps.length - 1];
8123			};
8124
8125			const cleanupCountryDialogWraps = () => {
8126				if (!qs('.header.pc-mega-nav-redesign')) return;
8127
8128				const wraps = [...document.querySelectorAll('.country-dialog-wrap')];
8129				if (!wraps.length) return;
8130
8131				const activeWrap = getActiveCountryDialogWrap();
8132				if (!activeWrap) return;
8133
8134				wraps.forEach((wrap) => {
8135					const isActive = wrap === activeWrap;
8136					const hasDialog = Boolean(
8137						wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content')
8138					);
8139					wrap.hidden = !isActive && !hasDialog;
8140					wrap.style.display = wrap.hidden ? 'none' : '';
8141					wrap.classList.remove('pc-mega-nav-country-below-header');
8142				});
8143
8144				if (activeWrap.parentElement !== document.body) {
8145					document.body.appendChild(activeWrap);
8146				}
8147			};
8148
8149			const scheduleUspBannerNormalize = () => {
8150				normalizeUspBanner();
8151				[100, 500, 1500, 3500].forEach((delay) => {
8152					window.setTimeout(normalizeUspBanner, delay);
8153				});
8154			};
8155
8156			const scheduleCountryDialogCleanup = () => {
8157				cleanupCountryDialogWraps();
8158				[100, 500, 1500, 3500].forEach((delay) => {
8159					window.setTimeout(cleanupCountryDialogWraps, delay);
8160				});
8161			};
8162
8163			const stampHeaderIconTracking = () => {
8164				const search = qs('#js-search-toggle, .search-toggle');
8165				if (search) {
8166					applyNavTrackingAttrs(search, { nav: 'top-level-icon', icon: 'search' });
8167				}
8168				const logo = qs('.header__logo a, a.header__logo, .header__logo');
8169				if (logo) {
8170					applyNavTrackingAttrs(logo, { nav: 'top-level-icon', icon: 'logo' });
8171				}
8172				const cart = qs('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link');
8173				if (cart) {
8174					applyNavTrackingAttrs(cart, { nav: 'top-level-icon', icon: 'bag' });
8175				}
8176				const account = qs('.user-info__account, .menu-utility-user .user-info__account');
8177				if (account) {
8178					/* Match control: "top level icon login" */
8179					applyNavTrackingAttrs(account, { nav: 'top-level-icon', icon: 'login' });
8180				}
8181			};
8182
8183			const isBurgerClick = (event) => {
8184				return !!event.target.closest(
8185					'.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle'
8186				);
8187			};
8188
8189			/* Match control icon labels so GA events are identical across arms */
8190			const resolveHeaderIconLabel = (el) => {
8191				if (!el) return '';
8192				if (el.closest('#js-product-added-popup, .product-added-popup, .product-added-popup-wrapper')) {
8193					return '';
8194				}
8195				if (el.closest('#js-search-toggle, .search-toggle')) return 'top level icon search';
8196				if (el.closest('.header__logo a, a.header__logo, .header__logo')) return 'top level icon logo';
8197				if (el.closest('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link')) {
8198					return 'top level icon bag';
8199				}
8200				if (el.closest('.user-info__account, .menu-utility-user .user-info__account')) {
8201					return 'top level icon login';
8202				}
8203				return '';
8204			};
8205
8206			const resolveClickCategoryId = (el) => {
8207				if (!el) return '';
8208
8209				const navKind = el.getAttribute('data-nav');
8210				const promoIndex = el.getAttribute('data-promo-index');
8211				const rootCategoryId =
8212					el.getAttribute('data-root-category-id') ||
8213					el.closest('[data-root-category-id]')?.getAttribute('data-root-category-id') ||
8214					'';
8215
8216				if (navKind === 'top-level-icon') {
8217					const icon = toTrackingLabel(el.getAttribute('data-icon') || '');
8218					return icon ? toTrackingLabel('top level icon ' + icon) : '';
8219				}
8220
8221				if (navKind === 'left-promo' && promoIndex) {
8222					return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'left', promoIndex);
8223				}
8224				if ((navKind === 'highlight-promo' || navKind === 'right-promo') && promoIndex) {
8225					return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'right', promoIndex);
8226				}
8227
8228				const isShopAll =
8229					navKind === 'shop-all' ||
8230					el.classList.contains('navigation-level1__see-all-link') ||
8231					el.classList.contains('fly-out-link') ||
8232					el.classList.contains('level-3__fly-out-link');
8233
8234				if (isShopAll) {
8235					return formatShopAllTrackingLabel(resolveShopAllCatalogId({
8236						categoryId: el.getAttribute('data-category-id'),
8237						dataId: el.getAttribute('data-id'),
8238						url: el.getAttribute('href') || el.href || '',
8239						rootCategoryId: rootCategoryId
8240					}));
8241				}
8242
8243				return normalizeSectionKey(
8244					el.getAttribute('data-category-id') ||
8245					el.getAttribute('data-id') ||
8246					categoryIdFromUrl(el.getAttribute('href') || el.href || '') ||
8247					el.getAttribute('data-icon') ||
8248					cleanText(el) ||
8249					''
8250				);
8251			};
8252
8253			const handleNavTrackingClick = (event) => {
8254				if (isMobile() && isBurgerClick(event)) {
8255					abtestNavigationTriggerTest();
8256				}
8257
8258				const el = event.target.closest
8259					? event.target.closest(
8260						'[data-nav], .navigation-level1__see-all-link, a.fly-out-link, a.level-3__fly-out-link, a[href], a[data-id], button'
8261					)
8262					: null;
8263				if (!el) return;
8264
8265				const iconLabel = resolveHeaderIconLabel(el);
8266				if (iconLabel) {
8267					pushNavTracking(iconLabel);
8268					return;
8269				}
8270
8271				if (
8272					el.closest(
8273						'.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle'
8274					)
8275				) {
8276					return;
8277				}
8278
8279				/* Stamped / see-all targets only — do not fire on arbitrary page links */
8280				if (
8281					el.getAttribute('data-nav') ||
8282					el.classList.contains('navigation-level1__see-all-link') ||
8283					el.classList.contains('fly-out-link') ||
8284					el.classList.contains('level-3__fly-out-link')
8285				) {
8286					pushNavTracking(resolveClickCategoryId(el));
8287				}
8288			};
8289
8290			const initNavTracking = () => {
8291				if (initNavTracking.bound) return;
8292				initNavTracking.bound = true;
8293
8294				stampHeaderIconTracking();
8295
8296				if (!isMobile()) {
8297					abtestNavigationTriggerTest();
8298				}
8299
8300				document.addEventListener('click', handleNavTrackingClick, true);
8301			};
8302
8303			const init = () => {
8304				/*
8305				 * Fire VwoActive before heavy DOM work so desktop activation matches control
8306				 * even if inject/build throws (reduces desktop SRM skew, esp. heavier EU locales).
8307				 */
8308				if (!isMobile()) {
8309					abtestNavigationTriggerTest();
8310				}
8311
8312				try {
8313					injectContainers();
8314					scheduleUspBannerNormalize();
8315					scheduleCountryDialogCleanup();
8316					initNavHover();
8317					bindViewportZoomListener();
8318					bindMobileFlyoutViewportListener();
8319					buildAll().then(() => {
8320						syncHeaderStackHeight();
8321						stampHeaderIconTracking();
8322					}).catch(() => {
8323						stampHeaderIconTracking();
8324					});
8325					initNavTracking();
8326
8327					const header = qs(selectors.header);
8328					if (header) {
8329						const observer = new MutationObserver(() => {
8330							syncMobileFlyout();
8331						});
8332						observer.observe(header, { attributes: true, attributeFilter: ['class'] });
8333						MOBILE_MQ.addEventListener('change', () => {
8334							normalizeUspBanner();
8335							cleanupCountryDialogWraps();
8336							syncHeaderStackHeight();
8337							syncMobileFlyoutGeometry();
8338							syncMobileFlyout();
8339							if (!isMobile()) {
8340								abtestNavigationTriggerTest();
8341								rebuildDesktopLayout();
8342							}
8343						});
8344					}
8345
8346					const handleLayoutChange = debounce(() => {
8347						if (!isMobile()) rebuildDesktopLayout();
8348					}, 200);
8349
8350					window.addEventListener('resize', handleLayoutChange);
8351					window.addEventListener('resize', debounce(() => {
8352						normalizeUspBanner();
8353						syncHeaderStackHeight();
8354					}, 100));
8355				} catch (e) {
8356					/* Activation already fired — keep experiment countable */
8357					try { initNavTracking(); } catch (err) { /* ignore */ }
8358				}
8359			};
8360
8361
8362
8363			const LegacyLayoutEngine = (function () {
8364				const createMeasurementSandbox = () => {
8365					const root = createEl('div');
8366					root.id = 'nav-measurement-sandbox';
8367					root.setAttribute('aria-hidden', 'true');
8368					document.body.appendChild(root);
8369					return root;
8370				};
8371
8372				const mountInSandbox = (sandbox, node) => {
8373					sandbox.replaceChildren(node);
8374					return node;
8375				};
8376
8377				const cloneMeasureShell = (componentShell) => componentShell.cloneNode(true);
8378
8379				const getMiddleColumnWidth = (sandbox, measureShell) => {
8380					mountInSandbox(sandbox, measureShell);
8381					const middleCol = measureShell.querySelector(`.${classes.colMiddle}`);
8382					return middleCol ? middleCol.getBoundingClientRect().width : 0;
8383				};
8384
8385				const getMiddleTopAvailableHeight = (sandbox, measureShell) => {
8386					mountInSandbox(sandbox, measureShell);
8387
8388					const middleBottom = measureShell.querySelector(`.${classes.middleBottom}`);
8389					const middleTop = measureShell.querySelector(`.${classes.middleTop}`);
8390
8391					if (middleTop) middleTop.replaceChildren();
8392
8393					const flexHeight = middleTop?.clientHeight || 0;
8394					if (flexHeight > 0) return flexHeight;
8395
8396					const component = measureShell.querySelector(`.${classes.component}`);
8397					const panelBudgetPx = Math.floor(
8398						window.innerHeight * (CONFIG.panelMaxHeightVh / 100)
8399					);
8400					let componentPaddingY = 0;
8401					if (component) {
8402						const componentStyle = window.getComputedStyle(component);
8403						componentPaddingY = parseFloat(componentStyle.paddingTop) +
8404							parseFloat(componentStyle.paddingBottom);
8405					}
8406					const bottomHeight = middleBottom?.offsetHeight || 0;
8407
8408					return Math.max(0, panelBudgetPx - componentPaddingY - bottomHeight);
8409				};
8410
8411				const getSingleColumnWidth = (middleColumnWidth) => {
8412					if (!middleColumnWidth) return 320;
8413					return Math.max(
8414						1,
8415						(middleColumnWidth - CONFIG.middleColumnGap) / CONFIG.middleColumnCount
8416					);
8417				};
8418
8419				const createColumnItemsContent = (columnItems, isCategoriesSection = false, splitLinksAsBlocks = false) => {
8420					const column = createEl('div', classes.middleColumn);
8421					let pendingFlatLinks = [];
8422
8423					const flushFlatLinks = () => {
8424						if (!pendingFlatLinks.length) return;
8425						if (isCategoriesSection) {
8426							pendingFlatLinks.forEach(link => {
8427								const list = createSubList([link]);
8428								list.classList.add('show-divider');
8429								column.appendChild(list);
8430							});
8431						} else {
8432							const list = createSubList(pendingFlatLinks);
8433							column.appendChild(list);
8434						}
8435						pendingFlatLinks = [];
8436					};
8437
8438					columnItems.forEach((item) => {
8439						if (item.type === 'link') {
8440							if (splitLinksAsBlocks) {
8441								flushFlatLinks();
8442								column.appendChild(createSubList([{ label: item.label, url: item.url }]));
8443								return;
8444							}
8445
8446							pendingFlatLinks.push({ label: item.label, url: item.url });
8447							return;
8448						}
8449
8450						if (item.type === 'subgroup') {
8451							flushFlatLinks();
8452							const subgroup = createSubgroup(item, { showDivider: true });
8453							column.appendChild(subgroup);
8454						}
8455					});
8456
8457					flushFlatLinks();
8458					return column;
8459				};
8460
8461				const createLevel2Group = (group) => {
8462					const wrapper = createEl('div', classes.group);
8463					wrapper.classList.add('level2-group');
8464					if (group.isContinuation) wrapper.classList.add(classes.groupContinued);
8465					if (group.showTitle !== false) wrapper.appendChild(createEl('div', classes.groupTitle, group.title));
8466
8467					const content = createEl('div', classes.groupContent);
8468
8469					(group.items || []).forEach((item) => {
8470						if (item.type === 'link') {
8471							const list = content.querySelector(`.${classes.sublist}`) || createSubList([]);
8472							if (!list.parentElement) content.appendChild(list);
8473							list.appendChild(createLinkItem({
8474								label: item.label,
8475								url: item.url,
8476								categoryId: item.categoryId || ''
8477							}));
8478							return;
8479						}
8480						if (item.type === 'subgroup') content.appendChild(createSubgroup(item));
8481					});
8482
8483					if (!group.items?.length && group.links?.length) content.appendChild(createSubList(group.links));
8484
8485					if (group.hasLevel3) {
8486						wrapper.classList.add('show-divider');
8487					}
8488
8489					wrapper.appendChild(content);
8490					return wrapper;
8491				};
8492
8493				const createGroupedColumnContent = (columnGroups) => {
8494					const column = createEl('div', classes.middleColumn);
8495					columnGroups.forEach((group) => {
8496						column.appendChild(createLevel2Group(group));
8497					});
8498					return column;
8499				};
8500
8501				const measureColumnStackHeight = (
8502					sandbox,
8503					measureShell,
8504					renderColumnContent,
8505					columnWidth,
8506					simulateTwoColumns = false
8507				) => {
8508					mountInSandbox(sandbox, measureShell);
8509
8510					const middleTop = measureShell.querySelector(`.${classes.middleTop}`);
8511					middleTop.replaceChildren();
8512
8513					const columnsWrapper = createEl('div', classes.middleColumns);
8514					columnsWrapper.style.alignItems = 'flex-start';
8515
8516					const column = renderColumnContent();
8517					if (columnWidth) {
8518						if (simulateTwoColumns) {
8519							column.style.flex = `0 0 ${columnWidth}px`;
8520							column.style.width = `${columnWidth}px`;
8521							column.style.maxWidth = `${columnWidth}px`;
8522						} else {
8523							column.style.flex = '1 1 auto';
8524							column.style.width = '100%';
8525							column.style.maxWidth = '100%';
8526						}
8527						column.style.boxSizing = 'border-box';
8528					}
8529
8530					columnsWrapper.appendChild(column);
8531
8532					if (simulateTwoColumns && columnWidth) {
8533						const spacerCol = createEl('div', classes.middleColumn);
8534						spacerCol.setAttribute('aria-hidden', 'true');
8535						spacerCol.style.visibility = 'hidden';
8536						spacerCol.style.pointerEvents = 'none';
8537						spacerCol.style.flex = `0 0 ${columnWidth}px`;
8538						spacerCol.style.width = `${columnWidth}px`;
8539						spacerCol.style.maxWidth = `${columnWidth}px`;
8540						columnsWrapper.appendChild(spacerCol);
8541					}
8542
8543					middleTop.appendChild(columnsWrapper);
8544
8545					return Math.ceil(column.offsetHeight || column.getBoundingClientRect().height);
8546				};
8547
8548				const getRenderedColumnHeight = (
8549					measureShell,
8550					items,
8551					columnWidth,
8552					isCategoriesSection = false,
8553					simulateTwoColumns = true,
8554					splitLinksAsBlocks = false
8555				) => (
8556					measureColumnStackHeight(
8557						measurementSandbox,
8558						cloneMeasureShell(measureShell),
8559						() => createColumnItemsContent(items, isCategoriesSection, splitLinksAsBlocks),
8560						columnWidth,
8561						simulateTwoColumns
8562					)
8563				);
8564
8565				const getRenderedGroupStackHeight = (
8566					measureShell,
8567					groups,
8568					columnWidth,
8569					simulateTwoColumns = true
8570				) => (
8571					measureColumnStackHeight(
8572						measurementSandbox,
8573						cloneMeasureShell(measureShell),
8574						() => createGroupedColumnContent(groups),
8575						columnWidth,
8576						simulateTwoColumns
8577					)
8578				);
8579
8580				const findMaxBlocksThatFit = (blocks, measureStack, availableHeight) => {
8581					if (!blocks.length) return 0;
8582
8583					let fitCount = 0;
8584
8585					for (let count = 1; count <= blocks.length; count += 1) {
8586						const stackHeight = measureStack(blocks.slice(0, count));
8587						if (stackHeight <= availableHeight) {
8588							fitCount = count;
8589						} else {
8590							break;
8591						}
8592					}
8593
8594					return fitCount || 1;
8595				};
8596
8597				const distributeItemsIntoColumnsByHeight = (
8598					items,
8599					availableHeight,
8600					measureShell,
8601					middleColumnWidth,
8602					singleColumnWidth,
8603					isCategoriesSection = false,
8604					splitLinksAsBlocks = false
8605				) => {
8606					const fullWidthHeight = getRenderedColumnHeight(
8607						measureShell,
8608						items,
8609						middleColumnWidth,
8610						isCategoriesSection,
8611						false,
8612						splitLinksAsBlocks
8613					);
8614
8615					if (fullWidthHeight <= availableHeight) {
8616						return [items];
8617					}
8618
8619					const measureHalfStack = (slice) => getRenderedColumnHeight(
8620						measureShell,
8621						slice,
8622						singleColumnWidth,
8623						isCategoriesSection,
8624						true,
8625						splitLinksAsBlocks
8626					);
8627
8628					const splitAt = findMaxBlocksThatFit(items, measureHalfStack, availableHeight);
8629
8630					return [
8631						items.slice(0, splitAt),
8632						items.slice(splitAt)
8633					].filter((column) => column.length);
8634				};
8635
8636				const distributeGroupsIntoColumnsByHeight = (
8637					groups,
8638					availableHeight,
8639					measureShell,
8640					middleColumnWidth,
8641					singleColumnWidth
8642				) => {
8643					const fullWidthHeight = getRenderedGroupStackHeight(
8644						measureShell,
8645						groups,
8646						middleColumnWidth,
8647						false
8648					);
8649
8650					if (fullWidthHeight <= availableHeight) {
8651						return [groups];
8652					}
8653
8654					const measureHalfStack = (slice) => getRenderedGroupStackHeight(
8655						measureShell,
8656						slice,
8657						singleColumnWidth,
8658						true
8659					);
8660
8661					const splitAt = findMaxBlocksThatFit(groups, measureHalfStack, availableHeight);
8662
8663					return [
8664						groups.slice(0, splitAt),
8665						groups.slice(splitAt)
8666					].filter((column) => column.length);
8667				};
8668
8669				const createBalancedTwoColumnContent = (
8670					items,
8671					availableHeight,
8672					measureShell,
8673					middleColumnWidth,
8674					singleColumnWidth,
8675					isCategoriesSection = false,
8676					splitLinksAsBlocks = false
8677				) => {
8678					const columnsWrapper = createEl('div', classes.middleColumns);
8679					const columns = distributeItemsIntoColumnsByHeight(
8680						items,
8681						availableHeight,
8682						measureShell,
8683						middleColumnWidth,
8684						singleColumnWidth,
8685						isCategoriesSection,
8686						splitLinksAsBlocks
8687					);
8688
8689					columns.forEach((columnItems, index) => {
8690						if (index === 1 && !columnItems.length) return;
8691						columnsWrapper.appendChild(
8692							createColumnItemsContent(columnItems, isCategoriesSection, splitLinksAsBlocks)
8693						);
8694					});
8695
8696					return columnsWrapper;
8697				};
8698
8699				const createGroupedMiddleColumns = (
8700					groups,
8701					availableHeight,
8702					measureShell,
8703					middleColumnWidth,
8704					singleColumnWidth
8705				) => {
8706					const columnsWrapper = createEl('div', classes.middleColumns);
8707					const columns = distributeGroupsIntoColumnsByHeight(
8708						groups,
8709						availableHeight,
8710						measureShell,
8711						middleColumnWidth,
8712						singleColumnWidth
8713					);
8714
8715					columns.forEach((columnGroups, index) => {
8716						if (index === 1 && !columnGroups.length) return;
8717						columnsWrapper.appendChild(createGroupedColumnContent(columnGroups));
8718					});
8719
8720					return columnsWrapper;
8721				};
8722
8723				const getLayoutMetrics = (componentShell) => {
8724					const measureShell = cloneMeasureShell(componentShell);
8725					const middleColumnWidth = getMiddleColumnWidth(measurementSandbox, measureShell);
8726					const singleColumnWidth = getSingleColumnWidth(middleColumnWidth);
8727					const availableHeight = getMiddleTopAvailableHeight(
8728						measurementSandbox,
8729						cloneMeasureShell(componentShell)
8730					);
8731
8732					return {
8733						measureShell: cloneMeasureShell(componentShell),
8734						middleColumnWidth,
8735						singleColumnWidth,
8736						availableHeight
8737					};
8738				};
8739
8740				const layoutMiddleTopLegacy = (middleTop, sectionData, componentShell) => {
8741					const {
8742						items = [],
8743						groups = [],
8744						flatLinks = [],
8745						links = [],
8746						isCategoriesSection = false
8747					} = sectionData;
8748
8749					const {
8750						measureShell,
8751						middleColumnWidth,
8752						singleColumnWidth,
8753						availableHeight
8754					} = getLayoutMetrics(componentShell);
8755
8756					middleTop.replaceChildren();
8757
8758					if (groups.length) {
8759						middleTop.appendChild(
8760							createGroupedMiddleColumns(
8761								groups,
8762								availableHeight,
8763								measureShell,
8764								middleColumnWidth,
8765								singleColumnWidth
8766							)
8767						);
8768						return;
8769					}
8770
8771					const appendBalancedItems = (sectionItems, categoriesSection, splitLinksAsBlocks) => {
8772						middleTop.appendChild(
8773							createBalancedTwoColumnContent(
8774								sectionItems,
8775								availableHeight,
8776								measureShell,
8777								middleColumnWidth,
8778								singleColumnWidth,
8779								categoriesSection,
8780								splitLinksAsBlocks
8781							)
8782						);
8783					};
8784
8785					if (items.length) {
8786						appendBalancedItems(items, isCategoriesSection, !hasSubgroups(items));
8787						return;
8788					}
8789
8790					if (flatLinks.length) {
8791						appendBalancedItems(
8792							flatLinks.map(({ label, url, categoryId }) => ({
8793								type: 'link',
8794								label: label,
8795								url: url,
8796								categoryId: categoryId || ''
8797							})),
8798							false,
8799							true
8800						);
8801						return;
8802					}
8803
8804					if (links.length) {
8805						appendBalancedItems(
8806							links.map(({ label, url }) => ({ type: 'link', label, url })),
8807							false,
8808							true
8809						);
8810					}
8811				};
8812
8813				const ensureSandbox = () => {
8814					if (!measurementSandbox) {
8815						measurementSandbox = createMeasurementSandbox();
8816					}
8817					return measurementSandbox;
8818				};
8819
8820				return {
8821					ensureSandbox,
8822					layoutMiddleTopLegacy,
8823					distributeItemsIntoColumnsByHeight,
8824					createBalancedTwoColumnContent
8825				};
8826			})();
8827
8828			return {
8829				init,
8830				buildAll,
8831				rebuildDesktopLayout,
8832				getNavData: () => navData,
8833				CONFIG,
8834				LegacyLayoutEngine
8835			};
8836	})();
8837
8838	function navDefer(method, attempts) {
8839		attempts = attempts || 0;
8840		if (document.querySelector('.header.js-header, #js-navigation, .main-nav')) {
8841			method();
8842		} else if (attempts < 50) {
8843			setTimeout(function () {
8844				navDefer(method, attempts + 1);
8845			}, 100);
8846		} else {
8847			method();
8848		}
8849	}
8850
8851	if (document.readyState === 'loading') {
8852		document.addEventListener('DOMContentLoaded', function () {
8853			navDefer(Navigation.init);
8854		});
8855	} else {
8856		navDefer(Navigation.init);
8857	}
8858
8859	window.Navigation = Navigation;
8860</script>
8860
8861		
8862	
8863		
8864			
8864<script>
8865
8866function cnvertAaPdpDefer(method) {
8867    if (window.jQuery) {
8868        method();
8869    } else {
8870        setTimeout(function() { cnvertAaPdpDefer(method) }, 100);
8871    }
8872}
8873
8874
8875function cnvertAaPdpTriggerTest(){
8876
8877	window.dataLayer.push({'eventCategory': 'V1-aa-pdp-sffc-tool-xxx2', 'event': 'VwoActive'});
8878
8879}
8880
8881
8882cnvertAaPdpDefer(function () {
8883	// if(window.location.href.indexOf("your-routine") > -1) {
8884	// 	cnvertAaHomeTriggerTest();
8885	// }
8886	
8887	//if($('.pt_product-details').length){
8888		cnvertAaPdpTriggerTest();
8889	//}
8890});
8891
8892</script>
8892
8893		
8894	
8895
8896
8897
8898
8899
8900    
8900<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/cloudinary.js" defer></script>
8900
8901    
8901<script src="https://unpkg.com/[email protected]/cloudinary-core-shrinkwrap.min.js"></script>
vendor: 188 bytes, lines 8901-8909
8901
8902    
8903    
8904
8905
8906
8907
8908	<script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&amp;render=explicit" async="async" defer="defer" data-cookieconsent="ignore"></script>
8909	
8909<script>
8910		window.onloadRecaptchaCallback = window.onloadRecaptchaCallback || function () {
8911			if (window.jQuery) {
8912				jQuery(document).trigger('recaptchaReady');
8913			}
8914		};
8915	</script>
8915
8916
8917
8918
8919
8920<script async src="https://vision.duel.me/duel-analytics.js"></script>
8920
8921
8922
8923
8924<link rel="canonical" href="https://www.paulaschoice.de/de/contact-us" />
8925</head>
8926<body>
8927
8928
8929
8930
8931	<input type="hidden" id="missingcookie"/>
8932
8933
8934
8935	
8936		<!-- Google Tag Manager (noscript) -->
8937		<noscript>
8938			<iframe src="https://sst.paulaschoice.de/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>
8939		</noscript>
8940		<!-- End Google Tag Manager (noscript) -->
8941	
8942
8943
8944<div id="wrapper" class="wrapper pt_customer-service">
8945
8946
8947
8948
8949
8950
8951
8952
8953
8954
8955
8956
8957
8958
8959
8960
8961
8962
8963
8964
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974
8975
8976
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986
8987
8988
8989
8990
8991
8992
8993
8994
8995
8996
8997
8998
8999
9000
9001
9002
9003
9004
9005
9006
9007
9008
9009
9010
9011
9012
9013
9014
9015
9016
9017
9018
9019
9020
9021
9022
9023
9024
9025
9026
9027
9028
9029
9030
9031
9032
9033
9034
9035
9036
9037
9038
9039
9040
9041
9042
9043
9044
9045
9046
9047
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057
9058
9059
9060
9061
9062
9063
9064
9065
9066
9067
9068
9069
9070
9071
9072
9073
9074<section class="js-country-detector country-detector form-horizontal" data-currentLocale="de_DE" style="display: none;">
9075
9076
9077
9078
9079
9080
9081<div class="title-wrap">
9082
9083<span class="title">redirect.popup.title.null</span>
9084</div>
9085<p class="description">redirect.alert.null</p>
9086<div class="button-wrapper">
9087<button class="js-continue-country-detector button simple dialog-button" type="button">label.continue.null</button>
9088<button class="js-redirect dialog-button button" type="button">LABEL.REDIRECT.NULL</button>
9089</div>
9090
9091</section>
9092
9093
9094
9095
9096
9097
9098
9099
9100
9101
9102
9103
9104
9105
9106
9107
9108
9109
9110
9111
9112
9113
9114
9115
9116
9117
9118
9119
9120
9121
9122
9123
9124
9125
9126
9127
9128
9129
9130
9131
9132
9133
9134
9135
9136
9137
9138
9139
9140
9141
9142
9143
9144
9145
9146
9147
9148
9149
9150
9151
9152
9153
9154
9155
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<div id="js-usp-banner" class="usp-banner text-normal-sm-regular">
9222
9223	 
9224
9225	
9226
9227<div class="usp-bar-wrapper">
9228
9229	 
9230
9231
9232	
9233
9234
9235
9236
9237<div class="content-asset">
9238<section class="usp-bar js-usp-slider js-mobile-slider" style="background: #1c1c1c">
9239	<div class="usp-bar-wrap js-slide-wrapper">
9240		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9241			<span class="usp-bar-text"> <a href="https://www.paulaschoice.de/de/bestseller" style="color: #f6f7f6;"><span style="font-weight: bold;">BETTER SKIN DAYS: BIS ZU 25% RABATT</span></a>
9242			</span>
9243		</div>
9244		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9245			<span class="usp-bar-text"> <a href="https://www.paulaschoice.de/de/bestseller" style="color: #f6f7f6"> Kostenloser Versand ab 30 €</span></a>
9246</span>
9247		</div>
9248		<div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i>
9249			<span class="usp-bar-text"> <a href="https://www.paulaschoice.de/de/bestseller" style="color: #f6f7f6">Bis zu 2 Geschenke</a>
9250			</span>
9251		</div>
9252	</div>
9253</section>
9254</div>
9255
9256
9257
9258 
9259	
9260</div>
9261</div>
9262<header class="header js-header">
9263<div class="header__content">
9264<button type="button" class="header__hamburger-button unstyled js-menu-toggle-btn">
9265<span class="visually-hidden">Menu</span>
9266</button>
9267<button id="js-search-toggle" type="button" class="search-toggle" title="Suche">
9268<span class="icon icon-search search-toggle_icon-search" aria-hidden="true"></span>
9269<span class="icon icon-close search-toggle_icon-close" aria-hidden="true"></span>
9270<span class="close-search">Schließen</span>
9271</button>
9272<div id="js-header-search" class="header-search">
9273
9274<form class="header-search__form" role="search" action="/de/search" method="get" name="simpleSearch">
9275<fieldset class="header-search__form-content">
9276<label class="visually-hidden" for="q">Katelogsuche</label>
9277<input class="header-search__input" type="text" id="q" name="q" value="" placeholder="Produktname oder Stichwort eingeben" />
9278<input type="hidden" name="lang" value="de_DE"/>
9279<button class="header-search__button" type="submit" aria-label="Suche">
9280<span class="icon icon-search" aria-hidden="true"></span>
9281</button>
9282</fieldset>
9283</form>
9284
9285<div class="header-search__container header-search-container" body-scroll-lock-ignore>
9286</div>
9287<div class="js-overlay overlay"></div>
9288</div>
9289<a class="header__logo" href="/de" title="Back to Homepage">
9290<span class="visually-hidden">Back to Homepage</span>
9291</a>
9292
9293<div id="mini-cart" class="mini-cart js-mini-cart">
9294
9295
9296
9297
9298
9299
9300
9301
9302
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<!-- Report any requested source code -->
9427
9428<!-- Report the active source code -->
9429
9430
9431
9432
9433
9434
9435<div class="mini-cart__total">
9436
9437<a id="empty-minicart" class="js-mini-cart-link mini-cart__link mini-cart__link--empty" href="https://www.paulaschoice.de/de/cart" title="Zum Warenkorb">
9438<span class="mini-cart__icon icon icon-cart" aria-hidden="true"></span>
9439<span id="js-minicart-quantity" class="mini-cart__quantity">0</span>
9440</a>
9441
9442</div>
9443
9444</div>
9445<nav id="navigation" class="main-nav">
9446
9447
9448
9449
9450
9451
9452
9453
9454
9455
9456
9457
9458
9459
9460
9461
9462
9463
9464
9465
9466
9467
9468
9469
9470
9471
9472
9473
9474
9475
9476
9477
9478
9479
9480
9481
9482
9483
9484
9485
9486
9487
9488
9489
9490
9491
9492
9493
9494
9495
9496
9497
9498
9499
9500
9501
9502
9503
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<ul id="js-menu-categories" class="main-nav__list level-1" body-scroll-lock-ignore>
9577
9578<li class="main-nav__item js-menu-item">
9579<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="shop-products" href="https://www.paulaschoice.de/de/hautpflege">
9580
9581Shop
9582
9583Hautpflege
9584<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span>
9585</a>
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
9637
9638
9639
9640
9641
9642
9643
9644
9645
9646
9647
9648
9649
9650
9651
9652
9653
9654
9655
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<div class="level-2 sub-menu">
9714<div class="sub-menu__inner">
9715
9716
9717<ul class="sub-menu__list  menu-vertical js-menu-vertical">
9718
9719<li class="sub-menu__item level-3 js-level-3">
9720
9721
9722<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.de/de/nach-hautproblem">
9723Hautprobleme
9724
9725<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
9726
9727</a>
9728
9729<div class="sub-menu__content">
9730<div class="sub-menu__content-inner">
9731<div class="sub-menu__content-left">
9732
9733
9734
9735<ul class="level-3__list js-level-3">
9736
9737
9738
9739
9740
9741
9742
9743
9744
9745<li class="level-3__item  link-normal-sm-semibold">
9746<a data-id="acne-prone-skin" href="https://www.paulaschoice.de/de/akne-anfaellige-haut/unreine-haut">
9747
9748Akne-anf&auml;llige Haut
9749
9750</a>
9751</li>
9752
9753
9754
9755
9756
9757
9758
9759<li class="level-3__item  link-normal-sm-semibold">
9760<a data-id="breakouts" href="https://www.paulaschoice.de/de/unreinheiten/unreine-haut">
9761
9762Unreinheiten
9763
9764</a>
9765</li>
9766
9767
9768
9769
9770
9771
9772
9773<li class="level-3__item  link-normal-sm-semibold">
9774<a data-id="blackheads" href="https://www.paulaschoice.de/de/mitesser/mitesser">
9775
9776Mitesser
9777
9778</a>
9779</li>
9780
9781
9782
9783
9784
9785
9786
9787<li class="level-3__item  link-normal-sm-semibold">
9788<a data-id="anti-aging" href="https://www.paulaschoice.de/de/anti-ageing/anti-aging">
9789
9790Anti-Aging
9791
9792</a>
9793</li>
9794
9795
9796
9797
9798
9799
9800
9801<li class="level-3__item  link-normal-sm-semibold">
9802<a data-id="dull-skin" href="https://www.paulaschoice.de/de/fahler-teint/matter-teint">
9803
9804Fahler Teint
9805
9806</a>
9807</li>
9808
9809
9810
9811
9812
9813
9814
9815<li class="level-3__item  link-normal-sm-semibold">
9816<a data-id="keratosis-pilaris" href="https://www.paulaschoice.de/de/keratosis-pilaris/keratosis-pilaris">
9817
9818Keratosis Pilaris
9819
9820</a>
9821</li>
9822
9823
9824
9825
9826
9827
9828
9829<li class="level-3__item  link-normal-sm-semibold">
9830<a data-id="brown-spots" href="https://www.paulaschoice.de/de/pigmentflecken/pigmentflecken">
9831
9832Pigmentflecken
9833
9834</a>
9835</li>
9836
9837
9838
9839
9840
9841
9842
9843<li class="level-3__item  link-normal-sm-semibold">
9844<a data-id="redness" href="https://www.paulaschoice.de/de/roetungen/roetungen">
9845
9846R&ouml;tungen
9847
9848</a>
9849</li>
9850
9851
9852
9853
9854
9855
9856
9857<li class="level-3__item  link-normal-sm-semibold">
9858<a data-id="sensitive-skin" href="https://www.paulaschoice.de/de/empfindliche-haut/empfindliche-haut">
9859
9860Empfindliche Haut
9861
9862</a>
9863</li>
9864
9865
9866
9867
9868
9869
9870
9871<li class="level-3__item  link-normal-sm-semibold">
9872<a data-id="very-dry-skin" href="https://www.paulaschoice.de/de/sehr-trockene-haut/sehr-trockene-haut">
9873
9874Sehr trockene Haut
9875
9876</a>
9877</li>
9878
9879
9880
9881
9882
9883
9884
9885<li class="level-3__item  link-normal-sm-semibold">
9886<a data-id="enlarged-pores" href="https://www.paulaschoice.de/de/erweiterte-poren/vergoesserte-poren">
9887
9888Erweiterte Poren
9889
9890</a>
9891</li>
9892
9893
9894
9895
9896
9897
9898
9899<li class="level-3__item  link-normal-sm-semibold">
9900<a data-id="rosacea-prone" href="https://www.paulaschoice.de/de/rosazea-anfaellige-haut/rosazea-empfindlich">
9901
9902Rosazea-anf&auml;llige Haut
9903
9904</a>
9905</li>
9906
9907
9908
9909
9910<li class="level-3__item link-normal-sm-semibold">
9911<a href="https://www.paulaschoice.de/de/nach-hautproblem" class="fly-out-link">
9912<span class="item-underline">
9913Alle Hautprobleme
9914</span>
9915</a>
9916</li>
9917
9918
9919</ul>
9920
9921
9922
9923
9924
9925	 
9926
9927
9928	
9929
9930<div class="html-slot-container">
9931
9932
9933<div class="navigation-link">
9934
9935
9936<figure><a href="https://www.paulaschoice.de/de/bha-for-all/bha-for-all.html"><img alt="Finde deine ideale BHA-Konzentration" src="
9937
9938
9939   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-concern-left.jpg?_i=AG
9940
9941"/> </a>
9942<figcaption><a href="https://www.paulaschoice.de/de/bha-for-all/bha-for-all.html">Finde deine ideale BHA-Konzentration</a></figcaption>
9943</figure>
9944
9945
9946
9947<figure><a href="https://www.paulaschoice.de/de/prallere-haut-beginnt-hier/bouncier-skin-starts-here.html"><img alt="Peptide Collection" src="
9948
9949
9950   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-aug26/nav-peptide.jpg?_i=AG
9951
9952" /></a>
9953
9954<figcaption><a href="https://www.paulaschoice.de/de/prallere-haut-beginnt-hier/bouncier-skin-starts-here.html">Finde dein Peptid-Match</a></figcaption>
9955</figure>
9956</div>
9957
9958
9959</div> 
9960	
9961
9962</div>
9963</li>
9964
9965<li class="sub-menu__item level-3 js-level-3">
9966
9967
9968<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.de/de/nach-routineschritt">
9969Kategorien
9970
9971<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
9972
9973</a>
9974
9975<div class="sub-menu__content">
9976<div class="sub-menu__content-inner">
9977<div class="sub-menu__content-left">
9978
9979
9980
9981<ul class="level-3__list js-level-3">
9982
9983
9984
9985
9986
9987
9988
9989
9990
9991<li class="level-3__item  link-normal-sm-semibold">
9992<a data-id="cleansers" href="https://www.paulaschoice.de/de/gesichtsreiniger">
9993
9994<div class="level-3__category-image link-normal-sm-semibold">
9995
9996
9997
9998    <img
9999        alt="Schritt 1 Gesichtsreiniger"
10000        title="Schritt 1 Gesichtsreiniger"
10001        class="picture__img lazy"
10002        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10003        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"
10004        
10005        
10006        
10007        
10008    />
10009
10010
10011<span>
10012Schritt 1 Gesichtsreiniger
10013</span>
10014</div>
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="toners" href="https://www.paulaschoice.de/de/gesichtswasser">
10027
10028<div class="level-3__category-image link-normal-sm-semibold">
10029
10030
10031
10032    <img
10033        alt="Schritt 2 Gesichtswasser"
10034        title="Schritt 2 Gesichtswasser"
10035        class="picture__img lazy"
10036        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10037        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"
10038        
10039        
10040        
10041        
10042    />
10043
10044
10045<span>
10046Schritt 2 Gesichtswasser
10047</span>
10048</div>
10049
10050</a>
10051</li>
10052
10053
10054
10055
10056
10057
10058
10059<li class="level-3__item  link-normal-sm-semibold">
10060<a data-id="exfoliants" href="https://www.paulaschoice.de/de/peelings">
10061
10062<div class="level-3__category-image link-normal-sm-semibold">
10063
10064
10065
10066    <img
10067        alt="Schritt 3 Peelings"
10068        title="Schritt 3 Peelings"
10069        class="picture__img lazy"
10070        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10071        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"
10072        
10073        
10074        
10075        
10076    />
10077
10078
10079<span>
10080Schritt 3 Peelings
10081</span>
10082</div>
10083
10084</a>
10085</li>
10086
10087
10088
10089
10090
10091
10092
10093
10094
10095<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle">
10096
10097<div class="level-3__category-image link-normal-sm-semibold">
10098
10099
10100
10101    <img
10102        alt="Schritt 4 Treatments"
10103        title="Schritt 4 Treatments"
10104        class="picture__img lazy"
10105        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10106        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"
10107        
10108        
10109        
10110        
10111    />
10112
10113
10114<span>
10115Schritt 4 Treatments
10116</span>
10117</div>
10118
10119<span class="icon icon-chevron-thin" aria-hidden="true"></span>
10120</li>
10121
10122
10123<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10124<a data-id="treatments" href="https://www.paulaschoice.de/de/treatments">
10125
10126Treatments
10127
10128</a>
10129</li>
10130
10131
10132
10133
10134
10135
10136
10137<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10138<a data-id="serums" href="https://www.paulaschoice.de/de/seren">
10139
10140Seren
10141
10142</a>
10143</li>
10144
10145
10146
10147
10148
10149
10150
10151<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10152<a data-id="boosters-products" href="https://www.paulaschoice.de/de/booster">
10153
10154Booster
10155
10156</a>
10157</li>
10158
10159
10160
10161
10162
10163
10164
10165<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10166<a data-id="masks" href="https://www.paulaschoice.de/de/masken">
10167
10168Gesichtsmasken
10169
10170</a>
10171</li>
10172
10173
10174
10175
10176
10177
10178
10179<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10180<a data-id="eye-care-products" href="https://www.paulaschoice.de/de/produkte/augenpflege">
10181
10182Augenpflege
10183
10184</a>
10185</li>
10186
10187
10188
10189
10190
10191
10192
10193
10194
10195<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle">
10196
10197<div class="level-3__category-image link-normal-sm-semibold">
10198
10199
10200
10201    <img
10202        alt="Schritt 5 Gesichtspflege"
10203        title="Schritt 5 Gesichtspflege"
10204        class="picture__img lazy"
10205        src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
10206        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"
10207        
10208        
10209        
10210        
10211    />
10212
10213
10214<span>
10215Schritt 5 Gesichtspflege
10216</span>
10217</div>
10218
10219<span class="icon icon-chevron-thin" aria-hidden="true"></span>
10220</li>
10221
10222
10223<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10224<a data-id="moisturisers-spf" href="https://www.paulaschoice.de/de/feuchtigkeitscremes-mit-lsf">
10225
10226Feuchtigkeitscremes mit LSF
10227
10228</a>
10229</li>
10230
10231
10232
10233
10234
10235
10236
10237<li class="level-3__item fake-level-4 link-normal-sm-semibold">
10238<a data-id="moisturisers-without-spf" href="https://www.paulaschoice.de/de/feuchtigkeitscremes">
10239
10240Feuchtigkeitscremes
10241
10242</a>
10243</li>
10244
10245
10246
10247
10248
10249
10250
10251<li class="level-3__item  link-normal-sm-semibold">
10252<a data-id="makeup" href="https://www.paulaschoice.de/de/make-up">
10253
10254Make-up Prep Essentials
10255
10256</a>
10257</li>
10258
10259
10260
10261
10262
10263
10264
10265<li class="level-3__item  link-normal-sm-semibold">
10266<a data-id="lip-care" href="https://www.paulaschoice.de/de/lippenpflege">
10267
10268Lippenpflege
10269
10270</a>
10271</li>
10272
10273
10274
10275
10276
10277
10278
10279<li class="level-3__item  link-normal-sm-semibold">
10280<a data-id="body-care" href="https://www.paulaschoice.de/de/body-care">
10281
10282K&ouml;rperpflege
10283
10284</a>
10285</li>
10286
10287
10288
10289
10290
10291</ul>
10292
10293
10294
10295
10296
10297	 
10298
10299
10300	
10301
10302<div class="html-slot-container">
10303
10304
10305<div class="navigation-link">
10306<figure><a href="https://www.paulaschoice.de/de/deluxe-proben/deluxe-probe"><img alt="Teste oder reise mit unseren Mini-Kombis" src="
10307
10308
10309   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-left.jpg?_i=AG
10310
10311"/> </a>
10312<figcaption><a href="https://www.paulaschoice.de/de/deluxe-proben/deluxe-probe">Teste oder reise mit unseren Minis</a></figcaption>
10313<!--a href="javascript:;"> </a--></figure>
10314
10315<figure><a href="https://www.paulaschoice.de/de/routine-finder"><img alt="Finde deine Routine" src="
10316
10317
10318   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-right.jpg?_i=AG
10319
10320"/> </a>
10321
10322<figcaption><a href="https://www.paulaschoice.de/de/routine-finder">Finde mit nur 3 Klicks deine Routine</a></figcaption>
10323<!--a href="javascript:;"> </a--></figure>
10324</div>
10325
10326
10327</div> 
10328	
10329
10330</div>
10331</li>
10332
10333<li class="sub-menu__item level-3 js-level-3">
10334
10335
10336<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.de/de/inhaltsstoffe">
10337Inhaltsstoffe
10338
10339<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10340
10341</a>
10342
10343<div class="sub-menu__content">
10344<div class="sub-menu__content-inner">
10345<div class="sub-menu__content-left">
10346
10347
10348
10349<ul class="level-3__list js-level-3">
10350
10351
10352
10353
10354
10355
10356
10357
10358
10359<li class="level-3__item  link-normal-sm-semibold">
10360<a data-id="retinol-products" href="https://www.paulaschoice.de/de/produkte-mit-retinol">
10361
10362Retinol
10363
10364</a>
10365</li>
10366
10367
10368
10369
10370
10371
10372
10373<li class="level-3__item  link-normal-sm-semibold">
10374<a data-id="spf-products" href="https://www.paulaschoice.de/de/lsf-produkte">
10375
10376LSF
10377
10378</a>
10379</li>
10380
10381
10382
10383
10384
10385
10386
10387<li class="level-3__item  link-normal-sm-semibold">
10388<a data-id="vitamin-c-products" href="https://www.paulaschoice.de/de/vitamin-c">
10389
10390Vitamin C
10391
10392</a>
10393</li>
10394
10395
10396
10397
10398
10399
10400
10401<li class="level-3__item  link-normal-sm-semibold">
10402<a data-id="peptides-products" href="https://www.paulaschoice.de/de/peptiden">
10403
10404Peptide
10405
10406</a>
10407</li>
10408
10409
10410
10411
10412
10413
10414
10415<li class="level-3__item  link-normal-sm-semibold">
10416<a data-id="bha-salicylic-acid" href="https://www.paulaschoice.de/de/bha-salicylsaeure">
10417
10418BHA Salicyls&auml;ure
10419
10420</a>
10421</li>
10422
10423
10424
10425
10426
10427
10428
10429<li class="level-3__item  link-normal-sm-semibold">
10430<a data-id="aha-glycolic-acid" href="https://www.paulaschoice.de/de/aha-glykolsaeure">
10431
10432AHA Glykols&auml;ure
10433
10434</a>
10435</li>
10436
10437
10438
10439
10440
10441
10442
10443<li class="level-3__item  link-normal-sm-semibold">
10444<a data-id="ceramide-products" href="https://www.paulaschoice.de/de/ceramide">
10445
10446Ceramide
10447
10448</a>
10449</li>
10450
10451
10452
10453
10454
10455
10456
10457<li class="level-3__item  link-normal-sm-semibold">
10458<a data-id="hyaluronic-acid-products" href="https://www.paulaschoice.de/de/hyaluronsaeure">
10459
10460Hyalurons&auml;ure
10461
10462</a>
10463</li>
10464
10465
10466
10467
10468
10469
10470
10471<li class="level-3__item  link-normal-sm-semibold">
10472<a data-id="niacinamide-products" href="https://www.paulaschoice.de/de/niacinamid">
10473
10474Niacinamid
10475
10476</a>
10477</li>
10478
10479
10480
10481
10482
10483
10484
10485<li class="level-3__item  link-normal-sm-semibold">
10486<a data-id="omega-fatty-acids-products" href="https://www.paulaschoice.de/de/omega-fettsaeur">
10487
10488Omega-Fetts&auml;uren
10489
10490</a>
10491</li>
10492
10493
10494
10495
10496
10497
10498
10499<li class="level-3__item  link-normal-sm-semibold">
10500<a data-id="bakuchiol" href="https://www.paulaschoice.de/de/bakuchiol">
10501
10502Bakuchiol
10503
10504</a>
10505</li>
10506
10507
10508
10509
10510<li class="level-3__item link-normal-sm-semibold">
10511<a href="https://www.paulaschoice.de/de/inhaltsstoffe" class="fly-out-link">
10512<span class="item-underline">
10513Alle Inhaltsstoffe
10514</span>
10515</a>
10516</li>
10517
10518
10519</ul>
10520
10521
10522
10523
10524
10525	 
10526
10527
10528	
10529
10530<div class="html-slot-container">
10531
10532
10533<div class="navigation-link">
10534<figure><a href="https://www.paulaschoice.de/de/pro-collagen-peptide-lip-plumping-duo/m77054.html"><img alt="Peptide Plumping Duo" src="
10535
10536
10537   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-may26/nav3-ingredient.jpg?_i=AG
10538
10539" /></a>
10540
10541<figcaption><a href="https://www.paulaschoice.de/de/pro-collagen-peptide-lip-plumping-duo/m77054.html"><b>Neu</b>: Peptide Plumping Duo<br />
10542Sichtbar vollere, geschmeidigere Lippen</a></figcaption>
10543</figure>
10544
10545<figure><a href="https://www.paulaschoice.de/de/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><img alt="Neu: Peptide Plumping Intensive Feuchtigkeitscreme " src="
10546
10547
10548   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-sep26/By-Ingredient-right.jpg?_i=AG
10549
10550"/> </a>
10551<figcaption><a href="https://www.paulaschoice.de/de/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><b>Neu</b>: Peptide Plumping Intensive Feuchtigkeitscreme</a></figcaption>
10552</figure>
10553
10554</div>
10555
10556
10557</div> 
10558	
10559
10560</div>
10561</li>
10562
10563<li class="sub-menu__item level-3 js-level-3">
10564
10565
10566<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.de/de/kollektionen">
10567Kollektionen
10568
10569<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10570
10571</a>
10572
10573<div class="sub-menu__content">
10574<div class="sub-menu__content-inner">
10575<div class="sub-menu__content-left">
10576
10577
10578
10579<ul class="level-3__list js-level-3">
10580
10581
10582
10583
10584
10585
10586
10587
10588
10589<li class="level-3__item  link-normal-sm-semibold">
10590<a data-id="skin-perfecting" href="https://www.paulaschoice.de/de/skin-perfecting">
10591
10592Skin Perfecting
10593
10594</a>
10595</li>
10596
10597
10598
10599
10600
10601
10602
10603<li class="level-3__item  link-normal-sm-semibold">
10604<a data-id="plump-firm" href="https://www.paulaschoice.de/de/plump-firm">
10605
10606Plump + Firm
10607
10608</a>
10609</li>
10610
10611
10612
10613
10614
10615
10616
10617<li class="level-3__item  link-normal-sm-semibold">
10618<a data-id="youth-extending" href="https://www.paulaschoice.de/de/youth-extending">
10619
10620Youth Extending
10621
10622</a>
10623</li>
10624
10625
10626
10627
10628
10629
10630
10631<li class="level-3__item  link-normal-sm-semibold">
10632<a data-id="brighten-up" href="https://www.paulaschoice.de/de/brighten-up">
10633
10634Brighten Up
10635
10636</a>
10637</li>
10638
10639
10640
10641
10642
10643
10644
10645<li class="level-3__item  link-normal-sm-semibold">
10646<a data-id="barrier-balancing" href="https://www.paulaschoice.de/de/barrier-balancing">
10647
10648Barrier Balancing
10649
10650</a>
10651</li>
10652
10653
10654
10655
10656
10657
10658
10659<li class="level-3__item  link-normal-sm-semibold">
10660<a data-id="clear" href="https://www.paulaschoice.de/de/clear">
10661
10662Clear
10663
10664</a>
10665</li>
10666
10667
10668
10669
10670
10671
10672
10673<li class="level-3__item  link-normal-sm-semibold">
10674<a data-id="skin-shield-plus" href="https://www.paulaschoice.de/de/skin-shield-plus">
10675
10676Skin Shield+
10677
10678</a>
10679</li>
10680
10681
10682
10683
10684
10685
10686
10687<li class="level-3__item  link-normal-sm-semibold">
10688<a data-id="body-revival" href="https://www.paulaschoice.de/de/body-revival">
10689
10690Body Revival
10691
10692</a>
10693</li>
10694
10695
10696
10697
10698<li class="level-3__item link-normal-sm-semibold">
10699<a href="https://www.paulaschoice.de/de/kollektionen" clas
10699s="fly-out-link">
10700<span class="item-underline">
10701Alle Kollektionen
10702</span>
10703</a>
10704</li>
10705
10706
10707</ul>
10708
10709
10710
10711
10712</div>
10713</li>
10714
10715<li class="sub-menu__item level-3 js-level-3">
10716
10717
10718<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.de/de/new-to-skin-care">
10719Start in die Hautpflege
10720
10721<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10722
10723</a>
10724
10725<div class="sub-menu__content">
10726<div class="sub-menu__content-inner">
10727<div class="sub-menu__content-left">
10728
10729
10730
10731<ul class="level-3__list js-level-3">
10732
10733
10734
10735
10736
10737
10738
10739
10740
10741<li class="level-3__item  link-normal-sm-semibold">
10742<a data-id="beginnersguide-routines" href="https://www.paulaschoice.de/de/hautpflege-fuer-einsteiger/routinen">
10743
10744Erfahre mehr &uuml;ber Routinen
10745
10746</a>
10747</li>
10748
10749
10750
10751
10752
10753
10754
10755<li class="level-3__item  link-normal-sm-semibold">
10756<a data-id="beginnersguide-exfoliants" href="https://www.paulaschoice.de/de/exfoliant-peelings-fuer-einsteiger">
10757
10758Peelings f&uuml;r Einsteiger:innen
10759
10760</a>
10761</li>
10762
10763
10764
10765
10766
10767</ul>
10768
10769
10770
10771
10772
10773	 
10774
10775
10776	
10777
10778<div class="html-slot-container">
10779
10780
10781<div class="navigation-link">
10782<figure><a href="https://www.paulaschoice.de/de/routine-finder"><img alt="Find your routine" src="
10783
10784
10785   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/navigation0424/nav-routine-right.jpg?_i=AG
10786
10787" /></a>
10788
10789<figcaption><a href="https://www.paulaschoice.de/de/routine-finder">Finde mit nur 3 Klicks deine Routine</a></figcaption>
10790</figure>
10791
10792<figure><a href="/contact-us"><img	alt="Contact us" src="
10793
10794
10795   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
10796
10797"/> </a>
10798
10799<figcaption>
10800<a href="/contact-us">Kostenlose Hautpflegeberatungen</a>
10801</figcaption>
10802</figure>
10803</div>
10804
10805
10806</div> 
10807	
10808
10809</div>
10810</li>
10811
10812</ul>
10813<div class="banner">
10814
10815<ul>
10816  <!--li><a data-id="latest-and-greatest" href="https://www.paulaschoice.de/de/search?cgid=latest-and-greatest" title="Latest & Greatest">Latest & Greatest</a></li-->
10817  <!--li><a data-id="bestsellers" href="https://www.paulaschoice.de/de/bestseller" title="Bestsellers">Bestsellers</a></li-->
10818  <!--li><a data-id="new-products" href="https://www.paulaschoice.de/de/neue-produkte" title="New products">New products</a></li-->
10819  <!--li><a data-id="spf-products" href="https://www.paulaschoice.de/de/lsf-produkte" title="SPF products">SPF products</a></li-->
10820  <!--li><a data-id="travel-sizes" href="https://www.paulaschoice.de/de/deluxe-proben/travel-size" title="Travel sizes">Travel sizes</a></li-->
10821  <!--li><a data-id="sets" href="https://www.paulaschoice.de/de/sets" title="Sets">Sets</a></li-->
10822  <!--i><a data-id="powerduos" href="https://www.paulaschoice.de/de/power-duos" title="Power Duos">Power Duos</a></li-->
10823  <!--li><a data-id="about-us" href="https://www.paulaschoice.de/de/paulas-vision/paulas-vision.html" title="About us">About us</a></li-->
10824 <!--li><a data-id="routinefinder" href="https://www.paulaschoice.de/de/routine-finder" title="Routinefinder">Routine finder</a></li-->
10825<!--li><a data-id="christmasshop" href="https://www.paulaschoice.de/de/christmasshop" title="Christmasshop">Christmas shop</a></li-->
10826<!--li><a data-id="summer-academy" href="https://www.paulaschoice.de/de/sind-natuerliche-und-biologische-inhaltsstoffe-besser" title="Summer Academy">Summer Academy</a></li-->
10827<!--li><a data-id="christmas-shop" href="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Page-Show?cid=christmas-shop" title="christmas-shop">christmas shop</a></li-->
10828</ul>
10829
10830
10831
10832
10833
10834
10835
10836</div>
10837</div>
10838</div>
10839<div class="js-overlay overlay"></div>
10840
10841
10842</li>
10843
10844<li class="main-nav__item js-menu-item">
10845<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="expend-your-knowledge" href="https://www.paulaschoice.de/de/beautypedia">
10846
10847Beautypedia
10848<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span>
10849</a>
10850
10851
10852
10853
10854
10855
10856
10857
10858
10859
10860
10861
10862
10863
10864
10865
10866
10867
10868
10869
10870
10871
10872
10873
10874
10875
10876
10877
10878
10879
10880
10881
10882
10883
10884
10885
10886
10887
10888
10889
10890
10891
10892
10893
10894
10895
10896
10897
10898
10899
10900
10901
10902
10903
10904
10905
10906
10907
10908
10909
10910
10911
10912
10913
10914
10915
10916
10917
10918
10919
10920
10921
10922
10923
10924
10925
10926
10927
10928
10929
10930
10931
10932
10933
10934
10935
10936
10937
10938
10939
10940
10941
10942
10943
10944
10945
10946
10947
10948
10949
10950
10951
10952
10953
10954
10955
10956
10957
10958
10959
10960
10961
10962
10963
10964
10965
10966
10967
10968
10969
10970
10971
10972
10973
10974
10975
10976
10977<div class="level-2 sub-menu">
10978<div class="sub-menu__inner">
10979
10980
10981<ul class="sub-menu__list  menu-vertical js-menu-vertical">
10982
10983<li class="sub-menu__item level-3 js-level-3">
10984
10985
10986<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
10987Artikel &amp; Bildung
10988
10989<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
10990
10991</span>
10992
10993<div class="sub-menu__content">
10994<div class="sub-menu__content-inner">
10995<div class="sub-menu__content-left">
10996
10997
10998
10999<ul class="level-3__list js-level-3">
11000
11001
11002
11003
11004
11005
11006
11007
11008
11009<li class="level-3__item  link-normal-sm-semibold">
11010<a data-id="acne-breakouts" href="https://www.paulaschoice.de/de/akne-pickel">
11011
11012Akne &amp; Pickel
11013
11014</a>
11015</li>
11016
11017
11018
11019
11020
11021
11022
11023<li class="level-3__item  link-normal-sm-semibold">
11024<a data-id="anti-ageing-wrinkles" href="https://www.paulaschoice.de/de/hautalterung-falten">
11025
11026Hautalterung &amp; Falten
11027
11028</a>
11029</li>
11030
11031
11032
11033
11034
11035
11036
11037<li class="level-3__item  link-normal-sm-semibold">
11038<a data-id="basic-skin-care" href="https://www.paulaschoice.de/de/basis-hautpflege">
11039
11040Basis Hautpflege
11041
11042</a>
11043</li>
11044
11045
11046
11047
11048
11049
11050
11051<li class="level-3__item  link-normal-sm-semibold">
11052<a data-id="bodycare" href="https://www.paulaschoice.de/de/koerperpflege-beratung">
11053
11054K&ouml;rperpflege
11055
11056</a>
11057</li>
11058
11059
11060
11061
11062
11063
11064
11065<li class="level-3__item  link-normal-sm-semibold">
11066<a data-id="exfoliating" href="https://www.paulaschoice.de/de/beratung-peelings">
11067
11068Peelings
11069
11070</a>
11071</li>
11072
11073
11074
11075
11076
11077
11078
11079<li class="level-3__item  link-normal-sm-semibold">
11080<a data-id="eye-care" href="https://www.paulaschoice.de/de/eye-care">
11081
11082Augenpflege
11083
11084</a>
11085</li>
11086
11087
11088
11089
11090
11091
11092
11093<li class="level-3__item  link-normal-sm-semibold">
11094<a data-id="ingredient-spotlight" href="https://www.paulaschoice.de/de/inhaltsstoffe-im-fokus">
11095
11096Inhaltsstoffe im Fokus
11097
11098</a>
11099</li>
11100
11101
11102
11103
11104
11105
11106
11107<li class="level-3__item  link-normal-sm-semibold">
11108<a data-id="sensitive-skin-care" href="https://www.paulaschoice.de/de/beratung-empfindliche-haut">
11109
11110Empfindliche Haut
11111
11112</a>
11113</li>
11114
11115
11116
11117
11118
11119
11120
11121<li class="level-3__item  link-normal-sm-semibold">
11122<a data-id="sun-care-tips" href="https://www.paulaschoice.de/de/sonnenpflege">
11123
11124Sonnenpflege
11125
11126</a>
11127</li>
11128
11129
11130
11131
11132
11133
11134
11135<li class="level-3__item  link-normal-sm-semibold">
11136<a data-id="beginnersguide" href="https://www.paulaschoice.de/de/beginnersguide">
11137
11138The beginner&#39;s guides
11139
11140</a>
11141</li>
11142
11143
11144<li class="level-3__item link-normal-sm-semibold">
11145<a href="https://www.paulaschoice.de/de/beautypedia">
11146Alle Kategorien anzeigen
11147</a>
11148</li>
11149
11150</ul>
11151
11152
11153
11154
11155
11156	 
11157
11158
11159	
11160
11161<div class="html-slot-container">
11162
11163
11164<div class="navigation-link">
11165  <figure><a href="/de/beautypedia-skincare-ingredient-checker"><img alt="Ingredient finder" src="
11166
11167
11168   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
11169
11170" /><b>NEU Ingredient Checker:</b> Entschlüssle Skincare-Labels in Sekunden</a></figure>
11171</div>
11172
11173
11174</div> 
11175	
11176
11177</div>
11178</li>
11179
11180<li class="sub-menu__item level-3 js-level-3">
11181
11182
11183<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
11184Onlinekurse
11185
11186<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
11187
11188</span>
11189
11190<div class="sub-menu__content">
11191<div class="sub-menu__content-inner">
11192<div class="sub-menu__content-left">
11193
11194
11195
11196<ul class="level-3__list js-level-3">
11197
11198
11199
11200
11201
11202
11203
11204
11205
11206<li class="level-3__item  link-normal-sm-semibold">
11207<a data-id="acne-prone-course" href="https://www.paulaschoice.de/de/akne-onlinekurs">
11208
11209Akne Onlinekurs
11210
11211</a>
11212</li>
11213
11214
11215
11216
11217
11218
11219
11220<li class="level-3__item  link-normal-sm-semibold">
11221<a data-id="blackheads-e-course" href="https://www.paulaschoice.de/de/mitesser-onlinekurs">
11222
11223Mitesser Onlinekurs
11224
11225</a>
11226</li>
11227
11228
11229
11230
11231
11232
11233
11234<li class="level-3__item  link-normal-sm-semibold">
11235<a data-id="hyperpigmentation-e-course" href="https://www.paulaschoice.de/de/hyperpigmentierung-online-kurs">
11236
11237Hyperpigmentierung Onlinekurs
11238
11239</a>
11240</li>
11241
11242
11243
11244
11245
11246
11247
11248<li class="level-3__item  link-normal-sm-semibold">
11249<a data-id="routines-course" href="https://www.paulaschoice.de/de/pflegeroutinen-onlinekurs">
11250
11251Pflegeroutinen Onlinekurs
11252
11253</a>
11254</li>
11255
11256
11257
11258
11259
11260
11261
11262<li class="level-3__item  link-normal-sm-semibold">
11263<a data-id="anti-ageing-course" href="https://www.paulaschoice.de/de/hautalterung-onlinekurs">
11264
11265Hautalterung Onlinekurs
11266
11267</a>
11268</li>
11269
11270
11271</ul>
11272
11273
11274
11275
11276</div>
11277</li>
11278
11279<li class="sub-menu__item level-3 js-level-3">
11280
11281
11282<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown">
11283Skincare Guide
11284
11285<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span>
11286
11287</span>
11288
11289<div class="sub-menu__content">
11290<div class="sub-menu__content-inner">
11291<div class="sub-menu__content-left">
11292
11293
11294
11295<ul class="level-3__list js-level-3">
11296
11297
11298
11299
11300
11301
11302
11303
11304
11305<li class="level-3__item  link-normal-sm-semibold">
11306<a data-id="ingredientchecker" href="https://www.paulaschoice.de/de/beautypedia-skincare-ingredient-checker">
11307
11308Skincare Ingredient Checker
11309
11310</a>
11311</li>
11312
11313
11314
11315
11316
11317
11318
11319<li class="level-3__item  link-normal-sm-semibold">
11320<a data-id="ingredientdictionary" href="https://www.paulaschoice.de/de/skincare-glossar">
11321
11322Skincare Glossar
11323
11324</a>
11325</li>
11326
11327
11328</ul>
11329
11330
11331
11332
11333</div>
11334</li>
11335
11336</ul>
11337<div class="banner">
11338
11339
11340
11341
11342
11343
11344
11345</div>
11346</div>
11347</div>
11348<div class="js-overlay overlay"></div>
11349
11350
11351</li>
11352
11353<li class="main-nav__item main-nav__item--extra">
11354
11355
11356
11357
11358
11359
11360
11361
11362
11363
11364
11365
11366<div class="content-asset">
11367<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="https://www.paulaschoice.de/de/newsletter/newsletter.html" title="Become a member">
11368     <span class="icon icon-envelope navigation-custom-icon" aria-hidden="true"></span>
11369          Newsletter
11370 </a>
11371</div>
11372
11373
11374
11375
11376
11377</li>
11378<li class="main-nav__item">
11379<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="/de/contact-us">
11380Beratung
11381</a>
11382</li>
11383
11384
11385
11386
11387
11388
11389</ul>
11390
11391
11392
11393	 
11394
11395
11396	
11397
11398<div class="html-slot-container">
11399
11400
11401<div class="main-nav-slot">
11402<ul class="main-nav-slot__list">
11403
11404	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice.de/de/bestseller"><img alt="Bestsellers icon" src="https://www.paulaschoice.de/on/demandware.static/-/Sites/default/dwfa61aa0e/navigation0822/HP-icons_bestsellers.svg" title="" />Bestseller</a></li>
11405	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice.de/de/neue-produkte"><img alt="New products icon" src="https://www.paulaschoice.de/on/demandware.static/-/Sites/default/dwb89384ed/navigation0822/HP-icons_new-products.svg" title="" />Neue Produkte</a></li>
11406	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice.de/de/sets"><img alt="Skincare sets icon" src="https://www.paulaschoice.de/on/demandware.static/-/Sites/default/dw0f809367/navigation0822/HP-icons_kits.svg" title="" />Hautpflegesets </a></li>
11407	<li class="main-nav-slot__list-item"><a href="https://www.paulaschoice.de/de/deluxe-proben/deluxe-probe"><img alt="Travel sizes icon" src="https://www.paulaschoice.de/on/demandware.static/-/Sites/default/dw38178cf0/navigation0822/HP-icons_travel-sizes.svg" title="" />Deluxe-Proben</a></li>
11408        <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice.de/de/power-duos"><img alt="Travel sizes icon" src="https://www.paulaschoice.de/on/demandware.static/-/Sites/default/dw64476e18/navigation0822/HP-icons_powerduo.svg" title="" />Power-Duos</a></li>
11409</ul>
11410
11411
11412<div class="two-column-figure">
11413<div class="main-nav-slot__heading">Nicht verpassen!</div>
11414<div class="navigation-link navigation-link--two-rows">
11415
11416<figure><a href="https://www.paulaschoice.de/de/bestseller"><img alt="Sichere dir bis zu 25% Rabatt" src="
11417
11418
11419   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-sep26/dmo-left-bsd.jpg?_i=AG
11420
11421" /></a>
11422
11423<figcaption><a href="https://www.paulaschoice.de/de/bestseller">Sichere dir bis zu 25% Rabatt</a></figcaption>
11424</figure>
11425
11426
11427
11428<figure><a href="https://www.paulaschoice.de/de/bestseller"><img alt="Geschenke" src="
11429
11430
11431   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-mrt26/dmo-right.jpg?_i=AG
11432
11433" title="" /></a>
11434
11435<figcaption><a href="https://www.paulaschoice.de/de/bestseller">Geschenke im Wert von bis zu 65 €</a></figcaption>
11436</figure>
11437</div>
11438</div>
11439</div>
11440
11441
11442</div> 
11443	
11444<ul class="menu-utility-user">
11445
11446
11447
11448<input type="hidden" class="js-loggedin" data-userid="" data-loggedin="false"/>
11449
11450<input type="hidden" id="js-personalcluster" data-clusterid="null"
11451data-clusterassignmentendpoint="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Personalisation-AssignCluster"
11452data-updateclusterhomepage="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Page-UpdateCustomerGroupHomepage"
11453data-originalpageid="null"
11454data-customerclusterendpoint="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Personalisation-GetCluster"
11455data-email=""
11456data-skintype="null" data-skintype-machine="null"/>
11457<li class="user-info">
11458<a class="user-info__account" href="https://www.paulaschoice.de/de/login" title="Anmelden">
11459<span class="user-info__icon icon icon-account" aria-hidden="true"></span>
11460<span class="user-info__name link-extended-md-black-base">Anmelden</span>
11461</a>
11462</li>
11463
11464
11465<div class="nav-account-layover">
11466<div class="nav-account-layover__header">
11467<span class="nav-account-layover__heading">
11468
11469HEY<strong> SKINCARE LOVER,</strong>
11470
11471</span>
11472<div class="nav-account-layover__options">
11473
11474
11475<button type="submit" class="nav-account-layover__button js-login-show-popup"
11476value="Anmelden"
11477name="dwfrm_login_login"
11478data-href-open-popup="https://www.paulaschoice.de/de/login?scope=headerlogin">
11479Anmelden
11480</button>
11481
11482
11483<span class="nav-account-layover__or">oder</span>
11484<div class="login-box login-create-account clearfix">
11485<form action="https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Login-LoginForm?scope=headerregister" method="post" id="dwfrm_login_register">
11486<fieldset>
11487
11488<button type="submit" class="nav-account-layover__button js-layover-popup-register"
11489value="Konto erstellen"
11490name="dwfrm_login_register"
11491data-href-open-popup="https://www.paulaschoice.de/de/login?scope=headerregister">
11492Konto erstellen
11493</button>
11494<input type="hidden" name="csrf_token" value="2npJRvPURKNBdhfuAk8-c1__4qcgR9zUNJjsWJlOFFd8-lMc0mxt1d7PiawRkn8x5Ogg7Ge3hlk3iAjFh_QN56upfhb3eUgYNnZXRF98EAKsGmV-cJcHRkzL_8sw_ItBauNTK3XCU1eOTNzeMYxoNTVeatrbOjrI43aXdBoD3jnFXmIX2sw="/>
11495</fieldset>
11496</form>
11497</div>
11498
11499</div>
11500</div>
11501<ul class="nav-account-layover__body">
11502<li class="nav-account-layover__item">
11503
11504<a href="https://www.paulaschoice.de/de/login?scope=wishlist">
11505Meine Wunschliste
11506</a>
11507
11508</li>
11509
11510<li class="nav-account-layover__item">
11511<a href="https://www.paulaschoice.de/de/login?scope=purchases">
11512Bestellungen
11513</a>
11514</li>
11515<li class="nav-account-layover__item">
11516<a href="https://www.paulaschoice.de/de/login?scope=details">
11517Pers&ouml;nliche Daten
11518</a>
11519</li>
11520<li class="nav-account-layover__item">
11521<a href="https://www.paulaschoice.de/de/login?scope=addresses">
11522Adressen
11523</a>
11524</li>
11525
11526
11527</ul>
11528</div>
11529
11530</ul>
11531<a class="main-nav__link hide-desktop link-extended-md-black-base" href="/de/contact-us">
11532Beratung
11533</a>
11534</nav>
11535
11536<div data-currencyrate = "" hidden></div>
11537<div data-cartdata="[]"></div>
11538
11539</div>
11540</header>
11541
11542<div id="main" role="main" class="page-content clearfix">
11543<div id="primary" class="primary-content">
11544
11545
11546
11547<div id="browser-check">
11548<noscript>
11549<div class="browser-compatibility-alert">
11550<i class="fa fa-exclamation-triangle fa-2x pull-left"></i>
11551<p class="browser-error">Sie haben Javascript deaktiviert. Bitte aktivieren Sie es um alle Funktionalit&auml;ten der Website nutzen zu k&ouml;nnen.</p>
11552</div>
11553</noscript>
11554</div>
11555
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567
11568
11569
11570
11571
11572
11573
11574
11575
11576
11577
11578
11579
11580
11581
11582
11583
11584
11585
11586
11587
11588
11589
11590
11591
11592
11593
11594
11595
11596
11597
11598
11599
11600
11601
11602
11603
11604
11605
11606
11607
11608
11609
11610
11611
11612
11613
11614
11615
11616
11617
11618
11619
11620
11621
11622
11623
11624
11625
11626
11627
11628
11629
11630
11631
11632
11633
11634
11635
11636
11637
11638
11639
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654
11655
11656
11657
11658
11659
11660
11661
11662
11663
11664
11665
11666
11667
11668
11669
11670
11671
11672
11673
11674
11675
11676
11677
11678
11679
11680
11681
11682
11683
11684
11685
11686
11687
11688
11689
11690
11691
11692
11693
11694<div class="content-asset">
11695<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
11695
11696<style type="text/css">.toggle {display: block;width: 100%;height: auto;-webkit-transition: all .15s ease-out;-moz-transition: all .15s ease-out;-o-transition: all .15s ease-out;transition: all .15s ease-out;}
11697/* Accordeon styles */
11698.accordeon {margin-bottom: 30px;}
11699h4.accordeon-title {margin: 0;font-family: "proxima-nova", arial, sans-serif;font-weight:600;line-height: 24px; border-bottom: solid 1px #aaa; padding: 10px 0px;}
11700.accordeon-title {font-size: 1em;cursor: pointer;color: #000;}
11701.accordeon-title:after {content: '+';float: right;width: 15px;cursor: pointer;color: #333133; font-size :1.6em; font-weight: 200;}
11702h4.accordeon-title.is-opened {border-bottom: none;}
11703.accordeon-title.is-opened:after {content: '-'; }
11704.accordeon-content {display: none;padding: 0px; border-bottom: 1px solid #aaa;} 
11705
11706span.anchor {display: block;position: relative;top: -90px;visibility: hidden;}
11707.top-image {display: block;margin: 0px !important;}
11708.article {max-width: 1024px;padding-bottom: 0px;}
11709.article img {width: 100%;height: auto;}
11710.article p {text-align: left}
11711section h1, section h2 {text-transform: none !important;}
11712.article .content-two-columns  {text-transform: none;}
11713.article ul li {list-style: none;}
11714/*.article ul li:after {font-family: Arial;content: "+";margin-right: 4px;font-weight: 600;}*/
11715.article label {font-weight: 600; margin: 18px 0px 8px;}
11716.article .content-single-column .team {margin-left: 0px !important; margin-right: 0px !important;}
11717.article .content-single-column .team p, .article .content-single-column ul { margin: 10px 0}
11718.article .content-single-column.meet {margin-top: 0px;margin-bottom: 0px; background-color: #f6f7f6;padding: 20px 150px;}
11719
11720
11721#contactform {display: none;}
11722/*#contactform h1 {text-transform: none; font-size: 1.5em;}
11723#contactform .content-single-column {margin: 0px 255px; padding: 0px}
11724#contactform form {margin-left: 0px; margin-right: 0px;}
11725#contactform div.field-wrapper {float: none;padding: 0px; width: 100%;}
11726#contactform label {margin: 5px 0px; }
11727*/
11728
11729@media screen and (min-width: 1024px) {
11730.article .content-single-column {padding: 0 150px;margin:20px auto;}
11731.article .content-single-column-brown {padding: 30px 150px;margin: 20px auto;background-color: #E7E8E8;}
11732.article .content-single-column-blue {padding: 30px 30px;margin: 20px auto;border-right: 150px solid #fff;border-left: 150px solid #fff;background-color: #f6f7f6;}
11733.article .content-single-column-grey {padding: 30px 100px;margin: 20px auto;border-right: 150px solid #fff;border-left: 150px solid #fff;background-color: #f6f7f6;}
11734.article .content-single-column-darkbrown {padding: 30px 100px;margin: 20px auto;border-right: 150px solid #fff;border-left: 150px solid #fff;background-color: #E7E8E8;}
11735.article .content-single-column-red {padding: 30px 100px;margin: 20px auto;border-right: 150px solid #fff;border-left: 150px solid #fff;background-color: #e2967f;text-align: center;}
11736.article .content-two-columns .content-left p.extra {padding: 0px 30px 0px 100px;font-size: 2em;line-height: 1.2em;}
11737.article .content-single-column h2 {margin-left: 100px; margin-right: 100px; padding: 0px}
11738.article .content-single-column p, .article .content-single-column ul { margin: 10px 0}
11739.article .content-two-columns {padding: 0 150px; margin: 20px auto;}
11740.article .content-two-columns .content-left h3 {font-size: 1.1em;font-weight: 600; color: #fff; text-transform: uppercase; padding: 0px 30px 0px 30px; margin: 0px}
11741.article .content-two-columns .content-left h2 {padding: 0px 30px 0px 30px;}
11742.article .content-two-columns .content-right h3 {font-size: 1.1em;font-weight: 600; color: #fff; text-transform: uppercase; padding: 0px 30px 0px 30px; margin: 0px}
11743.article .content-two-columns .content-left {width: 50%; vertical-align: middle; padding: 20px 0px}
11744.article .content-two-columns .content-right {width: 50%; vertical-align: middle; padding: 20px 0px}
11745.article .content-two-columns .content-left p {padding: 0px 30px; vertical-align: top;text-align: left;}
11746.article .content-two-columns .content-right p {padding: 0px 30px; vertical-align: top;text-align: left;}
11747img.imageleft {width: 40%; padding: 0px 20px 20px 0px;float:left}
11748img.imageright {width: 40%; padding: 20px 0px 20px 20px;float: right}
11749}
11750
11751@media screen and (max-width: 1023px) and (min-width: 768px)  {
11752.article {margin: 0px 40px}
11753.article .content-single-column {padding: 0;margin: 10px auto;}
11754.article .content-single-column p, .article .content-single-column ul { margin: 10px 0 !important;}
11755.article .content-two-columns {padding: 0; margin: 0px auto;}
11756.article .content-two-columns.flip {display: flex;flex-direction: column-reverse}
11757.article .content-single-column h2 {margin: 20px 50px;}
11758.article .content-two-columns .content-right, .article .content-two-columns .content-left  {width: 100%; float: left; padding: 20px 0px; margin: 0px auto}
11759.article .content-two-columns .content-left p, .article .content-two-columns .content-left ul, .article .content-two-columns .content-right p, .article .content-two-columns .content-right ul {padding: 0px; margin: 0 50px; text-align: left;}
11760.article .content-two-columns .content-left h2, .article .content-two-columns .content-right h2 {text-transform: none;font-size: 1.1em;font-weight: 600;padding: 0px; margin: 20px 0px 20px 50px;}
11761.article .content-single-column-brown {padding: 30px 50px;margin: 10px auto;background-color: #E7E8E8;}
11762.article .content-single-column-darkbrown {padding: 30px 100px;margin: 10px auto;background-color: #E7E8E8;}
11763.article .content-single-column-red {padding: 30px 100px;margin: 10px auto;background-color: #e2967f;text-align: center;}
11764.article .content-single-column-blue {padding: 30px 50px;margin: 10px auto;background-color: #f6f7f6;}
11765.article .content-single-column-grey {padding: 30px 100px;margin: 10px auto;background-color: #f6f7f6;}
11766.article .content-two-columns .content-left h3, .article .content-two-columns .content-right h3 {font-size: 1.1em;font-weight: 600; color: #fff; text-transform:uppercase; padding: 0px 20px 0px 100px; margin: 0px}
11767.article .content-two-columns .content-left p.extra {font-size: 2em;line-height: 1.2em;}
11768.article .content-single-column.meet {margin-top: 0px;margin-bottom: 0px; background-color: #f6f7f6;padding: 20px 50px;}
11769#contactform {margin: 0 auto; }
11770#contactform h1 {text-transform: none; font-size: 1.5em;}
11771#contactform .content-single-column {margin: 0px 140px; padding: 0px}
11772#contactform form {margin-left: 0px; margin-right: 0px;}
11773#contactform div.field-wrapper {float: none;padding: 0px; width: 100%;}
11774#contactform label {margin: 5px 0px; }
11775}
11776@media screen and (max-width: 767px) {
11777.article .content-single-column h1 {margin: 0px;}
11778.article {margin: 30px 20px}
11779.article .content-single-column {padding: 0;margin: 10px auto;}
11780.article .content-single-column p, .article .content-single-column ul { margin: 0px; text-align: left}
11781.article .content-two-columns {padding: 0; margin: 0px auto; display: table}
11782.article .content-two-columns.flip {display: flex;flex-direction: column-reverse}
11783.article .content-two-columns .content-right, .article .content-two-columns .content-left  {width: 100%; float: left; margin: 0px auto; padding: 20px 0px }
11784.article .content-two-columns .content-left p, .article .content-two-columns .content-right p {padding: 10px 20px; margin: 0px; text-align: left;}
11785.article .content-two-columns .content-left h2, .article .content-two-columns .content-right h2 {text-transform: none;font-size: 1.1em;font-weight: 600; margin: 20px 20px 0px 20px;}
11786
11787.article .content-two-columns .content-left h3, .article .content-two-columns .content-right h3 {font-size: 1.1em;font-weight: 600; color: #fff; text-transform: uppercase; padding: 0px 20px 0px 20px; margin: 0px}
11788.article .content-single-column h2 {margin: 20px 0px 20px 0px;}
11789.article .content-single-column-brown {padding: 30px 20px;margin: 10px auto;background-color: #E7E8E8;}
11790.article .content-single-column-darkbrown {padding: 30px 20px;margin: 10px auto;background-color: #E7E8E8;}
11791.article .content-single-column-red {padding: 30px 20px;margin: 10px auto;background-color: #e2967f;text-align: center;}
11792.article .content-single-column-blue {padding: 30px 20px;margin: 10px auto;background-color: #f6f7f6;}
11793.article .content-single-column-grey {padding: 30px 20px;margin: 10px auto;background-color: #f6f7f6;}
11794.article .content-two-columns .content-left p.extra {font-size: 2em;line-height: 1.2em;}
11795.article .content-single-column.meet {margin-top: 0px;margin-bottom: 0px; background-color: #f6f7f6;padding: 20px 20px;}
11796#contactform {margin: 0 20px; }
11797#contactform h1 {text-transform: none; font-size: 1.5em;}
11798#contactform .content-single-column {margin: 0px; padding: 0px}
11799#contactform form {margin-left: 0px; margin-right: 0px;}
11800#contactform div.field-wrapper {float: none;padding: 0px; width: 100%;}
11801#contactform label {margin: 5px 0px; }
11802img.imageleft {width: 100%;margin-bottom: 20px; }
11803img.imageright {width: 100%; margin-bottom: 20px;}
11804}
11805</style>
11806<article class="article"><span class="anchor" id="top"></span>
11807<section class="content-single-column">
11808<h1>Du m&ouml;chtest pers&ouml;nlich beraten werden?<br />
11809Unsere Hautpflegeexpert:innen helfen dir gern.</h1>
11810<img alt="Customer Care Team" class="top-image" src="
11811
11812
11813   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/landingspages/cc-team/New_group-customercare_800x250.jpg?_i=AG
11814
11815" /></section>
11816
11817<section class="content-single-column-brown">
11818<h2>Kostenlose Hautpflegeberatungen</h2>
11819
11820<p>Du m&ouml;chtest Kontakt mit uns aufnehmen? Chatte gerne mit uns oder ruf uns an, wenn du eine pers&ouml;nliche Beratung w&uuml;nschst oder Fragen zu deiner Bestellung hast. Du erreichst uns auch jederzeit per E-Mail unter <a href="mailto:[email protected]">[email protected]</a>.</p>
11821<!--p style="color: #bf004a">Aufgrund interner Schulungen sind wir am Donnerstag 27.06.24 und Freitag 28.06.24 unterbesetzt. Daher kann es zu längeren Wartezeiten bei der Bearbeitung deines Anliegens kommen. Telefonisch sind wir erst wieder ab Montag, den 01.07.2024, erreichbar. Wir bitten dich, uns eine E-Mail mit deinem Anliegen zu hinterlassen. Wir geben unser Bestes so schnell wie möglich auf deine Anfrage zu antworten. Vielen Dank für dein Verständnis.</p--><!--p style="color: #bf004a">Am <b>15., 17. und 18. April </b>haben wir geschlossen. Während dieser Tage kann die Zustellung deines Pakets etwas länger dauern, als du es gewohnt bist. Wir empfehlen dir, die Versandbestätigung mit Track & Trace-Link zu prüfen, um den aktuellen Versandstatus zu erfahren.</p-->
11821<!--p style="color: #bf004a">Am 18. Mai haben wir wegen Christi Himmelfahrt geschlossen. <br />
11822Am 29. Mai haben wir aufgrund Pfingstmontag geschlossen.</p--><!--p style="color: #bf004a"><b>Wir haben an Heiligabend, am ersten Weihnachtsfeiertag und am zweiten Weihnachtsfeiertag (24., 25. und 26. Dezember) geschlossen.</b></p-->
11823
11824<p><img alt="chat" src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dwcf9076f1/icon-for-chat-0.png" style="margin-right: 20px;width: 20px" title="chat" /><b>Live-Chat </b> in der rechten unteren Ecke.</p>
11825
11826<p>Montag - Freitag 9:00 bis 17:30 Uhr</p>
11827
11828<p><img alt="telefoon" src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw3405c2e6/Phone.png" style="margin-right: 20px;width: 20px" title="telefoon" /> <b>Ruf uns</b> aus Deutschland, &Ouml;sterreich und der Schweiz an: <a href="tel:00493016634864" style="display: inline; text-decoration: underline">+49 30 166 348 64</a></p>
11829
11830<p>Montag - Freitag 9:00 bis 17:30 Uhr</p>
11831<!--p><img alt="chat" src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dwcf9076f1/icon-for-chat-0.png" style="margin-right: 20px;width: 20px" title="chat" /><a href="https://wa.me/4915753095328">WhatsApp</a><br />
11832Montag &ndash; Freitag 9:00 bis 21:00 Uhr<br />
11833Sonntag 9:00 bis 17:30 Uhr</p-->
11834
11835<p><b>Wir haben geschlossen:</b></p>
11836
11837<p><b>2026</b><br />
1183801. Januar - Neujahr<br />
1183928. Januar - Schulungstag<br />
1184008. M&auml;rz - Frauentag<br />
1184103. April - Karfreitag<br />
1184206 .April - Ostermontag<br />
1184301. Mai - Tag der Arbeit<br />
1184414. Mai Christi Himmelfahrt<br />
1184525. Mai Pfingstmontag<br />
1184603. Oktober Tag der deutschen Einheit</p>
11847</section>
11848<!--image 1 --> <!-- text 1 -->
11849
11850<section class="content-single-column" style="padding: 0px 50px;">
11851<p>Hautpflege ist etwas sehr Pers&ouml;nliches, denn jede Haut ist anders! Deshalb nehmen wir uns gerne die Zeit, dich bestm&ouml;glich zu beraten.</p>
11852
11853<p>Genie&szlig;e deine t&auml;gliche Hautpflegeroutine mit einer auf dich abgestimmten Empfehlung. Weil der Weg zu gesunder Haut kein Geheimnis sein sollte.</p>
11854</section>
11855<!-- meet the team -->
11856
11857<section class="content-single-column-brown" style="text-align: center;margin-bottom: 0px; ">
11858<h2>Meet the team</h2>
11859
11860<p>Unsere Hautpflegeexpert:innen wissen, wie individuell die Bed&uuml;rfnisse der Haut sind. Lerne hier ein paar von ihnen kennen.</p>
11861</section>
11862<!-- Meet Alexandra-->
11863
11864<!--section class="content-single-column meet">
11865<div class="team">
11866<p><img alt="Customer Care Team" class="imageleft" src="
11867
11868
11869   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/landingspages/cc-team/Alexandra.jpg?_i=AG
11870
11871" /></p>
11872
11873<p><b>Lerne Alexandra kennen</b><br />
11874<b>Was hat dein Interesse an der Hautpflege geweckt?</b><br />
11875Ich leide seit meiner Teenagerzeit unter Hautunreinheiten und Hidradenitis suppurativa. Das hat mich dazu inspiriert, mich selbst &uuml;ber Inhaltsstoffe und Hautpflege schlau zu machen, um meine Probleme zu verbessern. Die Arbeit bei Paula's Choice hat mein Wissen &uuml;ber Hautpflege erweitert und mir die M&ouml;glichkeit gegeben, unsere Kunden aufzukl&auml;ren und ihnen die Gewissheit und den Seelenfrieden zu geben, dass es brillante, leistungsstarke Produkte gibt, die helfen, das Aussehen des gr&ouml;&szlig;ten Organs unseres K&ouml;rpers zu verbessern, und die gleichzeitig unser Selbstwertgef&uuml;hl st&auml;rken.</p>
11876
11877<p><b>Welches ist dein Lieblingsprodukt von Paula's Choice?</b><br />
11878Mein Lieblingsprodukt von Paula's Choice, auch wenn es vielleicht wie ein Klischee klingt, ist unser SKIN PERFECTING 2% BHA Exfoliant. Salicyls&auml;ure hat f&uuml;r mich die Welt ver&auml;ndert, es ist ein brillantes Produkt. Es hat nicht nur meine Hautunreinheiten, meine Hauttextur und meinen ungleichm&auml;&szlig;igen Hautton verbessert, sondern auch dazu beigetragen, die Entz&uuml;ndungen, die mit HS einhergehen, zu lindern.</p>
11879
11880<p><b>Was wirst du am h&auml;ufigsten gefragt?</b><br />
11881Schwierige Frage... Am h&auml;ufigsten werde ich gefragt, ob es m&ouml;glich ist, ein BHA- und ein AHA-Peeling (Alphahydroxys&auml;uren) in der gleichen Routine zu verwenden. Die allgemeine Regel besagt, dass ein Peeling ausreicht, da die meisten Menschen dieses Ma&szlig; an Peeling nicht ben&ouml;tigen. Allerdings kann man die beiden Produkte durchaus kombinieren. Wenn du fortgeschrittene Probleme wie Sonnensch&auml;den, tiefe Falten, hartn&auml;ckig verstopfte Poren und Unebenheiten oder sehr stumpfe, trockene, schuppige Haut hast, dann GO FOR IT! Ich pers&ouml;nlich habe beide Produkte in meiner Routine kombiniert. Nat&uuml;rlich sollte man seine Haut immer an die Inhaltsstoffe gew&ouml;hnen und darauf achten, wie die Haut darauf reagiert 😉</p>
11882</div>
11883</section-->
11884<!--Meet Nick-->
11885
11886<section class="content-single-column meet">
11887<div class="team">
11888<p><img alt="Customer Care Team" class="imageright" src="
11889
11890
11891   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/landingspages/cc-team/Nick.jpg?_i=AG
11892
11893" /></p>
11894
11895<p><b>Lerne Nick kennen</b><br />
11896<b>Was hat dein Interesse an der Hautpflege geweckt?</b><br />
11897Als ich 30 Jahre alt war, dachte ich, es sei an der Zeit, meine Haut zu pflegen. Ich habe mich langsam an eine Routine aus 3 Paula's Choice Produkten herangetastet. Diese Produkte brachten mir gro&szlig;artige Ergebnisse, viele Komplimente und Selbstvertrauen. Das war der erste Grund, warum ich mich bei Paula's Choice beworben habe, denn ich glaube wirklich an die Produkte und daran, wie sie der Haut helfen k&ouml;nnen. Jetzt ist meine Routine zu einer fortgeschrittenen Routine geworden, mein Selbstvertrauen ist gewachsen und meine Haut sieht besser aus als je zuvor. In meiner Rolle helfe ich unseren Kunden, ein sicheres Umfeld zu schaffen, in dem sie Fragen zur Hautpflege stellen k&ouml;nnen, und berate sie umfassend zu ihrer Haut, ihrem Hauttyp und ihren Anliegen.</p>
11898
11899<p><b>Welches ist dein Lieblingsprodukt von Paula's Choice?</b><br />
11900Es ist schwer, nur ein Produkt auszuw&auml;hlen, da ich alle Produkte in meiner aktuellen Routine liebe. Wenn ich mich f&uuml;r eines entscheiden muss, dann ist es wahrscheinlich das OMEGA+ COMPLEX Serum oder das CLINICAL 0,3
11900% Retinol + 2% Bakuchiol Treatment (ja, ich habe zwei ausgew&auml;hlt). Mit dem OMEGA+ COMPLEX Serum f&uuml;hlt sich meine Haut den ganzen Tag &uuml;ber hydratisiert an. Das CLINICAL 0,3% Retinol + 2% Bakuchiol Treatment ist das Produkt, das bei mir wirklich die gew&uuml;nschten Ergebnisse (Anti-Aging) erzielt.</p>
11901
11902<p><b>Was wirst du am h&auml;ufigsten gefragt?</b><br />
11903Die h&auml;ufigste Frage, die mir gestellt wird, lautet: Wann kann ich Ergebnisse sehen?&quot;&quot; Diese Frage ist auf Anhieb am schwierigsten zu beantworten, denn das ist bei jedem anders. Wir haben KundenInnen, die bereits nach einer Woche Ergebnisse sehen, aber auch welche, die Monate brauchen, um die gew&uuml;nschte Verbesserung zu erzielen. Das Wichtigste ist, die richtigen Produkte zu finden, die zu deiner Haut, deinem Hauttyp und deinen Problemen passen, und Geduld zu haben.</p>
11904</div>
11905</section>
11906<!-- Meet Chantal-->
11907
11908<section class="content-single-column meet">
11909<div class="team">
11910<p><img alt="Customer Care Team" class="imageleft" src="
11911
11912
11913   https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/landingspages/cc-team/Chantal.jpg?_i=AG
11914
11915" /></p>
11916
11917<p><b>Lerne Chantal kennen</b><br />
11918<b>Was hat dein Interesse an der Hautpflege geweckt?</b><br />
11919Ich hatte sehr lange Zeit mit zu Akne neigender Haut zu k&auml;mpfen. Zuerst habe ich mich geschminkt, um meine Hautunreinheiten zu kaschieren, und weil mir der kreative Teil daran gefiel. Aber bald merkte ich, dass meine Hautunreinheiten mit der Zeit nicht einfach verschwinden w&uuml;rden. Damit begann meine Suche nach einer verbesserten Haut. Ich verbrachte Stunden damit, Artikel zu lesen und Videos anzuschauen, in denen alles &uuml;ber die Haut erkl&auml;rt wurde und wie alle m&ouml;glichen Inhaltsstoffe ihre Wirkung entfalten. Dieses Hobby wurde zu meinem Beruf, als ich zun&auml;chst als Kosmetikberaterin und sp&auml;ter als Hautpflegeexpertin f&uuml;r Paula's Choice arbeitete. Und auch heute noch begeistere ich mich f&uuml;r Hautpflege und liebe es, andere auf ihrem Weg zu ihrer bestm&ouml;glichen Haut zu begleiten!</p>
11920
11921<p><b>Welches ist dein Lieblingsprodukt von Paula's Choice?</b><br />
11922Das ist der SKIN RECOVERY Replenishing Moisturiser, oder das RESIST Anti-Ageing Intensive Wrinkle-Repair Retinol Serum. Es ist schwer, sich zu entscheiden, aber auf diese Produkte m&ouml;chte ich nicht verzichten! Die Feuchtigkeitscreme hat wirklich geholfen, meine Hautbarriere wiederherzustellen, und meine Haut f&uuml;hlt sich weich und hydratisiert an. Das Serum hat einen gro&szlig;en Unterschied bei der Verringerung meiner Hautunreinheiten und der Pickelmale nach dem Auftreten von Hautunreinheiten gemacht, w&auml;hrend es auch feine F&auml;ltchen verhindert, die sich bereits abzeichnen (ein Lob an meinen lieben, vielseitigen Freund Retinol).</p>
11923
11924<p><b>Was wirst du am h&auml;ufigsten gefragt?</b><br />
11925Ich stelle fest, dass viele Menschen damit zu k&auml;mpfen haben, dass ihre Haut gleichzeitig trocken und fettig ist und oft auch unter Unreinheiten leidet. Deshalb erkl&auml;re ich jeden Tag, dass eine gest&ouml;rte Hautbarriere und trockene Haut der Grund f&uuml;r das Ungleichgewicht und die Pickel sein k&ouml;nnen. Vor allem Menschen mit zu Akne neigender Haut sind oft besorgt &uuml;ber die Verwendung von Feuchtigkeitscremes, obwohl Feuchtigkeit f&uuml;r alle Hauttypen der Schl&uuml;ssel ist. Man muss hydratisieren, um sich gut zu f&uuml;hlen 😉</p>
11926</div>
11927</section>
11928<!-- huidverzorgingsadvies-->
11929
11930<section class="content-two-columns flip">
11931<div class="content-left" style="background-color: #E7E8E8">
11932<h2>Fachlicher Rat</h2>
11933
11934<p><a href="https://www.paulaschoice.de/de/wie-finde-ich-meinen-hauttyp">Wie finde ich meinen Hauttyp</a><br />
11935<a href="https://www.paulaschoice.de/de/was-ist-akne">Was ist Akne?</a><br />
11936<a href="https://www.paulaschoice.de/de/peelings-fuer-deiner-haut">Was Sie &uuml;ber Exfoliant-Peelings wissen m&uuml;ssen</a><br />
11937<a href="https://www.paulaschoice.de/de/hautschaeden-durch-sonnenstrahlung">Hautsch&auml;den durch Sonnenstrahlung</a><br />
11938<a href="https://www.paulaschoice.de/de/schritt-fuer-schritt-anleitung-zum-entfernen-von-mitessern">Schritt-f&uuml;r-Schritt Anleitung zum Entfernen von Mitessern</a><br />
11939<a href="https://www.paulaschoice.de/de/wie-finde-ich-die-richtige-retinol-staerke">Wie finde ich die richtige Retinol-St&auml;rke?</a></p>
11940</div>
11941
11942<div class="content-right" style="padding: 0px;"><img alt="Paula's Vision" class="top-image" src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw777c5039/paulas-vision/About-us-1.jpg" title="" /></div>
11943</section>
11944<!--faq -->
11945
11946<section class="content-single-column-blue">
11947<h2>Die Top 10 der H&auml;ufig gestellten Fragen</h2>
11948<!--1-->
11949
11950<div class="accordeon">
11951<h4 class="accordeon-title">Was sind die besten Produkte f&uuml;r meine Haut?</h4>
11952
11953<div class="accordeon-content">
11954<p>Befolgen Sie diese einfachen Schritte, um Ihren Hauttyp zu bestimmen:</p>
11955
11956<ol>
11957	<li>Waschen Sie Ihr Gesicht mit einem milden Reiniger und warten Sie 15-30 Minuten.</li>
11958	<li>Tragen Sie in dieser Zeit keine Produkte auf.</li>
11959	<li>Bestimmen Sie Ihren Hauttyp anhand der nat&uuml;rlichen Eigenschaften Ihrer Haut.</li>
11960</ol>
11961
11962<p><b>Normale Haut: </b>Ihre Haut f&uuml;hlt sich glatt und normal an. Es gibt keine Anzeichen von Trockenheit, Schuppigkeit oder zu viel Talg. Die richtigen Hautpflegeprodukte halten Ihre Haut gesund, geschmeidig und hydratisiert.<br />
11963<b>Trockene Haut: </b>Ihre Haut spannt und wirkt dehydriert und kann schuppige Stellen haben. Die r
11963ichtigen Hautpflegeprodukte pflegen die Haut, reparieren die Schutzbarriere der Haut und beugen Feuchtigkeitsverlust vor.<br />
11964<b>Fettige Haut:</b> Ihre Haut gl&auml;nzt und f&uuml;hlt sich fettig an. Unreinheiten sind keine Seltenheit. Die richtigen Hautpflegeprodukte werden die Haut ausbalancieren und glatter aussehen lassen. Bei fettiger Haut ist es wichtig, zu reichhaltige Texturen zu vermeiden.<br />
11965<b>Mischhaut:</b>Ihre Haut hat normalerweise eine fettige T-Zone (Stirn, Nase, Kinn) und ist sonst trocken. Fettige Stellen k&ouml;nnen vergr&ouml;&szlig;erte Poren, Anzeichen von Unreinheiten und Mitessern aufweisen. Mit den richtigen Produkten wird Ihre Haut ausgeglichener, glatter und reiner.</p>
11966</div>
11967<!--2-->
11968
11969<h4 class="accordeon-title">Wie kann ich eine einfache, aber effektive Hautpflege finden?</h4>
11970
11971<div class="accordeon-content">
11972<p>Wenn Sie so wenig Zeit wie m&ouml;glich auf Ihre Hautpflege aufwenden m&ouml;chten oder wenn Sie keine spezifischen Hautprobleme haben, ist eine gute Basis-Routine eine hervorragende Idee.</p>
11973</div>
11974<!--3-->
11975
11976<h4 class="accordeon-title">Was ist die beste Routine f&uuml;r meine Haut?</h4>
11977
11978<div class="accordeon-content">
11979<p>Um die Haut gesund, strahlend und glatt zu erhalten, sollten Sie Ihre Haut jederzeit sanft behandeln. So kann Ihre Haut die normale Kollagenproduktion anregen und Ihre Haut sch&uuml;tzt sich vor sch&auml;dlichen &auml;u&szlig;eren Einfl&uuml;ssen. Unsere Produktentwicklung basiert auf wissenschaftlicher Forschung. Die Wirksamkeit der Inhaltsstoffen und der Produkte an sich, ist von gr&ouml;&szlig;ter Bedeutung. Aus diesem Grund werden Sie in unseren Produkten keine irritierenden Duftstoffe finden, keine Tiegel und ausschlie&szlig;llich Tagescremes mit einen Lichtschutzfaktor von mindestens 30.<br />
11980Brauchen Sie Hilfe bei der Suche nach den besten Produkten f&uuml;r Ihre Haut? Geben Sie unseren Hautpflegeexperten die folgenden Informationen, damit sie Ihnen einen pers&ouml;nlichen Rat geben k&ouml;nnen:</p>
11981
11982<ol>
11983	<li>Was ist Ihr Hauttyp: normal bis trocken, sehr trocken, fettig oder Mischhaut? (Wenn Sie Mischhaut haben, ist Ihre Haut eher fettig / trocken oder fettig / normal?)</li>
11984	<li>Leiden Sie an Pickeln, Mitessern, vergr&ouml;&szlig;erten Poren, Falten, einem matten Teint oder Pigmentflecken?</li>
11985	<li>Haben Sie empfindliche Haut oder ist Ihre Haut anf&auml;llig f&uuml;r Rosazea oder Ekzeme?</li>
11986	<li>Suchen Sie nach einer Basis-Routine oder einer erweiterten Routine?</li>
11987	<li>Welche Textur bevorzugen Sie f&uuml;r Produkte - leicht oder reichhaltig?</li>
11988</ol>
11989</div>
11990<!--4-->
11991
11992<h4 class="accordeon-title">Wann wird meine Bestellung versandt?</h4>
11993
11994<div class="accordeon-content">
11995<p>Ihre Bestellung wird im Regelfall innerhalb von 3-5 Werktagen geliefert.</p>
11996</div>
11997<!--5-->
11998
11999<h4 class="accordeon-title">Ich habe meine Bestellung noch nicht erhalten, wo ist sie?</h4>
12000
12001<div class="accordeon-content">
12002<p>Sobald Ihre Bestellung unser Lager verl&auml;sst, erhalten Sie eine Best&auml;tigung der Sendung mit einer Track &amp; Trace Nummer, so dass Sie Ihre Bestellung verfolgen k&ouml;nnen. Wenn Sie auf den Track &amp; Trace-Link klicken, sehen Sie den aktuellen Status Ihrer Bestellung. Beachten Sie, dass es bis zu 48 Stunden dauern kann, bis die Track &amp; Trace-Nummer aktiv wird.<br />
12003Wenn Ihre Bestellung nicht innerhalb der angegebenen Lieferfrist eingetroffen ist oder Sie der Meinung sind, dass etwas schief gelaufen ist, kontaktieren Sie uns bitte!</p>
12004</div>
12005<!--6-->
12006
12007<h4 class="accordeon-title">Warum kann ich meine Bestellung nicht in meinem Konto sehen?</h4>
12008
12009<div class="accordeon-content">
12010<p>Wenn Sie bei uns &uuml;ber ein Gastkonto eine Bestellung aufgeben, obwohl Sie bereits ein Konto bei uns haben, wird Ihre Bestellung in Ihrem Bestellverlauf leider nicht in Ihrem Konto angezeigt.<br />
12011F&uuml;r zuk&uuml;nftige Bestellungen ist es ratsam, sich vor der Bestellung anzumelden. So k&ouml;nnen Sie Ihre Bestellung auf jeden Fall in Ihrem Konto finden.</p>
12012</div>
12013<!--7-->
12014
12015<h4 class="accordeon-title">Kann ich einen Rabattcode bekommen?</h4>
12016
12017<div class="accordeon-content">
12018<p>Sie finden eine &Uuml;bersicht der aktuellen Rabattcodes von Paula's Choice auf unserer <a href="https://www.paulaschoice.de/de/rabattseite" target="_blank">Rabattcodeseite</a>. Sie k&ouml;nnen sich auch f&uuml;r unseren <a href="https://www.paulaschoice.de/de/newsletter/newsletter.html" target="_blank">Newsletter </a> anmelden, um &uuml;ber die neuesten Angebote und Produktneuheiten auf dem Laufenden zu bleiben!</p>
12019</div>
12020<!--8-->
12021
12022<h4 class="accordeon-title">Wie kann ich eine Bestellung zur&uuml;ckgeben?</h4>
12023
12024<div class="accordeon-content">
12025<p>Wenn Sie aus irgendeinem Grund mit einem Produkt von Paula's Choice unzufrieden sind, k&ouml;nnen Sie es innerhalb von 60 Tagen nach dem Kauf an uns zur&uuml;
12025cksenden.<br />
12026Bevor Sie eines oder mehrere Produkte an uns zur&uuml;cksenden, ist es wichtig, dass Sie sich an unseren Kundenservice wenden, um Ihre R&uuml;cksendung zu registrieren. Weitere Informationen finden Sie auf unserer <a href="https://www.paulaschoice.de/de/faq-returns-exchanges/faq-returns-exchanges.html" target="_blank">R&uuml;ckgabeseite</a></p>
12027</div>
12028<!--9-->
12029
12030<h4 class="accordeon-title">Warum gibt es einige Produkte von Paula's Choice in Amerika, aber nicht in Europa?</h4>
12031
12032<div class="accordeon-content">
12033<p>Dies liegt daran, dass es Unterschiede zwischen den Verordnungen f&uuml;r kosmetische Produkte in den Vereinigten Staaten (USA) und in der Europ&auml;ischen Union (EU) gibt. Dies gilt insbesondere f&uuml;r die Verwendung bestimmter Inhaltsstoffe in Kosmetika. Dar&uuml;ber hinaus gelten einige Produkte in den USA als Kosmetika, w&auml;hrend diese Produkte in der EU als Medikamente gelten.</p>
12034</div>
12035<!--10-->
12036
12037<h4 class="accordeon-title">Wie lange wird es dauern, bis ausverkaufte Produkte wieder vorr&auml;tig sind?</h4>
12038
12039<div class="accordeon-content">
12040<p>Leider k&ouml;nnen Ihre Lieblingsprodukte aufgrund von gro&szlig;en Nachfrage- oder Lagerproblemen ausverkauft sein. Es ist immer schwierig, genau anzugeben, wann ein Produkt wieder verf&uuml;gbar ist, aber unsere Website ist immer auf dem neuesten Stand und Sie werden hier sofort sehen, sobald das Produkt wieder verf&uuml;gbar ist. Wenn Sie in der Zwischenzeit ein alternatives Produkt suchen, wenden Sie sich bitte an unsere Hautpflege-Experten.</p>
12041</div>
12042</div>
12043</section>
12044<script type="text/javascript">
12045$(function($){
12046	var contents = $('.accordeon-content');
12047  var titles = $('.accordeon-title');
12048  titles.on('click',function(){
12049    var title = $(this);
12050    contents.filter(':visible').slideUp(function(){
12051    	$(this).prev('.accordeon-title').removeClass('is-opened');
12052    });  
12053    
12054    var content = title.next('.accordeon-content'); 
12055    
12056    if (!content.is(':visible')) {
12057      content.slideDown(function(){title.addClass('is-opened')});
12058    } 
12059  });
12060})(jQuery);
12061
12062</script>
12062</article>
12063</div>
12064
12065
12066
12067
12068
12069<div id="contactform" class="contact-form">
12070<article class="article">
12071<section class="content-single-column">
12072<h2>Beratung
12073</h2>
12074
12075<form action="https://www.paulaschoice.de/de/contact-us-sent#contactform" method="post" id="RegistrationForm">
12076<fieldset class="js-address-container">
12077
12078
12079
12080
12081<div class="form-row ">
12082
12083
12084
12085<div class="form-row__label">
12086<label for="dwfrm_contactus_myquestion"><span>Meine Frage</span><span class="optional-indicator">(optional)</span></label>
12087<div class="form-caption"></div>
12088</div>
12089
12090
12091<div class="field-wrapper">
12092
12093<select class="input-select " id="dwfrm_contactus_myquestion" name="dwfrm_contactus_myquestion" ><option class="select-option" label="Produktberatung und persönliche Hautanalyse" value="Product advice" >Produktberatung und pers&ouml;nliche Hautanalyse</option><option class="select-option" label="Versand und Lieferung" value="Shipping & Delivery" >Versand und Lieferung</option><option class="select-option" label="Unzufrieden mit Produkt" value="Not satisfied - Returns" >Unzufrieden mit Produkt</option><option class="select-option" label="Bestellen und Bezahlen" value="Payments and Placing an Order" >Bestellen und Bezahlen</option><option class="select-option" label="Angeboten & Rabatten" value="Promotions & Discounts" >Angeboten &amp; Rabatten</option></select>
12094
12095</div>
12096
12097
12098
12099
12100
12101</div>
12102
12103
12104
12105
12106
12107<div class="form-row  required">
12108
12109
12110
12111<div class="form-row__label">
12112<label for="dwfrm_contactus_firstname"><span>Vorname</span><span class="required-indicator"> * </span></label>
12113
12114</div>
12115
12116
12117<div class="field-wrapper">
12118
12119<input  class="input-text alphanumeric js-fullnamelengthlimit required" type="text"  id="dwfrm_contactus_firstname" name="dwfrm_contactus_firstname" value=""  placeholder="" autocomplete=off maxlength="50">
12120
12121</div>
12122
12123
12124
12125
12126
12127</div>
12128
12129
12130
12131
12132
12133<div class="form-row  required">
12134
12135
12136
12137<div class="form-row__label">
12138<label for="dwfrm_contactus_email"><span>E-Mail-Adresse</span><span class="required-indicator"> * </span></label>
12139
12140</div>
12141
12142
12143<div class="field-wrapper">
12144
12145<input  class="input-text email required" type="email"  id="dwfrm_contactus_email" name="dwfrm_contactus_email" value="" data-emailsuggestions="gmail.com,hotmail.com,web.de,gmx.de,yahoo.de,yahoo.com,t-online.de,gmx.net,outlook.com,hotmail.de,aol.com,icloud.com,freenet.de,me.com,arcor.de,outlook.de,msn.com,live.de,mail.ru,posteo.de,online.de,mac.com,meineinkauf.ch,paulaschoice-eu.com"  placeholder="" autocomplete=off maxlength="254">
12146
12147</div>
12148
12149
12150
12151
12152
12153</div>
12154
12155
12156
12157
12158
12159<div class="form-row ">
12160
12161
12162
12163<div class="form-row__label">
12164<label for="dwfrm_contactus_skintype"><span>Hauttyp</span><span class="optional-indicator">(optional)</span></label>
12165<div class="form-caption"></div>
12166</div>
12167
12168
12169<div class="field-wrapper">
12170
12171<select class="input-select " id="dwfrm_contactus_skintype" name="dwfrm_contactus_skintype" ><option class="select-option" label="" value="" ><!-- Empty --></option><option class="select-option" label="Trockene Haut" value="dry" >Trockene Haut</option><option class="select-option" label="Normale Haut" value="normal" >Normale Haut</option><option class="select-option" label="Mischhaut" value="combination" >Mischhaut</option><option class="select-option" label="Fettige Haut" value="oily" >Fettige Haut</option><option class="select-option" label="Ich weiß es nicht" value="I don't know" >Ich wei&szlig; es nicht</option></select>
12172
12173</div>
12174
12175
12176
12177
12178
12179</div>
12180
12181
12182
12183
12184
12185<div class="form-row ">
12186
12187
12188
12189<div class="form-row__label">
12190<label for="dwfrm_contactus_skinconcern"><span>Hautproblem</span><span class="optional-indicator">(optional)</span></label>
12191<div class="form-caption"></div>
12192</div>
12193
12194
12195<div class="field-wrapper">
12196
12197<input  class="input-text " type="text"  id="dwfrm_contactus_skinconcern" name="dwfrm_contactus_skinconcern" value=""  placeholder="" autocomplete=off maxlength="2147483647"><label for="dwfrm_contactus_skinconcern"></label>
12198
12199</div>
12200
12201
12202
12203
12204
12205</div>
12206
12207
12208
12209
12210
12211<div class="form-row ">
12212
12213
12214
12215<div class="form-row__label">
12216<label for="dwfrm_contactus_ordernumber"><span>Bestellnummer</span><span class="optional-indicator">(optional)</span></label>
12217<div class="form-caption"></div>
12218</div>
12219
12220
12221<div class="field-wrapper">
12222
12223<input  class="input-text " type="text"  id="dwfrm_contactus_ordernumber" name="dwfrm_contactus_ordernumber" value=""  placeholder="" autocomplete=off maxlength="2147483647"><label for="dwfrm_contactus_ordernumber"></label>
12224
12225</div>
12226
12227
12228
12229
12230
12231</div>
12232
12233
12234
12235
12236
12237
12238<div class="form-row ">
12239
12240
12241
12242<div class="form-row__label">
12243<label for="dwfrm_contactus_comment"><span>Kommentar</span><span class="optional-indicator">(optional)</span></label>
12244<div class="form-caption"></div>
12245</div>
12246
12247
12248<div class="field-wrapper">
12249
12250<textarea class="input-textarea " id="dwfrm_contactus_comment" name="dwfrm_contactus_comment" rows="8" cols="40" ></textarea>
12251
12252</div>
12253
12254
12255
12256
12257
12258</div>
12259
12260
12261
12262
12263
12264
12265<div class="form-row ">
12266
12267
12268
12269<div class="form-row__label">
12270<label for="dwfrm_contactus_recaptchacontact"><span></span></label>
12271<div class="form-caption"></div>
12272</div>
12273
12274
12275<div class="field-wrapper">
12276
12277<input  class=" " type="hidden"  id="dwfrm_contactus_recaptchacontact" name="dwfrm_contactus_recaptchacontact" value=""  placeholder="" autocomplete=off maxlength="2147483647"><label for="dwfrm_contactus_recaptchacontact"></label>
12278
12279</div>
12280
12281
12282
12283
12284
12285</div>
12286
12287<div class="form-row form-row-button" id="recaptchaContact">
12288
12289<button class="button g-recaptcha" data-sitekey="6LckMf0kAAAAAJ_91sihhrSfrVAqpL47-iJFpY1B" >
12290Absenden
12291</button>
12292<button id="sendBtn" type="submit" value="Absenden" name="dwfrm_contactus_send" class="hide">
12293</button>
12294</div>
12295
12296</fieldset>
12297</form>
12298</section>
12299</article>
12300</div>
12301<div class="back-button">
12302<button class="simple js-back-button" backurl="javascript:window.history.back();">
12303Zur&uuml;ck
12304</button>
12305</div>
12306
12307
12308</div>
12309</div><!-- /main -->
12310
12311
12312
12313
12314
12315
12316
12317
12318
12319
12320
12321
12322
12323
12324
12325
12326
12327
12328
12329
12330
12331
12332
12333
12334
12335
12336
12337
12338
12339
12340
12341
12342
12343
12344
12345
12346
12347
12348
12349
12350
12351
12352
12353
12354
12355
12356
12357
12358
12359
12360
12361
12362
12363
12364
12365
12366
12367
12368
12369
12370
12371
12372
12373
12374
12375
12376
12377
12378
12379
12380
12381
12382
12383
12384
12385
12386
12387
12388
12389
12390
12391
12392
12393
12394
12395
12396
12397
12398
12399
12400
12401
12402
12403
12404
12405
12406
12407
12408
12409
12410
12411
12412
12413
12414
12415
12416
12417
12418
12419
12420
12421
12422
12423
12424
12425
12426
12427
12428
12429
12430
12431
12432
12433
12434
12435
12436
12437<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/q.js"></script>
vendor: 1 bytes, line 12437
12437
12438<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/qm.js"></script>
vendor: 1 bytes, line 12438
12438
12439<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/ui/qu.js"></script>
vendor: 1 bytes, line 12439
12439
12440<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/q/qv.js"></script>
vendor: 1 bytes, line 12440
12440
12441<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/lib/emailsuggestion/emailsuggestiondropdown.js"></script>
vendor: 1 bytes, line 12441
12441
12442<script>
12443
12444
12445
12446(function(){
12447window.Customer = {"FIRSTNAME":"","LASTNAME":"","EMAIL":""};
12448}());
12449
12450(function(){
12451window.Constants = {"AVAIL_STATUS_IN_STOCK":"IN_STOCK","AVAIL_STATUS_PREORDER":"PREORDER","AVAIL_STATUS_BACKORDER":"BACKORDER","AVAIL_STATUS_NOT_AVAILABLE":"NOT_AVAILABLE"};
12452window.Resources = {"I_AGREE":"Akzeptieren","TRACKING_CONSENT":"global.tracking_consent","TRACKING_NO_CONSENT":"global.tracking_no_consent","CLOSE":"Schließen","NO_THANKS":"Nein, Danke.","OK":"OK","ARE_YOU_HUMAN":"Bestätigen Sie ihre Menschlichkeit","PLEASE_SELECT":"Bitte auswählen","SHIP_QualifiesFor":"Dieser Versand berechtigt zu","CC_LOAD_ERROR":"Kreditkarte konnte nicht geladen werden!","COULD_NOT_SAVE_ADDRESS":"Die Adresse konnte nicht gespeichert werden. Bitte überprüfen Sie Ihre Eingaben und versuchen Sie es erneut.","REG_ADDR_ERROR":"Adresse konnte nicht gefunden werden","NEXT":"Weiter","PREV":"Vorherige","BONUS_PRODUCT":"Geschenk","BONUS_PRODUCTS":"Geschenke","SELECT_BONUS_PRODUCTS":"Wähle dein Geschenk","SELECT_BONUS_PRODUCT":"product.selectbonusproduct","BONUS_PRODUCT_SELECT_BUTTON":"Wählen","BONUS_PRODUCT_UNSELECT_BUTTON":"Abwählen","BONUS_PRODUCT_MAX":"Sie haben die maximale Anzahl an Geschenken erreicht.","BONUS_PRODUCT_TOOMANY":"Sie haben die maximale Anzahl an Geschenken überschritten, bitte ändern Sie Ihre Auswahl.","SIMPLE_SEARCH":"Produktname oder Stichwort eingeben","SUBSCRIBE_EMAIL_DEFAULT":"E-Mail-Adresse","CURRENCY_SYMBOL":"€","MISSINGVAL":"Bitte eingeben {0}","SERVER_ERROR":"Serververbindung fehlgeschlagen!","MISSING_LIB":"Anfrage ungültig","BAD_RESPONSE":"Fehlerhafte Rückmeldung - Fehler!","INVALID_PHONE":"Bitte geben Sie eine gültige Telefonnummer an.","REMOVE":"Entfernen","QTY":"Menge","EMPTY_IMG_ALT":"Entfernen","COMPARE_BUTTON_LABEL":"Alles vergleichen","COMPARE_CONFIRMATION":"Hiermit löschen Sie das erste Produkt Ihres Vergleichs. Trotzdem fortfahren?","COMPARE_REMOVE_FAIL":"Das Produkt kann nicht von der Liste entfernt werden","COMPARE_ADD_FAIL":"Das Produkt kann nicht zur Liste hinzugefügt werden","ADD_TO_CART_FAIL":"Das Produkt '{0}'  kann nicht zum Warenkorb hinzugefügt werden","REGISTRY_SEARCH_ADVANCED_CLOSE":"Erweiterte Suche schließen","GIFT_CERT_INVALID":"Ungültiger Geschenk Gutschein Code","GIFT_CERT_BALANCE":"Ihr aktuelles Geschenk Gutschein Guthaben beläuft sich auf","GIFT_CERT_AMOUNT_INVALID":"Der Geschenk Gutschein kann nur mit einem Betrag zwischen 5 und 5000 aufgeladen werden.","GIFT_CERT_MISSING":"Bitte geben Sie einen gültigen Geschenk Gutschein Code ein.","GIFT_CERT_GENERALERROR":"Something went wrong. Please try again.","GIFT_CERT_MIN_ERROR":"Bitte versuche es erneut. Der Mindestwert beträgt","GIFT_CERT_MAX_ERROR":"Bitte versuche es erneut. Der Höchstwert beträgt","GIFT_CERT_REGEX_ERROR":"Bitte zulässigen Betrag eingeben.","MISSING_PAYMENT_METHOD":"Bitte wählen Sie eine Zahlungsmethode, um fortzufahren.","GIFT_CERT_CHOOSE_PAYMENTMETHOD":"Du hast \"Geschenkkarte\" als Zahlungsmethode angegeben. Bitte wähle eine andere Bezahlmethode.","INVALID_OWNER":"Das ist eine Kreditkartennummer. Bitte geben Sie den Namen des Karteninhabers ein.","COUPON_CODE_MISSING":"Bitte geben Sie einen Rabatt Code ein.","COOKIES_DISABLED":"Ihre Browser-Einstellungen akzeptieren keine Cookies. Bitte überprüfen Sie Ihre Einstellungen und aktivieren Sie Cookies.","BML_AGREE_TO_TERMS":"Sie müssen den Bestimmungen zustimmen","CHAR_LIMIT_MSG":"Sie haben von {1} noch {0} übrig","CONFIRM_DELETE":"Wollen Sie das {0} wirklich entfernen?","TITLE_GIFTREGISTRY":"Wunschliste","TITLE_ADDRESS":"Adresse","TITLE_CREDITCARD":"Kreditkarte","SERVER_CONNECTION_ERROR":"Serververbindung fehlgeschlagen!","IN_STOCK_DATE":"Voraussichtlich wieder auf Lager ab {0}","ITEM_STATUS_NOTAVAILABLE":"Dieses Produkte ist aktuell nicht verfügbar","INIFINITESCROLL":"Alle anzeigen","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":"Bitte geben Sie eine gültige Postleitzahl ein","INVALID_ZIP_CODE":"Leider liefern wir nicht in diese Region.","SEARCH":"Suche","CHANGE_LOCATION":"Change Location","CONTINUE_WITH_STORE":"Continue with preferred store","CONTINUE":"Weiter","SEE_MORE":"See More Stores","SEE_LESS":"See Fewer Stores","QUICK_VIEW":"Quick View","QUICK_VIEW_POPUP":"Product Quick View","TLS_WARNING":"Wir schätzen Ihre Sicherheit! <br/> Wir haben festgestellt, dass Sie einen veralteten Browser verwenden. <br/> Bitte aktualisieren Sie Ihren Browser, um ein sicheres Einkaufserlebnis zu gewährleisten.","CSRF_TOKEN_MISMATCH":"global.csrf.failed.error","SUBSCRIBE_SUCCESS":"Sie haben sich erfolgreich angemeldet","EMAIL_AUTOCOMPLETE":"Meinten Sie","NOTIFYME_ERROR":"Etwas ist schiefgegangen. Bitte versuche es erneut.","NOTIFYME_EMAIL_ERROR":"Bitte fülle das E-Mail-Feld aus.","NOTIFYME_SUCCESS":"Wir informieren dich, sobald das Produkt verfügbar ist.","NOTIFYME_EXISTINGEMAIL":"Diese E-Mail-Adresse ist bereits für eine Benachrichtigung bei Verfügbarkeit dieses Produkts registriert.","RESULT_FOUND":"Ergebnisse gefunden","SEARCH_RESULT":"Produkte anzeigen","APPLY_RESULT":"Anwenden","PR_LISTERPOPUP_MOREREVIEWS":"More reviews","VALIDATE_REQUIRED":"Dieses Feld  muss ausgefüllt werden","VALIDATE_REMOTE":"Bitte füllen Sie das Feld aus.","VALIDATE_EMAIL":"Bitte geben Sie eine gültige E-Mail-Adresse ein.","VALIDATE_URL":"Bitte geben Sie eine gültie URL ein.","VALIDATE_DATE":"Bitte geben Sie ein gültiges Datum an.","VALIDATE_DATEISO":"Bitte geben Sie ein gültiges Datum (ISO) an.","VALIDATE_NUMBER":"Bitte geben Sie eine gültige Zahl ein.","VALIDATE_DIGITS":"Bitte geben Sie nur Ziffern ein.","VALIDATE_PLUSANDDIGITS":"Bitte geben Sie ein gültige Nummer ein (ohne Leerzeichen und Bindestrich).","VALIDATE_CREDITCARD":"Bitte geben Sie eine gültige Kreditkartennummer ein.","VALIDATE_EQUALTO":"Bitte geben Sie den gleichen Wert ein.","VALIDATE_MAXLENGTH":"Bitte geben Sie nicht mehr als {0} Zeichen ein.","VALIDATE_MINLENGTH":"Bitte geben Sie mindestens {0} Zeichen ein.","VALIDATE_RANGELENGTH":"Bitte geben Sie einen Wert zwischen {0} und {1} Zeichen langen ein.","VALIDATE_RANGE":"Bitte geben Sie einen Wert zwischen {0} und {1} ein.","VALIDATE_MAX":"Bitte geben Sie einen Wert kleiner oder gleich {0} ein.","VALIDATE_MIN":"Bitte geben Sie einen Wert größer oder gleich {0} ein.","VALIDATE_ALPHANUMERIC":"Verwenden Sie bitte nur Buchstaben, Ziffern, - oder '","VALIDATE_ALPHANUMERICWITHDOT":"Verwenden Sie bitte nur Buchstaben, Ziffern, - oder ' oder .","VALIDATE_ALPHANUMERICWITHSLASH":"Verwenden Sie bitte nur Buchstaben, Ziffern, - oder ' oder /","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":"Ihr Passwort muss mindestens 8 Zeichen lang sein","RECAPTCHA_SITEKEY":"6LckMf0kAAAAAJ_91sihhrSfrVAqpL47-iJFpY1B","CHATPRODUCTADDED":"wurde zu deinem Warenkorb hinzugefügt.","CHATPRODUCTREMOVED":"wurde aus dem Warenkorb entfernt.","COUPONADDED":"Der Rabatt Code wurde zu Ihrer Bestellung hinzugefügt und abgezogen.","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":"Bitte bewerten Sie den Chat mit dem Agenten","IN_STOCK":"Auf Lager","QTY_IN_STOCK":"{0} Produkt(e) auf Lager","PREORDER":"Vorbestellung","QTY_PREORDER":"{0} Produkt(e) sind zur Vorbestellung verfügbar","REMAIN_PREORDER":"Die restlichen Produkte sind zur Vorbestellung verfügbar.","BACKORDER":"Zurück zur Bestellung","QTY_BACKORDER":"Zurück zur Bestellung {0} Produkte","REMAIN_BACKORDER":"Die restlichen Produkte sind zur Bestellung verfügbar.","NOT_AVAILABLE":"Dieses Produkte ist aktuell nicht verfügbar","REMAIN_NOT_AVAILABLE":"Die verbleibenden Produkte sind aktuell nicht verfügbar. Bitte korrigieren Sie Ihre Bestellmenge","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}
12452$","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"};
12453window.Urls = {"getIngredientData":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Search-GetIngredientData","appResources":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Resources-Load","pageInclude":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Page-Include","continueUrl":"https://www.paulaschoice.de/de/contact-us-sent","cookieExtendCookie":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cookie
12453s-ExtendCookie","staticPath":"/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/","addGiftCert":"/de/giftcertpurchase","minicartGC":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/GiftCert-ShowMiniCart","addProduct":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddProduct","addProductThroughChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddProductThroughChat","removeProductThroughChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-RemoveProductThroughChat","addProductViaGET":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddProductViaGET","minicart":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-MiniAddProduct","cartShow":"/de/cart","giftRegAdd":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Address-GetAddressDetails?addressID=","paymentsList":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/PaymentInstruments-List","addressesList":"https://www.paulaschoice.de/de/account/address","wishlistAddress":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Wishlist-SetShippingAddress","deleteAddress":"/de/account/deleteaddress","getProductUrl":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-Show","getBonusProducts":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-GetBonusProducts","addBonusProduct":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddBonusProduct","getSetItem":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-GetSetItem","productDetail":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-Detail","getAvailability":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-GetAvailability","removeImg":"/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dwd03e41b3/images/icon_remove.gif","searchsuggest":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Search-GetSuggestions","productNav":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-Productnav","summaryRefreshURL":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-UpdateSummary","billingSelectCC":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-SelectCreditCard","updateAddressDetails":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-UpdateAddressDetails","updateAddressDetailsBilling":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-UpdateAddressDetails","shippingMethodsJSON":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-GetApplicableShippingMethodsJSON","shippingMethodsList":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-UpdateShippingMethodList","shippingMethodsListPaazl":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-UpdateShippingMethodListPaazl","selectShippingMethodsList":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-SelectShippingMethod","saveShippingAddress":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-SaveShippingAddress","getPostCodeService":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-GetPostCodeService","saveBillingAddress":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-SaveBillingAddress","resetPaymentForms":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-ResetPaymentForms","compareShow":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Compare-Show","compareAdd":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Compare-AddProduct","compareRemove":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Compare-RemoveProduct","compareEmptyImage":"/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dw0c895b72/images/comparewidgetempty.png","giftCardCheckBalance":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-GetGiftCertificateBalance","redeemGiftCert":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COBilling-RedeemGiftCertificateJson","addCoupon":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddCouponJson","
12453storesInventory":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-Inventory","setPreferredStore":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-SetPreferredStore","getPreferredStore":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-GetPreferredStore","setStorePickup":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-SetStore","setZipCode":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-SetZipCode","getZipCode":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/StoreInventory-GetZipCode","billing":"/de/checkout/billing","setSessionCurrency":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Currency-SetSessionCurrency","getProductInfo":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-GetProductInfo","addEditAddress":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShippingMultiple-AddEditAddressJSON","cookieHint":"/de/cookie_hint/cookie_hint.html","cookieEditPage":"/de/cookies/cookies.html","consentTrackingSetSession":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Account-ConsentTracking","rateLimiterReset":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/RateLimiter-HideCaptcha","csrffailed":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/CSRF-Failed","getredirection":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Url-getCurrent","autofillAddress":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Address-AutofillAddress","isFirstCustomerOrder":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-FirstCustomerOrder","getEmailSuggestionList":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Home-EmailSuggestions","includeNotifyMeUserInputAjax":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/NotifyMe-includeNotifyMeUserInputAjax","faqShipping":"/de/faq-versand/faq-shipping.html","addCouponFromChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddCouponFromChat","international":"/de/international/international.html","getCartForChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-GetCartForChat","removeAllProductsThroughChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-RemoveAllProductsThroughChat","removeCouponFromChat":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-RemoveCouponFromChat","getCartSkusInfo":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-GetCartSkusInfo","updatePaazlShippingPrice":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/COShipping-UpdatePaazlShippingPrice","paymentFromComponentUrl":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Adyen-PaymentFromComponent","paymentDetailsFromComponent":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Adyen-PaymentDetailsFromComponent","hamsTracking":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cookies-HamsTracking","pdComponentFindRoutine":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Search-PdComponentFindRoutine","getMeaningfullConcerns":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Search-GetMeaningfullConcerns","imageAnalyzer":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Ingredients-imageAnalyzer","ingredientCheckerProductFinder":"https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Search-IngredientCheckerProductFinder","showReviewPopup":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Product-ShowReviewPopup","getMerchantId":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Emarsys-MerchantId"};
12454window.SitePreferences = {"LISTING_REFINE_SORT":true,"STORE_PICKUP":true,"COOKIE_HINT":false,"CURRENCY_CODE":"EUR","LOCALE":"de","COUNTRY":"de","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\"}"};
12455window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null};
12456}());
12457</script>
vendor: 1 bytes, line 12457
12457
12458<script>
12459
12460(function(){
12461window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null};
12462window.User = {"zip":null,"storeId":null};
12463}());
12464</script>
12464
12465
12466
12467
12468<script src="https://ui.powerreviews.com/stable/4.1/ui.js" async></script>
12468
12469
12470
12471
12472<script>
12473
12474(function () {
12475window.KlaviyoUrls = {"subscribers":"/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/KlaviyoNewsletter-Subscribers","thankYouPage":"https://www.paulaschoice.de/de/newsletter/newsletter-doi.html","thankYouPageEcourse":"https://www.paulaschoice.de/de/newsletter-success-course.html"};
12476window.KlaviyoResources = {"locale":"de_DE"};
12477window.KlaviyoPreferences = {"enabled":true};
12478}());
12479</script>
12479
12480
12481<script>pageContext = {"title":"Customer Service","type":"customerservice","ns":"account"};</script>
vendor: 1 bytes, line 12481
12481
12482<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/minified/app.js" async="async"></script>
12482
12483
12484
12485
12486
12487
12488
12489
12490
12491
12492
12493
12494
12495
12496
12497
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<div id="trustbadgeCustomContainer"></div>
12610
12611
12612
12613<script>
12614var meta = "Ben&ouml;tigst du eine kostenlose Hautpflegeberatung? Wende sich an den Kundenservice von Paula's Choice und erhalten deine pers&ouml;nliche Beratung zu Ihren Hautproblemen. Lese hier weiter.";
12615var keywords = "";
12616</script>
12616
12617
12618
12619
12620<script>
12621var element = document.getElementById('myRoutine');
12622if(element) {
12623window.myRoutine = {
12624config: {
12625apiBaseUrl: "https://paulaschoiceroutineapiservicehost.azurewebsites.net",
12626siteBaseUrl: "https://paulaschoiceroutinecontenthost.azurewebsites.net",
12627site: "paulaschoice-eu.com",
12628topFloatPadding: "69",
12629locale: "de_DE"
12630},
12631getProductsInfo: function(args) {
12632$.ajax({
12633url: "/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/MyRoutine-GetProductsInfo",
12634type: 'POST',
12635xhrFields: {
12636withCredentials: true
12637},
12638dataType: 'json',
12639contentType: 'application/json',
12640data: JSON.stringify({
12641productIds: args.productIds
12642})
12643})
12644.done(function (response) {
12645args.success(response.data);
12646})
12647.fail(function (xhr, textStatus) {
12648args.fail();
12649})
12650},
12651getCustomerInfo: function(args) {
12652$.ajax({
12653url: "/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/MyRoutine-GetCustomerInfo",
12654type: 'GET',
12655xhrFields: {
12656withCredentials: true
12657},
12658dataType: 'json'
12659})
12660.done(function (response) {
12661args.success(response.data);
12662})
12663.fail(function (xhr, textStatus) {
12664args.fail();
12665})
12666},
12667addProductsToBag: function(args) {
12668var productsParameter = '';
12669var productIds = args.productIds;
12670var productId;
12671for ( var i = 0; i < productIds.length; i++ ){
12672productId = productIds[i];
12673if ( productId.indexOf('-') > -1 ){
12674productId = productId.split('-')[1];
12675}
12676productsParameter += productId + ',';
12677}
12678parameter = productsParameter.substr(0,productsParameter.length-1);
12679var location = "/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddRoutineToCart".concat('?pids='+parameter);
12680window.location = location;
12681},
12682login: function() {
12683window.location = "https://www.paulaschoice.de/de/login".concat('?original=', window.location.pathname);
12684}
12685};
12686let stateCheck = setInterval(function(){
12687if (document.readyState === 'complete') {
12688if (!String.prototype.startsWith) {
12689String.prototype.startsWith = function(searchString, position) {
12690position = position || 0;
12691return this.indexOf(searchString,position) === position;
12692};
12693}
12694clearInterval(stateCheck);
12695var link = document.createElement('link');
12696link.setAttribute('rel', 'stylesheet');
12697link.setAttribute('href', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.css');
12698document.getElementsByTagName("head")[0].appendChild(link);
12699var script = document.createElement('script');
12700script.setAttribute('type', 'text/javascript');
12701script.setAttribute('src', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.js');
12702script.onload = function() {
12703window.myRoutine.init(element);
12704}
12705document.getElementsByTagName("head")[0].appendChild(script);
12706}
12707}, 100);
12708}
12709</script>
12709
12710
12711
12712
12713
12714<div class="footer-cloudchat">
12715
12716
12717
12718    
12718<script>
12719window.chatConfig = {
12720    setHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/ChatUtils-SetHandoffActive",
12721    clearHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/ChatUtils-ClearHandoffActive",
12722    alhenaCompanyId: "paulaschoice_de",
12723    addProductThroughChatUrl: "https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/Cart-AddProductThroughChat?format=ajax"
12724};
12725    </script>
12725
12726    
12727        
12727<script>
12728	document.gleenConfig = {
12729	    company: "paulaschoice_de",
12730	    apiBaseUrl: "https://app.alhena.ai"
12731	};
12732</script>
12732
12733<style>
12734	div#helix-chat-container .css-xn3drc {
12735	  z-index: 200 !important;
12736	}
12737</style>
12738<script src="https://app.alhena.ai/sdk/gleenWidget.js"></script>
vendor: 2 bytes, line 12738
12738
12739<script type="text/javascript">
12740	(function () {
12741	    function activateHandoffWidget() {
12742	        var tpl = document.getElementById('chatHandoffTemplate');
12743	        if (!tpl) {
12744	            console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.');
12745	            return;
12746	        }
12747fetch(window.chatConfig.setHandoffActiveUrl, {
12748        method: 'POST'
12749    }).catch(function (err) { console.error('Failed to persist handoff state:', err); });
12750	
12751	        var channel = tpl.getAttribute('data-channel');
12752	
12753	        if (channel === 'MIAW') {
12754	            window.addEventListener('onEmbeddedMessagingButtonCreated', function onBtn() {
12755	                window.removeEventListener('onEmbeddedMessagingButtonCreated', onBtn);
12756	                if (window.embeddedservice_bootstrap && embeddedservice_bootstrap.utilAPI) {
12757	                    embeddedservice_bootstrap.utilAPI.launchChat()
12758	                        .catch(function (err) { console.error('MIAW launchChat error:', err); });
12759window.gleenWidget.hideLauncher();
12760	                }
12761	            });
12762	        }
12763			if (channel === 'Kustomer') {
12764				// Persisted so the open request survives a reload during handoff.
12765				try {
12766					sessionStorage.setItem('pcKustomerAutoOpen', '1');
12767				} catch (e) {}
12768				window.pcKustomerAutoOpen = true;
12769			
12770				if (typeof window.gleenWidget.hideLauncher === 'function') {
12771					window.gleenWidget.hideLauncher();
12772				}
12773			}
12774	        // channel === 'IBM' / 'ServiceCloud' auto-open logic - pending review of those scripts
12775	
12776	        var clone = document.importNode(tpl.content, true);
12777	        document.body.appendChild(clone);
12778	    }
12779	
12780	    window.gleenWidget.on('ticket:agent_handoff_initiated', function () {
12781	        console.log('Alhena handoff initiated - activating human agent channel');
12782var tpl = document.getElementById('chatHandoffTemplate');
12783	        if (!tpl) {
12784	            console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.');
12785	            return;
12786	        }
12787	        window.gleenWidget.closeTicket();
12788	        window.gleenWidget.close();
12789	        activateHandoffWidget();
12790
12791	    });
12792	})();
12793</script>
12793
12794<!-- Alhena event tracking snippet -->
12795<script>
12796	!(function (w) {
12797	        w._alhenaEventQueue = w._alhenaEventQueue || [];
12798	        w.trackAlhenaEvent =
12799	            w.trackAlhenaEvent ||
12800	            function (method, data) {
12801	                console.log('[Alhena]', method, data);
12802	                w._alhenaEventQueue.push({ method: method, args: data });
12803	            };
12804	    })(window);
12805</script>
vendor: 2 bytes, line 12805
12805
12806<script>
12807	(function () {
12808	    function onGleenReady(cb) {
12809	        if (window.gleenWidget && typeof window.gleenWidget.on === 'function') {
12810	            cb();
12811	            return;
12812	        }
12813	        setTimeout(function () { onGleenReady(cb); }, 100);
12814	    }
12815	
12816	    function showAddedPopup(html) {
12817	        if (typeof window.pcShowProductAddedPopup === 'function') {
12818	            window.pcShowProductAddedPopup(html);
12819	            return;
12820	        }
12821	        // app.js not ready yet — retry briefly
12822	        var tries = 0;
12823	        var t = setInterval(function () {
12824	            tries += 1;
12825	            if (typeof window.pcShowProductAddedPopup === 'function') {
12826	                clearInterval(t);
12827	                window.pcShowProductAddedPopup(html);
12828	            } else if (tries > 40) {
12829	                clearInterval(t);
12830	            }
12831	        }, 100);
12832	    }
12833	
12834	        function readCartData() {
12835	    var el = document.querySelector('[data-cartdata]');
12836	    if (!el) {
12837	        return [];
12838	    }
12839	    try {
12840	        var data = JSON.parse(el.getAttribute('data-cartdata') || '[]');
12841	        return Array.isArray(data) ? data : [];
12842	    } catch (e) {
12843	        return [];
12844	    }
12845	}
12846	
12847	function refreshCartData() {
12848	            var url = window.Urls && Urls.getCartSkusInfo;
12849	            if (!url) {
12850	                return Promise.resolve();
12851	            }
12852	            return fetch(url, { credentials: 'same-origin' })
12853	                .then(function (r) { return r.text(); })
12854	                .then(function (text) {
12855	                    var el = document.querySelector('[data-cartdata]');
12856	                    if (!el || !text) {
12857	                        return;
12858	                    }
12859	                    var parsed = JSON.parse(text);
12860	                    el.setAttribute(
12861	                        'data-cartdata',
12862	                        typeof parsed === 'string' ? parsed : JSON.stringify(parsed)
12863	                    );
12864	                })
12865	                .catch(function (err) {
12866	                            console.error(err);
12867	                        });
12868	        }
12869	
12870	        function parseAlhenaPrice(price) {
12871	            if (typeof price === 'number' && !isNaN(price)) return price;
12872	            if (!price) return 0;
12873	            var n = parseFloat(String(price).replace(/[^\d.,-]/g, '').replace(',', '.'));
12874	            return isNaN(n) ? 0 : n;
12875	        }
12876	
12877	    onGleenReady(function () {
12878	        window.gleenWidget.on('products:added_to_cart', function (products) {
12879	            if (!products || !products.length) {
12880	                return;
12881	            }
12882	
12883	            var url = window.chatConfig && window.chatConfig.addProductThroughChatUrl;
12884	            if (!url) {
12885	                console.error('Alhena ATC: missing chatConfig.addProductThroughChatUrl');
12886	                return;
12887	            }
12888	
12889	                products.forEach(function (product) {
12890	                    var pid = product.variantId || product.masterProductId;
12891	                    if (!pid) {
12892	                        return;
12893	                    }
12894	                    var existing = readCartData().filter(function (item) {
12895	    return String(item.sku) === String(pid);
12896	})[0];
12897	var qtyBefore = existing ? Number(existing.quantity) || 0 : 0;
12898	                    fetch(url, {
12899	                        method: 'POST',
12900	                        credentials: 'same-origin',
12901	                        headers: {
12902	                            'Content-Type': 'application/x-www-form-urlencoded',
12903	                            'X-Requested-With': 'XMLHttpRequest'
12904	                        },
12905	                        body: 'pid=' + encodeURIComponent(pid) + '&source=alhena'
12906	                    })
12907	                        .then(function (r) {
12908	                            if (!r.ok) {
12909	                                throw new Error('Alhena ATC failed: ' + r.status);
12910	                            }
12911	                            return r.text();
12912	                        })
12913	                        .then(function (html) {
12914	                            showAddedPopup(html);
12915	                            // Do not close gleenWidget — leave chat open under the popup
12916	                            var cartEvent = {
12917	    type: qtyBefore > 0 ? 'QUANTITY_INCREASED' : 'ITEM_ADDED',
12918	    productId: pid,
12919	    productName: product.productName,
12920	    value: parseAlhenaPrice(product.price),
12921	    currency: product.currency,
12922	    quantity: qtyBefore + 1
12923	};
12924	                            console.log('[Alhena AB] sendCartEvent', cartEvent);
12925	                            trackAlhenaEvent('sendCartEvent', cartEvent);
12926	                            return refreshCartData();
12927	                    })
12928	                    .catch(function (err) {
12929	                        console.error(err);
12930	                    });
12931	            });
12932	        });
12933	    });
12934	})();
12935</script>
12935
12936    
12937
12938    
12939        <template id="chatHandoffTemplate" data-channel="MIAW">
12940            
12941                
12941<script type='text/javascript'>
12942    function initEmbeddedMessaging() {
12943        try {
12944window.addEventListener("onEmbeddedMessagingReady", () => {
12945    // Check if the Embedded Service API and prechatAPI are available
12946    if (embeddedservice_bootstrap && embeddedservice_bootstrap.prechatAPI) {
12947        console.log("Embedded Service and Prechat API are available.");
12948
12949        try {
12950            // Set Hidden Pre-chat Fields
12951            embeddedservice_bootstrap.prechatAPI.setHiddenPrechatFields({
12952                MC_Chat_Request_Page: window.location.pathname,
12953                MC_Chat_Request_Site: "de_DE"
12954            });
12955
12956            console.log("Hidden Pre-chat fields set successfully.");
12957
12958            // Set Pre-chat Fields (Name and Email)
12959            embeddedservice_bootstrap.prechatAPI.setVisiblePrechatFields({
12960    // List the pre-chat field names with the value and whether
12961    // it's editable in the pre-chat form.
12962    "_firstName": {
12963      "value": "",
12964      "isEditableByEndUser": true
12965    },
12966    "_lastName": {
12967      "value": "",
12968      "isEditableByEndUser": true
12969    },
12970    "_email": {
12971      "value": "",
12972      "isEditableByEndUser": true
12973    }
12974  });
12975
12976            console.log("Pre-chat fields set successfully.");
12977        } catch (error) {
12978            console.error("Error setting Pre-chat fields:", error);
12979        }
12980    } else {
12981        console.error("Embedded Service API or Prechat API is not available.");
12982    }
12983});
12984
12985
12986            embeddedservice_bootstrap.settings.language = "de"; 
12987
12988window.addEventListener("onEmbeddedMessagingReady", () => 
12989        {
12990            console.log("Received the onEmbeddedMessagingReady event…");
12991
12992            // Send token to Salesforce
12993    
12994            embeddedservice_bootstrap.userVerificationAPI.setIdentityToken
12995            ({
12996            identityTokenType : "JWT", 
12997            identityToken :"eyJhbGciOiJSUzI1NiIsInR5cGUiOiJKV1QiLCJraWQiOiJwY2RldjEyMyJ9.eyJpc3MiOiJkZXZlbG9wbWVudC5wYXVsYXNjaG9pY2UubmwiLCJzdWIiOiJndWVzdC11c2VyLTYwM2EzNDhlIiwiZXhwIjoyMTA1NzA4NTU5fQ.aj8N3eEGrsGI8M_OfOL725eFre3Y3zGEdJIKVUYeaTTd0LMowCFGiTaLjLuF39dRDxMoz8T55lnXfZBMNp5jMTlGRoMbS5lK5kLl_p4jviv-jf9PZ4cRAz0qj2Oiluz2W7MAbTvuD3ihXTAxb25iFtmhFr5sK2Q4C83sLttVqVNG1WRk2Lt4IzcK_Pj53TVASydM6TJQSEntynjgDy4cospVaTyVZh-209u-9MM98gPRw_7k1Dg2Q0CWt51Bfi_n4b-D2jmIAbiMA2RAUL408Pgklff_ENzc-sM5Fjm-3n3i4VJep1V0sapveLxEyo1mNrmw8t-0ZXvFWtzmW6AdsA"
12998            });
12999
13000
13001        });
13002
13003            embeddedservice_bootstrap.init(
13004                "00D5J000000FJ2k",
13005                'Messaging_for_Web',
13006                "https://paulaschoice.my.site.com/ESWMessagingforWeb1756725066092",
13007                {
13008                    scrt2URL: "https://paulaschoice.my.salesforce-scrt.com"
13009                }
13010            );
13011        } catch (err) {
13012            console.error('Error loading Embedded Messaging: ', err);
13013        }
13014    };
13015</script>
vendor: 2 bytes, line 13015
13015
13016<script type='text/javascript' src='https://paulaschoice.my.site.com/ESWMessagingforWeb1756725066092/assets/js/bootstrap.min.js' onload='initEmbeddedMessaging()'></script>
13016
13017            
13018        </template>
13019    
13020
13021
13022
13023
13024</div>
13025
13026
13027
13028
13029
13030
13031
13032<footer class="main-footer main-footer--redesign">
13033<section class="main-footer__nav">
13034<div class="main-footer__container">
13035<div class="main-footer__nav-layout">
13036<div class="main-footer__nav-left">
13037<div class="main-footer__nav-columns">
13038<div class="main-footer__nav-column">
13039
13040
13041
13042
13043
13044
13045
13046
13047
13048
13049
13050
13051
13052<div class="content-asset">
13053<input class="main-footer__toggle-checkbox" id="main-footer-column-two" type="checkbox">
13054<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-two">Unser Engagement</label>
13055<div class="main-footer__toggle">
13056	<ul class="main-footer__column-list" data-columns="1">
13057		<li class="main-footer__column-list-item">
13058			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/paulas-vision/paulas-vision.html">Wer wir sind</a>
13059		</li>
13060		<li class="main-footer__column-list-item">
13061			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/wer-ist-paula-begoun/paulas-story.html">Paulas Geschichte</a>
13062		</li>
13063		<li class="main-footer__column-list-item">
13064			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/wissenschaftlicher-beirat">Wissenschaftlicher Beratung</a>
13065		</li>
13066		<!--li class="main-footer__column-list-item">
13067			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/sustainability">Nachhaltige Verfahren</a>
13068		</li-->
13069		</ul>
13070</div>
13071</div>
13072
13073
13074
13075
13076
13077</div>
13078<div class="main-footer__nav-column">
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088
13089
13090
13091
13092<div class="content-asset">
13093<input class="main-footer__toggle-checkbox" id="main-footer-column-three" type="checkbox">
13094<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-three">Unsere Services</label>
13095<div class="main-footer__toggle">
13096	<ul class="main-footer__column-list" data-columns="1">
13097	                <li class="main-footer__column-list-item">
13098			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/faq-fragen-produkten/faq-product-questions.html">Fragen zu Produkten</a>
13099		</li>
13100	<li class="main-footer__column-list-item">
13101			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/haeufig-gestellte-fragen/faq.html">FAQ</a>
13102		</li>
13103	<li class="main-footer__column-list-item">
13104			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/faq-versand/faq-shipping.html">Versand & Lieferung</a>
13105		</li>
13106		<li class="main-footer__column-list-item">
13107			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/faq-bestellung-bezahlung/faq-ordering-payments.html">Bestellung & Bezahlung</a>
13108		</li>
13109			<li class="main-footer__column-list-item">
13110			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/international/international.html">Internationale Domänen</a>
13111		</li>
13112		<li class="main-footer__column-list-item">
13113			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/store-finder/store-information.html">Store Finder</a>
13114		</li>
13115		<li class="main-footer__column-list-item">
13116			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/faq-returns-exchanges/faq-returns-exchanges.html">Retouren</a>
13117		</li>
13118		<li class="main-footer__column-list-item">
13119			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/press/press.html">Presse</a>
13120		</li>
13121                <li class="main-footer__column-list-item">
13122			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/contact-us">Kontakt</a>
13123		</li>
13124		<li class="main-footer__column-list-item">
13125			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/affiliate-partnerprogramm/affiliate.html">Affiliate-Partnerprogramm</a>
13126		</li>
13127		<!--li class="main-footer__column-list-item">
13128			<a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/cookies/cookies.html">Cookie-Einstellungen</a>
13129		</li-->
13130
13131	</ul>
13132</div>
13133</div>
13134
13135
13136
13137
13138
13139</div>
13140<div class="main-footer__nav-column">
13141
13142
13143
13144
13145
13146
13147
13148
13149
13150
13151
13152
13153
13154<div class="content-asset">
13155<input class="main-footer__toggle-checkbox" id="main-footer-column-four" type="checkbox" /> 
13156<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-four">Unsere Extras</label>
13157
13158<div class="main-footer__toggle">
13159<ul class="main-footer__column-list" data-columns="1">
13160	<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/routine-finder">Finde deine Pflegeroutine</a></li>
13161	<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/contact-us">Pers&ouml;nliche Hautberatung</a></li>
13162	<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/rabattseite">Angebote und Rabatte</a></li>
13163	<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/newsletter/newsletter.html">Angebote f&uuml;r Mitglieder</a></li>
13164	<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/new-landingpage-referral-marketing/refer-a-friend.html?situation=website_footer">Freund:in empfehlen</a></li>
13165	<!--li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/giftcertpurchase">Digitale Geschenkkarte</a></li-->
13166<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/student-discount/studentdiscount.html">Studentenrabatte</a></li>
13167<li class="main-footer__column-list-item"><a class="main-footer__column-list-link" href="https://www.paulaschoice.de/de/paulas-choice-insiders/insiders.html">Werde Brand Ambassador</a></li>
13168</ul>
13169</div>
13170</div>
13171
13172
13173
13174
13175
13176</div>
13177</div>
13178</div>
13179<div class="main-footer__nav-right">
13180<div class="main-footer__nav-column main-footer__nav-column--five">
13181
13182
13183
13184
13185
13186
13187
13188
13189
13190
13191
13192
13193
13194<div class="content-asset">
13195<div class="main-footer__newsletter">
13196     <h3 class="main-footer__top-headline h3-extended-lg-black">Exklusive Angebote zur Anmeldung</h3>
13197     
13198
13199
13200
13201
13202
13203
13204
13205
13206
13207
13208
13209
13210
13211
13212
13213
13214
13215
13216
13217
13218
13219
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234
13235
13236
13237
13238
13239
13240
13241
13242
13243
13244
13245
13246
13247
13248
13249
13250
13251
13252
13253
13254
13255
13256
13257
13258
13259
13260
13261
13262
13263
13264
13265
13266
13267
13268
13269
13270
13271
13272
13273
13274
13275
13276
13277
13278
13279
13280
13281
13282
13283
13284
13285
13286
13287
13288
13289
13290
13291
13292
13293
13294
13295
13296
13297
13298
13299
13300
13301
13302
13303
13304
13305
13306
13307
13308
13309
13310
13311
13312
13313
13314
13315
13316
13317
13318
13319
13320
13321
13322
13323<div class="newsletter-footer" >
13324<form
13325method="post"
13326id="com.demandware.beehive.core.internal.forms.FormImpl@22a1a2ec"
13327class="newsletter-footer__form js-newsletter-send"
13328data-eventAction='Footer Newsletter Submit'
13329data-is-emarsys-enabled-for-locale="false"
13330data-emarsys-page="footer">
13331<div class="newsletter-footer__field-wrap">
13332<input type="hidden" class="text field" name="dwfrm_newsletter_type" value="footer" />
13333<input class="newsletter-footer__field js-newletter-input" type="email" placeholder="Meine Email-Adresse" name="dwfrm_newsletter_emailAddress" />
13334
13335<button
13336type="submit"
13337class="newsletter-footer__submit js-newsletter-subscribe js-newsletter-footer-submit-recaptcha"
13338data-captchaId="captcha_container_newsletter"
13339name="dwfrm_newsletter_submit"
13340aria-label="Senden"
13341>
13342<img
13343class="newsletter-footer__submit-icon"
13344src="/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dwbf888900/images/newsletter/newsletter_arrow.svg"
13345alt=""
13346aria-hidden="true"
13347/>
13348</button>
13349<div class="newsletter-footer__recaptcha-row">
13350<input type="hidden" name="dwfrm_newsletter_recaptcha" />
13351<div class="newsletter-footer__recaptcha-newsletter" id="captcha_container_newsletter"></div>
13352</div>
13353
13354</div>
13355<div class="newsletter-footer__error js-newsletter-error"></div>
13356</form>
13357</div>
13358
13359</div>
13360
13361
13362
13363
13364
13365
13366
13367
13368
13369
13370
13371
13372
13373
13374
13375
13376
13377<div class="content-asset">
13378<div class="main-footer__socials">
13379	<!--div class="main-footer__socials-label text-extended-lg-black">
13380		Folg uns auf Social Media
13381	</div-->
13382	<ul class="main-footer__column-socials-list">
13383		<li class="main-footer__column-socials-item">
13384			<a class="main-footer__column-socials-link" title="TikTok" href="https://www.tiktok.com/@paulaschoicede" target="_blank"><span class="icon icon-tiktok" aria-hidden="true"></span></a>
13385		</li>
13386<li class="main-footer__column-socials-item">
13387			<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>
13388		</li>
13389<li class="main-footer__column-socials-item">
13390			<a class="main-footer__column-socials-link" title="Youtube" href="https://www.youtube.com/user/paulaschoicede" target="_blank"><span class="icon icon-youtube" aria-hidden="true"></span></a>
13391		</li>
13392		
13393<li class="main-footer__column-socials-item">
13394			<a class="main-footer__column-socials-link" title="Facebook" href="https://www.facebook.com/PaulasChoiceDeutschland" target="_blank"><span class="icon icon-facebook" aria-hidden="true"></span></a>
13395		</li>
13396		<!--li class="main-footer__column-socials-item">
13397			<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>
13398		</li-->
13399		
13400		
13401	</ul>
13402</div>
13403</div>
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413
13414    <div class="language-selector">
13415        <label class="language-selector__label">
13416            Sprache ausw&auml;hlen:
13417        </label>
13418        <select size="1" class="language-selector__select js-language-selector" name="language-selector">
13419            
13420                
13421                <option data-redirect-url="https://www.paulaschoice.de/de/contact-us" selected="selected" value="de" >
13422                    Deutsch
13423                </option>
13424            
13425                
13426                <option data-redirect-url="https://www.paulaschoice.de/en/contact-us"  value="en" >
13427                    Englisch
13428                </option>
13429            
13430        </select>
13431    </div>
13432
13433
13434
13435</div>
13436</div>
13437</div>
13438</div>
13439</section>
13440<section class="main-footer__meta">
13441<div class="main-footer__container">
13442<div class="main-footer__meta-row">
13443<div class="main-footer__bottom-copyright">
13444
13445
13446
13447
13448
13449
13450
13451
13452
13453
13454
13455
13456<div class="content-asset">
13457Copyright &copy;
13458<script type="text/javascript">document.write(new Date().getFullYear());</script>
13458
13459Paula's Choice
13460
13461
13462<style>
13463/* hide trusted shops mobile icon */
13464div[id*="minimized-trustbadge"]{
13465  display:none!important;
13466}
13467</style>
13468<!--badge adjustment-->
13469<style type="text/css">
13470div.product-tile__badges div.js-badge.badge.badge-promo span {background: transparent; }
13471.badge span:before {padding-bottom: 0px}
13472div.product-image__footer-inner div.product-labels span {font-size: 12px !important; padding: 5px !important;}
13473div.product-image__footer-inner div.product-labels {gap: 3px !important;}
13474</style>
13475
13476<!--style for homepage button block1-->
13477    <style type="text/css">
13478 .newdesign {text-shadow:  -1px -1px #333133, 1px 1px #333133, 2px 2px #333133,     3px 3px #333133, 4px 4px #333133, 5px 5px #333133,     6px 6px #333133, 7px 7px #333133, 8px 8px #333133,     9px 9px #333133, 10px 10px #333133, 11px 11px #333133,     12px 12px #333133, 13px 13px #333133, 14px 14px #333133,     15px 15px #333133, 16px 16px #333133, 17px 17px #333133,     18px 18px #333133; margin-bottom: 20px;}
13479    @media screen and (max-width: 767px) {
13480    div.video-banner__media picture.video-banner__image {aspect-ratio: 9/16}
13481    .video-banner__text-content--fullwidth {max-width: 100%; width: 100%;}
13482@media screen and (max-width: 768px) {
13483  /*body .quick-ctas-carousel .quick-ctas-item a {border-color: #333133; color: #333133;}
13484.header {border-bottom: 1px solid #333133;}*/
13485     }
13486    </style>
13487
13488<!--style for homepage mobile image block1-->
13489<style type="text/css">
13490@media screen and (max-width: 767px) {
13491div.video-banner__media picture.video-banner__image {aspect-ratio: 9/16}
13492}
13493</style>
13494
13495<!--style for exfoliant finder page for FF-->
13496<style type="text/css">
13497@media screen and (min-width: 768px) {
13498@-moz-document url-prefix() {
13499div.js-skintype.field-wrapper.routine-step-1__wrapper div.routine-right-block div.form-row div.field-wrapper label {width: 120px;}
13500}
13501}
13502</style>
13503
13504<!--style for SAB page-->
13505<style type="text/css">
13506div#scienceadvisoryboard.main-region.js-expert-advice-main  div.column.column-text.text-position-right.text-position-bottom p a {padding: 0px; display: inline;}
13507</style>
13508
13509<!--style for the skintypefinder on the homepage-->
13510<style type="text/css">
13511div.mini-routinefinder__card__desc div.mini-routinefinder__card__desc--long ul {padding-left: 0px;}
13512div.mini-routinefinder__card__desc div.mini-routinefinder__card__desc--long ul li {margin-left: 17px}
13513div.mini-routinefinder__card__desc div.mini-routinefinder__card__desc--short p {font-size: 16px; line-height: 22px;}
13514</style>
13515
13516
13517
13518<!--move the email text to the right-->
13519<!--style type="text/css">
13520@media screen and (min-width: 1180px) {
13521h3.main-footer__top-headline {margin-right: 20px; text-align: right !important;}
13522}
13523</style-->
13524<!--style for the collection name everywhere-->
13525<style type="text/css">
13526.coll-name {text-transform: uppercase; font-weight: 600; font-size: 80%;}
13527</style>
13528
13529<!--style for the subheader span homepage-->
13530<style type="text/css">
13531@media screen and (max-width: 767px) {
13532h3.video-banner__subheading { font-size: 16px;}
13533}
13534/*h3.video-banner__subheading span { line-height: 22px; font-size: 18px; letter-spacing: 1.1px; white-space: normal}*/
13535
13536@media screen and (min-width: 768px) {
13537h1.video-banner__heading {max-width: 100%;}
13538}
13539</style>
13540
13541</style>
13542<!--h3.video-banner__subheading span {background-color: #fff; color: #333133; letter-spacing: 1.3px; white-space: unset; display: inline-block; line-height: 22px; padding: 2px 5px; font-size: 17px}-->
13543<!--style for the CALM migration page -->
13544<style type="text/css">
13545div#calm-migration.main-region.js-expert-advice-main div.expertadvice-blocks div.experience-component.experience-assets-expertadvicetext section.column-banner.js-animated-element.animated-element.fade-up.animation-started div.column.column-text h2 {letter-spacing: 0px; font-weight: 400; margin-bottom: 0px}
13546div#calm-migration.main-region.js-expert-advice-main div.expertadvice-blocks div.experience-component.experience-assets-expertadvicetext section.column-banner.js-animated-element.animated-element.fade-up.animation-started div.column.column-text h2 strong {text-transform: none; font-weight: 600}
13547div#calm-migration.main-region.js-expert-advice-main div.expertadvice-blocks div.experience-component.experience-assets-expertadvicetext,  div#calm-migration.main-region.js-expert-advice-main div.expertadvice-blocks div.experience-component.experience-assets-expertadviceimagetext {margin-bottom: 0px;margin-top: 0px;}
13548</style>
13549
13550<!--notify me button adjustment-->
13551<!--style type="text/css">
13552@media screen and (min-width: 768px) {
13553div.add-to-cart-wrapper {height: 41px;}
13554.product-basic-actions .wide-button {margin: 0px; padding-top: 3px !important; width: 60%; height: 40px;}
13555}
13556@media screen and (max-width: 767px) {
13557div.add-to-cart-wrapper {height: 41px;}
13558.product-basic-actions .wide-button {margin: 0px; padding-top: 3px !important; width: 100%; height: 40px;font-size: 13px;}
13559}
13560</style-->
13561
13562<!--remove sentence to open bundle products-->
13562
13563<style type="text/css">
13564div.product-basic-actions-wrapper div.product-detail-list div.product-bundles {display: none;}
13565</style>
13566
13567<!--homepage banner anniversary-->
13568<!--style type="text/css">
13569div.content-max-container {max-width: 100%;}
13570div.content-max-container h2 {overflow: hidden; white-space: nowrap;}
13571div.content-max-container h2.beauty-component__text a::after {content: none;}
13572</style-->
13573
13574<!--style for disclaimer text-->
13575<style type="text/css">
13576p em{
13577  font-size:12px !important;
13578}
13579.focal-points__item-title {font-size:24px !important;}
13580.experience-assets-textwithbackground h3{font-size:24px; font-weight:600;}
13581.experience-assets-textwithbackground h2{letter-spacing:normal !important ;}
13582</style>
13583
13584<!--exfoliant finder image hack-->
13585<style type="text/css">
13586div.product-extrainformation__contactus__image img {height: auto !important;}
13587</style>
13588
13589<!--hack for image in the slider on the ingredient dictionary-->
13590<!--style type="text/css">
13591div.js-slide-wrapper.slide-wrapper.ingredient-detail__wrapper div.js-slide.product-tile.product-carousel__slider-tile.product-carousel__slider-tile--centered.swiper-slide-visible.swiper-slide-active div.product-slide-content.product-slide__tile.product-tile.js-product-tile.js-product-slider-tile div.product-tile__image-wrapper a.product-tile__image-link picture.product-tile__picture img.product-tile__image.js-product-tile-image.lazy.entered.loaded {height: 60%}
13592</style-->
13593
13594<!--finder strike through price - wait for design and content stack-->
13595    <style type="text/css">
13596    div#spf-finder.main-region div.homepage-blocks div.experience-component.experience-commerce_assets-routineFinder form.pd-routine-finder div.routine-final-step.js-pdroutinefinder-resultpage div.resultpage-template section.product-information div.product-tile-footer div.product-tile-footer__info div.product-pricing span.product-standard-price.price-standard.strike-throughprice, div#exfoliant-finder.main-region div.homepage-blocks div.experience-component.experience-commerce_assets-routineFinder form.pd-routine-finder div.routine-final-step.js-pdroutinefinder-resultpage div.resultpage-template section.product-information div.product-tile-footer div.product-tile-footer__info div.product-pricing span.product-standard-price.price-standard.strike-throughprice, div.recommender-container div.recommended-product-details section.details-container div.recomm-product-price span.item-price span.product-standard-price.price-standard.strike-throughprice {text-decoration: line-through;}
13597    </style>
13598
13599<!--new guidelines 2024-->
13600<style type="text/css">
13601.collection-header .information-banner, h4.search-suggestions__heading {background-color: #f6f7f6;}
13602/*div.promotional-accordeon.js-accordeon-section.collection-block h3.js-accordeon-trigger.accordeon-trigger {background-color: #f6f7f6 !important;}
13603div.promotional-accordeon.js-accordeon-section.collection-block div.js-accordeon-body.accordeon-body {background-color: #f6f7f6 !important;}
13604div.accordeon-body-content div.educational {border-top: 1px solid #ffffff !important}*/
13605
13606button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button--active {background-color: #f6f7f6 !important;}
13607button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button {border: 1px solid #f6f7f6}
13608div.product-how__step-wrapper {background-color: #f6f7f6 !important;}
13609div.product-how__description {background-color: #f6f7f6 !important;padding: 20px;}
13610div.confirmation__main-order {background-color: #f6f7f6 !important;}
13611</style>
13612
13613
13614
13615<!--country popup -->
13616<style type="text/css">
13617div.country-dialog-wrap {display: none;}
13618</style>
13619
13620<!--new addition for the homepage block3a-->
13621    <!--style type="text/css">
13622/*div.featured-articles__banner picture.featured-articles__banner-picture img.cover-img.lazy.entered.loaded {width: 100%}*/
13623</style-->
13624
13625<!--homepage block 1 image-->
13626<style type="text/css">
13627@media screen and (min-width: 1180px) {
13628section.video-banner a.video-banner__media-link div.video-banner__media picture.video-banner__image {height: 100vh;}
13629}
13630</style>
13631
13632<!--ingredient checker-->
13633<style type="text/css">
13634div.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}
13635div.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;}
13636div.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;}
13637div.about-dictionary__text p {font-size: 14px; font-weight: 400}
13638section.about-dictionary__wrapper, section.ingredient-research {background-color: #f6f7f6}
13639
13640@media screen and (max-width: 767px) {
13641div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container h1.ingredient-checker-rte__title {font-size: 30px}
13642}
13643</style>
13644
13645<!--UEFA campaign-->
13646<style type="text/css">
13647p.video-banner__text font.uefa {width: 350px; display: inline-block;}
13648@media screen and (max-width: 767px) {
13649p.video-banner__text font.uefa {width: auto; display: inline-block;}
13650}
13651</style>
13652
13653<!--email block Unidays page-->
13654<style type="text/css">
13655h1.video-banner__heading font.student {width: 500px; display: inline-block;}
13656div#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}
13657div#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}
13658div#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%}
13659div#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}
13660div#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;}
13661
13662@media screen and (max-width: 767px) {
13663h1.video-banner__heading font.student {width: auto; display: inline-block;}
13664}
13665</style>
13666<!--block2 homepage wider-->
13667<style type="text/css">
13668h2.promo-block-redesign__title {max-width: 450px}
13669</style>
13670
13671<!--anchor homepage-->
13672<style type="text/css">
13673span.anchor-om {display: block;position: relative;top: -70px;visibility: hidden;}
13674</style>
13675
13676<!--exfoliant homepage-->
13677<!--style type="text/css">
13678h1.video-banner__heading div.exfoliant {max-width: 650px}
13679</style-->
13680
13681<!--black friday homepage-->
13682<!--style type="text/css">
13683
13684@media screen and (min-width: 1180px)  {
13685h1.video-banner__heading div.black-friday {line-height: 10px;margin-bottom: -50px}
13686h1.video-banner__heading div.black-friday .up-to {font-weight: 600;font-size:40px;line-height: 0px}
13687h1.video-banner__heading div.black-friday .percent {font-weight: 800;line-height: 170px}
13688}
13689
13690@media screen and (max-width: 767px) {
13691h1.video-banner__heading div.black-friday {}
13692h1.video-banner__heading div.black-friday .up-to {font-weight: 600;font-size:35px;line-height:60px}
13693h1.video-banner__heading div.black-friday .percent {font-weight: 800;}
13694}
13695
13696</style-->
13697<!--christmas homepage-->
13698<!--style type="text/css">
13699h2.promo-block-redesign__title span.christmas {font-weight: 800; font-size: 66px; color: #fff}
13700@media screen and (max-width: 767px) {
13701h2.promo-block-redesign__title span.christmas {font-size: 26px;}
13702}
13703</style-->
13704<!--longevity shopping-->
13705<!--style type="text/css">
13706h1.video-banner__heading div.future {font-family: Area;   font-style: normal;   font-weight: 950;   font-stretch: condensed;}
13707h1.video-banner__heading div.your-skin {font-family: Area;   font-style: normal;   font-weight: 900;  font-size: 61px; font-stretch: expanded;}
13708h3.video-banner__subheading div.eyebrow {text-transform: uppercase; font-family: Area; font-stretch: expanded;font-weight: 950; font-size: 15.5px}
13709
13710h2.promo-block-redesign__title div.future {font-family: Area;   font-style: normal;   font-weight: 950;   font-stretch: condensed; font-size: 84px; display: block; margin-bottom: -14px; margin-top: 14px}
13711h2.promo-block-redesign__title div.your-skin {font-family: Area;   font-style: normal;   font-weight: 900;  font-size: 64px; font-stretch: expanded;}
13712h2.promo-block-redesign__title div.eyebrow {text-transform: uppercase; font-family: Area; font-stretch: expanded;font-weight: 950; font-size: 15px}
13713
13714@media screen and (min-width: 768px) and (max-width: 1179px ){
13715h1.video-banner__heading div.future {margin-bottom: 6px;}
13716h1.video-banner__heading div.your-skin { font-size: 48px;}
13717h3.video-banner__subheading div.eyebrow {font-size: 12px}
13718
13719h2.promo-block-redesign__title div.future {text-align: center; margin-bottom: -4px;font-size: 58px}
13720h2.promo-block-redesign__title div.your-skin {text-align: center; font-size: 45px}
13721h2.promo-block-redesign__title div.eyebrow {text-align: center; font-size: 11px;}
13722}
13723@media screen and (max-width: 767px) {
13724h1.video-banner__heading div.future {text-align: center; margin-bottom: 6px;}
13725h1.video-banner__heading div.your-skin  {text-align: center; font-size: 48px}
13726h3.video-banner__subheading div.eyebrow {text-align: center; font-size: 12px;}
13727
13728h2.promo-block-redesign__title div.future {text-align: center; margin-bottom: -4px;font-size: 26px}
13729h2.promo-block-redesign__title div.your-skin {text-align: center; font-size: 20px}
13730h2.promo-block-redesign__title div.eyebrow {text-align: center; font-size: 8px;}
13731}
13732</style-->
13733
13734<!--valentine-->
13735<!--style type="text/css">
13736span.val-sentence {font-family: Area; font-stretch: expanded; font-size: 22px;}
13737font.val-main {font-family: Area; font-stretch: expanded; color: #333133; font-weight: 900; display: block; margin-bottom: -10px; margin-top: 10px;}
13738
13739@media screen and (min-width: 768px) and (max-width: 1179px ){
13740font.val-main {margin-bottom: 0px;}
13741}
13742@media screen and (max-width: 767px) {
13743font.val-main {margin-top: 5px; margin-bottom: 0px;}}
13744}
13745</style-->
13746
13747<!--anti-aging 18/02-->
13748<!--style type="text/css">
13749.hp-line1 {color: #333133; line-height: 1.2em}
13750.hp-line2 {color: #333133; }
13751.hp-line3 {color: #333133; font-size: 22px; margin-top: -40px; margin-bottom: 30px;
13751display: block;}
13752.hp-line3-spring {color: #333133; font-size: 22px; margin-top: -10px; margin-bottom: -10px; display: block;}
13753
13754
13755@media screen and (max-width: 767px) {
13756.hp-line1, .hp-line2 {color: #ffffff}
13757.hp-line3 {color: #ffffff; font-size: 17px; margin-top: -10px}
13758.hp-line3-spring {color: #ffffff; font-size: 17px; margin-bottom: 10px; margin-top: 15px;}
13759}
13760</style-->
13761
13762<!--homepage hero ingredients-->
13763<!--style type="text/css">
13764h3.video-banner__subheading div.eyebrow {font-size: 20px; font-stretch: expanded; font-weight: 700; font-family: Area}
13765.hp-line1-white {color: #ffffff; line-height: 1.2em; font-stretch: expanded; font-weight: 1000; font-family: Area}
13766.hp-line3-white {color: #ffffff; font-size: 20px; margin-top: -30px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 400}
13767
13768@media screen and (max-width: 767px) {
13769h3.video-banner__subheading div.eyebrow {font-size: 16px; font-stretch: expanded; font-weight: 700; font-family: Area}
13770.hp-line3-white {color: #fff; font-size: 16px; margin-top: -6px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 400}
13771}
13772</style-->
13773
13774<!--homepage Easter-->
13775<!--style type="text/css">
13776.hp-line1-easter {color: #ffffff;  line-height: 1.2em; font-stretch: expanded; font-weight: 1000; width: 50%}
13777.hp-line3-easter {color: #ffffff; font-size: 20px; margin-top: -30px; margin-bottom: 30px; display: block; font-weight: 400}
13778.hp-block2 {font-size: 1.8em}
13779
13780@media screen and (max-width: 767px) {
13781.hp-line1-easter {color: #ffffff; line-height: 1.2em; font-stretch: expanded; font-weight: 1000; width: 100%}
13782.hp-line3-easter {color: #fff; font-size: 16px; margin-top: -6px; margin-bottom: 22px; display: block;  font-weight: 400}
13783.hp-block2 {font-size: 1.2em}
13784} 
13785</style-->
13786
13787<!--homepage better skin days-->
13788<style type="text/css">
13789h3.video-banner__subheading div.eyebrow-bsd {font-stretch: expanded; font-weight: 1000; font-family: Area}
13790.hp-line1-bsd {color: #ffffff; line-height: 0.8em; font-stretch: expanded; font-weight: 1000; font-family: Area}
13791.hp-line2-bsd {color: #ffffff; font-size: 20px; margin-top: -30px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 400}
13792
13793@media screen and (max-width: 767px) {
13794.hp-line1-bsd {margin-top: -6px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 1000}
13795.hp-line2-bsd {font-size: 16px; margin-top: -6px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 400}
13796} 
13797</style>
13798
13799
13800<!--homepage general-->
13801<style type="text/css">
13802h3.video-banner__subheading div.eyebrow {font-size: 20px; font-stretch: expanded; font-weight: 700; font-family: Area}
13803h3.video-banner__subheading div.eyebrow-white {font-size: 20px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -20px}
13804h3.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}
13805.hp-line1 {color: #ffffff; line-height: 1.2em; font-stretch: expanded; font-weight: 1000; font-family: Area; margin-top: -10px;}
13806.hp-line2 {color: #ffffff; font-size: 20px; margin-top: -40px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 400}
13807.hp-line2-white {color: #ffffff; font-size: 20px; margin-top: -36px; margin-bottom: 26px; display: block; font-family: Area; font-weight: 400; max-width: 450px}
13808
13809@media screen and (min-width: 768px) and (max-width: 1199px ) {
13810.hp-line2 {margin-top: 0px;}
13811
13812}
13813
13814@media screen and (max-width: 767px) {
13815h3.video-banner__subheading div.eyebrow {font-size: 16px; font-stretch: expanded; font-weight: 700; font-family: Area}
13816h3.video-banner__subheading div.eyebrow-white {font-size: 16px; font-stretch: expanded; font-weight: 900; font-family: Area; color: #fff; margin-bottom: -16px}
13817h3.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}
13818.hp-line1 {}
13819.hp-line2 {color: #fff; font-size: 16px; margin-top: -6px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 400}
13820.hp-line2-white {margin-top: -10px; max-width: none; line-height: 1.2em;}
13821} 
13822</style>
13823
13824<!--homepage general black-->
13825<style type="text/css">
13826h3.video-banner__subheading div.eyebrow {font-size: 20px; font-stretch: expanded; font-weight: 1000; font-family: Area; line-height: .1em; color: #1c1c1c}
13827.hp-line1-black {line-height: 1.1em; font-stretch: expanded; font-weight: 1000; font-family: Area; width: 500px}
13828.hp-line2-black {font-size: 20px; margin-top: -40px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 500; width: 440px}
13829.h1-ivypresto-black {line-height: 2em;  font-size: 35px; font-weight: 300; font-family: ivypresto;}
13830
13831@media screen and (min-width: 768px) and (max-width: 1199px ) {
13832.hp-line2-black {margin-top: 0px;}
13833}
13834
13835@media screen and (max-width: 767px) {
13836h3.video-banner__subheading div.eyebrow {font-size: 16px; font-stretch: expanded; font-weight: 1000; font-family: Area;}
13837.hp-line1-black {width: 100%; line-height: 1.2em; }
13838.hp-line2-black { font-size: 16px; margin-top: -10px; margin-bottom: 8px; display: block; font-family: Area; font-weight: 400; width: 100%; line-height: 1.1em; }
13839.h1-ivypresto-black {line-height: 1.3em;  font-size: 30px; font-weight: 300; font-family: ivypresto;}
13840} 
13841</style>
13842
13843<!--homepage ivypresto-->
13844<style type="text/css">
13845h3.video-banner__subheading div.eyebrow-ivypresto {font-size: 24px; font-weight: 400; font-family: ivypresto; line-height: 3em}
13846.h1-ivypresto {line-height: 1em;  font-weight: 300; font-family: ivypresto; margin-top: -16px;}
13847.h1-ivypresto i {font-family: 'IvyPresto'; font-weight: 300;}
13848</style>
13849
13850
13851<!--new styles brand restage 2026-->
13852<style type="text/css">
13853button.js-wishlist.button.js-wishlist-remove.js-wishlist-remove-accountpage.wishlist__remove-btn {background: transparent !important}
13854a.product-review-category-link.text-extended-sm-bold {max-width: none !important; margin-bottom: 12px !important;}
13855
13856/*.h3-extended-lg-black {font-stretch:expanded;font-size:20px;font-weight:1000}*/
13857.link-normal-sm-semibold {font-size: 12px !important;  font-weight: 700 !important}
13858.text-normal-md-medium { font-weight: 800; font-stretch: normal; }
13859.main-footer__column-list-link {font-size: 12px !important; font-stretch: normal !important}
13860div.navigation-link figure figcaption a {font-size: 12px; font-weight:700; letter-spacing: normal}
13861.cnvrt-collection-name, .product-collection-name {font-size: 10px; line-height: 1.3em; height: auto !important}
13862div.pr-category-snippet__total.pr-category-snippet__item {font-size: 10px !important}
13863.main-nav-slot__heading {font-size:16px; font-stretch:expanded; font-weight:1000; margin: 18px 0 19px;}
13864.h4-normal-lg-medium, h4.h4-normal-xs-black {letter-spacing: normal}
13865.featured-article__text, h4.featured-article__subheading {line-height: 1.5em !important}
13866h1.h1-normal-2xl-semibold {font-stretch: normal}
13867div.category-slot div.cat-banner h1 {font-weight:1000; font-stretch:expanded;}
13868.link-normal-base-extrabold {font-weight: 800}
13869.text-normal-base-medium {font-size: 16px !important}
13870<!--prices-->
13871div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 14px !important; text-decoration-line: line-through !important;}
13872div.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;} 
13873div.recomm-product-price span.item-price span.product-sales-price.price-sales {color: #1c1c1c; font-weight:700}
13874div.recomm-product-price span.item-price div.discount-mention span {font-size: 14px}
13875/*div.pricing span.product-sales-price.price-sales {font-size: 16px !important; font-weight: 800}*/
13876
13877span.lister-badge-info {font-size: 12px}
13878/*div.product-labels span {font-size: 14px}*/
13879h2.h2-extended-3xl-black-xl {line-height: 1.2em !important}
13880a.button.white.promo-block-redesign__button.p-extended-base-black:hover {border: 1px solid #fff}
13881div.collection-block h2.collection-title a, div.content a h2.h2 {font-size: 20px}
13882.bbwt {font-size: 20px}
13883div.approaching-discount-wrapper {background-color: #f6f7f6}
13884.pt_collectionlanding .seo-promo {padding-top: 90px;}
13885.navigation-link img {border-radius: 12px;}
13886div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 12px}
13887
13888div#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}
13889div#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}
13890
13891
13892@media screen and (max-width: 767px) {
13893/*.h3-extended-lg-black {font-size:16px;}*/
13894.text-normal-base-medium {font-size: 14px !important; line-height: 24px}
13895/*div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 12px !important; font-weight: 800}*/
13896div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 11px}
13897.bbwt {font-size: 14px}
13898div.product-name.plp-product-name {height: auto !important;}
13899}
13900</style>
13901
13902<style type="text/css">
13903@media screen and (min-width: 1025px) and (max-width: 1500px ) {
13904  div.header__content a.header__logo{
13905    left:50%;
13906    font-size: 14px;
13907    top: 53%; }
13908  }
13909@media screen and (max-width: 767px) {
13910/*    .pt_content .header {
13911        height: 50px;
13912div#js-header-search.header-search {top: 50px}*/
13913section.video-banner.video-banner--dark-nav {top: -152px; margin-bottom: -152px}
13914    }
13915
13916</style>
13917
13918<!--lister-->
13919<style type="text/css">@media screen and (min-width: 768px) {
13920div.educational {display: grid; grid-template-columns:30% 70%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1}}
13921
13922@media screen and (max-width: 767px) {
13923div.educational {display: grid; grid-template-columns:100%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1;}
13924div.educational .last {order: 2;}}
13925</style>
13926<style type="text/css">.promotional-accordeon h3 {text-transform: none;}
13927.promotional-accordeon .accordeon-body {padding: 0px;}
13928.content-container .collection-block {margin: 10px 0px;}
13929.educational img {width: 100%; height: auto;}
13930.educational p {text-align: left}
13931</style>
13932
13933
13934<!--Page designer EA template CTA-->
13935<style>
13936.button.onyx {
13937    display: inline-flex !important;
13938}
13939</style>
13940</div>
13941
13942
13943
13944
13945
13946</div>
13947<div class="main-footer__meta-links">
13948
13949
13950
13951
13952
13953
13954
13955
13956
13957
13958
13959
13960
13961<div class="content-asset">
13962<ul class="main-footer__bottom-links">
13963	<li class="main-footer__bottom-links-item">
13964		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice.de/de/impressum/impressum.html">IMPRESSUM</a>
13965	</li>
13966	<li class="main-footer__bottom-links-item">
13967		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice.de/de/allgemeine-geschaeftsbedingungen-paula-s-choice-europe-b-v/general-terms-and-conditions.html">AGB</a>
13968	</li>
13969	<li class="main-footer__bottom-links-item">
13970		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice.de/de/datenschutz-und-sicherheit/privacy-policy.html">DATENSCHUTZ</a>
13971	</li>
13972	<li class="main-footer__bottom-links-item">
13973		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice.de/de/hinweis-zu-cookies/cookie-policy.html">COOKIE-ERKLÄRUNG</a>
13974	</li>
13975         <li class="main-footer__bottom-links-item">
13976                <a class="main-footer__bottom-links-link link-extended-xs-black" id="consent-management-tool" style="font-size: 8px" href="#">COOKIE-EINSTELLUNGEN</a>
13977        </li>
13978
13979	<li class="main-footer__bottom-links-item">
13980		<a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice.de/de/haftungsausschluss/haftungsausschluss.html">HAFTUNGSAUSSCHLUSS</a>
13981	</li>
13982</ul>
13983</div>
13984
13985
13986
13987
13988
13989</div>
13990<div class="main-footer__payments">
13991
13992
13993
13994
13995
13996
13997
13998
13999
14000
14001
14002
14003<div class="content-asset">
14004<style type="text/css">
14005a.main-footer__bottom-logos-link img.lazy.main-footer__bottom-logos-image.entered.loaded {height: 27px;}
14006</style>
14007
14008<ul class="main-footer__bottom-logos">
14009	
14010	<li class="main-footer__bottom-logos-item">
14011		<a class="main-footer__bottom-logos-link">
14012			<img alt="Visa" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/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" />
14013		</a>
14014	</li>
14015   
14016	<li class="main-footer__bottom-logos-item">
14017		<a class="main-footer__bottom-logos-link">
14018			<img alt="Master Card" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/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" />
14019		</a>
14020	</li>
14021	<li class="main-footer__bottom-logos-item">
14022		<a class="main-footer__bottom-logos-link">
14023			<img alt="PayPal" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/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" />
14024		</a>
14025	</li>
14026<!--li class="main-footer__bottom-logos-item">
14027		<a class="main-footer__bottom-logos-link" href="#">
14028			<img alt="Bank Transfer" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw701605a7/footer/payments/Banktransfer.svg" height="17.28" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="27.91" />
14029		</a>
14030	</li-->
14031<li class="main-footer__bottom-logos-item">
14032		<a class="main-footer__bottom-logos-link">
14033			<img alt="Bancontact" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw292ddb98/footer/payments/Bancontact.svg" height="17.28" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="27.91" />
14034		</a>
14035	</li>
14036<li class="main-footer__bottom-logos-item">
14037		<a class="main-footer__bottom-logos-link" href="#">
14038			<img alt="sofort" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw374abf30/footer/payments/Sofortüberweisung.svg" height="17.28" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="27.91" />
14039		</a>
14040	</li>
14041<li class="main-footer__bottom-logos-item">
14042		<a class="main-footer__bottom-logos-link" href="#">
14043			<img alt="Klarna" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/on/demandware.static/-/Library-Sites-paulachoice/default/dw9ddb445e/footer/payments/Klarna.svg" height="14.86" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="60.01" />
14044		</a>
14045	</li>
14046	 <li class="main-footer__bottom-logos-item">
14047		<a class="main-footer__bottom-logos-link">
14048			<img alt="Apple pay" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice.de/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" />
14049		</a>
14050	</li>
14051	
14052</ul>
14053</div>
14054
14055
14056
14057
14058
14059</div>
14060</div>
14061</div>
14062</section>
14063<section class="main-footer__brand">
14064<div class="main-footer__container">
14065<a class="main-footer__wordmark" href="/de" aria-label="Paula's Choice">
14066<img
14067class="main-footer__wordmark-img-mobile"
14068src="/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dw0d776975/images/wordmark/PC_logo_mobile.svg"
14069alt=""
14070aria-hidden="true"
14071/>
14072<img
14073class="main-footer__wordmark-img-desktop"
14074src="/on/demandware.static/Sites-paulaschoice_de-Site/-/default/dw539104d9/images/wordmark/PC_logo_desktop.svg"
14075alt=""
14076aria-hidden="true"
14077/>
14078</a>
14079</div>
14080</section>
14081
14082
14083
14084
14085
14086
14087</footer>
14088
14089<div class="notify-me-popup-hidden">
14090
14091
14092
14093
14094
14095
14096
14097
14098
14099
14100
14101
14102
14103
14104
14105
14106
14107
14108
14109
14110
14111
14112
14113
14114
14115
14116
14117
14118
14119
14120
14121
14122
14123
14124
14125
14126
14127
14128
14129
14130
14131
14132
14133
14134
14135
14136
14137
14138
14139
14140
14141
14142
14143
14144
14145
14146
14147
14148
14149
14150
14151
14152
14153
14154
14155
14156
14157
14158
14159
14160
14161
14162
14163
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<section class="notify-me-popup js-notify-me ">
14217<div class="notify-title">
14218<h3 class="title-text js-notify-me-title">
14219
14220</h3>
14221</div>
14222<div class="notify-product-wrapper">
14223
14224<img class="product-image js-notify-me-image" src="" alt="" title=""/>
14225<div class="product-details">
14226<h2 class="product-name js-notify-me-name">
14227
14228</h2>
14229<div class="product-type js-notify-me-type">
14230
14231</div>
14232<div class="product-price js-notify-me-price">
14233
14234</div>
14235</div>
14236</div>
14237
14238
14239</section>
14240
14241</div>
14242
14243
14244
14245
14246
14247
14248</div><!-- /wrapper -->
14249<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
14250<script type="text/javascript">//<!--
14251/* <![CDATA[ */
14252function trackPage() {
14253    try{
14254        var trackingUrl = "https://www.paulaschoice.de/on/demandware.store/Sites-paulaschoice_de-Site/de_DE/__Analytics-Start";
14255        var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
14256        if (typeof dw.ac == "undefined") {
14257            dwAnalytics.trackPageView();
14258        } else {
14259            dw.ac.setDWAnalytics(dwAnalytics);
14260        }
14261    }catch(err) {};
14262}
14263/* ]]> */
14264// -->
14265</script>
vendor: 1 bytes, line 14265
14265
14266<script type="text/javascript" src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
14266
14267<!-- Demandware Active Data (body_end-active_data.js) -->
14268<script src="/on/demandware.static/Sites-paulaschoice_de-Site/-/de_DE/v1790291199297/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script>
14268<!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
14269<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
vendor: 1 bytes, line 14269
14269
14270<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":"1338aa19346a473a988040d763318253","spa":2}' crossorigin="anonymous"></script>
14270
14271</body>
14272</html>
14273

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.