1<!doctype html> 2<!--[if lt IE 7]> <html class="ie6 oldie" lang="en"> <![endif]--> 3<!--[if IE 7]> <html class="ie7 oldie" lang="en"> <![endif]--> 4<!--[if IE 8]> <html class="ie8 oldie" lang="en"> <![endif]--> 5<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]--> 6<head> 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139<link rel="stylesheet" type="text/css" href="https://cdn.clarip.com/ulp/cookieconsent/assets/css/cookieconsent.min.css" crossorigin="anonymous" /> 140<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/clarip.css" type="text/css" rel="stylesheet" /> 141
142<script> 143 // Preserve native createElement before Clarip replaces it (otherwise dynamic script tags lose src) 144 window.__nativeCreateElement = document.createElement.bind(document); 145 146 window.claripCdnHost = "cdn.clarip.com"; 147 window.claripClientName = "ulp"; 148 window.claripCookieConsentHost = "ulp.clarip.com"; 149 window.claripCookieManagerIdentifier = "a144755ee81d03f2d195"; 150 151 window.pcUnblockRecaptchaScripts = function () { 152 window.CLARIP_WHITELIST = window.CLARIP_WHITELIST || []; 153 window.CLARIP_WHITELIST.push(/www\.google\.com\/recaptcha/, /www\.gstatic\.com\/recaptcha/); 154 if (window.yett && typeof window.yett.unblock === 'function') { 155 window.yett.unblock('www.google.com/recaptcha'); 156 window.yett.unblock('www.gstatic.com/recaptcha'); 157 } 158 }; 159 window.pcUnblockRecaptchaScripts(); 160</script>
160 161
162<script src="https://cdn.clarip.com/ulp/cookieconsent/assets/js/cookieconsent.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 162
162
163<script src="https://cdn.clarip.com/ulp/cookieconsent/assets/js/clarip-cookie-manager.min.js" crossorigin="anonymous"></script>
163 164
165<script> 166 window.addEventListener('unhandledrejection', function(event) { 167 if (event.reason && event.reason.message && event.reason.message.includes('clarip')) { 168 console.warn('Clarip: CORS or configuration error. Please contact Clarip support to whitelist this domain.'); 169 event.preventDefault(); 170 } 171 }); 172 173 // Clarip re-initializes CLARIP_WHITELIST when the blocker starts â re-apply after it loads 174 document.addEventListener('load', function () { 175 if (typeof window.pcUnblockRecaptchaScripts === 'function') { 176 window.pcUnblockRecaptchaScripts(); 177 } 178 }); 179</script>
179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305<meta charset=UTF-8> 306 307
308<script type="text/javascript"> 309;window.NREUM||(NREUM={});NREUM.init={privacy:{cookies_enabled:true}}; 310window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var i=e[n]={exports:{}};t[n][0].call(i.exports,function(e){var i=t[n][1][e];return r(i||e)},i,i.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<n.length;i++)r(n[i]);return r}({1:[function(t,e,n){function r(t){try{c.console&&console.log(t)}catch(e){}}var i,o=t("ee"),a=t(23),c={};try{i=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(c.console=!0,i.indexOf("dev")!==-1&&(c.dev=!0),i.indexOf("nr_dev")!==-1&&(c.nrDev=!0))}catch(s){}c.nrDev&&o.on("internal-error",function(t){r(t.stack)}),c.dev&&o.on("fn-err",function(t,e,n){r(n.stack)}),c.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(c,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,c){try{p?p-=1:i(c||new UncaughtException(t,e,n),!0)}catch(f){try{o("ierr",[f,s.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function i(t,e){var n=e?null:s.now();o("err",[t,n])}var o=t("handle"),a=t(24),c=t("ee"),s=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;s.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(9),t(8),"addEventListener"in window&&t(5),s.xhrWrappable&&t(10),d=!0)}c.on("fn-start",function(t,e,n){d&&(p+=1)}),c.on("fn-err",function(t,e,n){d&&!n[l]&&(f(n,l,function(){return!0}),this.thrown=!0,i(n))}),c.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),c.on("internal-error",function(t){o("ierr",[t,s.now(),!0])})},{}],3:[function(t,e,n){t("loader").features.ins=!0},{}],4:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var i=t("ee"),o=t("handle"),a=t(9),c=t(8),s="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",g="pushState",y=t("loader");y.features.stn=!0,t(7),"addEventListener"in window&&t(5);var x=NREUM.o.EV;i.on(m,function(t,e){var n=t[0];n instanceof x&&(this.bstStart=y.now())}),i.on(w,function(t,e){var n=t[0];n instanceof x&&o("bst",[n,e,this.bstStart,y.now()])}),a.on(m,function(t,e,n){this.bstStart=y.now(),this.bstType=n}),a.on(w,function(t,e){o(v,[e,this.bstStart,y.now(),this.bstType])}),c.on(m,function(){this.bstStart=y.now()}),c.on(w,function(t,e){o(v,[e,this.bstStart,y.now(),"requestAnimationFrame"])}),i.on(g+p,function(t){this.time=y.now(),this.startPath=location.pathname+location.hash}),i.on(g+h,function(t){o("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+s]?window.performance[f](u,function(t){o(d,[window.performance.getEntriesByType(l)]),window.performance["c"+s]()},!1):window.performance[f]("webkit"+u,function(t){o(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+s]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&i(e)}function i(t){c.inPlace(t,[u,d],"-",o)}function o(t,e){return t[1]}var a=t("ee").get("events"),c=t("wrap-function")(a,!0),s=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(i(window),i(f.prototype)),a.on(u+"-start",function(t,e){var n=t[1],r=s(n,"nr@wrapped",function(){function t(){if("function"==typeof n.handleEvent)return n.handleEvent.apply(n,arguments)}var e={object:t,"function":n}[typeof n];return e?c(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,e,n){function r(t,e,n){var r=t[e];"function"==typeof r&&(t[e]=function(){var t=o(arguments),e={};i.emit(n+"before-start",[t],e);var a;e[m]&&e[m].dt&&(a=e[m].dt);var c=r.apply(this,t);return i.emit(n+"start",[t,a],c),c.then(function(t){return i.emit(n+"end",[null,t],c),t},function(t){throw i.emit(n+"end",[t],c),t})})}var i=t("ee").get("fetch"),o=t(24),a=t(23);e.exports=i;var c=window,s="fetch-",f=s+"body-",u=["arrayBuffer","blob","json","text","formData"],d=c.Request,l=c.Response,p=c.fetch,h="prototype",m="nr@context";d&&l&&p&&(a(u,function(t,e){r(d[h],e,f),r(l[h],e,f)}),r(c,"fetch",s),i.on(s+"end",function(t,e){var n=this;if(e){var r=e.headers.get("content-length");null!==r&&(n.rxSize=r),i.emit(s+"done",[null,e],n)}else i.emit(s+"done",[t],n)}))},{}],7:[function(t,e,n){var r=t("ee").get("history"),i=t("wrap-function")(r);e.exports=r;var o=window.history&&window.history.constructor&&window.history.constructor.prototype,a=window.history;o&&o.pushState&&o.replaceState&&(a=o),i.inPlace(a,["pushState","replaceState"],"-")},{}],8:[function(t,e,n){var r=t("ee").get("raf"),i=t("wrap-function")(r),o="equestAnimationFrame";e.exports=r,i.inPlace(window,["r"+o,"mozR"+o,"webkitR"+o,"msR"+o],"raf-"),r.on("raf-start",function(t){t[0]=i(t[0],"fn-")})},{}],9:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function i(t,e,n){this.method=n,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,n)}var o=t("ee").get("timer"),a=t("wrap-function")(o),c="setTimeout",s="setInterval",f="clearTimeout",u="-start",d="-";e.exports=o,a.inPlace(window,[c,"setImmediate"],c+d),a.inPlace(window,[s],s+d),a.inPlace(window,[f,"clearImmediate"],f+d),o.on(s+u,r),o.on(c+u,i)},{}],10:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",c)}function i(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,g,"fn-",c)}function o(t){y.push(t),h&&(b?b.then(a):w?w(a):(E=-E,R.data=E))}function a(){for(var t=0;t<y.length;t++)r([],y[t]);y.length&&(y=[])}function c(t,e){return e}function s(t,e){for(var n in t)e[n]=t[n];return e}t(5);var f=t("ee"),u=f.get("xhr"),d=t("wrap-function")(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",g=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],y=[];e.exports=u;var x=window.XMLHttpRequest=function(t){var e=new p(t);try{u.emit("new-xhr",[e],e),e.addEventListener(v,i,!1)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(s(p,x),x.prototype=p.prototype,d.inPlace(x.prototype,["open","send"],"-xhr-",c),u.on("send-xhr-start",function(t,e){r(t,e),o(e)}),u.on("open-xhr-start",r),h){var b=m&&m.resolve();if(!w&&!m){var E=1,R=document.createTextNode(E);new h(a).observe(R,{characterData:!0}
310)}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],11:[function(t,e,n){function r(t){if(!c(t))return null;var e=window.NREUM;if(!e.loader_config)return null;var n=(e.loader_config.accountID||"").toString()||null,r=(e.loader_config.agentID||"").toString()||null,f=(e.loader_config.trustKey||"").toString()||null;if(!n||!r)return null;var h=p.generateSpanId(),m=p.generateTraceId(),w=Date.now(),v={spanId:h,traceId:m,timestamp:w};return(t.sameOrigin||s(t)&&l())&&(v.traceContextParentHeader=i(h,m),v.traceContextStateHeader=o(h,w,n,r,f)),(t.sameOrigin&&!u()||!t.sameOrigin&&s(t)&&d())&&(v.newrelicHeader=a(h,m,w,n,r,f)),v}function i(t,e){return"00-"+e+"-"+t+"-01"}function o(t,e,n,r,i){var o=0,a="",c=1,s="",f="";return i+"@nr="+o+"-"+c+"-"+n+"-"+r+"-"+t+"-"+a+"-"+s+"-"+f+"-"+e}function a(t,e,n,r,i,o){var a="btoa"in window&&"function"==typeof window.btoa;if(!a)return null;var c={v:[0,1],d:{ty:"Browser",ac:r,ap:i,id:t,tr:e,ti:n}};return o&&r!==o&&(c.d.tk=o),btoa(JSON.stringify(c))}function c(t){return f()&&s(t)}function s(t){var e=!1,n={};if("init"in NREUM&&"distributed_tracing"in NREUM.init&&(n=NREUM.init.distributed_tracing),t.sameOrigin)e=!0;else if(n.allowed_origins instanceof Array)for(var r=0;r<n.allowed_origins.length;r++){var i=h(n.allowed_origins[r]);if(t.hostname===i.hostname&&t.protocol===i.protocol&&t.port===i.port){e=!0;break}}return e}function f(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.enabled}function u(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.exclude_newrelic_header}function d(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&NREUM.init.distributed_tracing.cors_use_newrelic_header!==!1}function l(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.cors_use_tracecontext_headers}var p=t(20),h=t(13);e.exports={generateTracePayload:r,shouldGenerateTrace:c}},{}],12:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<l;r++)t.removeEventListener(d[r],this.listener,!1);e.aborted||(n.duration=a.now()-this.startTime,this.loadCaptureCalled||4!==t.readyState?null==e.status&&(e.status=0):o(this,t),n.cbTime=this.cbTime,u.emit("xhr-done",[t],t),c("xhr",[e,n,this.startTime]))}}function i(t,e){var n=s(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.parsedOrigin=s(e),t.sameOrigin=t.parsedOrigin.sameOrigin}function o(t,e){t.params.status=e.status;var n=w(e,t.lastSize);if(n&&(t.metrics.rxSize=n),t.sameOrigin){var r=e.getResponseHeader("X-NewRelic-App-Data");r&&(t.params.cat=r.split(", ").pop())}t.loadCaptureCalled=!0}var a=t("loader");if(a.xhrWrappable){var c=t("handle"),s=t(13),f=t(11).generateTracePayload,u=t("ee"),d=["load","error","abort","timeout"],l=d.length,p=t("id"),h=t(17),m=t(16),w=t(14),v=window.XMLHttpRequest;a.features.xhr=!0,t(10),t(6),u.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,e.loadCaptureCalled=!1,t.addEventListener("load",function(n){o(e,t)},!1),h&&(h>34||h<10)||window.opera||t.addEventListener("progress",function(t){e.lastSize=t.loaded},!1)}),u.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),u.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid);var n=f(this.parsedOrigin);if(n){var r=!1;n.newrelicHeader&&(e.setRequestHeader("newrelic",n.newrelicHeader),r=!0),n.traceContextParentHeader&&(e.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&e.setRequestHeader("tracestate",n.traceContextStateHeader),r=!0),r&&(this.dt=n)}}),u.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],i=this;if(n&&r){var o=m(r);o&&(n.txSize=o)}this.startTime=a.now(),this.listener=function(t){try{"abort"!==t.type||i.loadCaptureCalled||(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof e.onload))&&i.end(e)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}};for(var c=0;c<l;c++)e.addEventListener(d[c],this.listener,!1)}),u.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),u.on("xhr-load-added",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),u.on("xhr-load-removed",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),u.on("addEventListener-end",function(t,e){e instanceof v&&"load"===t[0]&&u.emit("xhr-load-added",[t[1],t[2]],e)}),u.on("removeEventListener-end",function(t,e){e instanceof v&&"load"===t[0]&&u.emit("xhr-load-removed",[t[1],t[2]],e)}),u.on("fn-start",function(t,e,n){e instanceof v&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),u.on("fn-end",function(t,e){this.xhrCbStart&&u.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,e],e)}),u.on("fetch-before-start",function(t){function e(t,e){var n=!1;
310return e.newrelicHeader&&(t.set("newrelic",e.newrelicHeader),n=!0),e.traceContextParentHeader&&(t.set("traceparent",e.traceContextParentHeader),e.traceContextStateHeader&&t.set("tracestate",e.traceContextStateHeader),n=!0),n}var n,r=t[1]||{};"string"==typeof t[0]?n=t[0]:t[0]&&t[0].url&&(n=t[0].url),n&&(this.parsedOrigin=s(n),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=f(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if("string"==typeof t[0]){var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),e(o.headers,i)&&(this.dt=i),t.length>1?t[1]=o:t.push(o)}else t[0]&&t[0].headers&&e(t[0].headers,i)&&(this.dt=i)})}},{}],13:[function(t,e,n){var r={};e.exports=function(t){if(t in r)return r[t];var e=document.createElement("a"),n=window.location,i={};e.href=t,i.port=e.port;var o=e.href.split("://");!i.port&&o[1]&&(i.port=o[1].split("/")[0].split("@").pop().split(":")[1]),i.port&&"0"!==i.port||(i.port="https"===o[0]?"443":"80"),i.hostname=e.hostname||n.hostname,i.pathname=e.pathname,i.protocol=o[0],"/"!==i.pathname.charAt(0)&&(i.pathname="/"+i.pathname);var a=!e.protocol||":"===e.protocol||e.protocol===n.protocol,c=e.hostname===document.domain&&e.port===n.port;return i.sameOrigin=a&&(!e.hostname||c),"/"===i.pathname&&(r[t]=i),i}},{}],14:[function(t,e,n){function r(t,e){var n=t.responseType;return"json"===n&&null!==e?e:"arraybuffer"===n||"blob"===n||"json"===n?i(t.response):"text"===n||""===n||void 0===n?i(t.responseText):void 0}var i=t(16);e.exports=r},{}],15:[function(t,e,n){function r(){}function i(t,e,n){return function(){return o(t,[f.now()].concat(c(arguments)),e?null:this,n),e?void 0:this}}var o=t("handle"),a=t(23),c=t(24),s=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,e){u[e]=i(l+e,!0,"api")}),u.addPageAction=i(l+"addPageAction",!0),u.setCurrentRouteName=i(l+"routeName",!0),e.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,e){var n={},r=this,i="function"==typeof e;return o(p+"tracer",[f.now(),t,n],r),function(){if(s.emit((i?"":"no-")+"fn-start",[f.now(),r,i],n),i)try{return e.apply(this,arguments)}catch(t){throw s.emit("fn-err",[arguments,this,t],n),t}finally{s.emit("fn-end",[f.now()],n)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){h[e]=i(p+e)}),newrelic.noticeError=function(t,e){"string"==typeof t&&(t=new Error(t)),o("err",[t,f.now(),!1,e])}},{}],16:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],17:[function(t,e,n){var r=0,i=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);i&&(r=+i[1]),e.exports=r},{}],18:[function(t,e,n){function r(){return c.exists&&performance.now?Math.round(performance.now()):(o=Math.max((new Date).getTime(),o))-a}function i(){return o}var o=(new Date).getTime(),a=o,c=t(25);e.exports=r,e.exports.offset=a,e.exports.getLastTimestamp=i},{}],19:[function(t,e,n){function r(t,e){var n=t.getEntries();n.forEach(function(t){"first-paint"===t.name?d("timing",["fp",Math.floor(t.startTime)]):"first-contentful-paint"===t.name&&d("timing",["fcp",Math.floor(t.startTime)])})}function i(t,e){var n=t.getEntries();n.length>0&&d("lcp",[n[n.length-1]])}function o(t){t.getEntries().forEach(function(t){t.hadRecentInput||d("cls",[t])})}function a(t){if(t instanceof h&&!w){var e=Math.round(t.timeStamp),n={type:t.type};e<=l.now()?n.fid=l.now()-e:e>l.offset&&e<=Date.now()?(e-=l.offset,n.fid=l.now()-e):e=l.now(),w=!0,d("timing",["fi",e,n])}}function c(t){d("pageHide",[l.now(),t])}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var s,f,u,d=t("handle"),l=t("loader"),p=t(22),h=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){s=new PerformanceObserver(r);try{s.observe({entryTypes:["paint"]})}catch(m){}f=new PerformanceObserver(i);try{f.observe({entryTypes:["largest-contentful-paint"]})}catch(m){}u=new PerformanceObserver(o);try{u.observe({type:"layout-shift",buffered:!0})}catch(m){}}if("addEventListener"in document){var w=!1,v=["click","keydown","mousedown","pointerdown","touchstart"];v.forEach(function(t){document.addEventListener(t,a,!1)})}p(c)}},{}],20:[function(t,e,n){function r(){function t(){return e?15&e[n++]:16*Math.random()|0}var e=null,n=0,r=window.crypto||window.msCrypto;r&&r.getRandomValues&&(e=r.getRandomValues(new Uint8Array(31)));for(var i,o="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",a="",c=0;c<o.length;c++)i=o[c],"x"===i?a+=t().toString(16):"y"===i?(i=3&t()|8,a+=i.toString(16)):a+=i;return a}function i(){return a(16)}function o(){return a(32)}function a(t){function e(){return n?15&n[r++]:16*Math.random()|0}var n=null,r=0,i=window.crypto||window.msCrypto;i&&i.getRandomValues&&Uint8Array&&(n=i.getRandomValues(new Uint8Array(31)));for(var o=[],a=0;a<t;a++)o.push(e().toString(16));return o.join("")}e.exports={generateUuid:r,generateSpanId:i,generateTraceId:o}},{}],21:[function(t,e,n){function r(t,e){if(!i)return!1;if(t!==i)return!1;if(!e)return!0;
310if(!o)return!1;for(var n=o.split("."),r=e.split("."),a=0;a<r.length;a++)if(r[a]!==n[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var c=navigator.userAgent,s=c.match(a);s&&c.indexOf("Chrome")===-1&&c.indexOf("Chromium")===-1&&(i="Safari",o=s[1])}e.exports={agent:i,version:o,match:r}},{}],22:[function(t,e,n){function r(t){function e(){t(a&&document[a]?document[a]:document[i]?"hidden":"visible")}"addEventListener"in document&&o&&document.addEventListener(o,e,!1)}e.exports=r;var i,o,a;"undefined"!=typeof document.hidden?(i="hidden",o="visibilitychange",a="visibilityState"):"undefined"!=typeof document.msHidden?(i="msHidden",o="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(i="webkitHidden",o="webkitvisibilitychange",a="webkitVisibilityState")},{}],23:[function(t,e,n){function r(t,e){var n=[],r="",o=0;for(r in t)i.call(t,r)&&(n[o]=e(r,t[r]),o+=1);return n}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],24:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,i=n-e||0,o=Array(i<0?0:i);++r<i;)o[r]=t[e+r];return o}e.exports=r},{}],25:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(t,e,n){function r(){}function i(t){function e(t){return t&&t instanceof r?t:t?s(t,c,o):o()}function n(n,r,i,o){if(!l.aborted||o){t&&t(n,r,i);for(var a=e(i),c=m(n),s=c.length,f=0;f<s;f++)c[f].apply(a,r);var d=u[y[n]];return d&&d.push([x,n,r,a]),a}}function p(t,e){g[t]=m(t).concat(e)}function h(t,e){var n=g[t];if(n)for(var r=0;r<n.length;r++)n[r]===e&&n.splice(r,1)}function m(t){return g[t]||[]}function w(t){return d[t]=d[t]||i(n)}function v(t,e){f(t,function(t,n){e=e||"feature",y[n]=e,e in u||(u[e]=[])})}var g={},y={},x={on:p,addEventListener:p,removeEventListener:h,emit:n,get:w,listeners:m,context:e,buffer:v,abort:a,aborted:!1};return x}function o(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var c="nr@context",s=t("gos"),f=t(23),u={},d={},l=e.exports=i();l.backlog=u},{}],gos:[function(t,e,n){function r(t,e,n){if(i.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return t[e]=r,r}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){i.buffer([t],r),i.emit(t,e,n)}var i=t("ee").get("handle");e.exports=r,r.ee=i},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,o,function(){return i++})}var i=1,o="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!b++){var t=x.info=NREUM.info,e=l.getElementsByTagName("script")[0];if(setTimeout(f.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return f.abort();s(g,function(e,n){t[e]||(t[e]=n)});var n=a();c("mark",["onload",n+x.offset],null,"api"),c("timing",["load",n]);var r=l.createElement("script");r.src="https://"+t.agent,e.parentNode.insertBefore(r,e)}}function i(){"complete"===l.readyState&&o()}function o(){c("mark",["domContent",a()+x.offset],null,"api")}var a=t(18),c=t("handle"),s=t(23),f=t("ee"),u=t(21),d=window,l=d.document,p="addEventListener",h="attachEvent",m=d.XMLHttpRequest,w=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var v=""+location,g={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1184.min.js"},y=m&&w&&w[p]&&!/CriOS/.test(navigator.userAgent),x=e.exports={offset:a.getLastTimestamp(),now:a,origin:v,features:{},xhrWrappable:y,userAgent:u};t(15),t(19),l[p]?(l[p]("DOMContentLoaded",o,!1),d[p]("load",r,!1)):(l[h]("onreadystatechange",i),d[h]("onload",r)),c("mark",["firstbyte",a.getLastTimestamp()],null,"api");var b=0},{}],"wrap-function":[function(t,e,n){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var i=t("ee"),o=t(24),a="nr@original",c=Object.prototype.hasOwnProperty,s=!1;e.exports=function(t,e){function n(t,e,n,i){function nrWrapper(){var r,a,c,s;try{a=this,r=o(arguments),c="function"==typeof n?n(r,a):n||{}}catch(f){l([f,"",[r,a,i],c])}u(e+"start",[r,a,i],c);try{return s=t.apply(a,r)}catch(d){throw u(e+"err",[r,a,d],c),d}finally{u(e+"end",[r,a,s],c)}}return r(t)?t:(e||(e=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,e,i,o){i||(i="");var a,c,s,f="-"===i.charAt(0);for(s=0;s<e.length;s++)c=e[s],a=t[c],r(a)||(t[c]=n(a,f?c+i:i,o,c))}function u(n,r,i){if(!s||e){var o=s;
310s=!0;try{t.emit(n,r,i,e)}catch(a){l([a,n,r,i])}s=o}}function d(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){l([r])}for(var i in t)c.call(t,i)&&(e[i]=t[i]);return e}function l(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=i),n.inPlace=f,n.flag=a,n}},{}]},{},["loader",2,12,4,3]); 311;NREUM.loader_config={accountID:"248328",trustKey:"248328",agentID:"500516596",licenseKey:"43f72f3f08",applicationID:"500516596"} 312;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"43f72f3f08",applicationID:"500516596",sa:1} 313</script>
313 314 315 316 317 318 319 320 321
321<script> 322 window.dataLayer = window.dataLayer || []; 323 dataLayer.push({ 324 'EventNonInteraction': true, 325 'pageType': 'Listerpage', 326 'pageCategory': 'Category listerpage', 327 'pageSubCategory': 'Eye products', 328 'pageCurrency': 'EUR' 329 }); 330 </script>
330 331 332 333
333<script> 334 var gtmObj = { 335 'event': 'productImpressionAll', 336 'ecommerce': { 337 'currencyCode': 'EUR', 338 'impressions': [], 339 'promoview': { 340 'promotions': [] 341 } 342 } 343 }; 344 </script>
344 345 346 347 348 349 350 351 352 353 354
354<script> 355 gtmObj.ecommerce.impressions.push({ 356 'name': 'Pro-Collagen Peptide Firming Eye Serum', 357 'id': '1080-01', 358 'price': 33.02, 359 'discount_amount': '5.83', 360 'discount_percentage': '0.15', 361 'brand': 'Paula\'s Choice', 362 'category': 'skincare/Categories/Eye products', 363 'collection': 'Plump + Firm', 364 'ingredient': 'Acetyl Hexapeptide-8', 365 'variant': 'fullsize', 366 'list': 'eye-care-products', 367 'position': '1' 368 }); 369 </script>
369 370 371
371<script> 372 gtmObj.ecommerce.promoview.promotions.push({ 373 'id': 'Shop_discount_15_category_AntiAge', 374 'name': '15% off', 375 'creative': '', 376 'position': 'ProductImpression' 377 }); 378 </script>
378 379 380 381 382 383 384 385 386 387 388 389 390 391 392
392<script> 393 gtmObj.ecommerce.impressions.push({ 394 'name': 'C5 Super Boost Eye Cream Full Size', 395 'id': '1010-01', 396 'price': 33.02, 397 'discount_amount': '5.83', 398 'discount_percentage': '0.15', 399 'brand': 'Paula\'s Choice', 400 'category': 'skincare/Categories/Eye products', 401 'collection': 'Brighten Up', 402 'ingredient': 'Vitamin C', 403 'variant': 'fullsize', 404 'list': 'eye-care-products', 405 'position': '2' 406 }); 407 </script>
407 408 409
409<script> 410 gtmObj.ecommerce.promoview.promotions.push({ 411 'id': 'Shop_discount_15_category_AntiAge', 412 'name': '15% off', 413 'creative': '', 414 'position': 'ProductImpression' 415 }); 416 </script>
416 417 418 419 420 421 422 423 424 425 426 427 428 429 430
430<script> 431 gtmObj.ecommerce.impressions.push({ 432 'name': 'Clinical Ceramide-Enriched Firming Eye Cream Full size', 433 'id': '2160-01', 434 'price': 37.93, 435 'discount_amount': '6.69', 436 'discount_percentage': '0.15', 437 'brand': 'Paula\'s Choice', 438 'category': 'skincare/Categories/Eye products', 439 'collection': 'Clinical', 440 'ingredient': 'Ceramides', 441 'variant': 'fullsize', 442 'list': 'eye-care-products', 443 'position': '3' 444 }); 445 </script>
445 446 447
447<script> 448 gtmObj.ecommerce.promoview.promotions.push({ 449 'id': 'Shop_discount_15_category_AntiAge', 450 'name': '15% off', 451 'creative': '', 452 'position': 'ProductImpression' 453 }); 454 </script>
454 455 456 457 458 459
459<script> 460 window.dataLayer = window.dataLayer || []; 461 dataLayer.push(gtmObj); 462 </script>
462 463 464 465
466<script> 467 window.dataLayer = window.dataLayer || []; 468 469 dataLayer.push({ 470 'EventNonInteraction': true, 471 'visitorId': '', 472 'visitorLoggedIn': 'guest checkout' 473 474 }); 475</script>
475 476 477 478 479 480 481 482 <!-- Google Tag Manager --> 483
483<script> 484 (function(w,d,s,l,i){ 485 w[l]=w[l]||[];w[l].push( 486 {'gtm.start': new Date().getTime(),event:'gtm.js'} 487 ); 488 var f=d.getElementsByTagName(s)[0], 489 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 490 'https://sst.paulaschoice-eu.com/gtm.js?id='+i+dl+'>m_auth=q_ZLBsfvdNHKYvnb6nEmNQ>m_preview=env-2>m_cookies_win=x';f.parentNode.insertBefore(j,f); 491 })(window,document,'script','dataLayer','GTM-WMQ3NWH');</script>
491 492 <!-- End Google Tag Manager --> 493 494 495 496 497 498 499
500<script> 501window.KlaviyoConfig = {"enabled":true,"publicApiKey":"Saq2a7","customerEmail":null,"apiRevision":"2026-04-15"}; 502</script>
502 503
504<script> 505!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); 506</script>
vendor: 1 bytes, line 506
506
507<script type="text/javascript" async="async" src="https://static.klaviyo.com/onsite/js/Saq2a7/klaviyo.js" onload="window.__klaviyoReady=true;window.dispatchEvent(new Event('klaviyo:ready'))"></script>
507 508 509 510 511 512 513<meta http-equiv="x-ua-compatible" content="ie=edge"> 514 515<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"> 516 517 518 519 520 521 522<title>Eye Cream for Every Eye Concern | Paula's Choice</title> 523 524 525 526
527<script> 528window.dataLayer = window.dataLayer || []; 529dataLayer.push({ 530'event': 'init', 531'user': { 532'id': 'undefined', 533'email_sha256': 'null', 534'first_name_sha256': 'undefined', 535'last_name_sha256': 'undefined', 536'logged_in' : '0' 537} 538}); 539</script>
539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560<link rel="alternate" hreflang="en-BG" href="https://www.paulaschoice-eu.com/products/eye-care"> 561 562 563 564 565 566 567 568 569 570<link rel="alternate" hreflang="en-HR" href="https://www.paulaschoice-eu.com/products/eye-care"> 571 572 573 574 575 576 577 578 579 580<link rel="alternate" hreflang="en-CY" href="https://www.paulaschoice-eu.com/products/eye-care"> 581 582 583 584 585 586 587 588 589 590<link rel="alternate" hreflang="en-CZ" href="https://www.paulaschoice-eu.com/products/eye-care"> 591 592 593 594 595 596 597 598 599 600<link rel="alternate" hreflang="en-EE" href="https://www.paulaschoice-eu.com/products/eye-care"> 601 602 603 604 605 606 607 608 609 610<link rel="alternate" hreflang="en-FI" href="https://www.paulaschoice-eu.com/products/eye-care"> 611 612 613 614 615 616 617 618 619 620<link rel="alternate" hreflang="en-GR" href="https://www.paulaschoice-eu.com/products/eye-care"> 621 622 623 624 625 626 627 628 629 630<link rel="alternate" hreflang="en-HU" href="https://www.paulaschoice-eu.com/products/eye-care"> 631 632 633 634 635 636 637 638 639 640<link rel="alternate" hreflang="en-IE" href="https://www.paulaschoice-eu.com/products/eye-care"> 641 642 643 644 645 646 647 648 649 650<link rel="alternate" hreflang="en-LV" href="https://www.paulaschoice-eu.com/products/eye-care"> 651 652 653 654 655 656 657 658 659 660<link rel="alternate" hreflang="en-LT" href="https://www.paulaschoice-eu.com/products/eye-care"> 661 662 663 664 665 666 667 668 669 670<link rel="alternate" hreflang="en-LU" href="https://www.paulaschoice-eu.com/products/eye-care"> 671 672 673 674 675 676 677 678 679 680<link rel="alternate" hreflang="en-MT" href="https://www.paulaschoice-eu.com/products/eye-care"> 681 682 683 684 685 686 687 688 689 690 691 692 693 694<link rel="alternate" hreflang="en-PT" href="https://www.paulaschoice-eu.com/products/eye-care"> 695 696 697 698 699 700 701 702 703 704<link rel="alternate" hreflang="en-RO" href="https://www.paulaschoice-eu.com/products/eye-care"> 705 706 707 708 709 710 711 712 713 714<link rel="alternate" hreflang="en-SK" href="https://www.paulaschoice-eu.com/products/eye-care"> 715 716 717 718 719 720 721 722 723 724<link rel="alternate" hreflang="en-SI" href="https://www.paulaschoice-eu.com/products/eye-care"> 725 726 727 728 729 730 731 732 733 734 735 736 737 738<link rel="alternate" hreflang="en-GB" href="https://www.paulaschoice.co.uk/products/eye-care"> 739 740 741 742 743 744 745 746 747 748 749 750 751 752<link rel="alternate" hreflang="de-DE" href="https://www.paulaschoice.de/de/produkte/augenpflege"> 753 754 755 756 757 758 759 760 761 762<link rel="alternate" hreflang="en-DE" href="https://www.paulaschoice.de/en/products/eye-care"> 763 764 765 766 767 768 769 770 771 772 773 774 775 776<link rel="alternate" hreflang="es-ES" href="https://www.paulaschoice.es/es/cuidado-del-contorno-de-ojos"> 777 778 779 780 781 782 783 784 785 786<link rel="alternate" hreflang="en-ES" href="https://www.paulaschoice.es/en/products/eye-care"> 787 788 789 790 791 792 793 794 795 796 797 798 799 800<link rel="alternate" hreflang="nl-NL" href="https://www.paulaschoice.nl/nl/producten/oogverzorging"> 801 802 803 804 805 806 807 808 809 810<link rel="alternate" hreflang="en-NL" href="https://www.paulaschoice.nl/en/products/eye-care"> 811 812 813 814 815 816 817 818 819 820 821 822 823 824<link rel="alternate" hreflang="fr-FR" href="https://www.paulaschoice.fr/fr/produits/soins-des-yeux"> 825 826 827 828 829 830 831 832 833 834<link rel="alternate" hreflang="en-FR" href="https://www.paulaschoice.fr/en/products/eye-care"> 835 836 837 838 839 840 841 842 843 844 845 846 847 848<link rel="alternate" hreflang="en-DK" href="https://www.paulaschoice.dk/en/products/eye-care"> 849 850 851 852 853 854 855 856 857 858<link rel="alternate" hreflang="da-DK" href="https://www.paulaschoice.dk/da/products/eye-care"> 859 860 861 862 863 864 865 866 867 868 869 870 871 872<link rel="alternate" hreflang="it-IT" href="https://www.paulaschoice.it/it/contorno-occhi"> 873 874 875 876 877 878 879 880 881 882<link rel="alternate" hreflang="en-IT" href="https://www.paulaschoice.it/en/products/eye-care"> 883 884 885 886 887 888 889 890 891 892 893 894 895 896<link rel="alternate" hreflang="sv-SE" href="https://www.paulaschoice.se/sv/ogonprodukter"> 897 898 899 900 901 902 903 904 905 906<link rel="alternate" hreflang="en-SE" href="https://www.paulaschoice.se/en/products/eye-care"> 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922<link rel="alternate" hreflang="pl-PL" href="https://www.paulaschoice.pl/pl/produkty/pielegnacja-okolic-oczu"> 923 924 925 926 927 928 929 930 931 932<link rel="alternate" hreflang="en-PL" href="https://www.paulaschoice.pl/en/products/eye-care"> 933 934 935 936 937 938 939 940 941 942 943 944 945 946<link rel="alternate" hreflang="de-CH" href="https://www.paulaschoice.ch/de/produkte/augenpflege"> 947 948 949 950 951 952 953 954 955 956<link rel="alternate" hreflang="en-CH" href="https://www.paulaschoice.ch/en/products/eye-care"> 957 958 959 960 961 962 963 964 965<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwd5316b42/images/favicon.ico" rel="shortcut icon" /> 966 967 968 969 970 971 972 973 974 975<meta name="description" content="Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." /> 976 977 978 979 980 981 982 983<meta name="keywords" content="" /> 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006<meta name="twitter:type" content="summary" /> 1007<meta name="twitter:title" content="Eye Cream for Every Eye Concern | Paula's Choice" /> 1008<meta name="twitter:description" content="Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." /> 1009 1010 1011<meta property="og:type" content="website" /> 1012<meta property="og:url" content="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-Show?cgid=eye-care-products" /> 1013<meta property="og:title" content="Eye Cream for Every Eye Concern | Paula's Choice" /> 1014<meta property="og:description" content="Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here." /> 1015 1016<meta property="og:site_name" content="www.paulaschoice-eu.com" /> 1017 1018 1019 1020 1021 1022 1023<link rel="prefetch" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwc9216a6b/icons/iconfont.woff2" as="font" type="font/woff2" crossorigin /> 1024<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.css" as="style" type="text/css" /> 1025<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/style.css" as="style" type="text/css"/> 1026<link rel="preload" href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/styleBase.css" as="style" type="text/css"/> 1027<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.css" type="text/css" rel="stylesheet" /> 1028<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/style.css" type="text/css" rel="stylesheet" /> 1029<link href="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/styleBase.css" type="text/css" rel="stylesheet" /> 1030
1031<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/lazyloading.js" defer></script>
1031 1032
1033<script type="text/javascript">//<!-- 1034/* <![CDATA[ (head-active_data.js) */ 1035var dw = (window.dw || {}); 1036dw.ac = { 1037 _analytics: null, 1038 _events: [], 1039 _category: "", 1040 _searchData: "", 1041 _anact: "", 1042 _anact_nohit_tag: "", 1043 _analytics_enabled: "true", 1044 _timeZone: "Europe/Amsterdam", 1045 _capture: function(configs) { 1046 if (Object.prototype.toString.call(configs) === "[object Array]") { 1047 configs.forEach(captureObject); 1048 return; 1049 } 1050 dw.ac._events.push(configs); 1051 }, 1052 capture: function() { 1053 dw.ac._capture(arguments); 1054 // send to CQ as well: 1055 if (window.CQuotient) { 1056 window.CQuotient.trackEventsFromAC(arguments); 1057 } 1058 }, 1059 EV_PRD_SEARCHHIT: "searchhit", 1060 EV_PRD_DETAIL: "detail", 1061 EV_PRD_RECOMMENDATION: "recommendation", 1062 EV_PRD_SETPRODUCT: "setproduct", 1063 applyContext: function(context) { 1064 if (typeof context === "object" && context.hasOwnProperty("category")) { 1065 dw.ac._category = context.category; 1066 } 1067 if (typeof context === "object" && context.hasOwnProperty("searchData")) { 1068 dw.ac._searchData = context.searchData; 1069 } 1070 }, 1071 setDWAnalytics: function(analytics) { 1072 dw.ac._analytics = analytics; 1073 }, 1074 eventsIsEmpty: function() { 1075 return 0 == dw.ac._events.length; 1076 } 1077}; 1078/* ]]> */ 1079// --> 1080</script>
vendor: 1 bytes, line 1080
1080
1081<script type="text/javascript">//<!-- 1082/* <![CDATA[ (head-cquotient.js) */ 1083var CQuotient = window.CQuotient = {}; 1084CQuotient.clientId = 'bbjj-paulaschoice_eu'; 1085CQuotient.realm = 'BBJJ'; 1086CQuotient.siteId = 'paulaschoice_eu'; 1087CQuotient.instanceType = 'prd'; 1088CQuotient.locale = 'en'; 1089CQuotient.fbPixelId = '__UNKNOWN__'; 1090CQuotient.activities = []; 1091CQuotient.cqcid=''; 1092CQuotient.cquid=''; 1093CQuotient.cqeid=''; 1094CQuotient.cqlid=''; 1095CQuotient.apiHost='api.cquotient.com'; 1096/* Turn this on to test against Staging Einstein */ 1097/* CQuotient.useTest= true; */ 1098CQuotient.useTest = ('true' === 'false'); 1099CQuotient.initFromCookies = function () { 1100 var ca = document.cookie.split(';'); 1101 for(var i=0;i < ca.length;i++) { 1102 var c = ca[i]; 1103 while (c.charAt(0)==' ') c = c.substring(1,c.length); 1104 if (c.indexOf('cqcid=') == 0) { 1105 CQuotient.cqcid=c.substring('cqcid='.length,c.length); 1106 } else if (c.indexOf('cquid=') == 0) { 1107 var value = c.substring('cquid='.length,c.length); 1108 if (value) { 1109 var split_value = value.split("|", 3); 1110 if (split_value.length > 0) { 1111 CQuotient.cquid=split_value[0]; 1112 } 1113 if (split_value.length > 1) { 1114 CQuotient.cqeid=split_value[1]; 1115 } 1116 if (split_value.length > 2) { 1117 CQuotient.cqlid=split_value[2]; 1118 } 1119 } 1120 } 1121 } 1122} 1123CQuotient.getCQCookieId = function () { 1124 if(window.CQuotient.cqcid == '') 1125 window.CQuotient.initFromCookies(); 1126 return window.CQuotient.cqcid; 1127}; 1128CQuotient.getCQUserId = function () { 1129 if(window.CQuotient.cquid == '') 1130 window.CQuotient.initFromCookies(); 1131 return window.CQuotient.cquid; 1132}; 1133CQuotient.getCQHashedEmail = function () { 1134 if(window.CQuotient.cqeid == '') 1135 window.CQuotient.initFromCookies(); 1136 return window.CQuotient.cqeid; 1137}; 1138CQuotient.getCQHashedLogin = function () { 1139 if(window.CQuotient.cqlid == '') 1140 window.CQuotient.initFromCookies(); 1141 return window.CQuotient.cqlid; 1142}; 1143CQuotient.trackEventsFromAC = function (/* Object or Array */ events) { 1144try { 1145 if (Object.prototype.toString.call(events) === "[object Array]") { 1146 events.forEach(_trackASingleCQEvent); 1147 } else { 1148 CQuotient._trackASingleCQEvent(events); 1149 } 1150} catch(err) {} 1151}; 1152CQuotient._trackASingleCQEvent = function ( /* Object */ event) { 1153 if (event && event.id) { 1154 if (event.type === dw.ac.EV_PRD_DETAIL) { 1155 CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} ); 1156 } // not handling the other dw.ac.* events currently 1157 } 1158}; 1159CQuotient.trackViewProduct = function(/* Object */ cqParamData){ 1160 var cq_params = {}; 1161 cq_params.cookieId = CQuotient.getCQCookieId(); 1162 cq_params.userId = CQuotient.getCQUserId(); 1163 cq_params.emailId = CQuotient.getCQHashedEmail(); 1164 cq_params.loginId = CQuotient.getCQHashedLogin(); 1165 cq_params.product = cqParamData.product; 1166 cq_params.realm = cqParamData.realm; 1167 cq_params.siteId = cqParamData.siteId; 1168 cq_params.instanceType = cqParamData.instanceType; 1169 cq_params.locale = CQuotient.locale; 1170 1171 if(CQuotient.sendActivity) { 1172 CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params); 1173 } else { 1174 CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params}); 1175 } 1176}; 1177/* ]]> */ 1178// --> 1179</script>
1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189<meta name="google-site-verification" content="gBRsDZdOkCHhPjf9czom-xnnOYMxfU6Jby32yHHvTlY" /> 1190 1191 1192 1193 1194 1195 1196
1197<script type="application/ld+json"> 1198{ 1199 "@context": "http://schema.org/", 1200 "@type": "Organization", 1201 "name": "Paula's Choice", 1202 "alternateName": "Paula's Choice", 1203 "description": "Paula's Choice Skincare", 1204 "url": "https://www.paulaschoice-eu.com", 1205 "logo": "https://media.paulaschoice-eu.com/image/upload/v1715073783/ContentStack/General/logo.png", 1206 "contactPoint": [{"@type":"ContactPoint","telephone":"+31203458426","contactType":"customer service","areaServed":"NL"},{"@type":"ContactPoint","telephone":"+3238082924","contactType":"customer service","areaServed":"BE"},{"@type":"ContactPoint","telephone":"+4532745301","contactType":"customer service","areaServed":"DK"}], 1207 "sameAs": ["https://www.facebook.com/Paulaschoiceeurope","https://www.youtube.com/channel/UCrub19gos63vbd8dVpUBr9g","https://www.instagram.com/paulaschoice","https://www.tiktok.com/@paulaschoiceuk/"] 1208} 1209</script>
1209 1210 1211 1212 1213
1213<script type="application/ld+json"> 1214 { 1215 "@context": "http://schema.org/", 1216 "@type": "BreadcrumbList", 1217 "itemListElement": [ 1218 { 1219 "@type": "ListItem", 1220 "position": 1, 1221 "item": { 1222 "@id": "https://www.paulaschoice-eu.com/on/demandware.store/Sites-undefined-Site/en/Search-Show?cgid=eye-care-products", 1223 "name": "Eye products" 1224 } 1225 } 1226 ] 1227 } 1228 </script>
1228 1229 1230
1231<script type="application/ld+json"> 1232{ 1233 "@context": "http://schema.org/", 1234 "@type": "WebSite", 1235 "url": "https://www.paulaschoice-eu.com", 1236 "potentialAction": { 1237 "@type": "SearchAction", 1238 "target": "https://www.paulaschoice-eu.com/search?q={search_term_string}&lang=en", 1239 "query-input": "required name=search_term_string" 1240 } 1241} 1242</script>
1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253<!-- loop all the ab tests --> 1254 1255 1256 1257 <style> 1258 :root { 1259 --pc-header-section-height: 135px; 1260 --pc-mega-nav-usp-height: 40px; 1261 --pc-mega-nav-shell-pt: 20px; 1262 --pc-mega-nav-shell-pb: 41px; 1263 --pc-mega-nav-shell-px: 48px; 1264 --pc-mega-nav-shell-gap: 40px; 1265 --pc-mega-nav-logo-row-height: 20px; 1266 --pc-mega-nav-bar-height: 14px; 1267 --pc-mega-nav-bar-content-height: 14px; 1268 --pc-mega-nav-text-line-height: 1; 1269 --pc-mega-nav-usp-line-height: 40px; 1270 --pc-mega-nav-category-title-line-height: 44px; 1271 --pc-mega-nav-header-inline-padding: var(--pc-mega-nav-shell-px); 1272 --pc-mega-nav-icon-size: 20px; 1273 --pc-mega-nav-header-actions-gap: 28px; 1274 --pc-mega-nav-logo-mark-size: 18px; 1275 --pc-mega-nav-logo-mark-width: 276px; 1276 --pc-mega-nav-header-height: 135px; 1277 --pc-mega-nav-stack-height: calc(var(--pc-mega-nav-usp-height) + var(--pc-mega-nav-header-height)); 1278 --pc-mega-nav-flyout-scroll-padding-bottom: max(40px, calc(env(safe-area-inset-bottom, 0px) + 24px)); 1279 --pc-mega-nav-flyout-footer-padding-bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 16px)); 1280 --pc-mega-nav-panel-max-height: min(648px, calc(100vh - var(--pc-mega-nav-stack-height) - 16px)); 1281 --pc-nav-desktop-rail-link-gap: 24px; 1282 --pc-nav-desktop-rail-links-to-promo-gap: 30px; 1283 --pc-nav-desktop-rail-promo-image-height: 103px; 1284 --pc-nav-desktop-col-first-title-to-promo-gap: 89px; 1285 --pc-nav-desktop-promo-image-caption-gap: 10px; 1286 --pc-nav-desktop-promo-block-gap: 40px; 1287 1288 --pc-nav-font-family: "area-normal", "Area Normal", Arial, sans-serif; 1289 --pc-nav-color-text: #1C1C1C; 1290 --pc-nav-color-secondary: #757575; 1291 --pc-nav-color-border: #DEDEDF; 1292 1293 --pc-nav-desktop-bar: 14px; 1294 --pc-nav-desktop-panel-title: 40px; 1295 --pc-nav-desktop-l2: 14px; 1296 --pc-nav-desktop-l3: 12px; 1297 --pc-nav-desktop-see-all: 12px; 1298 --pc-nav-desktop-rail: 14px; 1299 1300 --pc-nav-mobile-top: 24px; 1301 --pc-nav-mobile-l2: 18px; 1302 --pc-nav-mobile-l3: 14px; 1303 --pc-nav-mobile-see-all: 18px; 1304 --pc-nav-mobile-campaign: 14px; 1305 --pc-nav-mobile-top-ls: -0.48px; 1306 --pc-nav-mobile-l2-ls: -0.36px; 1307 --pc-nav-mobile-l1-to-l2-gap: 39px; 1308 --pc-nav-mobile-l2-to-next-l1-gap: 53px; 1309 --pc-nav-mobile-l1-toggle-padding: 20px; 1310 } 1311 1312 #js-menu-categories { 1313 display: none; 1314 } 1315 1316 #navigation-level1, 1317 #category-content { 1318 --pc-mega-nav-local-line-height: var(--pc-mega-nav-text-line-height); 1319 } 1320 1321 #navigation-level1 .category-title, 1322 #category-content .category-title { 1323 --pc-mega-nav-local-line-height: var(--pc-mega-nav-category-title-line-height); 1324 } 1325 1326 #navigation-level1 .navigation-level1__middle-top a, 1327 #navigation-level1 .navigation-level1__nav-row a, 1328 #navigation-level1 .navigation-level1__group-title, 1329 #navigation-level1 .navigation-level1__subgroup-#category-content a, 1330 #navigation-level1 a { 1331 overflow: visible !important; 1332 } 1333 1334 #category-content .navigation-level1__middle-top a, 1335 #category-content .navigation-level1__nav-row a, 1336 #category-content .navigation-level1__group-title, 1337 #category-content .navigation-level1__subgroup-title { 1338 line-height: var(--pc-mega-nav-local-line-height); 1339 } 1340 1341 #category-content a, 1342 #navigation-level1 a { 1343 overflow: visible !important; 1344 } 1345 1346 .header { 1347 border-bottom: none; 1348 } 1349 1350 .pc-mega-nav-icon { 1351 display: block !important; 1352 width: 100% !important; 1353 height: 100% !important; 1354 max-width: 100% !important; 1355 max-height: 100% !important; 1356 color: inherit !important; 1357 flex-shrink: 0; 1358 pointer-events: none; 1359 } 1360 1361 .pc-mega-nav-icon path, 1362 .pc-mega-nav-icon line { 1363 stroke: currentColor; 1364 } 1365 1366 /* USP + header are sticky (in-flow) â do not add stack-height offset or PDP/PLP get a double gap */ 1367 .clearfix:not(.full-width) { 1368 margin-top: 0 !important; 1369 } 1370 1371 #main:has(#js-pdp-main) .breadcrumb, 1372 .main:has(#js-pdp-main) .breadcrumb, 1373 .main:has(.js-pdp-main) .breadcrumb { 1374 margin-top: 0 !important; 1375 } 1376 1377 /* ATC popup lives inside .mini-cart; header must sit above USP so popup can paint over the banner */ 1378 body.added-popup-visible .header.js-header { 1379 z-index: 2002 !important; 1380 } 1381 1382 body.added-popup-visible .product-added-popup-wrapper, 1383 body.added-popup-visible .js-product-added-modal { 1384 position: fixed !important; 1385 inset: 0 !important; 1386 z-index: 2000 !important; 1387 pointer-events: auto !important; 1388 opacity: 1 !important; 1389 overflow: auto !important; 1390 transform: none !important; 1391 } 1392 1393 body.added-popup-visible .header.js-header, 1394 body.added-popup-visible .header.js-header .header__content { 1395 overflow: visible !important; 1396 transform: none !important; 1397 } 1398 1399 body.added-popup-visible .header.js-header .mini-cart { 1400 overflow: visible !important; 1401 max-height: none !important; 1402 transform: none !important; 1403 } 1404 1405 body.added-popup-visible .header.js-header .mini-cart { 1406 z-index: 2001 !important; 1407 top: 0 !important; 1408 bottom: auto !important; 1409 } 1410 1411 body.added-popup-visible #js-usp-banner.usp-banner, 1412 body.added-popup-visible .usp-banner { 1413 z-index: 1000 !important; 1414 } 1415 1416 /* Country / location detector â modal popup above mega-nav sticky
1416stack */ 1417 body:has(.header.pc-mega-nav-redesign)>.country-dialog-wrap, 1418 body:has(.header.pc-mega-nav-redesign) .country-dialog-wrap { 1419 position: fixed !important; 1420 inset: 0 !important; 1421 width: auto !important; 1422 height: auto !important; 1423 max-height: none !important; 1424 overflow: visible !important; 1425 animation: none !important; 1426 z-index: 1101 !important; 1427 pointer-events: none !important; 1428 } 1429 1430 body:has(.header.pc-mega-nav-redesign) .ui-widget-overlay { 1431 display: block !important; 1432 position: fixed !important; 1433 inset: 0 !important; 1434 z-index: 1100 !important; 1435 opacity: 0.5 !important; 1436 pointer-events: auto !important; 1437 } 1438 1439 body:has(.header.pc-mega-nav-redesign) .country-detection-dialog, 1440 body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it { 1441 position: fixed !important; 1442 left: 50% !important; 1443 top: 50% !important; 1444 right: auto !important; 1445 bottom: auto !important; 1446 transform: translate(-50%, -50%) !important; 1447 width: calc(100vw - 32px) !important; 1448 max-width: 360px !important; 1449 min-height: 0 !important; 1450 height: auto !important; 1451 margin: 0 !important; 1452 padding: 0 !important; 1453 float: none !important; 1454 pointer-events: auto !important; 1455 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important; 1456 } 1457 1458 @media (min-width: 1024px) { 1459 1460 body:has(.header.pc-mega-nav-redesign) .country-detection-dialog, 1461 body:has(.header.pc-mega-nav-redesign) .country-detection-dialog--it { 1462 width: 300px !important; 1463 max-width: 300px !important; 1464 } 1465 } 1466 1467 body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper { 1468 flex-direction: column; 1469 align-items: center; 1470 justify-content: center; 1471 gap: 16px; 1472 width: 100%; 1473 } 1474 1475 body:has(.header.pc-mega-nav-redesign) .country-detector .button-wrapper .dialog-button:not(.simple) { 1476 width: 100%; 1477 } 1478 1479 1480 #js-usp-banner.usp-banner, 1481 #js-usp-banner.usp-banner.text-normal-sm-regular { 1482 display: block !important; 1483 width: 100% !important; 1484 height: var(--pc-mega-nav-usp-height) !important; 1485 min-height: var(--pc-mega-nav-usp-height) !important; 1486 max-height: var(--pc-mega-nav-usp-height) !important; 1487 margin: 0 !important; 1488 padding: 0 !important; 1489 overflow: hidden !important; 1490 background: #000000 !important; 1491 color: #FFFFFF !important; 1492 box-sizing: border-box !important; 1493 position: sticky !important; 1494 top: 0 !important; 1495 /* Below header so mini-cart / ATC popup (inside header) are never covered */ 1496 z-index: 1000 !important; 1497 } 1498 1499 1500 #js-usp-banner .usp-bar-wrapper, 1501 .usp-banner .usp-bar-wrapper { 1502 display: block !important; 1503 width: 100% !important; 1504 height: var(--pc-mega-nav-usp-height) !important; 1505 min-height: var(--pc-mega-nav-usp-height) !important; 1506 max-height: var(--pc-mega-nav-usp-height) !important; 1507 margin: 0 !important; 1508 padding: 0 !important; 1509 overflow: hidden !important; 1510 background: #000000 !important; 1511 } 1512 1513 #js-usp-banner .usp-bar-wrapper .content-asset, 1514 .usp-banner .usp-bar-wrapper .content-asset { 1515 margin: 0 !important; 1516 padding: 0 !important; 1517 height: 100% !important; 1518 max-height: var(--pc-mega-nav-usp-height) !important; 1519 overflow: hidden !important; 1520 } 1521 1522 #js-usp-banner .usp-bar, 1523 .usp-banner .usp-bar { 1524 display: block !important; 1525 width: 100% !important; 1526 height: var(--pc-mega-nav-usp-height) !important; 1527 min-height: var(--pc-mega-nav-usp-height) !important; 1528 max-height: var(--pc-mega-nav-usp-height) !important; 1529 margin: 0 !important; 1530 padding: 0 !important; 1531 background: #000000 !important; 1532 overflow: hidden !important; 1533 position: relative !important; 1534 list-style: none !important; 1535 z-index: auto !important; 1536 } 1537 1538 1539 #js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide), 1540 .usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) { 1541 display: flex !important; 1542 flex-direction: row !important; 1543 align-items: stretch !important; 1544 } 1545 1546 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide, 1547 .usp-banner .usp-bar.pc-mega-nav-usp-slide { 1548 display: block !important; 1549 position: relative !important; 1550 overflow: hidden !important; 1551 } 1552 1553 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track, 1554 .usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track, 1555 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track, 1556 .usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap.pc-mega-nav-usp-track { 1557 display: flex !important; 1558 flex-direction: row !important; 1559 align-items: stretch !important; 1560 width: 100% !important; 1561 height: 100% !important; 1562 margin: 0 !important; 1563 padding: 0 !important; 1564 list-style: none !important; 1565 box-sizing: border-box !important; 1566 } 1567 1568 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track, 1569 .usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .pc-mega-nav-usp-track, 1570 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-wrap.pc-mega-nav-usp-track, 1571 .usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-wrap.pc-mega-nav-usp-track { 1572 will-change: transform; 1573 width: max-content !important; 1574 min-width: 100% !important; 1575 } 1576 1577 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap, 1578 .usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-wrap, 1579 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track, 1580 .usp-banner .usp-bar.pc-mega-nav-usp-slide .pc-mega-nav-usp-track { 1581 left: 0 !important; 1582 width: max-content !important; 1583 min-width: 100% !important; 1584 } 1585 1586 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item, 1587 .usp-banner .usp-bar.pc-mega-nav-usp-slide:not(.pc-mega-nav-usp-slide--single) .usp-bar-item { 1588 flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important; 1589 width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1590 min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1591 max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1592 border-left: none !important; 1593 box-sizing: border-box !important; 1594 } 1595 1596 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item, 1597 .usp-banner .usp-bar.pc-mega-nav-usp-slide .usp-bar-item { 1598 position: relative !important; 1599 flex: 0 0 var(--pc-mega-nav-usp-slide-step, 100%) !important; 1600 width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1601 min-width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1602 max-width: var(--pc-mega-nav-usp-slide-step, 100%) !important; 1603 } 1604 1605 #js-usp-banner .usp-bar-item.pc-mega-nav-usp-clone, 1606 .usp-banner .usp-bar-item.pc-mega-nav-usp-clone { 1607 visibility: visible !important; 1608 opacity: 1 !important; 1609 display: flex !important; 1610 } 1611 1612 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item, 1613 .usp-banner .usp-bar.pc-mega-nav-usp-slide--single .usp-bar-item { 1614 flex: 1 1 0 !important; 1615 width: 100% !important; 1616 min-width: 0 !important; 1617 max-width: 100% !important; 1618 border-left: none !important; 1619 } 1620 1621 @media (max-width: 1023px) { 1622 1623 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap, 1624 .usp-banner .usp-bar.pc-mega-nav-usp-slide.js-usp-slider .usp-bar-wrap, 1625 #js-usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap, 1626 .usp-banner .usp-bar.pc-mega-nav-usp-slide.js-mobile-slider .usp-bar-wrap { 1627 width: max-content !important; 1628 min-width: 100% !important; 1629 left: 0 !important; 1630 } 1631 } 1632 1633 #js-usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap, 1634 .usp-banner .usp-bar.js-usp-slider:not(.pc-mega-nav-usp-slide) .usp-bar-wrap { 1635 display: block !important; 1636 width: 100% !important; 1637 transform: none !important; 1638 transition: none !important; 1639 left: auto !important; 1640 animation: none !important; 1641 } 1642 1643 #js-usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item, 1644 .usp-banner .usp-bar:not(.pc-mega-nav-usp-slide) .usp-bar-item+.usp-bar-item { 1645 border-left: 1px solid rgba(255, 255, 255, 0.35) !important; 1646 } 1647 1648 #js-usp-banner .usp-bar-item, 1649 .usp-banner .usp-bar-item { 1650 position: relative !important; 1651 top: auto !important; 1652 left: auto !important; 1653 right: auto !important; 1654 width: auto !important; 1655 flex: 1 1 0 !important; 1656 min-width: 0 !important; 1657 height: var(--pc-mega-nav-usp-height) !important; 1658 min-height: var(--pc-mega-nav-usp-height) !important; 1659 max-height: var(--pc-mega-nav-usp-height) !important; 1660 display: flex !important; 1661 align-items: center !important; 1662 justify-content: center !important; 1663 margin: 0 !important; 1664 padding: 0 12px !important; 1665 border: none !important; 1666 border-left: none !important; 1667 text-align: center !important; 1668 flex-shrink: 1 !important; 1669 box-sizing: border-box !important; 1670 opacity: 1 !important; 1671 pointer-events: auto !important; 1672 } 1673 1674 #js-usp-banner a[href]:not([href=""]):not([href="#"]), 1675 .usp-banner a[href]:not([href=""]):not([href="#"]) { 1676 pointer-events: auto !important; 1677 cursor: pointer !important; 1678 } 1679 1680 #js-usp-banner .usp-bar-item .fa, 1681 .usp-banner .usp-bar-item .fa, 1682 #js-usp-banner .usp-bar-item i, 1683 .usp-banner .usp-bar-item i { 1684 display: none !important; 1685 } 1686 1687 #js-usp-banner .usp-bar-text, 1688 .usp-banner .usp-bar-text { 1689 color: #FFFFFF !important; 1690 font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important; 1691 font-weight: 800 !important; 1692 font-size: 0.75rem !important; 1693 line-height: var(--pc-mega-nav-usp-line-height) !important; 1694 letter-spacing: 0 !important; 1695 padding: 0 !important; 1696 margin: 0 !important; 1697 white-space: nowrap !important; 1698 overflow: hidden !important; 1699 text-overflow: ellipsis !important; 1700 vertical-align: middle !important; 1701 } 1702 1703 #js-usp-banner .usp-bar-item a, 1704 .usp-banner .usp-bar-item a { 1705 color: #FFFFFF !important; 1706 text-decoration: none !important; 1707 font: inherit !important; 1708 line-height: var(--pc-mega-nav-usp-line-height) !important; 1709 pointer-events: auto !important; 1710 cursor: pointer !important; 1711 } 1712 1713 #js-usp-banner .usp-bar-item a:hover, 1714 .usp-banner .usp-bar-item a:hover { 1715 text-decoration: underline !important; 1716 } 1717 1718 1719 #js-usp-banner .header-banner, 1720 .usp-banner .header-banner { 1721 display: flex !important; 1722 align-items: center !important; 1723 justify-content: center !important; 1724 width: 100% !important; 1725 height: var(--pc-mega-nav-usp-height) !important; 1726 min-height: var(--pc-mega-nav-usp-height) !important; 1727 max-height: var(--pc-mega-nav-usp-height) !important; 1728 margin: 0 !important; 1729 padding: 0 12px !important; 1730 overflow: hidden !important; 1731 background: #000000 !important; 1732 color: #FFFFFF !important; 1733 font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important; 1734 font-weight: 800 !important; 1735 font-size: 0.75rem !important; 1736 line-height: var(--pc-mega-nav-usp-line-height) !important; 1737 letter-spacing: 0 !important; 1738 text-align: center !important; 1739 box-sizing: border-box !important; 1740 } 1741 1742 #js-usp-banner .header-banner *, 1743 .usp-banner .header-banner * { 1744 margin: 0 !important; 1745 padding: 0 !important; 1746 font: inherit !important; 1747 color: inherit !important; 1748 line-height: var(--pc-mega-nav-usp-line-height) !important; 1749 } 1750 1751 #js-usp-banner .header-banner a, 1752 .usp-banner .header-banner a { 1753 color: #FFFFFF !important; 1754 text-decoration: none !important; 1755 pointer-events: auto !important; 1756 cursor: pointer !important; 1757 } 1758 1759 1760 #js-usp-banner> :not(.usp-bar-wrapper):not(.header-banner), 1761 .usp-banner> :not(.usp-bar-wrapper):not(.header-banner) { 1762 display: flex !important; 1763 align-items: center !important; 1764 justify-content: center !important; 1765 width: 100% !important; 1766 height: var(--pc-mega-nav-usp-height) !important; 1767 min-height: var(--pc-mega-nav-usp-height) !important; 1768 max-height: var(--pc-mega-nav-usp-height) !important; 1769 margin: 0 !important; 1770 padding: 0 12px !important; 1771 overflow: hidden !important; 1772 background: transparent !important; 1773 color: #FFFFFF !important; 1774 font-family: "area-extended", "Area Extended", "area-normal", "Area Normal", Arial, sans-serif !important; 1775 font-weight: 800 !important; 1776 font-size: 0.75rem !important; 1777 line-height: var(--pc-mega-nav-usp-line-height) !important; 1778 letter-spacing: 0 !important; 1779 text-align: center !important; 1780 box-sizing: border-box !important; 1781 } 1782 1783 1784 @media (min-width: 1024px) { 1785 .header.js-header { 1786 display: flex !important; 1787 flex-direction: column !important; 1788 align-items: stretch !important; 1789 gap: var(--pc-mega-nav-shell-gap) !important; 1790 height: var(--pc-mega-nav-header-height) !important; 1791 min-height: var(--pc-mega-nav-header-height) !important; 1792 max-height: var(--pc-mega-nav-header-height) !important; 1793 overflow: visible !important; 1794 position: sticky !important; 1795 top: var(--pc-mega-nav-usp-height) !important; 1796 /* Above USP â mini-cart lives in this stacking context */ 1797 z-index: 1001 !important; 1798 margin: 0 !important; 1799 padding: var(--pc-mega-nav-shell-pt) var(--pc-mega-nav-shell-px) var(--pc-mega-nav-shell-pb) !important; 1800 background-color: #FFFFFF !important; 1801 border-bottom: 1px solid #DEDEDF !important; 1802 box-sizing: border-box !important; 1803 } 1804 1805 .header.js-header .header__content { 1806 flex: 0 0 auto !important; 1807 height: var(--pc-mega-nav-logo-row-height) !important; 1808 min-height: var(--pc-mega-nav-logo-row-height) !important; 1809 max-height: var(--pc-mega-nav-logo-row-height) !important; 1810 position: relative !important; 1811 display: flex !important; 1812 align-items: center !important; 1813 justify-content: center !important; 1814 margin: 0 !important; 1815 padding: 0 !important; 1816 background-color: #FFFFFF !important; 1817 border: none !important; 1818 width: 100% !important; 1819 box-sizing: border-box !important; 1820 } 1821 1822 1823 .header.js-header .header__hamburger-button { 1824 display: none !important; 1825 } 1826 1827 .header.js-header #js-search-toggle.search-toggle { 1828 position: absolute !important; 1829 left: 0 !important; 1830 right: auto !important; 1831 top: 50% !important; 1832 transform: translateY(-50%) !important; 1833 z-index: 5 !important; 1834 display: flex !important; 1835 align-items: center !important; 1836 justify-content: center !important; 1837 width: var(--pc-mega-nav-icon-size) !important; 1838 height: var(--pc-mega-nav-icon-size) !important; 1839 min-width: var(--pc-mega-nav-icon-size) !important; 1840 min-height: var(--pc-mega-nav-icon-size) !important; 1841 margin: 0 !important; 1842 padding: 0 !important; 1843 overflow: visible !important; 1844 background: transparent !important; 1845 border: none !important; 1846 color: #1C1C1C !important; 1847 font-size: var(--pc-mega-nav-icon-size) !important; 1848 line-height: 1 !important; 1849 cursor: pointer !important; 1850 opacity: 1 !important; 1851 visibility: visible !important; 1852 } 1853 1854 1855 .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search { 1856 display: inline-flex !important; 1857 align-items: center !important; 1858 justify-content: center !important; 1859 width: var(--pc-mega-nav-icon-size) !important; 1860 height: var(--pc-mega-nav-icon-size) !important; 1861 font-size: var(--pc-mega-nav-icon-size) !important; 1862 line-height: 1 !important; 1863 color: #1C1C1C !important; 1864 opacity: 1 !important; 1865 visibility: visible !important; 1866 } 1867 1868 .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close, 1869 .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon { 1870 display: none !important; 1871 width: 0 !important; 1872 height: 0 !important; 1873 overflow: hidden !important; 1874 opacity: 0 !important; 1875 visibility: hidden !important; 1876 } 1877 1878 .search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search, 1879 .search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search.icon { 1880 display: none !important; 1881 opacity: 0 !important; 1882 visibility: hidden !important; 1883 } 1884 1885 .search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close, 1886 .search-active .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close.icon { 1887 display: inline-flex !important; 1888 align-i
1888tems: center !important; 1889 justify-content: center !important; 1890 width: var(--pc-mega-nav-icon-size) !important; 1891 height: var(--pc-mega-nav-icon-size) !important; 1892 font-size: var(--pc-mega-nav-icon-size) !important; 1893 line-height: 1 !important; 1894 color: #1C1C1C !important; 1895 opacity: 1 !important; 1896 visibility: visible !important; 1897 overflow: visible !important; 1898 } 1899 1900 .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before, 1901 .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-close::before { 1902 color: #1C1C1C !important; 1903 font-size: var(--pc-mega-nav-icon-size) !important; 1904 line-height: 1 !important; 1905 } 1906 1907 .header.js-header #js-search-toggle.search-toggle .close-search { 1908 display: none !important; 1909 } 1910 1911 .search-active .header.js-header #js-search-toggle.search-toggle { 1912 top: 50% !important; 1913 background: white !important; 1914 } 1915 1916 .header.js-header .header__logo { 1917 position: absolute !important; 1918 left: 50% !important; 1919 top: 50% !important; 1920 transform: translate(-50%, -50%) !important; 1921 z-index: 4 !important; 1922 margin: 0 !important; 1923 padding: 0 !important; 1924 color: #1C1C1C !important; 1925 text-decoration: none !important; 1926 font-size: var(--pc-mega-nav-logo-mark-size) !important; 1927 line-height: 1 !important; 1928 display: block !important; 1929 width: auto !important; 1930 max-width: var(--pc-mega-nav-logo-mark-width) !important; 1931 height: auto !important; 1932 opacity: 1 !important; 1933 visibility: visible !important; 1934 } 1935 1936 .header.js-header .header__logo::before { 1937 display: block !important; 1938 width: auto !important; 1939 max-width: var(--pc-mega-nav-logo-mark-width) !important; 1940 height: auto !important; 1941 color: #1C1C1C !important; 1942 font-size: var(--pc-mega-nav-logo-mark-size) !important; 1943 line-height: 1 !important; 1944 opacity: 1 !important; 1945 visibility: visible !important; 1946 -webkit-text-fill-color: #1C1C1C !important; 1947 } 1948 1949 /* No transform here â it creates a containing block and traps the ATC fixed popup */ 1950 .header.js-header .mini-cart { 1951 position: absolute !important; 1952 right: 0 !important; 1953 top: 0 !important; 1954 bottom: 0 !important; 1955 left: auto !important; 1956 display: flex !important; 1957 align-items: center !important; 1958 transform: none !important; 1959 z-index: 5 !important; 1960 margin: 0 !important; 1961 opacity: 1 !important; 1962 visibility: visible !important; 1963 overflow: visible !important; 1964 } 1965 1966 .header.js-header .mini-cart__link { 1967 display: flex !important; 1968 align-items: center !important; 1969 justify-content: center !important; 1970 position: relative !important; 1971 width: var(--pc-mega-nav-icon-size) !important; 1972 height: var(--pc-mega-nav-icon-size) !important; 1973 min-width: var(--pc-mega-nav-icon-size) !important; 1974 min-height: var(--pc-mega-nav-icon-size) !important; 1975 margin: 0 !important; 1976 padding: 0 !important; 1977 border: none !important; 1978 border-radius: 0 !important; 1979 background: transparent !important; 1980 color: #1C1C1C !important; 1981 line-height: 1 !important; 1982 text-decoration: none !important; 1983 box-sizing: border-box !important; 1984 opacity: 1 !important; 1985 visibility: visible !important; 1986 overflow: visible !important; 1987 } 1988 1989 .header.js-header .mini-cart__icon { 1990 position: static !important; 1991 transform: none !important; 1992 width: var(--pc-mega-nav-icon-size) !important; 1993 height: var(--pc-mega-nav-icon-size) !important; 1994 font-size: var(--pc-mega-nav-icon-size) !important; 1995 line-height: 1 !important; 1996 color: #1C1C1C !important; 1997 opacity: 1 !important; 1998 visibility: visible !important; 1999 } 2000 2001 .header.js-header .main-nav { 2002 position: absolute !important; 2003 inset: 0 !important; 2004 width: 100% !important; 2005 height: 100% !important; 2006 margin: 0 !important; 2007 padding: 0 !important; 2008 background: transparent !important; 2009 overflow: visible !important; 2010 opacity: 1 !important; 2011 visibility: visible !important; 2012 pointer-events: none !important;
2013 /* Above #navigation-level1 (1003) so account layover caret is not painted under the nav bar */ 2014 z-index: 2001 !important; 2015 } 2016 2017 .header.js-header .main-nav #js-menu-categories, 2018 .header.js-header .main-nav>.html-slot-container, 2019 .header.js-header .main-nav>.hide-desktop, 2020 .header.js-header .main-nav>a.hide-desktop { 2021 display: none !important; 2022 } 2023 2024 .header.js-header .main-nav>.menu-utility-user { 2025 display: flex !important; 2026 align-items: center !important; 2027 justify-content: center !important; 2028 position: absolute !important; 2029 right: calc(var(--pc-mega-nav-icon-size) + var(--pc-mega-nav-header-actions-gap)) !important; 2030 top: 0 !important; 2031 bottom: 0 !important; 2032 left: auto !important; 2033 /* No translateY â transform traps absolute layover positioning */ 2034 transform: none !important; 2035 height: auto !important; 2036 /* Larger hit target than the 20px icon (helps Windows mouse hover) */ 2037 min-width: 44px !important; 2038 min-height: 100% !important; 2039 margin: 0 !important; 2040 padding: 0 !important; 2041 pointer-events: auto !important; 2042 opacity: 1 !important; 2043 visibility: visible !important; 2044 overflow: visible !important; 2045 z-index: 2001 !important; 2046 } 2047 2048 /* 2049 * Account menu is :hover-only. Any gap between icon and panel drops hover 2050 * (caret is pointer-events: none). Bridge keeps :hover while moving down. 2051 */ 2052 .header.js-header .main-nav>.menu-utility-user:hover::after { 2053 content: '' !important; 2054 position: absolute !important; 2055 left: 50% !important; 2056 transform: translateX(-50%) !important; 2057 top: 100% !important; 2058 width: 240px !important; 2059 height: 28px !important; 2060 pointer-events: auto !important; 2061 z-index: 2000 !important; 2062 } 2063 2064 /* Flush under icon row â no margin gap that kills :hover on the way down */ 2065 .header.js-header .main-nav .nav-account-layover { 2066 top: 100% !important; 2067 margin-top: 10px !important; 2068 z-index: 2001 !important; 2069 pointer-events: auto !important; 2070 } 2071 2072 .header.js-header .main-nav .user-info__account { 2073 display: flex !important; 2074 align-items: center !important; 2075 justify-content: center !important; 2076 width: var(--pc-mega-nav-icon-size) !important; 2077 height: var(--pc-mega-nav-icon-size) !important; 2078 min-width: var(--pc-mega-nav-icon-size) !important; 2079 min-height: var(--pc-mega-nav-icon-size) !important; 2080 margin: 0 !important; 2081 padding: 0 !important; 2082 color: #1C1C1C !important; 2083 text-decoration: none !important; 2084 font-size: var(--pc-mega-nav-icon-size) !important; 2085 line-height: 1 !important; 2086 opacity: 1 !important; 2087 visibility: visible !important; 2088 } 2089 2090 .header.js-header .main-nav .user-info__icon.icon, 2091 .header.js-header .main-nav .user-info__icon.icon::before { 2092 display: inline-flex !important; 2093 align-items: center !important; 2094 justify-content: center !important; 2095 width: var(--pc-mega-nav-icon-size) !important; 2096 height: var(--pc-mega-nav-icon-size) !important; 2097 font-size: var(--pc-mega-nav-icon-size) !important; 2098 line-height: 1 !important; 2099 color: #1C1C1C !important; 2100 opacity: 1 !important; 2101 visibility: visible !important; 2102 } 2103 2104 .header.js-header .main-nav .user-info__name { 2105 display: none !important; 2106 } 2107 2108 .header.js-header .mini-cart, 2109 .header.js-header .main-nav>.menu-utility-user, 2110 .header.js-header #js-search-toggle.search-toggle { 2111 pointer-events: auto !important; 2112 } 2113 2114 .header.js-header #js-header-search { 2115 z-index: 1003 !important; 2116 } 2117 2118 /* Search open: keep shell height stable and overlay native search in the nav row area. 2119 Do not hide mega-nav â only avoid expanding the header (that poisons height sync). */ 2120 .wrapper.search-active .header.js-header { 2121 overflow: visible !important; 2122 } 2123 2124 .wrapper.search-active .header.js-header #js-header-search { 2125 position: absolute !important; 2126 left: 0 !important; 2127 right: 0 !important; 2128 top: calc( 2129 var(--pc-mega-nav-shell-pt) + var(--pc-mega-nav-logo-row-height) + var(--pc-mega-nav-shell-gap) 2130 ) !important; 2131 z-index: 1004 !important; 2132 width: 100% !important; 2133 flex: none !important; 2134 background-color: #FFFFFF !important; 2135 box-sizing: border-box !important; 2136 } 2137 2138 2139 body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle, 2140 body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search, 2141 body:not(:has(.video-banner)) .header.js-header #js-search-toggle.search-toggle .search-toggle_icon-search::before, 2142 body:not(:has(.video-banner)) .header.js-header .mini-cart__link, 2143 body:not(:has(.video-banner)) .header.js-header .mini-cart__icon, 2144 body:not(:has(.video-banner)) .header.js-header .mini-cart__icon::before, 2145 body:not(:has(.video-banner)) .header.js-header .user-info__account, 2146 body:not(:has(.video-banner)) .header.js-header .user-info__icon, 2147 body:not(:has(.video-banner)) .header.js-header .user-info__icon::before, 2148 body:not(:has(.video-banner)) .header.js-header .header__logo, 2149 body:not(:has(.video-banner)) .header.js-header .header__logo::before, 2150 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle, 2151 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 2152 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 2153 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link, 2154 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon, 2155 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before, 2156 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account, 2157 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon, 2158 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before, 2159 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo, 2160 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before { 2161 color: #1C1C1C !important; 2162 border-color: #1C1C1C !important; 2163 } 2164 2165 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link { 2166 border: none !important; 2167 } 2168 2169 2170 body:not(:has(.video-banner)) .header.js-header, 2171 body:not(:has(.video-banner)) .header.js-header .header__content, 2172 body:not(:has(.video-banner)) .header.js-header #navigation-level1 { 2173 background-color: #FFFFFF !important; 2174 } 2175 2176 body:not(:has(.video-banner)) .header.js-header { 2177 border-bottom: 1px solid #DEDEDF !important; 2178 } 2179 2180 #js-usp-banner.usp-banner { 2181 margin-bottom: 0 !important; 2182 } 2183 2184 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__content, 2185 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 { 2186 background-color: transparent !important; 2187 } 2188 2189 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) { 2190 background-color: transparent !important; 2191 border-bottom-color: transparent !important; 2192 } 2193 2194 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle, 2195 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 2196 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 2197 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 2198 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__link, 2199 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__icon, 2200 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .mini-cart__icon::before, 2201 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__account, 2202 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__icon, 2203 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .user-info__icon::before, 2204 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__logo, 2205 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) .header__logo::before { 2206 color: #FFFFFF !important; 2207 border-color: #FFFFFF !important; 2208 } 2209 2210 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__section-title, 2211 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__list>li>a { 2212 color: #FFFFFF !important; 2213 } 2214 2215 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header:not(.pc-mega-nav-redesign):not(.header--scrolled):not(.header--menu-open) #navigation-level1 .navigation-level1__list>li+li::before { 2216 background: #FFFFFF !important; 2217 } 2218 2219 .header.js-header.pc-mega-nav-redesign, 2220 .header.js-header.pc-mega-nav-redesign .header__content, 2221 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open), 2222 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content, 2223 body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open), 2224 body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) { 2225 background-color: #FFFFFF !important; 2226 border-bottom-color: #DEDEDF !important; 2227 } 2228 2229 body:has(.video-banner) .header.js-header.header--scrolled, 2230 body:has(.video-banner) .header.js-header.header--scrolled .header__content { 2231 background-color: #FFFFFF !important; 2232 border-bottom-color: #DEDEDF !important; 2233 } 2234 2235 .header.js-header #navigation-level1 { 2236 flex: 0 0 auto !important; 2237 width: 100% !important; 2238 min-height: var(--pc-mega-nav-bar-height) !important; 2239 height: auto !important; 2240 max-height: none !important; 2241 margin: 0 !important; 2242 padding: 0 !important; 2243 border: none !important; 2244 background-color: transparent !important; 2245 position: relative !important; 2246 z-index: 1003 !important; 2247 pointer-events: auto !important; 2248 } 2249 2250 .header.js-header #category-content.is-visible { 2251 position: absolute !important; 2252 top: 100% !important; 2253 left: 0 !important; 2254 right: 0 !important; 2255 z-index: 1002 !important; 2256 margin-top: 0 !important; 2257 } 2258 } 2259 2260 2261 #navigation-level1 { 2262 background: transparent !important; 2263 min-height: var(--pc-mega-nav-bar-height) !important; 2264 height: auto !important; 2265 max-height: none !important; 2266 margin: 0 !important; 2267 padding: 0 !important; 2268 border: none !important; 2269 box-sizing: border-box !important; 2270 overflow: visible !important; 2271 } 2272 2273 #navigation-level1 .navigation-level1__list { 2274 margin: 0 !important; 2275 padding: 0 !important; 2276 min-height: var(--pc-mega-nav-bar-height) !important; 2277 display: flex !important; 2278 flex-wrap: nowrap !important; 2279 align-items: center !important; 2280 justify-content: center !important; 2281 list-style-type: none !important; 2282 gap: 0 !important; 2283 row-gap: 0 !important; 2284 overflow: visible !important; 2285 } 2286 2287 #navigation-level1 .navigation-level1__list>li, 2288 #navigation-level1 .navigation-level1__section { 2289 display: inline-flex !important; 2290 align-items: center !important; 2291 min-height: var(--pc-mega-nav-bar-height) !important; 2292 margin: 0 !important; 2293 padding: 0 !important; 2294 overflow: visible !important; 2295 } 2296 2297 #navigation-level1 .navigation-level1__list>li+li::before { 2298 content: "" !important; 2299 display: block !important; 2300 flex-shrink: 0 !important; 2301 width: 1px !important; 2302 height: 20px !important; 2303 max-height: 20px !important; 2304 opacity: 0.1 !important; 2305 background: #1C1C1C !important; 2306 margin: 0 24px !important; 2307 } 2308 2309 #navigation-level1 .navigation-level1__section-title, 2310 #navigation-level1 .navigation-level1__list>li>a { 2311 position: relative !important; 2312 display: inline-flex !important; 2313 align-items: center !important; 2314 height: var(--pc-mega-nav-bar-content-height) !important; 2315 min-height: var(--pc-mega-nav-bar-content-height) !important; 2316 max-height: var(--pc-mega-nav-bar-content-height) !important; 2317 margin: 0 !important; 2318 padding: 0 !important; 2319 border: none !important; 2320 background: none !important; 2321 box-shadow: none !important; 2322 cursor: pointer !important; 2323 appearance: none !important; 2324 -webkit-appearance: none !important; 2325 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 2326 font-weight: 800 !important; 2327 font-size: var(--pc-mega-nav-bar-content-height) !important; 2328 line-height: var(--pc-mega-nav-text-line-height) !important; 2329 letter-spacing: 0 !important; 2330 color: #1C1C1C !important; 2331 text-decoration: none !important; 2332 white-space: nowrap !important; 2333 overflow: visible !important; 2334 transition: color 0.3s ease-out !important; 2335 } 2336 2337 #navigation-level1 .navigation-level1__section-title::after, 2338 #navigation-level1 .navigation-level1__list>li>a::after { 2339 content: "" !important; 2340 display: block !important; 2341 position: absolute !important; 2342 left: 0 !important; 2343 right: auto !important; 2344 top: 100% !important; 2345 bottom: auto !important;
2346 margin-top: 1px !important; 2347 width: 0 !important; 2348 height: 2px !important; 2349 background-color: currentColor !important; 2350 transition: width 0.3s ease-out !important; 2351 pointer-events: none !important; 2352 } 2353 2354 #navigation-level1 .navigation-level1__section-title:hover, 2355 #navigation-level1 .navigation-level1__list>li>a:hover, 2356 #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title, 2357 #navigation-level1 .navigation-level1__list>li:hover>a, 2358 #navigation-level1 .navigation-level1__section-title.is-nav-hovered, 2359 #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered { 2360 color: #1C1C1C !important; 2361 text-decoration: none !important; 2362 box-shadow: none !important; 2363 } 2364 2365 #navigation-level1 .navigation-level1__section-title:hover::after, 2366 #navigation-level1 .navigation-level1__list>li>a:hover::after, 2367 #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after, 2368 #navigation-level1 .navigation-level1__list>li:hover>a::after, 2369 #navigation-level1 .navigation-level1__section-title.is-nav-hovered::after, 2370 #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after, 2371 #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after, 2372 #navigation-level1 .navigation-level1__list>li.is-active>a::after { 2373 width: 100% !important; 2374 } 2375 2376 #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title, 2377 #navigation-level1 .navigation-level1__list>li.is-active>a { 2378 box-shadow: none !important; 2379 } 2380 2381 #navigation-level1 .navigation-level1__component { 2382 display: none; 2383 } 2384 2385 2386 #navigation-level1 { 2387 .navigation-level1__list { 2388 margin: 0; 2389 padding: 0; 2390 min-height: var(--pc-mega-nav-bar-height); 2391 display: flex; 2392 flex-wrap: nowrap; 2393 align-items: center; 2394 justify-content: center; 2395 list-style-type: none; 2396 gap: 0; 2397 row-gap: 0;
2398 2399 >li { 2400 display: inline-flex; 2401 align-items: center; 2402 min-height: var(--pc-mega-nav-bar-height); 2403 margin: 0; 2404 padding: 0; 2405 2406 +li::before { 2407 content: ""; 2408 display: block; 2409 flex-shrink: 0; 2410 width: 1px; 2411 height: 20px; 2412 max-height: 20px; 2413 opacity: 0.1; 2414 background: #1C1C1C; 2415 margin: 0 24px; 2416 } 2417 2418 .navigation-level1__section-title, 2419 >a { 2420 padding: 0; 2421 border: none; 2422 font-family: "area-normal", "Area Normal", Arial, sans-serif; 2423 font-weight: 800; 2424 font-size: var(--pc-mega-nav-bar-content-height); 2425 line-height: var(--pc-mega-nav-text-line-height); 2426 letter-spacing: 0; 2427 color: #1C1C1C; 2428 text-decoration: none; 2429 } 2430 } 2431 } 2432 2433 .navigation-level1__section-title { 2434 background: none; 2435 border: none; 2436 cursor: pointer; 2437 font-family: inherit; 2438 } 2439 2440 .navigation-level1__section-title, 2441 .navigation-level1__list>li>a { 2442 min-height: var(--pc-mega-nav-bar-height); 2443 } 2444 2445 .navigation-level1__component { 2446 display: none; 2447 } 2448 } 2449 2450 2451 2452 #category-content .navigation-level1__col-first, 2453 #category-content .navigation-level1__component .navigation-level1__col-first, 2454 #navigation-level1 .navigation-level1__col-first { 2455 flex: 0 0 25% !important; 2456 min-width: 0 !important; 2457 max-width: none !important; 2458 width: auto !important; 2459 flex-shrink: 0 !important; 2460 min-height: 0 !important; 2461 height: 100% !important; 2462 padding: 0 48px !important; 2463 border-right: 1px solid #DEDEDF !important; 2464 overflow-y: auto !important; 2465 overflow-x: hidden !important; 2466 align-items: flex-start !important; 2467 box-sizing: border-box !important; 2468 -webkit-overflow-scrolling: touch !important; 2469 container-type: inline-size !important; 2470 display: flex !important; 2471 flex-direction: column !important; 2472 justify-content: space-between !important; 2473 } 2474 2475 #category-content .navigation-level1__col-middle, 2476 #category-content .navigation-level1__component .navigation-level1__col-middle, 2477 #navigation-level1 .navigation-level1__col-middle { 2478 flex: 0 0 45% !important; 2479 min-width: 0 !important; 2480 max-width: none !important; 2481 width: auto !important; 2482 flex-shrink: 0 !important; 2483 min-height: 0 !important; 2484 height: 100% !important; 2485 overflow: hidden !important; 2486 box-sizing: border-box !important; 2487 display: flex !important; 2488 flex-direction: column !important; 2489 } 2490 2491 #category-content .navigation-level1__col-third, 2492 #category-content .navigation-level1__component .navigation-level1__col-third, 2493 #navigation-level1 .navigation-level1__col-third { 2494 flex: 0 0 30% !important; 2495 min-width: 0 !important; 2496 max-width: none !important; 2497 width: auto !important; 2498 flex-shrink: 0 !important; 2499 min-height: 0 !important; 2500 height: 100% !important; 2501 max-height: 100% !important; 2502 padding: 0 48px !important; 2503 border-left: 1px solid #DEDEDF !important; 2504 box-sizing: border-box !important; 2505 display: flex !important; 2506 flex-direction: column !important; 2507 justify-content: flex-start !important; 2508 overflow-y: auto !important; 2509 overflow-x: hidden !important; 2510 -webkit-overflow-scrolling: touch !important; 2511 overscroll-behavior: contain !important; 2512 align-items: flex-start !important; 2513 } 2514 2515 #category-content .navigation-level1__col-first .category-title, 2516 #category-content .category-title, 2517 #navigation-level1 .navigation-level1__col-first .category-title { 2518 display: block !important; 2519 width: 100% !important; 2520 max-width: 100% !important; 2521 min-width: 0 !important; 2522 min-height: 0 !important; 2523 margin: 0 !important; 2524 padding: 0 !important; 2525 flex-shrink: 0 !important; 2526 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 2527 font-weight: 800 !important; 2528 line-height: var(--pc-mega-nav-category-title-line-height) !important; 2529 letter-spacing: -0.02em !important; 2530 color: #1C1C1C !important; 2531 overflow: visible !important; 2532 overflow-wrap: normal !important; 2533 word-break: keep-all !important; 2534 hyphens: none !important; 2535 white-space: nowrap !important; 2536 font-size: clamp(28px, 15cqi, 40px) !important; 2537 } 2538 2539 #category-content .navigation-level1__col-first .category-title--wrap, 2540 #category-content .category-title--wrap, 2541 #navigation-level1 .navigation-level1__col-first .category-title--wrap { 2542 white-space: normal !important; 2543 overflow-wrap: break-word !important; 2544 word-break: normal !important; 2545 } 2546 2547 #category-content .navigation-level1__col-first>.html-slot-container, 2548 #category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container, 2549 #navigation-level1 .navigation-level1__col-first>.html-slot-container { 2550 display: flex !important; 2551 flex-direction: column !important; 2552 flex: 0 0 auto !important; 2553 flex-shrink: 0 !important; 2554 justify-content: flex-end !important; 2555 margin-top: 0 !important; 2556 width: 100% !important; 2557 max-width: 100% !important; 2558 gap: var(--pc-nav-desktop-promo-block-gap) !important; 2559 } 2560 2561 #category-content .navigation-level1__col-first .html-slot-container, 2562 #category-content .navigation-level1__col-first .main-nav-slot, 2563 #navigation-level1 .navigation-level1__col-first .html-slot-container, 2564 #navigation-level1 .navigation-level1__col-first .main-nav-slot { 2565 display: flex !important; 2566 flex-direction: column !important; 2567 justify-content: flex-end !important; 2568 gap: var(--pc-nav-desktop-promo-block-gap) !important; 2569 width: 100% !important; 2570 max-width: 100% !important; 2571 border: 0 !important; 2572 margin: 0 !important; 2573 padding: 0 !important; 2574 flex: 0 0 auto !important; 2575 position: static !important; 2576 left: auto !important; 2577 top: auto !important; 2578 max-height: none !important; 2579 overflow: visible !important; 2580 visibility: visible !important; 2581 opacity: 1 !important; 2582 } 2583 2584 #category-content .navigation-level1__col-first>.html-slot-container>.main-nav-slot, 2585 #category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot, 2586 #navigation-level1 .navigation-level1__col-first>.html-slot-container>.main-nav-slot { 2587 margin-top: 0 !important; 2588 } 2589 2590 #category-content .navigation-level1__col-first .navigation-link, 2591 #navigation-level1 .navigation-level1__col-first .navigation-link { 2592 display: flex !important; 2593 flex-direction: column !important; 2594 justify-content: flex-end !important; 2595 gap: var(--pc-nav-desktop-promo-block-gap) !important; 2596 margin: 0 !important; 2597 padding: 0 !important; 2598 width: 100% !important; 2599 max-width: 100% !important; 2600 } 2601 2602 /* Single left promo must stay full-width (legacy two-rows / 50% figure rules) */ 2603 #category-content .navigation-level1__col-first .navigation-link.navigation-link--two-rows, 2604 #navigation-level1 .navigation-level1__col-first .navigation-link.navigation-link--two-rows { 2605 display: flex !important; 2606 flex-direction: column !important; 2607 margin: 0 !important; 2608 } 2609 2610 #category-content .navigation-level1__col-first .navigation-link>figure:only-child, 2611 #navigation-level1 .navigation-level1__col-first .navigation-link>figure:only-child, 2612 #category-content .navigation-level1__col-first>.html-slot-container>figure:only-child, 2613 #navigation-level1 .navigation-level1__col-first>.html-slot-container>figure:only-child { 2614 width: 100% !important; 2615 max-width: 100% !important; 2616 flex: 0 0 auto !important; 2617 } 2618 2619 #category-content .navigation-level1__col-first .main-nav-slot__list, 2620 #navigation-level1 .navigation-level1__col-first .main-nav-slot__list { 2621 margin: 0 !important; 2622 padding: 0 !important; 2623 border: 0 !important; 2624 } 2625 2626 #category-content .navigation-level1__col-first .main-nav-slot__list+div, 2627 #navigation-level1 .navigation-level1__col-first .main-nav-slot__list+div { 2628 margin-top: 0 !important; 2629 } 2630 2631 #category-content .navigation-level1__col-first .main-nav-slot__list-item, 2632 #navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item { 2633 margin: 0 !important; 2634 } 2635 2636 #category-content .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item, 2637 #navigation-level1 .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item { 2638 margin-top: 0 !important; 2639 } 2640 2641 #category-content .navigation-level1__col-first figure, 2642 #navigation-level1 .navigation-level1__col-first figure, 2643 #category-content .navigation-level1__col-first .navigation-link figure, 2644 #navigation-level1 .navigation-level1__col-first .navigation-link figure { 2645 display: flex !important; 2646 flex-direction: column !important; 2647 gap: var(--pc-nav-desktop-promo-image-caption-gap) !important; 2648 margin: 0 !important; 2649 width: 100% !important; 2650 max-width: 100% !important; 2651 min-width: 0 !important; 2652 } 2653 2654 #category-content .navigation-level1__col-first figure>a, 2655 #navigation-level1 .navigation-level1__col-first figure>a, 2656 #category-content .navigation-level1__col-first .navigation-link figure>a, 2657 #navigation-level1 .navigation-level1__col-first .navigation-link figure>a, 2658 #category-content .navigation-level1__col-first figure .level-3__category-image, 2659 #navigation-level1 .navigation-level1__col-first figure .level-3__category-image, 2660 #category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap, 2661 #navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap { 2662 display: block !important; 2663 width: 100% !important; 2664 max-width: 100% !important; 2665 height: 135px !important; 2666 border-radius: 10px !important; 2667 overflow: hidden !important; 2668 line-height: 0 !important; 2669 font-size: 0 !important; 2670 text-indent: 0 !important; 2671 color: transparent !important; 2672 text-decoration: none !important; 2673 flex-shrink: 0 !important; 2674 } 2675 2676 /* Hide stray copy inside the image link â line-height:0 stacks it into garbled overlay text */ 2677 #category-content .navigation-level1__col-first figure>a>
2677*:not(img):not(picture), 2678 #navigation-level1 .navigation-level1__col-first figure>a>*:not(img):not(picture), 2679 #category-content .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture), 2680 #navigation-level1 .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture), 2681 #category-content .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture), 2682 #navigation-level1 .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) { 2683 display: none !important; 2684 } 2685 2686 #category-content .navigation-level1__col-first figure img, 2687 #navigation-level1 .navigation-level1__col-first figure img, 2688 #category-content .navigation-level1__col-first .html-slot-container img, 2689 #navigation-level1 .navigation-level1__col-first .html-slot-container img, 2690 #category-content .navigation-level1__col-first .navigation-link img, 2691 #navigation-level1 .navigation-level1__col-first .navigation-link img { 2692 width: 100% !important; 2693 height: 135px !important; 2694 max-width: 100% !important; 2695 aspect-ratio: unset !important; 2696 border-radius: 10px !important; 2697 object-fit: cover !important; 2698 object-position: center !important; 2699 display: block !important; 2700 margin: 0 !important; 2701 } 2702 2703 #category-content .navigation-level1__scroll-rail, 2704 #navigation-level1 .navigation-level1__scroll-rail { 2705 overflow-y: auto; 2706 overflow-x: hidden; 2707 -webkit-overflow-scrolling: touch; 2708 scrollbar-width: none !important; 2709 -ms-overflow-style: none !important; 2710 min-height: 0; 2711 max-height: 100%; 2712 } 2713 2714 #category-content .navigation-level1__col-first.navigation-level1__scroll-rail, 2715 #category-content .navigation-level1__col-third.navigation-level1__scroll-rail, 2716 #navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail, 2717 #navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail { 2718 overflow-y: auto !important; 2719 overflow-x: hidden !important; 2720 -webkit-overflow-scrolling: touch; 2721 scrollbar-width: none !important; 2722 -ms-overflow-style: none !important; 2723 min-height: 0 !important; 2724 max-height: 100% !important; 2725 } 2726 2727 #category-content .navigation-level1__scroll-rail::-webkit-scrollbar, 2728 #category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar, 2729 #category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar, 2730 #navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar, 2731 #navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar { 2732 width: 0 !important; 2733 height: 0 !important; 2734 display: none !important; 2735 background: transparent !important; 2736 -webkit-appearance: none; 2737 appearance: none; 2738 } 2739 2740 #category-content .navigation-level1__scroll-rail::-webkit-scrollbar-thumb, 2741 #category-content .navigation-level1__scroll-rail::-webkit-scrollbar-track, 2742 #category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb, 2743 #category-content .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track, 2744 #category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb, 2745 #category-content .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track, 2746 #navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-thumb, 2747 #navigation-level1 .navigation-level1__col-first.navigation-level1__scroll-rail::-webkit-scrollbar-track, 2748 #navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-thumb, 2749 #navigation-level1 .navigation-level1__col-third.navigation-level1__scroll-rail::-webkit-scrollbar-track { 2750 display: none !important; 2751 width: 0 !important; 2752 height: 0 !important; 2753 background: transparent !important; 2754 } 2755 2756 2757 2758 #category-content .navigation-level1__col-third>.html-slot-container, 2759 #navigation-level1 .navigation-level1__col-third>.html-slot-container, 2760 #category-content .navigation-level1__col-third>.main-nav-slot, 2761 #navigation-level1 .navigation-level1__col-third>.main-nav-slot { 2762 display: flex; 2763 flex-direction: column; 2764 flex: 0 0 auto; 2765 flex-shrink: 0; 2766 min-height: 0; 2767 width: 100%; 2768 margin-top: auto !important; 2769 overflow: visible; 2770 } 2771 2772 #category-content .navigation-level1__col-third .main-nav-slot, 2773 #navigation-level1 .navigation-level1__col-third .main-nav-slot, 2774 .header #category-content .navigation-level1__col-third .main-nav-slot { 2775 border: 0 !important; 2776 margin-right: 0 !important; 2777 margin-bottom: 0 !important; 2778 margin-left: 0 !important; 2779 padding: 0 !important; 2780 display: flex !important; 2781 visibility: visible !important; 2782 opacity: 1 !important; 2783 flex-direction: column !important; 2784 position: static !important; 2785 left: auto !important; 2786 top: auto !important; 2787 max-height: none !important; 2788 max-width: none !important; 2789 overflow: visible !important; 2790 flex: 0 0 auto; 2791 flex-shrink: 0; 2792 min-height: 0; 2793 width: 100%; 2794 z-index: auto !important; 2795 place-content: flex-start !important; 2796 align-items: flex-start !important; 2797 } 2798 2799 #category-content .navigation-level1__col-third>.html-slot-container>.main-nav-slot, 2800 #navigation-level1 .navigation-level1__col-third>.html-slot-container>.main-nav-slot { 2801 margin-top: 0 !important; 2802 } 2803 2804 #category-content .navigation-level1__col-third>.main-nav-slot, 2805 #navigation-level1 .navigation-level1__col-third>.main-nav-slot { 2806 margin-top: auto !important; 2807 } 2808 2809 #category-content .navigation-level1__col-third .main-nav-slot__heading { 2810 display: none; 2811 } 2812 2813 #category-content .navigation-level1__col-third .main-nav-slot__list, 2814 #navigation-level1 .navigation-level1__col-third .main-nav-slot__list { 2815 list-style: none; 2816 border: 0 !important; 2817 margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important; 2818 padding: 0 !important; 2819 flex-shrink: 0; 2820 } 2821 2822 #category-content .navigation-level1__col-third .main-nav-slot__list+div { 2823 margin-top: 0 !important; 2824 } 2825 2826 #category-content .navigation-level1__col-third .main-nav-slot__list-item { 2827 display: block; 2828 line-height: 1; 2829 margin: 0 !important; 2830 } 2831 2832 #category-content .navigation-level1__col-third .main-nav-slot__list-item+.main-nav-slot__list-item { 2833 margin-top: var(--pc-nav-desktop-rail-link-gap) !important; 2834 } 2835 2836 .main-nav-slot__list { 2837 margin: 0 0 var(--pc-nav-desktop-rail-links-to-promo-gap) !important; 2838 } 2839 2840 #category-content .navigation-level1__col-third .main-nav-slot__list-item img, 2841 #navigation-level1 .navigation-level1__col-third .main-nav-slot__list-item img { 2842 display: none !important; 2843 } 2844 2845 #category-content .navigation-level1__col-third .main-nav-slot__list a, 2846 #navigation-level1 .navigation-level1__col-third .main-nav-slot__list a { 2847 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 2848 font-weight: 800 !important; 2849 font-size: var(--pc-mega-nav-bar-content-height) !important; 2850 line-height: var(--pc-mega-nav-text-line-height) !important; 2851 letter-spacing: 0 !important; 2852 color: #1C1C1C !important; 2853 text-decoration: none !important; 2854 display: block; 2855 } 2856 2857 #category-content .navigation-level1__col-third .main-nav-slot__list a:hover { 2858 text-decoration: underline !important; 2859 } 2860 2861 #category-content .navigation-level1__col-third .two-column-figure { 2862 margin-top: 0;
2863 padding-top: 0; 2864 flex-shrink: 0; 2865 } 2866 2867 #category-content .navigation-level1__col-third .navigation-link, 2868 #navigation-level1 .navigation-level1__col-third .navigation-link { 2869 display: block !important; 2870 margin: 0 !important; 2871 } 2872 2873 #category-content .navigation-level1__col-third .navigation-link.navigation-link--two-rows, 2874 #navigation-level1 .navigation-level1__col-third .navigation-link.navigation-link--two-rows { 2875 display: grid !important; 2876 grid-template-columns: repeat(2, minmax(0, 1fr)); 2877 gap: 24px; 2878 align-items: start; 2879 margin: 0 !important; 2880 } 2881 2882 #category-content .navigation-level1__col-third .navigation-link figure, 2883 #navigation-level1 .navigation-level1__col-third .navigation-link figure { 2884 width: 100%; 2885 max-width: 100%; 2886 min-width: 0; 2887 margin: 0 !important; 2888 } 2889 2890 #category-content .navigation-level1__col-third .navigation-link figure>a, 2891 #navigation-level1 .navigation-level1__col-third .navigation-link figure>a { 2892 display: block; 2893 width: 100%; 2894 max-width: 160px; 2895 height: var(--pc-nav-desktop-rail-promo-image-height); 2896 border-radius: 10px; 2897 overflow: hidden; 2898 line-height: 0; 2899 } 2900 2901 #category-content .navigation-level1__col-third .navigation-link figure img, 2902 #navigation-level1 .navigation-level1__col-third .navigation-link figure img { 2903 width: 100% !important; 2904 max-width: 160px !important; 2905 height: var(--pc-nav-desktop-rail-promo-image-height) !important; 2906 aspect-ratio: unset !important; 2907 object-fit: cover !important; 2908 object-position: center; 2909 border-radius: 10px; 2910 display: block; 2911 } 2912 2913 #category-content .navigation-level1__col-third .navigation-link figcaption, 2914 #navigation-level1 .navigation-level1__col-third .navigation-link figcaption { 2915 margin-top: var(--pc-nav-desktop-promo-image-caption-gap); 2916 margin-bottom: 0; 2917 padding: 0; 2918 min-width: 0; 2919 max-width: 100%; 2920 } 2921 2922 #category-content .navigation-level1__col-first figure figcaption, 2923 #navigation-level1 .navigation-level1__col-first figure figcaption { 2924 display: block !important; 2925 visibility: visible !important; 2926 opacity: 1 !important; 2927 margin-top: 0 !important; 2928 margin-bottom: 0 !important; 2929 padding: 0; 2930 min-width: 0; 2931 max-width: 100%; 2932 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 2933 font-weight: 700 !important; 2934 font-size: 14px !important; 2935 line-height: 1 !important; 2936 letter-spacing: 0.002em !important; 2937 color: #1C1C1C !important; 2938 } 2939 2940 #category-content .navigation-level1__col-third .navigation-link figcaption a, 2941 #navigation-level1 .navigation-level1__col-third .navigation-link figcaption a { 2942 font-family: var(--pc-nav-font-family) !important; 2943 font-weight: 800 !important; 2944 font-size: var(--pc-nav-desktop-rail) !important; 2945 line-height: 1 !important; 2946 letter-spacing: 0.002em !important; 2947 color: var(--pc-nav-color-text) !important; 2948 text-decoration: none !important; 2949 display: block; 2950 white-space: normal; 2951 overflow-wrap: break-word; 2952 word-break: break-word; 2953 } 2954 2955 #category-content .navigation-level1__col-third .navigation-link figcaption a:hover, 2956 #category-content .navigation-level1__col-third .navigation-link figure:hover figcaption a, 2957 #navigation-level1 .navigation-level1__col-third .navigation-link figcaption a:hover, 2958 #navigation-level1 .navigation-level1__col-third .navigation-link figure:hover figcaption a { 2959 text-decoration: underline !important; 2960 color: #1C1C1C !important; 2961 } 2962 2963 2964 #category-content .navigation-level1__col-first figure figcaption a, 2965 #navigation-level1 .navigation-level1__col-first figure figcaption a { 2966 text-decoration: none; 2967 } 2968 2969 #category-content .navigation-level1__col-first figure:hover figcaption a, 2970 #category-content .navigation-level1__col-first figure figcaption a:hover, 2971 #navigation-level1 .navigation-level1__col-first figure:hover figcaption a, 2972 #navigation-level1 .navigation-level1__col-first figure figcaption a:hover { 2973 text-decoration: underline !important; 2974 color: #1C1C1C !important; 2975 } 2976 2977 2978 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row, 2979 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row { 2980 padding-top: 0 !important; 2981 padding-bottom: 0 !important; 2982 margin-bottom: 16px !important; 2983 } 2984 2985 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child, 2986 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child { 2987 margin-bottom: 0 !important; 2988 } 2989 2990 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist, 2991 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist { 2992 list-style: none; 2993 margin: 0; 2994 padding: 0; 2995 } 2996 2997 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a, 2998 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a { 2999 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3000 font-weight: 800 !important; 3001 font-size: 14px !important; 3002 line-height: var(--pc-mega-nav-text-line-height) !important; 3003 letter-spacing: -0.02em !important; 3004 color: #1C1C1C !important; 3005 text-decoration: none !important; 3006 display: block !important; 3007 } 3008 3009 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a, 3010 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a { 3011 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3012 font-weight: 800 !important; 3013 font-size: 12px !important; 3014 line-height: var(--pc-mega-nav-text-line-height) !important; 3015 letter-spacing: 0 !important; 3016 color: #1C1C1C !important; 3017 text-decoration: none !important; 3018 display: block !important; 3019 } 3020 3021 #category-content .navigation-level1__see-all-link, 3022 #navigation-level1 .navigation-level1__see-all-link { 3023 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3024 font-weight: 800 !important; 3025 font-size: 12px !important; 3026 line-height: var(--pc-mega-nav-text-line-height) !important; 3027 letter-spacing: 0 !important; 3028 color: #1C1C1C !important; 3029 text-decoration: none !important; 3030 display: block !important; 3031 } 3032 3033 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover, 3034 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover { 3035 text-decoration: underline !important; 3036 color: #1C1C1C !important; 3037 } 3038 3039 #category-content .navigation-level1__col-middle .navigation-level1__middle-top a:hover, 3040 #category-content .navigation-level1__col-middle .navigation-level1__nav-row a:hover, 3041 #category-content .navigation-level1__col-middle .navigation-level1__sublist a:hover, 3042 #category-content .navigation-level1__col-middle .navigation-level1__group-title:hover, 3043 #category-content .navigation-level1__col-middle .navigation-level1__subgroup-title:hover, 3044 #navigation-level1 .navigation-level1__col-middle .navigation-level1__middle-top a:hover, 3045 #navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row a:hover, 3046 #navigation-level1 .navigation-level1__col-middle .navigation-level1__sublist a:hover, 3047 #navigation-level1 .navigation-level1__col-middle .navigation-level1__group-title:hover, 3048 #navigation-level1 .navigation-level1__col-middle .navigation-level1__subgroup-title:hover { 3049 text-decoration: underline !important; 3050 color: #1C1C1C !important; 3051 } 3052 3053 #category-content .navigation-level1__col-middle .navigation-level1__see-all-link, 3054 #category-content .navigation-level1__col-middle .navigation-level1__nav-row--see-all a, 3055 #category-content .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a, 3056 #navigation-level1 .navigation-level1__col-middle .navigation-level1__see-all-link, 3057 #navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--see-all a, 3058 #navigation-level1 .navigation-level1__col-middle .navigation-level1__nav-row--group-see-all a { 3059 text-decoration: none !important; 3060 margin: 0; 3061 } 3062 3063 #category-content .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover, 3064 #navigation-level1 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover, 3065 #category-content .navigation-level1__see-all-link:hover, 3066 #navigation-level1 .navigation-level1__see-all-link:hover, 3067 #category-content .navigation-level1__nav-row--see-all a:hover, 3068 #navigation-level1 .navigation-level1__nav-row--see-all a:hover, 3069 #category-content .navigation-level1__nav-row--group-see-all a:hover, 3070 #navigation-level1 .navigation-level1__nav-row--group-see-all a:hover { 3071 text-decoration: underline !important; 3072 color: #1C1C1C !important; 3073 } 3074 3075 3076 #category-content .navigation-level1__middle-top--categories.has-center-divider::after, 3077 #navigation-level1 .navigation-level1__middle-top--categories.has-center-divider::after { 3078 content: "" !important; 3079 display: block !important; 3080 position: absolute !important; 3081 top: 0 !important; 3082 bottom: 0 !important; 3083 left: 50% !important; 3084 width: 1px !important; 3085 height: auto !important; 3086 transform: translateX(-50%) translateZ(0) !important; 3087 background-color: #DEDEDF !important; 3088 pointer-events: none !important; 3089 z-index: 1 !important; 3090 } 3091 3092 3093 #category-content .navigation-level1__middle-top.has-center-divider::after, 3094 #navigation-level1 .navigation-level1__middle-top.has-center-divider::after { 3095 content: ""; 3096 position: absolute; 3097 top: 0 !important; 3098 bottom: 0 !important; 3099 left: 50%; 3100 width: 1px; 3101 height: auto !important; 3102 transform: translateX(-50%) translateZ(0); 3103 background-color: #DEDEDF; 3104 pointer-events: none; 3105 z-index: 1; 3106 -webkit-backface-visibility: hidden; 3107 backface-visibility: hidden; 3108 } 3109 3110 3111 #category-content .navigation-level1__section-divider, 3112 #navigation-level1 .navigation-level1__section-divider { 3113 display: block; 3114 width: 100%; 3115 margin-top: 20px; 3116 margin-bottom: 20px; 3117 border: none; 3118 border-top: 1px solid #DEDEDF; 3119 border-bottom: none; 3120 height: 1px; 3121 min-height: 1px; 3122 background-color: #DEDEDF; 3123 transform: translateZ(0); 3124 -webkit-backface-visibility: hidden; 3125 backface-visibility: hidden; 3126 } 3127 3128 #category-content .navigation-level1__nav-row--see-all>.navigation-level1__section-divider, 3129 #category-content .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider, 3130 #navigation-level1 .navigation-level1__nav-row--see-all>.navigation-level1__section-divider, 3131 #navigation-level1 .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider { 3132 display: none !important; 3133 } 3134 3135 #category-content .navigation-level1__nav-row--see-all a, 3136 #navigation-level1 .navigation-level1__nav-row--see-all a, 3137 #category-content .navigation-level1__nav-row--group-see-all a, 3138 #navigation-level1 .navigation-level1__nav-row--group-see-all a { 3139 margin-top: 20px; 3140 } 3141 3142 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a, 3143 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a { 3144 margin-top: 16px; 3145 } 3146 3147 #category-content .navigation-level1__middle-top--grouped .navigation-level1__section-divider, 3148 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__section-divider { 3149 display: block; 3150 width: 100%; 3151 margin-top: 20px; 3152 margin-bottom: 20px; 3153 border: none; 3154 border-top: 1px solid #DEDEDF; 3155 border-bottom: none; 3156 height: 1px; 3157 min-height: 1px; 3158 background-color: #DEDEDF; 3159 transform: translateZ(0); 3160 -webkit-backface-visibility: hidden; 3161 backface-visibility: hidden; 3162 } 3163 3164 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a, 3165 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link, 3166 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a, 3167 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link { 3168 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3169 font-weight: 800 !important; 3170 font-size: 12px !important; 3171 line-height: var(--pc-mega-nav-text-line-height) !important; 3172 letter-spacing: 0 !important; 3173 color: #1C1C1C !important; 3174 text-decoration: none !important; 3175 display: block !important; 3176 margin-top: 0 !important; 3177 } 3178 3179 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover, 3180 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover, 3181 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover, 3182 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover { 3183 text-decoration: underline !important; 3184 color: #1C1C1C !important; 3185 } 3186 3187 3188 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row, 3189 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row { 3190 padding-top: 0;
3191 padding-bottom: 0; 3192 margin-bottom: 0; 3193 } 3194 3195 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading, 3196 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading { 3197 margin-bottom: 0; 3198 } 3199 3200 #category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title, 3201 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title { 3202 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3203 font-weight: 800 !important; 3204 font-size: 14px !important; 3205 line-height: var(--pc-mega-nav-text-line-height) !important; 3206 letter-spacing: -0.02em !important; 3207 color: #1C1C1C !important; 3208 margin: 0 0 16px !important; 3209 } 3210 3211 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist, 3212 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist { 3213 list-style: none; 3214 margin: 0; 3215 padding: 0; 3216 } 3217 3218 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link, 3219 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link { 3220 margin-bottom: 16px !important; 3221 } 3222 3223 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li, 3224 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li { 3225 margin: 0; 3226 } 3227 3228 3229 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a, 3230 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a { 3231 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3232 font-weight: 700 !important; 3233 font-size: 12px !important; 3234 line-height: var(--pc-mega-nav-text-line-height) !important; 3235 letter-spacing: 0 !important; 3236 color: #757575 !important; 3237 text-decoration: none !important; 3238 display: block !important; 3239 } 3240 3241 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all, 3242 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all { 3243 width: 100% !important; 3244 margin: 0 !important; 3245 padding: 0 !important; 3246 } 3247 3248 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a, 3249 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a { 3250 font-family: var(--pc-nav-font-family) !important; 3251 font-weight: 800 !important; 3252 font-size: var(--pc-nav-desktop-see-all) !important; 3253 line-height: var(--pc-mega-nav-text-line-height) !important; 3254 letter-spacing: 0 !important; 3255 color: var(--pc-nav-color-text) !important; 3256 text-decoration: none !important; 3257 display: block !important; 3258 } 3259 3260 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a, 3261 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a { 3262 font-family: var(--pc-nav-font-family) !important; 3263 font-weight: 800 !important; 3264 font-size: var(--pc-nav-desktop-see-all) !important; 3265 line-height: var(--pc-mega-nav-text-line-height) !important; 3266 letter-spacing: 0 !important; 3267 color: var(--pc-nav-color-text) !important; 3268 text-decoration: none !important; 3269 display: block !important; 3270 margin-top: 16px !important; 3271 } 3272 3273 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover, 3274 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover, 3275 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover, 3276 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover { 3277 text-decoration: underline !important; 3278 color: #1C1C1C !important; 3279 } 3280 3281 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row, 3282 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row { 3283 padding-top: 0;
3284 padding-bottom: 0; 3285 margin-bottom: 0; 3286 } 3287 3288 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist, 3289 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist, 3290 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist, 3291 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist { 3292 list-style: none; 3293 margin: 0; 3294 padding: 0; 3295 } 3296 3297 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li, 3298 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li { 3299 margin: 0 0 16px; 3300 } 3301 3302 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a, 3303 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a { 3304 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3305 font-weight: 800 !important; 3306 font-size: 14px !important; 3307 line-height: var(--pc-mega-nav-text-line-height) !important; 3308 letter-spacing: -0.02em !important; 3309 color: #1C1C1C !important; 3310 text-decoration: none !important; 3311 display: block !important; 3312 } 3313 3314 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading, 3315 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading { 3316 margin-bottom: 16px; 3317 padding-bottom: 0; 3318 } 3319 3320 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title, 3321 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title { 3322 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3323 font-weight: 800 !important; 3324 font-size: 14px !important; 3325 line-height: var(--pc-mega-nav-text-line-height) !important; 3326 letter-spacing: -0.02em !important; 3327 color: #1C1C1C !important; 3328 margin: 0 !important; 3329 } 3330 3331 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a, 3332 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a { 3333 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3334 font-weight: 700 !important; 3335 font-size: 12px !important; 3336 line-height: var(--pc-mega-nav-text-line-height) !important; 3337 letter-spacing: 0 !important; 3338 color: #757575 !important; 3339 text-decoration: none !important; 3340 display: block !important; 3341 } 3342 3343 #category-content .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider, 3344 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider { 3345 border-bottom: none !important; 3346 padding-bottom: 0 !important; 3347 margin-bottom: 0 !important; 3348 } 3349 3350 #category-content .navigation-level1__middle-top--categories .navigation-level1__section-divider, 3351 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__section-divider { 3352 display: block; 3353 width: 100%; 3354 margin-top: 20px; 3355 margin-bottom: 20px; 3356 border: none; 3357 border-top: 1px solid #DEDEDF; 3358 border-bottom: none; 3359 height: 1px; 3360 min-height: 1px; 3361 background-color: #DEDEDF; 3362 transform: translateZ(0); 3363 -webkit-backface-visibility: hidden; 3364 backface-visibility: hidden; 3365 } 3366 3367 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover, 3368 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover, 3369 #category-content .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover, 3370 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover, 3371 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover, 3372 #navigation-level1 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover, 3373 #category-content .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover, 3374 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover, 3375 #category-content .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover, 3376 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover, 3377 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover, 3378 #navigation-level1 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover { 3379 text-decoration: underline !important; 3380 color: #1C1C1C !important; 3381 } 3382 3383 #category-content { 3384 display: none; 3385 width: 95% !important; 3386 max-width: 1448px !important; 3387 height: var(--pc-mega-nav-panel-max-height) !important; 3388 max-height: var(--pc-mega-nav-panel-max-height) !important; 3389 overflow: hidden !important; 3390 margin: 0 auto !important; 3391 background: white !important; 3392 border: 1px solid #DEDEDF !important; 3393 border-radius: 32px !important; 3394 box-shadow: 0 15px 32px rgba(0, 0, 0, .08) !important; 3395 box-sizing: border-box !important; 3396 3397 &, 3398 * { 3399 box-sizing: border-box; 3400 } 3401 3402 &.is-visible { 3403 display: flex !important; 3404 flex-direction: column !important; 3405 height: var(--pc-mega-nav-panel-max-height) !important; 3406 max-height: var(--pc-mega-nav-panel-max-height) !important; 3407 overflow: hidden !important; 3408 } 3409 3410 ul { 3411 margin-top: 0;
3412 } 3413 3414 .navigation-level1__component { 3415 width: 100%; 3416 flex: 1; 3417 min-height: 0; 3418 max-height: 100%; 3419 height: 100%; 3420 display: flex; 3421 margin: 0; 3422 padding: 48px 0; 3423 overflow: hidden; 3424 } 3425 3426 .navigation-level1__col-first { 3427 flex: 0 0 25%; 3428 min-width: 0; 3429 max-width: none; 3430 width: auto; 3431 padding: 0 48px; 3432 border-right: 1px solid #DEDEDF; 3433 flex-shrink: 0; 3434 min-height: 0; 3435 display: flex; 3436 flex-direction: column; 3437 height: 100%; 3438 justify-content: space-between; 3439 align-items: flex-start; 3440 overflow-y: auto; 3441 overflow-x: hidden; 3442 -webkit-overflow-scrolling: touch; 3443 container-type: inline-size; 3444 } 3445 3446 .category-title { 3447 width: 100%; 3448 max-width: 100%; 3449 min-width: 0; 3450 min-height: 0; 3451 height: auto; 3452 flex-shrink: 0; 3453 align-items: flex-start; 3454 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3455 font-weight: 800 !important; 3456 line-height: var(--pc-mega-nav-category-title-line-height) !important; 3457 letter-spacing: -0.02em !important; 3458 margin: 0 !important; 3459 padding: 0; 3460 overflow: visible; 3461 overflow-wrap: normal; 3462 word-break: keep-all; 3463 hyphens: none; 3464 white-space: nowrap; 3465 font-size: clamp(28px, 15cqi, 40px); 3466 color: #1C1C1C !important; 3467 } 3468 3469 .category-title--wrap { 3470 white-space: normal; 3471 overflow-wrap: break-word; 3472 word-break: normal; 3473 } 3474 3475 3476 .navigation-level1__col-middle { 3477 flex: 0 0 45%; 3478 min-width: 0; 3479 min-height: 0; 3480 height: 100%; 3481 padding: 0; 3482 display: flex; 3483 flex-direction: column; 3484 flex-shrink: 0; 3485 overflow: hidden; 3486 } 3487 3488 .navigation-level1__col-third { 3489 flex: 0 0 30%; 3490 padding: 0 48px; 3491 border-left: 1px solid #DEDEDF; 3492 flex-shrink: 0; 3493 min-width: 0; 3494 min-height: 0; 3495 height: 100%; 3496 max-height: 100%; 3497 display: flex; 3498 flex-direction: column; 3499 justify-content: flex-start; 3500 overflow-y: auto; 3501 overflow-x: hidden; 3502 -webkit-overflow-scrolling: touch; 3503 overscroll-behavior: contain; 3504 align-items: flex-start; 3505 } 3506 3507 .navigation-level1__col-third>.html-slot-container, 3508 .navigation-level1__col-third>.main-nav-slot { 3509 margin-top: auto; 3510 flex-shrink: 0; 3511 } 3512 3513 .navigation-level1__col-third>.html-slot-container>.main-nav-slot { 3514 margin-top: 0; 3515 } 3516 3517 .navigation-level1__col-first>.html-slot-container { 3518 display: flex; 3519 flex-direction: column; 3520 flex: 0 0 auto; 3521 flex-shrink: 0; 3522 justify-content: flex-end; 3523 margin-top: auto; 3524 width: 100%; 3525 max-width: 100%; 3526 gap: var(--pc-nav-desktop-promo-block-gap); 3527 } 3528 3529 .navigation-level1__col-first .html-slot-container, 3530 .navigation-level1__col-first .main-nav-slot { 3531 display: flex; 3532 flex-direction: column; 3533 justify-content: flex-end; 3534 gap: var(--pc-nav-desktop-promo-block-gap); 3535 width: 100%; 3536 max-width: 100%; 3537 border: 0; 3538 margin: 0; 3539 padding: 0; 3540 flex: 0 0 auto; 3541 position: static; 3542 left: auto; 3543 top: auto; 3544 max-height: none; 3545 overflow: visible; 3546 visibility: visible; 3547 opacity: 1; 3548 } 3549 3550 .navigation-level1__col-first>.html-slot-container>.main-nav-slot { 3551 margin-top: 0; 3552 } 3553 3554 .navigation-level1__col-first .navigation-link { 3555 display: flex; 3556 flex-direction: column; 3557 justify-content: flex-end; 3558 gap: var(--pc-nav-desktop-promo-block-gap); 3559 margin: 0; 3560 padding: 0; 3561 width: 100%; 3562 max-width: 100%; 3563 } 3564 3565 .navigation-level1__col-first .navigation-link.navigation-link--two-rows { 3566 display: flex; 3567 flex-direction: column; 3568 margin: 0; 3569 } 3570 3571 .navigation-level1__col-first .navigation-link>figure:only-child, 3572 .navigation-level1__col-first>.html-slot-container>figure:only-child { 3573 width: 100%; 3574 max-width: 100%; 3575 flex: 0 0 auto; 3576 } 3577 3578 .navigation-level1__col-first .main-nav-slot__list { 3579 margin: 0; 3580 padding: 0; 3581 border: 0; 3582 } 3583 3584 .navigation-level1__col-first .main-nav-slot__list+div { 3585 margin-top: 0; 3586 } 3587 3588 .navigation-level1__col-first .main-nav-slot__list-item { 3589 margin: 0; 3590 } 3591 3592 .navigation-level1__col-first .main-nav-slot__list-item+.main-nav-slot__list-item { 3593 margin-top: 0;
3594 } 3595 3596 .navigation-level1__col-first figure { 3597 display: flex; 3598 flex-direction: column; 3599 gap: var(--pc-nav-desktop-promo-image-caption-gap); 3600 margin: 0; 3601 width: 100%; 3602 max-width: 100%; 3603 min-width: 0; 3604 } 3605 3606 .navigation-level1__col-third .navigation-link figure { 3607 margin: 0; 3608 min-width: 0; 3609 max-width: 100%; 3610 } 3611 3612 3613 .navigation-level1__col-first .navigation-level1__promo-image-wrap, 3614 .navigation-level1__col-first figure .level-3__category-image, 3615 .navigation-level1__col-first figure>a { 3616 display: block; 3617 width: 100%; 3618 max-width: 100%; 3619 height: 135px; 3620 border-radius: 10px; 3621 overflow: hidden; 3622 line-height: 0; 3623 font-size: 0; 3624 color: transparent; 3625 text-decoration: none; 3626 flex-shrink: 0; 3627 } 3628 3629 .navigation-level1__col-first figure>a>*:not(img):not(picture), 3630 .navigation-level1__col-first figure .level-3__category-image>*:not(img):not(picture), 3631 .navigation-level1__col-first .navigation-level1__promo-image-wrap>*:not(img):not(picture) { 3632 display: none; 3633 } 3634 3635 .navigation-level1__col-first figure img, 3636 .navigation-level1__col-first .html-slot-container img, 3637 .navigation-level1__col-first .navigation-link img { 3638 width: 100% !important; 3639 height: 135px !important; 3640 max-width: 100%; 3641 aspect-ratio: unset !important; 3642 border-radius: 10px; 3643 object-fit: cover; 3644 object-position: center; 3645 display: block; 3646 margin: 0; 3647 } 3648 3649 .navigation-level1__col-third .navigation-level1__promo-image-wrap { 3650 display: block; 3651 width: 160px; 3652 max-width: 100%; 3653 height: var(--pc-nav-desktop-rail-promo-image-height); 3654 border-radius: 10px; 3655 overflow: hidden; 3656 line-height: 0; 3657 flex-shrink: 0; 3658 } 3659 3660 .navigation-level1__col-third .navigation-link figure>a { 3661 display: block; 3662 width: 100%; 3663 max-width: 160px; 3664 text-decoration: none; 3665 } 3666 3667 3668 .navigation-level1__col-third .navigation-link figure img { 3669 width: 100% !important; 3670 max-width: 160px !important; 3671 height: var(--pc-nav-desktop-rail-promo-image-height) !important; 3672 aspect-ratio: unset !important; 3673 border-radius: 10px; 3674 object-fit: cover; 3675 object-position: center; 3676 display: block; 3677 } 3678 3679 .navigation-level1__col-first figure figcaption { 3680 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3681 font-weight: 700; 3682 font-size: 14px; 3683 line-height: 1; 3684 letter-spacing: 0.002em; 3685 color: #1C1C1C; 3686 margin: 0; 3687 } 3688 3689 .navigation-level1__col-first figure figcaption a { 3690 font-family: inherit; 3691 font-weight: inherit; 3692 font-size: inherit; 3693 line-height: inherit; 3694 letter-spacing: inherit; 3695 color: inherit; 3696 text-decoration: none; 3697 margin: 0; 3698 } 3699 3700 3701 3702 3703 .navigation-level1__middle-top { 3704 flex: 1; 3705 min-height: 0; 3706 min-width: 0; 3707 display: flex; 3708 flex-direction: column; 3709 flex-wrap: wrap; 3710 align-content: flex-start; 3711 align-items: flex-start; 3712 width: 100%; 3713 height: 100%; 3714 position: relative; 3715 } 3716 3717 .navigation-level1__middle-top.has-center-divider::after { 3718 content: ""; 3719 position: absolute; 3720 top: 0; 3721 bottom: 0; 3722 left: 50%; 3723 width: 1px; 3724 transform: translateX(-50%) translateZ(0); 3725 background-color: #DEDEDF; 3726 pointer-events: none; 3727 z-index: 1; 3728 -webkit-backface-visibility: hidden; 3729 backface-visibility: hidden; 3730 } 3731 3732 .navigation-level1__nav-row { 3733 flex: 0 0 auto; 3734 width: 50%; 3735 max-width: 50%; 3736 min-width: 0; 3737 box-sizing: border-box; 3738 padding: 0 48px; 3739 position: relative; 3740 z-index: 2; 3741 } 3742 3743 3744 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row { 3745 margin-bottom: 16px; 3746 } 3747 3748 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row:last-child { 3749 margin-bottom: 0; 3750 } 3751 3752 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist { 3753 li { 3754 margin: 0; 3755 } 3756 3757 a { 3758 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3759 font-weight: 800; 3760 font-size: 14px; 3761 line-height: var(--pc-mega-nav-text-line-height); 3762 letter-spacing: -0.02em; 3763 color: #1C1C1C; 3764 } 3765 } 3766 3767 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a, 3768 .navigation-level1__see-all-link { 3769 font-weight: 800; 3770 font-size: 12px; 3771 line-height: var(--pc-mega-nav-text-line-height); 3772 letter-spacing: 0; 3773 text-decoration: none; 3774 } 3775 3776 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row--see-all a:hover, 3777 .navigation-level1__see-all-link:hover, 3778 .navigation-level1__nav-row--see-all a:hover, 3779 .navigation-level1__nav-row--group-see-all a:hover { 3780 text-decoration: underline; 3781 color: #1C1C1C; 3782 } 3783 3784 .navigation-level1__middle-bottom { 3785 margin-top: auto; 3786 flex-shrink: 0; 3787 } 3788 3789 .navigation-level1__middle-top a, 3790 .navigation-level1__nav-row a, 3791 .main-nav-slot__list a { 3792 text-decoration: none; 3793 min-width: 0; 3794 max-width: 100%; 3795 overflow-wrap: break-word; 3796 word-break: break-word; 3797 } 3798 3799 3800 .navigation-level1__middle-top .navigation-level1__sublist a:hover, 3801 .navigation-level1__nav-row .navigation-level1__sublist a:hover, 3802 .navigation-level1__middle-top--flat-list .navigation-level1__nav-row .navigation-level1__sublist a:hover, 3803 .navigation-level1__subgroup .navigation-level1__sublist a:hover, 3804 .navigation-level1__middle-top a:hover, 3805 .navigation-level1__nav-row a:hover { 3806 text-decoration: underline; 3807 color: #1C1C1C; 3808 } 3809 3810 3811 3812 .navigation-level1__nav-row .navigation-level1__sublist { 3813 list-style: none; 3814 margin: 0; 3815 padding: 0; 3816 display: block; 3817 width: 100%; 3818 3819 a { 3820 display: block; 3821 text-decoration: none; 3822 } 3823 } 3824 3825 3826 .navigation-level1__middle-top:not(.navigation-level1__middle-top--flat-list):not(.navigation-level1__middle-top--categories):not(.navigation-level1__middle-top--grouped) .navigation-level1__nav-row .navigation-level1__sublist a { 3827 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 3828 font-weight: 700 !important; 3829 font-size: 12px !important; 3830 line-height: var(--pc-mega-nav-text-line-height) !important; 3831 letter-spacing: 0 !important; 3832 color: #1C1C1C !important; 3833 } 3834 3835 3836 .navigation-level1__group-title { 3837 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3838 font-weight: 800; 3839 font-size: 14px; 3840 line-height: var(--pc-mega-nav-text-line-height); 3841 letter-spacing: -0.02em; 3842 color: #1C1C1C; 3843 margin: 0 0 16px; 3844 } 3845 3846 3847 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading { 3848 margin-bottom: 0; 3849 } 3850 3851 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a { 3852 font-weight: 700; 3853 font-size: 12px; 3854 line-height: var(--pc-mega-nav-text-line-height);
3855 color: #757575; 3856 } 3857 3858 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a { 3859 font-family: var(--pc-nav-font-family); 3860 font-weight: 800; 3861 font-size: var(--pc-nav-desktop-see-all); 3862 line-height: var(--pc-mega-nav-text-line-height); 3863 color: var(--pc-nav-color-text); 3864 text-decoration: none; 3865 } 3866 3867 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a { 3868 text-decoration: none; 3869 } 3870 3871 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-see-all a:hover, 3872 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a:hover { 3873 text-decoration: underline; 3874 color: #1C1C1C; 3875 } 3876 3877 .navigation-level1__middle-top--grouped .navigation-level1__section-divider { 3878 margin-top: 20px; 3879 margin-bottom: 20px; 3880 margin-bottom: unset; 3881 } 3882 3883 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link { 3884 margin-bottom: 16px; 3885 } 3886 3887 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist li { 3888 margin: 0; 3889 } 3890 3891 .navigation-level1__section-divider { 3892 margin-top: 20px; 3893 margin-bottom: 20px; 3894 border: none; 3895 border-top: 1px solid #DEDEDF; 3896 border-bottom: none; 3897 height: 1px; 3898 min-height: 1px; 3899 background-color: #DEDEDF; 3900 transform: translateZ(0); 3901 -webkit-backface-visibility: hidden; 3902 backface-visibility: hidden; 3903 } 3904 3905 .navigation-level1__nav-row--see-all>.navigation-level1__section-divider, 3906 .navigation-level1__nav-row--group-see-all>.navigation-level1__section-divider { 3907 display: none !important; 3908 } 3909 3910 .navigation-level1__nav-row--see-all a, 3911 .navigation-level1__nav-row--group-see-all a { 3912 margin-top: 20px; 3913 } 3914 3915 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__nav-row--group-see-all a { 3916 margin-top: 16px; 3917 } 3918 3919 3920 .navigation-level1__middle-top--categories .navigation-level1__nav-row { 3921 padding-top: 0; 3922 padding-bottom: 0; 3923 margin-bottom: 0; 3924 } 3925 3926 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a, 3927 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link { 3928 margin-top: 0 !important; 3929 text-decoration: none; 3930 } 3931 3932 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all a:hover, 3933 .navigation-level1__middle-top--categories .navigation-level1__nav-row--see-all .navigation-level1__see-all-link:hover { 3934 text-decoration: underline !important; 3935 color: #1C1C1C !important; 3936 } 3937 3938 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist, 3939 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist { 3940 list-style: none; 3941 margin: 0; 3942 padding: 0; 3943 } 3944 3945 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist li { 3946 margin: 0 0 16px; 3947 } 3948 3949 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a { 3950 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3951 font-weight: 800; 3952 font-size: 14px; 3953 line-height: var(--pc-mega-nav-text-line-height); 3954 letter-spacing: -0.02em; 3955 color: #1C1C1C; 3956 text-decoration: none; 3957 display: block; 3958 } 3959 3960 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading { 3961 margin-bottom: 16px; 3962 padding-bottom: 0; 3963 } 3964 3965 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title { 3966 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3967 font-weight: 800; 3968 font-size: 14px; 3969 line-height: var(--pc-mega-nav-text-line-height); 3970 letter-spacing: -0.02em; 3971 color: #1C1C1C; 3972 margin: 0; 3973 } 3974 3975 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a { 3976 font-family: "area-normal", "Area Normal", Arial, sans-serif; 3977 font-weight: 400; 3978 font-size: 12px; 3979 line-height: var(--pc-mega-nav-text-line-height); 3980 letter-spacing: 0; 3981 color: #1C1C1C; 3982 text-decoration: none; 3983 display: block; 3984 } 3985 3986 .navigation-level1__middle-top--categories .navigation-level1__sublist.show-divider { 3987 border-bottom: none !important; 3988 padding-bottom: 0 !important; 3989 margin-bottom: 0 !important; 3990 } 3991 3992 .navigation-level1__middle-top--categories .navigation-level1__section-divider { 3993 margin-top: 20px; 3994 margin-bottom: 20px; 3995 } 3996 3997 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l2 .navigation-level1__sublist a:hover, 3998 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-subheading .navigation-level1__subgroup-title:hover, 3999 .navigation-level1__middle-top--categories .navigation-level1__nav-row--categories-l3 .navigation-level1__sublist a:hover, 4000 .navigation-level1__middle-top--grouped .navigation-level1__group-title:hover, 4001 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-heading .navigation-level1__group-title:hover, 4002 .navigation-level1__middle-top--grouped .navigation-level1__nav-row--group-link .navigation-level1__sublist a:hover { 4003 text-decoration: underline !important; 4004 color: #1C1C1C !important; 4005 } 4006 4007 .navigation-level1__subgroup+.navigation-level1__subgroup,
4008 .navigation-level1__sublist+.navigation-level1__subgroup, 4009 .navigation-level1__subgroup+.navigation-level1__sublist { 4010 margin-top: 0; 4011 } 4012 4013 .navigation-level1__group-title, 4014 .navigation-level1__subgroup-title { 4015 min-width: 0; 4016 max-width: 100%; 4017 overflow-wrap: break-word; 4018 word-break: break-word; 4019 } 4020 4021 .navigation-level1__subgroup .navigation-level1__sublist { 4022 list-style: none; 4023 margin: 0; 4024 padding: 0; 4025 display: block; 4026 margin-left: 12px; 4027 4028 a { 4029 display: block; 4030 text-decoration: none; 4031 color: #1C1C1C; 4032 font-family: "area-normal", "Area Normal", Arial, sans-serif; 4033 font-size: 12px; 4034 line-height: 1; 4035 font-weight: 400; 4036 } 4037 4038 li+li { 4039 margin-top: 16px; 4040 } 4041 } 4042 4043 .navigation-level1__subgroup-title { 4044 font-family: "area-normal", "Area Normal", Arial, sans-serif; 4045 font-weight: 700; 4046 font-size: 12px; 4047 line-height: var(--pc-mega-nav-text-line-height); 4048 color: #1C1C1C; 4049 margin-bottom: 12px; 4050 } 4051 4052 .navigation-level1__subgroup .navigation-level1__sublist.show-divider, 4053 .navigation-level1__sublist.show-divider { 4054 border-bottom: 1px solid #DEDEDF; 4055 padding-bottom: 16px; 4056 margin-bottom: 16px; 4057 } 4058 } 4059 4060 body:has(.page-designer):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1, 4061 body:has(.page-designer-reference):not(:has(.video-banner)) .header:not(.header--scrolled) #navigation-level1 { 4062 background: transparent; 4063 border-bottom-color: transparent; 4064 4065 .navigation-level1__list>li { 4066 4067 .navigation-level1__section-title, 4068 >a { 4069 color: #1C1C1C !important; 4070 } 4071 } 4072 } 4073 4074 body:has(.page-designer):has(.video-banner) .header:not(.header--scrolled) #navigation-level1, 4075 body:has(.page-designer-reference):has(.video-banner) .header:not(.header--scrolled) #navigation-level1 { 4076 background: transparent; 4077 border-bottom-color: transparent; 4078 4079 .navigation-level1__list>li { 4080 4081 .navigation-level1__section-title, 4082 >a { 4083 color: #FFFFFF; 4084 } 4085 } 4086 } 4087 4088 body:has(.page-designer) .header.header--scrolled #navigation-level1, 4089 body:has(.page-designer-reference) .header.header--scrolled #navigation-level1 { 4090 background-color: #FFFFFF; 4091 border-bottom-color: #DEDEDF; 4092 4093 .navigation-level1__list>li { 4094 4095 .navigation-level1__section-title, 4096 >a { 4097 color: #1C1C1C; 4098 } 4099 } 4100 } 4101 4102 4103 @media (max-width: 1023px) { 4104 /* MOBILE-ONLY CSS â desktop styles above this block are frozen (CONFIG.desktopLayoutFrozen) */ 4105 4106 .header.js-header.pc-mega-nav-redesign .header__content { 4107 overflow: visible !important; 4108 } 4109 4110 .header.js-header.pc-mega-nav-redesign .header__hamburger-button { 4111 /* block â not flex: site builds the 3 bars with ::before/::after; flex misaligns them */ 4112 display: block !important; 4113 position: absolute !important; 4114 left: 12px !important; 4115 top: 50% !important; 4116 transform: translateY(-50%) !important; 4117 margin: 0 !important; 4118 background: transparent !important; 4119 border: 0 !important; 4120 color: #1C1C1C !important; 4121 overflow: visible !important; 4122 z-index: 6 !important; 4123 } 4124 4125 /* If a prior session left an SVG glyph in the button, hide it */ 4126 .header.js-header.pc-mega-nav-redesign .header__hamburger-button .pc-mega-nav-icon { 4127 display: none !important; 4128 } 4129 4130 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle { 4131 position: absolute !important; 4132 left: calc(12px + 20px + 16px) !important; 4133 right: auto !important; 4134 top: 50% !important; 4135 transform: translateY(-50%) !important; 4136 width: 20px !important; 4137 height: 20px !important; 4138 min-width: 20px !important; 4139 min-height: 20px !important; 4140 margin-left: 10px !important; 4141 font-size: 20px !important; 4142 z-index: 6 !important; 4143 } 4144 4145 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search, 4146 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search.icon, 4147 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .pc-mega-nav-icon--search {
4148 width: 20px !important; 4149 height: 20px !important; 4150 min-width: 20px !important; 4151 min-height: 20px !important; 4152 font-size: 20px !important; 4153 } 4154 4155 .header.js-header.pc-mega-nav-redesign .mini-cart { 4156 position: absolute !important; 4157 right: 12px !important; 4158 top: 50% !important; 4159 bottom: auto !important; 4160 transform: translateY(-50%) !important; 4161 z-index: 6 !important; 4162 overflow: visible !important; 4163 } 4164 4165 .header.js-header.pc-mega-nav-redesign .mini-cart__link { 4166 display: flex !important; 4167 align-items: center !important; 4168 justify-content: center !important; 4169 position: relative !important; 4170 width: 20px !important; 4171 height: 20px !important; 4172 min-width: 20px !important; 4173 min-height: 20px !important; 4174 overflow: visible !important; 4175 border: 0 !important; 4176 border-width: 0 !important; 4177 border-style: none !important; 4178 border-color: transparent !important; 4179 border-radius: 0 !important; 4180 background: transparent !important; 4181 box-shadow: none !important; 4182 outline: none !important; 4183 } 4184 4185 .header.js-header.pc-mega-nav-redesign .mini-cart__icon, 4186 .header.js-header.pc-mega-nav-redesign .mini-cart__icon .pc-mega-nav-icon { 4187 width: 20px !important; 4188 height: 20px !important; 4189 font-size: 20px !important; 4190 position: static !important; 4191 transform: none !important; 4192 left: auto !important; 4193 top: auto !important; 4194 } 4195 4196 /* Collapse legacy mobile nav shell â flyout owns layout */ 4197 .header.js-header.pc-mega-nav-redesign .main-nav, 4198 .header.js-header.pc-mega-nav-redesign.header--menu-open .main-nav { 4199 padding: 0 !important; 4200 margin: 0 !important; 4201 background: transparent !important; 4202 opacity: 0 !important; 4203 visibility: hidden !important; 4204 pointer-events: none !important; 4205 height: 0 !important; 4206 min-height: 0 !important; 4207 overflow: hidden !important; 4208 } 4209 4210 #js-usp-banner.usp-banner~.header.js-header, 4211 #js-usp-banner~.header.js-header { 4212 position: sticky !important; 4213 top: var(--pc-mega-nav-usp-height) !important; 4214 /* 40px */ 4215 z-index: 1001 !important; 4216 background-color: #FFFFFF !important; 4217 border-bottom: 1px solid var(--pc-nav-color-border) !important; 4218 } 4219 4220 /* Page Designer / video-banner (e.g. membership): keep header shell + icons visible on mobile */ 4221 body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open), 4222 body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open), 4223 body:has(.page-designer) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content, 4224 body:has(.page-designer-reference) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content, 4225 body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open), 4226 body:has(.video-banner) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__content, 4227 body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled, 4228 body:has(.video-banner) .header.js-header.pc-mega-nav-redesign.header--scrolled .header__content { 4229 background-color: #FFFFFF !important; 4230 } 4231 4232 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before, 4233 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before, 4234 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::before { 4235 background-color: #1C1C1C !important; 4236 } 4237 4238 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after, 4239 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after, 4240 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__hamburger-button::after { 4241 border-color: #1C1C1C !important; 4242 } 4243 4244 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle, 4245 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle, 4246 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .
4246icon, 4247 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon, 4248 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle, 4249 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon, 4250 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before, 4251 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before, 4252 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before, 4253 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 4254 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 4255 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 4256 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 4257 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 4258 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 4259 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 4260 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 4261 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 4262 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo, 4263 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo, 4264 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo, 4265 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before, 4266 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before, 4267 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .header__logo::before, 4268 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link, 4269 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link, 4270 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__link, 4271 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon, 4272 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon, 4273 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon, 4274 body:has(.page-designer) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before, 4275 body:has(.page-designer-reference) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before, 4276 body:has(.video-banner) .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open) .mini-cart__icon::before { 4277 color: #1C1C1C !important; 4278 border-color: #1C1C1C !important; 4279 -webkit-text-fill-color: #1C1C1C !important; 4280 opacity: 1 !important; 4281 visibility: visible !important; 4282 } 4283 4284 #navigation-level1, 4285 #category-content { 4286 display: none !important; 4287 } 4288 4289 .main-nav #js-menu-categories, 4290 .main-nav>.html-slot-container, 4291 .main-nav>.menu-utility-user, 4292 .main-nav>.hide-desktop { 4293 display: none !important; 4294 } 4295 4296 #nav-mobile-flyout { 4297 display: none; 4298 position: fixed; 4299 left: 0; 4300 right: 0; 4301 top: var(--pc-mega-nav-stack-height); 4302 bottom: 0; 4303 height: auto; 4304 max-height: none; 4305 background: #fff; 4306 z-index: 20; 4307 overflow: hidden; 4308 box-sizing: border-box; 4309 } 4310 4311 @supports (height: 100dvh) { 4312 #nav-mobile-flyout { 4313 bottom: auto; 4314 height: var(--pc-mega-nav-flyout-height, 4315 calc(100dvh - var(--pc-mega-nav-stack-height))); 4316 } 4317 } 4318 4319 .header--menu-open #nav-mobile-flyout { 4320 display: block; 4321 } 4322 4323 .nav-mobile__scroll { 4324 height: 100%; 4325 overflow-y: auto; 4326 -webkit-overflow-scrolling: touch; 4327 overscroll-behavior: contain; 4328 padding: 40px 32px; 4329 padding-bottom: var(--pc-mega-nav-flyout-scroll-padding-bottom); 4330 box-sizing: border-box; 4331 } 4332 4333 .nav-mobile__section { 4334 border-bottom: 1px solid var(--pc-nav-color-border); 4335 } 4336 4337 .nav-mobile__section-toggle { 4338 width: 100%; 4339 display: flex; 4340 align-items: center; 4341 justify-content: space-between; 4342 gap: 16px; 4343 padding: var(--pc-nav-mobile-l1-toggle-padding) 0; 4344 background: none; 4345 border: 0; 4346 font-family: var(--pc-nav-font-family); 4347 font-weight: 800; 4348 font-size: var(--pc-nav-mobile-top); 4349 line-height: var(--pc-nav-mobile-top); 4350 letter-spacing: var(--pc-nav-mobile-top-ls); 4351 color: var(--pc-nav-color-text); 4352 text-align: left; 4353 cursor: pointer; 4354 } 4355
4356 .nav-mobile__section-toggle .icon, 4357 .nav-mobile__section-toggle .pc-mega-nav-icon { 4358 font-size: 20px; 4359 width: 20px !important; 4360 height: 20px !important; 4361 min-width: 20px !important; 4362 min-height: 20px !important; 4363 transition: transform .2s ease; 4364 transform: rotate(90deg); 4365 flex-shrink: 0; 4366 color: var(--pc-nav-color-text); 4367 } 4368 4369 .nav-mobile__section.is-open .nav-mobile__section-toggle .icon, 4370 .nav-mobile__section.is-open .nav-mobile__section-toggle .pc-mega-nav-icon { 4371 transform: rotate(180deg); 4372 } 4373 4374 .nav-mobile__section-panel { 4375 display: none; 4376 padding-top: 0; 4377 padding-bottom: 0; 4378 } 4379 4380 .nav-mobile__section.is-open .nav-mobile__section-toggle { 4381 padding-bottom: 0; 4382 } 4383 4384 .nav-mobile__section.is-open .nav-mobile__section-panel { 4385 display: block; 4386 padding-top: var(--pc-nav-mobile-l1-to-l2-gap); 4387 padding-bottom: calc(var(--pc-nav-mobile-l2-to-next-l1-gap) - var(--pc-nav-mobile-l1-toggle-padding)); 4388 } 4389 4390 .nav-mobile__links { 4391 list-style: none; 4392 margin: 0; 4393 padding: 0; 4394 } 4395 4396 .nav-mobile__links li+li { 4397 margin-top: 16px; 4398 } 4399 4400 .nav-mobile__links a { 4401 color: var(--pc-nav-color-text); 4402 font-family: var(--pc-nav-font-family); 4403 font-size: var(--pc-nav-mobile-l2); 4404 line-height: var(--pc-nav-mobile-l2); 4405 letter-spacing: var(--pc-nav-mobile-l2-ls); 4406 font-weight: 800; 4407 text-decoration: none; 4408 } 4409 4410 .nav-mobile__links a:hover { 4411 color: var(--pc-nav-color-text); 4412 text-decoration: underline; 4413 } 4414 4415 .nav-mobile__section-panel>.nav-mobile__links li+li { 4416 margin-top: 20px; 4417 } 4418 4419 .nav-mobile__section-panel>.nav-mobile__links a { 4420 font-size: var(--pc-nav-mobile-l2); 4421 font-weight: 800; 4422 line-height: var(--pc-nav-mobile-l2); 4423 letter-spacing: var(--pc-nav-mobile-l2-ls); 4424 color: var(--pc-nav-color-text) !important; 4425 -webkit-text-fill-color: var(--pc-nav-color-text) !important; 4426 } 4427 4428 .nav-mobile__group+.nav-mobile__group { 4429 margin-top: 24px; 4430 } 4431 4432 .nav-mobile__group-title { 4433 font-family: var(--pc-nav-font-family); 4434 font-weight: 800; 4435 font-size: var(--pc-nav-mobile-l2); 4436 line-height: var(--pc-nav-mobile-l2); 4437 letter-spacing: var(--pc-nav-mobile-l2-ls); 4438 color: var(--pc-nav-color-text); 4439 margin-bottom: 20px; 4440 } 4441 4442 .nav-mobile__subgroup { 4443 margin-top: 16px; 4444 font-weight: 800; 4445 } 4446 4447 .nav-mobile__subgroup-title { 4448 font-family: var(--pc-nav-font-family); 4449 font-weight: 800; 4450 font-size: var(--pc-nav-mobile-l2); 4451 line-height: var(--pc-nav-mobile-l2); 4452 letter-spacing: var(--pc-nav-mobile-l2-ls); 4453 color: var(--pc-nav-color-text); 4454 margin-bottom: 20px; 4455 } 4456 4457 .nav-mobile__subgroup .nav-mobile__links { 4458 margin-left: 10px; 4459 } 4460 4461 .nav-mobile__subgroup .nav-mobile__links a { 4462 font-size: var(--pc-nav-mobile-l3); 4463 font-weight: 700; 4464 line-height: var(--pc-nav-mobile-l3); 4465 letter-spacing: 0; 4466 color: var(--pc-nav-color-secondary) !important; 4467 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4468 } 4469 4470 .nav-mobile__subgroup .nav-mobile__links a:hover { 4471 color: var(--pc-nav-color-secondary) !important; 4472 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4473 text-decoration: underline; 4474 } 4475 4476 .nav-mobile__group>.nav-mobile__links a { 4477 font-size: var(--pc-nav-mobile-l3); 4478 font-weight: 700; 4479 line-height: var(--pc-nav-mobile-l3); 4480 letter-spacing: 0; 4481 color: var(--pc-nav-color-secondary) !important; 4482 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4483 } 4484 4485 .nav-mobile__group>.nav-mobile__links a:hover { 4486 color: var(--pc-nav-color-secondary) !important; 4487 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4488 text-decoration: underline; 4489 } 4490 4491 .nav-mobile__group ul, 4492 .nav-mobile__subgroup ul { 4493 border-bottom: 1px solid var(--pc-nav-color-border); 4494 } 4495 4496 .nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__group:last-child ul, 4497 .nav-mobile__section-panel:not(.nav-mobile__section-panel--categories) .nav-mobile__subgroup:last-child ul { 4498 border-bottom: none; 4499 } 4500 4501 .nav-mobile__section-panel--categories .nav-mobile__group ul, 4502 .nav-mobile__section-panel--categories .nav-mobile__subgroup ul { 4503 border-bottom: none; 4504 } 4505 4506 .nav-mobile__section-panel--categories .nav-mobile__categories-l2 a { 4507 font-family: var(--pc-nav-font-family); 4508 font-size: var(--pc-nav-mobile-l2); 4509 font-weight: 800; 4510 line-height: var(--pc-nav-mobile-l2); 4511 letter-spacing: var(--pc-nav-mobile-l2-ls); 4512 color: var(--pc-nav-color-text) !important; 4513 -webkit-text-fill-color: var(--pc-nav-color-text) !important; 4514 text-decoration: none; 4515 } 4516 4517 .nav-mobile__section-panel--categories .nav-mobile__categories-l2 .nav-mobile__links li+li { 4518 margin-top: 0;
4519 } 4520 4521 .nav-mobile__section-panel--categories .nav-mobile__categories-subheading { 4522 margin-top: 0; 4523 margin-bottom: 20px; 4524 } 4525 4526 .nav-mobile__section-panel--categories .nav-mobile__categories-subheading .nav-mobile__subgroup-title { 4527 font-size: var(--pc-nav-mobile-l2); 4528 line-height: var(--pc-nav-mobile-l2); 4529 letter-spacing: var(--pc-nav-mobile-l2-ls); 4530 color: var(--pc-nav-color-text); 4531 } 4532 4533 .nav-mobile__section-panel--categories .nav-mobile__categories-l3 { 4534 margin-top: 20px; 4535 } 4536 4537 .nav-mobile__section-panel--categories .nav-mobile__categories-subheading+.nav-mobile__categories-l3 { 4538 margin-top: 0; 4539 } 4540 4541 .nav-mobile__section-panel--categories .nav-mobile__categories-l3 .nav-mobile__links li+li { 4542 margin-top: 24px; 4543 } 4544 4545 .nav-mobile__section-panel--categories .nav-mobile__categories-l3 a { 4546 font-family: var(--pc-nav-font-family); 4547 font-size: var(--pc-nav-mobile-l3); 4548 font-weight: 700; 4549 line-height: 24px; 4550 letter-spacing: 0; 4551 color: var(--pc-nav-color-secondary) !important; 4552 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4553 text-decoration: none; 4554 } 4555 4556 .nav-mobile__section-panel--categories .nav-mobile__categories-l3 a:hover { 4557 color: var(--pc-nav-color-secondary) !important; 4558 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4559 text-decoration: underline; 4560 } 4561 4562 .nav-mobile__section-divider { 4563 display: block; 4564 width: 100%; 4565 height: 1px; 4566 min-height: 1px; 4567 margin: 20px 0; 4568 border: none; 4569 border-top: 1px solid #DEDEDF; 4570 background-color: #DEDEDF; 4571 transform: translateZ(0); 4572 -webkit-backface-visibility: hidden; 4573 backface-visibility: hidden; 4574 } 4575 4576 .nav-mobile__section-see-all { 4577 margin-top: 20px; 4578 } 4579 4580 .nav-mobile__section-see-all .nav-mobile__links a { 4581 font-size: var(--pc-nav-mobile-see-all); 4582 font-weight: 800; 4583 line-height: var(--pc-nav-mobile-see-all); 4584 letter-spacing: var(--pc-nav-mobile-l2-ls); 4585 color: var(--pc-nav-color-text); 4586 text-decoration: none; 4587 } 4588 4589 .nav-mobile__section-see-all .nav-mobile__links a:hover { 4590 text-decoration: underline; 4591 } 4592 4593 .nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a { 4594 text-decoration: none; 4595 } 4596 4597 .nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links a:hover { 4598 text-decoration: underline; 4599 } 4600 4601 .nav-mobile__section-panel--categories .nav-mobile__categories-see-all { 4602 margin-top: 0; 4603 } 4604 4605 .nav-mobile__section-panel--categories .nav-mobile__categories-see-all .nav-mobile__links li+li { 4606 margin-top: 0; 4607 } 4608 4609 .nav-mobile__section-panel--beautypedia .nav-mobile__group>.nav-mobile__links li+li { 4610 margin-top: 24px; 4611 } 4612 4613 .nav-mobile__section-panel--beautypedia .nav-mobile__group ul, 4614 .nav-mobile__section-panel--beautypedia .nav-mobile__subgroup ul { 4615 border-bottom: none; 4616 } 4617 4618 .nav-mobile__section-panel--beautypedia .nav-mobile__group+.nav-mobile__group { 4619 margin-top: 0; 4620 } 4621 4622 .nav-mobile__section-panel--beautypedia .nav-mobile__section-divider { 4623 margin: 20px 0; 4624 } 4625 4626 .nav-mobile__direct-link { 4627 display: block; 4628 padding: 20px 0; 4629 border-bottom: 1px solid var(--pc-nav-color-border); 4630 color: var(--pc-nav-color-text); 4631 font-family: var(--pc-nav-font-family); 4632 font-weight: 800; 4633 font-size: var(--pc-nav-mobile-top); 4634 line-height: var(--pc-nav-mobile-top); 4635 letter-spacing: var(--pc-nav-mobile-top-ls); 4636 text-decoration: none; 4637 } 4638 4639 .nav-mobile__footer-divider { 4640 height: 1px; 4641 background: #DEDEDF; 4642 margin: 0; 4643 border: 0; 4644 } 4645 4646 .nav-mobile__secondary { 4647 display: flex; 4648 flex-direction: column; 4649 gap: 16px; 4650 padding: 20px 0; 4651 } 4652 4653 .nav-mobile__secondary-link { 4654 display: block; 4655 color: var(--pc-nav-color-text); 4656 font-family: var(--pc-nav-font-family); 4657 font-weight: 800; 4658 font-size: var(--pc-nav-mobile-campaign); 4659 line-height: var(--pc-nav-mobile-campaign); 4660 letter-spacing: 0; 4661 text-decoration: none; 4662 } 4663 4664 .nav-mobile__secondary img, 4665 .nav-mobile__secondary svg, 4666 .nav-mobile__secondary .icon, 4667 .nav-mobile__secondary picture { 4668 display: none !important; 4669 } 4670 4671 .nav-mobile__secondary a { 4672 display: block;
4673 color: var(--pc-nav-color-text); 4674 font-family: var(--pc-nav-font-family); 4675 font-weight: 800; 4676 font-size: var(--pc-nav-mobile-campaign); 4677 line-height: var(--pc-nav-mobile-campaign); 4678 letter-spacing: 0; 4679 text-decoration: none; 4680 } 4681 4682 .nav-mobile__slot { 4683 margin-top: 24px; 4684 margin-bottom: 8px; 4685 } 4686 4687 .nav-mobile__slot .main-nav-slot__heading, 4688 .nav-mobile__slot .main-nav-slot__list { 4689 display: none !important; 4690 } 4691 4692 .nav-mobile__slot .main-nav-slot { 4693 border: 0; 4694 margin: 0; 4695 padding: 0; 4696 display: block; 4697 } 4698 4699 .nav-mobile__slot .navigation-link { 4700 display: block !important; 4701 margin: 0 !important; 4702 } 4703 4704 .nav-mobile__slot .html-slot-container>.navigation-link:not(.navigation-link--two-rows) { 4705 display: contents !important; 4706 } 4707 4708 .nav-mobile__slot .navigation-link.navigation-link--two-rows, 4709 .nav-mobile__slot .html-slot-container { 4710 display: grid !important; 4711 grid-template-columns: repeat(2, minmax(0, 1fr)); 4712 gap: 13px; 4713 align-items: start; 4714 } 4715 4716 .nav-mobile__slot .navigation-link figure, 4717 .nav-mobile__slot figure { 4718 width: 100%; 4719 max-width: 100%; 4720 min-width: 0; 4721 margin: 0 !important; 4722 } 4723 4724 .nav-mobile__slot .navigation-link figure>a { 4725 display: block; 4726 width: 100%; 4727 max-width: 160px; 4728 height: 103px; 4729 border-radius: 10px; 4730 overflow: hidden; 4731 line-height: 0; 4732 } 4733 4734 .nav-mobile__slot .navigation-link figure img, 4735 .nav-mobile__slot img { 4736 width: 100% !important; 4737 max-width: 160px !important; 4738 height: 103px !important; 4739 aspect-ratio: unset !important; 4740 object-fit: cover !important; 4741 object-position: center; 4742 border-radius: 10px; 4743 display: block; 4744 } 4745 4746 .nav-mobile__slot .navigation-link figcaption { 4747 margin: 8px 0 0; 4748 padding: 0; 4749 min-width: 0; 4750 max-width: 100%; 4751 } 4752 4753 .nav-mobile__slot .navigation-link figcaption a, 4754 .nav-mobile__slot a { 4755 color: var(--pc-nav-color-text); 4756 font-family: var(--pc-nav-font-family) !important; 4757 font-size: 14px !important; 4758 font-weight: 800 !important; 4759 line-height: 1 !important; 4760 letter-spacing: 0.002em !important; 4761 text-decoration: none !important; 4762 display: block; 4763 margin-top: 8px; 4764 white-space: normal; 4765 overflow-wrap: break-word; 4766 word-break: break-word; 4767 } 4768 4769 .nav-mobile__slot .navigation-link figcaption a:hover, 4770 .nav-mobile__slot .navigation-link figure:hover figcaption a { 4771 text-decoration: underline !important; 4772 color: var(--pc-nav-color-text) !important; 4773 } 4774 4775 .nav-mobile__campaign { 4776 padding: 20px 0; 4777 } 4778 4779 .nav-mobile__campaign-links { 4780 display: flex; 4781 flex-direction: column; 4782 gap: 24px; 4783 list-style: none; 4784 margin: 0; 4785 padding: 0; 4786 } 4787 4788 .nav-mobile__campaign-link { 4789 display: block; 4790 color: var(--pc-nav-color-text); 4791 font-family: var(--pc-nav-font-family); 4792 font-weight: 800; 4793 font-size: var(--pc-nav-mobile-campaign); 4794 line-height: var(--pc-nav-mobile-campaign); 4795 letter-spacing: 0; 4796 text-decoration: none; 4797 } 4798 4799 .nav-mobile__campaign-link:hover { 4800 text-decoration: underline; 4801 } 4802 4803 .nav-mobile__campaign-links img, 4804 .nav-mobile__campaign-links svg, 4805 .nav-mobile__campaign-links .icon, 4806 .nav-mobile__campaign-links picture { 4807 display: none !important; 4808 } 4809 4810 .nav-mobile__campaign-promo { 4811 margin-top: 20px; 4812 } 4813 4814 .nav-mobile__campaign-promo .navigation-link { 4815 display: block !important; 4816 margin: 0 !important; 4817 } 4818 4819 .nav-mobile__campaign-promo .navigation-link.navigation-link--two-rows, 4820 .nav-mobile__campaign-promo .html-slot-container { 4821 display: grid !important; 4822 grid-template-columns: repeat(2, minmax(0, 1fr)); 4823 gap: 13px; 4824 align-items: start; 4825 } 4826 4827 .nav-mobile__campaign-promo .navigation-link figure, 4828 .nav-mobile__campaign-promo figure { 4829 width: 100%; 4830 max-width: 100%; 4831 min-width: 0; 4832 margin: 0 !important; 4833 } 4834 4835 .nav-mobile__campaign-promo .navigation-link figure>a { 4836 display: block; 4837 width: 100%; 4838 max-width: 160px; 4839 height: 103px; 4840 border-radius: 10px; 4841 overflow: hidden; 4842 line-height: 0; 4843 } 4844 4845 .nav-mobile__campaign-promo .navigation-link figure img, 4846 .nav-mobile__campaign-promo img { 4847 width: 100% !important; 4848 max-width: 160px !important; 4849 height: 103px !important; 4850 aspect-ratio: unset !important; 4851 object-fit: cover !important; 4852 object-position: center; 4853 border-radius: 10px; 4854 display: block; 4855 } 4856 4857 .nav-mobile__campaign-promo .navigation-link figcaption { 4858 margin: 8px 0 0; 4859 padding: 0; 4860 min-width: 0; 4861 max-width: 100%; 4862 } 4863 4864 .nav-mobile__campaign-promo .navigation-link figcaption a { 4865 color: var(--pc-nav-color-text); 4866 font-family: var(--pc-nav-font-family) !important; 4867 font-size: 14px !important; 4868 font-weight: 800 !important; 4869 line-height: 1 !important; 4870 letter-spacing: 0.002em !important; 4871 text-decoration: none !important; 4872 display: block; 4873 margin-top: 8px; 4874 white-space: normal; 4875 overflow-wrap: break-word; 4876 word-break: break-word; 4877 } 4878 4879 .nav-mobile__campaign-promo .navigation-link figcaption a:hover, 4880 .nav-mobile__campaign-promo .navigation-link figure:hover figcaption a { 4881 text-decoration: underline !important; 4882 color: var(--pc-nav-color-text) !important; 4883 } 4884 4885 .nav-mobile__footer { 4886 margin-top: 0;
4887 padding-bottom: env(safe-area-inset-bottom, 0px); 4888 } 4889 4890 .nav-mobile__footer-link { 4891 display: flex; 4892 align-items: center; 4893 justify-content: space-between; 4894 gap: 16px; 4895 padding: 20px 0; 4896 border-bottom: 1px solid var(--pc-nav-color-border); 4897 color: var(--pc-nav-color-text); 4898 font-family: var(--pc-nav-font-family); 4899 font-weight: 800; 4900 font-size: var(--pc-nav-mobile-top); 4901 line-height: var(--pc-nav-mobile-top); 4902 letter-spacing: var(--pc-nav-mobile-top-ls); 4903 text-decoration: none; 4904 } 4905 4906 .nav-mobile__footer-link--chevron .icon, 4907 .nav-mobile__footer-link--chevron .pc-mega-nav-icon { 4908 font-size: 20px; 4909 width: 20px !important; 4910 height: 20px !important; 4911 min-width: 20px !important; 4912 min-height: 20px !important; 4913 flex-shrink: 0; 4914 color: var(--pc-nav-color-text); 4915 transform: rotate(90deg); 4916 } 4917 4918 /* Beat BM utility link classes inside the flyout */ 4919 #nav-mobile-flyout a.link-normal-sm-semibold, 4920 #nav-mobile-flyout a.link-normal-base-semibold, 4921 #nav-mobile-flyout a.link-extended-md-black-base { 4922 font-family: var(--pc-nav-font-family); 4923 } 4924 4925 #nav-mobile-flyout .nav-mobile__subgroup .nav-mobile__links a.link-normal-sm-semibold, 4926 #nav-mobile-flyout .nav-mobile__group>.nav-mobile__links a.link-normal-sm-semibold, 4927 #nav-mobile-flyout .nav-mobile__section-panel--categories .nav-mobile__categories-l3 a { 4928 color: var(--pc-nav-color-secondary) !important; 4929 -webkit-text-fill-color: var(--pc-nav-color-secondary) !important; 4930 } 4931 4932 .nav-mobile__footer-link--last { 4933 border-bottom: none; 4934 padding-bottom: var(--pc-mega-nav-flyout-footer-padding-bottom); 4935 } 4936 } 4937 4938 @media (min-width: 1024px) { 4939 #nav-mobile-flyout { 4940 display: none !important; 4941 } 4942 } 4943 4944 4945 #nav-measurement-sandbox { 4946 display: none !important; 4947 } 4948 4949 #category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns, 4950 #category-content .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column, 4951 #navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-columns, 4952 #navigation-level1 .navigation-level1__middle-top:not(.navigation-level1__middle-top--grouped) .navigation-level1__middle-column { 4953 display: none !important; 4954 } 4955 4956 @media (min-width: 1024px) { 4957 4958 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle, 4959 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon, 4960 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .icon::before, 4961 .header.js-header.pc-mega-nav-redesign #js-search-toggle.search-toggle .search-toggle_icon-search::before, 4962 .header.js-header.pc-mega-nav-redesign .header__logo, 4963 .header.js-header.pc-mega-nav-redesign .header__logo::before, 4964 .header.js-header.pc-mega-nav-redesign .mini-cart__link, 4965 .header.js-header.pc-mega-nav-redesign .mini-cart__icon, 4966 .header.js-header.pc-mega-nav-redesign .mini-cart__icon::before, 4967 .header.js-header.pc-mega-nav-redesign .user-info__account, 4968 .header.js-header.pc-mega-nav-redesign .user-info__icon, 4969 .header.js-header.pc-mega-nav-redesign .user-info__icon::before, 4970 .header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__section-title, 4971 .header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li>a { 4972 color: #1C1C1C !important; 4973 border-color: #1C1C1C !important; 4974 -webkit-text-fill-color: #1C1C1C !important; 4975 opacity: 1 !important; 4976 visibility: visible !important; 4977 } 4978 4979 .header.js-header.pc-mega-nav-redesign #navigation-level1 .navigation-level1__list>li+li::before { 4980 background: #1C1C1C !important; 4981 } 4982 4983 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle, 4984 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
4984icon, 4985 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .icon::before, 4986 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 4987 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 4988 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 4989 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo, 4990 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .header__logo::before, 4991 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link, 4992 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon, 4993 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before, 4994 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__account, 4995 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon, 4996 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before, 4997 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #navigation-level1 .navigation-level1__section-title, 4998 .wrapper:not(.search-active) .header.js-header.pc-mega-nav-redesign:not(.header--menu-open):not(.header--submenu-open) #navigation-level1 .navigation-level1__list>li>a { 4999 color: #1C1C1C !important; 5000 border-color: #1C1C1C !important; 5001 -webkit-text-fill-color: #1C1C1C !important; 5002 opacity: 1 !important; 5003 visibility: visible !important; 5004 } 5005 5006 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo, 5007 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .header__logo::before, 5008 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle, 5009 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon, 5010 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .icon::before, 5011 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 5012 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__link, 5013 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon, 5014 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .mini-cart__icon::before, 5015 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__account, 5016 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon, 5017 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) .user-info__icon::before, 5018 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__section-title, 5019 body:not(:has(.video-banner)) .wrapper:not(.search-active) .header.js-header:not(.header--menu-open) #navigation-level1 .navigation-level1__list>li>a { 5020 color: #1C1C1C !important; 5021 border-color: #1C1C1C !important; 5022 -webkit-text-fill-color: #1C1C1C !important; 5023 opacity: 1 !important; 5024 visibility: visible !important; 5025 } 5026 5027 body:not(:has(.video-banner)) .header.js-header #navigation-level1 .navigation-level1__list>li+li::before { 5028 background: #1C1C1C !important; 5029 } 5030 5031 body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__section-title, 5032 body:has(.page-designer):not(:has(.video-banner)) .header.js-header:not(.header--scrolled) #navigation-level1 .navigation-level1__list>li>a { 5033 color: #1C1C1C !important; 5034 } 5035 5036 .header.js-header #navigation-level1 .navigation-level1__section-title, 5037 .header.js-header #navigation-level1 .navigation-level1__list>li>a { 5038 position: relative !important; 5039 overflow: visible !important; 5040 text-decoration: none !important; 5041 height: var(--pc-mega-nav-bar-content-height) !important; 5042 min-height: var(--pc-mega-nav-bar-content-height) !important; 5043 max-height: var(--pc-mega-nav-bar-content-height) !important; 5044 padding: 0 !important; 5045 font-size: var(--pc-mega-nav-bar-content-height) !important; 5046 line-height: var(--pc-mega-nav-text-line-height) !important; 5047 box-shadow: none !important; 5048 transition: color 0.3s ease-out !important; 5049 } 5050 5051 .header.js-header #navigation-level1 .navigation-level1__section-title::after, 5052 .header.js-header #navigation-level1 .navigation-level1__list>li>a::after { 5053 content: "" !important; 5054 display: block !important; 5055 position: absolute !important; 5056 left: 0 !important; 5057 top: 100% !important; 5058 bottom: auto !important;
5059 margin-top: 1px !important; 5060 width: 0 !important; 5061 height: 2px !important; 5062 background-color: currentColor !important; 5063 transition: width 0.3s ease-out !important; 5064 } 5065 5066 .header.js-header #navigation-level1 .navigation-level1__section-title:hover, 5067 .header.js-header #navigation-level1 .navigation-level1__list>li>a:hover, 5068 .header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title, 5069 .header.js-header #navigation-level1 .navigation-level1__list>li:hover>a, 5070 .header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered, 5071 .header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered, 5072 .header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title, 5073 .header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a { 5074 box-shadow: none !important; 5075 } 5076 5077 .header.js-header #navigation-level1 .navigation-level1__section-title:hover::after, 5078 .header.js-header #navigation-level1 .navigation-level1__list>li>a:hover::after, 5079 .header.js-header #navigation-level1 .navigation-level1__section:hover .navigation-level1__section-title::after, 5080 .header.js-header #navigation-level1 .navigation-level1__list>li:hover>a::after, 5081 .header.js-header #navigation-level1 .navigation-level1__section-title.is-nav-hovered::after, 5082 .header.js-header #navigation-level1 .navigation-level1__list>li>a.is-nav-hovered::after, 5083 .header.js-header #navigation-level1 .navigation-level1__section.is-active .navigation-level1__section-title::after, 5084 .header.js-header #navigation-level1 .navigation-level1__list>li.is-active>a::after { 5085 width: 100% !important; 5086 } 5087 5088 #category-content.is-visible .navigation-level1__component .navigation-level1__col-first, 5089 #category-content .navigation-level1__component .navigation-level1__col-first { 5090 flex: 0 0 25% !important; 5091 min-width: 0 !important; 5092 max-width: none !important; 5093 width: auto !important; 5094 flex-shrink: 0 !important; 5095 min-height: 0 !important; 5096 height: 100% !important; 5097 padding: 0 48px !important; 5098 border-right: 1px solid #DEDEDF !important; 5099 overflow-y: auto !important; 5100 overflow-x: hidden !important; 5101 box-sizing: border-box !important; 5102 -webkit-overflow-scrolling: touch !important; 5103 container-type: inline-size !important; 5104 display: flex !important; 5105 flex-direction: column !important; 5106 justify-content: space-between !important; 5107 align-items: flex-start !important; 5108 } 5109 5110 #category-content.is-visible .navigation-level1__component .navigation-level1__col-middle, 5111 #category-content .navigation-level1__component .navigation-level1__col-middle { 5112 flex: 0 0 45% !important; 5113 min-width: 0 !important; 5114 max-width: none !important; 5115 width: auto !important; 5116 flex-shrink: 0 !important; 5117 min-height: 0 !important; 5118 height: 100% !important; 5119 overflow: hidden !important; 5120 box-sizing: border-box !important; 5121 } 5122 5123 #category-content.is-visible .navigation-level1__component .navigation-level1__col-third, 5124 #category-content .navigation-level1__component .navigation-level1__col-third { 5125 flex: 0 0 30% !important; 5126 min-width: 0 !important; 5127 max-width: none !important; 5128 width: auto !important; 5129 flex-shrink: 0 !important; 5130 min-height: 0 !important; 5131 height: 100% !important; 5132 max-height: 100% !important; 5133 padding: 0 48px !important; 5134 border-left: 1px solid #DEDEDF !important; 5135 box-sizing: border-box !important; 5136 display: flex !important; 5137 flex-direction: column !important; 5138 justify-content: flex-start !important; 5139 overflow-y: auto !important; 5140 overflow-x: hidden !important; 5141 -webkit-overflow-scrolling: touch !important; 5142 overscroll-behavior: contain !important; 5143 align-items: flex-start !important; 5144 } 5145 5146 #category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container, 5147 #category-content .navigation-level1__component .navigation-level1__col-third>.main-nav-slot { 5148 margin-top: auto !important; 5149 flex-shrink: 0 !important; 5150 } 5151 5152 #category-content .navigation-level1__component .navigation-level1__col-third>.html-slot-container>.main-nav-slot { 5153 margin-top: 0 !important; 5154 } 5155 5156 #category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container, 5157 #category-content .navigation-level1__component .navigation-level1__col-first>.main-nav-slot { 5158 margin-top: 0 !important; 5159 flex-shrink: 0 !important; 5160 justify-content: flex-end !important; 5161 gap: var(--pc-nav-desktop-promo-block-gap) !important; 5162 } 5163 5164 #category-content .navigation-level1__component .navigation-level1__col-first>.html-slot-container>.main-nav-slot { 5165 margin-top: 0 !important; 5166 } 5167 5168 #category-content .navigation-level1__component .category-title, 5169 #category-content .category-title { 5170 display: block !important; 5171 width: 100% !important; 5172 max-width: 100% !important; 5173 min-width: 0 !important; 5174 min-height: 0 !important; 5175 margin: 0 !important; 5176 padding: 0 !important; 5177 flex-shrink: 0 !important; 5178 font-family: "area-normal", "Area Normal", Arial, sans-serif !important; 5179 font-weight: 800 !important; 5180 line-height: var(--pc-mega-nav-category-title-line-height) !important; 5181 letter-spacing: -0.02em !important; 5182 color: #1C1C1C !important; 5183 overflow: visible !important; 5184 overflow-wrap: normal !important; 5185 word-break: keep-all !important; 5186 hyphens: none !important; 5187 white-space: nowrap !important; 5188 font-size: clamp(28px, 15cqi, 40px) !important; 5189 } 5190 5191 #category-content .navigation-level1__component .category-title--wrap, 5192 #category-content .category-title--wrap { 5193 white-space: normal !important; 5194 overflow-wrap: break-word !important; 5195 word-break: normal !important; 5196 } 5197 5198 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle, 5199 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .
5199icon, 5200 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .icon::before, 5201 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search, 5202 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-search::before, 5203 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) #js-search-toggle.search-toggle .search-toggle_icon-close::before, 5204 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo, 5205 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .header__logo::before, 5206 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__link, 5207 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon, 5208 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .mini-cart__icon::before, 5209 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__account, 5210 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon, 5211 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .user-info__icon::before, 5212 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon, 5213 .wrapper:not(.search-active) .header.js-header:not(.header--menu-open):not(.header--submenu-open) .menu-utility-user .user-info__icon::before { 5214 color: #1C1C1C !important; 5215 border-color: #1C1C1C !important; 5216 -webkit-text-fill-color: #1C1C1C !important; 5217 opacity: 1 !important; 5218 visibility: visible !important; 5219 } 5220 } 5221 5222 /* Must come after icon color rules â those set -webkit-text-fill-color / border-color on .mini-cart__link */ 5223 .header.js-header .mini-cart__link, 5224 .header.js-header.pc-mega-nav-redesign .mini-cart__link, 5225 .wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link, 5226 body .wrapper .header.js-header.pc-mega-nav-redesign .mini-cart__link { 5227 border: 0 !important; 5228 border-width: 0 !important; 5229 border-style: none !important; 5230 border-color: transparent !important; 5231 border-radius: 0 !important; 5232 box-shadow: none !important; 5233 outline: none !important; 5234 } 5235 5236 /* Native header icon-fonts stay visible (no SVG replacement) */ 5237</style>
5238<script> 5239 (function () { 5240 var header = document.querySelector('.header.js-header'); 5241 if (header) header.classList.add('pc-mega-nav-redesign'); 5242 })(); 5243 5244 const Navigation = (function () { 5245 const MOBILE_MQ = window.matchMedia('(max-width: 1023px)'); 5246 const COLUMN_LEFT_THRESHOLD_PX = 8; 5247 5248 /* Mobile accordion / footer chevrons only â header uses native site icons */ 5249 const NAV_ICONS = { 5250 expand: { 5251 viewBox: '0 0 48 48', 5252 body: '<path fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="m41.646 33.354-18-18M24.354 15.354l-18 17.999"/>' 5253 } 5254 }; 5255 5256 const CONFIG = { 5257 desktopLayoutFrozen: true, 5258 /* Catalog ids only â never match translated display titles */ 5259 excludedShopSectionIds: [ 5260 'beautypedia', 5261 'expend-your-knowledge', 5262 'expert-advice' 5263 ], 5264 groupedSections: { beautypedia: true, shop: false }, 5265 middleColumnCount: 2, 5266 middleColumnGap: 48, 5267 panelMaxHeightPx: 648, 5268 panelMaxHeightVh: 70, 5269 columnLeftThresholdPx: COLUMN_LEFT_THRESHOLD_PX, 5270 5271 shopSectionOrder: [ 5272 'concerns', 5273 'categories', 5274 'ingredients', 5275 'collections', 5276 'new to skin care' 5277 ], 5278 sectionTitleAliases: { 5279 'new to skin care': 'new to skin care', 5280 'new-to-skin-care': 'new to skin care', 5281 'new to skincare': 'new to skin care', 5282 'new to skincare?': 'new to skin care', 5283 'new-to-skincare': 'new to skin care', 5284 'concerns': 'concerns', 5285 'categories': 'categories', 5286 'ingredients': 'ingredients', 5287 'collections': 'collections', 5288 'by skin concern': 'concerns', 5289 'by routine step': 'categories', 5290 'by ingredient': 'ingredients', 5291 'beautypedia': 'beautypedia', 5292 'expend-your-knowledge': 'beautypedia', 5293 'expend your knowledge': 'beautypedia', 5294 'expert-advice': 'beautypedia', 5295 'expert advice': 'beautypedia', 5296 'shop all': 'categories', 5297 'shop-all': 'categories', 5298 'shop alt': 'categories', 5299 'alles shoppen': 'categories', 5300 'comprar todo': 'categories', 5301 'tout acheter': 'categories', 5302 'acquista tutto': 'categories', 5303 'shop alles': 'categories', 5304 'handla allt': 'categories', 5305 'kup wszystko': 'categories', 5306 'kategorien': 'categories', 5307 'categorieen': 'categories', 5308 'categorieën': 'categories', 5309 'catégories': 'categories', 5310 'categorias': 'categories', 5311 'categorÃas': 'categories', 5312 'kategorier': 'categories', 5313 'kategorie': 'categories' 5314 }, 5315 5316 /* Canonical ids (after normalizeSectionKey) â hide Shop All regardless of locale title */ 5317 sectionKeysWithoutShopAll: [ 5318 'beautypedia', 5319 'new to skin care' 5320 ], 5321 /* Layout/tracking keys only â visible labels always come from the live menu DOM (translated) */ 5322 flatLinkSectionKeys: [ 5323 'concerns', 5324 'ingredients', 5325 'collections', 5326 'new to skin care' 5327 ], 5328 mobileDirectLinkSectionKeys: [], 5329 beautypediaShopAllFallbackUrl: 'https://development.paulaschoice.nl/en/beautypedia', 5330 selectors: { 5331 header: '.js-header', 5332 menu: '#js-menu-categories', 5333 container: '#navigation-level1', 5334 categoryContent: '#category-content', 5335 mobileFlyout: '#nav-mobile-flyout', 5336 globalSlot: '#navigation > .html-slot-container', 5337 beautypediaItem: 'li.js-menu-item > a[data-id="expend-your-knowledge"]', 5338 membership: 'li.main-nav__item--extra a[href]', 5339 contact: 'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]', 5340 login: '.menu-utility-user .user-info__account', 5341 topMenuCampaign: '#js-menu-categories .main-nav-slot', 5342 section: '.sub-menu__list > li.sub-menu__item.level-3', 5343 sectionLinks: '.level-3__list > li.level-3__item', 5344 navSection: '.navigation-level1__section' 5345 }, 5346 menuIds: { 5347 shop: 'shop-products', 5348 beautypedia: 'expend-your-knowledge' 5349 }, 5350 classes: { 5351 rootList: 'navigation-level1__list', 5352 section: 'navigation-level1__section', 5353 sectionTitle: 'navigation-level1__section-title', 5354 component: 'navigation-level1__component', 5355 sublist: 'navigation-level1__sublist', 5356 group: 'navigation-level1__group', 5357 groupContinued: 'navigation-level1__group--continued', 5358 groupTitle: 'navigation-level1__group-title', 5359 groupContent: 'navigation-level1__group-content', 5360 subgroup: 'navigation-level1__subgroup', 5361 subgroupContinued: 'navigation-level1__subgroup--continued', 5362 subgroupTitle: 'navigation-level1__subgroup-title', 5363 middleColumns: 'navigation-level1__middle-columns', 5364 middleColumn: 'navigation-level1__middle-column', 5365 colFirst: 'navigation-level1__col-first', 5366 colMiddle: 'navigation-level1__col-middle', 5367 colThird: 'navigation-level1__col-third', 5368 scrollRail: 'navigation-level1__scroll-rail', 5369 categoryTitle: 'category-title', 5370 categoryTitleWrap: 'category-title--wrap', 5371 middleTop: 'navigation-level1__middle-top', 5372 middleTopFlatList: 'navigation-level1__middle-top--flat-list',
5373 middleTopCategories: 'navigation-level1__middle-top--categories', 5374 middleTopGrouped: 'navigation-level1__middle-top--grouped', 5375 navRowGroupHeading: 'navigation-level1__nav-row--group-heading', 5376 navRowGroupLink: 'navigation-level1__nav-row--group-link', 5377 navRowGroupSeeAll: 'navigation-level1__nav-row--group-see-all', 5378 navRowCategoriesL2: 'navigation-level1__nav-row--categories-l2', 5379 navRowCategoriesSubheading: 'navigation-level1__nav-row--categories-subheading', 5380 navRowCategoriesL3: 'navigation-level1__nav-row--categories-l3', 5381 navRowSeeAll: 'navigation-level1__nav-row--see-all', 5382 seeAllLink: 'navigation-level1__see-all-link', 5383 middleBottom: 'navigation-level1__middle-bottom', 5384 navRow: 'navigation-level1__nav-row', 5385 sectionDivider: 'navigation-level1__section-divider', 5386 panelVisible: 'is-visible', 5387 sectionActive: 'is-active', 5388 navHovered: 'is-nav-hovered', 5389 headerMenuOpen: 'header--menu-open', 5390 mobileSection: 'nav-mobile__section', 5391 mobileSectionOpen: 'is-open', 5392 mobileSectionToggle: 'nav-mobile__section-toggle', 5393 mobileSectionPanel: 'nav-mobile__section-panel', 5394 mobileLinks: 'nav-mobile__links', 5395 mobileGroup: 'nav-mobile__group', 5396 mobileGroupTitle: 'nav-mobile__group-title', 5397 mobileSubgroup: 'nav-mobile__subgroup', 5398 mobileSubgroupTitle: 'nav-mobile__subgroup-title', 5399 mobileSlot: 'nav-mobile__slot', 5400 mobileDirectLink: 'nav-mobile__direct-link', 5401 mobileSecondary: 'nav-mobile__secondary', 5402 mobileSecondaryLink: 'nav-mobile__secondary-link', 5403 mobileFooter: 'nav-mobile__footer', 5404 mobileFooterDivider: 'nav-mobile__footer-divider', 5405 mobileFooterLink: 'nav-mobile__footer-link', 5406 mobileFooterLinkLast: 'nav-mobile__footer-link--last', 5407 mobileFooterLinkChevron: 'nav-mobile__footer-link--chevron', 5408 mobileSectionPanelCategories: 'nav-mobile__section-panel--categories', 5409 mobileSectionPanelBeautypedia: 'nav-mobile__section-panel--beautypedia', 5410 mobileCategoriesL2: 'nav-mobile__categories-l2', 5411 mobileCategoriesSubheading: 'nav-mobile__categories-subheading', 5412 mobileCategoriesL3: 'nav-mobile__categories-l3', 5413 mobileCategoriesSeeAll: 'nav-mobile__categories-see-all', 5414 mobileSectionSeeAll: 'nav-mobile__section-see-all', 5415 mobileSectionDivider: 'nav-mobile__section-divider', 5416 mobileCampaign: 'nav-mobile__campaign', 5417 mobileCampaignLinks: 'nav-mobile__campaign-links', 5418 mobileCampaignLink: 'nav-mobile__campaign-link', 5419 mobileCampaignPromo: 'nav-mobile__campaign-promo' 5420 } 5421 }; 5422 5423 const { selectors, classes, menuIds } = CONFIG; 5424 5425 const qs = (s, r = document) => r.querySelector(s); 5426 const qsa = (s, r = document) => [...r.querySelectorAll(s)]; 5427 const isMobile = () => MOBILE_MQ.matches; 5428 const cleanText = (el) => el?.textContent.replace(/\s+/g, ' ').trim() || ''; 5429 5430 const createNavIconSvg = (key, extraClass = '') => { 5431 const icon = NAV_ICONS[key]; 5432 if (!icon) return ''; 5433 const cls = ['pc-mega-nav-icon', `pc-mega-nav-icon--${key}`, extraClass].filter(Boolean).join(' '); 5434 return `<svg class="${cls}" viewBox="${icon.viewBox}" aria-hidden="true" focusable="false">${icon.body}</svg>`; 5435 }; 5436 5437 /* Prefer visible DOM text only â never invent labels; title/aria-label are often English SEO leftovers */ 5438 const getVisibleNavLabel = (el) => { 5439 if (!el) return ''; 5440 const clone = el.cloneNode(true); 5441 clone.querySelectorAll( 5442 'svg, img, picture, i, .icon, [aria-hidden="true"], .main-nav__link-icon, .fa' 5443 ).forEach((node) => node.remove()); 5444 const fromClone = cleanText(clone); 5445 if (fromClone) return fromClone; 5446 const named = el.querySelector( 5447 '.user-info__name, .level-3__category-image span, span:not(.icon):not([aria-hidden="true"])' 5448 ); 5449 return cleanText(named); 5450 }; 5451 5452 let abtestNavTracked = false; 5453 5454 const toTrackingLabel = (value) => String(value || '') 5455 .replace(/-/g, ' ') 5456 .replace(/\s+/g, ' ') 5457 .trim() 5458 .toLowerCase(); 5459 5460 const formatShopAllTrackingLabel = (id) => { 5461 const normalized = toTrackingLabel(id) 5462 .replace(/^shop\s+all\s+/, '') 5463 .replace(/^see\s+all\s+/, ''); 5464 if (!normalized) return ''; 5465 return `shop all ${normalized}`; 5466 }; 5467 5468 const formatPromoTrackingLabel = (rootCategoryId, side, promoIndex) => { 5469 const root = toTrackingLabel(rootCategoryId); 5470 const index = String(promoIndex || '').trim(); 5471 if (!index) return ''; 5472 if (root) return toTrackingLabel(root + ' ' + side + ' promo ' + index); 5473 return toTrackingLabel(side + ' promo ' + index); 5474 }; 5475 5476 /* Prefer catalog id / cgid / section key â never translated link text or localized path slugs */ 5477 const resolveShopAllCatalogId = (sources = {}) => { 5478 const stripShopAllPrefix = (value) => toTrackingLabel(value) 5479 .replace(/^shop\s+all\s+/, '') 5480 .replace(/^see\s+all\s+/, ''); 5481 5482 const fromAttr = stripShopAllPrefix( 5483 sources.categoryId || sources.dataId || '' 5484 ); 5485 if (fromAttr) return fromAttr; 5486
5487 try { 5488 const href = sources.url || ''; 5489 if (href && href !== '#' && href.indexOf('javascript:') !== 0) { 5490 const cgid = new URL(href, window.location.origin).searchParams.get('cgid'); 5491 if (cgid) return stripShopAllPrefix(cgid); 5492 } 5493 } catch (e) { /* ignore */ } 5494 5495 return stripShopAllPrefix( 5496 sources.rootCategoryId || sources.sectionKey || '' 5497 ); 5498 }; 5499 5500 const categoryIdFromUrl = (url) => { 5501 try { 5502 const parsed = new URL(url, window.location.origin); 5503 const cgid = parsed.searchParams.get('cgid'); 5504 if (cgid) return toTrackingLabel(cgid); 5505 const parts = parsed.pathname.split('/').filter(Boolean); 5506 return parts.length ? toTrackingLabel(parts[parts.length - 1]) : ''; 5507 } catch (e) { 5508 return ''; 5509 } 5510 }; 5511 5512 const getPageCategory = () => { 5513 const dl = window.dataLayer || []; 5514 for (let i = dl.length - 1; i >= 0; i -= 1) { 5515 if (dl[i] && typeof dl[i].pageCategory === 'string' && dl[i].pageCategory.trim()) { 5516 return dl[i].pageCategory; 5517 } 5518 } 5519 return 'Home'; 5520 }; 5521 5522 const pushNavTracking = (categoryId) => { 5523 const label = toTrackingLabel(categoryId); 5524 if (!label) return; 5525 window.dataLayer = window.dataLayer || []; 5526 window.dataLayer.push({ 5527 eventCategory: getPageCategory(), 5528 eventAction: 'Navigation', 5529 eventLabel: label, 5530 event: 'GA Tracking' 5531 }); 5532 }; 5533 5534 const abtestNavigationTriggerTest = () => { 5535 if (abtestNavTracked) return; 5536 abtestNavTracked = true; 5537 window.dataLayer = window.dataLayer || []; 5538 window.dataLayer.push({ 5539 eventCategory: 'V1-navigation-redesign-t450', 5540 event: 'VwoActive' 5541 }); 5542 if (typeof hj != 'undefined') hj('trigger', 'navigation-redesign-2026'); 5543 if (typeof hj != 'undefined') hj('tagRecording', ['navigation-redesign-2026-v1']); 5544 }; 5545 5546 const applyNavTrackingAttrs = (el, meta = {}) => { 5547 if (!el || !meta.nav) return; 5548 el.setAttribute('data-nav', meta.nav); 5549 if (meta.categoryId) { 5550 el.setAttribute('data-category-id', toTrackingLabel(meta.categoryId)); 5551 } 5552 if (meta.rootCategoryId) { 5553 el.setAttribute('data-root-category-id', toTrackingLabel(meta.rootCategoryId)); 5554 } 5555 if (meta.parentCategoryId) { 5556 el.setAttribute('data-parent-category-id', toTrackingLabel(meta.parentCategoryId)); 5557 } 5558 if (meta.promoIndex != null && meta.promoIndex !== '') { 5559 el.setAttribute('data-promo-index', String(meta.promoIndex)); 5560 } 5561 if (meta.highlightId) el.setAttribute('data-highlight-id', toTrackingLabel(meta.highlightId)); 5562 if (meta.icon) el.setAttribute('data-icon', meta.icon); 5563 }; 5564 5565 const getUniquePromoBlocks = (col, selector) => { 5566 if (!col) return []; 5567 /* 5568 * Promo unit = each figure (or link-card without figures). 5569 * Do NOT use the outer .navigation-link / --two-rows wrapper as one block â 5570 * it often wraps multiple figures and would stamp every link as promo 1. 5571 */ 5572 const figures = qsa('figure', col).filter((figure) => { 5573 if (!figure.querySelector('a[href]')) return false; 5574 if (figure.closest('.main-nav-slot__list')) return false; 5575 return true; 5576 }); 5577 if (figures.length) { 5578 return figures.filter((block) => ( 5579 !figures.some((other) => other !== block && other.contains(block)) 5580 )); 5581 } 5582 5583 const blocks = qsa(selector || '.navigation-link, .navigation-link--two-rows', col); 5584 return blocks.filter((block) => { 5585 if (!block.querySelector('a[href]')) return false; 5586 if (block.closest('.main-nav-slot__list')) return false; 5587 return !blocks.some((other) => other !== block && other.contains(block)); 5588 }); 5589 }; 5590 5591 const annotateLeftPromos = (col, rootCategoryId) => { 5592 const sectionKey = normalizeSectionKey(rootCategoryId); 5593 if (!col || !sectionKey) return; 5594 normalizeLeftPromoCaptions(col); 5595 const blocks = getUniquePromoBlocks(col, 'figure, .navigation-link, .navigation-link--two-rows'); 5596 blocks.forEach((block, index) => { 5597 const promoIndex = index + 1; 5598 const categoryId = formatPromoTrackingLabel(sectionKey, 'left', promoIndex);
5599 qsa('a[href]', block).forEach((a) => { 5600 if (!a.href || a.href === 'javascript:;') return; 5601 applyNavTrackingAttrs(a, { 5602 nav: 'left-promo', 5603 rootCategoryId: sectionKey, 5604 categoryId: categoryId, 5605 promoIndex: promoIndex 5606 }); 5607 }); 5608 }); 5609 }; 5610 5611 /* Move caption copy out of the clipped image link so it shows below the image */ 5612 const normalizeLeftPromoCaptions = (col) => { 5613 if (!col) return; 5614 qsa('figure', col).forEach((figure) => { 5615 const imageLink = figure.querySelector(':scope > a[href], :scope > .level-3__category-image, :scope > .navigation-level1__promo-image-wrap'); 5616 if (!imageLink) return; 5617 5618 let figcaption = figure.querySelector(':scope > figcaption'); 5619 const imageAlt = imageLink.querySelector('img')?.getAttribute('alt')?.trim() || ''; 5620 const captionText = getVisibleNavLabel(imageLink) || imageAlt; 5621 const hasCaptionText = Boolean( 5622 figcaption && getVisibleNavLabel(figcaption) 5623 ); 5624 5625 if (!hasCaptionText && captionText) { 5626 if (!figcaption) { 5627 figcaption = document.createElement('figcaption'); 5628 figure.appendChild(figcaption); 5629 } 5630 const captionLink = document.createElement('a'); 5631 captionLink.href = imageLink.href || imageLink.querySelector('a[href]')?.href || '#'; 5632 captionLink.textContent = captionText; 5633 figcaption.replaceChildren(captionLink); 5634 } 5635 5636 /* Keep only media inside the image clip surface */ 5637 [...imageLink.childNodes].forEach((node) => { 5638 if (node.nodeType === Node.TEXT_NODE) { 5639 if (node.textContent.trim()) node.remove(); 5640 return; 5641 } 5642 if (node.nodeType !== Node.ELEMENT_NODE) return; 5643 if (node.matches('img, picture, source')) return; 5644 node.remove(); 5645 }); 5646 }); 5647 }; 5648 5649 const annotateHighlightRail = (col, rootCategoryId) => { 5650 const sectionKey = normalizeSectionKey(rootCategoryId); 5651 if (!col || !sectionKey) return; 5652 5653 qsa( 5654 '.main-nav-slot__list a[href], .main-nav-slot__list-item a[href], .main-nav-slot ul a[href]', 5655 col 5656 ).forEach((a) => { 5657 if (!a.href || a.href === 'javascript:;') return; 5658 if (a.closest('figure, .navigation-link, .navigation-link--two-rows')) return; 5659 applyNavTrackingAttrs(a, { 5660 nav: 'highlight-link', 5661 rootCategoryId: sectionKey, 5662 categoryId: 5663 categoryIdFromUrl(a.href) || 5664 toTrackingLabel(a.getAttribute('data-id') || cleanText(a)), 5665 highlightId: toTrackingLabel(cleanText(a)) 5666 }); 5667 }); 5668 5669 const promoBlocks = getUniquePromoBlocks( 5670 col, 5671 'figure, .navigation-link, .navigation-link--two-rows' 5672 ); 5673 promoBlocks.forEach((block, index) => { 5674 const promoIndex = index + 1; 5675 const categoryId = formatPromoTrackingLabel(sectionKey, 'right', promoIndex); 5676 qsa('a[href]', block).forEach((a) => { 5677 if (!a.href || a.href === 'javascript:;') return; 5678 if (a.closest('.main-nav-slot__list')) return; 5679 applyNavTrackingAttrs(a, { 5680 nav: 'highlight-promo', 5681 rootCategoryId: sectionKey, 5682 categoryId: categoryId, 5683 promoIndex: promoIndex 5684 }); 5685 }); 5686 }); 5687 }; 5688 5689 const normalizeSectionKey = (value) => { 5690 const key = String(value || '') 5691 .replace(/-/g, ' ') 5692 .replace(/\s+/g, ' ') 5693 .trim() 5694 .toLowerCase(); 5695 return CONFIG.sectionTitleAliases[key] || key; 5696 }; 5697 5698 const resolveSectionKey = (titleEl, title) => { 5699 const dataId = titleEl?.getAttribute('data-id'); 5700 if (dataId) return normalizeSectionKey(dataId); 5701 const fromUrl = categoryIdFromUrl(titleEl?.href || ''); 5702 if (fromUrl) return normalizeSectionKey(fromUrl); 5703 return normalizeSectionKey(title); 5704 }; 5705 5706 /* Tracking parent = catalog id only (never translated display title) */ 5707 const getSectionTrackingId = (section) => { 5708 if (!section) return ''; 5709 const fromCatalog = 5710 section.trackingId || 5711 section.categoryId || 5712 ''; 5713 if (fromCatalog) return normalizeSectionKey(fromCatalog); 5714 if (section.sectionKey) return normalizeSectionKey(section.sectionKey); 5715 return ''; 5716 }; 5717 5718 const getSectionCategoryId = (section) => ( 5719 getSectionTrackingId(section) || 5720 normalizeSectionKey(section?.title) || 5721 '' 5722 ); 5723 5724 const getSectionKey = (section) => ( 5725 section?.sectionKey || 5726 getSectionTrackingId(section) || 5727 normalizeSectionKey(section?.title) 5728 ); 5729 5730 const getSectionLayoutType = (sectionKey) => {
5731 const key = normalizeSectionKey(sectionKey); 5732 if (key === 'categories') return 'categories'; 5733 if (CONFIG.flatLinkSectionKeys.includes(key)) return 'flatList'; 5734 return 'default'; 5735 }; 5736 5737 const enrichSection = (section) => { 5738 const sectionKey = section.sectionKey || resolveSectionKey(null, section.title); 5739 const trackingId = section.trackingId || section.categoryId || ''; 5740 const layoutType = getSectionLayoutType(sectionKey); 5741 const isCategoriesSection = layoutType === 'categories'; 5742 5743 return { 5744 ...section, 5745 sectionKey, 5746 trackingId: trackingId, 5747 categoryId: trackingId || section.categoryId || sectionKey, 5748 displayTitle: section.displayTitle || section.title, 5749 layoutType, 5750 isFlatListSection: layoutType === 'flatList', 5751 isCategoriesSection 5752 }; 5753 }; 5754 5755 5756 const cleanShopAllLabel = (label) => String(label || '').replace(/\s+/g, ' ').trim(); 5757 5758 /* Match locale see-all / shop-all CTAs (EN + common EU storefront phrasings from locale.properties) */ 5759 const isSeeAllOrShopAllLabel = (label) => { 5760 const text = cleanShopAllLabel(label).toLowerCase(); 5761 if (!text) return false; 5762 if (/^(shop|see)\s+all\b/.test(text)) return true; 5763 if (/^bekijk\s+alle\b/.test(text)) return true; /* NL */ 5764 if (/^voir\s+tou(t|s|tes)?\b/.test(text)) return true; /* FR */ 5765 if (/^alle\b.+\b(anzeigen|ansehen)\b/.test(text)) return true; /* DE */ 5766 return false; 5767 }; 5768 5769 const resolveCampaignLinkUrl = (anchor) => { 5770 const rawHref = (anchor.getAttribute('href') || '').trim(); 5771 if (!rawHref || rawHref === '#') { 5772 return '#'; 5773 } 5774 return anchor.href; 5775 }; 5776 5777 const sectionMatchesIdList = (sectionData, idList) => { 5778 const candidates = [ 5779 sectionData?.categoryId, 5780 sectionData?.sectionKey, 5781 getSectionKey(sectionData) 5782 ]; 5783 return candidates.some((value) => { 5784 const key = normalizeSectionKey(value); 5785 return key && idList.includes(key); 5786 }); 5787 }; 5788 5789 const sectionShouldShowShopAll = (sectionData) => { 5790 const url = sectionData.shopAllLink?.url || sectionData.url; 5791 if (!url || url === 'javascript:;' || url === '#') return false; 5792 if (sectionMatchesIdList(sectionData, CONFIG.sectionKeysWithoutShopAll)) return false; 5793 return true; 5794 }; 5795 5796 /* Visible CTA text must come from the live locale DOM (fly-out / see-all link). No English invent. */ 5797 const resolveSectionShopAllLabel = (sectionData, shopAllSource = null) => ( 5798 cleanShopAllLabel( 5799 shopAllSource?.label || 5800 sectionData?.shopAllLink?.label || 5801 '' 5802 ) 5803 ); 5804 5805 const resolveShopAllRow = (sectionData) => { 5806 if (!sectionShouldShowShopAll(sectionData)) return null; 5807 5808 const label = resolveSectionShopAllLabel(sectionData, sectionData.shopAllLink); 5809 if (!label) return null; 5810 5811 const url = sectionData.shopAllLink?.url || sectionData.url; 5812 const categoryId = resolveShopAllCatalogId({ 5813 categoryId: sectionData.shopAllLink?.categoryId || getSectionCategoryId(sectionData), 5814 url: url, 5815 sectionKey: getSectionKey(sectionData), 5816 rootCategoryId: getSectionKey(sectionData) 5817 }); 5818 5819 return { 5820 kind: 'seeAll', 5821 label: label, 5822 url: url, 5823 categoryId: categoryId, 5824 nav: 'shop-all' 5825 }; 5826 }; 5827 5828 const appendShopAllRow = (rows, sectionData) => { 5829 const shopAll = resolveShopAllRow(sectionData); 5830 if (shopAll) rows.push(shopAll); 5831 return rows; 5832 }; 5833 5834 const orderShopSections = (sections) => { 5835 const byKey = new Map(); 5836 sections.forEach((section) => { 5837 const enriched = enrichSection(section); 5838 byKey.set(enriched.sectionKey, enriched); 5839 }); 5840 5841 const ordered = []; 5842 const used = new Set(); 5843 5844 CONFIG.shopSectionOrder.forEach((orderKey) => { 5845 const section = byKey.get(orderKey); 5846 if (!section) return; 5847 used.add(section.sectionKey); 5848 ordered.push(section); 5849 }); 5850 5851 byKey.forEach((section, key) => { 5852 if (used.has(key)) return; 5853 ordered.push(section); 5854 }); 5855 5856 return ordered; 5857 }; 5858 5859 let navData = null; 5860 let measurementSandbox = null; 5861 let categoryClickInitialized = false; 5862 let activeSectionTitle = null; 5863 let panelResizeObserver = null; 5864 let viewportZoomListenerBound = false; 5865 let lastZoomSignature = ''; 5866 let panelDividerBurstTimeoutIds = []; 5867 5868 const CENTER_DIVIDER_REMOVE_DELAY_MS = 280; 5869 5870 const debounce = (fn, delay) => { 5871 let timeoutId; 5872 return (...args) => { 5873 clearTimeout(timeoutId); 5874 timeoutId = setTimeout(() => fn(...args), delay); 5875 }; 5876 }; 5877 5878 const createEl = (tag, className, text) => { 5879 const el = document.createElement(tag); 5880 if (className) el.className = className; 5881 if (text != null) el.textContent = text; 5882 return el; 5883 }; 5884 5885 const initLazyImages = (container) => { 5886 if (!container) return; 5887 if (window.lazyLoadInstance?.update) window.lazyLoadInstance.update(
5887); 5888 container.querySelectorAll('img[data-src]').forEach((img) => { 5889 const dataSrc = img.getAttribute('data-src'); 5890 if (!dataSrc) return; 5891 if (!img.getAttribute('src') || img.getAttribute('src').includes('data:image')) { 5892 img.src = dataSrc; 5893 } 5894 img.classList.remove('lazy'); 5895 img.removeAttribute('data-src'); 5896 }); 5897 }; 5898 5899 5900 5901 const getMenuItem = (menu, dataId) => ( 5902 menu.querySelector(`li.js-menu-item:has(> a[data-id="${dataId}"])`) || 5903 menu.querySelector(`a[data-id="${dataId}"]`)?.closest('li.js-menu-item') || 5904 null 5905 ); 5906 5907 /* Same source as top-level nav bar labels: visible live DOM text only */ 5908 const getLinkLabel = (anchor) => getVisibleNavLabel(anchor); 5909 5910 const isValidNavLink = (anchor) => ( 5911 anchor && anchor.href !== 'javascript:;' && !anchor.classList.contains('fly-out-link') 5912 ); 5913 5914 const hasSubgroups = (items) => items.some((item) => item.type === 'subgroup'); 5915 5916 const extractItemsFromSection = (section) => { 5917 const items = []; 5918 let currentSubgroup = null; 5919 let shopAllLink = null; 5920 5921 section.querySelectorAll(selectors.sectionLinks).forEach((item) => { 5922 if (item.classList.contains('level-3__item--fake-level-toggle')) { 5923 const labelEl = item.querySelector('.level-3__category-image span') || item; 5924 const subgroupTitle = getVisibleNavLabel(labelEl); 5925 if (!subgroupTitle) return; 5926 currentSubgroup = { type: 'subgroup', title: subgroupTitle, links: [] }; 5927 items.push(currentSubgroup); 5928 return; 5929 } 5930 5931 const anchor = item.querySelector('a[href]'); 5932 if (!anchor || anchor.href === 'javascript:;') return; 5933 5934 const label = getLinkLabel(anchor); 5935 const isFlyOut = anchor.classList.contains('fly-out-link'); 5936 const isSeeAllCta = isSeeAllOrShopAllLabel(label); 5937 5938 /* Fly-out + locale see-all CTAs â keep translated label for every section, not just Beautypedia */ 5939 if (isFlyOut || isSeeAllCta) { 5940 if (label && anchor.href) { 5941 shopAllLink = { 5942 label: label, 5943 url: anchor.href, 5944 categoryId: resolveShopAllCatalogId({ 5945 dataId: anchor.getAttribute('data-id'), 5946 url: anchor.href 5947 }) 5948 }; 5949 } 5950 return; 5951 } 5952 5953 if (!isValidNavLink(anchor) || !label) return; 5954 5955 const categoryId = toTrackingLabel( 5956 anchor.getAttribute('data-id') || categoryIdFromUrl(anchor.href) || '' 5957 ); 5958 const link = { 5959 type: 'link', 5960 label: label, 5961 url: anchor.href, 5962 categoryId: categoryId 5963 }; 5964 5965 if (item.classList.contains('fake-level-4') && currentSubgroup) { 5966 currentSubgroup.links.push({ 5967 label: link.label, 5968 url: link.url, 5969 categoryId: link.categoryId 5970 }); 5971 return; 5972 } 5973 5974 currentSubgroup = null; 5975 items.push(link); 5976 }); 5977 5978 return { items, shopAllLink }; 5979 }; 5980 5981 const flattenItems = (items) => items.flatMap((item) => { 5982 if (item.type === 'link') { 5983 return [{ 5984 label: item.label, 5985 url: item.url, 5986 categoryId: item.categoryId || '' 5987 }]; 5988 } 5989 if (item.type === 'subgroup') { 5990 return item.links.map((l) => ({ 5991 label: l.label, 5992 url: l.url, 5993 categoryId: l.categoryId || '' 5994 })); 5995 } 5996 return []; 5997 }); 5998 5999 const extractSections = (menuItem, excludedSections = []) => { 6000 const sections = []; 6001 const excludedIds = (CONFIG.excludedShopSectionIds || []) 6002 .map((id) => normalizeSectionKey(id)); 6003 6004 menuItem.querySelectorAll(selectors.section).forEach((section) => { 6005 const titleEl = section.querySelector('.level-3__link'); 6006 const title = getVisibleNavLabel(titleEl); 6007 const rawCategoryId = (titleEl?.getAttribute('data-id') || '').trim(); 6008 const fromUrl = categoryIdFromUrl(titleEl?.href || ''); 6009 /* Catalog id for tracking â do not fall back to translated display title */ 6010 const trackingId = normalizeSectionKey(rawCategoryId || fromUrl); 6011 const sectionKey = trackingId || normalizeSectionKey(title); 6012 6013 if (!title) return; 6014 if (excludedIds.includes(sectionKey)) return; 6015 if (excludedSections.includes(title)) return; 6016 6017 const { items, shopAllLink } = extractItemsFromSection(section); 6018 const slotEl = section.querySelector('.html-slot-container'); 6019 const layoutType = getSectionLayoutType(sectionKey); 6020 const isCategoriesSection = layoutType === 'categories'; 6021 6022 sections.push({ 6023 title, 6024 sectionKey, 6025 trackingId: trackingId, 6026 categoryId: trackingId || sectionKey, 6027 url: titleEl?.href || null, 6028 items, 6029 shopAllLink, 6030 links: flattenItems(items), 6031 slot: slotEl ? slotEl.cloneNode(true) : null, 6032 hasLevel3: 6033 items.some(item => item.type === 'subgroup') || 6034 ( 6035 items.length > 0 && 6036 items.every(item => item.type === 'link') 6037 ), 6038 layoutType, 6039 isFlatListSection: layoutType === 'flatList', 6040 isCategoriesSection, 6041 displayTitle: title 6042 });
6043 }); 6044 6045 return sections; 6046 }; 6047 6048 const extractTopLink = (root, selector) => { 6049 const anchor = root.querySelector(selector); 6050 if (!anchor || !anchor.href || anchor.href === 'javascript:;') return null; 6051 const label = getVisibleNavLabel(anchor); 6052 if (!label) return null; 6053 return { label, url: anchor.href }; 6054 }; 6055 6056 const extractSecondaryMobileLinks = (menu) => { 6057 if (!menu) return []; 6058 6059 const links = []; 6060 const seen = new Set(); 6061 6062 [...menu.children].forEach((child) => { 6063 if ( 6064 child.classList.contains('js-menu-item') || 6065 child.classList.contains('main-nav__item--extra') 6066 ) { 6067 return; 6068 } 6069 6070 child.querySelectorAll('a[href]').forEach((anchor) => { 6071 if (!anchor.href || anchor.href === 'javascript:;') return; 6072 if (anchor.classList.contains('navigation-custom-link')) return; 6073 6074 const label = getVisibleNavLabel(anchor); 6075 const url = anchor.href; 6076 const key = `${label}|${url}`; 6077 6078 if (!label || seen.has(key)) return; 6079 seen.add(key); 6080 links.push({ label, url }); 6081 }); 6082 }); 6083 6084 return links; 6085 }; 6086 6087 const findTopMenuCampaignRoot = (menu) => { 6088 if (!menu) return null; 6089 6090 let campaignRoot = qs('.main-nav-slot', menu); 6091 6092 if (!campaignRoot) { 6093 const contactAnchor = qs( 6094 'li.main-nav__item:not(.main-nav__item--extra):not(.js-menu-item) a[href]', 6095 menu 6096 ); 6097 const contactLi = contactAnchor?.closest('li'); 6098 6099 if (contactLi) { 6100 let sibling = contactLi.nextElementSibling; 6101 6102 while (sibling) { 6103 if (sibling.classList.contains('content-asset')) { 6104 campaignRoot = qs('.main-nav-slot', sibling) || sibling; 6105 break; 6106 } 6107 6108 const nestedSlot = qs('.main-nav-slot', sibling); 6109 if (nestedSlot) { 6110 campaignRoot = nestedSlot; 6111 break; 6112 } 6113 6114 sibling = sibling.nextElementSibling; 6115 } 6116 } 6117 } 6118 6119 if (!campaignRoot) { 6120 campaignRoot = qs('.main-nav-slot', qs(selectors.globalSlot) || document); 6121 } 6122 6123 return campaignRoot; 6124 }; 6125 6126 const extractTopMenuCampaign = (menu) => { 6127 const campaignRoot = findTopMenuCampaignRoot(menu); 6128 if (!campaignRoot) return null; 6129 6130 const quickLinks = []; 6131 const seen = new Set(); 6132 const listAnchors = qsa( 6133 '.main-nav-slot__list a[href], .main-nav-slot__list-item a[href]', 6134 campaignRoot 6135 ); 6136 6137 listAnchors.forEach((anchor) => { 6138 if (!anchor.href || anchor.href === 'javascript:;') return; 6139 if (anchor.closest('.navigation-link, figure, figcaption')) return; 6140 6141 const label = getVisibleNavLabel(anchor); 6142 const url = resolveCampaignLinkUrl(anchor); 6143 const key = `${label}|${url}`; 6144 6145 if (!label || seen.has(key)) return; 6146 seen.add(key); 6147 quickLinks.push({ label, url }); 6148 }); 6149 6150 const promoNode = 6151 qs('.navigation-link--two-rows', campaignRoot) || 6152 qs('.navigation-link', campaignRoot) || 6153 qs('.html-slot-container .navigation-link', campaignRoot); 6154 const promoSlot = promoNode ? promoNode.cloneNode(true) : null; 6155 6156 if (!quickLinks.length && !promoSlot) return null; 6157 6158 return { quickLinks, promoSlot }; 6159 }; 6160 6161 const isMobileDirectLinkSection = (section) => { 6162 const key = getSectionKey(section); 6163 return CONFIG.mobileDirectLinkSectionKeys.includes(key) && Boolean(section.url); 6164 }; 6165 6166 const buildNavData = (menu) => { 6167 if (!menu) return null; 6168 6169 const shopMenuItem = getMenuItem(menu, menuIds.shop); 6170 const beautypediaMenuItem = getMenuItem(menu, menuIds.beautypedia); 6171 const beautypediaTopLink = extractTopLink(menu, selectors.beautypediaItem); 6172 const beautypediaSections = beautypediaMenuItem ? extractSections(beautypediaMenuItem) : []; 6173 6174 return { 6175 shop: shopMenuItem 6176 ? orderShopSections(extractSections(shopMenuItem)) 6177 : [], 6178 beautypedia: { 6179 title: beautypediaTopLink?.label || '', 6180 displayTitle: beautypediaTopLink?.label || '', 6181 categoryId: 'beautypedia', 6182 sectionKey: 'beautypedia', 6183 url: beautypediaTopLink?.url || null, 6184 slot: beautypediaSections.find((s) => s.slot)?.slot || null, 6185 groups: CONFIG.groupedSections.beautypedia ? beautypediaSections : [], 6186 flatLinks: CONFIG.groupedSections.beautypedia ? [] : beautypediaSections.flatMap((s) => s.links), 6187 layoutType: 'grouped' 6188 }, 6189 membership: extractTopLink(menu, selectors.membership), 6190 contactUs: extractTopLink(menu, selectors.contact), 6191 login: extractTopLink(document, selectors.login), 6192 topMenuCampaign: extractTopMenuCampaign(menu), 6193 secondaryLinks: extractSecondaryMobileLinks(menu) 6194 }; 6195 }; 6196 6197 const getGlobalSlotClone = () => { 6198 const globalSlot = qs(selectors.globalSlot); 6199 return globalSlot ? globalSlot.cloneNode(true) : null; 6200 }; 6201 6202 6203 6204 const createLink = (label, url, meta = {}) => { 6205 const a = createEl('a', '', label); 6206 a.href = url; 6207 applyNavTrackingAttrs(a, meta); 6208 return a; 6209 }; 6210 6211 const createLinkItem = (labelOrLink, url, meta = {}) => { 6212 const li = createEl('li'); 6213 if (labelOrLink && typeof labelOrLink === 'object') { 6214 const link = labelOrLink; 6215 const rootCategoryId = link.rootCategoryId || meta.rootCategoryId || ''; 6216 li.appendChild(createLink(link.label, link.url, { 6217 nav: link.nav || meta.nav || 'menu-item', 6218 categoryId: link.categoryId || categoryIdFromUrl(link.url) || '', 6219 rootCategoryId: rootCategoryId, 6220 parentCategoryId: link.parentCategoryId || meta.parentCategoryId || '', 6221 promoIndex: link.promoIndex != null ? link.promoIndex : meta.promoIndex, 6222 highlightId: link.highlightId || meta.highlightId || '', 6223 icon: link.icon || meta.icon || '' 6224 })); 6225 } else { 6226 li.appendChild(createLink(labelOrLink, url, { 6227 nav: meta.nav || 'menu-item', 6228 categoryId: meta.categoryId || categoryIdFromUrl(url) || '', 6229 rootCategoryId: meta.rootCategoryId || '', 6230 parentCategoryId: meta.parentCategoryId || '', 6231 promoIndex: meta.promoIndex, 6232 highlightId: meta.highlightId || '', 6233 icon: meta.icon || '' 6234 })); 6235 } 6236 return li; 6237 }; 6238 6239 const createSubList = (links, rootCategoryId = '', parentCategoryId = '') => { 6240 const subList = createEl('ul', classes.sublist); 6241 links.forEach((link) => { 6242 const normalized = typeof link === 'object' 6243 ? link 6244 : { label: link, url: '' }; 6245 subList.appendChild(createLinkItem({ 6246 label: normalized.label, 6247 url: normalized.url, 6248 categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '', 6249 parentCategoryId: normalized.parentCategoryId || parentCategoryId || '', 6250 nav: normalized.nav || 'menu-item', 6251 rootCategoryId: normalized.rootCategoryId || rootCategoryId || '' 6252 })); 6253 }); 6254 return subList; 6255 }; 6256 6257 const createSubgroup = (subgroup, options = {}) => { 6258 const wrapper = createEl('div', classes.subgroup); 6259 if (subgroup.isContinuation) wrapper.classList.add(classes.subgroupContinued); 6260 if (subgroup.showTitle !== false) wrapper.appendChild(createEl('div', classes.subgroupTitle, subgroup.title)); 6261 if (subgroup.links.length) { 6262 wrapper.appendChild(createSubList( 6263 subgroup.links, 6264 options.rootCategoryId || '', 6265 options.parentCategoryId || '' 6266 )); 6267 } 6268 if (options.showDivider) wrapper.classList.add('show-divider'); 6269 return wrapper; 6270 }; 6271 6272 6273 const flattenCategoriesRows = (items) => { 6274 const rows = []; 6275
6276 items.forEach((item, sectionIndex) => { 6277 if (item.type === 'link') { 6278 rows.push({ 6279 kind: 'l2Link', 6280 label: item.label, 6281 url: item.url, 6282 categoryId: item.categoryId || '', 6283 sectionIndex 6284 }); 6285 } 6286 6287 if (item.type === 'subgroup') { 6288 rows.push({ 6289 kind: 'subHeading', 6290 title: item.title, 6291 sectionIndex 6292 }); 6293 6294 (item.links || []).forEach((link) => { 6295 rows.push({ 6296 kind: 'l3Link', 6297 label: link.label, 6298 url: link.url, 6299 categoryId: link.categoryId || '', 6300 sectionIndex 6301 }); 6302 }); 6303 } 6304 }); 6305 6306 return rows; 6307 }; 6308 6309 6310 const normalizeLinkUrl = (url) => String(url || '').replace(/\/$/, '').toLowerCase(); 6311 6312 const isSeeAllCategoryLabel = (label) => isSeeAllOrShopAllLabel(label); 6313 6314 const isShopAllDuplicateLink = (link, shopAll) => { 6315 if (!link?.url || !shopAll?.url) return false; 6316 6317 if (normalizeLinkUrl(link.url) === normalizeLinkUrl(shopAll.url)) { 6318 return true; 6319 } 6320 6321 const linkLabel = String(link.label || '').replace(/\s+/g, ' ').trim().toLowerCase(); 6322 const shopAllLabel = String(shopAll.label || '').replace(/\s+/g, ' ').trim().toLowerCase(); 6323 6324 return Boolean(linkLabel && shopAllLabel && linkLabel === shopAllLabel); 6325 }; 6326 6327 const filterShopAllLinks = (links, shopAllSources) => { 6328 const sources = (shopAllSources || []).filter((source) => source?.url); 6329 6330 return links.filter((link) => { 6331 if (isSeeAllCategoryLabel(link.label)) return false; 6332 if (!sources.length) return true; 6333 return !sources.some((shopAll) => isShopAllDuplicateLink(link, shopAll)); 6334 }); 6335 }; 6336 6337 6338 const isBeautypediaSection = (sectionData) => ( 6339 sectionMatchesIdList(sectionData, ['beautypedia', 'expend-your-knowledge']) 6340 ); 6341 6342 6343 const isArticlesEducationGroup = (group) => { 6344 const raw = toTrackingLabel(group?.categoryId || group?.sectionKey || ''); 6345 if (raw === 'expert-advice' || raw === 'expend-your-knowledge' || raw === 'expend your knowledge') { 6346 return true; 6347 } 6348 6349 const key = normalizeSectionKey(group?.displayTitle || group?.title); 6350 if (key.includes('article') && key.includes('education')) return true; 6351 if (key.includes('artikel') && key.includes('kennis')) return true; /* NL */ 6352 return false; 6353 }; 6354 6355 const findSeeAllLinkInGroup = (group) => { 6356 if (!group) return null; 6357 const candidates = [ 6358 ...(group.links || []), 6359 ...flattenItems(group.items || []) 6360 ]; 6361 return candidates.find((link) => isSeeAllOrShopAllLabel(link?.label)) || null; 6362 }; 6363 6364 const findBeautypediaShopAllSource = (groups) => { 6365 const articlesGroup = groups.find(isArticlesEducationGroup); 6366 if (articlesGroup) { 6367 const fromItems = findSeeAllLinkInGroup(articlesGroup); 6368 if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems; 6369 if (articlesGroup.shopAllLink?.url && cleanShopAllLabel(articlesGroup.shopAllLink.label)) { 6370 return articlesGroup.shopAllLink; 6371 } 6372 } 6373 6374 for (let i = 0; i < groups.length; i += 1) { 6375 const fromItems = findSeeAllLinkInGroup(groups[i]); 6376 if (fromItems?.url && cleanShopAllLabel(fromItems.label)) return fromItems; 6377 } 6378 6379 const fromGroup = groups 6380 .map((group) => group.shopAllLink) 6381 .find((shopAll) => shopAll?.url && cleanShopAllLabel(shopAll.label)); 6382 if (fromGroup) return fromGroup; 6383 6384 return null; 6385 }; 6386 6387 const attachBeautypediaShopAllToLastGroup = (rows, shopAll, sectionData) => { 6388 if (!shopAll?.url || !rows.length) return false; 6389 6390 const label = resolveSectionShopAllLabel(sectionData, shopAll); 6391 if (!label) return false; 6392 const categoryId = resolveShopAllCatalogId({ 6393 categoryId: shopAll.categoryId, 6394 url: shopAll.url, 6395 sectionKey: getSectionKey(sectionData), 6396 rootCategoryId: getSectionKey(sectionData) 6397 }); 6398 6399 for (let idx = rows.length - 1; idx >= 0; idx -= 1) { 6400 if (rows[idx].kind !== 'groupLink') continue; 6401 rows[idx].groupSeeAll = { label, url: shopAll.url, categoryId }; 6402 return true; 6403 } 6404 6405 return false; 6406 }; 6407 6408 const filterGroupItemsShopAll = (group, shopAllSources) => { 6409 const sources = (shopAllSources || []).filter((source) => source?.url); 6410 6411 if (!group.items?.length) { 6412 return { 6413 ...group, 6414 links: filterShopAllLinks(group.links || [], sources) 6415 }; 6416 } 6417 6418 const items = group.items.map((item) => { 6419 if (item.type === 'link') { 6420 if (isSeeAllOrShopAllLabel(item.label)) return null; 6421 if (sources.some((source) => isShopAllDuplicateLink(item, source))) return null; 6422 return item; 6423 } 6424 if (item.type === 'subgroup') { 6425 return { 6426 ...item, 6427 links: filterShopAllLinks(item.links || [], sources) 6428 }; 6429 } 6430 return item; 6431 }
6431).filter(Boolean); 6432 6433 return { ...group, items }; 6434 }; 6435 6436 6437 const flattenGroupedRows = (groups, sectionData = {}) => { 6438 const rows = []; 6439 const beautypediaSection = isBeautypediaSection(sectionData); 6440 const showShopAll = sectionShouldShowShopAll(sectionData); 6441 const beautypediaShopAll = beautypediaSection ? findBeautypediaShopAllSource(groups) : null; 6442 const allShopAllSources = groups 6443 .map((group) => group.shopAllLink) 6444 .filter((shopAll) => shopAll?.url); 6445 const sectionSeeAllSource = showShopAll 6446 ? (beautypediaShopAll || allShopAllSources[0]) 6447 : null; 6448 6449 groups.forEach((group, groupIndex) => { 6450 rows.push({ 6451 kind: 'groupHeading', 6452 title: group.displayTitle || group.title, 6453 groupIndex 6454 }); 6455 6456 const rawLinks = (group.items?.length) 6457 ? flattenItems(group.items) 6458 : (group.links || []); 6459 6460 const filterSources = [ 6461 group.shopAllLink, 6462 sectionSeeAllSource, 6463 ...allShopAllSources 6464 ]; 6465 if (beautypediaSection && isArticlesEducationGroup(group) && beautypediaShopAll) { 6466 filterSources.push(beautypediaShopAll); 6467 } 6468 6469 const sourceLinks = filterShopAllLinks(rawLinks, filterSources); 6470 6471 if (!sourceLinks.length && group.shopAllLink?.url && showShopAll && !beautypediaSection) { 6472 const groupSeeAllLabel = resolveSectionShopAllLabel(sectionData, group.shopAllLink); 6473 if (!groupSeeAllLabel) return; 6474 6475 rows.push({ 6476 kind: 'seeAll', 6477 label: groupSeeAllLabel, 6478 url: group.shopAllLink.url, 6479 categoryId: resolveShopAllCatalogId({ 6480 categoryId: group.shopAllLink.categoryId, 6481 url: group.shopAllLink.url, 6482 sectionKey: getSectionKey(sectionData), 6483 rootCategoryId: getSectionKey(sectionData) 6484 }), 6485 groupIndex, 6486 isGroupSeeAll: true 6487 }); 6488 return; 6489 } 6490 6491 sourceLinks.forEach((link) => { 6492 rows.push({ 6493 kind: 'groupLink', 6494 label: link.label, 6495 url: link.url, 6496 categoryId: link.categoryId || '', 6497 groupIndex 6498 }); 6499 }); 6500 }); 6501 6502 if (beautypediaSection && beautypediaShopAll?.url) { 6503 const attached = attachBeautypediaShopAllToLastGroup(rows, beautypediaShopAll, sectionData); 6504 if (!attached) { 6505 const beautypediaLabel = resolveSectionShopAllLabel(sectionData, beautypediaShopAll); 6506 if (beautypediaLabel) { 6507 rows.push({ 6508 kind: 'seeAll', 6509 label: beautypediaLabel, 6510 url: beautypediaShopAll.url, 6511 categoryId: resolveShopAllCatalogId({ 6512 categoryId: beautypediaShopAll.categoryId, 6513 url: beautypediaShopAll.url, 6514 sectionKey: getSectionKey(sectionData), 6515 rootCategoryId: getSectionKey(sectionData) 6516 }), 6517 isGroupSeeAll: true 6518 }); 6519 } 6520 } 6521 } else if (sectionSeeAllSource && showShopAll) { 6522 const sectionSeeAllLabel = resolveSectionShopAllLabel(sectionData, sectionSeeAllSource); 6523 if (sectionSeeAllLabel) { 6524 rows.push({ 6525 kind: 'seeAll', 6526 label: sectionSeeAllLabel, 6527 url: sectionSeeAllSource.url, 6528 categoryId: toTrackingLabel( 6529 sectionSeeAllSource.categoryId || 6530 categoryIdFromUrl(sectionSeeAllSource.url) || 6531 getSectionKey(sectionData) 6532 ), 6533 isGroupSeeAll: true 6534 }); 6535 } 6536 } 6537 6538 return rows; 6539 }; 6540 6541 6542 const flattenDistributableRows = (sectionData) => { 6543 const rows = []; 6544 const { 6545 items = [], 6546 groups = [], 6547 flatLinks = [], 6548 links = [] 6549 } = sectionData; 6550 6551 const pushLink = (link) => rows.push({ 6552 kind: 'link', 6553 label: link.label, 6554 url: link.url, 6555 categoryId: link.categoryId || '' 6556 }); 6557 const pushSubgroup = (subgroup) => rows.push({ 6558 kind: 'subgroup', 6559 title: subgroup.title, 6560 links: subgroup.links || [] 6561 }); 6562 6563 if (sectionData.isCategoriesSection && items.length) { 6564 return appendShopAllRow(flattenCategoriesRows(items), sectionData); 6565 } 6566 6567 if (groups.length && sectionData.layoutType === 'grouped') { 6568 return flattenGroupedRows(groups, sectionData); 6569 } 6570 6571 if (groups.length) { 6572 groups.forEach((group) => {
6573 (group.items || []).forEach((item) => { 6574 if (item.type === 'link') pushLink(item); 6575 if (item.type === 'subgroup') pushSubgroup(item); 6576 }); 6577 if (!group.items?.length && group.links?.length) { 6578 group.links.forEach((link) => pushLink(link)); 6579 } 6580 }); 6581 return rows; 6582 } 6583 6584 if (items.length) { 6585 items.forEach((item) => { 6586 if (item.type === 'link') pushLink(item); 6587 if (item.type === 'subgroup') pushSubgroup(item); 6588 }); 6589 if (sectionData.isFlatListSection) { 6590 return appendShopAllRow(rows, sectionData); 6591 } 6592 return rows; 6593 } 6594 6595 const flat = flatLinks.length ? flatLinks : links; 6596 flat.forEach((link) => pushLink(link)); 6597 if (sectionData.isFlatListSection) { 6598 return appendShopAllRow(rows, sectionData); 6599 } 6600 return rows; 6601 }; 6602 6603 const createMiddleRow = (row, sectionData) => { 6604 const el = createEl('div', classes.navRow); 6605 const rootCategoryId = getSectionKey(sectionData); 6606 6607 if (row.kind === 'l2Link') { 6608 el.classList.add(classes.navRowCategoriesL2); 6609 el.appendChild(createSubList([{ 6610 label: row.label, 6611 url: row.url, 6612 categoryId: row.categoryId || '' 6613 }], rootCategoryId)); 6614 return el; 6615 } 6616 6617 if (row.kind === 'subHeading') { 6618 el.classList.add(classes.navRowCategoriesSubheading); 6619 el.appendChild(createEl('div', classes.subgroupTitle, row.title)); 6620 return el; 6621 } 6622 6623 if (row.kind === 'l3Link') { 6624 el.classList.add(classes.navRowCategoriesL3); 6625 el.appendChild(createSubList([{ 6626 label: row.label, 6627 url: row.url, 6628 categoryId: row.categoryId || '' 6629 }], rootCategoryId)); 6630 return el; 6631 } 6632 6633 if (row.kind === 'seeAll') { 6634 el.classList.add( 6635 sectionData.layoutType === 'grouped' || row.isGroupSeeAll 6636 ? classes.navRowGroupSeeAll 6637 : classes.navRowSeeAll 6638 ); 6639 const shopAllCategoryId = resolveShopAllCatalogId({ 6640 categoryId: row.categoryId, 6641 url: row.url, 6642 rootCategoryId: rootCategoryId, 6643 sectionKey: rootCategoryId 6644 }); 6645 const a = createLink(row.label, row.url, { 6646 nav: 'shop-all', 6647 rootCategoryId: rootCategoryId, 6648 categoryId: shopAllCategoryId 6649 }); 6650 a.classList.add(classes.seeAllLink); 6651 el.appendChild(a); 6652 return el; 6653 } 6654 6655 if (row.kind === 'groupHeading') { 6656 el.classList.add(classes.navRowGroupHeading); 6657 el.appendChild(createEl('div', classes.groupTitle, row.title)); 6658 return el; 6659 } 6660 6661 if (row.kind === 'groupLink') { 6662 el.classList.add(classes.navRowGroupLink); 6663 el.appendChild(createSubList([{ 6664 label: row.label, 6665 url: row.url, 6666 categoryId: row.categoryId || '' 6667 }], rootCategoryId)); 6668 if (row.groupSeeAll?.url) { 6669 const seeAllWrap = createEl('div', classes.navRowGroupSeeAll); 6670 const a = createLink(row.groupSeeAll.label, row.groupSeeAll.url, { 6671 nav: 'shop-all', 6672 rootCategoryId: rootCategoryId, 6673 categoryId: resolveShopAllCatalogId({ 6674 categoryId: row.groupSeeAll.categoryId, 6675 url: row.groupSeeAll.url, 6676 rootCategoryId: rootCategoryId, 6677 sectionKey: rootCategoryId 6678 }) 6679 }); 6680 a.classList.add(classes.seeAllLink); 6681 seeAllWrap.appendChild(a); 6682 el.appendChild(seeAllWrap); 6683 } 6684 return el; 6685 } 6686 6687 if (row.kind === 'link') { 6688 const list = createSubList([{ 6689 label: row.label, 6690 url: row.url, 6691 categoryId: row.categoryId || '' 6692 }], rootCategoryId); 6693 if (sectionData.isCategoriesSection) list.classList.add('show-divider'); 6694 el.appendChild(list); 6695 return el; 6696 } 6697 6698 if (row.kind === 'subgroup') { 6699 el.appendChild(createSubgroup(row, { rootCategoryId: rootCategoryId })); 6700 } 6701 6702 return el; 6703 }; 6704 6705 6706 6707 const clusterKeyForLeft = (left, centers) => { 6708 let k = centers.findIndex((c) => Math.abs(c - left) <= CONFIG.columnLeftThresholdPx); 6709 if (k === -1) { 6710 k = centers.length; 6711 centers.push(left); 6712 } 6713 return k; 6714 }; 6715 6716 6717 const computeCategoriesSectionBorders = (rows) => { 6718 const borderBelowRow = Array.from({ length: rows.length }
6718, () => false); 6719 const isCategoryContentRow = (row) => ( 6720 row?.sectionIndex != null && 6721 row.kind !== 'seeAll' 6722 ); 6723 6724 for (let idx = 0; idx < rows.length - 1; idx += 1) { 6725 const row = rows[idx]; 6726 const next = rows[idx + 1]; 6727 6728 if (next?.kind === 'seeAll') { 6729 if (isCategoryContentRow(row)) { 6730 borderBelowRow[idx] = true; 6731 } 6732 continue; 6733 } 6734 6735 if (row?.sectionIndex == null || next?.sectionIndex == null) continue; 6736 if (row.sectionIndex !== next.sectionIndex) { 6737 borderBelowRow[idx] = true; 6738 } 6739 } 6740 6741 return borderBelowRow; 6742 }; 6743 6744 const computeGroupSectionBorders = (rows) => { 6745 const borderBelowRow = Array.from({ length: rows.length }, () => false); 6746 6747 for (let idx = 0; idx < rows.length - 1; idx += 1) { 6748 const row = rows[idx]; 6749 const next = rows[idx + 1]; 6750 6751 if (next?.kind === 'seeAll') continue; 6752 6753 if (row?.groupIndex == null || next?.groupIndex == null) continue; 6754 if (row.groupIndex !== next.groupIndex) { 6755 if (row.kind === 'groupLink' && row.groupSeeAll) continue; 6756 borderBelowRow[idx] = true; 6757 } 6758 } 6759 6760 for (let idx = 0; idx < rows.length - 1; idx += 1) { 6761 if (rows[idx + 1]?.kind === 'seeAll') { 6762 borderBelowRow[idx] = false; 6763 } 6764 } 6765 6766 rows.forEach((row, idx) => { 6767 if (row.kind === 'groupLink' && row.groupSeeAll) { 6768 borderBelowRow[idx] = false; 6769 } 6770 }); 6771 6772 return borderBelowRow; 6773 }; 6774 6775 const computeFlatRowSeparatorBorders = (rows, rowEls, containerRect, includeAllSectionBoundaries = false) => { 6776 const measured = []; 6777 6778 rows.forEach((row, idx) => { 6779 const el = rowEls[idx]; 6780 if (!el || row.sectionIndex == null) return; 6781 6782 const r = el.getBoundingClientRect(); 6783 measured.push({ 6784 idx, 6785 left: r.left - containerRect.left, 6786 top: r.top - containerRect.top, 6787 sectionIndex: row.sectionIndex 6788 }); 6789 }); 6790 6791 const centers = []; 6792 const byCluster = new Map(); 6793 6794 measured.forEach((m) => { 6795 const k = clusterKeyForLeft(m.left, centers); 6796 if (!byCluster.has(k)) byCluster.set(k, []); 6797 byCluster.get(k).push(m); 6798 }); 6799 6800 const borderBelowRow = Array.from({ length: rows.length }, () => false); 6801 6802 byCluster.forEach((list) => { 6803 if (list.length < 2) return; 6804 6805 const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx); 6806 6807 for (let i = 0; i < sorted.length - 1; i += 1) { 6808 const current = sorted[i]; 6809 const next = sorted[i + 1]; 6810 6811 if (!current || !next || current.sectionIndex === next.sectionIndex) continue; 6812 if (!includeAllSectionBoundaries) continue; 6813 6814 borderBelowRow[current.idx] = true; 6815 } 6816 }); 6817 6818 return borderBelowRow; 6819 }; 6820 6821 const computeCategoriesRowDividers = (rowEls, containerRect) => { 6822 const measured = rowEls.map((el, idx) => { 6823 if (!el) return null; 6824 const r = el.getBoundingClientRect(); 6825 return { 6826 idx, 6827 left: r.left - containerRect.left, 6828 bottom: r.bottom - containerRect.top 6829 }; 6830 }).filter(Boolean); 6831 6832 const centers = []; 6833 const byCluster = new Map(); 6834 6835 measured.forEach((m) => { 6836 const k = clusterKeyForLeft(m.left, centers); 6837 if (!byCluster.has(k)) byCluster.set(k, []); 6838 byCluster.get(k).push(m); 6839 }); 6840 6841 const borderBelowRow = Array.from({ length: rowEls.length }, () => false); 6842 6843 byCluster.forEach((list) => { 6844 if (list.length <= 1) return; 6845 const bottomMost = list.reduce((a, b) => (a.bottom >= b.bottom ? a : b)); 6846 list.forEach((m) => { 6847 if (m.idx !== bottomMost.idx) borderBelowRow[m.idx] = true; 6848 }); 6849 }); 6850 6851 return borderBelowRow; 6852 }; 6853 6854 const computeSubgroupRowDividers = (rows, rowEls, containerRect) => { 6855 const borderBelowRow = Array.from({ length: rows.length }, () => false); 6856 6857 rows.forEach((row, idx) => { 6858 if (row.kind === 'subgroup') borderBelowRow[idx] = true; 6859 }); 6860 6861 const measured = rowEls.map((el, idx) => { 6862 if (!el) return null; 6863 const r = el.getBoundingClientRect(); 6864 return { 6865 idx, 6866 left: r.left - containerRect.left, 6867 top: r.top - containerRect.top 6868 }; 6869 }
6869).filter(Boolean); 6870 6871 const centers = []; 6872 const byCluster = new Map(); 6873 6874 measured.forEach((m) => { 6875 const k = clusterKeyForLeft(m.left, centers); 6876 if (!byCluster.has(k)) byCluster.set(k, []); 6877 byCluster.get(k).push(m); 6878 }); 6879 6880 byCluster.forEach((list) => { 6881 if (list.length < 2) return; 6882 const sorted = [...list].sort((a, b) => a.top - b.top || a.idx - b.idx); 6883 for (let i = 0; i < sorted.length - 1; i += 1) { 6884 const current = sorted[i]; 6885 const next = sorted[i + 1]; 6886 if (!current || !next) continue; 6887 if (rows[current.idx]?.kind === 'link' && rows[next.idx]?.kind === 'subgroup') { 6888 borderBelowRow[current.idx] = true; 6889 } 6890 } 6891 }); 6892 6893 return borderBelowRow; 6894 }; 6895 6896 const clearRowDividers = (middleTop) => { 6897 middleTop.querySelectorAll(`.${classes.navRow} .${classes.sectionDivider}`).forEach((node) => { 6898 node.remove(); 6899 }); 6900 }; 6901 6902 const measureHasSecondColumn = (middleTop) => { 6903 const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)]; 6904 if (!rowEls.length) return false; 6905 6906 const containerRect = middleTop.getBoundingClientRect(); 6907 const containerWidth = containerRect.width || middleTop.offsetWidth || middleTop.clientWidth; 6908 const containerHeight = containerRect.height || middleTop.offsetHeight || middleTop.clientHeight; 6909 6910 if (!containerWidth && !containerHeight) return false; 6911 6912 const centers = []; 6913 let hasSecondColumn = false; 6914 6915 rowEls.forEach((el) => { 6916 const left = el.getBoundingClientRect().left - containerRect.left; 6917 if (!Number.isFinite(left)) return; 6918 6919 const columnIndex = clusterKeyForLeft(left, centers); 6920 if (columnIndex > 0) hasSecondColumn = true; 6921 }); 6922 6923 return hasSecondColumn; 6924 }; 6925 6926 const clearCenterDividerSyncState = (middleTop) => { 6927 const sync = middleTop?._centerDividerSync; 6928 if (!sync) return; 6929 6930 if (sync.removeTimer) { 6931 clearTimeout(sync.removeTimer); 6932 } 6933 6934 middleTop._centerDividerSync = null; 6935 }; 6936 6937 const applyCenterDividerClass = (middleTop, show) => { 6938 middleTop.classList.toggle('has-center-divider', show); 6939 middleTop.style.removeProperty('--pc-mega-nav-center-divider-top'); 6940 middleTop.style.removeProperty('--pc-mega-nav-center-divider-height'); 6941 }; 6942 6943 const updateCenterDivider = (middleTop, options = {}) => { 6944 const force = options.force === true; 6945 const hasSecondColumn = measureHasSecondColumn(middleTop); 6946 6947 if (!middleTop._centerDividerSync) { 6948 middleTop._centerDividerSync = { removeTimer: null }; 6949 } 6950 6951 const sync = middleTop._centerDividerSync; 6952 6953 if (sync.removeTimer) { 6954 clearTimeout(sync.removeTimer); 6955 sync.removeTimer = null; 6956 } 6957 6958 if (hasSecondColumn) { 6959 applyCenterDividerClass(middleTop, true); 6960 return; 6961 } 6962 6963 if (force || !middleTop.classList.contains('has-center-divider')) { 6964 applyCenterDividerClass(middleTop, false); 6965 return; 6966 } 6967 6968 sync.removeTimer = setTimeout(() => { 6969 sync.removeTimer = null; 6970 if (!middleTop.isConnected) return; 6971 6972 if (!measureHasSecondColumn(middleTop)) { 6973 applyCenterDividerClass(middleTop, false); 6974 } 6975 }, CENTER_DIVIDER_REMOVE_DELAY_MS); 6976 }; 6977 6978 const applyRowDividers = (middleTop, sectionData) => { 6979 const rows = middleTop._navRows || []; 6980 const rowEls = [...middleTop.querySelectorAll(`.${classes.navRow}`)]; 6981 6982 if (!rowEls.length) { 6983 clearCenterDividerSyncState(middleTop); 6984 applyCenterDividerClass(middleTop, false); 6985 return; 6986 } 6987 6988 clearRowDividers(middleTop); 6989 updateCenterDivider(middleTop); 6990 6991 const containerRect = middleTop.getBoundingClientRect(); 6992 6993 if (sectionData.isCategoriesSection) { 6994 const borderBelowRow = computeCategoriesSectionBorders(rows); 6995 6996 borderBelowRow.forEach((show, idx) => { 6997 if (!show || !rowEls[idx]) return; 6998 const divider = createEl('div', classes.sectionDivider); 6999 divider.setAttribute('aria-hidden', 'true'); 7000 rowEls[idx].appendChild(divider); 7001 });
7002 return; 7003 } 7004 7005 if (sectionData.layoutType === 'grouped') { 7006 const borderBelowRow = computeGroupSectionBorders(rows); 7007 7008 borderBelowRow.forEach((show, idx) => { 7009 if (!show || !rowEls[idx]) return; 7010 const divider = createEl('div', classes.sectionDivider); 7011 divider.setAttribute('aria-hidden', 'true'); 7012 rowEls[idx].appendChild(divider); 7013 }); 7014 return; 7015 } 7016 7017 if (sectionData.isFlatListSection) { 7018 return; 7019 } 7020 7021 const borderBelowRow = computeSubgroupRowDividers(rows, rowEls, containerRect); 7022 7023 borderBelowRow.forEach((show, idx) => { 7024 if (!show || !rowEls[idx]) return; 7025 const divider = createEl('div', classes.sectionDivider); 7026 divider.setAttribute('aria-hidden', 'true'); 7027 rowEls[idx].appendChild(divider); 7028 }); 7029 }; 7030 7031 const queueDividerMeasurement = (middleTop, sectionData) => { 7032 if (!middleTop || !sectionData) return; 7033 7034 const run = () => { 7035 applyRowDividers(middleTop, sectionData); 7036 }; 7037 7038 if (typeof requestAnimationFrame === 'function') { 7039 requestAnimationFrame(() => { 7040 if ( 7041 sectionData.isCategoriesSection || 7042 sectionData.layoutType === 'grouped' || 7043 sectionData.isFlatListSection 7044 ) { 7045 requestAnimationFrame(run); 7046 } else { 7047 run(); 7048 } 7049 }); 7050 } else { 7051 setTimeout(run, 16); 7052 } 7053 }; 7054 7055 const remeasureOpenPanelDividers = () => { 7056 const categoryContent = qs(selectors.categoryContent); 7057 if (!categoryContent?.classList.contains(classes.panelVisible)) return; 7058 7059 const middleTop = categoryContent.querySelector(`.${classes.middleTop}`); 7060 if (!middleTop?._sectionData) return; 7061 7062 queueDividerMeasurement(middleTop, middleTop._sectionData); 7063 }; 7064 7065 const clearPanelDividerBurstTimeouts = () => { 7066 panelDividerBurstTimeoutIds.forEach((id) => clearTimeout(id)); 7067 panelDividerBurstTimeoutIds = []; 7068 }; 7069 7070 const syncOpenPanelCenterDivider = (options = {}) => { 7071 const categoryContent = qs(selectors.categoryContent); 7072 if (!categoryContent?.classList.contains(classes.panelVisible)) return; 7073 7074 const middleTop = categoryContent.querySelector(`.${classes.middleTop}`); 7075 if (!middleTop) return; 7076 7077 updateCenterDivider(middleTop, options); 7078 }; 7079 7080 const debouncedSyncOpenPanelCenterDivider = debounce(() => { 7081 syncOpenPanelCenterDivider(); 7082 }, 100); 7083 7084 const burstRemeasureOpenPanelDividers = () => { 7085 if (isMobile()) return; 7086 7087 clearPanelDividerBurstTimeouts(); 7088 7089 const run = () => { 7090 syncHeaderStackHeight(); 7091 syncOpenPanelCenterDivider(); 7092 }; 7093 7094 run(); 7095 7096 if (typeof requestAnimationFrame === 'function') { 7097 requestAnimationFrame(() => { 7098 requestAnimationFrame(run); 7099 }); 7100 } 7101 7102 panelDividerBurstTimeoutIds.push(setTimeout(run, 220)); 7103 }; 7104 7105 const stopOpenPanelDividerWatch = () => { 7106 clearPanelDividerBurstTimeouts(); 7107 }; 7108 7109 const getZoomSignature = () => { 7110 const vv = window.visualViewport; 7111 return [ 7112 vv?.scale ?? 1, 7113 window.devicePixelRatio ?? 1, 7114 Math.round(vv?.width ?? window.innerWidth), 7115 Math.round(vv?.height ?? window.innerHeight) 7116 ].join(':'); 7117 }; 7118 7119 const bindViewportZoomListener = () => { 7120 if (viewportZoomListenerBound) return; 7121 viewportZoomListenerBound = true; 7122 lastZoomSignature = getZoomSignature(); 7123 7124 const scheduleZoomRemeasure = debounce(() => { 7125 burstRemeasureOpenPanelDividers(); 7126 }, 120); 7127 7128 const onViewportChange = () => { 7129 const nextSignature = getZoomSignature(); 7130 if (nextSignature !== lastZoomSignature) { 7131 lastZoomSignature = nextSignature; 7132 } 7133 scheduleZoomRemeasure(); 7134 }; 7135 7136 if (window.visualViewport) { 7137 window.visualViewport.addEventListener('resize', onViewportChange); 7138 window.visualViewport.addEventListener('scroll', onViewportChange); 7139 } 7140 7141 window.addEventListener('resize', onViewportChange); 7142 7143 window.addEventListener('keydown', (event) => { 7144 if (!event.ctrlKey && !event.metaKey) return; 7145 if (!/^(Equal|Minus|NumpadAdd|NumpadSubtract|Digit0|Numpad0)$/.test(event.code)) return; 7146 onViewportChange(); 7147 }, true); 7148 7149 window.addEventListener('wheel', (event) => { 7150 if (!event.ctrlKey) return; 7151 onViewportChange(); 7152 }, { passive: true });
7153 7154 const watchDevicePixelRatio = () => { 7155 if (!window.matchMedia) return; 7156 7157 const mq = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`); 7158 const onResolutionChange = () => { 7159 onViewportChange(); 7160 mq.removeEventListener('change', onResolutionChange); 7161 watchDevicePixelRatio(); 7162 }; 7163 7164 mq.addEventListener('change', onResolutionChange); 7165 }; 7166 7167 watchDevicePixelRatio(); 7168 }; 7169 7170 const bindPanelResizeObserver = (panelEl) => { 7171 if (panelResizeObserver) { 7172 panelResizeObserver.disconnect(); 7173 panelResizeObserver = null; 7174 } 7175 7176 if (!panelEl || typeof ResizeObserver === 'undefined') return; 7177 7178 panelResizeObserver = new ResizeObserver(() => { 7179 debouncedSyncOpenPanelCenterDivider(); 7180 }); 7181 7182 panelResizeObserver.observe(panelEl); 7183 7184 const middleTop = panelEl.querySelector(`.${classes.middleTop}`); 7185 if (middleTop) { 7186 panelResizeObserver.observe(middleTop); 7187 } 7188 }; 7189 7190 const syncClonedPanelMetadata = (sourceComponent, panelEl) => { 7191 const sourceMiddleTop = sourceComponent.querySelector(`.${classes.middleTop}`); 7192 const clonedMiddleTop = panelEl.querySelector(`.${classes.middleTop}`); 7193 7194 if (!sourceMiddleTop || !clonedMiddleTop) return; 7195 7196 clonedMiddleTop._navRows = sourceMiddleTop._navRows; 7197 clonedMiddleTop._sectionData = sourceMiddleTop._sectionData; 7198 7199 if (clonedMiddleTop._sectionData) { 7200 queueDividerMeasurement(clonedMiddleTop, clonedMiddleTop._sectionData); 7201 7202 if (typeof requestAnimationFrame === 'function') { 7203 requestAnimationFrame(() => { 7204 requestAnimationFrame(() => { 7205 if (!clonedMiddleTop.isConnected || !clonedMiddleTop._sectionData) return; 7206 applyRowDividers(clonedMiddleTop, clonedMiddleTop._sectionData); 7207 updateCenterDivider(clonedMiddleTop, { force: true }); 7208 }); 7209 }); 7210 } 7211 } 7212 }; 7213 7214 const layoutMiddleTop = (middleTop, sectionData) => { 7215 const rows = flattenDistributableRows(sectionData); 7216 7217 middleTop._navRows = rows; 7218 middleTop._sectionData = sectionData; 7219 middleTop.replaceChildren(); 7220 middleTop.classList.toggle( 7221 classes.middleTopFlatList, 7222 sectionData.isFlatListSection === true 7223 ); 7224 middleTop.classList.toggle( 7225 classes.middleTopCategories, 7226 sectionData.isCategoriesSection === true 7227 ); 7228 middleTop.classList.toggle( 7229 classes.middleTopGrouped, 7230 sectionData.layoutType === 'grouped' 7231 ); 7232 7233 rows.forEach((row) => { 7234 middleTop.appendChild(createMiddleRow(row, sectionData)); 7235 }); 7236 7237 if (middleTop.closest(selectors.categoryContent)) { 7238 queueDividerMeasurement(middleTop, sectionData); 7239 } 7240 }; 7241 7242 const createSectionShell = (sectionData, globalSlot) => { 7243 const { displayTitle, title, slot, layoutType } = sectionData; 7244 const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData); 7245 const component = createEl('div', classes.component); 7246 if (layoutType) component.dataset.layout = layoutType; 7247 component.setAttribute('data-root-category-id', rootCategoryId); 7248 7249 const firstCol = createEl('div', classes.colFirst); 7250 firstCol.classList.add(classes.scrollRail); 7251 firstCol.setAttribute('body-scroll-lock-ignore', ''); 7252 const categoryTitleEl = createEl('div', classes.categoryTitle, displayTitle || title); 7253 if (rootCategoryId === 'new to skin care') { 7254 categoryTitleEl.classList.add(classes.categoryTitleWrap); 7255 } 7256 firstCol.appendChild(categoryTitleEl); 7257 if (slot) { 7258 firstCol.appendChild(slot); 7259 initLazyImages(firstCol); 7260 annotateLeftPromos(firstCol, rootCategoryId); 7261 } 7262 7263 const middleCol = createEl('div', classes.colMiddle); 7264 const middleTop = createEl('div', classes.middleTop); 7265 const middleBottom = createEl('div', classes.middleBottom); 7266 7267 middleCol.append(middleTop, middleBottom); 7268 7269 const thirdCol = createEl('div', classes.colThird); 7270 thirdCol.classList.add(classes.scrollRail); 7271 thirdCol.setAttribute('body-scroll-lock-ignore', ''); 7272 if (globalSlot) { 7273 thirdCol.appendChild(globalSlot.cloneNode(true)); 7274 initLazyImages(thirdCol); 7275 annotateHighlightRail(thirdCol, rootCategoryId); 7276 } 7277 7278 component.append(firstCol, middleCol, thirdCol); 7279 return component; 7280 }; 7281 7282 const createSectionComponent = (sectionData, globalSlot) => { 7283 const component = createSectionShell(sectionData, globalSlot); 7284 const middleTop = component.querySelector(`.${classes.middleTop}`); 7285 layoutMiddleTop(middleTop, sectionData); 7286 return component; 7287 }; 7288 7289 const createSectionItem = (sectionData, globalSlot) => { 7290 const { title, displayTitle, url } = sectionData; 7291 const rootCategoryId = getSectionTrackingId(sectionData) || getSectionKey(sectionData); 7292 const li = createEl('li', classes.section); 7293 if (url) li.dataset.url = url; 7294 li.setAttribute('data-root-category-id', rootCategoryId); 7295 7296 const titleNode = createEl('button', classes.sectionTitle, displayTitle || title); 7297 titleNode.type = 'button'; 7298 applyNavTrackingAttrs(titleNode, { 7299 nav: 'top-level', 7300 categoryId: rootCategoryId 7301 }); 7302 li.appendChild(titleNode); 7303 7304 const component = createSectionComponent(sectionData, globalSlot); 7305 li.appendChild(component); 7306 li._navigationComponent = component; 7307 return li; 7308 }; 7309 7310 const renderDesktopNav = (data, globalSlot) => { 7311 const rootList = createEl('ul', classes.rootList); 7312 const fragment = document.createDocumentFragment(); 7313
7314 data.shop.forEach((section) => fragment.appendChild(createSectionItem(section, globalSlot))); 7315 7316 if ( 7317 (data.beautypedia.groups.length || data.beautypedia.flatLinks.length) && 7318 (data.beautypedia.displayTitle || data.beautypedia.title) 7319 ) { 7320 fragment.appendChild(createSectionItem(data.beautypedia, globalSlot)); 7321 } 7322 7323 if (data.membership?.label) { 7324 fragment.appendChild(createLinkItem( 7325 data.membership.label, 7326 data.membership.url, 7327 { nav: 'top-level', categoryId: 'membership' } 7328 )); 7329 } 7330 7331 if (data.contactUs?.label) { 7332 fragment.appendChild(createLinkItem( 7333 data.contactUs.label, 7334 data.contactUs.url, 7335 { nav: 'top-level', categoryId: 'contact us' } 7336 )); 7337 } 7338 7339 rootList.appendChild(fragment); 7340 return rootList; 7341 }; 7342 7343 const initCategoryClick = () => { 7344 if (categoryClickInitialized) return; 7345 categoryClickInitialized = true; 7346 7347 const categoryContent = qs(selectors.categoryContent); 7348 const container = qs(selectors.container); 7349 if (!categoryContent || !container) return; 7350 7351 const getSectionTitle = (section) => ( 7352 section.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() || '' 7353 ); 7354 7355 const showPanel = (section) => { 7356 const component = section._navigationComponent || section.querySelector(`.${classes.component}`); 7357 if (!component) return; 7358 7359 qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive)); 7360 activeSectionTitle = getSectionTitle(section); 7361 section.classList.add(classes.sectionActive); 7362 categoryContent.replaceChildren(component.cloneNode(true)); 7363 categoryContent.classList.add(classes.panelVisible); 7364 categoryContent.setAttribute('body-scroll-lock-ignore', ''); 7365 syncHeaderStackHeight(); 7366 initLazyImages(categoryContent); 7367 syncClonedPanelMetadata(component, categoryContent); 7368 bindPanelResizeObserver(categoryContent); 7369 remeasureOpenPanelDividers(); 7370 burstRemeasureOpenPanelDividers(); 7371 }; 7372 7373 const hidePanel = () => { 7374 const middleTop = categoryContent.querySelector(`.${classes.middleTop}`); 7375 if (middleTop) clearCenterDividerSyncState(middleTop); 7376 7377 qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive)); 7378 categoryContent.replaceChildren(); 7379 categoryContent.classList.remove(classes.panelVisible); 7380 activeSectionTitle = null; 7381 7382 stopOpenPanelDividerWatch(); 7383 7384 if (panelResizeObserver) { 7385 panelResizeObserver.disconnect(); 7386 panelResizeObserver = null; 7387 } 7388 }; 7389 7390 container.addEventListener('click', (event) => { 7391 const section = event.target.closest(selectors.navSection); 7392 if (!section) return; 7393 7394 event.preventDefault(); 7395 event.stopPropagation(); 7396 7397 if ( 7398 activeSectionTitle === getSectionTitle(section) && 7399 categoryContent.classList.contains(classes.panelVisible) 7400 ) { 7401 hidePanel(); 7402 } else { 7403 showPanel(section); 7404 } 7405 }); 7406 7407 document.addEventListener('click', (event) => { 7408 if (event.target.closest(selectors.navSection)) return; 7409 if (event.target.closest(selectors.categoryContent)) return; 7410 hidePanel(); 7411 }); 7412 7413 document.addEventListener('keydown', (event) => { 7414 if (event.key === 'Escape') hidePanel(); 7415 }); 7416 }; 7417 7418 const initNavHover = () => { 7419 const container = qs(selectors.container); 7420 if (!container || container.dataset.navHoverBound === 'true') return; 7421 container.dataset.navHoverBound = 'true'; 7422 7423 const hoverClass = classes.navHovered; 7424 const navLinkSelector = `#navigation-level1 .${classes.rootList} > li > a`; 7425 7426 const getHoverTarget = (node) => ( 7427 node?.closest(`.${classes.sectionTitle}`) || 7428 node?.closest(navLinkSelector) 7429 ); 7430 7431 const clearHover = () => { 7432 qsa(`.${hoverClass}`, container).forEach((el) => el.classList.remove(hoverClass)); 7433 }; 7434 7435 container.addEventListener('mouseover', (event) => { 7436 const target = getHoverTarget(event.target); 7437 if (!target) return; 7438 clearHover(); 7439 target.classList.add(hoverClass); 7440 }); 7441 7442 container.addEventListener('mouseout', (event) => { 7443 const target = getHoverTarget(event.target); 7444 if (!target) return; 7445 7446 const related = event.relatedTarget; 7447 const listItem = target.closest('li'); 7448 if (related && (target.contains(related) || listItem?.contains(related))) return; 7449 7450 target.classList.remove(hoverClass); 7451 }); 7452 }; 7453 7454 const refreshOpenPanel = () => { 7455 if (!activeSectionTitle) return; 7456 7457 const categoryContent = qs(selectors.categoryContent);
7458 if (!categoryContent?.classList.contains(classes.panelVisible)) return; 7459 7460 const section = qsa(selectors.navSection).find( 7461 (item) => item.querySelector(`.${classes.sectionTitle}`)?.textContent.replace(/\s+/g, ' ').trim() === activeSectionTitle 7462 ); 7463 if (!section) return; 7464 7465 const component = section._navigationComponent || section.querySelector(`.${classes.component}`); 7466 if (!component) return; 7467 7468 qsa(selectors.navSection).forEach((item) => item.classList.remove(classes.sectionActive)); 7469 section.classList.add(classes.sectionActive); 7470 categoryContent.replaceChildren(component.cloneNode(true)); 7471 initLazyImages(categoryContent); 7472 syncClonedPanelMetadata(component, categoryContent); 7473 bindPanelResizeObserver(categoryContent); 7474 remeasureOpenPanelDividers(); 7475 burstRemeasureOpenPanelDividers(); 7476 }; 7477 7478 const rebuildDesktopLayout = async () => { 7479 if (isMobile() || !navData) return; 7480 7481 if (document.fonts?.ready) { 7482 await document.fonts.ready; 7483 } 7484 7485 const globalSlot = getGlobalSlotClone(); 7486 const container = qs(selectors.container); 7487 if (!container) return; 7488 7489 container.replaceChildren(renderDesktopNav(navData, globalSlot)); 7490 syncHeaderStackHeight(); 7491 refreshOpenPanel(); 7492 }; 7493 7494 7495 7496 /* MOBILE-ONLY JS â desktop code above is frozen (CONFIG.desktopLayoutFrozen) */ 7497 7498 const createMobileLinksList = (links, rootCategoryId = '') => { 7499 const ul = createEl('ul', classes.mobileLinks); 7500 links.forEach((link) => { 7501 const normalized = typeof link === 'object' 7502 ? link 7503 : { label: link, url: '' }; 7504 const li = createEl('li'); 7505 const a = createLink(normalized.label, normalized.url, { 7506 nav: normalized.nav || 'menu-item', 7507 categoryId: normalized.categoryId || categoryIdFromUrl(normalized.url) || '', 7508 rootCategoryId: normalized.rootCategoryId || rootCategoryId || '', 7509 parentCategoryId: normalized.parentCategoryId || '' 7510 }); 7511 li.appendChild(a); 7512 ul.appendChild(li); 7513 }); 7514 return ul; 7515 }; 7516 7517 const createMobileSubgroup = (subgroup, rootCategoryId = '') => { 7518 const wrap = createEl('div', classes.mobileSubgroup); 7519 wrap.appendChild(createEl('div', classes.mobileSubgroupTitle, subgroup.title)); 7520 wrap.appendChild(createMobileLinksList(subgroup.links, rootCategoryId)); 7521 return wrap; 7522 }; 7523 7524 const createMobileItemsContent = (items, rootCategoryId = '') => { 7525 const fragment = document.createDocumentFragment(); 7526 let pendingLinks = []; 7527 7528 const flushLinks = () => { 7529 if (!pendingLinks.length) return; 7530 fragment.appendChild(createMobileLinksList(pendingLinks, rootCategoryId)); 7531 pendingLinks = []; 7532 }; 7533 7534 items.forEach((item) => { 7535 if (item.type === 'link') { 7536 pendingLinks.push({ 7537 label: item.label, 7538 url: item.url, 7539 categoryId: item.categoryId || '' 7540 }); 7541 return; 7542 } 7543 if (item.type === 'subgroup') { 7544 flushLinks(); 7545 fragment.appendChild(createMobileSubgroup(item, rootCategoryId)); 7546 } 7547 }); 7548 7549 flushLinks(); 7550 return fragment; 7551 }; 7552 7553 const createMobileGroup = (group, rootCategoryId = '') => { 7554 const wrap = createEl('div', classes.mobileGroup); 7555 wrap.appendChild(createEl('div', classes.mobileGroupTitle, group.displayTitle || group.title)); 7556 wrap.appendChild(createMobileItemsContent(group.items || [], rootCategoryId)); 7557 if (!group.items?.length && group.links?.length) { 7558 wrap.appendChild(createMobileLinksList(group.links, rootCategoryId)); 7559 } 7560 return wrap; 7561 }; 7562 7563 const createMobileBeautypediaContent = (sectionData) => { 7564 const groups = sectionData.groups || []; 7565 const rootCategoryId = getSectionKey(sectionData) || 'beautypedia'; 7566 const fragment = document.createDocumentFragment(); 7567 const shopAllSource = findBeautypediaShopAllSource(groups); 7568 const shopAllSources = shopAllSource ? [shopAllSource] : []; 7569 const lastGroupIndex = groups.length - 1; 7570 7571 groups.forEach((group, groupIndex) => { 7572 const filteredGroup = filterGroupItemsShopAll(group, shopAllSources); 7573 const wrap = createMobileGroup(filteredGroup, rootCategoryId); 7574 7575 if (groupIndex === lastGroupIndex && shopAllSource?.url) { 7576 const seeAll = createMobileSectionSeeAll(sectionData, { 7577 url: shopAllSource.url, 7578 label: shopAllSource.label, 7579 bypassSectionCheck: true 7580 });
7581 if (seeAll) wrap.appendChild(seeAll); 7582 } 7583 7584 fragment.appendChild(wrap); 7585 7586 if (groupIndex < lastGroupIndex) { 7587 fragment.appendChild(createMobileSectionDivider()); 7588 } 7589 }); 7590 7591 return fragment; 7592 }; 7593 7594 const createMobileSlot = (slotNode) => { 7595 if (!slotNode) return null; 7596 const slot = createEl('div', classes.mobileSlot); 7597 slot.appendChild(slotNode.cloneNode(true)); 7598 return slot; 7599 }; 7600 7601 const createMobileSectionPromo = (section) => { 7602 if (!section?.slot) return null; 7603 const wrap = createMobileSlot(section.slot); 7604 if (!wrap) return null; 7605 annotateLeftPromos(wrap, getSectionTrackingId(section) || getSectionKey(section)); 7606 return wrap; 7607 }; 7608 7609 const resolveMobilePromoSlotNode = (data) => { 7610 const globalSlot = getGlobalSlotClone(); 7611 if (globalSlot) return globalSlot; 7612 7613 const sectionWithSlot = (data.shop || []).find((section) => section.slot); 7614 if (sectionWithSlot?.slot) return sectionWithSlot.slot.cloneNode(true); 7615 7616 if (data.beautypedia?.slot) return data.beautypedia.slot.cloneNode(true); 7617 7618 return null; 7619 }; 7620 7621 const createMobileDirectLink = (linkData) => { 7622 const a = createEl('a', classes.mobileDirectLink, linkData.label); 7623 a.href = linkData.url; 7624 applyNavTrackingAttrs(a, { 7625 nav: linkData.nav || 'top-level', 7626 categoryId: linkData.categoryId || categoryIdFromUrl(linkData.url) || '' 7627 }); 7628 return a; 7629 }; 7630 7631 const createMobileSecondaryBlock = (links) => { 7632 if (!links?.length) return null; 7633 7634 const block = createEl('div', classes.mobileSecondary); 7635 links.forEach(({ label, url }) => { 7636 const a = createEl('a', classes.mobileSecondaryLink, label); 7637 a.href = url; 7638 applyNavTrackingAttrs(a, { 7639 nav: 'top-level', 7640 categoryId: categoryIdFromUrl(url) || String(label || '').toLowerCase() 7641 }); 7642 block.appendChild(a); 7643 }); 7644 return block; 7645 }; 7646 7647 const createMobileFooterDivider = () => createEl('div', classes.mobileFooterDivider); 7648 7649 const createMobileSectionDivider = () => { 7650 const divider = createEl('div', classes.mobileSectionDivider); 7651 divider.setAttribute('aria-hidden', 'true'); 7652 return divider; 7653 }; 7654 7655 const createMobileSectionSeeAll = (sectionData, options = {}) => { 7656 const url = options.url || sectionData.shopAllLink?.url || sectionData.url; 7657 if (!url || url === 'javascript:;' || url === '#') return null; 7658 if (!options.bypassSectionCheck && !sectionShouldShowShopAll(sectionData)) return null; 7659 7660 const rootCategoryId = getSectionKey(sectionData); 7661 const shopAllSource = { 7662 label: options.label || sectionData.shopAllLink?.label, 7663 url: url, 7664 categoryId: sectionData.shopAllLink?.categoryId 7665 }; 7666 const label = resolveSectionShopAllLabel(sectionData, shopAllSource); 7667 if (!label) return null; 7668 7669 const block = createEl('div', classes.mobileSectionSeeAll); 7670 block.appendChild(createMobileLinksList([{ 7671 label: label, 7672 url: url, 7673 nav: 'shop-all', 7674 categoryId: resolveShopAllCatalogId({ 7675 categoryId: shopAllSource.categoryId, 7676 url: url, 7677 rootCategoryId: rootCategoryId, 7678 sectionKey: rootCategoryId 7679 }), 7680 rootCategoryId: rootCategoryId 7681 }], rootCategoryId)); 7682 return block; 7683 }; 7684 7685 const createMobileCategoriesContent = (sectionData) => { 7686 const rows = flattenDistributableRows(sectionData); 7687 const borderBelowRow = computeCategoriesSectionBorders(rows); 7688 const fragment = document.createDocumentFragment(); 7689 const rootCategoryId = getSectionKey(sectionData); 7690 7691 let idx = 0; 7692 while (idx < rows.length) { 7693 const row = rows[idx]; 7694 7695 if (row.kind === 'l2Link') { 7696 const block = createEl('div', classes.mobileCategoriesL2); 7697 block.appendChild(createMobileLinksList([{ 7698 label: row.label, 7699 url: row.url, 7700 categoryId: row.categoryId || '' 7701 }], rootCategoryId)); 7702 fragment.appendChild(block); 7703 if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider()); 7704 idx += 1; 7705 continue; 7706 } 7707 7708 if (row.kind === 'subHeading') { 7709 const block = createEl('div', classes.mobileCategoriesSubheading); 7710 block.appendChild(createEl('div', classes.mobileSubgroupTitle, row.title)); 7711 fragment.appendChild(block); 7712 if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider()); 7713 idx += 1; 7714 continue; 7715 } 7716 7717 if (row.kind === 'l3Link') { 7718 const links = []; 7719 let lastIdx = idx; 7720 while (idx < rows.length && rows[idx].kind === 'l3Link') { 7721 links.push({ 7722 label: rows[idx].label, 7723 url: rows[idx].url, 7724 categoryId: rows[idx].categoryId || '' 7725 });
7726 lastIdx = idx; 7727 idx += 1; 7728 } 7729 const block = createEl('div', classes.mobileCategoriesL3); 7730 block.appendChild(createMobileLinksList(links, rootCategoryId)); 7731 fragment.appendChild(block); 7732 if (borderBelowRow[lastIdx]) fragment.appendChild(createMobileSectionDivider()); 7733 continue; 7734 } 7735 7736 if (row.kind === 'seeAll') { 7737 const block = createEl('div', classes.mobileCategoriesSeeAll); 7738 block.classList.add(classes.mobileCategoriesL2); 7739 block.appendChild(createMobileLinksList([{ 7740 label: row.label, 7741 url: row.url, 7742 nav: 'shop-all', 7743 categoryId: toTrackingLabel( 7744 row.categoryId || 7745 categoryIdFromUrl(row.url) || 7746 rootCategoryId 7747 ), 7748 rootCategoryId: rootCategoryId 7749 }], rootCategoryId)); 7750 fragment.appendChild(block); 7751 if (borderBelowRow[idx]) fragment.appendChild(createMobileSectionDivider()); 7752 idx += 1; 7753 continue; 7754 } 7755 7756 idx += 1; 7757 } 7758 7759 return fragment; 7760 }; 7761 7762 const createMobileAccordion = (title, panelContent, options = {}) => { 7763 const section = createEl('div', classes.mobileSection); 7764 const toggle = createEl('button', classes.mobileSectionToggle, title); 7765 toggle.type = 'button'; 7766 toggle.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon')); 7767 if (options.categoryId) { 7768 applyNavTrackingAttrs(toggle, { 7769 nav: 'top-level', 7770 categoryId: options.categoryId 7771 }); 7772 section.setAttribute('data-root-category-id', options.categoryId); 7773 } 7774 7775 const panel = createEl('div', classes.mobileSectionPanel); 7776 if (options.panelModifier) panel.classList.add(options.panelModifier); 7777 if (panelContent) panel.appendChild(panelContent); 7778 7779 toggle.addEventListener('click', () => { 7780 section.classList.toggle(classes.mobileSectionOpen); 7781 if (section.classList.contains(classes.mobileSectionOpen)) initLazyImages(panel); 7782 }); 7783 7784 section.append(toggle, panel); 7785 return section; 7786 }; 7787 7788 const createMobileFooterLink = (linkData, options = {}) => { 7789 const a = createEl('a', classes.mobileFooterLink, linkData.label); 7790 a.href = linkData.url; 7791 7792 if (options.showChevron) { 7793 a.classList.add(classes.mobileFooterLinkChevron); 7794 a.insertAdjacentHTML('beforeend', createNavIconSvg('expand', 'icon')); 7795 } 7796 7797 if (options.isLast) { 7798 a.classList.add(classes.mobileFooterLinkLast); 7799 } 7800 7801 if (options.nav === 'top-level') { 7802 applyNavTrackingAttrs(a, { 7803 nav: 'top-level', 7804 categoryId: options.categoryId || 'contact us' 7805 }); 7806 } else { 7807 applyNavTrackingAttrs(a, { 7808 nav: 'top-level-icon', 7809 icon: options.icon || 'account' 7810 }); 7811 } 7812 7813 return a; 7814 }; 7815 7816 const createMobileCampaignLinksList = (links, rootCategoryId = '') => { 7817 if (!links?.length) return null; 7818 7819 const ul = createEl('ul', classes.mobileCampaignLinks); 7820 links.forEach(({ label, url }) => { 7821 const li = createEl('li'); 7822 const a = createEl('a', classes.mobileCampaignLink, label); 7823 if (url === '#') { 7824 a.setAttribute('href', '#'); 7825 } else { 7826 a.href = url; 7827 } 7828 applyNavTrackingAttrs(a, { 7829 nav: 'highlight-link', 7830 rootCategoryId: rootCategoryId || 'campaign', 7831 categoryId: categoryIdFromUrl(url) || toTrackingLabel(label), 7832 highlightId: toTrackingLabel(label) 7833 }); 7834 li.appendChild(a); 7835 ul.appendChild(li); 7836 }); 7837 return ul; 7838 }; 7839 7840 const createMobileCampaignSection = (campaign) => { 7841 if (!campaign) return null; 7842 7843 const { quickLinks, promoSlot } = campaign; 7844 if (!quickLinks?.length && !promoSlot) return null; 7845 7846 const section = createEl('div', classes.mobileCampaign); 7847 const linksList = createMobileCampaignLinksList(quickLinks, 'campaign'); 7848 7849 if (linksList) section.appendChild(linksList); 7850 7851 if (promoSlot) { 7852 const promoWrap = createEl('div', classes.mobileCampaignPromo); 7853 promoWrap.appendChild(promoSlot); 7854 /* Mobile campaign promos sit in the "right" rail equivalent */ 7855 const promoBlocks = getUniquePromoBlocks( 7856 promoWrap, 7857 'figure, .navigation-link, .navigation-link--two-rows' 7858 ); 7859 promoBlocks.forEach((block, index) => { 7860 const promoIndex = index + 1;
7861 qsa('a[href]', block).forEach((a) => { 7862 if (!a.href || a.href === 'javascript:;') return; 7863 if (a.closest('.main-nav-slot__list')) return; 7864 applyNavTrackingAttrs(a, { 7865 nav: 'highlight-promo', 7866 rootCategoryId: 'campaign', 7867 categoryId: formatPromoTrackingLabel('campaign', 'right', promoIndex), 7868 promoIndex: promoIndex 7869 }); 7870 }); 7871 }); 7872 section.appendChild(promoWrap); 7873 } 7874 7875 return section; 7876 }; 7877 7878 const buildMobileFlyout = (data) => { 7879 const scroll = createEl('div', 'nav-mobile__scroll'); 7880 scroll.setAttribute('body-scroll-lock-ignore', ''); 7881 const fragment = document.createDocumentFragment(); 7882 7883 data.shop.forEach((section) => { 7884 if (isMobileDirectLinkSection(section)) { 7885 fragment.appendChild(createMobileDirectLink({ 7886 label: section.displayTitle || section.title, 7887 url: section.url, 7888 categoryId: getSectionKey(section) 7889 })); 7890 return; 7891 } 7892 7893 const panel = document.createDocumentFragment(); 7894 7895 if (section.isCategoriesSection) { 7896 panel.appendChild(createMobileCategoriesContent(section)); 7897 const leftPromo = createMobileSectionPromo(section); 7898 if (leftPromo) panel.appendChild(leftPromo); 7899 fragment.appendChild(createMobileAccordion( 7900 section.displayTitle || section.title, 7901 panel, 7902 { 7903 panelModifier: classes.mobileSectionPanelCategories, 7904 categoryId: getSectionKey(section) 7905 } 7906 )); 7907 } else { 7908 panel.appendChild(createMobileItemsContent( 7909 section.items || [], 7910 getSectionKey(section) 7911 )); 7912 const seeAll = createMobileSectionSeeAll(section); 7913 if (seeAll) panel.appendChild(seeAll); 7914 const leftPromo = createMobileSectionPromo(section); 7915 if (leftPromo) panel.appendChild(leftPromo); 7916 fragment.appendChild(createMobileAccordion( 7917 section.displayTitle || section.title, 7918 panel, 7919 { categoryId: getSectionKey(section) } 7920 )); 7921 } 7922 }); 7923 7924 if (data.beautypedia?.groups?.length && (data.beautypedia.displayTitle || data.beautypedia.title)) { 7925 const panel = createMobileBeautypediaContent(data.beautypedia); 7926 const leftPromo = createMobileSectionPromo(data.beautypedia); 7927 if (leftPromo) panel.appendChild(leftPromo); 7928 fragment.appendChild(createMobileAccordion( 7929 data.beautypedia.displayTitle || data.beautypedia.title, 7930 panel, 7931 { 7932 panelModifier: classes.mobileSectionPanelBeautypedia, 7933 categoryId: 'beautypedia' 7934 } 7935 )); 7936 } 7937 7938 if (data.membership?.label) { 7939 fragment.appendChild(createMobileDirectLink({ 7940 label: data.membership.label, 7941 url: data.membership.url, 7942 categoryId: 'membership' 7943 })); 7944 } 7945 7946 if (data.topMenuCampaign) { 7947 fragment.appendChild(createMobileFooterDivider()); 7948 const campaignSection = createMobileCampaignSection(data.topMenuCampaign); 7949 if (campaignSection) fragment.appendChild(campaignSection); 7950 } else if (data.secondaryLinks?.length) { 7951 fragment.appendChild(createMobileFooterDivider()); 7952 const secondaryBlock = createMobileSecondaryBlock(data.secondaryLinks); 7953 if (secondaryBlock) fragment.appendChild(secondaryBlock); 7954 7955 const promoSlot = createMobileSlot(resolveMobilePromoSlotNode(data)); 7956 if (promoSlot) fragment.appendChild(promoSlot); 7957 } 7958 7959 if (data.contactUs || data.login) { 7960 const footer = createEl('div', classes.mobileFooter); 7961 footer.appendChild(createMobileFooterDivider()); 7962 7963 if (data.contactUs?.label) { 7964 footer.appendChild(createMobileFooterLink({ 7965 label: data.contactUs.label, 7966 url: data.contactUs.url 7967 }, { nav: 'top-level', categoryId: 'contact us' })); 7968 } 7969 7970 if (data.login) { 7971 footer.appendChild(createMobileFooterLink(data.login, { 7972 isLast: true, 7973 icon: 'login' 7974 })); 7975 } 7976 7977 fragment.appendChild(footer); 7978 } 7979 7980 scroll.appendChild(fragment); 7981 return scroll; 7982 }; 7983 7984 const renderMobileFlyout = (data) => { 7985 const flyout = qs(selectors.mobileFlyout); 7986 if (!flyout || !data) return; 7987 flyout.replaceChildren(buildMobileFlyout(data)); 7988 initLazyImages(flyout); 7989 }; 7990 7991 const resetMobileAccordions = () => { 7992 qsa(`.${classes.mobileSectionOpen}
7992`, qs(selectors.mobileFlyout)).forEach((section) => { 7993 section.classList.remove(classes.mobileSectionOpen); 7994 }); 7995 }; 7996 7997 const syncMobileFlyout = () => { 7998 const header = qs(selectors.header); 7999 if (!header) return; 8000 if (!isMobile()) { 8001 resetMobileAccordions(); 8002 return; 8003 } 8004 if (header.classList.contains(classes.headerMenuOpen)) { 8005 syncMobileFlyoutGeometry(); 8006 } else { 8007 resetMobileAccordions(); 8008 } 8009 }; 8010 8011 const injectContainers = () => { 8012 const header = qs(selectors.header); 8013 if (!header) return; 8014 8015 header.classList.add('pc-mega-nav-redesign'); 8016 8017 if (!qs(selectors.container)) { 8018 header.insertAdjacentHTML('beforeend', '<div id="navigation-level1"></div><div id="category-content" body-scroll-lock-ignore></div>'); 8019 } 8020 if (!qs(selectors.mobileFlyout)) { 8021 header.insertAdjacentHTML( 8022 'beforeend', 8023 '<div id="nav-mobile-flyout" body-scroll-lock-ignore></div>' 8024 ); 8025 } else { 8026 qs(selectors.mobileFlyout).setAttribute('body-scroll-lock-ignore', ''); 8027 } 8028 }; 8029 8030 const buildAll = async () => { 8031 const menu = qs(selectors.menu); 8032 if (!menu) return null; 8033 8034 if (document.fonts?.ready) { 8035 await document.fonts.ready; 8036 } 8037 8038 navData = buildNavData(menu); 8039 if (!navData) return null; 8040 8041 const globalSlot = getGlobalSlotClone(); 8042 const container = qs(selectors.container); 8043 8044 if (container) { 8045 container.replaceChildren(renderDesktopNav(navData, globalSlot)); 8046 initCategoryClick(); 8047 } 8048 8049 renderMobileFlyout(navData); 8050 return navData; 8051 }; 8052 8053 let uspSlideStyleEl = null; 8054 const USP_SLIDE_DURATION_S = 5; 8055 const uspSlideKeyframeCounts = new Set(); 8056 8057 const getUspBarVisibleItems = (bar) => { 8058 const seen = new Set(); 8059 return [...bar.querySelectorAll('.usp-bar-item')].filter((item) => { 8060 if (item.classList.contains('swiper-slide-duplicate')) return false; 8061 if (item.classList.contains('pc-mega-nav-usp-clone')) return false; 8062 const label = item.querySelector('.usp-bar-text') || item; 8063 const text = cleanText(label); 8064 if (!text || seen.has(text)) return false; 8065 seen.add(text); 8066 return true; 8067 }); 8068 }; 8069 8070 const injectUspSlideKeyframes = (slideCount) => { 8071 const animName = `pc-mega-nav-usp-slide-track-x${slideCount}`; 8072 const movePct = 12; 8073 const totalSteps = slideCount + 1; 8074 const moveShare = movePct / totalSteps; 8075 const frames = []; 8076 const tx = (n) => `translateX(calc(-${n} * var(--pc-mega-nav-usp-slide-step, 100%)))`; 8077 8078 for (let step = 0; step < totalSteps; step += 1) { 8079 const segStart = (step / totalSteps) * 100; 8080 const segEnd = ((step + 1) / totalSteps) * 100; 8081 const isCloneStep = step === slideCount; 8082 8083 frames.push(`${segStart.toFixed(2)}% { transform: ${tx(step)}; }`); 8084 8085 if (isCloneStep) { 8086 /* Hold on clone (same as first) so the loop reset is invisible */ 8087 frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(slideCount)}; }`); 8088 } else { 8089 const holdEnd = segEnd - moveShare; 8090 frames.push(`${holdEnd.toFixed(2)}% { transform: ${tx(step)}; }`); 8091 frames.push(`${segEnd.toFixed(2)}% { transform: ${tx(step + 1)}; }`); 8092 } 8093 } 8094 8095 if (!uspSlideStyleEl) { 8096 uspSlideStyleEl = document.createElement('style'); 8097 uspSlideStyleEl.id = 'pc-mega-nav-usp-slide-keyframes'; 8098 document.head.appendChild(uspSlideStyleEl); 8099 } 8100 8101 uspSlideStyleEl.textContent = `@keyframes ${animName} { ${frames.join(' ')} }\n`; 8102 return animName; 8103 }; 8104 8105 const getUspSlideDuration = () => (isMobile() ? 7 : USP_SLIDE_DURATION_S); 8106 8107 const getUspSlideTrack = (bar) => { 8108 let track = bar.querySelector('.pc-mega-nav-usp-track'); 8109 const legacyWrap = bar.querySelector('.usp-bar-wrap'); 8110 8111 if (!track && legacyWrap) { 8112 legacyWrap.classList.add('pc-mega-nav-usp-track'); 8113 track = legacyWrap; 8114 } 8115 8116 if (!track) { 8117 track = createEl('div', 'pc-mega-nav-usp-track'); 8118 bar.appendChild(track); 8119 } 8120 8121 return track; 8122 }; 8123 8124 const applyUspSlideAnimation = (track, slideCount) => {
8125 track.style.animation = 'none'; 8126 track.style.transform = ''; 8127 track.style.left = ''; 8128 8129 [...track.children].forEach((slide) => { 8130 slide.style.animation = 'none'; 8131 slide.style.transform = ''; 8132 }); 8133 8134 void track.offsetWidth; 8135 8136 if (slideCount <= 1) return; 8137 8138 const slideDuration = getUspSlideDuration(); 8139 const animName = injectUspSlideKeyframes(slideCount); 8140 const duration = slideDuration * (slideCount + 1); 8141 track.style.animation = `${animName} ${duration}s linear infinite`; 8142 }; 8143 8144 const stopLegacyUspSwiper = (bar) => { 8145 const swiper = bar.swiper || bar.closest('.js-usp-slider')?.swiper; 8146 if (!swiper) return; 8147 if (typeof swiper.destroy === 'function') swiper.destroy(true, true); 8148 if (swiper?.autoplay?.stop) swiper.autoplay.stop(); 8149 }; 8150 8151 const setupUspSlide = (bar, items) => { 8152 bar.classList.remove('pc-mega-nav-usp-rotate'); 8153 bar.querySelectorAll('.pc-mega-nav-usp-active').forEach((item) => { 8154 item.classList.remove('pc-mega-nav-usp-active'); 8155 }); 8156 8157 if (!items.length) { 8158 bar.classList.remove('pc-mega-nav-usp-slide', 'pc-mega-nav-usp-slide--single'); 8159 return; 8160 } 8161 8162 stopLegacyUspSwiper(bar); 8163 bar.classList.add('pc-mega-nav-usp-slide'); 8164 bar.classList.remove('js-usp-slider', 'js-mobile-slider'); 8165 bar.classList.toggle('pc-mega-nav-usp-slide--single', items.length <= 1); 8166 bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${bar.clientWidth || bar.offsetWidth}px`); 8167 8168 const track = getUspSlideTrack(bar); 8169 8170 /* Only authentic slides + one loop clone â leftover empty swiper nodes caused a blank frame */ 8171 track.replaceChildren(...items); 8172 8173 if (items.length > 1) { 8174 const clone = items[0].cloneNode(true); 8175 clone.classList.add('pc-mega-nav-usp-clone'); 8176 if (!clone.classList.contains('usp-bar-item')) { 8177 clone.classList.add('usp-bar-item'); 8178 } 8179 clone.style.visibility = 'visible'; 8180 clone.style.opacity = '1'; 8181 clone.setAttribute('aria-hidden', 'true'); 8182 track.appendChild(clone); 8183 } 8184 8185 const syncStepAndAnimate = () => { 8186 const step = bar.clientWidth || bar.offsetWidth; 8187 if (step) bar.style.setProperty('--pc-mega-nav-usp-slide-step', `${step}px`); 8188 applyUspSlideAnimation(track, items.length); 8189 }; 8190 8191 syncStepAndAnimate(); 8192 requestAnimationFrame(syncStepAndAnimate); 8193 }; 8194 8195 const normalizeUspBanner = () => { 8196 const usp = document.getElementById('js-usp-banner'); 8197 if (!usp) return; 8198 8199 const bar = usp.querySelector('.usp-bar'); 8200 if (!bar) return; 8201 8202 setupUspSlide(bar, getUspBarVisibleItems(bar)); 8203 }; 8204 8205 const syncMobileFlyoutGeometry = () => { 8206 const root = document.documentElement; 8207 const stackHeight = parseFloat( 8208 getComputedStyle(root).getPropertyValue('--pc-mega-nav-stack-height') 8209 ) || 0; 8210 8211 if (!isMobile() || !stackHeight) { 8212 root.style.removeProperty('--pc-mega-nav-flyout-height'); 8213 return; 8214 } 8215 8216 const viewport = window.visualViewport; 8217 if (!viewport) { 8218 root.style.removeProperty('--pc-mega-nav-flyout-height'); 8219 return; 8220 } 8221 8222 const flyoutHeight = Math.max(0, Math.round(viewport.height - stackHeight)); 8223 root.style.setProperty('--pc-mega-nav-flyout-height', `${flyoutHeight}px`); 8224 }; 8225 8226 const DESKTOP_HEADER_SHELL_PX = 135; 8227 8228 const syncHeaderStackHeight = () => { 8229 const usp = document.getElementById('js-usp-banner'); 8230 const header = qs(selectors.header); 8231 const root = document.documentElement; 8232 8233 normalizeUspBanner(); 8234 8235 const uspHeight = Math.max(40, usp?.offsetHeight || 40); 8236 const mobile = isMobile(); 8237 8238 /* 8239 * --pc-mega-nav-header-height drives desktop height/min/max-height. 8240 * Never write measured offsetHeight back into it â that creates a 8241 * feedback loop when DevTools resize crosses the breakpoint or when 8242 * search briefly expands the header, leaving the nav shell too short 8243 * so links spill over page content as floating white chips. 8244 */ 8245 if (!mobile) { 8246 root.style.setProperty('--pc-mega-nav-header-height', `${DESKTOP_HEADER_SHELL_PX}px`); 8247 } 8248 8249 const stackHeaderHeight = mobile 8250 ? Math.max(header?.offsetHeight || 0, 56) 8251 : DESKTOP_HEADER_SHELL_PX; 8252 const stackHeight = uspHeight + stackHeaderHeight; 8253 8254 root.style.setProperty('--pc-mega-nav-usp-height', `${uspHeight}px`); 8255 root.style.setProperty('--pc-mega-nav-stack-height', `${stackHeight}px`); 8256 root.style.setProperty('--pc-header-section-height', `${stackHeaderHeight}px`); 8257 root.style.setProperty( 8258 '--pc-mega-nav-panel-max-height', 8259 `min(${CONFIG.panelMaxHeightPx}px, calc(100vh - ${stackHeight}px - 16px))` 8260 ); 8261 syncMobileFlyoutGeometry(); 8262 }; 8263 8264 const bindMobileFlyoutViewportListener = () => {
8265 const viewport = window.visualViewport; 8266 if (!viewport) return; 8267 8268 const handleViewportChange = debounce(() => { 8269 syncMobileFlyoutGeometry(); 8270 }, 50); 8271 8272 viewport.addEventListener('resize', handleViewportChange); 8273 viewport.addEventListener('scroll', handleViewportChange); 8274 }; 8275 8276 const getActiveCountryDialogWrap = () => { 8277 const wraps = [...document.querySelectorAll('.country-dialog-wrap')]; 8278 if (!wraps.length) return null; 8279 8280 return wraps.find((wrap) => ( 8281 wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content') 8282 )) || wraps[wraps.length - 1]; 8283 }; 8284 8285 const cleanupCountryDialogWraps = () => { 8286 if (!qs('.header.pc-mega-nav-redesign')) return; 8287 8288 const wraps = [...document.querySelectorAll('.country-dialog-wrap')]; 8289 if (!wraps.length) return; 8290 8291 const activeWrap = getActiveCountryDialogWrap(); 8292 if (!activeWrap) return; 8293 8294 wraps.forEach((wrap) => { 8295 const isActive = wrap === activeWrap; 8296 const hasDialog = Boolean( 8297 wrap.querySelector('.country-detection-dialog, .country-detector.ui-dialog-content') 8298 ); 8299 wrap.hidden = !isActive && !hasDialog; 8300 wrap.style.display = wrap.hidden ? 'none' : ''; 8301 wrap.classList.remove('pc-mega-nav-country-below-header'); 8302 }); 8303 8304 if (activeWrap.parentElement !== document.body) { 8305 document.body.appendChild(activeWrap); 8306 } 8307 }; 8308 8309 const scheduleUspBannerNormalize = () => { 8310 normalizeUspBanner(); 8311 [100, 500, 1500, 3500].forEach((delay) => { 8312 window.setTimeout(normalizeUspBanner, delay); 8313 }); 8314 }; 8315 8316 const scheduleCountryDialogCleanup = () => { 8317 cleanupCountryDialogWraps(); 8318 [100, 500, 1500, 3500].forEach((delay) => { 8319 window.setTimeout(cleanupCountryDialogWraps, delay); 8320 }); 8321 }; 8322 8323 const stampHeaderIconTracking = () => { 8324 const search = qs('#js-search-toggle, .search-toggle'); 8325 if (search) { 8326 applyNavTrackingAttrs(search, { nav: 'top-level-icon', icon: 'search' }); 8327 } 8328 const logo = qs('.header__logo a, a.header__logo, .header__logo'); 8329 if (logo) { 8330 applyNavTrackingAttrs(logo, { nav: 'top-level-icon', icon: 'logo' }); 8331 } 8332 const cart = qs('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link'); 8333 if (cart) { 8334 applyNavTrackingAttrs(cart, { nav: 'top-level-icon', icon: 'bag' }); 8335 } 8336 const account = qs('.user-info__account, .menu-utility-user .user-info__account'); 8337 if (account) { 8338 /* Match control: "top level icon login" */ 8339 applyNavTrackingAttrs(account, { nav: 'top-level-icon', icon: 'login' }); 8340 } 8341 }; 8342 8343 const isBurgerClick = (event) => { 8344 return !!event.target.closest( 8345 '.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle' 8346 ); 8347 }; 8348 8349 /* Match control icon labels so GA events are identical across arms */ 8350 const resolveHeaderIconLabel = (el) => { 8351 if (!el) return ''; 8352 if (el.closest('#js-product-added-popup, .product-added-popup, .product-added-popup-wrapper')) { 8353 return ''; 8354 } 8355 if (el.closest('#js-search-toggle, .search-toggle')) return 'top level icon search'; 8356 if (el.closest('.header__logo a, a.header__logo, .header__logo')) return 'top level icon logo'; 8357 if (el.closest('.mini-cart__link, .js-mini-cart-link, #mini-cart .mini-cart__link')) { 8358 return 'top level icon bag'; 8359 } 8360 if (el.closest('.user-info__account, .menu-utility-user .user-info__account')) { 8361 return 'top level icon login'; 8362 } 8363 return ''; 8364 }; 8365 8366 const resolveClickCategoryId = (el) => { 8367 if (!el) return ''; 8368 8369 const navKind = el.getAttribute('data-nav'); 8370 const promoIndex = el.getAttribute('data-promo-index'); 8371 const rootCategoryId = 8372 el.getAttribute('data-root-category-id') || 8373 el.closest('[data-root-category-id]')?.getAttribute('data-root-category-id') || 8374 ''; 8375 8376 if (navKind === 'top-level-icon') { 8377 const icon = toTrackingLabel(el.getAttribute('data-icon') || ''); 8378 return icon ? toTrackingLabel('top level icon ' + icon) : ''; 8379 } 8380 8381 if (navKind === 'left-promo' && promoIndex) { 8382 return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'left', promoIndex); 8383 } 8384 if ((navKind === 'highlight-promo' || navKind === 'right-promo') && promoIndex) { 8385 return formatPromoTrackingLabel(normalizeSectionKey(rootCategoryId), 'right', promoIndex); 8386 } 8387 8388 const isShopAll = 8389 navKind === 'shop-all' || 8390 el.classList.contains('navigation-level1__see-all-link') || 8391 el.classList.contains('fly-out-link') || 8392 el.classList.contains('level-3__fly-out-link'); 8393 8394 if (isShopAll) { 8395 return formatShopAllTrackingLabel(resolveShopAllCatalogId({ 8396 categoryId: el.getAttribute('data-category-id'), 8397 dataId: el.getAttribute('data-id'), 8398 url: el.getAttribute('href') || el.href || '', 8399 rootCategoryId: rootCategoryId 8400 })); 8401 } 8402 8403 return normalizeSectionKey( 8404 el.getAttribute('data-category-id') || 8405 el.getAttribute('data-id') || 8406 categoryIdFromUrl(el.getAttribute('href') || el.href || '') || 8407 el.getAttribute('data-icon') || 8408 cleanText(el) || 8409 '' 8410 ); 8411 }; 8412 8413 const handleNavTrackingClick = (event) => { 8414 if (isMobile() && isBurgerClick(event)) { 8415 abtestNavigationTriggerTest(); 8416 } 8417 8418 const el = event.target.closest 8419 ? event.target.closest( 8420 '[data-nav], .navigation-level1__see-all-link, a.fly-out-link, a.level-3__fly-out-link, a[href], a[data-id], button' 8421 ) 8422 : null; 8423 if (!el) return; 8424 8425 const iconLabel = resolveHeaderIconLabel(el); 8426 if (iconLabel) { 8427 pushNavTracking(iconLabel); 8428 return; 8429 } 8430 8431 if ( 8432 el.closest( 8433 '.header__hamburger-button, #js-menu-toggle, .menu-toggle, .js-menu-toggle' 8434 ) 8435 ) { 8436 return; 8437 } 8438 8439 /* Stamped / see-all targets only â do not fire on arbitrary page links */ 8440 if ( 8441 el.getAttribute('data-nav') || 8442 el.classList.contains('navigation-level1__see-all-link') || 8443 el.classList.contains('fly-out-link') || 8444 el.classList.contains('level-3__fly-out-link') 8445 ) { 8446 pushNavTracking(resolveClickCategoryId(el)); 8447 } 8448 }; 8449 8450 const initNavTracking = () => { 8451 if (initNavTracking.bound) return; 8452 initNavTracking.bound = true; 8453 8454 stampHeaderIconTracking(); 8455 8456 if (!isMobile()) { 8457 abtestNavigationTriggerTest(); 8458 } 8459 8460 document.addEventListener('click', handleNavTrackingClick, true); 8461 }; 8462 8463 const init = () => { 8464 /* 8465 * Fire VwoActive before heavy DOM work so desktop activation matches control 8466 * even if inject/build throws (reduces desktop SRM skew, esp. heavier EU locales). 8467 */ 8468 if (!isMobile()) { 8469 abtestNavigationTriggerTest(); 8470 } 8471
8472 try { 8473 injectContainers(); 8474 scheduleUspBannerNormalize(); 8475 scheduleCountryDialogCleanup(); 8476 initNavHover(); 8477 bindViewportZoomListener(); 8478 bindMobileFlyoutViewportListener(); 8479 buildAll().then(() => { 8480 syncHeaderStackHeight(); 8481 stampHeaderIconTracking(); 8482 }).catch(() => { 8483 stampHeaderIconTracking(); 8484 }); 8485 initNavTracking(); 8486 8487 const header = qs(selectors.header); 8488 if (header) { 8489 const observer = new MutationObserver(() => { 8490 syncMobileFlyout(); 8491 }); 8492 observer.observe(header, { attributes: true, attributeFilter: ['class'] }); 8493 MOBILE_MQ.addEventListener('change', () => { 8494 normalizeUspBanner(); 8495 cleanupCountryDialogWraps(); 8496 syncHeaderStackHeight(); 8497 syncMobileFlyoutGeometry(); 8498 syncMobileFlyout(); 8499 if (!isMobile()) { 8500 abtestNavigationTriggerTest(); 8501 rebuildDesktopLayout(); 8502 } 8503 }); 8504 } 8505 8506 const handleLayoutChange = debounce(() => { 8507 if (!isMobile()) rebuildDesktopLayout(); 8508 }, 200); 8509 8510 window.addEventListener('resize', handleLayoutChange); 8511 window.addEventListener('resize', debounce(() => { 8512 normalizeUspBanner(); 8513 syncHeaderStackHeight(); 8514 }, 100)); 8515 } catch (e) { 8516 /* Activation already fired â keep experiment countable */ 8517 try { initNavTracking(); } catch (err) { /* ignore */ } 8518 } 8519 }; 8520 8521 8522 8523 const LegacyLayoutEngine = (function () { 8524 const createMeasurementSandbox = () => { 8525 const root = createEl('div'); 8526 root.id = 'nav-measurement-sandbox'; 8527 root.setAttribute('aria-hidden', 'true'); 8528 document.body.appendChild(root); 8529 return root; 8530 }; 8531 8532 const mountInSandbox = (sandbox, node) => { 8533 sandbox.replaceChildren(node); 8534 return node; 8535 }; 8536 8537 const cloneMeasureShell = (componentShell) => componentShell.cloneNode(true); 8538 8539 const getMiddleColumnWidth = (sandbox, measureShell) => { 8540 mountInSandbox(sandbox, measureShell); 8541 const middleCol = measureShell.querySelector(`.${classes.colMiddle}`); 8542 return middleCol ? middleCol.getBoundingClientRect().width : 0; 8543 }; 8544 8545 const getMiddleTopAvailableHeight = (sandbox, measureShell) => { 8546 mountInSandbox(sandbox, measureShell); 8547 8548 const middleBottom = measureShell.querySelector(`.${classes.middleBottom}`); 8549 const middleTop = measureShell.querySelector(`.${classes.middleTop}`); 8550 8551 if (middleTop) middleTop.replaceChildren(); 8552 8553 const flexHeight = middleTop?.clientHeight || 0; 8554 if (flexHeight > 0) return flexHeight; 8555 8556 const component = measureShell.querySelector(`.${classes.component}`); 8557 const panelBudgetPx = Math.floor( 8558 window.innerHeight * (CONFIG.panelMaxHeightVh / 100) 8559 ); 8560 let componentPaddingY = 0; 8561 if (component) { 8562 const componentStyle = window.getComputedStyle(component); 8563 componentPaddingY = parseFloat(componentStyle.paddingTop) + 8564 parseFloat(componentStyle.paddingBottom); 8565 } 8566 const bottomHeight = middleBottom?.offsetHeight || 0; 8567 8568 return Math.max(0, panelBudgetPx - componentPaddingY - bottomHeight); 8569 }; 8570 8571 const getSingleColumnWidth = (middleColumnWidth) => { 8572 if (!middleColumnWidth) return 320; 8573 return Math.max( 8574 1, 8575 (middleColumnWidth - CONFIG.middleColumnGap) / CONFIG.middleColumnCount 8576 ); 8577 }; 8578 8579 const createColumnItemsContent = (columnItems, isCategoriesSection = false, splitLinksAsBlocks = false) => { 8580 const column = createEl('div', classes.middleColumn); 8581 let pendingFlatLinks = []; 8582 8583 const flushFlatLinks = () => { 8584 if (!pendingFlatLinks.length) return; 8585 if (isCategoriesSection) { 8586 pendingFlatLinks.forEach(link => { 8587 const list = createSubList([link]); 8588 list.classList.add('show-divider'); 8589 column.appendChild(list); 8590 }); 8591 } else { 8592 const list = createSubList(pendingFlatLinks); 8593 column.appendChild(list); 8594 } 8595 pendingFlatLinks = []; 8596 }; 8597
8598 columnItems.forEach((item) => { 8599 if (item.type === 'link') { 8600 if (splitLinksAsBlocks) { 8601 flushFlatLinks(); 8602 column.appendChild(createSubList([{ label: item.label, url: item.url }])); 8603 return; 8604 } 8605 8606 pendingFlatLinks.push({ label: item.label, url: item.url }); 8607 return; 8608 } 8609 8610 if (item.type === 'subgroup') { 8611 flushFlatLinks(); 8612 const subgroup = createSubgroup(item, { showDivider: true }); 8613 column.appendChild(subgroup); 8614 } 8615 }); 8616 8617 flushFlatLinks(); 8618 return column; 8619 }; 8620 8621 const createLevel2Group = (group) => { 8622 const wrapper = createEl('div', classes.group); 8623 wrapper.classList.add('level2-group'); 8624 if (group.isContinuation) wrapper.classList.add(classes.groupContinued); 8625 if (group.showTitle !== false) wrapper.appendChild(createEl('div', classes.groupTitle, group.title)); 8626 8627 const content = createEl('div', classes.groupContent); 8628 8629 (group.items || []).forEach((item) => { 8630 if (item.type === 'link') { 8631 const list = content.querySelector(`.${classes.sublist}`) || createSubList([]); 8632 if (!list.parentElement) content.appendChild(list); 8633 list.appendChild(createLinkItem({ 8634 label: item.label, 8635 url: item.url, 8636 categoryId: item.categoryId || '' 8637 })); 8638 return; 8639 } 8640 if (item.type === 'subgroup') content.appendChild(createSubgroup(item)); 8641 }); 8642 8643 if (!group.items?.length && group.links?.length) content.appendChild(createSubList(group.links)); 8644 8645 if (group.hasLevel3) { 8646 wrapper.classList.add('show-divider'); 8647 } 8648 8649 wrapper.appendChild(content); 8650 return wrapper; 8651 }; 8652 8653 const createGroupedColumnContent = (columnGroups) => { 8654 const column = createEl('div', classes.middleColumn); 8655 columnGroups.forEach((group) => { 8656 column.appendChild(createLevel2Group(group)); 8657 }); 8658 return column; 8659 }; 8660 8661 const measureColumnStackHeight = ( 8662 sandbox, 8663 measureShell, 8664 renderColumnContent, 8665 columnWidth, 8666 simulateTwoColumns = false 8667 ) => { 8668 mountInSandbox(sandbox, measureShell); 8669 8670 const middleTop = measureShell.querySelector(`.${classes.middleTop}`); 8671 middleTop.replaceChildren(); 8672 8673 const columnsWrapper = createEl('div', classes.middleColumns); 8674 columnsWrapper.style.alignItems = 'flex-start'; 8675 8676 const column = renderColumnContent(); 8677 if (columnWidth) { 8678 if (simulateTwoColumns) { 8679 column.style.flex = `0 0 ${columnWidth}px`; 8680 column.style.width = `${columnWidth}px`; 8681 column.style.maxWidth = `${columnWidth}px`; 8682 } else { 8683 column.style.flex = '1 1 auto'; 8684 column.style.width = '100%'; 8685 column.style.maxWidth = '100%'; 8686 } 8687 column.style.boxSizing = 'border-box'; 8688 } 8689 8690 columnsWrapper.appendChild(column); 8691 8692 if (simulateTwoColumns && columnWidth) { 8693 const spacerCol = createEl('div', classes.middleColumn); 8694 spacerCol.setAttribute('aria-hidden', 'true'); 8695 spacerCol.style.visibility = 'hidden'; 8696 spacerCol.style.pointerEvents = 'none'; 8697 spacerCol.style.flex = `0 0 ${columnWidth}px`; 8698 spacerCol.style.width = `${columnWidth}px`; 8699 spacerCol.style.maxWidth = `${columnWidth}px`; 8700 columnsWrapper.appendChild(spacerCol); 8701 } 8702 8703 middleTop.appendChild(columnsWrapper); 8704 8705 return Math.ceil(column.offsetHeight || column.getBoundingClientRect().height); 8706 }; 8707 8708 const getRenderedColumnHeight = ( 8709 measureShell, 8710 items, 8711 columnWidth, 8712 isCategoriesSection = false, 8713 simulateTwoColumns = true, 8714 splitLinksAsBlocks = false 8715 ) => ( 8716 measureColumnStackHeight( 8717 measurementSandbox, 8718 cloneMeasureShell(measureShell), 8719 () => createColumnItemsContent(items, isCategoriesSection, splitLinksAsBlocks), 8720 columnWidth, 8721 simulateTwoColumns 8722 ) 8723 ); 8724 8725 const getRenderedGroupStackHeight = ( 8726 measureShell, 8727 groups, 8728 columnWidth, 8729 simulateTwoColumns = true 8730 ) => ( 8731 measureColumnStackHeight( 8732 measurementSandbox, 8733 cloneMeasureShell(measureShell), 8734 () => createGroupedColumnContent(groups), 8735 columnWidth, 8736 simulateTwoColumns 8737 ) 8738 ); 8739 8740 const findMaxBlocksThatFit = (blocks, measureStack, availableHeight) => { 8741 if (!blocks.length) return 0; 8742 8743 let fitCount = 0; 8744 8745 for (let count = 1; count <= blocks.length; count += 1) { 8746 const stackHeight = measureStack(blocks.slice(0, count)); 8747 if (stackHeight <= availableHeight) { 8748 fitCount = count; 8749 } else { 8750 break; 8751 } 8752 } 8753 8754 return fitCount || 1; 8755 }; 8756 8757 const distributeItemsIntoColumnsByHeight = ( 8758 items, 8759 availableHeight, 8760 measureShell, 8761 middleColumnWidth, 8762 singleColumnWidth, 8763 isCategoriesSection = false, 8764 splitLinksAsBlocks = false 8765 ) => { 8766 const fullWidthHeight = getRenderedColumnHeight( 8767 measureShell, 8768 items, 8769 middleColumnWidth, 8770 isCategoriesSection, 8771 false, 8772 splitLinksAsBlocks 8773 ); 8774 8775 if (fullWidthHeight <= availableHeight) { 8776 return [items]; 8777 } 8778 8779 const measureHalfStack = (slice) => getRenderedColumnHeight( 8780 measureShell, 8781 slice, 8782 singleColumnWidth, 8783 isCategoriesSection, 8784 true, 8785 splitLinksAsBlocks 8786 ); 8787 8788 const splitAt = findMaxBlocksThatFit(items, measureHalfStack, availableHeight); 8789 8790 return [ 8791 items.slice(0, splitAt), 8792 items.slice(splitAt) 8793 ].filter((column) => column.length); 8794 }; 8795 8796 const distributeGroupsIntoColumnsByHeight = ( 8797 groups, 8798 availableHeight, 8799 measureShell, 8800 middleColumnWidth, 8801 singleColumnWidth 8802 ) => { 8803 const fullWidthHeight = getRenderedGroupStackHeight( 8804 measureShell, 8805 groups, 8806 middleColumnWidth, 8807 false 8808 ); 8809 8810 if (fullWidthHeight <= availableHeight) { 8811 return [groups]; 8812 } 8813 8814 const measureHalfStack = (slice) => getRenderedGroupStackHeight( 8815 measureShell, 8816 slice, 8817 singleColumnWidth, 8818 true 8819 ); 8820 8821 const splitAt = findMaxBlocksThatFit(groups, measureHalfStack, availableHeight); 8822 8823 return [ 8824 groups.slice(0, splitAt), 8825 groups.slice(splitAt) 8826 ].filter((column) => column.length); 8827 }; 8828 8829 const createBalancedTwoColumnContent = ( 8830 items, 8831 availableHeight, 8832 measureShell, 8833 middleColumnWidth, 8834 singleColumnWidth, 8835 isCategoriesSection = false, 8836 splitLinksAsBlocks = false 8837 ) => { 8838 const columnsWrapper = createEl('div', classes.middleColumns); 8839 const columns = distributeItemsIntoColumnsByHeight( 8840 items, 8841 availableHeight, 8842 measureShell, 8843 middleColumnWidth, 8844 singleColumnWidth, 8845 isCategoriesSection, 8846 splitLinksAsBlocks 8847 ); 8848 8849 columns.forEach((columnItems, index) => { 8850 if (index === 1 && !columnItems.length) return; 8851 columnsWrapper.appendChild( 8852 createColumnItemsContent(columnItems, isCategoriesSection, splitLinksAsBlocks) 8853 ); 8854 });
8855 8856 return columnsWrapper; 8857 }; 8858 8859 const createGroupedMiddleColumns = ( 8860 groups, 8861 availableHeight, 8862 measureShell, 8863 middleColumnWidth, 8864 singleColumnWidth 8865 ) => { 8866 const columnsWrapper = createEl('div', classes.middleColumns); 8867 const columns = distributeGroupsIntoColumnsByHeight( 8868 groups, 8869 availableHeight, 8870 measureShell, 8871 middleColumnWidth, 8872 singleColumnWidth 8873 ); 8874 8875 columns.forEach((columnGroups, index) => { 8876 if (index === 1 && !columnGroups.length) return; 8877 columnsWrapper.appendChild(createGroupedColumnContent(columnGroups)); 8878 }); 8879 8880 return columnsWrapper; 8881 }; 8882 8883 const getLayoutMetrics = (componentShell) => { 8884 const measureShell = cloneMeasureShell(componentShell); 8885 const middleColumnWidth = getMiddleColumnWidth(measurementSandbox, measureShell); 8886 const singleColumnWidth = getSingleColumnWidth(middleColumnWidth); 8887 const availableHeight = getMiddleTopAvailableHeight( 8888 measurementSandbox, 8889 cloneMeasureShell(componentShell) 8890 ); 8891 8892 return { 8893 measureShell: cloneMeasureShell(componentShell), 8894 middleColumnWidth, 8895 singleColumnWidth, 8896 availableHeight 8897 }; 8898 }; 8899 8900 const layoutMiddleTopLegacy = (middleTop, sectionData, componentShell) => { 8901 const { 8902 items = [], 8903 groups = [], 8904 flatLinks = [], 8905 links = [], 8906 isCategoriesSection = false 8907 } = sectionData; 8908 8909 const { 8910 measureShell, 8911 middleColumnWidth, 8912 singleColumnWidth, 8913 availableHeight 8914 } = getLayoutMetrics(componentShell); 8915 8916 middleTop.replaceChildren(); 8917 8918 if (groups.length) { 8919 middleTop.appendChild( 8920 createGroupedMiddleColumns( 8921 groups, 8922 availableHeight, 8923 measureShell, 8924 middleColumnWidth, 8925 singleColumnWidth 8926 ) 8927 ); 8928 return; 8929 } 8930 8931 const appendBalancedItems = (sectionItems, categoriesSection, splitLinksAsBlocks) => { 8932 middleTop.appendChild( 8933 createBalancedTwoColumnContent( 8934 sectionItems, 8935 availableHeight, 8936 measureShell, 8937 middleColumnWidth, 8938 singleColumnWidth, 8939 categoriesSection, 8940 splitLinksAsBlocks 8941 ) 8942 ); 8943 }; 8944 8945 if (items.length) { 8946 appendBalancedItems(items, isCategoriesSection, !hasSubgroups(items)); 8947 return; 8948 } 8949 8950 if (flatLinks.length) { 8951 appendBalancedItems( 8952 flatLinks.map(({ label, url, categoryId }) => ({ 8953 type: 'link', 8954 label: label, 8955 url: url, 8956 categoryId: categoryId || '' 8957 })), 8958 false, 8959 true 8960 ); 8961 return; 8962 } 8963 8964 if (links.length) { 8965 appendBalancedItems( 8966 links.map(({ label, url }) => ({ type: 'link', label, url })), 8967 false, 8968 true 8969 ); 8970 } 8971 }; 8972 8973 const ensureSandbox = () => { 8974 if (!measurementSandbox) { 8975 measurementSandbox = createMeasurementSandbox();
8976 } 8977 return measurementSandbox; 8978 }; 8979 8980 return { 8981 ensureSandbox, 8982 layoutMiddleTopLegacy, 8983 distributeItemsIntoColumnsByHeight, 8984 createBalancedTwoColumnContent 8985 }; 8986 })(); 8987 8988 return { 8989 init, 8990 buildAll, 8991 rebuildDesktopLayout, 8992 getNavData: () => navData, 8993 CONFIG, 8994 LegacyLayoutEngine 8995 }; 8996 })(); 8997 8998 function navDefer(method, attempts) { 8999 attempts = attempts || 0; 9000 if (document.querySelector('.header.js-header, #js-navigation, .main-nav')) { 9001 method(); 9002 } else if (attempts < 50) { 9003 setTimeout(function () { 9004 navDefer(method, attempts + 1); 9005 }, 100); 9006 } else { 9007 method(); 9008 } 9009 } 9010 9011 if (document.readyState === 'loading') { 9012 document.addEventListener('DOMContentLoaded', function () { 9013 navDefer(Navigation.init); 9014 }); 9015 } else { 9016 navDefer(Navigation.init); 9017 } 9018 9019 window.Navigation = Navigation; 9020</script>
9020 9021 9022 9023 9024
9024<script> 9025 //Initialize 9026 function listerDefer(method) { 9027 if (window.jQuery) { 9028 method(); 9029 } else { 9030 setTimeout(function () { 9031 listerDefer(method); 9032 }, 100); 9033 } 9034 } 9035 9036 //Default tracking 9037 function cnvrtListerTestTracking() { 9038 window.dataLayer.push({ 9039 eventCategory: 'C-change-trt-copy-t452', 9040 event: 'VwoActive' 9041 }); 9042 9043 if (typeof hj != 'undefined') hj('trigger', 'lister-change-trt-copy'); 9044 if (typeof hj != 'undefined') 9045 hj('tagRecording', ['c-lister-change-trt-copy']); 9046 } 9047 9048 //Custom tracking 9049 function listerPushEvent(eventAction, eventLabel) { 9050 window.dataLayer.push({ 9051 eventCategory: 'Listerpage', 9052 eventAction: eventAction, 9053 eventLabel: eventLabel, 9054 event: 'GA Tracking' 9055 }); 9056 } 9057 9058 //Test content 9059 listerDefer(function () { 9060 //Default tracking 9061 cnvrtListerTestTracking(); 9062 }); 9063</script>
9063 9064 9065 9066 9067
9067<script> 9068 9069function cnvertAaPdpDefer(method) { 9070 if (window.jQuery) { 9071 method(); 9072 } else { 9073 setTimeout(function() { cnvertAaPdpDefer(method) }, 100); 9074 } 9075} 9076 9077 9078function cnvertAaPdpTriggerTest(){ 9079 9080 window.dataLayer.push({'eventCategory': 'V1-aa-pdp-sffc-tool-xxx2', 'event': 'VwoActive'}); 9081 9082} 9083 9084 9085cnvertAaPdpDefer(function () { 9086 // if(window.location.href.indexOf("your-routine") > -1) { 9087 // cnvertAaHomeTriggerTest(); 9088 // } 9089 9090 //if($('.pt_product-details').length){ 9091 cnvertAaPdpTriggerTest(); 9092 //} 9093}); 9094 9095</script>
9095 9096 9097 9098 9099 9100 9101 9102 9103
9103<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/cloudinary.js" defer></script>
9103 9104
9104<script src="https://unpkg.com/[email protected]/cloudinary-core-shrinkwrap.min.js"></script>
vendor: 188 bytes, lines 9104-9112
9104 9105 9106 9107 9108 9109 9110 9111 <script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render=explicit" async="async" defer="defer" data-cookieconsent="ignore"></script> 9112
9112<script> 9113 window.onloadRecaptchaCallback = window.onloadRecaptchaCallback || function () { 9114 if (window.jQuery) { 9115 jQuery(document).trigger('recaptchaReady'); 9116 } 9117 }; 9118 </script>
9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 9128<link rel="canonical" href="https://www.paulaschoice-eu.com/products/eye-care" /> 9129 9130 9131 9132 9133 9134 9135 9136</head> 9137<body> 9138 9139 9140 9141 9142 <input type="hidden" id="missingcookie"/> 9143 9144 9145 9146 9147 <!-- Google Tag Manager (noscript) --> 9148 <noscript> 9149 <iframe src="https://sst.paulaschoice-eu.com/ns.html?id=GTM-WMQ3NWH>m_auth=q_ZLBsfvdNHKYvnb6nEmNQ>m_preview=env-2>m_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe> 9150 </noscript> 9151 <!-- End Google Tag Manager (noscript) --> 9152 9153 9154 9155<div id="wrapper" class="wrapper pt_collectionlanding"> 9156 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 9213 9214 9215 9216 9217 9218 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242 9243 9244 9245 9246 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285<section class="js-country-detector country-detector form-horizontal" data-currentLocale="en" style="display: none;"> 9286 9287 9288 9289 9290 9291 9292<div class="title-wrap"> 9293 9294<span class="title">redirect.popup.title.null</span> 9295</div> 9296<p class="description">redirect.alert.null</p> 9297<div class="button-wrapper"> 9298<button class="js-continue-country-detector button simple dialog-button" type="button">label.continue.null</button> 9299<button class="js-redirect dialog-button button" type="button">LABEL.REDIRECT.NULL</button> 9300</div> 9301 9302</section> 9303 9304 9305 9306 9307 9308 9309 9310 9311 9312 9313 9314 9315 9316 9317 9318 9319 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 9343 9344 9345 9346 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 9359 9360 9361 9362 9363 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 9413 9414 9415 9416 9417 9418 9419 9420 9421 9422 9423 9424 9425 9426 9427 9428 9429 9430 9431 9432<div id="js-usp-banner" class="usp-banner text-normal-sm-regular"> 9433 9434 9435 9436 9437 9438<div class="usp-bar-wrapper"> 9439 9440 9441 9442 9443 9444 9445 9446 9447 9448<div class="content-asset"> 9449<section class="usp-bar js-usp-slider js-mobile-slider" style="background: #1c1c1c"> 9450 <div class="usp-bar-wrap js-slide-wrapper"> 9451 <div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i> 9452 <span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/anti-ageing" style="color: #f6f7f6;"><span style="font-weight: bold;">15% off youth-extending formulas</span></a> 9453 </span> 9454 </div> 9455 <div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i> 9456 <span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/bestsellers" style="color: #f6f7f6">Free delivery on all orders over ⬠150</a></span> 9457 </div> 9458 <div class="usp-bar-item js-slide"> <i class="fa fa-shopping-cart"></i> 9459 <span class="usp-bar-text"> <a href="https://www.paulaschoice-eu.com/anti-ageing" style="color: #f6f7f6">Up to 2 free gifts</a> 9460 </span> 9461 </div> 9462 </div> 9463</section> 9464</div> 9465 9466 9467 9468 9469 9470</div> 9471</div> 9472<header class="header js-header"> 9473<div class="header__content"> 9474<button type="button" class="header__hamburger-button unstyled js-menu-toggle-btn"> 9475<span class="visually-hidden">Menu</span> 9476</button> 9477<button id="js-search-toggle" type="button" class="search-toggle" title="Search"> 9478<span class="icon icon-search search-toggle_icon-search" aria-hidden="true"></span> 9479<span class="icon icon-close search-toggle_icon-close" aria-hidden="true"></span> 9480<span class="close-search">Close Search</span> 9481</button> 9482<div id="js-header-search" class="header-search"> 9483 9484<form class="header-search__form" role="search" action="/search" method="get" name="simpleSearch"> 9485<fieldset class="header-search__form-content"> 9486<label class="visually-hidden" for="q">Search Catalog</label> 9487<input class="header-search__input" type="text" id="q" name="q" value="" placeholder="Enter Keyword or Item No." /> 9488<input type="hidden" name="lang" value="en"/> 9489<button class="header-search__button" type="submit" aria-label="Search"> 9490<span class="icon icon-search" aria-hidden="true"></span> 9491</button> 9492</fieldset> 9493</form> 9494 9495<div class="header-search__container header-search-container" body-scroll-lock-ignore> 9496</div> 9497<div class="js-overlay overlay"></div> 9498</div> 9499<a class="header__logo" href="/" title="Back to Homepage"> 9500<span class="visually-hidden">Back to Homepage</span> 9501</a> 9502 9503<div id="mini-cart" class="mini-cart js-mini-cart"> 9504 9505 9506 9507 9508 9509 9510 9511 9512 9513 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525 9526 9527 9528 9529 9530 9531 9532 9533 9534 9535 9536 9537 9538 9539 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 9552 9553 9554 9555 9556 9557 9558 9559 9560 9561 9562 9563 9564 9565 9566 9567 9568 9569 9570 9571 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586 9587 9588 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617 9618 9619 9620 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635 9636<!-- Report any requested source code --> 9637 9638<!-- Report the active source code --> 9639 9640 9641 9642 9643 9644 9645<div class="mini-cart__total"> 9646 9647<a id="empty-minicart" class="js-mini-cart-link mini-cart__link mini-cart__link--empty" href="https://www.paulaschoice-eu.com/cart" title="Edit shopping bag"> 9648<span class="mini-cart__icon icon icon-cart" aria-hidden="true"></span> 9649<span id="js-minicart-quantity" class="mini-cart__quantity">0</span> 9650</a> 9651 9652</div> 9653 9654</div> 9655<nav id="navigation" class="main-nav"> 9656 9657 9658 9659 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 9759 9760 9761 9762 9763 9764 9765 9766 9767 9768 9769 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 9781 9782 9783 9784 9785 9786<ul id="js-menu-categories" class="main-nav__list level-1" body-scroll-lock-ignore> 9787 9788<li class="main-nav__item js-menu-item"> 9789<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="shop-products" href="https://www.paulaschoice-eu.com/skincare"> 9790 9791Shop 9792 9793skincare
9794<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span> 9795</a> 9796 9797 9798 9799 9800 9801 9802 9803 9804 9805 9806 9807 9808 9809 9810 9811 9812 9813 9814 9815 9816 9817 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827 9828 9829 9830 9831 9832 9833 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843 9844 9845 9846 9847 9848 9849 9850 9851 9852 9853 9854 9855 9856 9857 9858 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 9876 9877 9878 9879 9880 9881 9882 9883 9884 9885 9886 9887 9888 9889 9890 9891 9892 9893 9894 9895 9896 9897 9898 9899 9900 9901 9902 9903 9904 9905 9906 9907 9908 9909 9910 9911 9912 9913 9914 9915 9916 9917 9918 9919 9920 9921 9922 9923<div class="level-2 sub-menu"> 9924<div class="sub-menu__inner"> 9925 9926 9927<ul class="sub-menu__list menu-vertical js-menu-vertical"> 9928 9929<li class="sub-menu__item level-3 js-level-3"> 9930 9931 9932<a data-id="concerns" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/by-skin-concern"> 9933Concerns 9934 9935<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 9936 9937</a> 9938 9939<div class="sub-menu__content"> 9940<div class="sub-menu__content-inner"> 9941<div class="sub-menu__content-left"> 9942 9943 9944 9945<ul class="level-3__list js-level-3"> 9946 9947 9948 9949 9950 9951 9952 9953 9954 9955<li class="level-3__item link-normal-sm-semibold"> 9956<a data-id="acne-prone-skin" href="https://www.paulaschoice-eu.com/acne-prone-skin/breakouts"> 9957 9958Acne-prone skin 9959 9960</a> 9961</li> 9962 9963 9964 9965 9966 9967 9968 9969<li class="level-3__item link-normal-sm-semibold"> 9970<a data-id="breakouts" href="https://www.paulaschoice-eu.com/breakouts/breakouts"> 9971 9972Breakouts 9973 9974</a> 9975</li> 9976 9977 9978 9979 9980 9981 9982 9983<li class="level-3__item link-normal-sm-semibold"> 9984<a data-id="blackheads" href="https://www.paulaschoice-eu.com/blackheads/blackheads"> 9985 9986Blackheads 9987 9988</a> 9989</li> 9990 9991 9992 9993 9994 9995 9996 9997<li class="level-3__item link-normal-sm-semibold"> 9998<a data-id="anti-aging" href="https://www.paulaschoice-eu.com/anti-ageing/anti-ageing"> 9999 10000Anti-ageing 10001 10002</a> 10003</li> 10004 10005 10006 10007 10008 10009 10010 10011<li class="level-3__item link-normal-sm-semibold"> 10012<a data-id="dull-skin" href="https://www.paulaschoice-eu.com/dull-skin/dull-skin"> 10013 10014Dull skin 10015 10016</a> 10017</li> 10018 10019 10020 10021 10022 10023 10024 10025<li class="level-3__item link-normal-sm-semibold"> 10026<a data-id="keratosis-pilaris" href="https://www.paulaschoice-eu.com/keratosis-pilaris/keratosis-pilaris"> 10027 10028Keratosis pilaris 10029 10030</a> 10031</li> 10032 10033 10034 10035 10036 10037 10038 10039<li class="level-3__item link-normal-sm-semibold"> 10040<a data-id="brown-spots" href="https://www.paulaschoice-eu.com/brown-spots/brown-spots"> 10041 10042Brown spots 10043 10044</a> 10045</li> 10046 10047 10048 10049 10050 10051 10052 10053<li class="level-3__item link-normal-sm-semibold"> 10054<a data-id="redness" href="https://www.paulaschoice-eu.com/redness/redness"> 10055 10056Redness 10057 10058</a> 10059</li> 10060 10061 10062 10063 10064 10065 10066 10067<li class="level-3__item link-normal-sm-semibold"> 10068<a data-id="sensitive-skin" href="https://www.paulaschoice-eu.com/sensitive-skin/sensitive-skin"> 10069 10070Sensitive skin 10071 10072</a> 10073</li> 10074 10075 10076 10077 10078 10079 10080 10081<li class="level-3__item link-normal-sm-semibold"> 10082<a data-id="very-dry-skin" href="https://www.paulaschoice-eu.com/very-dry-skin/very-dry-skin"> 10083 10084Very dry skin 10085 10086</a> 10087</li> 10088 10089 10090 10091 10092 10093 10094 10095<li class="level-3__item link-normal-sm-semibold"> 10096<a data-id="enlarged-pores" href="https://www.paulaschoice-eu.com/enlarged-pores/enlarged-pores"> 10097 10098Enlarged pores 10099 10100</a> 10101</li> 10102 10103 10104 10105 10106 10107 10108 10109<li class="level-3__item link-normal-sm-semibold"> 10110<a data-id="rosacea-prone" href="https://www.paulaschoice-eu.com/rosacea-prone-skin/rosacea-prone-skin"> 10111 10112Rosacea-prone skin 10113 10114</a> 10115</li> 10116 10117 10118 10119 10120<li class="level-3__item link-normal-sm-semibold"> 10121<a href="https://www.paulaschoice-eu.com/by-skin-concern" class="fly-out-link"> 10122<span class="item-underline"> 10123See all concerns 10124</span> 10125</a> 10126</li> 10127 10128 10129</ul> 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140<div class="html-slot-container"> 10141 10142 10143<div class="navigation-link"> 10144 10145 10146<figure><a href="https://www.paulaschoice-eu.com/bha-for-all/bha-for-all.html"><img alt="Find the BHA strength made for you " src=" 10147 10148 10149 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-concern-left.jpg?_i=AG 10150 10151"/> </a> 10152<figcaption><a href="https://www.paulaschoice-eu.com/bha-for-all/bha-for-all.html">Find the BHA strength made for you </a></figcaption> 10153</figure> 10154 10155<figure><a href="https://www.paulaschoice-eu.com/bouncier-skin-starts-here/bouncier-skin-starts-here.html"><img alt="Peptide Collection" src=" 10156 10157 10158 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-aug26/nav-peptide.jpg?_i=AG 10159 10160" /></a> 10161 10162<figcaption><a href="https://www.paulaschoice-eu.com/bouncier-skin-starts-here/bouncier-skin-starts-here.html">Find your peptide match</a></figcaption> 10163</figure> 10164</div> 10165 10166 10167</div> 10168 10169 10170</div> 10171</li> 10172 10173<li class="sub-menu__item level-3 js-level-3"> 10174 10175 10176<a data-id="categories" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/by-routine-step"> 10177Categories 10178 10179<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 10180 10181</a> 10182 10183<div class="sub-menu__content"> 10184<div class="sub-menu__content-inner"> 10185<div class="sub-menu__content-left"> 10186 10187 10188 10189<ul class="level-3__list js-level-3"> 10190 10191 10192 10193 10194 10195 10196 10197 10198 10199<li class="level-3__item link-normal-sm-semibold"> 10200<a data-id="cleansers" href="https://www.paulaschoice-eu.com/cleansers"> 10201 10202<div class="level-3__category-image link-normal-sm-semibold"> 10203 10204 10205 10206 <img 10207 alt="Step 1 Cleansers" 10208 title="Step 1 Cleansers" 10209 class="picture__img lazy" 10210 src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 10211 data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_cleanser.svg?_i=AG" 10212 10213 10214 10215 10216 /> 10217 10218 10219<span> 10220Step 1 Cleansers 10221</span> 10222</div> 10223 10224</a> 10225</li> 10226 10227 10228 10229 10230 10231 10232 10233<li class="level-3__item link-normal-sm-semibold"> 10234<a data-id="toners" href="https://www.paulaschoice-eu.com/toners"> 10235 10236<div class="level-3__category-image link-normal-sm-semibold"> 10237 10238 10239 10240 <img 10241 alt="Step 2 Toners" 10242 title="Step 2 Toners" 10243 class="picture__img lazy" 10244 src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 10245 data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_toner.svg?_i=AG" 10246 10247 10248 10249 10250 /> 10251 10252 10253<span> 10254Step 2 Toners 10255</span> 10256</div> 10257 10258</a> 10259</li> 10260 10261 10262 10263 10264 10265 10266 10267<li class="level-3__item link-normal-sm-semibold"> 10268<a data-id="exfoliants" href="https://www.paulaschoice-eu.com/exfoliants"> 10269 10270<div class="level-3__category-image link-normal-sm-semibold"> 10271 10272 10273 10274 <img 10275 alt="Step 3 Exfoliants" 10276 title="Step 3 Exfoliants" 10277 class="picture__img lazy" 10278 src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 10279 data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_exfoliant.svg?_i=AG" 10280 10281 10282 10283 10284 /> 10285 10286 10287<span> 10288Step 3 Exfoliants 10289</span> 10290</div> 10291 10292</a> 10293</li> 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle"> 10304 10305<div class="level-3__category-image link-normal-sm-semibold"> 10306 10307 10308 10309 <img 10310 alt="Step 4 Treatments" 10311 title="Step 4 Treatments" 10312 class="picture__img lazy" 10313 src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 10314 data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_treatment.svg?_i=AG" 10315 10316 10317 10318 10319 /> 10320 10321 10322<span> 10323Step 4 Treatments 10324</span> 10325</div> 10326 10327<span class="icon icon-chevron-thin" aria-hidden="true"></span> 10328</li> 10329 10330 10331<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10332<a data-id="treatments" href="https://www.paulaschoice-eu.com/treatments"> 10333 10334Treatments 10335 10336</a> 10337</li> 10338 10339 10340 10341 10342 10343 10344 10345<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10346<a data-id="serums" href="https://www.paulaschoice-eu.com/serums"> 10347 10348Serums 10349 10350</a> 10351</li> 10352 10353 10354 10355 10356 10357 10358 10359<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10360<a data-id="boosters-products" href="https://www.paulaschoice-eu.com/boosters"> 10361 10362Boosters 10363 10364</a> 10365</li> 10366 10367 10368 10369 10370 10371 10372 10373<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10374<a data-id="masks" href="https://www.paulaschoice-eu.com/masks"> 10375 10376Masks 10377 10378</a> 10379</li> 10380 10381 10382 10383 10384 10385 10386 10387<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10388<a data-id="eye-care-products" href="https://www.paulaschoice-eu.com/products/eye-care"> 10389 10390Eye products 10391 10392</a> 10393</li> 10394 10395 10396 10397 10398 10399 10400 10401 10402 10403<li class="level-3__item js-level-4-toggle level-3__item--fake-level-toggle"> 10404 10405<div class="level-3__category-image link-normal-sm-semibold"> 10406 10407 10408 10409 <img 10410 alt="Step 5 Moisturisers" 10411 title="Step 5 Moisturisers" 10412 class="picture__img lazy" 10413 src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 10414 data-src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/catalog/images/navigation-redesign/HP-icons_moisturiser.svg?_i=AG" 10415 10416 10417 10418 10419 /> 10420 10421 10422<span> 10423Step 5 Moisturisers 10424</span> 10425</div> 10426 10427<span class="icon icon-chevron-thin" aria-hidden="true"></span> 10428</li> 10429 10430 10431<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10432<a data-id="moisturisers-spf" href="https://www.paulaschoice-eu.com/spf-moisturisers"> 10433 10434SPF moisturisers 10435 10436</a> 10437</li> 10438 10439 10440 10441 10442 10443 10444 10445<li class="level-3__item fake-level-4 link-normal-sm-semibold"> 10446<a data-id="moisturisers-without-spf" href="https://www.paulaschoice-eu.com/moisturisers"> 10447 10448Moisturisers 10449 10450</a> 10451</li> 10452 10453 10454 10455 10456 10457 10458 10459<li class="level-3__item link-normal-sm-semibold"> 10460<a data-id="makeup" href="https://www.paulaschoice-eu.com/make-up"> 10461 10462Make-up prep essentials 10463 10464</a> 10465</li> 10466 10467 10468 10469 10470 10471 10472 10473<li class="level-3__item link-normal-sm-semibold"> 10474<a data-id="lip-care" href="https://www.paulaschoice-eu.com/lip-products"> 10475 10476Lip products 10477 10478</a> 10479</li> 10480 10481 10482 10483 10484 10485 10486 10487<li class="level-3__item link-normal-sm-semibold"> 10488<a data-id="body-care" href="https://www.paulaschoice-eu.com/body-care"> 10489 10490Bodycare 10491 10492</a> 10493</li> 10494 10495 10496 10497 10498 10499</ul> 10500 10501 10502 10503 10504 10505 10506 10507 10508 10509 10510<div class="html-slot-container"> 10511 10512 10513<div class="navigation-link"> 10514<figure><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><img alt="Test or travel with our mini combos" src=" 10515 10516 10517 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-left.jpg?_i=AG 10518 10519"/> </a> 10520<figcaption><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><b>Test or travel</b> with our mini combos</a></figcaption> 10521<!--a href="javascript:;"> </a--></figure> 10522 10523<figure><a href="https://www.paulaschoice-eu.com/routine-finder"><img alt="Find your routine" src=" 10524 10525 10526 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-apr26/nav-routine-right.jpg?_i=AG 10527 10528"/> </a> 10529 10530<figcaption><a href="https://www.paulaschoice-eu.com/routine-finder">Find your routine in just 3 clicks</a></figcaption> 10531<!--a href="javascript:;"> </a--></figure> 10532</div> 10533 10534 10535</div> 10536 10537 10538</div> 10539</li> 10540 10541<li class="sub-menu__item level-3 js-level-3"> 10542 10543 10544<a data-id="ingredients" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/ingredients-category"> 10545Ingredients 10546 10547<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 10548 10549</a> 10550 10551<div class="sub-menu__content"> 10552<div class="sub-menu__content-inner"> 10553<div class="sub-menu__content-left"> 10554 10555 10556 10557<ul class="level-3__list js-level-3"> 10558 10559 10560 10561 10562 10563 10564 10565 10566 10567<li class="level-3__item link-normal-sm-semibold"> 10568<a data-id="retinol-products" href="https://www.paulaschoice-eu.com/product-with-retinol"> 10569 10570Retinol 10571 10572</a> 10573</li> 10574 10575 10576 10577 10578 10579 10580 10581<li class="level-3__item link-normal-sm-semibold"> 10582<a data-id="spf-products" href="https://www.paulaschoice-eu.com/spf-products"> 10583 10584SPF 10585 10586</a> 10587</li> 10588 10589 10590 10591 10592 10593 10594 10595<li class="level-3__item link-normal-sm-semibold"> 10596<a data-id="vitamin-c-products" href="https://www.paulaschoice-eu.com/vitamin-c"> 10597 10598Vitamin C 10599 10600</a> 10601</li> 10602 10603 10604 10605 10606 10607 10608 10609<li class="level-3__item link-normal-sm-semibold"> 10610<a data-id="peptides-products" href="https://www.paulaschoice-eu.com/peptides"> 10611 10612Peptides 10613 10614</a> 10615</li> 10616 10617 10618 10619 10620 10621 10622 10623<li class="level-3__item link-normal-sm-semibold"> 10624<a data-id="bha-salicylic-acid" href="https://www.paulaschoice-eu.com/bha-salicylic-acid"> 10625 10626BHA Salicylic acid 10627 10628</a> 10629</li> 10630 10631 10632 10633 10634 10635 10636 10637<li class="level-3__item link-normal-sm-semibold"> 10638<a data-id="aha-glycolic-acid" href="https://www.paulaschoice-eu.com/aha"> 10639 10640AHA 10641 10642</a> 10643</li> 10644 10645 10646 10647 10648 10649 10650 10651<li class="level-3__item link-normal-sm-semibold"> 10652<a data-id="ceramide-products" href="https://www.paulaschoice-eu.com/ceramide"> 10653 10654Ceramides 10655 10656</a> 10657</li> 10658 10659 10660 10661 10662 10663 10664 10665<li class="level-3__item link-normal-sm-semibold"> 10666<a data-id="hyaluronic-acid-products" href="https://www.paulaschoice-eu.com/hyaluronic-acid"> 10667 10668Hyaluronic acid 10669 10670</a> 10671</li> 10672 10673 10674 10675 10676 10677 10678 10679<li class="level-3__item link-normal-sm-semibold"> 10680<a data-id="niacinamide-products" href="https://www.paulaschoice-eu.com/niacinamide"> 10681 10682Niacinamide 10683 10684</a> 10685</li> 10686 10687 10688 10689 10690 10691 10692 10693<li class="level-3__item link-normal-sm-semibold"> 10694<a data-id="omega-fatty-acids-products" href="https://www.paulaschoice-eu.com/omega-fatty-acid"> 10695 10696Omega fatty acids 10697 10698</a> 10699</li> 10700 10701 10702 10703 10704 10705 10706 10707<li class="level-3__item link-normal-sm-semibold"> 10708<a data-id="bakuchiol" href="https://www.paulaschoice-eu.com/bakuchiol"> 10709 10710Bakuchiol 10711 10712</a> 10713</li> 10714 10715 10716 10717 10718<li class="level-3__item link-normal-sm-semibold"> 10719<a href="https://www.paulaschoice-eu.com/ingredients-category" class="fly-out-link"> 10720<span class="item-underline"> 10721See all ingredients 10722</span> 10723</a> 10724</li> 10725 10726 10727</ul> 10728 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738<div class="html-slot-container"> 10739 10740 10741<div class="navigation-link"> 10742 10743 10744<figure><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-lip-plumping-duo/m77054.html"><img alt="Peptide Plumping Duo" src=" 10745 10746 10747 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-may26/nav3-ingredient.jpg?_i=AG 10748 10749" /></a> 10750 10751<figcaption><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-lip-plumping-duo/m77054.html"><b>New</b>: Peptide Plumping Duo, Plump & hydrated lips </a></figcaption> 10752</figure> 10753 10754<figure><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><img alt="New: Peptide Plumping Intensive Moisturizer " src=" 10755 10756 10757 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-sep26/By-Ingredient-right.jpg?_i=AG 10758 10759"/> </a> 10760<figcaption><a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-plumping-intensive-moisturizer/m1160.html"><b>New</b>: Peptide Plumping Intensive Moisturizer</a></figcaption> 10761</figure> 10762</div> 10763 10764 10765</div> 10766 10767 10768</div> 10769</li> 10770 10771<li class="sub-menu__item level-3 js-level-3"> 10772 10773 10774<a data-id="collections" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/collections"> 10775Collections 10776 10777<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 10778 10779</a> 10780 10781<div class="sub-menu__content"> 10782<div class="sub-menu__content-inner"> 10783<div class="sub-menu__content-left"> 10784 10785 10786 10787<ul class="level-3__list js-level-3"> 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797<li class="level-3__item link-normal-sm-semibold"> 10798<a data-id="skin-perfecting" href="https://www.paulaschoice-eu.com/skin-perfecting"> 10799 10800Skin Perfecting 10801 10802</a> 10803</li> 10804 10805 10806 10807 10808 10809 10810 10811<li class="level-3__item link-normal-sm-semibold"> 10812<a data-id="plump-firm" href="https://www.paulaschoice-eu.com/plump-firm"> 10813 10814Plump + Firm 10815 10816</a> 10817</li> 10818 10819 10820 10821 10822 10823 10824 10825<li class="level-3__item link-normal-sm-semibold"> 10826<a data-id="youth-extending" href="https://www.paulaschoice-eu.com/youth-extending"> 10827 10828Youth Extending 10829 10830</a> 10831</li> 10832 10833 10834 10835 10836 10837 10838 10839<li class="level-3__item link-normal-sm-semibold"> 10840<a data-id="brighten-up" href="https://www.paulaschoice-eu.com/brighten-up"> 10841 10842Brighten Up 10843 10844</a> 10845</li> 10846 10847 10848 10849 10850 10851 10852 10853<li class="level-3__item link-normal-sm-semibold"> 10854<a data-id="barrier-balancing" href="https://www.paulaschoice-eu.com/barrier-balancing"> 10855 10856Barrier Balancing 10857 10858</a> 10859</li> 10860 10861 10862 10863 10864 10865 10866 10867<li class="level-3__item link-normal-sm-semibold"> 10868<a data-id="clear" href="https://www.paulaschoice-eu.com/clear"> 10869 10870Clear 10871 10872</a> 10873</li> 10874 10875 10876 10877 10878 10879 10880 10881<li class="level-3__item link-normal-sm-semibold"> 10882<a data-id="skin-shield-plus" href="https://www.paulaschoice-eu.com/skin-shield-plus"> 10883 10884Skin Shield+ 10885 10886</a> 10887</li> 10888 10889 10890 10891 10892 10893 10894 10895<li class="level-3__item link-normal-sm-semibold"> 10896<a data-id="body-revival" href="https://www.paulaschoice-eu.com/body-revival"> 10897 10898Body Revival 10899 10900</a> 10901</li> 10902 10903 10904 10905 10906<li class="level-3__item link-normal-sm-semibold"> 10907<a href="https://www.paulaschoice-eu.com/collections" class="fly-out-link"> 10908<span class="item-underline">
10909See all collections 10910</span> 10911</a> 10912</li> 10913 10914 10915</ul> 10916 10917 10918 10919 10920</div> 10921</li> 10922 10923<li class="sub-menu__item level-3 js-level-3"> 10924 10925 10926<a data-id="new-to-skin-care" class="level-3__link navigation-dropdown js-level-3-toggle level-3__link--dropdown link-normal-base-extrabold" href="https://www.paulaschoice-eu.com/new-to-skin-care"> 10927New to skincare? 10928 10929<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 10930 10931</a> 10932 10933<div class="sub-menu__content"> 10934<div class="sub-menu__content-inner"> 10935<div class="sub-menu__content-left"> 10936 10937 10938 10939<ul class="level-3__list js-level-3"> 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949<li class="level-3__item link-normal-sm-semibold"> 10950<a data-id="beginnersguide-routines" href="https://www.paulaschoice-eu.com/beginnersguide/routines"> 10951 10952Find out more about routines 10953 10954</a> 10955</li> 10956 10957 10958 10959 10960 10961 10962 10963<li class="level-3__item link-normal-sm-semibold"> 10964<a data-id="beginnersguide-exfoliants" href="https://www.paulaschoice-eu.com/beginnersguide/exfoliants"> 10965 10966Beginner's guide to exfoliants 10967 10968</a> 10969</li> 10970 10971 10972 10973 10974 10975</ul> 10976 10977 10978 10979 10980 10981 10982 10983 10984 10985 10986<div class="html-slot-container"> 10987 10988 10989<div class="navigation-link"> 10990<figure><a href="https://www.paulaschoice-eu.com/routine-finder"><img alt="Find your routine" src=" 10991 10992 10993 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/navigation0424/nav-routine-right.jpg?_i=AG 10994 10995" /></a> 10996 10997<figcaption><a href="https://www.paulaschoice-eu.com/routine-finder">Find your routine in just 3 clicks</a></figcaption> 10998</figure> 10999 11000<figure><a href="/contact-us"><img alt="Contact us" src=" 11001 11002 11003 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/Homepage/block%204/4-24122021-routines-UK-EU-ecourse.jpg?_i=AG 11004 11005"/> </a> 11006 11007<figcaption> 11008<a href="/contact-us">Free skincare consultations</a> 11009</figcaption> 11010</figure> 11011</div> 11012 11013 11014</div> 11015 11016 11017</div> 11018</li> 11019 11020</ul> 11021<div class="banner"> 11022 11023<ul> 11024 <!--li><a data-id="latest-and-greatest" href="https://www.paulaschoice-eu.com/search?cgid=latest-and-greatest" title="Latest & Greatest">Latest & Greatest</a></li--> 11025 <!--li><a data-id="bestsellers" href="https://www.paulaschoice-eu.com/bestsellers" title="Bestsellers">Bestsellers</a></li--> 11026 <!--li><a data-id="new-products" href="https://www.paulaschoice-eu.com/new-products" title="New products">New products</a></li--> 11027 <!--li><a data-id="spf-products" href="https://www.paulaschoice-eu.com/spf-products" title="SPF products">SPF products</a></li--> 11028 <!--li><a data-id="travel-sizes" href="https://www.paulaschoice-eu.com/travel-sizes/travel-size" title="Travel sizes">Travel sizes</a></li--> 11029 <!--li><a data-id="sets" href="https://www.paulaschoice-eu.com/sets" title="Sets">Sets</a></li--> 11030 <!--i><a data-id="powerduos" href="https://www.paulaschoice-eu.com/power-duos" title="Power Duos">Power Duos</a></li--> 11031 <!--li><a data-id="about-us" href="https://www.paulaschoice-eu.com/paulas-vision/paulas-vision.html" title="About us">About us</a></li--> 11032 <!--li><a data-id="routinefinder" href="https://www.paulaschoice-eu.com/routine-finder" title="Routinefinder">Routine finder</a></li--> 11033<!--li><a data-id="christmasshop" href="https://www.paulaschoice-eu.com/christmasshop" title="Christmasshop">Christmas shop</a></li--> 11034<!--li><a data-id="summer-academy" href="https://www.paulaschoice-eu.com/are-natural-and-organic-ingredients-better-for-your-skin" title="Summer Academy">Summer Academy</a></li--> 11035<!--li><a data-id="christmas-shop" href="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-Show?cid=christmas-shop" title="christmas-shop">christmas shop</a></li--> 11036</ul> 11037 11038 11039 11040 11041 11042 11043 11044</div> 11045</div> 11046</div> 11047<div class="js-overlay overlay"></div> 11048 11049 11050</li> 11051 11052<li class="main-nav__item js-menu-item"> 11053<a class="js-toggle-sub-menu main-nav__link link-extended-md-black-base" data-id="expend-your-knowledge" href="https://www.paulaschoice-eu.com/beautypedia"> 11054 11055Beautypedia 11056<span class="main-nav__link-icon icon icon-chevron-thin" aria-hidden="true"></span> 11057</a> 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109 11110 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 11163 11164 11165 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185<div class="level-2 sub-menu"> 11186<div class="sub-menu__inner"> 11187 11188 11189<ul class="sub-menu__list menu-vertical js-menu-vertical"> 11190 11191<li class="sub-menu__item level-3 js-level-3"> 11192 11193 11194<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown"> 11195Articles & education 11196 11197<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 11198 11199</span> 11200 11201<div class="sub-menu__content"> 11202<div class="sub-menu__content-inner"> 11203<div class="sub-menu__content-left"> 11204 11205 11206 11207<ul class="level-3__list js-level-3"> 11208 11209 11210 11211 11212 11213 11214 11215 11216 11217<li class="level-3__item link-normal-sm-semibold"> 11218<a data-id="acne-breakouts" href="https://www.paulaschoice-eu.com/acne-breakouts"> 11219 11220Acne & breakouts 11221 11222</a> 11223</li> 11224 11225 11226 11227 11228 11229 11230 11231<li class="level-3__item link-normal-sm-semibold"> 11232<a data-id="anti-ageing-wrinkles" href="https://www.paulaschoice-eu.com/anti-ageing-and-wrinkles"> 11233 11234Anti-Ageing & wrinkles 11235 11236</a> 11237</li> 11238 11239 11240 11241 11242 11243 11244 11245<li class="level-3__item link-normal-sm-semibold"> 11246<a data-id="basic-skin-care" href="https://www.paulaschoice-eu.com/basic-skin-care"> 11247 11248Basic skincare 11249 11250</a> 11251</li> 11252 11253 11254 11255 11256 11257 11258 11259<li class="level-3__item link-normal-sm-semibold"> 11260<a data-id="bodycare" href="https://www.paulaschoice-eu.com/bodycare"> 11261 11262Body concerns 11263 11264</a> 11265</li> 11266 11267 11268 11269 11270 11271 11272 11273<li class="level-3__item link-normal-sm-semibold"> 11274<a data-id="exfoliating" href="https://www.paulaschoice-eu.com/exfoliating"> 11275 11276Exfoliants 11277 11278</a> 11279</li> 11280 11281 11282 11283 11284 11285 11286 11287<li class="level-3__item link-normal-sm-semibold"> 11288<a data-id="eye-care" href="https://www.paulaschoice-eu.com/eye-care"> 11289 11290Eye concerns 11291 11292</a> 11293</li> 11294 11295 11296 11297 11298 11299 11300 11301<li class="level-3__item link-normal-sm-semibold"> 11302<a data-id="ingredient-spotlight" href="https://www.paulaschoice-eu.com/ingredient-spotlight"> 11303 11304Ingredient spotlight 11305 11306</a> 11307</li> 11308 11309 11310 11311 11312 11313 11314 11315<li class="level-3__item link-normal-sm-semibold"> 11316<a data-id="sensitive-skin-care" href="https://www.paulaschoice-eu.com/sensitive-skin-care"> 11317 11318Reactive skin & irritations 11319 11320</a> 11321</li> 11322 11323 11324 11325 11326 11327 11328 11329<li class="level-3__item link-normal-sm-semibold"> 11330<a data-id="sun-care-tips" href="https://www.paulaschoice-eu.com/sun-care-tips"> 11331 11332Sun care 11333 11334</a> 11335</li> 11336 11337 11338 11339 11340 11341 11342 11343<li class="level-3__item link-normal-sm-semibold"> 11344<a data-id="beginnersguide" href="https://www.paulaschoice-eu.com/beginnersguide"> 11345 11346The beginner's guides 11347 11348</a> 11349</li> 11350 11351 11352<li class="level-3__item link-normal-sm-semibold"> 11353<a href="https://www.paulaschoice-eu.com/beautypedia"> 11354See all categories 11355</a> 11356</li> 11357 11358</ul> 11359 11360 11361 11362 11363 11364 11365 11366 11367 11368 11369<div class="html-slot-container"> 11370 11371 11372<div class="navigation-link"> 11373<figure><a href="https://www.paulaschoice-eu.com/beautypedia-skincare-ingredient-checker"><img alt="Ingredient finder" src=" 11374 11375 11376 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-mrt25/nav-routine-right-IWD.jpg?_i=AG 11377 11378" /><b>New Ingredient Checker:</b> decode any skincare label in seconds</a> 11379 11380</figure> 11381</div> 11382 11383 11384</div> 11385 11386 11387</div> 11388</li> 11389 11390<li class="sub-menu__item level-3 js-level-3"> 11391 11392 11393<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown"> 11394E-Courses 11395 11396<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 11397 11398</span> 11399 11400<div class="sub-menu__content"> 11401<div class="sub-menu__content-inner"> 11402<div class="sub-menu__content-left"> 11403 11404 11405 11406<ul class="level-3__list js-level-3"> 11407 11408 11409 11410 11411 11412 11413 11414 11415 11416<li class="level-3__item link-normal-sm-semibold"> 11417<a data-id="acne-prone-course" href="https://www.paulaschoice-eu.com/acne-solutions-e-course"> 11418 11419Acne E-Course 11420 11421</a> 11422</li> 11423 11424 11425 11426 11427 11428 11429 11430<li class="level-3__item link-normal-sm-semibold"> 11431<a data-id="blackheads-e-course" href="https://www.paulaschoice-eu.com/blackheads-e-course"> 11432 11433Blackheads E-Course 11434 11435</a> 11436</li> 11437 11438 11439 11440 11441 11442 11443 11444<li class="level-3__item link-normal-sm-semibold"> 11445<a data-id="hyperpigmentation-e-course" href="https://www.paulaschoice-eu.com/hyperpigmentation-e-course"> 11446 11447Hyperpigmentation E-Course 11448 11449</a> 11450</li> 11451 11452 11453 11454 11455 11456 11457 11458<li class="level-3__item link-normal-sm-semibold"> 11459<a data-id="routines-course" href="https://www.paulaschoice-eu.com/skincare-routine-e-course"> 11460 11461Skincare Routine E-Course 11462 11463</a> 11464</li> 11465 11466 11467 11468 11469 11470 11471 11472<li class="level-3__item link-normal-sm-semibold"> 11473<a data-id="anti-ageing-course" href="https://www.paulaschoice-eu.com/anti-ageing-e-course"> 11474 11475Anti-ageing E-Course 11476 11477</a> 11478</li> 11479 11480 11481</ul> 11482 11483 11484 11485 11486</div> 11487</li> 11488 11489<li class="sub-menu__item level-3 js-level-3"> 11490 11491 11492<span class="level-3__link navigation-dropdown link-normal-base-extrabold js-level-3-toggle level-3__link--dropdown"> 11493Skincare resources 11494 11495<span class="icon icon-chevron-thin level-3__link-icon" aria-hidden="true"></span> 11496 11497</span> 11498 11499<div class="sub-menu__content"> 11500<div class="sub-menu__content-inner"> 11501<div class="sub-menu__content-left"> 11502 11503 11504 11505<ul class="level-3__list js-level-3"> 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515<li class="level-3__item link-normal-sm-semibold"> 11516<a data-id="ingredientchecker" href="https://www.paulaschoice-eu.com/beautypedia-skincare-ingredient-checker"> 11517 11518Skincare Ingredient Checker 11519 11520</a> 11521</li> 11522 11523 11524 11525 11526 11527 11528 11529<li class="level-3__item link-normal-sm-semibold"> 11530<a data-id="ingredientdictionary" href="https://www.paulaschoice-eu.com/skincare-ingredient-dictionary"> 11531 11532Skincare Ingredient Dictionary 11533 11534</a> 11535</li> 11536 11537 11538</ul> 11539 11540 11541 11542 11543</div> 11544</li> 11545 11546</ul> 11547<div class="banner"> 11548 11549 11550 11551 11552 11553 11554 11555</div> 11556</div> 11557</div> 11558<div class="js-overlay overlay"></div> 11559 11560 11561</li> 11562 11563<li class="main-nav__item main-nav__item--extra"> 11564 11565 11566 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576<div class="content-asset"> 11577<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="https://www.paulaschoice-eu.com/newsletter/newsletter.html" title="Become a member"> 11578 <span class="icon icon-envelope navigation-custom-icon" aria-hidden="true"></span> 11579 Membership 11580 </a> 11581</div> 11582 11583 11584 11585 11586 11587</li> 11588<li class="main-nav__item"> 11589<a class="navigation-custom-link main-nav__link link-extended-md-black-base" href="/contact-us"> 11590Contact Us 11591</a> 11592</li> 11593 11594 11595 11596 11597 11598 11599</ul> 11600 11601 11602 11603 11604 11605 11606 11607 11608<div class="html-slot-container"> 11609 11610 11611<div class="main-nav-slot"> 11612<ul class="main-nav-slot__list"> 11613 <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/bestsellers"><img alt="Bestsellers icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dwfa61aa0e/navigation0822/HP-icons_bestsellers.svg" title="" />Bestsellers</a></li> 11614 <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/new-products"><img alt="New products icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dwb89384ed/navigation0822/HP-icons_new-products.svg" title="" />New products</a></li> 11615 <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/sets"><img alt="Skincare sets icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw0f809367/navigation0822/HP-icons_kits.svg" title="" />Skincare sets</a></li> 11616 <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/travel-sizes/travel-size"><img alt="Travel sizes icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw38178cf0/navigation0822/HP-icons_travel-sizes.svg" title="" />Travel sizes</a></li> 11617 <li class="main-nav-slot__list-item"><a href="https://www.paulaschoice-eu.com/power-duos"><img alt="Travel sizes icon" src="https://www.paulaschoice-eu.com/on/demandware.static/-/Sites/default/dw64476e18/navigation0822/HP-icons_powerduo.svg" title="" />Power duos</a></li> 11618</ul> 11619 11620<div class="two-column-figure"> 11621<div class="main-nav-slot__heading">Don't miss out</div> 11622 11623<div class="navigation-link navigation-link--two-rows"> 11624<figure><a href="https://www.paulaschoice-eu.com/anti-ageing"><img alt="15% off youth-extending formulas" src=" 11625 11626 11627 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-oct26/dmo-AA-left.jpg?_i=AG 11628 11629" /></a> 11630 11631<figcaption><a href="https://www.paulaschoice-eu.com/anti-ageing">15% off youth-extending formulas</a></figcaption> 11632</figure> 11633 11634<figure><a href="https://www.paulaschoice-eu.com/bestsellers"><img alt="Gifts" src=" 11635 11636 11637 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/navigation/nav-mrt26/dmo-right.jpg?_i=AG 11638 11639" title="" /></a> 11640 11641<figcaption><a href="https://www.paulaschoice-eu.com/bestsellers"><b>Gifts</b>: up to 2 free travel-size gifts</a></figcaption> 11642</figure> 11643 11644</div> 11645</div> 11646</div> 11647 11648 11649</div> 11650 11651<ul class="menu-utility-user"> 11652 11653 11654 11655<input type="hidden" class="js-loggedin" data-userid="" data-loggedin="false"/> 11656 11657<input type="hidden" id="js-personalcluster" data-clusterid="null" 11658data-clusterassignmentendpoint="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Personalisation-AssignCluster" 11659data-updateclusterhomepage="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-UpdateCustomerGroupHomepage" 11660data-originalpageid="null" 11661data-customerclusterendpoint="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Personalisation-GetCluster" 11662data-email="" 11663data-skintype="null" data-skintype-machine="null"/> 11664<li class="user-info"> 11665<a class="user-info__account" href="https://www.paulaschoice-eu.com/login" title="Log in"> 11666<span class="user-info__icon icon icon-account" aria-hidden="true"></span> 11667<span class="user-info__name link-extended-md-black-base">Log in</span> 11668</a> 11669</li> 11670 11671 11672<div class="nav-account-layover"> 11673<div class="nav-account-layover__header"> 11674<span class="nav-account-layover__heading"> 11675 11676Hello<strong> there,</strong> 11677 11678</span> 11679<div class="nav-account-layover__options"> 11680 11681 11682<button type="submit" class="nav-account-layover__button js-login-show-popup" 11683value="Log in" 11684name="dwfrm_login_login"
11685data-href-open-popup="https://www.paulaschoice-eu.com/login?scope=headerlogin"> 11686Log in 11687</button> 11688 11689 11690<span class="nav-account-layover__or">or</span> 11691<div class="login-box login-create-account clearfix"> 11692<form action="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Login-LoginForm?scope=headerregister" method="post" id="dwfrm_login_register"> 11693<fieldset> 11694 11695<button type="submit" class="nav-account-layover__button js-layover-popup-register" 11696value="Sign up" 11697name="dwfrm_login_register" 11698data-href-open-popup="https://www.paulaschoice-eu.com/login?scope=headerregister"> 11699Sign up 11700</button> 11701<input type="hidden" name="csrf_token" value="h6gcCHWddmjj_IIZndbjathLt8VN0QEdHzy5XCLrAuKrEx_V1-BDxpciHqad4B6dxEGmeQO6jKC7cC5qtNvaCsW5sqH9Pvgjqr6H2FyPvkhQOVK-8Tz8CelAO4M-SlxdSmjRrxncUgCCtWl4RbMnj7lfAeNVbqpYl0VKg9eAqCKv9uy4BFA="/> 11702</fieldset> 11703</form> 11704</div> 11705 11706</div> 11707</div> 11708<ul class="nav-account-layover__body"> 11709<li class="nav-account-layover__item"> 11710 11711<a href="https://www.paulaschoice-eu.com/login?scope=wishlist"> 11712My Wishlist 11713</a> 11714 11715</li> 11716 11717<li class="nav-account-layover__item"> 11718<a href="https://www.paulaschoice-eu.com/login?scope=purchases"> 11719My orders 11720</a> 11721</li> 11722<li class="nav-account-layover__item"> 11723<a href="https://www.paulaschoice-eu.com/login?scope=details"> 11724My details 11725</a> 11726</li> 11727<li class="nav-account-layover__item"> 11728<a href="https://www.paulaschoice-eu.com/login?scope=addresses"> 11729My address 11730</a> 11731</li> 11732 11733 11734</ul> 11735</div> 11736 11737</ul> 11738<a class="main-nav__link hide-desktop link-extended-md-black-base" href="/contact-us"> 11739Contact Us 11740</a> 11741</nav> 11742 11743<div data-currencyrate = "" hidden></div> 11744<div data-cartdata="[]"></div> 11745 11746</div> 11747</header> 11748 11749<div id="main" role="main" class="page-content clearfix"> 11750 11751 11752 11753<div id="browser-check"> 11754<noscript> 11755<div class="browser-compatibility-alert"> 11756<i class="fa fa-exclamation-triangle fa-2x pull-left"></i> 11757<p class="browser-error">Your browser's Javascript functionality is turned off. Please turn it on so that you can experience the full capabilities of this site.</p> 11758</div> 11759</noscript> 11760</div> 11761 11762 11763 11764 11765 11766 11767 11768 11769 11770 11771 11772 11773 11774 11775 11776 11777 11778 11779 11780 11781 11782 11783 11784 11785 11786 11787 11788 11789 11790 11791 11792 11793 11794 11795 11796 11797 11798 11799 11800 11801 11802 11803 11804 11805 11806 11807 11808 11809 11810 11811 11812 11813 11814 11815 11816 11817 11818 11819 11820 11821 11822 11823 11824 11825 11826 11827 11828 11829 11830 11831 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 11848 11849 11850 11851 11852 11853 11854 11855 11856 11857 11858 11859 11860 11861 11862 11863 11864 11865 11866 11867 11868 11869 11870 11871 11872 11873 11874 11875 11876 11877 11878 11879 11880 11881 11882 11883 11884 11885 11886 11887 11888 11889<nav class="scrolling-blocks-nav"><ul></ul></nav> 11890 11891 11892 11893 11894 11895 11896 11897 11898<div class="breadcrumb text-normal-md-semibold"> 11899<ol> 11900<li> 11901<a class="breadcrumb-element" href="/"> 11902Paula's Choice 11903</a> 11904</li> 11905 11906<li> 11907 11908<a class="breadcrumb-element" href="https://www.paulaschoice-eu.com/by-routine-step" title="Go to Categories"> 11909Categories 11910</a> 11911 11912</li> 11913 11914<li> 11915 11916 11917Eye products 11918 11919 11920</li> 11921 11922</ol> 11923</div> 11924 11925 11926 11927<div class="content-container" id="js-lister-top"> 11928 11929<div class="lister-top-info-header"> 11930<h1 class="h1-extended-xl-black" data-categoryid="eye-care-products">Eye products</h1> 11931</div> 11932 11933 11934 11935 11936 11937 11938 11939 <div class="collection-header-container"> 11940 <div class="collection-header"> 11941 11942 11943 <div class="collection-block promo-banner"> 11944 <div class="block-wrapper"> 11945 <picture> <img alt="Eye products" src=" 11946 11947 11948 https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/content/paulachoice/Lister/Categories-Eye-Care.jpg?_i=AG 11949 11950" /> </picture> 11951 </div> 11952 </div> 11953 11954 11955 11956 <div class="collection-block information-banner"> 11957 <div class="block-wrapper text-normal-md-semibold"> 11958 <h2>Eye care using eye cream</h2> 11959<p>The skin around your eyes is both thinner and more sensitive than the skin on the rest of your face. For this reason, proper eye care with mild but intensely nourishing ingredients is very important. <a class="read-more" href="javascript:;" id="js-scroll-to-seo">Discover more</a></p> 11960<!--p>With our eye creams and/or gels you can make wrinkles, puffiness and dark circles around your eyes less visible. They also strengthen and hydrate the skin in the eye area. </p--> 11961 </div> 11962 </div> 11963 11964 11965 </div> 11966 </div> 11967 11968 11969 11970<div class="promotional-banner"> 11971 11972 11973 11974 11975</div> 11976 11977 11978 11979 11980</div> 11981<div class="content-container"> 11982<div class="category-scrolling-blocks"> 11983 11984<button class="search-result-options-toggle button inversed">Filter</button> 11985<div class="filter-sorter-wrapper"> 11986<button class="filter-btn-desktop button js-filter-btn-desktop">Filter</button> 11987 11988 11989 11990<div class="sort-by"> 11991<div class="search-refinements-subheader h4" for="grid-sort-header">Sort by:</div> 11992<select id="grid-sort-header" class="js-filter-box filter-box text-normal-md-extrabold"> 11993 11994 11995<option class="text-normal-sm-semibold" data-sorting="Bestsellers" value="https://www.paulaschoice-eu.com/products/eye-care?srule=Bestsellers&start=0&sz=2000"selected>Bestsellers</option> 11996 11997<option class="text-normal-sm-semibold" data-sorting="price-low-to-high" value="https://www.paulaschoice-eu.com/products/eye-care?srule=price-low-to-high&start=0&sz=2000">Price ascending</option> 11998 11999<option class="text-normal-sm-semibold" data-sorting="price-high-to-low" value="https://www.paulaschoice-eu.com/products/eye-care?srule=price-high-to-low&start=0&sz=2000">Price descending</option> 12000 12001<option class="text-normal-sm-semibold" data-sorting="Relevance" value="https://www.paulaschoice-eu.com/products/eye-care?srule=Relevance&start=0&sz=2000">Most relevant</option> 12002 12003</select> 12004</div><!-- END: sortby --> 12005 12006</div> 12007<div class="selected-refinements-filter-wrapper"> 12008<ul> 12009</ul> 12010</div> 12011<div class="search-result-tiles-wrap"> 12012<div class="content-container__inner"> 12013<div class="content-container__aside"> 12014 12015 12016 12017<div id = "filterParameters" 12018 data-params="[{"name":"cgid","value":"eye-care-products"}]" 12019 data-filterpageurl="https://www.paulaschoice-eu.com/products/eye-care" 12020 data-refimentattributes = "["skinTypeExtended","skinConcernExtended","size","searchPlacement"]" 12021 data-parentcgid = "categories" 12022 data-resultcount = "3" 12023 > 12024</div> 12025<button class="search-refinements-close js-search-refinements-close" title="Close"><i class="fa fa-close"></i></button> 12026<div class="search-result-options "> 12027 <div class="search-result-options-header"> 12028 <h2>Filter</h2> 12029 <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button> 12030 </div> 12031 <div class="search-result-options-subheader js-delete-all-level-1">
12032 <span>3 Result Found</span> 12033 <a style="display:none;">Delete filters</a> 12034 </div> 12035 <div class="search-result-options-container" id="allfilters"> 12036 12037 <span class="search-result-count-desktop h4">3 results</span> 12038 12039 12040 12041 12042 12043 <ul class="search-refinements-list"> 12044 12045 12046 12047 12048 12049 12050 <li style=""> 12051 <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium"> 12052 Skin Type 12053 12054 </h2> 12055 12056 <div class="search-refinements-lv2 "> 12057 <div class="search-result-options-header"> 12058 <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button> 12059 <h2>Skin Type</h2> 12060 <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button> 12061 </div> 12062 <div class="search-result-options-subheader js-delete-all-level-2"> 12063 <span>3 Result Found</span> 12064 <a style="display:none;">Delete filters</a> 12065 </div> 12066 12067 <div class="search-result-options-container"> 12068 <form id = "skinTypeExtended"> 12069 <ul class="search-refinements-lv2-list"> 12070 12071 <li class = " text-normal-sm-semibold"> 12072 <input type="checkbox" id="Normalskin" data-presentationid="Normal" name="Normalskin" value="Normal skin"> 12073 <label for="Normalskin">Normal skin <span class="hitcount">3</span></label> 12074 </li> 12075 12076 <li class = " text-normal-sm-semibold"> 12077 <input type="checkbox" id="Dryskin" data-presentationid="Dry" name="Dryskin" value="Dry skin"> 12078 <label for="Dryskin">Dry skin <span class="hitcount">3</span></label> 12079 </li> 12080 12081 <li class = " text-normal-sm-semibold"> 12082 <input type="checkbox" id="Combinationskin" data-presentationid="Combination" name="Combinationskin" value="Combination skin"> 12083 <label for="Combinationskin">Combination skin <span class="hitcount">3</span></label> 12084 </li> 12085 12086 <li class = " text-normal-sm-semibold"> 12087 <input type="checkbox" id="Oilyskin" data-presentationid="Oily" name="Oilyskin" value="Oily skin"> 12088 <label for="Oilyskin">Oily skin <span class="hitcount">3</span></label> 12089 </li> 12090 12091 </ul> 12092 </form> 12093 </div> 12094 <div class="search-result-options-footer"> 12095 <button class="button" type="submit" value=""> 12096 <span class="search-result-options-footer__dot-pulse"> 12097 <span class="dot-pulse"></span> 12098 </span>
12099 <span class="search-result-options-footer__btn-text"> 12100 Apply<span> (3)</span> 12101 </span> 12102 </button> 12103 </div> 12104 </div> 12105 12106 12107 12108 <div class="selected-refinements" style = "display:none;"> 12109 <ul> 12110 </ul> 12111 </div> 12112 </li> 12113 12114 12115 12116 12117 12118 <li style=""> 12119 <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium"> 12120 Skin Concern 12121 12122 </h2> 12123 12124 <div class="search-refinements-lv2 "> 12125 <div class="search-result-options-header"> 12126 <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button> 12127 <h2>Skin Concern</h2> 12128 <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button> 12129 </div> 12130 <div class="search-result-options-subheader js-delete-all-level-2"> 12131 <span>3 Result Found</span> 12132 <a style="display:none;">Delete filters</a> 12133 </div> 12134 12135 <div class="search-result-options-container"> 12136 <form id = "skinConcernExtended"> 12137 <ul class="search-refinements-lv2-list"> 12138 12139 <li class = " text-normal-sm-semibold"> 12140 <input type="checkbox" id="Anti-ageing" data-presentationid="Anti-ageing" name="Anti-ageing" value="Anti-ageing"> 12141 <label for="Anti-ageing">Anti-ageing <span class="hitcount">3</span></label> 12142 </li> 12143 12144 <li class = "disabled text-normal-sm-semibold"> 12145 <input type="checkbox" id="Breakouts" data-presentationid="Breakouts" name="Breakouts" value="Breakouts"> 12146 <label for="Breakouts">Breakouts <span class="hitcount">0</span></label> 12147 </li> 12148 12149 <li class = " text-normal-sm-semibold"> 12150 <input type="checkbox" id="Sensitiveskin" data-presentationid="Sensitive skin" name="Sensitiveskin" value="Sensitive skin"> 12151 <label for="Sensitiveskin">Sensitive skin <span class="hitcount">1</span></label> 12152 </li> 12153 12154 <li class = "disabled text-normal-sm-semibold"> 12155 <input type="checkbox" id="Verydryskin" data-presentationid="Very dry skin" name="Verydryskin" value="Very dry skin"> 12156 <label for="Verydryskin">Very dry skin <span class="hitcount">0</span></label> 12157 </li> 12158 12159 <li class = " text-normal-sm-semibold"> 12160 <input type="checkbox" id="Brownspots" data-presentationid="Brown spots" name="Brownspots" value="Brown spots"> 12161 <label for="Brownspots">Brown spots <span class="hitcount">3</span></label> 12162 </li> 12163 12164 <li class = " text-normal-sm-semibold"> 12165 <input type="checkbox" id="Redness" data-presentationid="Redness" name="Redness" value="Redness"> 12166 <label for="Redness">Redness <span class="hitcount">1</span></label> 12167 </li> 12168 12169 <li class = " text-normal-sm-semibold"> 12170 <input type="checkbox" id="Blackheads" data-presentationid="Blackheads" name="Blackheads" value="Blackheads"> 12171 <label for="Blackheads">Blackheads <span class="hitcount">1</span></label> 12172 </li> 12173 12174 <li class = " text-normal-sm-semibold"> 12175 <input type="checkbox" id="Dullskin" data-presentationid="Dull skin" name="Dullskin" value="Dull skin"> 12176 <label for="Dullskin">Dull skin <span class="hitcount">2</span></label> 12177 </li> 12178 12179 <li class = " text-normal-sm-semibold"> 12180 <input type="checkbox" id="Enlargedpores" data-presentationid="Enlarged pores" name="Enlargedpores" value="Enlarged pores"> 12181 <label for="Enlargedpores">Enlarged pores <span class="hitcount">1</span></label> 12182 </li> 12183 12184 <li class = " text-normal-sm-semibold"> 12185 <input type="checkbox" id="Rosacea-proneskin" data-presentationid="Rosacea-prone skin" name="Rosacea-proneskin" value="Rosacea-prone skin"> 12186 <label for="Rosacea-proneskin">Rosacea-prone skin <span class="hitcount">1</span></label> 12187 </li> 12188 12189 <li class = " text-normal-sm-semibold"> 12190 <input type="checkbox" id="Keratosis-pilaris" data-presentationid="Keratosis-pilaris" name="Keratosis-pilaris" value="Keratosis-pilaris"> 12191 <label for="Keratosis-pilaris">Keratosis-pilaris <span class="hitcount">1</span></label> 12192 </li> 12193 12194 </ul> 12195 </form> 12196 </div> 12197 <div class="search-result-options-footer"> 12198 <button class="button" type="submit" value="">
12199 <span class="search-result-options-footer__dot-pulse"> 12200 <span class="dot-pulse"></span> 12201 </span> 12202 <span class="search-result-options-footer__btn-text"> 12203 Apply<span> (3)</span> 12204 </span> 12205 </button> 12206 </div> 12207 </div> 12208 12209 12210 12211 <div class="selected-refinements" style = "display:none;"> 12212 <ul> 12213 </ul> 12214 </div> 12215 </li> 12216 12217 12218 12219 12220 12221 <li style=""> 12222 <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium"> 12223 Size 12224 12225 </h2> 12226 12227 <div class="search-refinements-lv2 "> 12228 <div class="search-result-options-header"> 12229 <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button> 12230 <h2>Size</h2> 12231 <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button> 12232 </div> 12233 <div class="search-result-options-subheader js-delete-all-level-2"> 12234 <span>3 Result Found</span> 12235 <a style="display:none;">Delete filters</a> 12236 </div> 12237 12238 <div class="search-result-options-container"> 12239 <form id = "size"> 12240 <ul class="search-refinements-lv2-list"> 12241 12242 <li class = " text-normal-sm-semibold"> 12243 <input type="checkbox" id="Fullsize" data-presentationid="null" name="Fullsize" value="Full size"> 12244 <label for="Fullsize">Full size <span class="hitcount">3</span></label> 12245 </li> 12246 12247 <li class = " text-normal-sm-semibold"> 12248 <input type="checkbox" id="Travelsize" data-presentationid="null" name="Travelsize" value="Travel size"> 12249 <label for="Travelsize">Travel size <span class="hitcount">2</span></label> 12250 </li> 12251 12252 <li class = "disabled text-normal-sm-semibold"> 12253 <input type="checkbox" id="XL" data-presentationid="null" name="XL" value="XL"> 12254 <label for="XL">XL <span class="hitcount">0</span></label> 12255 </li> 12256 12257 </ul> 12258 </form> 12259 </div> 12260 <div class="search-result-options-footer"> 12261 <button class="button" type="submit" value=""> 12262 <span class="search-result-options-footer__dot-pulse"> 12263 <span class="dot-pulse"></span> 12264 </span>
12265 <span class="search-result-options-footer__btn-text"> 12266 Apply<span> (3)</span> 12267 </span> 12268 </button> 12269 </div> 12270 </div> 12271 12272 12273 12274 <div class="selected-refinements" style = "display:none;"> 12275 <ul> 12276 </ul> 12277 </div> 12278 </li> 12279 12280 12281 12282 12283 12284 <li style="display:none;"> 12285 <h2 class="search-refinements-title js-refinement-parents h2-normal-md-medium"> 12286 Categories 12287 12288 </h2> 12289 12290 <div class="search-refinements-lv2 "> 12291 <div class="search-result-options-header"> 12292 <button class="search-result-options-back-handle"><i class="fa fa-chevron-left"></i></button> 12293 <h2>Categories</h2> 12294 <button class="search-result-options-close-handle"><i class="close-icon fa fa-close"></i></button> 12295 </div> 12296 <div class="search-result-options-subheader js-delete-all-level-2"> 12297 <span>3 Result Found</span> 12298 <a style="display:none;">Delete filters</a> 12299 </div> 12300 12301 <div class="search-result-options-container"> 12302 <form id = "searchPlacement"> 12303 <ul class="search-refinements-lv2-list"> 12304 12305 <li class = "disabled text-normal-sm-semibold"> 12306 <input type="checkbox" id="Cleansers" data-presentationid="null" name="Cleansers" value="Cleansers"> 12307 <label for="Cleansers">Cleansers <span class="hitcount">0</span></label> 12308 </li> 12309 12310 <li class = "disabled text-normal-sm-semibold"> 12311 <input type="checkbox" id="Toners" data-presentationid="null" name="Toners" value="Toners"> 12312 <label for="Toners">Toners <span class="hitcount">0</span></label> 12313 </li> 12314 12315 <li class = "disabled text-normal-sm-semibold"> 12316 <input type="checkbox" id="Exfoliants" data-presentationid="null" name="Exfoliants" value="Exfoliants"> 12317 <label for="Exfoliants">Exfoliants <span class="hitcount">0</span></label> 12318 </li> 12319 12320 <li class = "disabled text-normal-sm-semibold"> 12321 <input type="checkbox" id="SPFMoisturisers" data-presentationid="null" name="SPFMoisturisers" value="SPF Moisturisers"> 12322 <label for="SPFMoisturisers">SPF Moisturisers <span class="hitcount">0</span></label> 12323 </li> 12324 12325 <li class = "disabled text-normal-sm-semibold"> 12326 <input type="checkbox" id="Moisturisers" data-presentationid="null" name="Moisturisers" value="Moisturisers"> 12327 <label for="Moisturisers">Moisturisers <span class="hitcount">0</span></label> 12328 </li> 12329 12330 <li class = " text-normal-sm-semibold"> 12331 <input type="checkbox" id="Serums" data-presentationid="null" name="Serums" value="Serums"> 12332 <label for="Serums">Serums <span class="hitcount">1</span></label> 12333 </li> 12334 12335 <li class = "disabled text-normal-sm-semibold"> 12336 <input type="checkbox" id="Masks" data-presentationid="null" name="Masks" value="Masks"> 12337 <label for="Masks">Masks <span class="hitcount">0</span></label> 12338 </li> 12339 12340 <li class = "disabled text-normal-sm-semibold"> 12341 <input type="checkbox" id="Treatments" data-presentationid="null" name="Treatments" value="Treatments"> 12342 <label for="Treatments">Treatments <span class="hitcount">0</span></label> 12343 </li> 12344 12345 <li class = "disabled text-normal-sm-semibold"> 12346 <input type="checkbox" id="Boosters" data-presentationid="null" name="Boosters" value="Boosters"> 12347 <label for="Boosters">Boosters <span class="hitcount">0</span></label> 12348 </li> 12349 12350 <li class = " text-normal-sm-semibold"> 12351 <input type="checkbox" id="EyeCare" data-presentationid="null" name="EyeCare" value="Eye Care"> 12352 <label for="EyeCare">Eye Care <span class="hitcount">2</span></label> 12353 </li> 12354 12355 <li class = "disabled text-normal-sm-semibold"> 12356 <input type="checkbox" id="BodyCare" data-presentationid="null" name="BodyCare" value="Body Care"> 12357 <label for="BodyCare">Body Care <span class="hitcount">0</span></label> 12358 </li> 12359 12360 </ul> 12361 </form> 12362 </div> 12363 <div class="search-result-options-footer"> 12364 <button class="button" type="submit" value="">
12365 <span class="search-result-options-footer__dot-pulse"> 12366 <span class="dot-pulse"></span> 12367 </span> 12368 <span class="search-result-options-footer__btn-text"> 12369 Apply<span> (3)</span> 12370 </span> 12371 </button> 12372 </div> 12373 </div> 12374 12375 12376 12377 <div class="selected-refinements" style = "display:none;"> 12378 <ul> 12379 </ul> 12380 </div> 12381 </li> 12382 12383 12384 </ul> 12385 12386 12387 12388 </div> 12389 <div class="search-result-options-footer js-show-filter-results"> 12390 <button type="submit" value="" class="button"> 12391 <span class="search-result-options-footer__dot-pulse"> 12392 <span class="dot-pulse"></span> 12393 </span> 12394 <span class="search-result-options-footer__btn-text"> 12395 Show Results<span> (3)</span> 12396 </span> 12397 </button> 12398 </div> 12399</div> 12400 12401</div> 12402 12403<div class="content-container__main"> 12404<ul class="product-tiles hide-compare "> 12405 12406 12407 12408 12409 12410 12411 12412 12413 12414 12415 12416 12417 12418 12419 12420<li class="js-plp-product-tile " 12421data-variantdata-backend="[{"productID":"m1080","title":"Pro-Collagen Peptide Firming Eye Serum","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/1080?_i=AG"}},{"productID":"1080","title":"Pro-Collagen Peptide Firming Eye Serum","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize","dimension":{"inStock":false,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":47,"formatted":"€ 47,00"},"current":{"value":39.95,"formatted":"€ 39,95"}}},{"productID":"1080-01","title":"Pro-Collagen Peptide Firming Eye Serum","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize","dimension":{"inStock":true,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":47,"formatted":"€ 47,00"},"current":{"value":39.95,"formatted":"€ 39,95"}}},{"productID":"1087-01","title":"Pro-Collagen Peptide Firming Eye Serum Travel Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1087?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize","dimension":{"inStock":true,"isPreOrder":false,"volume":"5","size":"trialsize"},"price":{"current":{"value":20,"formatted":"€ 20,00"}}},{"productID":"1087","title":"Pro-Collagen Peptide Firming Eye Serum Travel Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1087?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize","dimension":{"inStock":false,"isPreOrder":false,"volume":"5","size":"trialsize"},"price":{"current":{"value":20,"formatted":"€ 20,00"}}}]" 12422data-jsondata = "{"normal":18,"dry":12,"combination":18,"oily":18,"Anti-aging":20,"Breakouts":8,"Sensitive-skin":12,"Very-dry-skin":8,"Brown-spots":12,"Redness":12,"Blackheads":12,"Dull-skin":12,"Enlarged-pores":12,"Rosacea-prone-skin":12,"Keratosis-pilaris":12,"price":39.95}" 12423data-colors-to-show=""
12424data-variantdata = "{"fullsize":{"inStock":true,"price":39.95,"volume":"15","SKU":"1080-01"},"trialsize":{"inStock":true,"price":20,"volume":"5","SKU":"1087-01"}}"> 12425 12426 12427 12428<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
12429<script type="text/javascript">//<!-- 12430/* <![CDATA[ */ 12431(function(){ 12432try { 12433 if(window.CQuotient) { 12434 var cq_params = {}; 12435 12436 cq_params.cookieId = window.CQuotient.getCQCookieId(); 12437 cq_params.userId = window.CQuotient.getCQUserId(); 12438 cq_params.emailId = CQuotient.getCQHashedEmail(); 12439 cq_params.loginId = CQuotient.getCQHashedLogin(); 12440 cq_params.accumulate = true; 12441 cq_params.products = [{ 12442 id: 'm1080', 12443 sku: '' 12444 }]; 12445 cq_params.categoryId = 'eye-care-products'; 12446 cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 12447 cq_params.personalized = 'false'; 12448 cq_params.sortingRule = 'Bestsellers'; 12449 cq_params.imageUUID = '__UNDEFINED__'; 12450 cq_params.realm = "BBJJ"; 12451 cq_params.siteId = "paulaschoice_eu"; 12452 cq_params.instanceType = "prd"; 12453 cq_params.queryLocale = "en"; 12454 cq_params.locale = window.CQuotient.locale; 12455 12456 if(window.CQuotient.sendActivity) 12457 window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params); 12458 else 12459 window.CQuotient.activities.push({ 12460 activityType: 'viewCategory', 12461 parameters: cq_params 12462 }); 12463 } 12464} catch(err) {} 12465})(); 12466/* ]]> */ 12467// --> 12468</script>
vendor: 1 bytes, line 12468
12468
12469<script type="text/javascript">//<!-- 12470/* <![CDATA[ (viewCategoryProduct-active_data.js) */ 12471(function(){ 12472try { 12473 if (dw.ac) { 12474 var search_params = {}; 12475 search_params.persd = 'false'; 12476 search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 12477 search_params.sort = 'Bestsellers'; 12478 search_params.imageUUID = ''; 12479 search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5'; 12480 search_params.locale = 'en'; 12481 search_params.queryLocale = 'en'; 12482 search_params.showProducts = 'true'; 12483 dw.ac.applyContext({category: "eye-care-products", searchData: search_params}); 12484 if (typeof dw.ac._scheduleDataSubmission === "function") { 12485 dw.ac._scheduleDataSubmission(); 12486 } 12487 } 12488} catch(err) {} 12489})(); 12490/* ]]> */ 12491// --> 12492</script>
vendor: 1 bytes, line 12492
12492
12493<script type="text/javascript">//<!-- 12494/* <![CDATA[ (viewProduct-active_data.js) */ 12495dw.ac._capture({id: "m1080", type: "searchhit"}); 12496/* ]]> */ 12497// --> 12498</script>
12498 12499 12500 12501 12502 12503 12504 12505 12506 12507 12508 12509 12510 12511 12512 12513 12514 12515 12516 12517 12518 12519 12520 12521 12522 12523 12524 12525 12526 12527 12528 12529 12530 12531 12532 12533 12534 12535 12536 12537 12538 12539 12540 12541 12542 12543 12544 12545 12546 12547 12548 12549 12550 12551 12552 12553 12554 12555 12556 12557 12558 12559 12560 12561 12562 12563 12564 12565 12566 12567 12568 12569 12570 12571 12572 12573 12574 12575 12576 12577 12578 12579 12580 12581 12582 12583 12584 12585 12586 12587 12588 12589 12590 12591 12592 12593 12594 12595 12596 12597 12598 12599 12600 12601 12602 12603 12604 12605 12606 12607 12608 12609 12610 12611 12612 12613 12614 12615 12616 12617 12618 12619 12620 12621 12622 12623 12624 12625 12626 12627 12628 12629 12630 12631 12632 12633 12634 12635 12636 12637 12638<div class="product-tile js-product-tile" id="1c69e9b99499bc82c590a3ff8d" data-jsondata="" data-itemid="1080-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="1c69e9b99499bc82c590a3ff8d" --> 12639 12640 12641 12642 12643 12644 12645 12646 12647 12648<div class="gtm-details"> 12649 <input type="hidden" class="product-detail-id" data-id="1080-01"> 12650 12651 12652 <input type="hidden" class="product-detail-name" data-name="Pro-Collagen Peptide Firming Eye Serum"> 12653 12654 12655 <input type="hidden" class="product-detail-price" data-price="33.02"> 12656 <input type="hidden" class="product-detail-discount-price" data-price="5.83"> 12657 <input type="hidden" class="product-detail-discount-percantage" data-price="0.15"> 12658 <input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products"> 12659 <input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products"> 12660 <input type="hidden" class="product-detail-collection" data-collection="Plump + Firm"> 12661 <input type="hidden" class="product-detail-ingredient" data-ingredient="Acetyl Hexapeptide-8"> 12662 <input type="hidden" class="product-detail-variant" data-variant="fullsize"> 12663 <input type="hidden" class="product-detail-quantity" data-quantity="1"> 12664 12665 <input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge"> 12666 <input type="hidden" class="promotion-name" data-name="15% off"> 12667 <input type="hidden" class="product-index" data-index="1"> 12668</div> 12669 12670<div class="product-image"><!-- dwMarker="product" dwContentID="1c69e9b99499bc82c590a3ff8d" --> 12671 12672<div class="plp-labels"> 12673 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683 12684 12685 12686 12687 12688 12689 12690 12691 12692 12693 12694 12695 12696<span class="plp-badge-promo"> 12697<style type="text/css"> 12698div.badge-promo {display: block;} 12699</style> 12700<span>-15%</span> 12701</span> 12702 12703 12704 12705 12706 12707 12708 12709 12710 12711 12712 12713<span class="plp-badge-productlabel"> 12714<!-- style only for the cart recommender--> 12715<style type="text/css"> 12716div.product-slide-content div.js-badge.badge span {padding: 0px; font-size: .9em} 12717</style> 12718<span>NEW</span> 12719</span> 12720 12721 12722 12723 12724</div> 12725 12726 12727 12728 12729 12730 12731 12732 12733 12734 12735 12736 12737<a class="thumb-link" href="/pro-collagen-peptide-firming-eye-serum/m1080.html" title="Pro-Collagen Peptide Firming Eye Serum"> 12738 12739 12740<img 12741alt="null" 12742width="176" 12743height="268" 12744src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG" 12745srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 170w, 12746https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 300w, 12747https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 210w, 12748https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1080?_i=AG 420w" /> 12749 12750 12751</a> 12752 12753<div class="product-image__wishlist"> 12754 <div class="js-wishlist-plp product-image__wishlist-inner"> 12755 <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="1080-01" 12756 data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=1080-01" 12757 data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=1080-01"> 12758 <span class="icon fa fa-heart--inactive" aria-hidden="true"></span> 12759 </div> 12760 </div> 12761</div> 12762 12763</div> 12764 12765 12766 12767<ul class="product-tile__variation-list"> 12768 12769 12770 12771 12772 <li class="product-tile__variation-item"> 12773 <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="1080-01" type="button"> 12774 15 ml 12775 </button> 12776 </li> 12777 12778 12779 12780 12781 12782 <li class="product-tile__variation-item"> 12783 <button class="js-tile-variation-change product-tile__variation-button " aria-label="change size" data-sku="1087-01" type="button"> 12784 5 ml 12785 </button> 12786 </li> 12787 12788 12789 12790 12791</ul> 12792 12793 12794 12795 12796 12797 12798 12799<div class="product-collection-name-top-section"> 12800<div class="product-collection-name text-extended-sm-extrabold"> 12801Plump + Firm 12802</div> 12803 12804 12805 12806 12807<div class="product-review js-scroll-to-reviews"> 12808<a href="javascript:;" class="js-toggle-reviews-popup"> 12809<div id="category-snippet-m1080" class="js-powerreviews-minireview" 12810data-pid="m1080" 12811data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f" 12812data-locale="en_GB" 12813data-mgid="1029794264" 12814data-mid="1970115007" 12815data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css" 12816></div> 12817</a> 12818</div> 12819 12820</div> 12821<div class="product-name plp-product-name name-link text-normal-md-medium"> 12822Pro-Collagen Peptide Firming Eye Serum 12823 12824</div> 12825 12826 12827<div class="product-plp-concerns"> 12828 12829 12830<span class="text-normal-md-semibold"> 12831Anti-Aging, Dull skin, Fine lines and wrinkles 12832</span> 12833 12834</div> 12835 12836 12837 12838<div class="product-plp-keyfeatures"> 12839 12840<div class="feature-1 text-normal-sm-semibold"> 12841 12842 12843 12844 12845 12846 12847 12848 12849 12850 12851 12852 12853<div class="content-asset"> 12854<p>4X pro-collagen peptide complex targets the entire eye area</p> 12855</div> 12856 12857 12858 12859 12860 12861</div> 12862 12863 12864<div class="feature-2 text-normal-sm-semibold"> 12865 12866 12867 12868 12869 12870 12871 12872 12873 12874 12875 12876 12877<div class="content-asset"> 12878<p>Metal tip depuffs & cools on contact, designed to gently glide along the eye contour</p> 12879</div> 12880 12881 12882 12883 12884 12885</div> 12886 12887 12888<div class="feature-3 text-normal-sm-semibold"> 12889 12890 12891 12892 12893 12894 12895 12896 12897 12898 12899 12900 12901<div class="content-asset"> 12902<p>Lightweight, fragrance-free gel primes for & plays well with concealerâ</p> 12903</div> 12904 12905 12906 12907 12908 12909</div> 12910 12911</div> 12912<div class="product-long-description"> 12913<p>A clinically proven eye treatment powered by 4X pro-collagen peptides to depuff, firm & lift.</p> 12914</div> 12915 12916 12917 12918<div class="product-plp-ingredients"> 12919 12920 12921 12922 12923 12924 12925 12926 12927 12928 12929 12930 12931 12932 12933 12934 12935 12936 12937 12938 12939 12940 12941 12942 12943 12944 12945 12946 12947 Acetyl Hexapeptide-8, Palmitoyl Tetrapeptide-7 & Tridecapeptide-1, Lysine Polypeptides 12948 12949 12950</div> 12951<div class="product-tile-footer"> 12952 12953 12954<div class="product-tile-footer__info"> 12955 12956<div class="product-pricing plp-product-pricing"> 12957 12958 12959 12960 12961 12962 12963 12964 12965 12966 12967 12968 12969 12970 12971 12972 12973 12974 12975 12976 12977 12978 12979 12980 12981 12982 12983 12984 12985 12986 12987 12988 12989 12990 12991 12992 12993 12994 12995 12996 12997 12998 12999 13000 13001 13002 13003 13004 13005 13006 13007 13008 13009 13010 13011 13012 13013 13014 13015 13016 13017 13018 13019 13020 13021 13022 13023 13024 13025 13026 13027 13028 13029 13030 13031 13032 13033 13034 13035 13036 13037 13038 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 13051 13052 13053 13054 13055 13056 13057 13058 13059 13060 13061 13062 13063 13064 13065 13066 13067 13068 13069 13070 13071 13072 13073 13074 13075 13076 13077 13078 13079 13080 13081 13082 13083 13084 13085 13086 13087 13088 13089 13090 13091 13092 13093 13094 13095 13096 13097 13098
13099 <span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="47.0">€ 47,00</span> 13100 13101 13102 13103 13104 13105 13106 13107 <span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="39.95">€ 39,95</span> 13108 13109 13110 13111 13112 13113 13114 <div class="discount-mention"> 13115 <span>15% off</span> 13116 </div> 13117 13118 13119 13120 13121 13122 13123 13124 13125 13126 13127 13128</div> 13129 13130 13131</div> 13132 13133 13134 13135 13136<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="1080-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon"> 13137 13138<span class="plp icon icon-cart" aria-hidden="true"></span> 13139 13140</button> 13141 13142 13143 13144 13145</div> 13146 13147 13148 13149 13150 13151 13152<div class="product-promo"> 13153 13154 13155 13156<div class="promotional-message"> 1315715% off 13158</div> 13159 13160<div class="promotional-message"> 13161Free shipping 13162</div> 13163 13164<div class="promotional-message"> 13165Travel-size 13166</div> 13167 13168<div class="promotional-message"> 13169Travel-size 13170</div> 13171 13172 13173</div> 13174 13175 13176 13177 13178 13179 13180<div class="product-swatches"> 13181 13182 13183 13184<ul class="swatch-list"> 13185 13186 13187 13188 13189 13190 13191 13192 13193 13194 13195 13196 13197 13198 13199 13200 13201 13202 13203 13204 13205 13206 13207<li> 13208<a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=fullsize" class="swatch selected" title="Full size"> 13209<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/> 13210</a> 13211</li> 13212 13213 13214 13215 13216 13217 13218 13219 13220 13221 13222 13223 13224 13225 13226 13227 13228 13229 13230 13231 13232 13233 13234<li> 13235<a href="https://www.paulaschoice-eu.com/pro-collagen-peptide-firming-eye-serum/m1080.html?dwvar_m1080_size=trialsize" class="swatch " title="Travel size"> 13236<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Travel size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Travel size","title":"Travel size"}'/> 13237</a> 13238</li> 13239 13240</ul><!-- .swatch-list --> 13241</div><!-- .product-swatches --> 13242 13243 13244 13245 13246 13247 13248 13249 13250 13251 13252 13253 13254</div><!-- END: .product-tile --> 13255 13256 13257 13258</li> 13259 13260<li class="js-plp-product-tile " 13261data-variantdata-backend="[{"productID":"m1010","title":"C5 Super Boost Eye Cream","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/1010?_i=AG"}},{"productID":"1010","title":"C5 Super Boost Eye Cream Full Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize","dimension":{"inStock":false,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":47,"formatted":"€ 47,00"},"current":{"value":39.95,"formatted":"€ 39,95"}}},{"productID":"1010-01","title":"C5 Super Boost Eye Cream Full Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize","dimension":{"inStock":true,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":47,"formatted":"€ 47,00"},"current":{"value":39.95,"formatted":"€ 39,95"}}},{"productID":"1017-01","title":"C5 Super Boost Eye Cream Travel Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1017?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize","dimension":{"inStock":true,"isPreOrder":false,"volume":"5","size":"trialsize"},"price":{"current":{"value":20,"formatted":"€ 20,00"}}},{"productID":"1017","title":"C5 Super Boost Eye Cream Travel Size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1017?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize","dimension":{"inStock":false,"isPreOrder":false,"volume":"5","size":"trialsize"},"price":{"current":{"value":20,"formatted":"€ 20,00"}}}]" 13262data-jsondata = "{"normal":12,"dry":12,"combination":12,"oily":12,"Anti-aging":16,"Breakouts":4,"Sensitive-skin":8,"Very-dry-skin":8,"Brown-spots":16,"Redness":4,"Blackheads":0,"Dull-skin":20,"Enlarged-pores":0,"Rosacea-prone-skin":4,"Keratosis-pilaris":4,"price":39.95}" 13263data-colors-to-show=""
13264data-variantdata = "{"fullsize":{"inStock":true,"price":39.95,"volume":"15","SKU":"1010-01"},"trialsize":{"inStock":true,"price":20,"volume":"5","SKU":"1017-01"}}"> 13265 13266 13267 13268<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
13269<script type="text/javascript">//<!-- 13270/* <![CDATA[ */ 13271(function(){ 13272try { 13273 if(window.CQuotient) { 13274 var cq_params = {}; 13275 13276 cq_params.cookieId = window.CQuotient.getCQCookieId(); 13277 cq_params.userId = window.CQuotient.getCQUserId(); 13278 cq_params.emailId = CQuotient.getCQHashedEmail(); 13279 cq_params.loginId = CQuotient.getCQHashedLogin(); 13280 cq_params.accumulate = true; 13281 cq_params.products = [{ 13282 id: 'm1010', 13283 sku: '' 13284 }]; 13285 cq_params.categoryId = 'eye-care-products'; 13286 cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 13287 cq_params.personalized = 'false'; 13288 cq_params.sortingRule = 'Bestsellers'; 13289 cq_params.imageUUID = '__UNDEFINED__'; 13290 cq_params.realm = "BBJJ"; 13291 cq_params.siteId = "paulaschoice_eu"; 13292 cq_params.instanceType = "prd"; 13293 cq_params.queryLocale = "en"; 13294 cq_params.locale = window.CQuotient.locale; 13295 13296 if(window.CQuotient.sendActivity) 13297 window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params); 13298 else 13299 window.CQuotient.activities.push({ 13300 activityType: 'viewCategory', 13301 parameters: cq_params 13302 }); 13303 } 13304} catch(err) {} 13305})(); 13306/* ]]> */ 13307// --> 13308</script>
vendor: 1 bytes, line 13308
13308
13309<script type="text/javascript">//<!-- 13310/* <![CDATA[ (viewCategoryProduct-active_data.js) */ 13311(function(){ 13312try { 13313 if (dw.ac) { 13314 var search_params = {}; 13315 search_params.persd = 'false'; 13316 search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 13317 search_params.sort = 'Bestsellers'; 13318 search_params.imageUUID = ''; 13319 search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5'; 13320 search_params.locale = 'en'; 13321 search_params.queryLocale = 'en'; 13322 search_params.showProducts = 'true'; 13323 dw.ac.applyContext({category: "eye-care-products", searchData: search_params}); 13324 if (typeof dw.ac._scheduleDataSubmission === "function") { 13325 dw.ac._scheduleDataSubmission(); 13326 } 13327 } 13328} catch(err) {} 13329})(); 13330/* ]]> */ 13331// --> 13332</script>
vendor: 1 bytes, line 13332
13332
13333<script type="text/javascript">//<!-- 13334/* <![CDATA[ (viewProduct-active_data.js) */ 13335dw.ac._capture({id: "m1010", type: "searchhit"}); 13336/* ]]> */ 13337// --> 13338</script>
13338 13339 13340 13341 13342 13343 13344 13345 13346 13347 13348 13349 13350 13351 13352 13353 13354 13355 13356 13357 13358 13359 13360 13361 13362 13363 13364 13365 13366 13367 13368 13369 13370 13371 13372 13373 13374 13375 13376 13377 13378 13379 13380 13381 13382 13383 13384 13385 13386 13387 13388 13389 13390 13391 13392 13393 13394 13395 13396 13397 13398 13399 13400 13401 13402 13403 13404 13405 13406 13407 13408 13409 13410 13411 13412 13413 13414 13415 13416 13417 13418 13419 13420 13421 13422 13423 13424 13425 13426 13427 13428 13429 13430 13431 13432 13433 13434 13435 13436 13437 13438 13439 13440 13441 13442 13443 13444 13445 13446 13447 13448 13449 13450 13451 13452 13453 13454 13455 13456 13457 13458 13459 13460 13461 13462 13463 13464 13465 13466 13467 13468 13469 13470 13471 13472 13473 13474 13475 13476 13477 13478<div class="product-tile js-product-tile" id="a112c3f79a852f5d5e0bbccc69" data-jsondata="" data-itemid="1010-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="a112c3f79a852f5d5e0bbccc69" --> 13479 13480 13481 13482 13483 13484 13485 13486 13487 13488<div class="gtm-details"> 13489 <input type="hidden" class="product-detail-id" data-id="1010-01"> 13490 13491 13492 <input type="hidden" class="product-detail-name" data-name="C5 Super Boost Eye Cream Full Size"> 13493 13494 13495 <input type="hidden" class="product-detail-price" data-price="33.02"> 13496 <input type="hidden" class="product-detail-discount-price" data-price="5.83"> 13497 <input type="hidden" class="product-detail-discount-percantage" data-price="0.15"> 13498 <input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products"> 13499 <input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products"> 13500 <input type="hidden" class="product-detail-collection" data-collection="Brighten Up"> 13501 <input type="hidden" class="product-detail-ingredient" data-ingredient="Vitamin C"> 13502 <input type="hidden" class="product-detail-variant" data-variant="fullsize"> 13503 <input type="hidden" class="product-detail-quantity" data-quantity="1"> 13504 13505 <input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge"> 13506 <input type="hidden" class="promotion-name" data-name="15% off"> 13507 <input type="hidden" class="product-index" data-index="2"> 13508</div> 13509 13510<div class="product-image"><!-- dwMarker="product" dwContentID="a112c3f79a852f5d5e0bbccc69" --> 13511 13512<div class="plp-labels"> 13513 13514 13515 13516 13517 13518 13519 13520 13521 13522 13523 13524 13525 13526 13527 13528 13529 13530 13531 13532 13533 13534 13535 13536<span class="plp-badge-promo"> 13537<style type="text/css"> 13538div.badge-promo {display: block;} 13539</style> 13540<span>-15%</span> 13541</span> 13542 13543 13544 13545 13546 13547 13548 13549 13550</div> 13551 13552 13553 13554 13555 13556 13557 13558 13559 13560 13561 13562 13563<a class="thumb-link" href="/c5-super-boost-eye-cream/m1010.html" title="C5 Super Boost Eye Cream"> 13564 13565 13566<img 13567alt="null" 13568width="176" 13569height="268" 13570src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG" 13571srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 170w, 13572https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 300w, 13573https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 210w, 13574https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/1010?_i=AG 420w" /> 13575 13576 13577</a> 13578 13579<div class="product-image__wishlist"> 13580 <div class="js-wishlist-plp product-image__wishlist-inner"> 13581 <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="1010-01" 13582 data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=1010-01" 13583 data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=1010-01"> 13584 <span class="icon fa fa-heart--inactive" aria-hidden="true"></span> 13585 </div> 13586 </div> 13587</div> 13588 13589</div> 13590 13591 13592 13593<ul class="product-tile__variation-list"> 13594 13595 13596 13597 13598 <li class="product-tile__variation-item"> 13599 <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="1010-01" type="button"> 13600 15 ml 13601 </button> 13602 </li> 13603 13604 13605 13606 13607 13608 <li class="product-tile__variation-item"> 13609 <button class="js-tile-variation-change product-tile__variation-button " aria-label="change size" data-sku="1017-01" type="button"> 13610 5 ml 13611 </button> 13612 </li> 13613 13614 13615 13616 13617</ul> 13618 13619 13620 13621 13622 13623 13624 13625<div class="product-collection-name-top-section"> 13626<div class="product-collection-name text-extended-sm-extrabold"> 13627Brighten Up 13628</div> 13629 13630 13631 13632 13633<div class="product-review js-scroll-to-reviews"> 13634<a href="javascript:;" class="js-toggle-reviews-popup"> 13635<div id="category-snippet-m1010" class="js-powerreviews-minireview" 13636data-pid="m1010" 13637data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f" 13638data-locale="en_GB" 13639data-mgid="1029794264" 13640data-mid="1970115007" 13641data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css" 13642></div> 13643</a> 13644</div> 13645 13646</div> 13647<div class="product-name plp-product-name name-link text-normal-md-medium"> 13648C5 Super Boost Eye Cream 13649 13650</div> 13651 13652 13653<div class="product-plp-concerns"> 13654 13655 13656<span class="text-normal-md-semibold"> 13657Anti-Aging, Brown spots, Dull skin 13658</span> 13659 13660</div> 13661 13662 13663 13664<div class="product-plp-keyfeatures"> 13665 13666<div class="feature-1 text-normal-sm-semibold"> 13667 13668 13669 13670 13671 13672 13673 13674 13675 13676 13677 13678 13679<div class="content-asset"> 13680<p>Brightens skin</p> 13681</div> 13682 13683 13684 13685 13686 13687</div> 13688 13689 13690<div class="feature-2 text-normal-sm-semibold"> 13691 13692 13693 13694 13695 13696 13697 13698 13699 13700 13701 13702 13703<div class="content-asset"> 13704<p>Visibly reduces fine lines</p> 13705</div> 13706 13707 13708 13709 13710 13711</div> 13712 13713 13714<div class="feature-3 text-normal-sm-semibold"> 13715 13716 13717 13718 13719 13720 13721 13722 13723 13724 13725 13726 13727<div class="content-asset"> 13728<p>Targets the root causes of dark circles & puffiness</p> 13729</div> 13730 13731 13732 13733 13734 13735</div> 13736 13737</div> 13738<div class="product-long-description"> 13739<p>Target discolouration, dull-looking skin and loss of firmness with this concentrated vitamin C eye cream.</p> 13740</div> 13741 13742 13743 13744<div class="product-plp-ingredients"> 13745 13746 13747 13748 13749 13750 13751 13752 13753 13754 13755 13756 13757 13758 13759 13760 13761 13762 13763 13764 13765 13766 13767 13768 13769 13770 13771 13772 13773 Vitamin C, Peptides, Zerumbone 13774 13775 13776</div> 13777<div class="product-tile-footer"> 13778 13779 13780<div class="product-tile-footer__info"> 13781 13782<div class="product-pricing plp-product-pricing"> 13783 13784 13785 13786 13787 13788 13789 13790 13791 13792 13793 13794 13795 13796 13797 13798 13799 13800 13801 13802 13803 13804 13805 13806 13807 13808 13809 13810 13811 13812 13813 13814 13815 13816 13817 13818 13819 13820 13821 13822 13823 13824 13825 13826 13827 13828 13829 13830 13831 13832 13833 13834 13835 13836 13837 13838 13839 13840 13841 13842 13843 13844 13845 13846 13847 13848 13849 13850 13851 13852 13853 13854 13855 13856 13857 13858 13859 13860 13861 13862 13863 13864 13865 13866 13867 13868 13869 13870 13871 13872 13873 13874 13875 13876 13877 13878 13879 13880 13881 13882 13883 13884 13885 13886 13887 13888 13889 13890 13891 13892 13893 13894 13895 13896 13897 13898 13899 13900 13901 13902 13903 13904 13905 13906 13907 13908 13909 13910 13911 13912 13913 13914 13915 13916 13917 13918 13919 13920 13921 13922 13923 13924
13925 <span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="47.0">€ 47,00</span> 13926 13927 13928 13929 13930 13931 13932 13933 <span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="39.95">€ 39,95</span> 13934 13935 13936 13937 13938 13939 13940 <div class="discount-mention"> 13941 <span>15% off</span> 13942 </div> 13943 13944 13945 13946 13947 13948 13949 13950 13951 13952 13953 13954</div> 13955 13956 13957</div> 13958 13959 13960 13961 13962<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="1010-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon"> 13963 13964<span class="plp icon icon-cart" aria-hidden="true"></span> 13965 13966</button> 13967 13968 13969 13970 13971</div> 13972 13973 13974 13975 13976 13977 13978<div class="product-promo"> 13979 13980 13981 13982<div class="promotional-message"> 1398315% off 13984</div> 13985 13986<div class="promotional-message"> 13987Free shipping 13988</div> 13989 13990<div class="promotional-message"> 13991Travel-size 13992</div> 13993 13994<div class="promotional-message"> 13995Travel-size 13996</div> 13997 13998 13999</div> 14000 14001 14002 14003 14004 14005 14006<div class="product-swatches"> 14007 14008 14009 14010<ul class="swatch-list"> 14011 14012 14013 14014 14015 14016 14017 14018 14019 14020 14021 14022 14023 14024 14025 14026 14027 14028 14029 14030 14031 14032 14033<li> 14034<a href="https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=fullsize" class="swatch selected" title="Full size"> 14035<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/> 14036</a> 14037</li> 14038 14039 14040 14041 14042 14043 14044 14045 14046 14047 14048 14049 14050 14051 14052 14053 14054 14055 14056 14057 14058 14059 14060<li> 14061<a href="https://www.paulaschoice-eu.com/c5-super-boost-eye-cream/m1010.html?dwvar_m1010_size=trialsize" class="swatch " title="Travel size"> 14062<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Travel size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Travel size","title":"Travel size"}'/> 14063</a> 14064</li> 14065 14066</ul><!-- .swatch-list --> 14067</div><!-- .product-swatches --> 14068 14069 14070 14071 14072 14073 14074 14075 14076 14077 14078 14079 14080</div><!-- END: .product-tile --> 14081 14082 14083 14084</li> 14085 14086<li class="js-plp-product-tile " 14087data-variantdata-backend="[{"productID":"m2160","title":"Clinical Ceramide-Enriched Firming Eye Cream","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/products/images/2160?_i=AG"}},{"productID":"2160-01","title":"Clinical Ceramide-Enriched Firming Eye Cream Full size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize","dimension":{"inStock":true,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":54,"formatted":"€ 54,00"},"current":{"value":45.9,"formatted":"€ 45,90"}}},{"productID":"2160","title":"Clinical Ceramide-Enriched Firming Eye Cream Full size","image":{"url":"https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG"},"linkToPDP":"https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize","dimension":{"inStock":false,"isPreOrder":false,"volume":"15","size":"fullsize"},"promotion":{"promotionID":"Shop_discount_15_category_AntiAge","promotionName":"15% off"},"price":{"actual":{"value":54,"formatted":"€ 54,00"},"current":{"value":45.9,"formatted":"€ 45,90"}}}]" 14088data-jsondata = "{"normal":12,"dry":12,"combination":12,"oily":12,"Anti-aging":16,"Breakouts":8,"Sensitive-skin":0,"Very-dry-skin":8,"Brown-spots":12,"Redness":0,"Blackheads":8,"Dull-skin":8,"Enlarged-pores":8,"Rosacea-prone-skin":0,"Keratosis-pilaris":0,"price":45.9}" 14089data-colors-to-show=""
14090data-variantdata = "{"fullsize":{"inStock":true,"price":45.9,"volume":"15","SKU":"2160-01"}}"> 14091 14092 14093 14094<!-- CQuotient Activity Tracking (viewCategory-cquotient.js) -->
14095<script type="text/javascript">//<!-- 14096/* <![CDATA[ */ 14097(function(){ 14098try { 14099 if(window.CQuotient) { 14100 var cq_params = {}; 14101 14102 cq_params.cookieId = window.CQuotient.getCQCookieId(); 14103 cq_params.userId = window.CQuotient.getCQUserId(); 14104 cq_params.emailId = CQuotient.getCQHashedEmail(); 14105 cq_params.loginId = CQuotient.getCQHashedLogin(); 14106 cq_params.accumulate = true; 14107 cq_params.products = [{ 14108 id: 'm2160', 14109 sku: '' 14110 }]; 14111 cq_params.categoryId = 'eye-care-products'; 14112 cq_params.refinements = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 14113 cq_params.personalized = 'false'; 14114 cq_params.sortingRule = 'Bestsellers'; 14115 cq_params.imageUUID = '__UNDEFINED__'; 14116 cq_params.realm = "BBJJ"; 14117 cq_params.siteId = "paulaschoice_eu"; 14118 cq_params.instanceType = "prd"; 14119 cq_params.queryLocale = "en"; 14120 cq_params.locale = window.CQuotient.locale; 14121 14122 if(window.CQuotient.sendActivity) 14123 window.CQuotient.sendActivity(CQuotient.clientId, 'viewCategory', cq_params); 14124 else 14125 window.CQuotient.activities.push({ 14126 activityType: 'viewCategory', 14127 parameters: cq_params 14128 }); 14129 } 14130} catch(err) {} 14131})(); 14132/* ]]> */ 14133// --> 14134</script>
vendor: 1 bytes, line 14134
14134
14135<script type="text/javascript">//<!-- 14136/* <![CDATA[ (viewCategoryProduct-active_data.js) */ 14137(function(){ 14138try { 14139 if (dw.ac) { 14140 var search_params = {}; 14141 search_params.persd = 'false'; 14142 search_params.refs = '[{\"name\":\"Category\",\"value\":\"eye-care-products\"}]'; 14143 search_params.sort = 'Bestsellers'; 14144 search_params.imageUUID = ''; 14145 search_params.searchID = '775e0f81-d41f-4688-865c-504f37b1fec5'; 14146 search_params.locale = 'en'; 14147 search_params.queryLocale = 'en'; 14148 search_params.showProducts = 'true'; 14149 dw.ac.applyContext({category: "eye-care-products", searchData: search_params}); 14150 if (typeof dw.ac._scheduleDataSubmission === "function") { 14151 dw.ac._scheduleDataSubmission(); 14152 } 14153 } 14154} catch(err) {} 14155})(); 14156/* ]]> */ 14157// --> 14158</script>
vendor: 1 bytes, line 14158
14158
14159<script type="text/javascript">//<!-- 14160/* <![CDATA[ (viewProduct-active_data.js) */ 14161dw.ac._capture({id: "m2160", type: "searchhit"}); 14162/* ]]> */ 14163// --> 14164</script>
14164 14165 14166 14167 14168 14169 14170 14171 14172 14173 14174 14175 14176 14177 14178 14179 14180 14181 14182 14183 14184 14185 14186 14187 14188 14189 14190 14191 14192 14193 14194 14195 14196 14197 14198 14199 14200 14201 14202 14203 14204 14205 14206 14207 14208 14209 14210 14211 14212 14213 14214 14215 14216 14217 14218 14219 14220 14221 14222 14223 14224 14225 14226 14227 14228 14229 14230 14231 14232 14233 14234 14235 14236 14237 14238 14239 14240 14241 14242 14243 14244 14245 14246 14247 14248 14249 14250 14251 14252 14253 14254 14255 14256 14257 14258 14259 14260 14261 14262 14263 14264 14265 14266 14267 14268 14269 14270 14271 14272 14273 14274 14275 14276 14277 14278 14279 14280 14281 14282 14283 14284 14285 14286 14287 14288 14289 14290 14291 14292 14293 14294 14295 14296 14297 14298 14299 14300 14301 14302 14303 14304<div class="product-tile js-product-tile" id="b72ca71bd501c0c86eaf4e2d3c" data-jsondata="" data-itemid="2160-01" data-variant="Full size"><!-- dwMarker="product" dwContentID="b72ca71bd501c0c86eaf4e2d3c" --> 14305 14306 14307 14308 14309 14310 14311 14312 14313 14314<div class="gtm-details"> 14315 <input type="hidden" class="product-detail-id" data-id="2160-01"> 14316 14317 14318 <input type="hidden" class="product-detail-name" data-name="Clinical Ceramide-Enriched Firming Eye Cream Full size"> 14319 14320 14321 <input type="hidden" class="product-detail-price" data-price="37.93"> 14322 <input type="hidden" class="product-detail-discount-price" data-price="6.69"> 14323 <input type="hidden" class="product-detail-discount-percantage" data-price="0.15"> 14324 <input type="hidden" class="product-detail-category" data-category="skincare/Categories/Eye products"> 14325 <input type="hidden" class="product-detail-categorypdp" data-categorypdp="eye-care-products"> 14326 <input type="hidden" class="product-detail-collection" data-collection="Clinical"> 14327 <input type="hidden" class="product-detail-ingredient" data-ingredient="Ceramides"> 14328 <input type="hidden" class="product-detail-variant" data-variant="fullsize"> 14329 <input type="hidden" class="product-detail-quantity" data-quantity="1"> 14330 14331 <input type="hidden" class="promotion-id" data-id="Shop_discount_15_category_AntiAge"> 14332 <input type="hidden" class="promotion-name" data-name="15% off"> 14333 <input type="hidden" class="product-index" data-index="3"> 14334</div> 14335 14336<div class="product-image"><!-- dwMarker="product" dwContentID="b72ca71bd501c0c86eaf4e2d3c" --> 14337 14338<div class="plp-labels"> 14339 14340 14341 14342 14343 14344 14345 14346 14347 14348 14349 14350 14351 14352 14353 14354 14355 14356 14357 14358 14359 14360 14361 14362<span class="plp-badge-promo"> 14363<style type="text/css"> 14364div.badge-promo {display: block;} 14365</style> 14366<span>-15%</span> 14367</span> 14368 14369 14370 14371 14372 14373 14374 14375 14376</div> 14377 14378 14379 14380 14381 14382 14383 14384 14385 14386 14387 14388 14389<a class="thumb-link" href="/clinical-ceramide-enriched-firming-eye-cream-full-size/2160-01.html" title="Clinical Ceramide-Enriched Firming Eye Cream"> 14390 14391 14392<img 14393alt="null" 14394width="176" 14395height="268" 14396src="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG" 14397srcset="https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 170w, 14398https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 300w, 14399https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 210w, 14400https://media.paulaschoice-eu.com/image/upload/f_auto,q_auto,dpr_auto/t_square/products/images/2160?_i=AG 420w" /> 14401 14402 14403</a> 14404 14405<div class="product-image__wishlist"> 14406 <div class="js-wishlist-plp product-image__wishlist-inner"> 14407 <div class="js-wishlist js-wishlist-add absent-in-wishlist" data-pid="2160-01" 14408 data-href-wishlist-add="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Add?pid=2160-01" 14409 data-href-wishlist-remove="https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-Remove?pid=2160-01"> 14410 <span class="icon fa fa-heart--inactive" aria-hidden="true"></span> 14411 </div> 14412 </div> 14413</div> 14414 14415</div> 14416 14417 14418 14419<ul class="product-tile__variation-list"> 14420 14421 14422 14423 14424 <li class="product-tile__variation-item"> 14425 <button class="js-tile-variation-change product-tile__variation-button product-tile__variation-button--active" aria-label="change size" data-sku="2160-01" type="button"> 14426 15 ml 14427 </button> 14428 </li> 14429 14430 14431 14432 14433</ul> 14434 14435 14436 14437 14438 14439 14440 14441<div class="product-collection-name-top-section"> 14442<div class="product-collection-name text-extended-sm-extrabold"> 14443Clinical 14444</div> 14445 14446 14447 14448 14449<div class="product-review js-scroll-to-reviews"> 14450<a href="javascript:;" class="js-toggle-reviews-popup"> 14451<div id="category-snippet-m2160" class="js-powerreviews-minireview" 14452data-pid="m2160" 14453data-api="0366dc1f-7b42-4793-9d47-df94b0f8b80f" 14454data-locale="en_GB" 14455data-mgid="1029794264" 14456data-mid="1970115007" 14457data-css="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/rr.css" 14458></div> 14459</a> 14460</div> 14461 14462</div> 14463<div class="product-name plp-product-name name-link text-normal-md-medium"> 14464Ceramide-Enriched Firming Eye Cream 14465 14466</div> 14467 14468 14469<div class="product-plp-concerns"> 14470 14471 14472<span class="text-normal-md-semibold"> 14473Anti-Aging, Dull skin 14474</span> 14475 14476</div> 14477 14478 14479 14480<div class="product-plp-keyfeatures"> 14481 14482<div class="feature-1 text-normal-sm-semibold"> 14483 14484 14485 14486 14487 14488 14489 14490 14491 14492 14493 14494 14495<div class="content-asset"> 14496<p>Helps skin act younger</p> 14497</div> 14498 14499 14500 14501 14502 14503</div> 14504 14505 14506<div class="feature-2 text-normal-sm-semibold"> 14507 14508 14509 14510 14511 14512 14513 14514 14515 14516 14517 14518 14519<div class="content-asset"> 14520<p>Improves skin tone and texture</p> 14521</div> 14522 14523 14524 14525 14526 14527</div> 14528 14529 14530<div class="feature-3 text-normal-sm-semibold"> 14531 14532 14533 14534 14535 14536 14537 14538 14539 14540 14541 14542 14543<div class="content-asset"> 14544<p>Softens fine lines and wrinkles</p> 14545</div> 14546 14547 14548 14549 14550 14551</div> 14552 14553</div> 14554<div class="product-long-description"> 14555<p>Rich eye cream with 0.01% retinol, visibly reduces fine lines and restores radiance to the eye area.</p> 14556</div> 14557 14558 14559 14560<div class="product-plp-ingredients"> 14561 14562 14563 14564 14565 14566 14567 14568 14569 14570 14571 14572 14573 14574 14575 14576 14577 14578 14579 14580 14581 14582 14583 14584 14585 14586 14587 14588 14589 Ceramides, Retinol (Vitamin A), Vitamin C 14590 14591 14592</div> 14593<div class="product-tile-footer"> 14594 14595 14596<div class="product-tile-footer__info"> 14597 14598<div class="product-pricing plp-product-pricing"> 14599 14600 14601 14602 14603 14604 14605 14606 14607 14608 14609 14610 14611 14612 14613 14614 14615 14616 14617 14618 14619 14620 14621 14622 14623 14624 14625 14626 14627 14628 14629 14630 14631 14632 14633 14634 14635 14636 14637 14638 14639 14640 14641 14642 14643 14644 14645 14646 14647 14648 14649 14650 14651 14652 14653 14654 14655 14656 14657 14658 14659 14660 14661 14662 14663 14664 14665 14666 14667 14668 14669 14670 14671 14672 14673 14674 14675 14676 14677 14678 14679 14680 14681 14682 14683 14684 14685 14686 14687 14688 14689 14690 14691 14692 14693 14694 14695 14696 14697 14698 14699 14700 14701 14702 14703 14704 14705 14706 14707 14708 14709 14710 14711 14712 14713 14714 14715 14716 14717 14718 14719 14720 14721 14722 14723 14724 14725 14726 14727 14728 14729 14730 14731 14732 14733 14734 14735 14736 14737 14738
14739 <span class="product-standard-price price-standard strike-throughprice plp-product-price-standard" title="Standard Price" data-gross-price="54.0">€ 54,00</span> 14740 14741 14742 14743 14744 14745 14746 14747 <span class="product-sales-price price-sales plp-product-price-sales" title="Sale Price" data-gross-price="45.9">€ 45,90</span> 14748 14749 14750 14751 14752 14753 14754 <div class="discount-mention"> 14755 <span>15% off</span> 14756 </div> 14757 14758 14759 14760 14761 14762 14763 14764 14765 14766 14767 14768</div> 14769 14770 14771</div> 14772 14773 14774 14775 14776<button type="button" class="add-to-cart-link button js-add-to-cart-link plp-add-to-cart" data-productid="2160-01" aria-label="Add to Bag" data-popup-notify="Product out of stock" data-popup-preorder="Coming soon"> 14777 14778<span class="plp icon icon-cart" aria-hidden="true"></span> 14779 14780</button> 14781 14782 14783 14784 14785</div> 14786 14787 14788 14789 14790 14791 14792<div class="product-promo"> 14793 14794 14795 14796<div class="promotional-message"> 1479715% off 14798</div> 14799 14800<div class="promotional-message"> 14801Free shipping 14802</div> 14803 14804<div class="promotional-message"> 14805Travel-size 14806</div> 14807 14808<div class="promotional-message"> 14809Travel-size 14810</div> 14811 14812 14813</div> 14814 14815 14816 14817 14818 14819 14820<div class="product-swatches"> 14821 14822 14823 14824<ul class="swatch-list"> 14825 14826 14827 14828 14829 14830 14831 14832 14833 14834 14835 14836 14837 14838 14839 14840 14841 14842 14843 14844 14845 14846 14847<li> 14848<a href="https://www.paulaschoice-eu.com/clinical-ceramide-enriched-firming-eye-cream/m2160.html?dwvar_m2160_size=fullsize" class="swatch selected" title="Full size"> 14849<img class="swatch-image lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3C/svg%3E" data-src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png" alt="Full size" data-thumb='{"src":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw21a80383/images/noimagesmall.png","alt":"Full size","title":"Full size"}'/> 14850</a> 14851</li> 14852 14853</ul><!-- .swatch-list --> 14854</div><!-- .product-swatches --> 14855 14856 14857 14858 14859 14860 14861 14862 14863 14864 14865 14866 14867</div><!-- END: .product-tile --> 14868 14869 14870 14871</li> 14872 14873 14874 14875</ul> 14876 14877<div class="js-std-pagination"> 14878 14879 14880
14881<script type="text/javascript"> 14882</script>
14882 14883<div class="pagination"> 14884<div class="results-hits"> 14885 <span class="toggle-grid"><i class="fa fa-th fa-lg" data-option="column"></i><i class="fa fa-th-list fa-lg" data-option="wide"></i></span> 14886Showing 14887 148881 - 3 of 14889 148903 Results 14891</div> 14892 14893 14894 14895</div> 14896 14897 14898</div> 14899 14900<div class="hide js-alt-pagination"> 14901 14902 14903
14904<script type="text/javascript"> 14905</script>
14905 14906<div class="pagination"> 14907<div class="results-hits"> 14908 <span class="toggle-grid"><i class="fa fa-th fa-lg" data-option="column"></i><i class="fa fa-th-list fa-lg" data-option="wide"></i></span> 14909Showing 14910 149111 - 3 of 14912 149133 Results 14914</div> 14915 14916 14917 14918</div> 14919 14920 14921</div> 14922 14923<div class="seo-promo" id="js-seo-target"> 14924<a href="javascript:;" id="js-scroll-to-top" class="scroll-top">Move to top</a> 14925 14926 14927 14928 14929 14930 14931 14932 14933 14934 14935 14936 14937 14938</div> 14939</div> 14940</div> 14941</div> 14942 14943</div> 14944</div> 14945 14946</div> 14947 14948 14949 14950 14951 14952 14953 14954 14955 14956 14957 14958 14959 14960 14961 14962 14963 14964 14965 14966 14967 14968 14969 14970 14971 14972 14973 14974 14975 14976 14977 14978 14979 14980 14981 14982 14983 14984 14985 14986 14987 14988 14989 14990 14991 14992 14993 14994 14995 14996 14997 14998 14999 15000 15001 15002 15003 15004 15005 15006 15007 15008 15009 15010 15011 15012 15013 15014 15015 15016 15017 15018 15019 15020 15021 15022 15023 15024 15025 15026 15027 15028 15029 15030 15031 15032 15033 15034 15035 15036 15037 15038 15039 15040 15041 15042 15043 15044 15045 15046 15047 15048 15049 15050 15051 15052 15053 15054 15055 15056 15057 15058 15059 15060 15061 15062 15063 15064 15065 15066 15067 15068 15069 15070 15071 15072 15073
15074<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/q.js"></script>
vendor: 1 bytes, line 15074
15074
15075<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/qm.js"></script>
vendor: 1 bytes, line 15075
15075
15076<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/ui/qu.js"></script>
vendor: 1 bytes, line 15076
15076
15077<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/q/qv.js"></script>
vendor: 1 bytes, line 15077
15077
15078<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/lib/emailsuggestion/emailsuggestiondropdown.js"></script>
vendor: 1 bytes, line 15078
15078
15079<script> 15080 15081 15082 15083(function(){ 15084window.Customer = {"FIRSTNAME":"","LASTNAME":"","EMAIL":""}; 15085}()); 15086 15087(function(){ 15088window.Constants = {"AVAIL_STATUS_IN_STOCK":"IN_STOCK","AVAIL_STATUS_PREORDER":"PREORDER","AVAIL_STATUS_BACKORDER":"BACKORDER","AVAIL_STATUS_NOT_AVAILABLE":"NOT_AVAILABLE"}; 15089window.Resources = {"I_AGREE":"Accept","TRACKING_CONSENT":"global.tracking_consent","TRACKING_NO_CONSENT":"global.tracking_no_consent","CLOSE":"Close","NO_THANKS":"No, thanks","OK":"OK","ARE_YOU_HUMAN":"Are you a Human Being?","PLEASE_SELECT":"Please Select One","SHIP_QualifiesFor":"This shipment qualifies for","CC_LOAD_ERROR":"Couldn't load credit card!","COULD_NOT_SAVE_ADDRESS":"Could not save address. Please check your entries and try again.","REG_ADDR_ERROR":"Could Not Load Address","NEXT":"Next","PREV":"Previous","BONUS_PRODUCT":"Gift","BONUS_PRODUCTS":"Gifts","SELECT_BONUS_PRODUCTS":"Choose Your Gift","SELECT_BONUS_PRODUCT":"product.selectbonusproduct","BONUS_PRODUCT_SELECT_BUTTON":"Select","BONUS_PRODUCT_UNSELECT_BUTTON":"Unselect","BONUS_PRODUCT_MAX":"The maximum number of gifts has been selected. Please remove one in order to add gifts.","BONUS_PRODUCT_TOOMANY":"You have selected too many gifts. Please change the quantity.","SIMPLE_SEARCH":"Enter Keyword or Item No.","SUBSCRIBE_EMAIL_DEFAULT":"Email Address","CURRENCY_SYMBOL":"â¬","MISSINGVAL":"Please enter {0}","SERVER_ERROR":"Server connection failed!","MISSING_LIB":"jQuery is undefined.","BAD_RESPONSE":"Bad response - parser error!","INVALID_PHONE":"Please specify a valid phone number.","REMOVE":"Remove","QTY":"QTY","EMPTY_IMG_ALT":"Remove","COMPARE_BUTTON_LABEL":"Compare Items","COMPARE_CONFIRMATION":"This will remove the first product added for comparison. Is that OK?","COMPARE_REMOVE_FAIL":"Unable to remove item from list","COMPARE_ADD_FAIL":"Unable to add item to list","ADD_TO_CART_FAIL":"Unable to add item '{0}' to shopping bag","REGISTRY_SEARCH_ADVANCED_CLOSE":"Close Advanced Search","GIFT_CERT_INVALID":"The code you've entered has not been recognised.","GIFT_CERT_BALANCE":"Your current gift card balance is","GIFT_CERT_AMOUNT_INVALID":"You can purchase gift cards with a minimum balance of £10 and a maximum balance of £150.","GIFT_CERT_MISSING":"Please enter the code on your gift card.","GIFT_CERT_GENERALERROR":"Something went wrong. Please try again.","GIFT_CERT_MIN_ERROR":"Please try again. The minimum is","GIFT_CERT_MAX_ERROR":"Please try again. The maximum is","GIFT_CERT_REGEX_ERROR":"Enter a valid input","MISSING_PAYMENT_METHOD":"Please select a payment method to continue.","GIFT_CERT_CHOOSE_PAYMENTMETHOD":"Your selected payment method is gift certificate. Please select a different method.","INVALID_OWNER":"This appears to be a credit card number. Please enter the name of the card holder.","COUPON_CODE_MISSING":"Please enter a coupon code.","COOKIES_DISABLED":"Your browser is currently not set to accept cookies. Please turn this functionality on or check if you have another program set to block cookies.","BML_AGREE_TO_TERMS":"You must agree to the terms and conditions","CHAR_LIMIT_MSG":"You have {0} characters left out of {1}","CONFIRM_DELETE":"Do you want to remove this {0}?","TITLE_GIFTREGISTRY":"gift registry","TITLE_ADDRESS":"address","TITLE_CREDITCARD":"credit card","SERVER_CONNECTION_ERROR":"Server connection failed!","IN_STOCK_DATE":"The expected in-stock date is {0}.","ITEM_STATUS_NOTAVAILABLE":"This item is currently not available.","INIFINITESCROLL":"Show All","STORE_NEAR_YOU":"What's available at a store near you","SELECT_STORE":"Select Store","SELECTED_STORE":"Selected Store","PREFERRED_STORE":"Preferred Store","SET_PREFERRED_STORE":"Set Preferred Store","ENTER_ZIP":"Enter ZIP Code","INVALID_ZIP":"Please enter a valid ZIP Code","INVALID_ZIP_CODE":"Unfortunately, we do not deliver to this region.","SEARCH":"Search","CHANGE_LOCATION":"Change Location","CONTINUE_WITH_STORE":"Continue with preferred store","CONTINUE":"Continue","SEE_MORE":"See More Stores","SEE_LESS":"See Fewer Stores","QUICK_VIEW":"Quick View","QUICK_VIEW_POPUP":"Product Quick View","TLS_WARNING":"We value your security!<br/>We detected that you are using an outdated browser.<br/>Update you browser to continue a secure shopping experience.","CSRF_TOKEN_MISMATCH":"global.csrf.failed.error","SUBSCRIBE_SUCCESS":"You have successfully subscribed!","EMAIL_AUTOCOMPLETE":"Did you mean","NOTIFYME_ERROR":"Something went wrong. Please submit again.","NOTIFYME_EMAIL_ERROR":"Please fill the email field.","NOTIFYME_SUCCESS":"We will inform you when product is available.","NOTIFYME_EXISTINGEMAIL":"This email address had already requested to be notified when this product is back in stock.","RESULT_FOUND":"Result Found","SEARCH_RESULT":"Show Results","APPLY_RESULT":"Apply","PR_LISTERPOPUP_MOREREVIEWS":"More reviews","VALIDATE_REQUIRED":"This field is required.","VALIDATE_REMOTE":"Please fix this field.","VALIDATE_EMAIL":"Please enter a valid email address.","VALIDATE_URL":"Please enter a valid URL.","VALIDATE_DATE":"Please enter a valid date.","VALIDATE_DATEISO":"Please enter a valid date ( ISO ).","VALIDATE_NUMBER":"Please enter a valid number.","VALIDATE_DIGITS":"Please enter only digits.","VALIDATE_PLUSANDDIGITS":"Please enter valid phone number (without spaces or hyphen).","VALIDATE_CREDITCARD":"Please enter a valid credit card number.","VALIDATE_EQUALTO":"Please enter the same value again.","VALIDATE_MAXLENGTH":"Please enter no more than {0} characters.","VALIDATE_MINLENGTH":"Please enter at least {0} characters.","VALIDATE_RANGELENGTH":"Please enter a value between {0} and {1} characters long.","VALIDATE_RANGE":"Please enter a value between {0} and {1}.","VALIDATE_MAX":"Please enter a value less than or equal to {0}.","VALIDATE_MIN":"Please enter a value greater than or equal to {0}.","VALIDATE_ALPHANUMERIC":"Please use letters, numbers, - or '","VALIDATE_ALPHANUMERICWITHDOT":"Please only use letters, numbers, - or ' or .","VALIDATE_ALPHANUMERICWITHSLASH":"Please use letters, numbers, - or ' or /","VALIDATE_ALPHANUMERICWITHSLASHAND":"validate.alphanumericwithslashand","VALIDATE_ALPHANUMERICWITHCOMMA":"Please use letters, numbers, - or ' or ,","VALIDATE_ALPHANUMERICWITHCOMMADOTSPACE":"Please use letters, numbers, comma, dots or spaces","VALIDATE_ALPHANUMERICWITHCOMMASLASH":"Please use letters, numbers, - or ' or , or /","VALIDATE_FULLNAMELENGTH":"validate.fullnamelength","VALIDATE_GBCITYVALIDATOR":"validate.GBcityvalidator","VALIDATE_ESHOUSENUMBERADDITIONVALIDATOR":"Please use letters, numbers, - or ' or / or superscript characters","VALIDATE_ESADDRESSVALIDATOR":"Please use letters, numbers, - or /","ADYEN_CC_VALIDATE":"Please enter a valid credit card information.","VALIDATE_PASSWORD":"The password has to be 8 - 255 characters long","RECAPTCHA_SITEKEY":"6LckMf0kAAAAAJ_91sihhrSfrVAqpL47-iJFpY1B","CHATPRODUCTADDED":"was added to your shopping bag.","CHATPRODUCTREMOVED":"has been removed from your shopping bag.","COUPONADDED":"The coupon code has been added to your order and was applied.","COUPON_ALREADY_IN_BASKET":"Coupon code cannot be combined with other coupon code in the shopping bag [agent]","COUPON_EXPIRED":"Coupon cannot be added to the shopping bag because it expired [agent]","NO_ACTIVE_PROMOTION":"Coupon code cannot currently be added to the shopping bag, because the promotion is not active [agent]","COUPON_GENERAL":"There is something wrong with this coupon code [agent]","COUPON_CODE_UNKNOWN":"Coupon code cannot currently be added to the shopping bag [agent]","CHATALLPRODUCTSREMOVED":"Your cart is empty now.","COUPONREMOVED":"Coupon code removed","IBM_WATSON_RATE":"Please rate the chat with the agent","IN_STOCK":"In Stock","QTY_IN_STOCK":"{0} Item(s) in Stock","PREORDER":"Pre-Order","QTY_PREORDER":"{0} item(s) are available for pre-order.","REMAIN_PREORDER":"The remaining items are available for pre-order.","BACKORDER":"Back Order","QTY_BACKORDER":"Back order {0} item(s)","REMAIN_BACKORDER":"The remaining items are available on back order.","NOT_AVAILABLE":"This item is currently not available.","REMAIN_NOT_AVAILABLE":"The remaining items are currently not available. Please adjust the quantity.","onlydigitsRegex":"^[0-9]+$","plusAndDigitsRegex":"^(\\+?)\\d{8,14}$","alphanumericRegex":"^[0-9A-Za-zÃ-É '-]+$","alphanumericwithslashandRegex":"^[0-9A-Za-zÃ-É &/'-]+$","alphanumericwithdotRegex":"^[0-9A-Za-zÃ-É .'-]+$","alphanumericwithslashRegex":"^[0-9A-Za-zÃ-É /'-]+$","alphanumericwithcommaRegex":"^[0-9A-Za-zÃ-É ,'-]+$","alphanumericwithcommaslashRegex":"^[0-9A-Za-zÃ-É /,'-]+$","alphanumericwithcommadotspace":"^[0-9A-Za-z., ]+$","ingredientcheckervalidation":"^[0-9A-Za-z\\p{L}.,|~.&·<>:;\\[\\]\\-â \\s\\n\\(\\)/\"'\\\\]{2,}$","GBcityvalidatorRegex":"^(?![Gg][Ii][Bb][Rr][Aa][Ll][Tt][Aa][Rr]|[Jj][Ee][Rr][Ss][Ee][Yy]|[Gg][Uu][Ee][Rr][Nn][Ss][Ee][Yy])[0-9A-Za-zÃ-É &/'-]+$","EShouseNumberAdditionValidatorRegex":"^[°ºËÌͦ֯áµâ¦ÂªÍ£áµáµ ᴬͤᴱáµ0-9A-Za-zÃ-É /'-]+$","ESAddressValidatorRegex":"^[/0-9A-Za-zÃ-É '-]+$","notCCRegex":"^(?!(([0-9 -]){13,19})).*$","postalCodeRegexes":{"AT":"^\\d{4}$","BE":"^[1-9]{1}[0-9]{3}$","DK":"^([D|d][K|k]( |-))?[1-9]{1}[0-9]{3}$","FI":"^\\d{5}$","FR":"^(F-)?((2[A|B])|[0-9]{2})[0-9]{3}$","DE":"\\b((?:0[1-46-9]\\d{3})|(?:[1-357-9]\\d{4})|(?:[4][0-24-9]\\d{3})|(?:[6][013-9]\\d{3}))\\b","IT":"^(V-|I-)?[0-9]{5}$","LU":"^\\d{4}$","NL":"^[1-9][0-9]{3}\\s?([a-zA-Z]{2})$","ES":"^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$","SE":"^(s-|S-){0,1}[0-9]{3}\\s?[0-9]{2}$","CH":"^\\d{4}$","GB":"^(GIR|[A-Z]\\d[A-Z\\d]??|[A-Z]{2}\\d[A-Z\\d]??)[ ]??(\\d[A-Z]{2})$","US":"^\\d{5}([\\-]?\\d{4})?$","CA":"^[ABCEGHJKLMNPRSTVXY]\\d[ABCEGHJ-NPRSTV-Z][ ]?\\d[ABCEGHJ-NPRSTV-Z]\\d$","NO":"^\\d{4}$","PL":"^\\d{2}-\\d{3}$","BG":"^\\d{4}$","HR":"^\\d{5}$","CY":"^\\d{4}$","CZ":"^\\d{3}[ ]?\\d{2}$","EE":"^\\d{5}$","GR":"^\\d{3}[ ]?\\d{2}$","HU":"^\\d{4}$","LV":"^\\d{4}$","LT":"^\\d{5}$","MT":"^[A-Z]{3}[ ]?\\d{2,4}$","MC":"^98\\d{3}$","FR-DEP":"^97[1-8]\\d{2}$","PT":"^\\d{4}([\\-]\\d{3})?$","RO":"^\\d{6}$","SK":"^\\d{3}[ ]?\\d{2}$","SI":"^\\d{4}$"},"nameLengthRegex":"^.{1,50}$","dateRegex":"^(0?[1-9]|[12][0-9]|3[0-1])[/](0?[1-9]|1[0-2])[/](19|20)?\\d{2}$","phonepRegexes":{"us":"^\\(?([2-9][0-8][0-9])\\)?[\\-\\. ]?([2-9][0-9]{2})[\\-\\. ]?([0-9]{4})(\\s*x[0-9]+)?$","ca":"^\\(?([2-9][0-8][0-9])\\)?[\\-\\. ]?([2-9][0-9]{2})[\\-\\. ]?([0-9]{4})(\\s*x[0-9]+)?$","fr":"^0[1-6]{1}(([0-9]{2}){4})|((\\s[0-9]{2}){4})|((-[0-9]{2}){4})$","nl":"(^\\+[0-9]{2}|^\\+[0-9]{2}\\(0\\)|^\\(\\+[0-9]{2}\\)\\(0\\)|^00[0-9]{2}|^0)([0-9]{9}$|[0-9\\-\\s]{10}$)","de":"(^015|^016|^017)([0-9]{5,9}$)|(^0[1-9]{1})([0-9]{2,10}$)","it":"^(([0-9]{2,4})([-\\s\\/]{0,1})([0-9]{4,8}))?$","jp":"^(0\\d{1,4}- ?)?\\d{1,4}-\\d{4}
15089$","cn":".*","gb":"^((\\(?0\\d{4}\\)?\\s?\\d{3}\\s?\\d{3})|(\\(?0\\d{3}\\)?\\s?\\d{3}\\s?\\d{4})|(\\(?0\\d{2}\\)?\\s?\\d{4}\\s?\\d{4}))(\\s?\\#(\\d{4}|\\d{3}))?$"},"emailAddressRegex":"^(\\w[.%+-]?)+\\w+@(?!.*[@,])(?=.*\\.\\w{2,})\\w{0,63}(-?\\w+)+(\\.(?!.*[\\d])\\w{2,63})+$","postalCodeRestriction_ES":"51000, 51001, 51002, 51003, 51004, 51005, 52000, 52001, 52002, 52003, 52004, 7001, 7002, 7003, 7004, 7005, 7006, 7007, 7008, 7009, 7010, 7011, 7012, 7013, 7014, 7015, 7100, 7101, 7108, 7109, 7110, 7120, 7121, 7122, 7140, 7141, 7142, 7143, 7144, 7150, 7157, 7159, 7160, 7170, 7179, 7180, 7181, 7183, 7184, 7190, 7191, 7192, 7193, 7194, 7195, 7196, 7198, 7199, 7200, 7208, 7209, 7210, 7220, 7230, 7240, 7250, 7260, 7300, 7310, 7311, 7312, 7313, 7314, 7315, 7316, 7320, 7330, 7340, 7349, 7350, 7360, 7369, 7400, 7420, 7430, 7440, 7450, 7458, 7459, 7460, 7469, 7470, 7500, 7509, 7510, 7511, 7518, 7519, 7520, 7529, 7530, 7540, 7550, 7559, 7560, 7570, 7579, 7580, 7589, 7590, 7600, 7609, 7610, 7611, 7620, 7629, 7630, 7638, 7639, 7640, 7650, 7659, 7660, 7669, 7670, 7680, 7687, 7688, 7689, 7690, 7691, 7700, 7701, 7702, 7703, 7710, 7711, 7712, 7713, 7714, 7720, 7730, 7740, 7748, 7749, 7750, 7760, 7769, 7800, 7810, 7811, 7812, 7813, 7814, 7815, 7816, 7817, 7818, 7819, 7820, 7828, 7829, 7830, 7839, 7840, 7849, 7850, 7860, 7870, 7871, 7872, 07001, 07002, 07003, 07004, 07005, 07006, 07007, 07008, 07009, 07010, 07011, 07012, 07013, 07014, 07015, 07100, 07101, 07108, 07109, 07110, 07120, 07121, 07122, 07140, 07141, 07142, 07143, 07144, 07150, 07157, 07159, 07160, 07170, 07179, 07180, 07181, 07183, 07184, 07190, 07191, 07192, 07193, 07194, 07195, 07196, 07198, 07199, 07200, 07208, 07209, 07210, 07220, 07230, 07240, 07250, 07260, 07300, 07310, 07311, 07312, 07313, 07314, 07315, 07316, 07320, 07330, 07340, 07349, 07350, 07360, 07369, 07400, 07420, 07430, 07440, 07450, 07458, 07459, 07460, 07469, 07470, 07500, 07509, 07510, 07511, 07518, 07519, 07520, 07529, 07530, 07540, 07550, 07559, 07560, 07570, 07579, 07580, 07589, 07590, 07600, 07609, 07610, 07611, 07620, 07629, 07630, 07638, 07639, 07640, 07650, 07659, 07660, 07669, 07670, 07680, 07687, 07688, 07689, 07690, 07691, 07700, 07701, 07702, 07703, 07710, 07711, 07712, 07713, 07714, 07720, 07730, 07740, 07748, 07749, 07750, 07760, 07769, 07800, 07810, 07811, 07812, 07813, 07814, 07815, 07816, 07817, 07818, 07819, 07820, 07828, 07829, 07830, 07839, 07840, 07849, 07850, 07860, 07870, 07871, 07872, 35001, 35002, 35003, 35004, 35005, 35006, 35007, 35008, 35009, 35010, 35011, 35012, 35013, 35014, 35015, 35016, 35017, 35018, 35019, 35100, 35106, 35107, 35108, 35109, 35110, 35118, 35119, 35120, 35128, 35129, 35130, 35138, 35139, 35140, 35149, 35200, 35210, 35211, 35212, 35213, 35214, 35215, 35216, 35217, 35218, 35219, 35220, 35229, 35230, 35240, 35250, 35259, 35260, 35269, 35270, 35280, 35290, 35299, 35300, 35307, 35308, 35309, 35310, 35319, 35320, 35328, 35329, 35330, 35333, 35338, 35339, 35340, 35349, 35350, 35360, 35368, 35369, 35400, 35411, 35412, 35413, 35414, 35415, 35420, 35421, 35422, 35423, 35430, 35431, 35432, 35450, 35457, 35458, 35459, 35460, 35468, 35469, 35470, 35478, 35479, 35480, 35488, 35489, 35500, 35507, 35508, 35509, 35510, 35520, 35530, 35539, 35540, 35541, 35542, 35543, 35544, 35550, 35558, 35559, 35560, 35561, 35570, 35571, 35572, 35580, 35600, 35610, 35611, 35612, 35613, 35620, 35625, 35626, 35627, 35628, 35629, 35630, 35637, 35638, 35639, 35640, 35649, 35650, 35660, 38001, 38002, 38003, 38004, 38005, 38006, 38007, 38008, 38009, 38010, 38107, 38108, 38109, 38110, 38111, 38120, 38129, 38130, 38139, 38140, 38150, 38160, 38170, 38180, 38190, 38201, 38202, 38203, 38204, 38205, 38206, 38207, 38208, 38240, 38250, 38260, 38270, 38280, 38290, 38291, 38292, 38293, 38294, 38296, 38297, 38300, 38310, 38311, 38312, 38313, 38314, 38315, 38320, 38329, 38330, 38340, 38350, 38355, 38356, 38357, 38358, 38359, 38360, 38370, 38379, 38380, 38389, 38390, 38398, 38399, 38400, 38410, 38412, 38413, 38414, 38415, 38416, 38417, 38418, 38419, 38420, 38428, 38429, 38430, 38434, 38435, 38438, 38439, 38440, 38441, 38449, 38450, 38458, 38459, 38460, 38470, 38479, 38480, 38489, 38500, 38508, 38509, 38510, 38520, 38530, 38540, 38550, 38560, 38570, 38579, 38580, 38588, 38589, 38590, 38591, 38592, 38593, 38594, 38595, 38600, 38610, 38611, 38612, 38613, 38614, 38615, 38616, 38617, 38618, 38619, 38620, 38626, 38627, 38628, 38629, 38630, 38631, 38632, 38639, 38640, 38649, 38650, 38652, 38660, 38670, 38677, 38678, 38679, 38680,38683, 38684, 38685, 38686, 38687, 38688, 38689, 38690, 38700, 38710, 38711, 38712, 38713, 38714, 38715, 38720, 38726, 38727, 38728, 38729, 38730, 38738, 38739, 38740, 38749, 38750, 38758, 38759, 38760, 38767, 38768, 38769, 38770, 38779, 38780, 38787, 38788, 38789, 38800, 38801, 38810, 38811, 38812, 38813, 38820, 38829, 38830, 38840, 38849, 38850, 38852, 38860, 38869, 38870, 38879, 38890, 38891, 38892, 38900, 38910, 38911, 38912, 38913, 38914, 38915, 38916, 38917","postalCodeRestriction_DE":"27498","postalCodeRestriction_IT":"47890,47891,47892,47893,47894,47895,47896,47897,47898,47899"}; 15090window.Urls = {"getIngredientData":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetIngredientData","appResources":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Resources-Load","pageInclude":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Page-Include","continueUrl":"https://www.paulaschoice-eu.com/search","cookieExtendCookie":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cookies-ExtendCookie","staticPath":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/","addGiftCert":"/giftcertpurchase","minicartGC":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/GiftCert-Sh
15090owMiniCart","addProduct":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProduct","addProductThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductThroughChat","removeProductThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveProductThroughChat","addProductViaGET":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductViaGET","minicart":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-MiniAddProduct","cartShow":"/cart","giftRegAdd":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Address-GetAddressDetails?addressID=","paymentsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/PaymentInstruments-List","addressesList":"https://www.paulaschoice-eu.com/account/address","wishlistAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Wishlist-SetShippingAddress","deleteAddress":"/account/deleteaddress","getProductUrl":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Show","getBonusProducts":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetBonusProducts","addBonusProduct":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddBonusProduct","getSetItem":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetSetItem","productDetail":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Detail","getAvailability":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetAvailability","removeImg":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwd03e41b3/images/icon_remove.gif","searchsuggest":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetSuggestions","productNav":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-Productnav","summaryRefreshURL":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-UpdateSummary","billingSelectCC":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-SelectCreditCard","updateAddressDetails":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateAddressDetails","updateAddressDetailsBilling":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-UpdateAddressDetails","shippingMethodsJSON":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-GetApplicableShippingMethodsJSON","shippingMethodsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateShippingMethodList","shippingMethodsListPaazl":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdateShippingMethodListPaazl","selectShippingMethodsList":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-SelectShippingMethod","saveShippingAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-SaveShippingAddress","getPostCodeService":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-GetPostCodeService","saveBillingAddress":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-SaveBillingAddress","resetPaymentForms":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-ResetPaymentForms","compareShow":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-Show","compareAdd":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-AddProduct","compareRemove":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Compare-RemoveProduct","compareEmptyImage":"/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw0c895b72/images/comparewidgetempty.png","giftCardCheckBalance":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-GetGiftCertificateBalance","redeemGiftCert":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/COBilling-RedeemGiftCertificateJson","addCoupon":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddCouponJson","
15090storesInventory":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-Inventory","setPreferredStore":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetPreferredStore","getPreferredStore":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-GetPreferredStore","setStorePickup":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetStore","setZipCode":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-SetZipCode","getZipCode":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/StoreInventory-GetZipCode","billing":"/checkout/billing","setSessionCurrency":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Currency-SetSessionCurrency","getProductInfo":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-GetProductInfo","addEditAddress":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShippingMultiple-AddEditAddressJSON","cookieHint":"/cookie_hint/cookie_hint.html","cookieEditPage":"/cookies/cookies.html","consentTrackingSetSession":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Account-ConsentTracking","rateLimiterReset":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/RateLimiter-HideCaptcha","csrffailed":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/CSRF-Failed","getredirection":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Url-getCurrent","autofillAddress":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Address-AutofillAddress","isFirstCustomerOrder":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-FirstCustomerOrder","getEmailSuggestionList":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Home-EmailSuggestions","includeNotifyMeUserInputAjax":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/NotifyMe-includeNotifyMeUserInputAjax","faqShipping":"/shipping/faq-shipping.html","addCouponFromChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddCouponFromChat","international":"/international/international.html","getCartForChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-GetCartForChat","removeAllProductsThroughChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveAllProductsThroughChat","removeCouponFromChat":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-RemoveCouponFromChat","getCartSkusInfo":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-GetCartSkusInfo","updatePaazlShippingPrice":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/COShipping-UpdatePaazlShippingPrice","paymentFromComponentUrl":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Adyen-PaymentFromComponent","paymentDetailsFromComponent":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Adyen-PaymentDetailsFromComponent","hamsTracking":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cookies-HamsTracking","pdComponentFindRoutine":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-PdComponentFindRoutine","getMeaningfullConcerns":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-GetMeaningfullConcerns","imageAnalyzer":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Ingredients-imageAnalyzer","ingredientCheckerProductFinder":"https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Search-IngredientCheckerProductFinder","showReviewPopup":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Product-ShowReviewPopup","getMerchantId":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/Emarsys-MerchantId"}; 15091window.SitePreferences = {"LISTING_REFINE_SORT":true,"STORE_PICKUP":true,"COOKIE_HINT":false,"CURRENCY_CODE":"EUR","LOCALE":"en","COUNTRY":"","OJSON":"","ADYEN_SF_ENABLED":true,"REAL_TIME_PRODUCT_IMPRESSION_ENABLED":true,"INGREDIENTS_RATING_COLORS":"{\"best\":\"#0065B7\",\"good\":\"#339999\",\"average\":\"#CEAEA1\",\"bad\":\"#E2967F\",\"worst\":\"#8C244D\",\"unknown\":\"#000000\",\"not rated\":\"grey\"}"}; 15092window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null}; 15093}()); 15094</script>
vendor: 1 bytes, line 15094
15094
15095<script> 15096 15097(function(){ 15098window.SessionAttributes = {"SHOW_CAPTCHA":null,"SHOW_COUNTRYPOPUP":null,"REDIRECTURL":"","PREFLOCALE":null,"ISEU":null}; 15099window.User = {"zip":null,"storeId":null}; 15100}()); 15101</script>
15101 15102 15103 15104
15105<script src="https://ui.powerreviews.com/stable/4.1/ui.js" async></script>
15105 15106 15107 15108
15109<script> 15110 15111(function () { 15112window.KlaviyoUrls = {"subscribers":"/on/demandware.store/Sites-paulaschoice_eu-Site/en/KlaviyoNewsletter-Subscribers","thankYouPage":"https://www.paulaschoice-eu.com/newsletter_success.html","thankYouPageEcourse":"https://www.paulaschoice-eu.com/newsletter-success-course.html"}; 15113window.KlaviyoResources = {"locale":"en"}; 15114window.KlaviyoPreferences = {"enabled":true}; 15115}()); 15116</script>
15116 15117
15118<script>pageContext = {"title":"Product Search Results","type":"search","ns":"search","gtmPageType":"Listerpage"};</script>
vendor: 1 bytes, line 15118
15118
15119<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/minified/app.js" async="async"></script>
15119 15120 15121 15122 15123 15124 15125 15126 15127 15128 15129 15130 15131 15132 15133 15134 15135 15136 15137 15138 15139 15140 15141 15142 15143 15144 15145 15146 15147 15148 15149 15150 15151 15152 15153 15154 15155 15156 15157 15158 15159 15160 15161 15162 15163 15164 15165 15166 15167 15168 15169 15170 15171 15172 15173 15174 15175 15176 15177 15178 15179 15180 15181 15182 15183 15184 15185 15186 15187 15188 15189 15190 15191 15192 15193 15194 15195 15196 15197 15198 15199 15200 15201 15202 15203 15204 15205 15206 15207 15208 15209 15210 15211 15212 15213 15214 15215 15216 15217 15218 15219 15220 15221 15222 15223 15224 15225 15226 15227 15228 15229 15230 15231 15232 15233 15234 15235 15236 15237 15238 15239 15240 15241 15242 15243 15244 15245 15246<div id="trustbadgeCustomContainer"></div> 15247 15248 15249
15250<script> 15251var meta = "Eye creams and eye care products from Paula's Choice soften, smooth and de-puff the delicate skin around your eyes. Discover them here."; 15252var keywords = ""; 15253</script>
15253 15254 15255 15256
15257<script> 15258var element = document.getElementById('myRoutine'); 15259if(element) { 15260window.myRoutine = { 15261config: { 15262apiBaseUrl: "https://paulaschoiceroutineapiservicehost.azurewebsites.net", 15263siteBaseUrl: "https://paulaschoiceroutinecontenthost.azurewebsites.net", 15264site: "paulaschoice-eu.com", 15265topFloatPadding: "69", 15266locale: "en_EU" 15267}, 15268getProductsInfo: function(args) { 15269$.ajax({ 15270url: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/MyRoutine-GetProductsInfo", 15271type: 'POST', 15272xhrFields: { 15273withCredentials: true 15274}, 15275dataType: 'json', 15276contentType: 'application/json', 15277data: JSON.stringify({ 15278productIds: args.productIds 15279}) 15280}) 15281.done(function (response) { 15282args.success(response.data); 15283}) 15284.fail(function (xhr, textStatus) { 15285args.fail(); 15286}) 15287}, 15288getCustomerInfo: function(args) { 15289$.ajax({ 15290url: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/MyRoutine-GetCustomerInfo", 15291type: 'GET', 15292xhrFields: { 15293withCredentials: true 15294}, 15295dataType: 'json' 15296}) 15297.done(function (response) { 15298args.success(response.data); 15299}) 15300.fail(function (xhr, textStatus) { 15301args.fail(); 15302}) 15303}, 15304addProductsToBag: function(args) { 15305var productsParameter = ''; 15306var productIds = args.productIds; 15307var productId; 15308for ( var i = 0; i < productIds.length; i++ ){ 15309productId = productIds[i]; 15310if ( productId.indexOf('-') > -1 ){ 15311productId = productId.split('-')[1]; 15312} 15313productsParameter += productId + ','; 15314} 15315parameter = productsParameter.substr(0,productsParameter.length-1); 15316var location = "/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddRoutineToCart".concat('?pids='+parameter); 15317window.location = location; 15318}, 15319login: function() { 15320window.location = "https://www.paulaschoice-eu.com/login".concat('?original=', window.location.pathname); 15321} 15322}; 15323let stateCheck = setInterval(function(){ 15324if (document.readyState === 'complete') { 15325if (!String.prototype.startsWith) { 15326String.prototype.startsWith = function(searchString, position) { 15327position = position || 0; 15328return this.indexOf(searchString,position) === position; 15329}; 15330} 15331clearInterval(stateCheck); 15332var link = document.createElement('link'); 15333link.setAttribute('rel', 'stylesheet'); 15334link.setAttribute('href', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.css'); 15335document.getElementsByTagName("head")[0].appendChild(link); 15336var script = document.createElement('script'); 15337script.setAttribute('type', 'text/javascript'); 15338script.setAttribute('src', 'https://paulaschoiceroutinecontenthost.azurewebsites.net/main.js'); 15339script.onload = function() { 15340window.myRoutine.init(element); 15341} 15342document.getElementsByTagName("head")[0].appendChild(script); 15343} 15344}, 100); 15345} 15346</script>
15346 15347 15348 15349 15350 15351<div class="footer-cloudchat"> 15352 15353 15354 15355
15355<script> 15356window.chatConfig = { 15357 setHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/ChatUtils-SetHandoffActive", 15358 clearHandoffActiveUrl: "/on/demandware.store/Sites-paulaschoice_eu-Site/en/ChatUtils-ClearHandoffActive", 15359 alhenaCompanyId: "paulaschoice_eu", 15360 addProductThroughChatUrl: "https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/Cart-AddProductThroughChat?format=ajax" 15361}; 15362 </script>
15362 15363 15364
15364<script> 15365 document.gleenConfig = { 15366 company: "paulaschoice_eu", 15367 apiBaseUrl: "https://app.alhena.ai" 15368 }; 15369</script>
15369 15370<style> 15371 div#helix-chat-container .css-xn3drc { 15372 z-index: 200 !important; 15373 } 15374</style>
15375<script src="https://app.alhena.ai/sdk/gleenWidget.js"></script>
vendor: 2 bytes, line 15375
15375
15376<script type="text/javascript"> 15377 (function () { 15378 function activateHandoffWidget() { 15379 var tpl = document.getElementById('chatHandoffTemplate'); 15380 if (!tpl) { 15381 console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.'); 15382 return; 15383 } 15384fetch(window.chatConfig.setHandoffActiveUrl, { 15385 method: 'POST' 15386 }).catch(function (err) { console.error('Failed to persist handoff state:', err); }); 15387 15388 var channel = tpl.getAttribute('data-channel'); 15389 15390 if (channel === 'MIAW') { 15391 window.addEventListener('onEmbeddedMessagingButtonCreated', function onBtn() { 15392 window.removeEventListener('onEmbeddedMessagingButtonCreated', onBtn); 15393 if (window.embeddedservice_bootstrap && embeddedservice_bootstrap.utilAPI) { 15394 embeddedservice_bootstrap.utilAPI.launchChat() 15395 .catch(function (err) { console.error('MIAW launchChat error:', err); }); 15396window.gleenWidget.hideLauncher(); 15397 } 15398 }); 15399 } 15400 if (channel === 'Kustomer') { 15401 // Persisted so the open request survives a reload during handoff. 15402 try { 15403 sessionStorage.setItem('pcKustomerAutoOpen', '1'); 15404 } catch (e) {} 15405 window.pcKustomerAutoOpen = true; 15406 15407 if (typeof window.gleenWidget.hideLauncher === 'function') { 15408 window.gleenWidget.hideLauncher(); 15409 } 15410 } 15411 // channel === 'IBM' / 'ServiceCloud' auto-open logic - pending review of those scripts 15412 15413 var clone = document.importNode(tpl.content, true); 15414 document.body.appendChild(clone); 15415 } 15416 15417 window.gleenWidget.on('ticket:agent_handoff_initiated', function () { 15418 console.log('Alhena handoff initiated - activating human agent channel'); 15419var tpl = document.getElementById('chatHandoffTemplate'); 15420 if (!tpl) { 15421 console.log('No handoff channel available for this locale/hours - Alhena continues handling this conversation.'); 15422 return; 15423 } 15424 window.gleenWidget.closeTicket(); 15425 window.gleenWidget.close(); 15426 activateHandoffWidget(); 15427 15428 }); 15429 })(); 15430</script>
15430 15431<!-- Alhena event tracking snippet -->
15432<script> 15433 !(function (w) { 15434 w._alhenaEventQueue = w._alhenaEventQueue || []; 15435 w.trackAlhenaEvent = 15436 w.trackAlhenaEvent || 15437 function (method, data) { 15438 console.log('[Alhena]', method, data); 15439 w._alhenaEventQueue.push({ method: method, args: data }); 15440 }; 15441 })(window); 15442</script>
vendor: 2 bytes, line 15442
15442
15443<script> 15444 (function () { 15445 function onGleenReady(cb) { 15446 if (window.gleenWidget && typeof window.gleenWidget.on === 'function') { 15447 cb(); 15448 return; 15449 } 15450 setTimeout(function () { onGleenReady(cb); }, 100); 15451 } 15452 15453 function showAddedPopup(html) { 15454 if (typeof window.pcShowProductAddedPopup === 'function') { 15455 window.pcShowProductAddedPopup(html); 15456 return; 15457 } 15458 // app.js not ready yet â retry briefly 15459 var tries = 0; 15460 var t = setInterval(function () { 15461 tries += 1; 15462 if (typeof window.pcShowProductAddedPopup === 'function') { 15463 clearInterval(t); 15464 window.pcShowProductAddedPopup(html); 15465 } else if (tries > 40) { 15466 clearInterval(t); 15467 } 15468 }, 100); 15469 } 15470 15471 function readCartData() { 15472 var el = document.querySelector('[data-cartdata]'); 15473 if (!el) { 15474 return []; 15475 } 15476 try { 15477 var data = JSON.parse(el.getAttribute('data-cartdata') || '[]'); 15478 return Array.isArray(data) ? data : []; 15479 } catch (e) { 15480 return []; 15481 } 15482 } 15483 15484 function refreshCartData() { 15485 var url = window.Urls && Urls.getCartSkusInfo; 15486 if (!url) { 15487 return Promise.resolve(); 15488 } 15489 return fetch(url, { credentials: 'same-origin' }) 15490 .then(function (r) { return r.text(); }) 15491 .then(function (text) { 15492 var el = document.querySelector('[data-cartdata]'); 15493 if (!el || !text) { 15494 return; 15495 } 15496 var parsed = JSON.parse(text); 15497 el.setAttribute( 15498 'data-cartdata', 15499 typeof parsed === 'string' ? parsed : JSON.stringify(parsed) 15500 ); 15501 }) 15502 .catch(function (err) { 15503 console.error(err); 15504 }); 15505 } 15506 15507 function parseAlhenaPrice(price) { 15508 if (typeof price === 'number' && !isNaN(price)) return price; 15509 if (!price) return 0; 15510 var n = parseFloat(String(price).replace(/[^\d.,-]/g, '').replace(',', '.')); 15511 return isNaN(n) ? 0 : n; 15512 } 15513 15514 onGleenReady(function () { 15515 window.gleenWidget.on('products:added_to_cart', function (products) { 15516 if (!products || !products.length) { 15517 return; 15518 } 15519 15520 var url = window.chatConfig && window.chatConfig.addProductThroughChatUrl; 15521 if (!url) { 15522 console.error('Alhena ATC: missing chatConfig.addProductThroughChatUrl'); 15523 return; 15524 } 15525 15526 products.forEach(function (product) { 15527 var pid = product.variantId || product.masterProductId; 15528 if (!pid) { 15529 return; 15530 } 15531 var existing = readCartData().filter(function (item) { 15532 return String(item.sku) === String(pid); 15533 })[0]; 15534 var qtyBefore = existing ? Number(existing.quantity) || 0 : 0; 15535 fetch(url, { 15536 method: 'POST', 15537 credentials: 'same-origin', 15538 headers: { 15539 'Content-Type': 'application/x-www-form-urlencoded', 15540 'X-Requested-With': 'XMLHttpRequest' 15541 }, 15542 body: 'pid=' + encodeURIComponent(pid) + '&source=alhena' 15543 }) 15544 .then(function (r) { 15545 if (!r.ok) { 15546 throw new Error('Alhena ATC failed: ' + r.status); 15547 } 15548 return r.text(); 15549 }) 15550 .then(function (html) { 15551 showAddedPopup(html);
15552 // Do not close gleenWidget â leave chat open under the popup 15553 var cartEvent = { 15554 type: qtyBefore > 0 ? 'QUANTITY_INCREASED' : 'ITEM_ADDED', 15555 productId: pid, 15556 productName: product.productName, 15557 value: parseAlhenaPrice(product.price), 15558 currency: product.currency, 15559 quantity: qtyBefore + 1 15560 }; 15561 console.log('[Alhena AB] sendCartEvent', cartEvent); 15562 trackAlhenaEvent('sendCartEvent', cartEvent); 15563 return refreshCartData(); 15564 }) 15565 .catch(function (err) { 15566 console.error(err); 15567 }); 15568 }); 15569 }); 15570 }); 15571 })(); 15572</script>
15572 15573 15574 15575 15576 <template id="chatHandoffTemplate" data-channel="Kustomer"> 15577 15578
15578<script> 15579window.pcKustomerConfig = {"brandId":"6a59d4938383f3c582814c8a","lang":"en","market":"EU","languageName":"English","chatCaseRequestSite":"en","privacyUrl":"/privacy-policy/privacy-policy.html","customer":{"firstName":"","lastName":"","email":""}}; 15580 </script>
15580 15581
15581<script src="https://cdn.kustomerapp.com/chat-web/widget.js" data-kustomer-api-key="eyJhbGciOiJub25lIn0.eyJvcmciOiI2YTU4ZTA3OTNmYmY5ODU5NWZmNzQ3ODgiLCJvcmdOYW1lIjoicGF1bGFzY2hvaWNlLWV1IiwicG9kIjoicHJvZDIiLCJyb2xlcyI6WyJvcmcudHJhY2tpbmciXX0."></script>
vendor: 2 bytes, line 15581
15581
15582<script> 15583 (function () { 15584 var config = window.pcKustomerConfig; 15585 if (!config || !config.brandId) { 15586 return; 15587 } 15588 15589 var translations = { 15590 en: { 15591 chat: 'Chat', open: 'Open chat', close: 'Close', first: 'First Name', last: 'Last Name', 15592 email: 'Email', reason: 'Contact Reason', skin: 'Skin Type', concern: 'Skin concern', 15593 accept: 'I accept', start: 'Start Conversation', starting: 'Starting...', required: 'Required.', 15594 invalidEmail: 'Valid email required.', privacy: 'By providing your email, you consent to its use for customer support and case documentation in accordance with our {privacy}.', 15595 privacyPolicy: 'Privacy Policy', 15596 reasons: ['Product advice', 'Order inquiry', 'Shipping & delivery', 'Returns & refunds', 'Account help', 'Other'], 15597 skins: ['Not applicable', 'Dry', 'Normal', 'Combination', 'Oily', "I don't know my skintype"] 15598 }, 15599 de: { 15600 chat: 'Chat', open: 'Chat öffnen', close: 'SchlieÃen', first: 'Vorname', last: 'Nachname', 15601 email: 'E-Mail', reason: 'Kontaktgrund', skin: 'Hauttyp', concern: 'Hautproblem', 15602 accept: 'Ich akzeptiere', start: 'Gespräch starten', starting: 'Wird gestartet...', required: 'Pflichtfeld.', 15603 invalidEmail: 'Gültige E-Mail-Adresse erforderlich.', privacy: 'Mit der Angabe Ihrer E-Mail-Adresse stimmen Sie der Verwendung für den Kundenservice und die Falldokumentation gemäà unserer {privacy} zu.', 15604 privacyPolicy: 'Datenschutzerklärung', 15605 reasons: ['Produktberatung', 'Bestellanfrage', 'Versand & Lieferung', 'Rücksendungen & Erstattungen', 'Kontohilfe', 'Sonstiges'], 15606 skins: ['Nicht zutreffend', 'Trocken', 'Normal', 'Mischhaut', 'Fettig', 'Ich kenne meinen Hauttyp nicht'] 15607 }, 15608 fr: { 15609 chat: 'Chat', open: 'Ouvrir le chat', close: 'Fermer', first: 'Prénom', last: 'Nom', 15610 email: 'E-mail', reason: 'Motif de contact', skin: 'Type de peau', concern: 'Préoccupation cutanée', 15611 accept: "J'accepte", start: 'Démarrer la conversation', starting: 'Démarrage...', required: 'Obligatoire.', 15612 invalidEmail: 'Adresse e-mail valide requise.', privacy: 'En fournissant votre e-mail, vous acceptez son utilisation pour le support client et la documentation des dossiers conformément à notre {privacy}.', 15613 privacyPolicy: 'Politique de confidentialité', 15614 reasons: ['Conseil produit', 'Demande de commande', 'Livraison', 'Retours et remboursements', 'Aide au compte', 'Autre'], 15615 skins: ['Non applicable', 'Sèche', 'Normale', 'Mixte', 'Grasse', 'Je ne connais pas mon type de peau'] 15616 }, 15617 nl: { 15618 chat: 'Chat', open: 'Chat openen', close: 'Sluiten', first: 'Voornaam', last: 'Achternaam', 15619 email: 'E-mail', reason: 'Contactreden', skin: 'Huidtype', concern: 'Huidprobleem', 15620 accept: 'Ik accepteer', start: 'Gesprek starten', starting: 'Bezig met starten...', required: 'Verplicht.', 15621 invalidEmail: 'Geldig e-mailadres vereist.', privacy: 'Door uw e-mailadres op te geven, stemt u in met het gebruik ervan voor klantenservice en casusdossiering in overeenstemming met ons {privacy}.', 15622 privacyPolicy: 'Privacybeleid', 15623 reasons: ['Productadvies', 'Bestelvraag', 'Verzending & levering', 'Retouren & terugbetalingen', 'Accounthulp', 'Overig'], 15624 skins: ['Niet van toepassing', 'Droog', 'Normaal', 'Gemengd', 'Vet', 'Ik ken mijn huidtype niet'] 15625 }, 15626 it: { 15627 chat: 'Chat', open: 'Apri chat', close: 'Chiudi', first: 'Nome', last: 'Cognome', 15628 email: 'E-mail', reason: 'Motivo del contatto', skin: 'Tipo di pelle', concern: 'Problema della pelle', 15629 accept: 'Accetto', start: 'Avvia conversazione', starting: 'Avvio...', required: 'Obbligatorio.', 15630 invalidEmail: "Inserisci un'e-mail valida.", privacy: "Fornendo la tua e-mail, acconsenti al suo utilizzo per l'assistenza clienti e la documentazione del caso in conformità con la nostra {privacy}.", 15631 privacyPolicy: 'Informativa sulla privacy', 15632 reasons: ['Consulenza sui prodotti', "Richiesta sull'ordine", 'Spedizione e conseg
15632na', 'Resi e rimborsi', 'Assistenza account', 'Altro'], 15633 skins: ['Non applicabile', 'Secca', 'Normale', 'Mista', 'Grassa', 'Non conosco il mio tipo di pelle'] 15634 }, 15635 da: { 15636 chat: 'Chat', open: 'à bn chat', close: 'Luk', first: 'Fornavn', last: 'Efternavn', 15637 email: 'E-mail', reason: 'KontaktÃ¥rsag', skin: 'Hudtype', concern: 'Hudbekymring', 15638 accept: 'Jeg accepterer', start: 'Start samtale', starting: 'Starter...', required: 'PÃ¥krævet.', 15639 invalidEmail: 'Gyldig e-mail pÃ¥krævet.', privacy: 'Ved at oplyse din e-mail accepterer du, at den bruges til kundesupport og sagsdokumentation i overensstemmelse med vores {privacy}.', 15640 privacyPolicy: 'privatlivspolitik', 15641 reasons: ['ProduktrÃ¥dgivning', 'Bestillingsforespørgsel', 'Forsendelse og levering', 'Returnering og refusion', 'Kontohjælp', 'Andet'], 15642 skins: ['Ikke relevant', 'Tør', 'Normal', 'Kombineret', 'Fedtet', 'Jeg kender ikke min hudtype'] 15643 }, 15644 es: { 15645 chat: 'Chat', open: 'Abrir chat', close: 'Cerrar', first: 'Nombre', last: 'Apellidos', 15646 email: 'Correo electrónico', reason: 'Motivo de contacto', skin: 'Tipo de piel', concern: 'Preocupación de la piel', 15647 accept: 'Acepto', start: 'Iniciar conversación', starting: 'Iniciando...', required: 'Obligatorio.', 15648 invalidEmail: 'Se requiere un correo electrónico válido.', privacy: 'Al proporcionar tu correo electrónico, consientes su uso para atención al cliente y documentación del caso de acuerdo con nuestra {privacy}.', 15649 privacyPolicy: 'PolÃtica de privacidad', 15650 reasons: ['Asesoramiento de productos', 'Consulta de pedido', 'EnvÃo y entrega', 'Devoluciones y reembolsos', 'Ayuda con la cuenta', 'Otro'], 15651 skins: ['No aplicable', 'Seca', 'Normal', 'Mixta', 'Grasa', 'No conozco mi tipo de piel'] 15652 }, 15653 sv: { 15654 chat: 'Chatt', open: 'Ãppna chatt', close: 'Stäng', first: 'Förnamn', last: 'Efternamn', 15655 email: 'E-post', reason: 'Kontaktorsak', skin: 'Hudtyp', concern: 'Hudbesvär', 15656 accept: 'Jag accepterar', start: 'Starta konversation', starting: 'Startar...', required: 'Obligatoriskt.', 15657 invalidEmail: 'Giltig e-post krävs.', privacy: 'Genom att ange din e-post samtycker du till att den används för kundsupport och ärendedokumentation i enlighet med vÃ¥r {privacy}.', 15658 privacyPolicy: 'integritetspolicy', 15659 reasons: ['ProduktrÃ¥dgivning', 'BeställningsfrÃ¥ga', 'Frakt och leverans', 'Returer och Ã¥terbetalningar', 'Kontohjälp', 'Ãvrigt'], 15660 skins: ['Inte tillämpligt', 'Torr', 'Normal', 'Kombinerad', 'Fet', 'Jag vet inte min hudtyp'] 15661 }, 15662 pl: { 15663 chat: 'Czat', open: 'Otwórz czat', close: 'Zamknij', first: 'ImiÄ', last: 'Nazwisko', 15664 email: 'E-mail', reason: 'Powód kontaktu', skin: 'Typ skóry', concern: 'Problem skórny', 15665 accept: 'AkceptujÄ', start: 'Rozpocznij rozmowÄ', starting: 'Uruchamianie...', required: 'Wymagane.', 15666 invalidEmail: 'Wymagany prawidÅowy adres e-mail.', privacy: 'PodajÄ c swój e-mail, wyrażasz zgodÄ na jego wykorzystanie do obsÅugi klienta i dokumentacji sprawy zgodnie z naszÄ {privacy}.', 15667 privacyPolicy: 'PolitykÄ prywatnoÅci', 15668 reasons: ['Porada produktowa', 'Zapytanie o zamówienie', 'WysyÅka i dostawa', 'Zwroty i refundacje', 'Pomoc do konta', 'Inne'], 15669 skins: ['Nie dotyczy', 'Sucha', 'Normalna', 'Mieszana', 'TÅusta', 'Nie znam swojego typu skóry'] 15670 } 15671 }; 15672 var canonicalReasons = ['Product advice', 'Order inquiry', 'Shipping & delivery', 'Returns & refunds', 'Account help', 'Other']; 15673 var canonicalSkins = ['Not applicable', 'Dry', 'Normal', 'Combination', 'Oily', "I don't know my skintype"]; 15674 var t = translations[config.lang] || translations.en; 15675 var ready = false; 15676 var started = false; 15677 var conversationId = null; 15678 var sessionKey = 'pcKustomerChat'; 15679 var autoOpenKey = 'pcKustomerAutoOpen'; 15680 var transcriptTimer = null; 15681 var pendingOpen = false; 15682 var brandColor = '#30397a'; 15683 var launcherColor = '#282828'; 15684 var formFontFamily = '"area-extended",sans-serif'; 15685 15686 function getWidgetDocument() { 15687 var iframe = document.getElementById('kustomer-ui-sdk-iframe'); 15688 try { 15689 return iframe && iframe.contentDocument; 15690 } catch (error) { 15691 return null; 15692 } 15693 } 15694 15695 function isPrechatMessage(text) { 15696 return text && text.indexOf('Contact Reason:') !== -1 && text.indexOf('Chat Request Site:') !== -1; 15697 } 15698 15699 function customizeWidget() { 15700 var widgetDocument = getWidgetDocument(); 15701 if (!widgetDocument || !widgetDocument.body) { 15702 return; 15703 } 15704 15705 if (!widgetDocument.getElementById('pc-kustomer-widget-style')) { 15706 var widgetStyle = widgetDocument.createElement('style'); 15707 widgetStyle.id = 'pc-kustomer-widget-style'; 15708 widgetStyle.textContent = 'html,body,button,input,textarea,select,p,span,div,a,label{font-family:"area-extended",sans-serif!important}' + 15709 '[class*="titleBarButtons__right"]{top:10px!important}' +
15710 '[data-pc-hidden-prechat]{display:none!important}'; 15711 widgetDocument.head.appendChild(widgetStyle); 15712 } 15713 15714 var messages = widgetDocument.querySelectorAll('[data-kt="outboundMessageBubbleText"]'); 15715 Array.prototype.forEach.call(messages, function (message) { 15716 if (!isPrechatMessage(message.textContent || '')) { 15717 return; 15718 } 15719 var bubble = message.closest('[class*="chatBubble__outbound"]') || message.parentElement; 15720 if (bubble) { 15721 bubble.setAttribute('data-pc-hidden-prechat', '1'); 15722 } 15723 }); 15724 15725 if (!widgetDocument.documentElement.getAttribute('data-pc-kustomer-observer')) { 15726 widgetDocument.documentElement.setAttribute('data-pc-kustomer-observer', '1'); 15727 var observer = new MutationObserver(function () { 15728 window.setTimeout(customizeWidget, 0); 15729 }); 15730 observer.observe(widgetDocument.body, { childList: true, subtree: true }); 15731 } 15732 } 15733 15734 function waitForWidget() { 15735 var attempts = 0; 15736 var timer = window.setInterval(function () { 15737 attempts += 1; 15738 customizeWidget(); 15739 if (getWidgetDocument() || attempts >= 20) { 15740 window.clearInterval(timer); 15741 } 15742 }, 500); 15743 } 15744 15745 function downloadTranscript() { 15746 var widgetDocument = getWidgetDocument(); 15747 var messages = widgetDocument 15748 ? widgetDocument.querySelectorAll('[data-kt="inboundMessageBubbleText"], [data-kt="outboundMessageBubbleText"]') 15749 : []; 15750 var lines = ["Paula's Choice Chat Transcript", 'Page: ' + window.location.href, '']; 15751 Array.prototype.forEach.call(messages, function (message) { 15752 var text = (message.textContent || '').replace(/\s+/g, ' ').trim(); 15753 if (!text || isPrechatMessage(text)) { 15754 return; 15755 } 15756 var role = message.getAttribute('data-kt') === 'outboundMessageBubbleText' ? 'Customer' : 'Agent'; 15757 lines.push(role + ': ' + text); 15758 }); 15759 if (lines.length === 3) { 15760 lines.push('(No messages found.)'); 15761 } 15762 15763 var link = document.createElement('a'); 15764 link.href = URL.createObjectURL(new Blob([lines.join('\n')], { type: 'text/plain;charset=utf-8' })); 15765 link.download = 'paulas-choice-chat.txt'; 15766 link.click(); 15767 URL.revokeObjectURL(link.href); 15768 } 15769 15770 function positionTranscriptButton() { 15771 var button = document.getElementById('pc-kustomer-transcript'); 15772 var iframe = document.getElementById('kustomer-ui-sdk-iframe'); 15773 var widgetDocument = getWidgetDocument(); 15774 var endChat = widgetDocument && widgetDocument.querySelector('[data-kt="endChatIcon"]'); 15775 if (!button || !iframe || !endChat) { 15776 if (button) { 15777 button.style.display = 'none'; 15778 } 15779 return; 15780 } 15781 15782 var iframeRect = iframe.getBoundingClientRect(); 15783 var iconRect = endChat.getBoundingClientRect(); 15784 button.style.display = 'block'; 15785 button.style.left = (iframeRect.left + iconRect.left - 32) + 'px'; 15786 button.style.top = (iframeRect.top + iconRect.top) + 'px'; 15787 } 15788 15789 function showTranscriptButton() { 15790 var button = document.getElementById('pc-kustomer-transcript'); 15791 if (!button) { 15792 button = document.createElement('button'); 15793 button.id = 'pc-kustomer-transcript'; 15794 button.type = 'button'; 15795 button.title = 'Save Transcript'; 15796 button.textContent = '\uD83D\uDCC4'; 15797 button.style.cssText = 'position:fixed;z-index:2147483647;display:none;width:18px;height:18px;border:0;background:transparent;cursor:pointer'; 15798 button.addEventListener('click', downloadTranscript); 15799 document.body.appendChild(button); 15800 } 15801 positionTranscriptButton(); 15802 if (transcriptTimer) { 15803 window.clearInterval(transcriptTimer); 15804 } 15805 transcriptTimer = window.setInterval(positionTranscriptButton, 400); 15806 } 15807 15808 function hideTranscriptButton() { 15809 if (transcriptTimer) { 15810 window.clearInterval(transcriptTimer); 15811 transcriptTimer = null; 15812 } 15813 var button = document.getElementById('pc-kustomer-transcript'); 15814 if (button) { 15815 button.style.display = 'none'; 15816 } 15817 } 15818 15819 function options(values, labels) { 15820 return values.map(function (value, index) { 15821 return '<option value="' + value + '">' + labels[index] + '</option>'; 15822 }).join(''); 15823 } 15824 15825 function injectUi() { 15826 if (document.getElementById('pc-kustomer-launcher')) { 15827 return; 15828 } 15829 15830 var privacy = t.privacy.replace( 15831 '{privacy}', 15832 '<a href="' + config.privacyUrl + '" target="_blank" rel="noopener">' + t.privacyPolicy + '</a>' 15833 ); 15834 var style = document.createElement('style'); 15835 style.textContent = '#pc-kustomer-launcher{position:fixed;bottom:12px;right:20px;width:56px;height:56px;border-radius:50%;border:none;background:' + launcherColor + ';color:#fff;cursor:pointer;z-index:2147483646;box-shadow:0 4px 16px rgba(0,0,0,.25);padding:0;display:flex;align-items:center;justify-content:center}' + 15836 '#pc-kustomer-launcher svg{display:block}' + 15837 '#pc-kustomer-panel,#pc-kustomer-panel input,#pc-kustomer-panel select,#pc-kustomer-panel button,#pc-kustomer-panel label,#pc-kustomer-panel p,#pc-kustomer-panel a,#pc-kustomer-panel span{font-family:'
15837+ formFontFamily + '!important;font-weight:400!important;font-style:normal}' + 15838 '#pc-kustomer-panel{position:fixed;bottom:12px;right:20px;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:2147483647;display:none;overflow:hidden}' + 15839 '#pc-kustomer-panel.is-open{display:block}' + 15840 '#pc-kustomer-panel header{background:' + brandColor + ';color:#fff;padding:10px 12px;font-size:15px;font-weight:400;display:flex;align-items:center;justify-content:space-between}' + 15841 '#pc-kustomer-panel .pc-header-title{display:flex;align-items:center;gap:8px}' + 15842 '#pc-kustomer-panel .pc-header-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#7ea3d4;flex-shrink:0}' + 15843 '#pc-kustomer-panel span.pc-header-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:11px;font-weight:700;letter-spacing:.3px;line-height:1}' + 15844 '#pc-kustomer-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:20px;width:24px;height:24px}' + 15845 '#pc-kustomer-panel main{padding:16px 16px 8px;max-height:400px;overflow-y:auto}' + 15846 '#pc-kustomer-form{text-align:left}' + 15847 '#pc-kustomer-form label{display:block;margin:0 0 4px;font-size:11px;color:#737373;letter-spacing:.3px}' + 15848 '#pc-kustomer-form label .req{color:#e74c3c;margin-right:3px}' + 15849 '#pc-kustomer-form input:not([type=checkbox]),#pc-kustomer-form select{width:100%;box-sizing:border-box;margin:0 0 12px;padding:9px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#333;appearance:none;-webkit-appearance:none}' + 15850 '#pc-kustomer-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'8\' viewBox=\'0 0 12 8\'%3E%3Cpath fill=\'%23737373\' d=\'M1 1l5 5 5-5\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}' + 15851 '#pc-kustomer-form .pc-privacy{font-size:12px;color:#4a4a4a;line-height:1.45;margin:4px 0 14px}' + 15852 '#pc-kustomer-form .pc-privacy a{color:#3b6cb5;text-decoration:underline}' + 15853 '#pc-kustomer-form .pc-accept-row{display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;margin:0 0 8px!important;width:100%!important;max-width:100%!important;text-align:left!important;float:none!important}' + 15854 '#pc-kustomer-form .pc-accept-row input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:' + brandColor + '}' + 15855 '#pc-kustomer-form .pc-accept-row label{display:inline;width:auto;margin:0;font-size:13px;color:#333;letter-spacing:0;cursor:pointer;text-align:left}' + 15856 '#pc-kustomer-start{width:100%;padding:14px;border:none;background:' + brandColor + ';color:#fff;font-size:15px;font-weight:400;cursor:pointer;font-family:inherit}' + 15857 '#pc-kustomer-start:disabled{opacity:.65;cursor:not-allowed}' + 15858 '#pc-kustomer-panel .pc-error{color:#e74c3c;font-size:12px;margin:-8px 0 10px;display:none}'; 15859 document.head.appendChild(style); 15860 if (!document.getElementById('pc-kustomer-font')) { 15861 var font = document.createElement('link'); 15862 font.id = 'pc-kustomer-font'; 15863 font.rel = 'stylesheet'; 15864 font.href = 'https://use.typekit.net/wfi8npk.css'; 15865 document.head.appendChild(font); 15866 } 15867 15868 var launcher = document.createElement('button'); 15869 launcher.id = 'pc-kustomer-launcher'; 15870 launcher.type = 'button'; 15871 launcher.setAttribute('aria-label', t.open); 15872 launcher.innerHTML = 15873 '<svg viewBox="2 2 20 20" width="36" height="36" aria-hidden="true">' + 15874 '<path fill="#fff" d="M12 3C7.03 3 3 6.72 3 11.3c0 2.72 1.42 5.14 3.62 6.76L5.2 21.2c-.22.55.4 1.06.9.76l4.16-2.48c.56.12 1.14.18 1.74.18 4.97 0 9-3.72 9-8.36C21 6.72 16.97 3 12 3z"/>' + 15875 '<rect x="8" y="8.4" width="8" height="1.5" rx=".75" fill="' + launcherColor + '"/>' + 15876 '<rect x="8" y="11.15" width="6.4" height="1.5" rx=".75" fill="' + launcherColor + '"/>' + 15877 '<rect x="8" y="13.9" width="4.8" height="1.5" rx=".75" fill="' + launcherColor + '"/>' + 15878 '</svg>'; 15879 15880 var panel = document.createElement('section'); 15881 panel.id = 'pc-kustomer-panel'; 15882 panel.innerHTML = '<header><div class="pc-header-title"><span class="pc-header-icon">PC</span><span>' + t.chat + '</span></div><button id="pc-kustomer-close" type="button" aria-label="' + t.close + '">×</button></header>' + 15883 '<main><form id="pc-kustomer-form" novalidate>' + 15884 '<label for="pc-first-name"><span class="req">*</span>' + t.first + '</label><input id="pc-first-name" autocomplete="given-name"><div class="pc-error" id="pc-first-error">' + t.required + '</div>' + 15885 '<label for="pc-last-name"><span class="req">*</span>' + t.last + '</label><input id="pc-last-name" autocomplete="family-name"><div class="pc-error" id="pc-last-error">' + t.required + '</div>' + 15886 '<label for="pc-email"><span class="req">*</span>' + t.email + '</label><input id="pc-email" type="email" autocomplete="email"><div class="pc-error" id="pc-email-error">' + t.invalidEmail + '</div>' + 15887 '<label for="pc-reason"><span class="req">*</span>' + t.reason + '</label><select id="pc-reason">' + options(canonicalReasons, t.reasons) + '</select>' + 15888 '<label for="pc-skin"><span class="req">*</span>' + t.skin + '</label><select id="pc-skin">' + options(canonicalSkins, t.skins) + '</select>' + 15889 '<label for="pc-concern">' + t.concern + '</label><input id="pc-concern">' + 15890 '<p class="pc-privacy">' + privacy + '</p>' + 15891 '<p id="pc-accept-row" class="pc-accept-row"><input id="pc-accept" type="checkbox"><label for="pc-accept"><span class="req">*</span>' + t.accept + '</label></p>' + 15892 '<div class="pc-error" id="pc-accept-error">' + t.required + '</div></form></main>' + 15893 '<button id="pc-kustomer-start" type="submit" form="pc-kustomer-form">' + t.start + '</button>'; 15894 15895 document.body.appendChild(launcher); 15896 document.body.appendChild(panel); 15897 launcher.addEventListener('click', open); 15898 document.getElementById('pc-kustomer-close').addEventListener('click', close); 15899 document.getElementById('pc-kustomer-form').addEventListener('submit', submit); 15900 prefill(); 15901 pinAcceptRow(); 15902 } 15903 15904 // Site stylesheets can override the checkbox row layout, so re-assert it inline. 15905 function pinAcceptRow() { 15906 var row = document.getElementById('pc-accept-row'); 15907 if (!row) { 15908 return; 15909 } 15910 15911 row.style.setProperty('display', 'flex', 'important'); 15912 row.style.setProperty('align-items', 'center', 'important'); 15913 row.style.setProperty('justify-content', 'flex-start', 'important'); 15914 row.style.setProperty('gap', '8px', 'important'); 15915 row.style.setProperty('width', '100%', 'important'); 15916 row.style.setProperty('max-width', '100%', 'important'); 15917 row.style.setProperty('margin', '0 0 8px', 'important'); 15918 row.style.setProperty('padding', '0', 'important'); 15919 row.style.setProperty('text-align', 'left', 'important'); 15920 row.style.setProperty('float', 'none', 'important'); 15921 15922 var checkbox = row.querySelector('input[type=checkbox]'); 15923 if (checkbox) { 15924 checkbox.style.setProperty('width', '16px', 'important'); 15925 checkbox.style.setProperty('height', '16px', 'important'); 15926 checkbox.style.setProperty('margin', '0', 'important'); 15927 checkbox.style.setProperty('flex-shrink', '0', 'important'); 15928 } 15929 15930 var label = row.querySelector('label'); 15931 if (label) { 15932 label.style.setProperty('display', 'inline', 'important'); 15933 label.style.setProperty('width', 'auto', 'important'); 15934 label.style.setProperty('margin', '0', 'important'); 15935 label.style.setProperty('text-align', 'left', 'important'); 15936 } 15937 } 15938 15939 function prefill() { 15940 var customer = config.customer || {}; 15941 document.getElementById('pc-first-name').value = customer.firstName || ''; 15942 document.getElementById('pc-last-name').value = customer.lastName || ''; 15943 document.getElementById('pc-email').value = customer.email || ''; 15944 } 15945 15946 function open() { 15947 if (started) { 15948 document.getElementById('pc-kustomer-launcher').style.display = 'none'; 15949 if (conversationId && typeof window.Kustomer.openConversationById === 'function') { 15950 window.Kustomer.openConversationById({ conversationId: conversationId }, function (response, error) { 15951 if (error) { 15952 window.Kustomer.open(); 15953 } 15954 }); 15955 } else { 15956 window.Kustomer.open(); 15957 } 15958 return; 15959 } 15960 document.getElementById('pc-kustomer-launcher').style.display = 'none'; 15961 document.getElementById('pc-kustomer-panel').classList.add('is-open'); 15962 pinAcceptRow(); 15963 } 15964 15965 function close() { 15966 document.getElementById('pc-kustomer-panel').classList.remove('is-open'); 15967 document.getElementById('pc-kustomer-launcher').style.display = 'flex'; 15968 } 15969 15970 // Alhena handoff loads this script on demand, so an open request can arrive 15971 // before Kustomer.start has finished. Queue it until the widget is ready. 15972 function openWhenReady() { 15973 if (!ready || !document.getElementById('pc-kustomer-panel')) { 15974 pendingOpen = true; 15975 return; 15976 } 15977 open(); 15978 } 15979 15980 // Alhena handoff asks for an open before this script exists, and the page may 15981 // reload in between, so the request is read once from sessionStorage. 15982 function consumeAutoOpenRequest() { 15983 if (window.pcKustomerAutoOpen === true || config.autoOpen === true) { 15984 return true; 15985 } 15986 try { 15987 if (sessionStorage.getItem(autoOpenKey) === '1') { 15988 sessionStorage.removeItem(autoOpenKey); 15989 return true; 15990 } 15991 } catch (error) { 15992 // Browser storage unavailable; the window flag still covers same-page handoff. 15993 } 15994 return false; 15995 } 15996 15997 function requestAutoOpen() { 15998 window.pcKustomerAutoOpen = true; 15999 try { 16000 sessionStorage.setItem(autoOpenKey, '1'); 16001 } catch (error) { 16002 // Browser storage unavailable; open request will not survive a reload. 16003 } 16004 openWhenReady(); 16005 } 16006 16007 function showError(id, show) { 16008 document.getElementById(id).style.display = show ? 'block' : 'none'; 16009 } 16010 16011 function saveSession() { 16012 try { 16013 sessionStorage.setItem(sessionKey, JSON.stringify({ started: true, conversationId: conversationId })); 16014 } catch (error) { 16015 // Chat still works when browser storage is unavailable. 16016 } 16017 } 16018 16019 function loadSession() { 16020 try { 16021 var saved = JSON.parse(sessionStorage.getItem(sessionKey)); 16022 if (saved && saved.started) { 16023 started = true; 16024 conversationId = saved.conversationId || null; 16025 } 16026 } catch (error) { 16027 // Ignore missing or malformed browser state. 16028 } 16029 } 16030 16031 function buildMessage(data) { 16032 var message = 'Name: ' + data.firstName + ' ' + data.lastName + 16033 '\nEmail: ' + data.email + 16034 '\nContact Reason: ' + data.reason + 16035 '\nSkin Type: ' + data.skin; 16036 if (data.concern) { 16037 message += '\nSkin Concern: ' + data.concern; 16038 } 16039 return message + '\nChat Request Site: ' + window.location.hostname + 16040 '\nChat Request Page: ' + window.location.pathname; 16041 } 16042 16043 function submit(event) { 16044 event.preventDefault(); 16045 if (!ready || started) { 16046 return; 16047 } 16048 16049 var data = { 16050 firstName: document.getElementById('pc-first-name').value.trim(), 16051 lastName: document.getElementById('pc-last-name').value.trim(), 16052 email: document.getElementById('pc-email').value.trim(), 16053 reason: document.getElementById('pc-reason').value, 16054 skin: document.getElementById('pc-skin').value, 16055 concern: document.getElementById('pc-concern').value.trim() 16056 }; 16057 var accepted = document.getElementById('pc-accept').checked;
16058 var validEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email); 16059 showError('pc-first-error', !data.firstName); 16060 showError('pc-last-error', !data.lastName); 16061 showError('pc-email-error', !validEmail); 16062 showError('pc-accept-error', !accepted); 16063 if (!data.firstName || !data.lastName || !validEmail || !accepted) { 16064 return; 16065 } 16066 16067 var button = document.getElementById('pc-kustomer-start'); 16068 button.disabled = true; 16069 button.textContent = t.starting; 16070 document.getElementById('pc-kustomer-panel').classList.remove('is-open'); 16071 window.Kustomer.describeCustomer({ 16072 attributes: { sharedEmails: [data.email] }, 16073 customAttributes: { 16074 firstNameStr: data.firstName, 16075 lastNameStr: data.lastName, 16076 skinTypeStr: data.skin, 16077 contactReasonStr: data.reason 16078 } 16079 }, function () { 16080 window.Kustomer.createConversation({ 16081 message: buildMessage(data), 16082 customAttributes: { 16083 skinTypeStr: data.skin, 16084 contactReasonStr: data.reason, 16085 chatCaseRequestSiteStr: config.chatCaseRequestSite, 16086 languageStr: config.languageName, 16087 marketOriginStr: config.market 16088 } 16089 }, function (response, error) { 16090 button.disabled = false; 16091 button.textContent = t.start; 16092 if (error) { 16093 return; 16094 } 16095 conversationId = response && response.conversationId; 16096 started = true; 16097 saveSession(); 16098 open(); 16099 }); 16100 }); 16101 } 16102 16103 function init() { 16104 if (!window.Kustomer || typeof window.Kustomer.start !== 'function') { 16105 window.setTimeout(init, 100); 16106 return; 16107 } 16108 window.Kustomer.start({ 16109 brandId: config.brandId, 16110 lang: config.lang, 16111 hideChatIcon: true, 16112 hideHistory: true, 16113 preferredView: 'chat' 16114 }, function () { 16115 ready = true; 16116 waitForWidget(); 16117 loadSession(); 16118 injectUi(); 16119 if (pendingOpen || consumeAutoOpenRequest()) { 16120 pendingOpen = false; 16121 open(); 16122 } 16123 window.Kustomer.addListener('onOpen', function () { 16124 document.getElementById('pc-kustomer-launcher').style.display = 'none'; 16125 waitForWidget(); 16126 showTranscriptButton(); 16127 }); 16128 window.Kustomer.addListener('onClose', function () { 16129 hideTranscriptButton(); 16130 document.getElementById('pc-kustomer-launcher').style.display = 'flex'; 16131 }); 16132 window.Kustomer.addListener('onConversationCreate', function (response) { 16133 if (!response || !response.conversationId) { 16134 return; 16135 } 16136 conversationId = response.conversationId; 16137 started = true; 16138 saveSession(); 16139 window.Kustomer.describeConversation({ 16140 conversationId: conversationId, 16141 customAttributes: { 16142 chatCaseRequestSiteStr: config.chatCaseRequestSite, 16143 languageStr: config.languageName, 16144 marketOriginStr: config.market 16145 } 16146 }, function () {}); 16147 }); 16148 try { 16149 window.Kustomer.addListener('onConversationEnded', function () { 16150 started = false; 16151 conversationId = null; 16152 sessionStorage.removeItem(sessionKey); 16153 }); 16154 } catch (error) { 16155 // Older widget versions do not expose this event. 16156 } 16157 }); 16158 } 16159 16160 window.pcKustomerChat = { 16161 open: openWhenReady, 16162 close: close, 16163 requestAutoOpen: requestAutoOpen, 16164 isReady: function () { 16165 return ready; 16166 }, 16167 isStarted: function () { 16168 return started; 16169 } 16170 }; 16171 16172 init(); 16173 }()); 16174</script>
16174 16175 16176 </template> 16177 16178 16179 16180 16181 16182</div> 16183 16184 16185 16186 16187 16188 16189 16190<footer class="main-footer main-footer--redesign"> 16191<section class="main-footer__nav"> 16192<div class="main-footer__container"> 16193<div class="main-footer__nav-layout"> 16194<div class="main-footer__nav-left"> 16195<div class="main-footer__nav-columns"> 16196<div class="main-footer__nav-column"> 16197 16198 16199 16200 16201 16202 16203 16204 16205 16206 16207 16208 16209 16210<div class="content-asset"> 16211<input class="main-footer__toggle-checkbox" id="main-footer-column-two" type="checkbox"> 16212<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-two">Our commitments</label> 16213<div class="main-footer__toggle"> 16214 <ul class="main-footer__column-list" data-columns="1"> 16215 <li class="main-footer__column-list-item"> 16216 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/paulas-vision/paulas-vision.html">Who we are</a> 16217 </li> 16218 <li class="main-footer__column-list-item"> 16219 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/who-is-paula-begoun/paulas-story.html">Paula's story</a> 16220 </li> 16221 <li class="main-footer__column-list-item"> 16222 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/science-advisory-board">Science Advisory Board</a> 16223 </li> 16224 <!--li class="main-footer__column-list-item"> 16225 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/sustainability">Our sustainable journey</a> 16226 </li--> 16227</ul> 16228</div> 16229</div> 16230 16231 16232 16233 16234 16235</div> 16236<div class="main-footer__nav-column"> 16237 16238 16239 16240 16241 16242 16243 16244 16245 16246 16247 16248 16249 16250<div class="content-asset"> 16251<input class="main-footer__toggle-checkbox" id="main-footer-column-three" type="checkbox"> 16252<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-three">Our services</label> 16253<div class="main-footer__toggle"> 16254 <ul class="main-footer__column-list" data-columns="1"> 16255 <li class="main-footer__column-list-item"> 16256 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-product-questions/faq-product-questions.html">Product queries</a> 16257 </li> <li class="main-footer__column-list-item"> 16258 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/frequently-asked-questions/faq.html">Frequently asked questions</a> 16259 </li> 16260 <li class="main-footer__column-list-item"> 16261 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/shipping/faq-shipping.html">Shipping & delivery</a> 16262 </li> 16263 <li class="main-footer__column-list-item"> 16264 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-ordering-payments/faq-ordering-payments.html">Ordering & payment</a> 16265 </li> 16266 <li class="main-footer__column-list-item"> 16267 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/international/international.html">International domains</a> 16268 </li> 16269 <li class="main-footer__column-list-item"> 16270 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/faq-returns-exchanges/faq-returns-exchanges.html">Returns</a> 16271 </li> 16272 <li class="main-footer__column-list-item"> 16273 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/press/press.html">Press</a> 16274 </li> 16275 <li class="main-footer__column-list-item"> 16276 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/contact-us">Contact</a> 16277 </li> 16278 <!--li class="main-footer__column-list-item"> 16279 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/cookies/cookies.html">Cookie settings</a> 16280 </li--> 16281 </ul> 16282</div> 16283</div> 16284 16285 16286 16287 16288 16289</div> 16290<div class="main-footer__nav-column"> 16291 16292 16293 16294 16295 16296 16297 16298 16299 16300 16301 16302 16303 16304<div class="content-asset"> 16305<input class="main-footer__toggle-checkbox" id="main-footer-column-four" type="checkbox" /> 16306<label class="main-footer__toggle-label text-extended-lg-black" for="main-footer-column-four">Our extras</label> 16307<div class="main-footer__toggle"> 16308 <ul class="main-footer__column-list" data-columns="1"> 16309 <li class="main-footer__column-list-item"> 16310 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/routine-finder">Find your routine</a> 16311 </li>
16312 <li class="main-footer__column-list-item"> 16313 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/contact-us">Personal skincare advice</a> 16314 </li> 16315 <li class="main-footer__column-list-item"> 16316 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/discount-page">Offers and discounts</a> 16317 </li> 16318 <li class="main-footer__column-list-item"> 16319 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/newsletter/newsletter.html">Subscriber offers</a> 16320 </li> 16321 <!--li class="main-footer__column-list-item"> 16322 <a class="main-footer__column-list-link" href="https://www.paulaschoice-eu.com/giftcertpurchase">Digital gift card</a> 16323 </li--> 16324 </ul> 16325</div> 16326</div> 16327 16328 16329 16330 16331 16332</div> 16333</div> 16334</div> 16335<div class="main-footer__nav-right"> 16336<div class="main-footer__nav-column main-footer__nav-column--five"> 16337 16338 16339 16340 16341 16342 16343 16344 16345 16346 16347 16348 16349 16350<div class="content-asset"> 16351<div class="main-footer__newsletter"> 16352 <h3 class="main-footer__top-headline h3-extended-lg-black">Special offers when you sign up </h3> 16353 16354 16355 16356 16357 16358 16359 16360 16361 16362 16363 16364 16365 16366 16367 16368 16369 16370 16371 16372 16373 16374 16375 16376 16377 16378 16379 16380 16381 16382 16383 16384 16385 16386 16387 16388 16389 16390 16391 16392 16393 16394 16395 16396 16397 16398 16399 16400 16401 16402 16403 16404 16405 16406 16407 16408 16409 16410 16411 16412 16413 16414 16415 16416 16417 16418 16419 16420 16421 16422 16423 16424 16425 16426 16427 16428 16429 16430 16431 16432 16433 16434 16435 16436 16437 16438 16439 16440 16441 16442 16443 16444 16445 16446 16447 16448 16449 16450 16451 16452 16453 16454 16455 16456 16457 16458 16459 16460 16461 16462 16463 16464 16465 16466 16467 16468 16469 16470 16471 16472 16473 16474 16475 16476 16477 16478 16479<div class="newsletter-footer" > 16480<form 16481method="post" 16482id="com.demandware.beehive.core.internal.forms.FormImpl@32f718bd" 16483class="newsletter-footer__form js-newsletter-send" 16484data-eventAction='Footer Newsletter Submit' 16485data-is-emarsys-enabled-for-locale="false" 16486data-emarsys-page="footer"> 16487<div class="newsletter-footer__field-wrap"> 16488<input type="hidden" class="text field" name="dwfrm_newsletter_type" value="footer" /> 16489<input class="newsletter-footer__field js-newletter-input" type="email" placeholder="My email address" name="dwfrm_newsletter_emailAddress" /> 16490 16491<button 16492type="submit" 16493class="newsletter-footer__submit js-newsletter-subscribe js-newsletter-footer-submit-recaptcha" 16494data-captchaId="captcha_container_newsletter" 16495name="dwfrm_newsletter_submit" 16496aria-label="Send" 16497> 16498<img 16499class="newsletter-footer__submit-icon" 16500src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dwbf888900/images/newsletter/newsletter_arrow.svg" 16501alt="" 16502aria-hidden="true" 16503/> 16504</button> 16505<div class="newsletter-footer__recaptcha-row"> 16506<input type="hidden" name="dwfrm_newsletter_recaptcha" /> 16507<div class="newsletter-footer__recaptcha-newsletter" id="captcha_container_newsletter"></div> 16508</div> 16509 16510</div> 16511<div class="newsletter-footer__error js-newsletter-error"></div> 16512</form> 16513</div> 16514 16515</div> 16516 16517 16518 16519 16520 16521 16522 16523 16524 16525 16526 16527 16528 16529 16530 16531 16532 16533<div class="content-asset"> 16534<div class="main-footer__socials"> 16535 <!--div class="main-footer__socials-label text-extended-lg-black"> 16536 Our socials 16537 </div--> 16538 <ul class="main-footer__column-socials-list"> 16539 <li class="main-footer__column-socials-item"> 16540 <a class="main-footer__column-socials-link" title="TikTok" href="https://www.tiktok.com/@paulaschoiceuk/" target="_blank"><span class="icon icon-tiktok" aria-hidden="true"></span></a> 16541 </li> 16542<li class="main-footer__column-socials-item"> 16543 <a class="main-footer__column-socials-link" title="Instagram" href="https://www.instagram.com/paulaschoice" target="_blank"><span class="icon icon-instagram-alt" aria-hidden="true"></span></a> 16544 </li> 16545<li class="main-footer__column-socials-item"> 16546 <a class="main-footer__column-socials-link" title="Youtube" href="https://www.youtube.com/channel/UCrub19gos63vbd8dVpUBr9g" target="_blank"><span class="icon icon-youtube" aria-hidden="true"></span></a> 16547 </li> 16548 <li class="main-footer__column-socials-item"> 16549 <a class="main-footer__column-socials-link" title="Facebook" href="https://www.facebook.com/Paulaschoiceeurope" target="_blank"><span class="icon icon-facebook" aria-hidden="true"></span></a> 16550 </li> 16551 <!--li class="main-footer__column-socials-item"> 16552 <a class="main-footer__column-socials-link" title="Twitter" href="https://twitter.com/PaulasChoice_UK" target="_blank"><span class="icon icon-twitter" aria-hidden="true"></span></a> 16553 </li--> 16554 16555 16556 16557 </ul> 16558</div> 16559</div> 16560 16561 16562 16563 16564 16565 16566 16567 16568 16569 16570 16571</div> 16572</div> 16573</div> 16574</div> 16575</section> 16576<section class="main-footer__meta">
16577<div class="main-footer__container"> 16578<div class="main-footer__meta-row"> 16579<div class="main-footer__bottom-copyright"> 16580 16581 16582 16583 16584 16585 16586 16587 16588 16589 16590 16591 16592<div class="content-asset"> 16593Copyright ©
16594<script type="text/javascript">document.write(new Date().getFullYear());</script>
16594 16595Paula's Choice 16596<!--style for exfoliant finder page for FF- wait for content stack and design--> 16597 <style type="text/css"> 16598 @media screen and (min-width: 768px) { 16599 @-moz-document url-prefix() { 16600 div.js-skintype.field-wrapper.routine-step-1__wrapper div.routine-right-block div.form-row div.field-wrapper label {width: 120px;} 16601 } 16602 } 16603 </style> 16604 16605 <!--style for SAB page - still needed for that page --> 16606 <style type="text/css"> 16607 div#scienceadvisoryboard.main-region.js-expert-advice-main div.column.column-text.text-position-right.text-position-bottom p a {padding: 0px; display: inline;} 16608 </style> 16609 16610 <!--style for the skintypefinder on the homepage - can be a ticket--> 16611 <style type="text/css"> 16612 div.mini-routinefinder__card__desc div.mini-routinefinder__card__desc--long p {font-size: 14px;} 16613 @media screen and (max-width: 767px) { 16614 div.mini-routinefinder__card.js-mini-routinefinder-card.mini-routinefinder__card--active a.button.onyx.mini-routinefinder__link {padding: 5px !important} 16615 } 16616 </style> 16617 16618 <!--move the email text to the right- make a ticket--> 16619 <!--style type="text/css"> 16620 @media screen and (min-width: 1180px) { 16621 h3.main-footer__top-headline {margin-right: 20px; text-align: right !important;} 16622 } 16623 </style--> 16624 16625<!--search--> 16626<style type="text/css"> 16627.collection-header .information-banner, h4.search-suggestions__heading {background-color: #f6f7f6;} 16628 16629div.promotional-accordeon.js-accordeon-section.collection-block h3.js-accordeon-trigger.accordeon-trigger {background-color: #f6f7f6;} 16630div.promotional-accordeon.js-accordeon-section.collection-block div.js-accordeon-body.accordeon-body {background-color: #f6f7f6;} 16631div.accordeon-body-content div.educational {border-top: 1px solid #ffffff !important} 16632</style> 16633 16634<!--pdp--> 16635<style type="text/css"> 16636div.product-how__description {background-color: #f6f7f6 !important;padding: 20px;} 16637div.confirmation__main-order {background-color: #f6f7f6 !important;} 16638h2.h2-extended-3xl-black-xl {line-height: 1.2em !important} 16639 16640</style> 16641 16642<!--homepage block 1 image--> 16643<style type="text/css"> 16644@media screen and (min-width: 1180px) { 16645section.video-banner a.video-banner__media-link div.video-banner__media picture.video-banner__image {height: 100vh;} 16646} 16647</style> 16648 16649 16650<!--ingredient checker--> 16651<style type="text/css"> 16652div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container h1.ingredient-checker-rte__title {font-size: 32px; font-stretch: expanded; font-weight: 1000; line-height: 1.2em} 16653div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container div.ingredient-checker-rte__text p {color: #1c1c1c !important;font-size: 24px; margin: 21px 0 30px;} 16654div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container div.ingredient-checker-rte__text p strong {font-weight: 400; text-transform: none; color: #1c1c1c; font-size: .7em;} 16655div.about-dictionary__text p {font-size: 14px; font-weight: 400} 16656section.about-dictionary__wrapper, section.ingredient-research {background-color: #f6f7f6} 16657 16658@media screen and (max-width: 767px) { 16659div.ingredient-checker-landing__content-container section.ingredient-checker__rte div.content-container h1.ingredient-checker-rte__title {font-size: 30px} 16660 16661} 16662</style> 16663 16664<!--email block Unidays page--> 16665<style type="text/css"> 16666h1.video-banner__heading font.student {width: 500px; display: inline-block;} 16667div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started div.column-form {background-color: #f6f7f6; margin-left: 20px} 16668div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started {background-color: #f6f7f6} 16669div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-emailblock section.email-block.js-animated-element.animated-element.fade-up.animation-started div.column-form div.form {width:70%} 16670div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-redesign-promoblock div.promo-block-redesign div.promo-block-redesign__content.js-animated-element.animated-element.fade-up.animation-started {text-align: left} 16671div#studentdiscount.main-region div.homepage-blocks div.experience-component.experience-assets-redesign-promoblock div.promo-block-redesign div.promo-block-redesign__content.js-animated-element.animated-element.fade-up.animation-started ul li {font-size: 20px;} 16672 16673@media screen and (max-width: 767px) { 16674h1.video-banner__heading font.student {width: auto; display: inline-block;} 16675} 16676</style> 16677 16678<!--block2 homepage wider--> 16679<style type="text/css"> 16680h2.promo-block-redesign__title {max-width: 450px} 16681</style> 16682 16683 16684 16685<!--homepage general white--> 16686<style type="text/css"> 16687h3.video-banner__subheading div.eyebrow-white {font-size: 20px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -20px} 16688h3.video-banner__subheading div.eyebrow-white-bsd {font-size: 20px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -30px; line-height: 2em} 16689.hp-line1 {color: #ffffff; line-height: 1.2em; font-stretch: expanded; font-weight: 1000; font-family: Area; margin-top: -10px;} 16690.hp-line2 {color: #ffffff; font-size: 20px; margin-top: -50px; margin-bottom: 26px; display: block; font-family: Area; font-weight: 400} 16691.hp-line2-white {color: #ffffff; font-size: 20px; margin-top: -36px; margin-bottom: 26px; display: block; font-family: Area; font-weight: 400; max-width: 300px} 16692 16693@media screen and (min-width: 768px) and (max-width: 1199px ) { 16694.hp-line2 {margin-top: 0px;} 16695 16696} 16697@media screen and (max-width: 767px) { 16698h3.video-banner__subheading div.eyebrow-white {font-size: 16px; font-stretch: expanded; font-weight: 900; font-family: Area; color: #fff; margin-bottom: -16px} 16699h3.video-banner__subheading div.eyebrow-white-bsd {font-size: 18px; font-stretch: expanded; font-weight: 900; font-family: Area; margin-bottom: -20px; line-height: 1.8em} 16700.hp-line1 {font-stretch: expanded; margin-top: -14px} 16701.hp-line2 {color: #fff; font-size: 16px; margin-top: -18px; margin-bottom: 22px; display: block; font-family: Area; font-weight: 400} 16702.hp-line2-white {margin-top: -10px; max-width: none; line-height: 1.2em;} 16703} 16704</style> 16705 16706<!--homepage general black--> 16707<style type="text/css"> 16708h3.video-banner__subheading div.eyebrow {font-size: 20px; font-stretch: expanded; font-weight: 1000; font-family: Area; line-height: .1em; color: #1c1c1c} 16709.hp-line1-black {line-height: 1em; font-stretch: expanded; font-weight: 1000; font-family: Area; width: 500px} 16710.hp-line2-black {font-size: 20px; margin-top: -40px; margin-bottom: 30px; display: block; font-family: Area; font-weight: 500; width: 440px} 16711.h1-ivypresto-black {line-height: 2em; font-size: 35px; font-weight: 300; font-family: ivypresto;} 16712 16713@media screen and (min-width: 768px) and (max-width: 1199px ) { 16714.hp-line2-black {margin-top: 0px;} 16715} 16716 16717@media screen and (max-width: 767px) { 16718h3.video-banner__subheading div.eyebrow {font-size: 16px; font-stretch: expanded; font-weight: 1000; font-family: Area;} 16719.hp-line1-black {width: 100%} 16720.hp-line2-black { font-size: 16px; margin-top: -16px; margin-bottom: 8px; display: block; font-family: Area; font-weight: 400; width: 100%;line-height: 1.1em; } 16721.h1-ivypresto-black {line-height: 1.3em; font-size: 30px; font-weight: 300; font-family: ivypresto;} 16722} 16723</style> 16724 16725<!--homepage ivypresto--> 16726<style type="text/css"> 16727h3.video-banner__subheading div.eyebrow-ivypresto {font-size: 24px; font-weight: 400; font-family: ivypresto; line-height: 3em} 16728.h1-ivypresto {line-height: 1em; font-weight: 300; font-family: ivypresto; margin-top: -16px;} 16729.h1-ivypresto i {font-family: 'IvyPresto'; font-weight: 300;} 16730</style> 16731 16732 16733<!--new styles brand restage 2026--> 16734<style type="text/css">
16735button.js-wishlist.button.js-wishlist-remove.js-wishlist-remove-accountpage.wishlist__remove-btn {background: transparent !important} 16736a.product-review-category-link.text-extended-sm-bold {max-width: none !important; margin-bottom: 12px !important;} 16737 16738/*.h3-extended-lg-black {font-stretch:expanded;font-size:20px;font-weight:1000}*/ 16739.link-normal-sm-semibold {font-size: 12px !important; font-weight: 700 !important} 16740</style> 16741 16742<!--lister product title--> 16743<style type="text/css"> 16744.text-normal-md-medium { font-weight: 800; font-stretch: normal; } 16745.cnvrt-collection-name, .product-collection-name {font-size: 10px; line-height: 1.3em; height: auto !important} 16746button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button--active {background-color: #f6f7f6 !important;} 16747button.js-tile-variation-change.product-tile__variation-button.product-tile__variation-button {border: 1px solid #f6f7f6} 16748 16749 16750.main-footer__column-list-link {font-size: 12px !important; font-stretch: normal !important} 16751div.navigation-link figure figcaption a {font-size: 12px; font-weight:700; letter-spacing: normal; line-height: 1.5em} 16752 16753div.pr-category-snippet__total.pr-category-snippet__item {font-size: 10px !important} 16754.main-nav-slot__heading {font-size:16px; font-stretch:expanded; font-weight:1000; margin: 18px 0 19px;} 16755.h4-normal-lg-medium, h4.h4-normal-xs-black {letter-spacing: normal} 16756.featured-article__text, h4.featured-article__subheading {line-height: 1.5em !important} 16757h1.h1-normal-2xl-semibold {font-stretch: normal} 16758div.category-slot div.cat-banner h1 {font-weight:1000; font-stretch:expanded;} 16759.link-normal-base-extrabold {font-weight: 800} 16760.text-normal-base-medium {font-size: 16px !important} 16761/*prices*/ 16762div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 14px !important; text-decoration-line: line-through !important;} 16763div.recomm-product-price span.item-price span.product-standard-price.price-standard.strike-throughprice {font-size: 14px !important; font-weight: 700; color: #1c1c1c; text-decoration: line-through !important;} 16764div.recomm-product-price span.item-price span.product-sales-price.price-sales {color: #1c1c1c; font-weight:700} 16765div.recomm-product-price span.item-price div.discount-mention span {font-size: 14px} 16766/*div.pricing span.product-sales-price.price-sales {font-size: 16px !important; font-weight: 800}*/ 16767 16768span.lister-badge-info {font-size: 14px !important} 16769div.product-image__footer-inner div.product-labels span {font-size: 12px !important; padding: 5px !important;} 16770div.product-image__footer-inner div.product-labels {gap: 3px !important;} 16771 16772a.button.white.promo-block-redesign__button.p-extended-base-black:hover {border: 1px solid #fff} 16773div.collection-block h2.collection-title a, div.content a h2.h2 {font-size: 20px} 16774.bbwt {font-size: 20px} 16775div.approaching-discount-wrapper {background-color: #f6f7f6} 16776.pt_collectionlanding .seo-promo {padding-top: 90px;} 16777.navigation-link img {border-radius: 12px;} 16778div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 12px} 16779div#wrapper.wrapper.pt_product-search-result div#main div#primary.primary-content div.search-result.js-products-wrapper div.search-result__wrapper.is-flex div.search-result__grid.search-result-tiles-wrap--search.is-flex div.search-result__tiles ul.product-tiles.hide-compare li.js-plp-product-tile div.product-collection-name-top-section {display: block !important} 16780div#wrapper.wrapper.pt_product-search-result div#main div#primary.primary-content div.search-result.js-products-wrapper div.search-result__wrapper.is-flex div.search-result__grid.search-result-tiles-wrap--search.is-flex div.search-result__tiles ul.product-tiles.hide-compare li.js-plp-product-tile div.product-collection-name-top-section div.product-review.js-scroll-to-reviews {display: none} 16781</style> 16782 16783<!--image on the sets template--> 16784<style type="text/css"> 16785div.product-inside__image.is-bundle img.js-product-inside__placeholder {-o-object-fit: cover !important; 16786 object-fit: cover !important;} 16787 16788@media screen and (max-width: 767px) { 16789/*.h3-extended-lg-black {font-size:16px;}*/ 16790.text-normal-base-medium {font-size: 14px !important; line-height: 24px} 16791/*div.product-pricing span.product-standard-price.price-standard.strike-throughprice {font-size: 12px !important; font-weight: 800}*/ 16792.bbwt {font-size: 14px} 16793div.product-image div.plp-labels span.plp-badge-promo, div.product-image div.plp-labels .plp-badge-productlabel {padding: 5px; font-size: 11px} 16794div.product-name.plp-product-name {height: auto;line-height: 1.4em} 16795} 16796</style> 16797 16798<style type="text/css"> 16799@media screen and (min-width: 1025px) and (max-width: 1500px ) { 16800 div.header__content a.header__logo{ 16801 left:50%; 16802 font-size: 14px; 16803 top: 53%; } 16804 } 16805@media screen and (max-width: 767px) { 16806/* .pt_content .header { 16807 height: 50px; 16808div#js-header-search.header-search {top: 50px}*/ 16809section.video-banner.video-banner--dark-nav, div.experience-component.experience-assets-redesign-videobanner section.video-banner {top: -152px; margin-bottom: -152px} 16810 } 16811 16812</style> 16813 16814<!--lister--> 16815<style type="text/css">@media screen and (min-width: 768px) { 16816div.educational {display: grid; grid-template-columns:30% 70%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1}} 16817 16818@media screen and (max-width: 767px) { 16819div.educational {display: grid; grid-template-columns:100%; grid-gap: 20px;padding: 20px;border-top: 1px solid #e1e1e1;} 16820div.educational .last {order: 2;}} 16821</style> 16822<style type="text/css">.promotional-accordeon h3 {text-transform: none;} 16823.promotional-accordeon .accordeon-body {padding: 0px;} 16824.content-container .collection-block {margin: 10px 0px;} 16825.educational img {width: 100%; height: auto;} 16826.educational p {text-align: left} 16827</style> 16828 16829<!--Page designer EA template CTA--> 16830<style> 16831.button.onyx { 16832 display: inline-flex !important; 16833} 16834</style> 16835</div> 16836 16837 16838 16839 16840 16841</div> 16842<div class="main-footer__meta-links"> 16843 16844 16845 16846 16847 16848 16849 16850 16851 16852 16853 16854 16855 16856<div class="content-asset"> 16857<ul class="main-footer__bottom-links"> 16858 <li class="main-footer__bottom-links-item">
16859 <a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/general-terms-and-conditions-paula-s-choice-europe-b-v/general-terms-and-conditions.html">GENERAL CONDITIONS</a> 16860 </li> 16861 <li class="main-footer__bottom-links-item"> 16862 <a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/privacy-policy/privacy-policy.html">PRIVACY POLICY</a> 16863 </li> 16864 <li class="main-footer__bottom-links-item"> 16865 <a class="main-footer__bottom-links-link link-extended-xs-black" href="https://www.paulaschoice-eu.com/cookie-notice/cookie-policy.html">COOKIE POLICY</a> 16866 </li> 16867 <li class="main-footer__bottom-links-item"> 16868 <a class="main-footer__bottom-links-link link-extended-xs-black" id="consent-management-tool" style="font-size: 8px" href="#">COOKIE SETTINGS</a> 16869 </li> 16870</ul> 16871</div> 16872 16873 16874 16875 16876 16877</div> 16878<div class="main-footer__payments"> 16879 16880 16881 16882 16883 16884 16885 16886 16887 16888 16889 16890 16891<div class="content-asset"> 16892<style type="text/css"> 16893a.main-footer__bottom-logos-link img.lazy.main-footer__bottom-logos-image.entered.loaded {height: 27px;} 16894</style> 16895 16896<ul class="main-footer__bottom-logos"> 16897 16898 <li class="main-footer__bottom-logos-item"> 16899 <a class="main-footer__bottom-logos-link"> 16900 <img alt="Visa" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw4d608d46/footer/payments/Visa.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" /> 16901 </a> 16902 </li> 16903 16904 <li class="main-footer__bottom-logos-item"> 16905 <a class="main-footer__bottom-logos-link"> 16906 <img alt="Master Card" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw64c6e0ea/footer/payments/Mastercard.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" /> 16907 </a> 16908 </li> 16909 <li class="main-footer__bottom-logos-item"> 16910 <a class="main-footer__bottom-logos-link"> 16911 <img alt="PayPal" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw22fb1c8e/footer/payments/Paypal.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" /> 16912 </a> 16913 </li> 16914 <li class="main-footer__bottom-logos-item"> 16915 <a class="main-footer__bottom-logos-link"> 16916 <img alt="Apple pay" class="lazy main-footer__bottom-logos-image" data-src="https://www.paulaschoice-eu.com/on/demandware.static/-/Library-Sites-paulachoice/default/dw714f09ac/footer/payments/Applepay.svg" height="27px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2014'%3E%3C/svg%3E" width="auto" /> 16917 </a> 16918 </li> 16919 16920</ul> 16921</div> 16922 16923 16924 16925 16926 16927</div> 16928</div> 16929</div> 16930</section> 16931<section class="main-footer__brand"> 16932<div class="main-footer__container"> 16933<a class="main-footer__wordmark" href="/" aria-label="Paula's Choice"> 16934<img 16935class="main-footer__wordmark-img-mobile" 16936src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw0d776975/images/wordmark/PC_logo_mobile.svg" 16937alt="" 16938aria-hidden="true" 16939/> 16940<img 16941class="main-footer__wordmark-img-desktop" 16942src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/default/dw539104d9/images/wordmark/PC_logo_desktop.svg" 16943alt="" 16944aria-hidden="true" 16945/> 16946</a> 16947</div> 16948</section> 16949 16950 16951 16952 16953 16954 16955</footer> 16956 16957<div class="notify-me-popup-hidden"> 16958 16959 16960 16961 16962 16963 16964 16965 16966 16967 16968 16969 16970 16971 16972 16973 16974 16975 16976 16977 16978 16979 16980 16981 16982 16983 16984 16985 16986 16987 16988 16989 16990 16991 16992 16993 16994 16995 16996 16997 16998 16999 17000 17001 17002 17003 17004 17005 17006 17007 17008 17009 17010 17011 17012 17013 17014 17015 17016 17017 17018 17019 17020 17021 17022 17023 17024 17025 17026 17027 17028 17029 17030 17031 17032 17033 17034 17035 17036 17037 17038 17039 17040 17041 17042 17043 17044 17045 17046 17047 17048 17049 17050 17051 17052 17053 17054 17055 17056 17057 17058 17059 17060 17061 17062 17063 17064 17065 17066 17067 17068 17069 17070 17071 17072 17073 17074 17075 17076 17077 17078 17079 17080 17081 17082 17083 17084<section class="notify-me-popup js-notify-me "> 17085<div class="notify-title"> 17086<h3 class="title-text js-notify-me-title"> 17087 17088</h3> 17089</div> 17090<div class="notify-product-wrapper"> 17091 17092<img class="product-image js-notify-me-image" src="" alt="" title=""/> 17093<div class="product-details"> 17094<h2 class="product-name js-notify-me-name"> 17095 17096</h2> 17097<div class="product-type js-notify-me-type"> 17098 17099</div> 17100<div class="product-price js-notify-me-price"> 17101 17102</div> 17103</div> 17104</div> 17105 17106 17107</section> 17108 17109</div> 17110 17111 17112 17113 17114 17115 17116 17117 17118 17119 17120 17121 17122 17123 17124 17125
17125<script type="text/javascript"> 17126 if ( typeof hj != 'undefined' ) hj('trigger', 'Listerpage_Categorieen'); 17127 </script>
17127 17128 17129 17130 17131 17132 17133</div> 17134<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
17135<script type="text/javascript">//<!-- 17136/* <![CDATA[ */ 17137function trackPage() { 17138 try{ 17139 var trackingUrl = "https://www.paulaschoice-eu.com/on/demandware.store/Sites-paulaschoice_eu-Site/en/__Analytics-Start"; 17140 var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl); 17141 if (typeof dw.ac == "undefined") { 17142 dwAnalytics.trackPageView(); 17143 } else { 17144 dw.ac.setDWAnalytics(dwAnalytics); 17145 } 17146 }catch(err) {}; 17147} 17148/* ]]> */ 17149// --> 17150</script>
vendor: 1 bytes, line 17150
17150
17151<script type="text/javascript" src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
17151 17152<!-- Demandware Active Data (body_end-active_data.js) -->
17153<script src="/on/demandware.static/Sites-paulaschoice_eu-Site/-/en/v1790927790974/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script>
17153<!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
17154<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
vendor: 1 bytes, line 17154
17154
17155<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d907f3a81d5b4a398801bd0d82394f80","spa":2}' crossorigin="anonymous"></script>
17155 17156</body> 17157</html> 17158
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.