Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
302 Found - cobal.com
HTTP Status: 302
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 02 May 2025 15:31:49 GMT
Content-Length: 0
Connection: keep-alive
Age: 0
Location: https://www.shopwithmyrep.co.uk/avon/cobal
Set-Cookie: crumb=BTc5aVsrfNyTOTE4MzFkMjU4MDQyMzVmN2MxZjk4MjY5ODZjMDEz;Path=/
X-Contextid: 0h1XPpGY/IGJd9BMF
cf-cache-status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=jYeAh3NRko1TeyJR9TKHLHEM7cI0npKZtBG%2F634%2FP3KmR%2FXo0QqS2G%2Fkm1Ql72J8AiWLSkkGWgPo%2FPgb%2FK6uDk%2FA3TWuLvZ46pW1Nh7G9ETOBJw5tqDfj9fNfbBvS0UPT1Vk%2BLxhvRE%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 9398915b8e0d047e-FRA
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=25562&min_rtt=25562&rtt_var=12781&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=165&delivery_rate=0&cwnd=249&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"

HTTP Code 302 Found (Moved Temporarily)

302 status code indicates that the requested resource is temporarily available at a different URL.

When is Code 302 used?

  • When temporarily changing a page URL
  • When testing new content
  • During temporary maintenance

What does Code 302 mean for the user?

The user is automatically redirected to the new URL, but search engines continue to index the old address.

301 Moved Permanently - https://www.shopwithmyrep.co.uk/avon/cobal
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Cache-Control: no-cache, no-store, must-revalidate, proxy-revalidate
Pragma: no-cache
Content-Type: text/html; charset=utf-8
Content-Language: en
Expires: -1
ETag: :dtagent10311250313143955WDEA
Location: /
Server: Microsoft-IIS/10.0
X-Frame-Options: SAMEORIGIN
Access-Control-Allow-Origin: *
X-UA-Compatible: IE=Edge,chrome=1
P3P: policyref="/w3c/p3p.xml", CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"
Content-Style-Type: text/css
Content-Script-Type: text/javascript
Strict-Transport-Security: max-age=31536000; includeSubDomains
X-Content-Type-Options: nosniff
X-OneAgent-JS-Injection: true
X-ruxit-JS-Agent: true
Server-Timing: dtSInfo;desc="0", dtRpid;desc="2146925997"
Content-Length: 1424
Date: Fri, 02 May 2025 15:31:50 GMT
Connection: keep-alive
Set-Cookie: user=1=&3=&4=&5=1&7=&8=&10=&11=&12=0&14=0&15=N&16=N&17=0&18=N; domain=www.shopwithmyrep.co.uk; expires=Fri, 02-May-2025 16:01:50 GMT; path=/; secure; SameSite=none
Set-Cookie: shopper=rch4l3m/Kcwxzp35NVfOBE+7gYz8HcuS6RSvr/3wtxqOSuLNV/IB21/KvKQEZ5BjUNITqnN+aAY9m55YXMYzmW5aaMi+utiigrclreFySEczfsji7W92Mw9rjZLG3QQ3hHdF9xhXjjpv8F02Z747Fpk25o0NhWzEuX01mn5JY5mU2AuHR8GJ96PSeJPst7aINf4TusUcIUVgvr42bdbvZSFkqlEB8Ff8pb1SpDATt/+qNHVF; domain=www.shopwithmyrep.co.uk; expires=Mon, 30-Apr-2029 23:00:00 GMT; path=/; secure; SameSite=none
Set-Cookie: customer=1=&2=&3=99&4=&5=RepOrDirect&6=&7=&8=&9=N&10=2&11=&12=N&13=00000000-0000-0000-0000-000000000000; domain=www.shopwithmyrep.co.uk; expires=Sat, 03-May-2025 15:31:50 GMT; path=/; secure; SameSite=none
Set-Cookie: representative=1=&2=&3=&4=&5=202505&6=N&9=30&10=&11=&12=N&13=&14=&15=RepOrDirect&17=&18=RepOrDirect&19=None&20=0&21=N&22=N&23=0&24=&25=; domain=www.shopwithmyrep.co.uk; expires=Sat, 02-May-2026 15:31:50 GMT; path=/; secure; SameSite=none
Set-Cookie: dtCookie=v_4_srv_11_sn_4ABD8EA1C35EDB6B552A3D848E1CC51A_perc_100000_ol_0_mul_1_app-3A06fff27452c49aa0_1; Path=/; Domain=.shopwithmyrep.co.uk
Set-Cookie: NSC_xxxtipqxjuinzsfqdpvl-443=ffffffff09f8044d45525d5f4f58455e445a4a42378b;expires=Fri, 02-May-2025 15:33:50 GMT;path=/;secure;httponly

HTTP Code 301 Moved Permanently

301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

  • When changing a website domain
  • When modifying URL structures
  • When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - /.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Cache-Control: private, max-age=5400
Content-Type: text/html; charset=utf-8
Content-Language: en
Expires: Fri, 02 May 2025 17:01:50 GMT
Last-Modified: Fri, 02 May 2025 15:31:49 GMT
ETag: :dtagent10311250313143955WDEA
Server: Microsoft-IIS/10.0
X-Frame-Options: SAMEORIGIN
Access-Control-Allow-Origin: *
X-UA-Compatible: IE=Edge,chrome=1
P3P: policyref="/w3c/p3p.xml", CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"
Content-Style-Type: text/css
Content-Script-Type: text/javascript
Strict-Transport-Security: max-age=31536000; includeSubDomains
X-Content-Type-Options: nosniff
X-OneAgent-JS-Injection: true
X-ruxit-JS-Agent: true
Server-Timing: dtSInfo;desc="0", dtRpid;desc="1186019622"
Vary: *
Date: Fri, 02 May 2025 15:31:51 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Connection: Transfer-Encoding
Set-Cookie: user=1=&3=&4=&5=1&7=&8=&10=&11=&12=0&14=0&15=N&16=N&17=0&18=N; domain=www.shopwithmyrep.co.uk; expires=Fri, 02-May-2025 16:01:50 GMT; path=/; secure; SameSite=none
Set-Cookie: shopper=VRnmtg6mB6xSFFaiCNbRJLFrQKTUrm1JFSofA0c5kmgk8GQZK4WtFPHXLdcWSUUa32DVXYRx14zVtvzDBkZxEn4ea9WA1XrrHNM/NEXPghnMC4Q+MV395mQ2Okxsmpi/inZZDJuDJnBzSQ76wx9DMDC5XS4B/UUziAWF1VjTRV8bqDwin7+9m8Q+YOlX4ou1hcQmz59MpHWlPZ5GGAeZ4JFkX1gNvzApn8qRmE7MVQZHc614; domain=www.shopwithmyrep.co.uk; expires=Mon, 30-Apr-2029 23:00:00 GMT; path=/; secure; SameSite=none
Set-Cookie: customer=1=&2=&3=99&4=&5=RepOrDirect&6=&7=&8=&9=N&10=2&11=&12=N&13=00000000-0000-0000-0000-000000000000; domain=www.shopwithmyrep.co.uk; expires=Sat, 03-May-2025 15:31:50 GMT; path=/; secure; SameSite=none
Set-Cookie: representative=1=&2=&3=&4=&5=202505&6=N&9=30&10=&11=&12=N&13=&14=&15=RepOrDirect&17=&18=RepOrDirect&19=None&20=0&21=N&22=N&23=0&24=&25=; domain=www.shopwithmyrep.co.uk; expires=Sat, 02-May-2026 15:31:50 GMT; path=/; secure; SameSite=none
Set-Cookie: dtCookie=v_4_srv_6_sn_083B94F84B8029B531EEBF885D623881_perc_100000_ol_0_mul_1_app-3A06fff27452c49aa0_0; Path=/; Domain=.shopwithmyrep.co.uk
Set-Cookie: NSC_xxxtipqxjuinzsfqdpvl-443=ffffffff09f8044d45525d5f4f58455e445a4a42378b;expires=Fri, 02-May-2025 15:33:50 GMT;path=/;secure;httponly

HTTP Code 200 OK

200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: cobal.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])


<!DOCTYPE html>
<html lang="en-GB" class="NotSearchEngine" style="">
<head>
    
    <script type="text/javascript" src="/ruxitagentjs_ICANVfghqru_10311250313143955.js" data-dtconfig="rid=RID_2418|rpid=1186019622|domain=shopwithmyrep.co.uk|reportUrl=/rb_bf62615nnz|app=06fff27452c49aa0|featureHash=ICANVfghqru|srsr=20000|vcv=1|xb=.*res-x^bs.com.*^p^bs/robots^bs.txt|rdnt=1|uxrgce=1|cuc=2asskwm7|mel=100000|md=mdcc1=bdocument.referrer,mdcc2=dutm_source,mdcc3=dutm_medium,mdcc4=dutm_campaign,mdcc5=dutm_content,mdcc6=blocalStorage.cusStatus,mdcc7=bwindow.AppModule.RootScope.ShopContext.ProductSearchQuery,mdcc8=bwindow.AppModule.RootScope.Session.ShopperId,mdcc9=bwindow.AppModule.RootScope.Session.CustomerID,mdcc10=bwindow.AppModule.RootScope.Session.CartSummary.NumberItemsInCart,mdcc11=bwindow.AppModule.RootScope.Session.CartSummary.TotalPrice,mdcc12=bwindow.AppModule.RootScope.Session.IsCustomerLoggedIn,mdcc13=bwindow.AppModule.RootScope.Session.IsCustomerRegistered,mdcc14=bwindow.AppModule.RootScope.Session.IsQuickCustomerLoggedIn,mdcc15=a.bold.ng-binding,mdcc17=a.confirmation-highlighted-price.ng-binding,mdcc18=a.validation-errors.ng-pristine.ng-untouched.ng-valid.ng-binding.ng-scope|lastModification=1745523851780|mdp=mdcc6,mdcc7,mdcc8,mdcc9,mdcc10,mdcc11,mdcc12,mdcc13,mdcc14,mdcc17,mdcc18|tp=500,50,0|agentUri=/ruxitagentjs_ICANVfghqru_10311250313143955.js"></script><link rel="shortcut icon" type="image/x-icon" href="/logo.ico" />

    
    
    <script>
// Define dataLayer and the gtag function.
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        // Default ad_storage to 'denied'.
        gtag('consent', 'default', {
            ad_storage: "denied",
            analytics_storage: "denied",
            functionality_storage: "denied",
            personalization_storage: "denied",
            security_storage: "denied",
            ad_user_data: "denied",
            ad_personalization: "denied",
            'wait_for_update': 500
        });</script>


    
    
    <script type="text/javascript" src="https://cdn.cookielaw.org/consent/df6362a3-6457-4aae-b905-f33b8799260a/OtAutoBlock.js"></script>
    <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-language="en" type="text/javascript" charset="UTF-8" data-domain-script="df6362a3-6457-4aae-b905-f33b8799260a"></script>
    <script type="text/javascript">
        function OptanonWrapper() {
            window.dispatchEvent(new Event('resize'));
        }
    </script>


    <title>AVON UK | Make-up, Skincare, Perfume &amp; Toiletries</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="cleartype" content="on" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="width" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

    
            <meta name="description" content="Shop the best in beauty at avon.uk.com. From skincare to make-up, toiletries, perfume and haircare too, we&#8217;ve got everything you need to look &amp; feel your best. " />
        <meta name="keywords" content="avon, avon uk, beauty, cosmetics, earn extra money, avon representatives, avon account, avon rep, representative, brochure, make-up, make up, matte, matt, lipstick, mascara, nail, nail varnish, skincare, fragrance, perfume, bath and body, toiletries, clothing, accessories, fashion" />
        <meta name="MetaDescription" content="Shop the best in beauty at avon.uk.com. From skincare to make-up, toiletries, perfume and haircare too, we&#8217;ve got everything you need to look &amp; feel your best. " />
        <meta name="MetaKeywords" content="avon, avon uk, beauty, cosmetics, earn extra money, avon representatives, avon account, avon rep, representative, brochure, make-up, make up, matte, matt, lipstick, mascara, nail, nail varnish, skincare, fragrance, perfume, bath and body, toiletries, clothing, accessories, fashion" />
                <link rel="alternate" href="https://www.avon.com.ar/ar-home/" hreflang="es-AR" />
                <link rel="alternate" href="https://www.avon.com.ar/ar-home/" hreflang="es-AR" />
                <link rel="alternate" href="https://www.avon.bg/" hreflang="bg-BG" />
                <link rel="alternate" href="https://www.avon.bg/" hreflang="bg-BG" />
                <link rel="alternate" href="https://www.avon.cl/" hreflang="es-CL" />
                <link rel="alternate" href="https://www.avon.cl/" hreflang="es-CL" />
                <link rel="alternate" href="https://www.avon.co/" hreflang="es-CO" />
                <link rel="alternate" href="https://www.avon.co/" hreflang="es-CO" />
                <link rel="alternate" href="https://www.avon.cz/" hreflang="cs-CZ" />
                <link rel="alternate" href="https://www.avon.cz/" hreflang="cs-CZ" />
                <link rel="alternate" href="https://www.avon.de/" hreflang="de-DE" />
                <link rel="alternate" href="https://www.avon.de/" hreflang="de-DE" />
                <link rel="alternate" href="https://www.avon.com.ec/" hreflang="es-EC" />
                <link rel="alternate" href="https://www.avon.com.ec/" hreflang="es-EC" />
                <link rel="alternate" href="https://my.avon.ee/" hreflang="et-EE" />
                <link rel="alternate" href="https://my.avon.ee/" hreflang="et-EE" />
                <link rel="alternate" href="https://www.avon.es/" hreflang="es-ES" />
                <link rel="alternate" href="https://www.avon.es/" hreflang="es-ES" />
                <link rel="alternate" href="https://www.avon.fi/" hreflang="fi-FI" />
                <link rel="alternate" href="https://www.avon.fi/" hreflang="fi-FI" />
                <link rel="alternate" href="https://my.avon.ge/" hreflang="ka-GE" />
                <link rel="alternate" href="https://my.avon.ge/" hreflang="ka-GE" />
                <link rel="alternate" href="https://www.avoncosmetics.gr/" hreflang="el-GR" />
                <link rel="alternate" href="https://www.avoncosmetics.gr/" hreflang="el-GR" />
                <link rel="alternate" href="https://avononline.avon.hu/" hreflang="hu-HU" />
                <link rel="alternate" href="https://avononline.avon.hu/" hreflang="hu-HU" />
                <link rel="alternate" href="https://www.avon.co.in/in-home?/" hreflang="hi-IN" />
                <link rel="alternate" href="https://www.avon.co.in/in-home?/" hreflang="hi-IN" />
                <link rel="alternate" href="https://www.avon.it/" hreflang="it-IT" />
                <link rel="alternate" href="https://www.avon.it/" hreflang="it-IT" />
                <link rel="alternate" href="http://www.avon.co.jp/" hreflang="ja-JP" />
                <link rel="alternate" href="http://www.avon.co.jp/" hreflang="ja-JP" />
                <link rel="alternate" href="https://my.kz.avon.com/" hreflang="ru-KZ" />
                <link rel="alternate" href="https://my.kz.avon.com/" hreflang="ru-KZ" />
                <link rel="alternate" href="https://www.avon.lt/" hreflang="lt-LT" />
                <link rel="alternate" href="https://www.avon.lt/" hreflang="lt-LT" />
                <link rel="alternate" href="https://my.avon.lv/" hreflang="lv-LV" />
                <link rel="alternate" href="https://my.avon.lv/" hreflang="lv-LV" />
                <link rel="alternate" href="https://www.avon.mx/" hreflang="es-MX" />
                <link rel="alternate" href="https://www.avon.mx/" hreflang="es-MX" />
                <link rel="alternate" href="https://shop.avon.co.nz/" hreflang="en-NZ" />
                <link rel="alternate" href="https://shop.avon.co.nz/" hreflang="en-NZ" />
                <link rel="alternate" href="https://www.avon.com.pe/" hreflang="es-PE" />
                <link rel="alternate" href="https://www.avon.com.pe/" hreflang="es-PE" />
                <link rel="alternate" href="https://www.avon.pl/" hreflang="pl-PL" />
                <link rel="alternate" href="https://www.avon.pl/" hreflang="pl-PL" />
                <link rel="alternate" href="https://www.avon.com.pt/" hreflang="pt-PT" />
                <link rel="alternate" href="https://www.avon.com.pt/" hreflang="pt-PT" />
                <link rel="alternate" href="https://www.avon.ro/" hreflang="ro-RO" />
                <link rel="alternate" href="https://www.avon.ro/" hreflang="ro-RO" />
                <link rel="alternate" href="https://www.avon.rs/" hreflang="sr-RS" />
                <link rel="alternate" href="https://www.avon.rs/" hreflang="sr-RS" />
                <link rel="alternate" href="https://my.avon.ru/" hreflang="ru-RU" />
                <link rel="alternate" href="https://my.avon.ru/" hreflang="ru-RU" />
                <link rel="alternate" href="https://avononline.avon.sk/" hreflang="sk-SK" />
                <link rel="alternate" href="https://avononline.avon.sk/" hreflang="sk-SK" />
                <link rel="alternate" href="https://kozmetik.avon.com.tr/" hreflang="tr-TR" />
                <link rel="alternate" href="https://kozmetik.avon.com.tr/" hreflang="tr-TR" />
                <link rel="alternate" href="https://my.avon.ua/" hreflang="uk-UA" />
                <link rel="alternate" href="https://my.avon.ua/" hreflang="uk-UA" />
                <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" />
                <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" />
                <link rel="alternate" href="https://www.avon.com/" hreflang="en-US" />
                <link rel="alternate" href="https://www.avon.com/" hreflang="en-US" />
                <link rel="alternate" href="https://my.avon.co.za/" hreflang="en-ZA" />
                <link rel="alternate" href="https://my.avon.co.za/" hreflang="en-ZA" />
                <link rel="alternate" href="https://www.avon.com/es/" hreflang="es-US" />
                <link rel="alternate" href="https://www.avon.com/es/" hreflang="es-US" />
                <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" />
                <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" />
        <meta name="robots" content="noindex" />


    
    


<script type="text/javascript">
                window.DY = window.DY || {};
                    DY.recommendationContext = { type: "HOMEPAGE" };

</script>


        <link rel="preconnect" href="//cdn-eu.dynamicyield.com">
    <link rel="preconnect" href="//st-eu.dynamicyield.com">
    <link rel="preconnect" href="//rcom-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//st-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com">
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9877940/api_dynamic.js"></script>
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9877940/api_static.js"></script>


    


        <script>
            window.dataLayer = window.dataLayer || [];
        </script>

    

    
    <meta name="p:domain_verify" content=5d1e928f15a4d90797ccb4069c3923dc>

    
    <link rel="canonical" href="https://www.shopwithmyrep.co.uk" />


        <!-- intersection observer polyfill -->
        <script async defer src="/Scripts/LazyLoad/Lazyload.min.js"></script>

    <link href="/bundles/BaseCoreVIcss?v=R49Oy8adlLbJRKInOevOyuGD4_vMBG4Xj7mTEm1iwyw1" media="nope!" onload="this.onload=null;this.media=&#39;all&#39;" rel="stylesheet"></link>

<link href="/bundles/CoreVIcss?v=rEVmOeiw6lAgR_Z79RyhBafbk3Vz_N8ri7FaB3-OGS41" media="nope!" onload="this.onload=null;this.media=&#39;all&#39;" rel="stylesheet"></link>

<link href="/bundles/externalcss?v=Yx7NIdJ-OKznq7QQ9r-uzfcu_uDLQgPGRT1T5RjmX401" media="nope!" onload="this.onload=null;this.media=&#39;all&#39;" rel="stylesheet"></link>




        <script src="/Scripts/Core/jquery-temporary-fallback.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer data-ot-ignore></script>
<script type="text/javascript" src="/bundles/TopJs?v=9B9H42bvCOH98e1XXTlIh1fYUjgUqCNyRWGfHqHR0J81" data-ot-ignore></script>
    <script src="/Scripts/External/RecommendationEngine/resxclsx.js" type="text/javascript" defer></script>

<script>
LUX=(function(){var a=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMarks)?LUX.gaMarks:[]);var d=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMeasures)?LUX.gaMeasures:[]);var j="LUX_start";var k=window.performance;var l=("undefined"!==typeof(LUX)&&LUX.ns?LUX.ns:(Date.now?Date.now():+(new Date())));if(k&&k.timing&&k.timing.navigationStart){l=k.timing.navigationStart}function f(){if(k&&k.now){return k.now()}var o=Date.now?Date.now():+(new Date());return o-l}function b(n){if(k){if(k.mark){return k.mark(n)}else{if(k.webkitMark){return k.webkitMark(n)}}}a.push({name:n,entryType:"mark",startTime:f(),duration:0});return}function m(p,t,n){if("undefined"===typeof(t)&&h(j)){t=j}if(k){if(k.measure){if(t){if(n){return k.measure(p,t,n)}else{return k.measure(p,t)}}else{return k.measure(p)}}else{if(k.webkitMeasure){return k.webkitMeasure(p,t,n)}}}var r=0,o=f();if(t){var s=h(t);if(s){r=s.startTime}else{if(k&&k.timing&&k.timing[t]){r=k.timing[t]-k.timing.navigationStart}else{return}}}if(n){var q=h(n);if(q){o=q.startTime}else{if(k&&k.timing&&k.timing[n]){o=k.timing[n]-k.timing.navigationStart}else{return}}}d.push({name:p,entryType:"measure",startTime:r,duration:(o-r)});return}function h(n){return c(n,g())}function c(p,o){for(i=o.length-1;i>=0;i--){var n=o[i];if(p===n.name){return n}}return undefined}function g(){if(k){if(k.getEntriesByType){return k.getEntriesByType("mark")}else{if(k.webkitGetEntriesByType){return k.webkitGetEntriesByType("mark")}}}return a}return{mark:b,measure:m,gaMarks:a,gaMeasures:d}})();LUX.ns=(Date.now?Date.now():+(new Date()));LUX.ac=[];LUX.cmd=function(a){LUX.ac.push(a)};LUX.init=function(){LUX.cmd(["init"])};LUX.send=function(){LUX.cmd(["send"])};LUX.addData=function(a,b){LUX.cmd(["addData",a,b])};LUX_ae=[];window.addEventListener("error",function(a){LUX_ae.push(a)});LUX_al=[];if("function"===typeof(PerformanceObserver)&&"function"===typeof(PerformanceLongTaskTiming)){var LongTaskObserver=new PerformanceObserver(function(c){var b=c.getEntries();for(var a=0;a<b.length;a++){var d=b[a];LUX_al.push(d)}});try{LongTaskObserver.observe({type:["longtask"]})}catch(e){}};
</script>

<script src="https://cdn.speedcurve.com/js/lux.js?id=131252434" type="text/javascript" async defer crossorigin="anonymous"></script>
    

    <script src="/Scripts/External/Hammer/hammer.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-animate.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-cookies.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-messages.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-sanitize.min.js" defer data-ot-ignore></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-touch.min.js" defer data-ot-ignore></script>
    <script src="/Scripts/External/Angular/1.4.2/angular-hammer.min.js" defer data-ot-ignore></script>
<script type="text/javascript" src="/Scripts/External/Angular/i18n/angular-locale_en-GB.js" defer data-ot-ignore></script>
<script type="text/javascript" src="/bundles/externaljs?v=N6k5Av9-mUoieSmhQzTpz9EoNrYwOGosSpDx_Whr4bQ1" defer data-ot-ignore></script>
<script type="text/javascript" src="/bundles/corejs?v=2ALGRYwMkMHetTtedoQX7ZCM29JyDmTtPW4xqIjhAxI1" defer data-ot-ignore></script>

    

<script type="text/javascript">
    // Gi3/MAB login in a new tab/window
    document.addEventListener("DOMContentLoaded", (event) => {
        // True if miniplayer is active
        if (top !== self) {

            let loginButton = document.getElementById("Gi3OrMabRepLoginLink");

            // _top will kill the miniplayer on the same page, 
            // but _blank will open the page in new tab
            loginButton.setAttribute("target", "_blank");
        };
    });

    window.onBambuserLiveShoppingReady = (player) => {
        player.configure({
            currency: "GBP",
            locale: "en-GB",
            minimizedPosition: player.MINIMIZED_POSITION.BOTTOM_RIGHT,
            buttons: {
                dismiss: player.BUTTON.MINIMIZE,
                product: player.BUTTON.MINIMIZE,
                checkout: player.BUTTON.MINIMIZE,
            },
            allowSoundControl: false,
            disableChatInput: false,
            experimental: { hasAcceptedTerms: true, },
            minimizedPosition: player.MINIMIZED_POSITION.BOTTOM_RIGHT,
            trimPriceTrailingZeros: true,
            shareBaseUrl: null,
            ui: {
                hideProductView: false,
                hideCartButton: false,
                hideCartView: false,
                hideChatOverlay: false,
                hideProductList: false,
                hideAddToCalendar: false,
                hideShareButton: false,
                hideShareView: false,
                showShareButtonInMobileActionBar: false,
            },
        });
    }
</script>
<script src="https://cdn.liveshopping.bambuser.com/metrics/bambuser.min.js"></script></head>

<body ng-controller="RootController"
      ng-cloak
      class="device-type Area_Root Controller_Content Action_Home Country_GB Lang_en"
      ng-class="{Layout_Desktop:Layout.IsDesktop,Layout_Tablet:Layout.IsTablet,Layout_Phone:Layout.IsPhone,SessionReady:Session.Ready,ModalVisible:UI.ModalStack.length,HeaderMenuExpanded:UI.HeaderMenuExpanded,HeaderMenuReady:UI.HeaderMenuReady}">

    <svg-spritesheet url='/Styles/Core/Icons/Spritesheet.svg'></svg-spritesheet>

    
        <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M32DVW3" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->



    

        
        <meta name="fragment" content="!">
        <style type="text/css">
            [ng-cloak],
            [x-ng-cloak],
            .ng-cloak,
            .x-ng-cloak,
            .ng-hide:not(.ng-hide-animate) {
                display: none !important;
            }
        </style>



<div id="Notification" ng-controller="NotificationController">
    <div class="CookieSection" ng-show="ShowCookiePolicy">
        <a class="CookieInfo" href="/confidentiality" target="_blank"><strong><span><div align="center">About Cookies:</div></span></strong>&nbsp;<span><div align="center" style="padding-bottom:10px; font-family:Arial, sans-serif; font-size:13px;">We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. All data is processed in accordance with our privacy notice which includes our Cookie Policy. If you do not consent to our use of cookies, then you can block the use of certain cookies by using your browser settings, as described here.<br></div>
<style type="text/css">
#Notification .CookieSection {margin:0 auto !important; font-style:normal !important; font-weight:normal !important;}
</style></span></a>
        <a ng-click="DismissClick()" class="Button"><span>&nbsp;&nbsp;Got it&nbsp;&nbsp;</span></a>
    </div>
</div>

    <link href="/bundles/LegalInfoVICss?v=AaPxRXpGXrt_eUWpy69tsg7klOg4lM3_IbxYFymREXY1" rel="stylesheet"/>




<script type="text/ng-template" id="legalInfo.html">
    <div id="legalInfoContainer" class="{{layout}}">
        <div class="firstItem" ng-if="showUnitPriceInfo && !!unit">
            {{unit}}
            <span ng-if="!!measureUnit && !!price">
                ({{price | currency: Locale.NUMBER_FORMATS.CURRENCY_SYM : 2}} / {{measureUnit}})
            </span>
        </div>
        <div class="secondItem" ng-if="showVatInfo">Inc. VAT.</div>
        <div class="wrapper" ng-if="showShippingInfo">
            <div class="firstItem">Excludes delivery.</div>
            <div class="secondItem icon" ng-if="!hideIcon" ng-mousedown="$event.preventDefault();">
                <svg-icon id="legalInfoIcon" icon="info-current-invert" class="info" ng-click="ShowTooltip($event)" style="vertical-align: text-bottom;"></svg-icon>
                <div class="TooltipBelow" ng-class="{ Active: isTooltipVisible }" ng-mousedown="$event.preventDefault();" ng-click="$event.stopPropagation();">
                    <div class="TooltipContent">
                        <div class="closeContainer">
                            <svg-icon id="legalCloseIcon" icon="ebrochure_close" class="closeIcon" ng-click="HideTooltip($event)"></svg-icon>
                        </div>
                        <div>
                            Free delivery on orders over £25. Standard delivery £3.50.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="priceDisclaimerItem" ng-if="showPriceDisclaimer && priceDisclaimer">
            <span>*{{priceDisclaimer}}</span>
        </div>
    </div>
</script>


    <div id="HeaderPlaceholder">
<ng-include src="'/Layout/Header?layout=' + Layout.Name" ng-if='Layout.Name' onload='PartialViewLoaded()'  ></ng-include></div>


        <div id="BreadcrumbBar"
         ng-class="{Empty: ShopContext.Breadcrumbs.length == 0}">
        <div id="Breadcrumbs" ng-if="ShopContext.Breadcrumbs">
            <div ng-repeat="breadcrumb in ShopContext.Breadcrumbs" ng-if="breadcrumb.Text">
                <a class="vi-breadrucmb-link" ng-if="::breadcrumb.Url" ng-href="{{::breadcrumb.Url}}"><span>{{::breadcrumb.Text}}</span></a>
                <a class="vi-breadcrumb-text" ng-if="::!breadcrumb.Url"><span>{{::breadcrumb.Text}}</span></a>
            </div>
        </div>

        
        <track type="breadcrumbs" data="{{::GetBreadcrumbsCombined()}}" />
    </div>


<div id="CartMessage" class="HideUntilSessionReady" ng-show="ShowCartMessage" ng-controller="CartMessageController">
    <div class="Message">
        <div class='MessageHeader'><div ng-click='DismissCartMessage()' class='ModalClose'><span><span>Close</span></span><svg-icon icon='close-sml'></svg-icon></div></div>
        <div class="MessageText" ng-if="Session.CartMessage === 1">
            <span></span>
        </div>
        <div class="MessageText" ng-if="Session.CartMessage === 2">
            <span>You have changed campaigns. This means your shopping bag has been updated to match the new campaign to are shopping in. You may see prices have been updated, or products not available deleted from shopping bag</span>
        </div>
    </div>
</div>    
    <div id="MainContentWrapper" ng-controller="GlobalProductController">
        <main data-hasleftnav='False'
              data-hasrightnav='False'
              ng-class="{HasLeftNav:UI.HasLeftNav,HasRightNav:UI.HasRightNav}">
            <aside id="LeftNav"></aside>
            


<article id="Home">
    <div>


<div class="Umbraco  umbraco- umbraco-home"
     ng-controller="ContentController">

    

    <div></div>

    
    <div class="BodyModuleContainers ">
                        <div id="desktop" class="ContentAnchor"></div>
                <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":true,"Tablet":true,"Phone":false})'>

<div id="GenericModuleModel_8bca61d6-f963-4481-9c3d-eede4f170e97"
     class="ContentModule  "
     style=""
     data-modproperty="/gb/shop/en/campaigns/202505/home/home/master/desktop/"
     
     data-moduletype="GenericModule"
     data-modulename="Desktop">

    <div class="RotatedCaret45"></div>
        <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                <style type="text/css"> css-custom-block #container-delivery {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  min-height: 60px;
}
css-custom-block #christmas-delivery {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  height: auto;
  min-height: 50px;
}
css-custom-block .text {
  color: black;
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  padding: 30px 0px 0px 0px;
}
css-custom-block .main-button2 {
  color: white;
  background: black;
  padding: 13px 10px;
  width: 20%;
  border-radius: 2px;
  display: inline-block;
  margin: 10px auto 0px;
  font-family: 'Montserrat';
  font-weight: bold;
  transition: all 0.4s ease 0s;
}
css-custom-block #mainlink:hover .main-button {
  color: white !important;
  background: #535353;
  transition: all 0.4s ease 0s;
}
css-custom-block #mainlink:hover .example_c,
css-custom-block .example_c:hover {
  color: white !important;
  background: #e5004b;
  border-color: #e5004b !important;
  transition: all 0.4s ease 0s;
}
css-custom-block #mainlink:hover .main-button2 {
  color: black !important;
  background: #aec5e7;
  transition: all 0.4s ease 0s;
  border: 1px solid #aec5e7;
}
</style>
        <style type="text/css"> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
css-custom-block h1,
css-custom-block h2,
css-custom-block h3,
css-custom-block h1 span,
css-custom-block h2 span,
css-custom-block h3 span,
css-custom-block p,
css-custom-block p span,
css-custom-block p a {
  font-family: 'Montserrat';
}
css-custom-block .lbl {
  font-family: 'Montserrat';
  color: #1b1b1b;
}
css-custom-block .pink {
  font-family: 'Montserrat';
  color: #ec008c;
}
css-custom-block .tiles {
  font-family: 'Montserrat';
  color: #1b1b1b;
  line-height: 1.2;
  width: 23%;
}
css-custom-block #container {
  width: 100%;
  max-width: 960px;
  height: 469px;
  background: white;
  margin: 0 auto;
}
css-custom-block #lucky {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  height: 389px;
  background: black;
  background-image: url("/mediaMarket-uk/10075/bme-full-width-swmr_unq_1e46a69b09e04f0c92dece611a66b3ba.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: auto;
}
css-custom-block #christmass {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  height: 475px;
  background: black;
  background-image: url("/mediaMarket-uk/9711/1-full-width-hp-xmas_unq_9bade2ccfa63430eba45f2a791a17b9a.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: auto;
}
css-custom-block a.fill-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
css-custom-block .main-button {
  color: white;
  text-transform: uppercase;
  background: black;
  padding: 13px 10px;
  width: 30%;
  border-radius: 2px;
  display: inline-block;
  margin: 10px auto 0px;
  font-family: 'Montserrat';
  font-weight: bold;
  transition: all 0.4s ease 0s;
}
css-custom-block .tile-button {
  color: white;
  background: black;
  padding: 1px 0px 13px 10px;
  display: inline-block;
  width: 150px;
  max-width: 150px;
  border-radius: 2px;
  font-family: 'Montserrat';
  font-weight: bold;
}
css-custom-block #mainlink:hover .main-button {
  color: white !important;
  background: #7f28c4;
  transition: all 0.4s ease 0s;
}
css-custom-block #mainlink:hover .tile-button .example_c,
css-custom-block .example_c:hover {
  color: white !important;
  background: #7f28c4;
  border-color: #7f28c4 !important;
  transition: all 0.4s ease 0s;
}
css-custom-block #mainlink:hover .main-button2 {
  color: black !important;
  background: #aec5e7;
  transition: all 0.4s ease 0s;
  border: 1px solid #aec5e7;
}
</style>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                        <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><div class="heroGrid"><a href="/773/bestsellers"><img src="/mediaMarket-uk/12236/new-dac-15-off_unq_133d6ce427a642fc9fc2d4a56098b89f.jpg" alt="15% OFF EVERYTHING"> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">15% OFF EVERYTHING<br> <span style="color: #000;">Use code: PAYDAY15</span></span></span></a> <a href="/304-920/fragrance/womens-perfume"><img src="/mediaMarket-uk/12234/perfect_nonsense_unq_3ca2a134e4d748258847c04bb35b95bd.jpg" alt="NEW:PERFECT NONSENSE Get 20% off for a limited time only."> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">NEW: PERFECT NONSENSE<br> <span style="color: #000;">Get 20% off for a limited time only.</span></span></span></a> <a href="/306-354/bath-body/skin-so-soft"><img src="/mediaMarket-uk/12235/skin-so-soft-3_unq_d240beb4f119491a954bed1a5993196c.jpg" alt="HOLIDAY ICON: SKIN SO SOFT | 3 for £13.50 | Save £3"> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">HOLIDAY ICON: SKIN SO SOFT<br> <span style="color: #000;">3 for £13.50 | Save £3</span></span></span></a> <a href="/302-338/skincare/anew"> <img src="/mediaMarket-uk/12232/anew-skincare-trios_unq_949f4a9f724744ab96edaeb958915d29.jpg" alt="ANEW CREAMS &amp; POWER SERUM SETS | Save 40% on Protinol™-powered skincare"> <span class="heroGrid__text"><span class="highlight"> <span style="color: #e5004b;">ANEW CREAMS &amp; POWER SERUM SETS<br><span style="color: #000;">Save 40% on Protinol™-powered skincares</span></span></span></span></a></div>
                    </div>
                </css-custom-block>
        <style type="text/css"> css-custom-block .heroGrid {
  padding-top: 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  text-align: center;
}
css-custom-block .heroGrid img {
  width: 100%;
}
css-custom-block .heroGrid__text {
  display: inline-block;
  margin: 0.5rem 0;
  color: #212121;
  font-size: 14px;
  padding: 0 4px;
}
css-custom-block .heroGrid a {
  background-color: #f2f2f2;
  text-decoration: none !important;
}
css-custom-block .heroGrid a:hover {
  font-weight: 500;
}
css-custom-block .heroGrid .highlight {
  color: #e5004b;
}
@media (max-width: 662px) {
  css-custom-block .heroGrid {
    display: none;
  }
}
</style>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                        <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><div class="gifting__typefilters">
<div class="gifting__typefilter-block">
<div class="gifting__typefilters-wrapper">
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/301/make-up"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/Ultra-Lip-Paint.png" alt="Make-up"></a></div>
<div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/304/fragrance"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/3_7418b7bc-06d1-496a-9ee6-885151badc1a.jpg" alt="Fragrance"></a></div>
<div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/302/skincare"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/AnewRestage-1x1-ProductPages_1234004-6_2.jpg" alt="Skincare"></a></div>
<div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/306/bath-body/"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/SHOWERGELS.jpg" alt="Bath and Body"></a></div>
<div class="gifting__typefilter-text"><a href="/306/bath-body/">Bath and Body</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/special-offers"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/Quicklinks-Offers.png?v=1706536643" alt="Offers"></a></div>
<div class="gifting__typefilter-text"><a href="/special-offers">Offers</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/773/bestsellers"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/2_b8de6f88-51f6-4e4d-8b93-55c3dbf01524.jpg" alt="Bestsellers"></a></div>
<div class="gifting__typefilter-text"><a href="/773/bestsellers">Bestsellers</a></div>
</div>
</div>
</div>
</div>
                    </div>
                </css-custom-block>
        <style type="text/css"> css-custom-block .gifting__hide {
  display: none;
}
css-custom-block .gifting__pricesfilter {
  margin-top: 14px;
  padding-bottom: 24px;
  border-bottom: 1px dotted #999999;
}
css-custom-block .gifting__pricefilter-image {
  display: flex;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting-1 #CategoryTools {
    display: none;
  }
  css-custom-block .gifting-1 #CategoryPage .ProductListModule {
    margin-top: 0;
  }
  css-custom-block .gifting__pricesfilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 24px;
  }
  css-custom-block .gifting__pricesfilter > div {
    width: calc(40%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 15px 24px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
  }
}
css-custom-block .gifting__pricesfilter .gifting__pricefilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #212121;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
}
css-custom-block .gifting__pricesfilter .gifting__pricefilter .val {
  font-weight: 700;
}
css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) {
    margin-bottom: 0;
  }
}
css-custom-block .gifting__typefilters {
  width: 100% !important;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters {
    margin-left: 0;
  }
}
css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter {
    display: none;
  }
}
css-custom-block .gifting__typefilters + .gifting__pricesfilter {
  display: none;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters + .gifting__pricesfilter {
    display: flex;
  }
}
css-custom-block .gifting__typefilters img {
  width: 100%;
  height: auto;
}
css-custom-block .gifting__typefilters .filter-banner {
  width: 100%;
  height: 140px;
  padding: 22px 24px;
  color: white;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
css-custom-block .gifting__typefilters .filter-banner .headline {
  width: 100%;
  max-width: 350px;
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner .headline {
    text-align: center;
    font-size: 21px;
    line-height: 24px;
  }
}
css-custom-block .gifting__typefilters .filter-banner .subheadline {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner .subheadline {
    width: 100%;
    max-width: 260px;
    text-align: center;
  }
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  margin-top: 25px;
  /* padding-bottom: 16px; */
  overflow-x: auto;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter {
  display: block;
  text-align: center;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-image {
  display: flex;
  width: 84px;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-text {
  width: 100%;
  min-height: 32px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
</style>
                <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><!--<div class="gifting__typefilters">
<div class="gifting__typefilter-block">
<div class="gifting__typefilters-wrapper">
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"></div>
<div class="gifting__typefilter-image"><a href="/1319/christmas-shop"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-ViewAll_Still.png?v=1727970168" alt="All Gifts" /></a></div>
<div class="gifting__typefilter-text"><a href="/1319/christmas-shop">Christmas</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/1319-1320-1324/christmas-shop/shop-by-recipient/for-her"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Her_Still.png?v=1727970168" alt="Gifts for Her" /></a></div>
<div class="gifting__typefilter-text"><a href="/1319-1320-1324/christmas-shop/shop-by-recipient/for-her">Gifts for Her</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/1319-1320-1323/christmas-shop/shop-by-recipient/for-him"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Him_Still.png?v=1727970168" alt="Gifts for Him" /></a></div>
<div class="gifting__typefilter-text"><a href="/1319-1320-1323/christmas-shop/shop-by-recipient/for-him">Gifts for Him</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/1319-1320-1325/christmas-shop/shop-by-recipient/for-kids"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Kid_Still.png?v=1727970168" alt="Gifts for Kids" /></a></div>
<div class="gifting__typefilter-text"><a href="/1319-1320-1325/christmas-shop/shop-by-recipient/for-kids">Gifts for Kids</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/301/make-up"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-MakeUp_Still_png.jpg?v=1729094636" alt="Make-up" /></a></div>
<div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/304/fragrance"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Fragrance_Still_png.png?v=1727970168" alt="Fragrance" /></a></div>
<div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/302/skincare"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Skincare_Still.png?v=1727970169" alt="Skincare" /></a></div>
<div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div>
</div>
</div>
</div>
</div>-->
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                <style type="text/css"> css-custom-block .topOffers {
  background-color: #f2f2f2;
  width: 100%;
  padding-top: 22px;
  margin-top: 8px;
}
css-custom-block .topOffers h3 {
  text-align: center;
  color: black !important;
}
css-custom-block .topOffers__container {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 22px;
  padding: 22px;
}
css-custom-block .topOffers__tile {
  background: white;
  border-left: 3px solid #e5004b;
  padding: 12px 26px 12px 18px;
  position: relative;
  text-decoration: none !important;
  color: inherit;
}
css-custom-block .topOffers__tile span {
  color: #5c4b61;
  font-size: 14px;
  font-weight: 500;
}
css-custom-block .topOffers__tile .highlighted {
  display: block;
  margin: 0;
  color: #e5004b;
  font-weight: 600;
}
css-custom-block .topOffers__tile svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
css-custom-block .topOffers__tile:hover path {
  stroke: #e5004b;
}
@media (max-width: 662px) {
  css-custom-block .topOffers__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 425px) {
  css-custom-block .topOffers__container {
    grid-template-columns: auto;
  }
}
</style>
                <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><div style="background-color: #f2f2f2;">
<div class="topOffers">
<h3>Top Offers</h3>
<div class="topOffers__container"><a href="/304-560/fragrance/far-away" class="topOffers__tile"><span> <span class="highlighted">2 FOR £22 | SAVE £12</span>Far Away</span></a> <a href="/306-1305/bath-body/sun-care" class="topOffers__tile"><span> <span class="highlighted">2 FOR £12 ON SELECTED ITEMS</span>Suncare</span></a> <a href="/302-849/skincare/vitamin-c" class="topOffers__tile"><span> <span class="highlighted">GET UP TO 30% OFF</span>Anew Radiance Maximising Collection</span></a> <a href="/product/24700/power-stay-8-days-gel-nail-enamel" class="topOffers__tile"><span> <span class="highlighted">2 FOR £9 | SAVE 30%</span>Power Stay Gel Nail</span></a> <a href="/product/18561/aromatherapy-pillow-mist" class="topOffers__tile"><span><span class="highlighted">2 for £8.50 | SAVE 29%</span>Planet Spa Sleep Pillow Mist</span></a> <a href="/product/22954/anew-platinum-lift-tighten-dual-eye-system" class="topOffers__tile"><span><span class="highlighted">JUST £11 | SAVE £3</span>Anew Platinum Lift &amp; Tighten Dual Eye System</span></a></div>
</div>
</div>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
            <div id="productRecommendations" class="dy-placeholder"></div>

    </div>

                </div>

    </div>

</div>

                </div>
                <div id="mobile" class="ContentAnchor"></div>
                <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":false,"Tablet":false,"Phone":true})'>

<div id="GenericModuleModel_0aaa2ca8-8a42-45e7-8d57-2bfdea8ddcb6"
     class="ContentModule  "
     style=""
     data-modproperty="/gb/shop/en/campaigns/202505/home/home/master/mobile/"
     
     data-moduletype="GenericModule"
     data-modulename="Mobile">

    <div class="RotatedCaret45"></div>
        <div class="ContentRow Columns_0 NotPadded MarginSeparation_None">
        
                <div class="StackContainer ColCss">
                        <div class="ContentStack" style="">
                <style type="text/css"> css-custom-block .meta-description {
  color: black;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  margin-top: 8px !important;
  text-align: center;
}
css-custom-block .trend-now__holder .clearfix {
  width: 100%;
  display: block;
  clear: both;
}
css-custom-block .trend-now__holder-row {
  width: 100%;
  display: block;
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}
css-custom-block .trend-now__holder-row h3 {
  font-weight: bold !important;
  margin-bottom: 25px !important;
}
@media (max-width: 550px) {
  css-custom-block .trend-now__holder-row {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
css-custom-block .trend-now__holder-col {
  width: 49%;
  display: inline-block;
}
@media (max-width: 860px) {
  css-custom-block .trend-now__holder-col {
    width: 100%;
  }
}
css-custom-block .trend-now__holder .col--left {
  float: left;
}
@media (max-width: 550px) {
  css-custom-block .trend-now__holder .col--left {
    float: none;
  }
}
css-custom-block .trend-now__holder .col--right {
  float: right;
}
@media (max-width: 550px) {
  css-custom-block .trend-now__holder .col--right {
    float: none;
  }
}
@media (max-width: 415px) {
  css-custom-block .trend-now__product {
    min-height: auto !important;
  }
}
css-custom-block .trend-now__product {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  min-height: 224px;
  margin-bottom: 5px;
  border: 0px #eeeeee solid;
  padding: 0px;
}
css-custom-block .trend-now__product img {
  display: block;
  margin: 0 auto;
  width: 90%;
}
css-custom-block .trend-now__product img {
  display: block !important;
  padding-bottom: 9px !important;
}
css-custom-block .trend-now__holder-row a,
css-custom-block .trend-now__holder-row a:link,
css-custom-block .trend-now__holder-row a:visited {
  font-size: 18px !important;
  color: black;
  text-decoration: none;
  font-weight: bold !important;
  padding-bottom: 15px;
  display: block !important;
}
css-custom-block .trend-now__holder-row a:hover {
  text-decoration: underline;
}
@media (max-width: 550px) {
  css-custom-block .trend-now__product span {
    display: block !important;
  }
  css-custom-block .trend-now__holder-row a,
  css-custom-block .trend-now__holder-row a:link,
  css-custom-block .trend-now__holder-row a:visited {
    font-size: 16px !important;
    line-height: 1.2;
  }
  css-custom-block .trend-now__holder-row h3 {
    margin-bottom: 15px !important;
  }
}
</style>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                    <a href="/301/make-up" target="_self" style="" class="ImageButton">
                        <div style="text-align:left;">
                    <div class="ImageWrapper">
            <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div>
            <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12233/new-dac-15-off_unq_e2fea1c4fd3c4f95947375250fa29e71.jpg" lazy-load class="" alt="15% OFF EVERYTHING. USE CODE: PAYDAY15" />
        </div>

        </div>

            </a>
                <css-custom-block>
                    <div class="" style="">
                        <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/773/bestsellers"><span style="font-size: 15pt; ;font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">15% OFF EVERYTHING</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br><strong>Use code: PAYDAY15</strong></span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                    <a href="/304-920/fragrance/womens-perfume" target="_self" style="" class="ImageButton">
                        <div style="text-align:left;">
                    <div class="ImageWrapper">
            <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div>
            <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12234/perfect_nonsense_unq_3ca2a134e4d748258847c04bb35b95bd.jpg" lazy-load class="" alt="NEW: PERFECT NONSENSE | Get 20% off for a limited time only." />
        </div>

        </div>

            </a>
                <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><p style="background-color: #000000; padding: 0.3rem; line-height: normal; height: 9rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif; color: #ffffff;"> <a href="/304-920/fragrance/womens-perfume"><span style="font-size: 15pt; font-weight: 600; color: #ffffff;">NEW: PERFECT NONSENSE  </span> <span style="font-size: 11pt; font-weight: 400; color: #ffffff;"><br> Get 20% off for a limited time only.</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; color: #000000; font-weight: 300; background-color: #ffffff; padding: 1.5rem 3.5rem; margin-top: 0.5rem; display: block;">Shop Now</span></span></a><br></span></p>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                    <a href="/306-354/bath-body/skin-so-soft" target="_self" style="" class="ImageButton">
                        <div style="text-align:left;">
                    <div class="ImageWrapper">
            <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div>
            <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12235/skin-so-soft-3_unq_d240beb4f119491a954bed1a5993196c.jpg" lazy-load class="" alt="HOLIDAY ICON: SKIN SO SOFT | 3 for £13.50 | Save £3 " />
        </div>

        </div>

            </a>
                <css-custom-block>
                    <div class="" style="">
                        <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/306-354/bath-body/skin-so-soft"><span style="font-size: 15pt; font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">HOLIDAY ICON: SKIN SO SOFT</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br> 3 for £13.50 | Save £3</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                        <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><div class="gifting__typefilters">
<div class="gifting__typefilter-block">
<div class="gifting__typefilters-wrapper">
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/301/make-up"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/Ultra-Lip-Paint.png" alt="Make-up"></a></div>
<div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/304/fragrance"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/3_7418b7bc-06d1-496a-9ee6-885151badc1a.jpg" alt="Fragrance"></a></div>
<div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/302/skincare"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/AnewRestage-1x1-ProductPages_1234004-6_2.jpg" alt="Skincare"></a></div>
<div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/306/bath-body/"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/SHOWERGELS.jpg" alt="Bath and Body"></a></div>
<div class="gifting__typefilter-text"><a href="/306/bath-body/">Bath and Body</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/special-offers"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/Quicklinks-Offers.png?v=1706536643" alt="Offers"></a></div>
<div class="gifting__typefilter-text"><a href="/special-offers">Offers</a></div>
</div>
<div class="gifting__typefilter">
<div class="gifting__typefilter-image"><a href="/773/bestsellers"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/2_b8de6f88-51f6-4e4d-8b93-55c3dbf01524.jpg" alt="Bestsellers"></a></div>
<div class="gifting__typefilter-text"><a href="/773/bestsellers">Bestsellers</a></div>
</div>
</div>
</div>
</div>
                    </div>
                </css-custom-block>
        <style type="text/css"> css-custom-block .gifting__hide {
  display: none;
}
css-custom-block .gifting__pricesfilter {
  margin-top: 14px;
  padding-bottom: 24px;
  border-bottom: 1px dotted #999999;
}
css-custom-block .gifting__pricefilter-image {
  display: flex;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting-1 #CategoryTools {
    display: none;
  }
  css-custom-block .gifting-1 #CategoryPage .ProductListModule {
    margin-top: 0;
  }
  css-custom-block .gifting__pricesfilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 24px;
  }
  css-custom-block .gifting__pricesfilter > div {
    width: calc(40%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 15px 24px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
  }
}
css-custom-block .gifting__pricesfilter .gifting__pricefilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #212121;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
}
css-custom-block .gifting__pricesfilter .gifting__pricefilter .val {
  font-weight: 700;
}
css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) {
    margin-bottom: 0;
  }
}
css-custom-block .gifting__typefilters {
  width: 100% !important;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters {
    margin-left: 0;
  }
}
css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter {
    display: none;
  }
}
css-custom-block .gifting__typefilters + .gifting__pricesfilter {
  display: none;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters + .gifting__pricesfilter {
    display: flex;
  }
}
css-custom-block .gifting__typefilters img {
  width: 100%;
  height: auto;
}
css-custom-block .gifting__typefilters .filter-banner {
  width: 100%;
  height: 140px;
  padding: 22px 24px;
  color: white;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
css-custom-block .gifting__typefilters .filter-banner .headline {
  width: 100%;
  max-width: 350px;
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner .headline {
    text-align: center;
    font-size: 21px;
    line-height: 24px;
  }
}
css-custom-block .gifting__typefilters .filter-banner .subheadline {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  css-custom-block .gifting__typefilters .filter-banner .subheadline {
    width: 100%;
    max-width: 260px;
    text-align: center;
  }
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
  /* padding-bottom: 16px; */
  overflow-x: auto;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter {
  display: block;
  text-align: center;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-image {
  display: flex;
  width: 84px;
}
css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-text {
  width: 100%;
  min-height: 32px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
</style>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                <style type="text/css"> css-custom-block .topOffers {
  background-color: #f2f2f2;
  width: 100%;
  padding-top: 22px;
  margin-top: 8px;
}
css-custom-block .topOffers h3 {
  text-align: center;
  color: black !important;
}
css-custom-block .topOffers__container {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 22px;
  padding: 22px;
}
css-custom-block .topOffers__tile {
  background: white;
  border-left: 3px solid #e5004b;
  padding: 12px 26px 12px 18px;
  position: relative;
  text-decoration: none !important;
  color: inherit;
}
css-custom-block .topOffers__tile span {
  color: #5c4b61;
  font-size: 14px;
  font-weight: 500;
}
css-custom-block .topOffers__tile .highlighted {
  display: block;
  margin: 0;
  color: #e5004b;
  font-weight: 600;
}
css-custom-block .topOffers__tile svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
css-custom-block .topOffers__tile:hover path {
  stroke: #e5004b;
}
@media (max-width: 662px) {
  css-custom-block .topOffers__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 425px) {
  css-custom-block .topOffers__container {
    grid-template-columns: auto;
  }
}
</style>
                <css-custom-block>
                    <div class="" style="">
                        <!--rem units--><div style="background-color: #f2f2f2;">
<div class="topOffers">
<h3>Top Offers</h3>
<div class="topOffers__container"><a href="/304-560/fragrance/far-away" class="topOffers__tile"><span> <span class="highlighted">2 FOR £22 | SAVE £12</span>Far Away</span></a> <a href="/306-1305/bath-body/sun-care" class="topOffers__tile"><span> <span class="highlighted">2 FOR £12 ON SELECTED ITEMS</span>Suncare</span></a> <a href="/302-849/skincare/vitamin-c" class="topOffers__tile"><span> <span class="highlighted">GET UP TO 30% OFF</span>Anew Radiance Maximising Collection</span></a> <a href="/product/24700/power-stay-8-days-gel-nail-enamel" class="topOffers__tile"><span> <span class="highlighted">2 FOR £9 | SAVE 30%</span>Power Stay Gel Nail</span></a> <a href="/product/18561/aromatherapy-pillow-mist" class="topOffers__tile"><span><span class="highlighted">2 for £8.50 | SAVE 29%</span>Planet Spa Sleep Pillow Mist</span></a> <a href="/product/22954/anew-platinum-lift-tighten-dual-eye-system" class="topOffers__tile"><span><span class="highlighted">JUST £11 | SAVE £3</span>Anew Platinum Lift &amp; Tighten Dual Eye System</span></a></div>
</div>
</div>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
                    <a href="/302-338/skincare/anew" target="_self" style="" class="ImageButton">
                        <div style="text-align:left;">
                    <div class="ImageWrapper">
            <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div>
            <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12232/anew-skincare-trios_unq_949f4a9f724744ab96edaeb958915d29.jpg" lazy-load class="" alt="ANEW CREAMS & POWER SERUM SETS | Save 40% on Protinol™-powered skincare." />
        </div>

        </div>

            </a>
                <css-custom-block>
                    <div class="" style="">
                        <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/302-338/skincare/anew"><span style="font-size: 15pt; font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">ANEW CREAMS &amp; POWER SERUM SETS</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br>Save 40% on Protinol™-powered skincare.</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p>
                    </div>
                </css-custom-block>

    </div>

                </div>

    </div>
    <div class="ContentRow Columns_1 NotPadded MarginSeparation_None">
        
                <div class="StackContainer Col">
                        <div class="ContentStack" style="">
            <div id="productRecommendations" class="dy-placeholder"></div>

    </div>

                </div>

    </div>

</div>

                </div>
                <div id="find-your-representative" class="ContentAnchor"></div>
                <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":true,"Tablet":true,"Phone":true})'>



<div id="FindARepModel_ec9371aa-f924-4df0-971b-e3fb403a67e6"
     class="ContentModule FindARepModule  "
     style=""
     data-modproperty="/gb/shop/en/campaigns/202505/home/home/unattached/find-your-representative/"
     ng-controller="FindARepModuleController"
     
     data-moduletype="FindARepModule"
     data-modulename="Find your representative">

    <div ng-if="!Layout.IsPhone">
            <div class="InfoContainer" ng-class="{RepAttached: CustomerIsAttached}" ng-if="CustomerIsAttached">
        <div class="Image Representative" ng-if="CustomerIsAttached">
            <img class="" ng-src="{{Representative.ImageUrl}}" fallback-src="/styles/core/images/avatarfemale.svg" alt="Rep" />
        </div>
        <div class="TextContainer ">
            <div class="Header">
                <p ng-if="CustomerIsAttached"><span>Welcome to {{Representative.FirstName}}'s Shop…</span></p>
            </div>
            <div class="ColumnContainer">
                <div ng-if="Representative.DeliveryType != 3">
                    <div class="Column">
                        <div ng-if="Representative.DeliveryType != 3">
                            <div ng-if="CustomerIsAttached" class="Rating">
                                <div ng-if="Representative.ShowRepDeliveryDescription">
                                    <p class="Deliver">{{Representative.DeliveryDescription}}</p>
                                    <p ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></p>
                                </div>
                                <div ng-if="!Representative.ShowRepDeliveryDescription">
                                    <p class="Deliver"><span></span></p>
                                </div>
                                <div class="Ratings">
                                        <div class="RatingInfoArea" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0">
        <div id="HoverableRating">
            <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating>
            <div id="RatingHoverDetails">
                <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating>
                <p class="RatingTotalText">
                    <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span>&nbsp;<span>from {{Representative.RatingCount}} ratings</span>
                </p>
                <div class="DetailedRatings">
                    <div>
                        <rating value="{{Representative.OverallRatings.OverallHelpfulnessRating}}" data-icon="rating"></rating>
                        <p><span>Helpfulness</span></p>
                    </div>
                    <div>
                        <rating value="{{Representative.OverallRatings.OverallDeliveryTimescalesRating}}" data-icon="rating"></rating>
                        <p><span>Delivery timescales</span></p>
                    </div>
                    <div>
                        <rating value="{{Representative.OverallRatings.OverallCommunicationsRating}}" data-icon="rating"></rating>
                        <p><span>Communication</span></p>
                    </div>
                </div>
            </div>
        </div>
        <p class="RatingsTotal"><span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span>&nbsp;<span>from {{Representative.RatingCount}} ratings</span></p>
    </div>

                                </div>
                            </div>
                        </div>
                        <div ng-if="Representative.DeliveryType == 3">
                            <p>Find a representative</p>
                            <div class="Row">
                                <p>Find a representative</p>
                            </div>
                        </div>
                    </div>
                    <div class="Column">
                        <p>Find a representative</p>
                        <div class="Devices">
                            <div class="Brouchure">
                                <svg-icon icon='brouchure' ></svg-icon>
                            </div>
                            <div class="Desktop">
                                <svg-icon icon='device-desktop' ></svg-icon>
                            </div>
                            <div class="Tablet">
                                <svg-icon icon='device-tablet' ></svg-icon>
                            </div>
                            <div class="Phone">
                                <svg-icon icon='device-phone' ></svg-icon>
                            </div>
                        </div>
                    </div>
                    <div class="Column">
                        <p>Find a representative</p>
                        <div class="Row">
                            <div class="Girl">
                                <svg-icon icon='avatar-female2' ></svg-icon>
                            </div>
                            <p>Find your representative in your area</p>
                        </div>
                        <div class="Row">
                        </div>
                    </div>
                </div>
                    <div ng-if="Representative.DeliveryType == 3">
                        <async-block url="/block/home%2crac-switched-off%2cbanner/"></async-block>
                    </div>
            </div>
        </div>
    </div>

<div class="Footer" ng-if="!CustomerIsAttached">
    <div id="FindARepModuleFooterNoAttached" class='AdvancedSearchFormContainer'>
        <form id='FindByLocation' name='FindByLocation' class='AvonForm' avon-submit='FindRepSubmit("/representative/")'>
            <div class="FormField">
                <label for='SearchText'><span>Find your local Representative</span></label>
                <div class="InputWithIcon">
                    <input type="search" name="SearchText" id="SearchText" ng-model="FindARepModuleUI.AddressText" placeholder="Enter your postcode" data-cs-mask />
                    <a class="IconWrapper" submit-click="">
                        <svg-icon icon='search' ></svg-icon>
                    </a>
                </div>
            </div>
        </form>
    <div class="AlreadyKnow">
        <p><span>Already know your Representative?</span></p>
        
        <a href="/representative/?display=NameOrContact"><span>…search by contact details</span></a>
    </div>
</div>
</div>    
<div class="Footer" ng-if="CustomerIsAttached">
    <div class="RepInfo">
    <div class="Options">
        
        <div ng-click="ShowFooterModule('AboutMe')"><a><span>About me</span></a></div>
        <div ng-click="ShowFooterModule('MyDeliveries')" ng-if="Representative.DeliveryType != 3"><a><span>My deliveries</span></a></div>
        <div ng-click="ShowFooterModule('ContactMe')"><a><span>Contact me</span></a></div>
    </div>
    <div class="RepInfoContainer">
        <div class="RotatedCaret45" ng-class="FooterModuleSelected"></div>
        <div class="Hide" ng-click="HideRepInfoFooter()">
            <p><span>Hide</span></p>
            <div class="Icon">
                <svg-icon icon='arrow-up-sml' ></svg-icon>
            </div>
        </div>
        <div class="FooterModule AboutMe">
            <div class="Column1" ng-class="{SecondColumnVisible: !ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken}">
    <div class="Header">
        <div class="Name">
            <p>{{Representative.FullName}}</p>
        </div>
    </div>
    <div class="Description">
        <p ng-if="Representative.AboutMe">{{Representative.AboutMe}}</p>
        <p ng-if="!Representative.AboutMe">{{ShopContext.RepProfileSettings.AboutMeDefaultContent}}</p>
    </div>
</div>
<div class="Column2" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken">
    <div class="Languages">
        <p><span>Languages:</span></p>
        <p class="Greyed">{{Representative.LanguagesSpoken}}</p>
    </div>
</div>
        </div>
        <div class="FooterModule MyDeliveries" ng-if="Representative.DeliveryType != 3">
            <div class="Column1" ng-class="{SecondColumnVisible: !ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken}">
    <div class="Header">
        <p><span>My deliveries</span></p>
    </div>
    <div class="Description">
        <ul>
            <li>
                <div ng-if="Representative.ShowRepDeliveryDescription">
                    <p class="Deliver">
                        <span>{{Representative.DeliveryDescription}}</span>
                        <span ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></span>
                    </p>
                    <p class="DeliveryTime" ng-if="Representative.DeliveryTime">
                        {{Representative.DeliveryTime}}
                    </p>
                </div>
                <div ng-if="!Representative.ShowRepDeliveryDescription">
                    <p class="Deliver"><span></span></p>
                </div>
</li>
        </ul>
    </div>
</div>
<div class="Column2" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken">
    <div class="Languages">
        <p><span>Languages:</span></p>
        <p class="Greyed">{{Representative.LanguagesSpoken}}</p>
    </div>
</div>
        </div>
        <div class="FooterModule ContactMe">
            

<div class="Column1">
    
    
    

    <div ng-if="!MessageSent">
        <div class="Header" data-cs-mask>
            
            <p ng-if="Representative"><span>Send {{Representative.FirstName}} a message</span></p>
            <p ng-if="!Representative"><span>Send {{Session.Representative.FirstName}} a message</span></p>
        </div>
        <div class="Form FormField">
            <form id='SendAMessage' name='SendAMessage' class='AvonForm' avon-submit="SendMessage()">
                <div>
                        <div class="FormInput">
                            <input type="text" name="CustomerName" id="CustomerName" ng-model="Message.CustomerName" required placeholder="*Name" />
                            <div ng-messages='SendAMessage.CustomerName.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                            </div>
                        </div>
                        <div class="FormInput">
                            <input type="email" name="CustomerEmail" id="CustomerEmail" ng-model="Message.CustomerEmail" required placeholder="*Email address"
                                   ng-pattern='/^[A-Za-z0-9\\\\\\ \\\&quot;!#$%&amp;&#39;*+=?^_`{|}~-]+(?:\.[A-Za-z0-9\\\\\\ \\\&quot;!#$%&amp;&#39;*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$/' />
                            <div ng-messages='SendAMessage.CustomerEmail.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                                <span ng-show='SendAMessage.CustomerEmail.$error.pattern'><span>Please enter a valid email address.</span></span>
                            </div>
                        </div>
                        <div class="FormInput">
                            <input type="text" name="CustomerPhone" id="CustomerPhone" ng-model="Message.CustomerPhone" placeholder="Contact number"
                                   ng-pattern='/^[0-9]{1,13}$/' />
                            <div ng-messages='SendAMessage.CustomerPhone.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                <span ng-show='SendAMessage.CustomerPhone.$error.pattern'><span>Please enter a correct phone number.</span></span>
                            </div>
                        </div>
                        <div class="FormInput">
                                <textarea id="Message" name="Message" ng-model="Message.Message" required banned-words-validation placeholder="Enter your message here"></textarea>
                            <div ng-messages='SendAMessage.Message.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                                <span ng-message='bannedWordsError' ng-if='SendAMessage.$submitted'>{{BannedWordsErrorMessage}}</span>
                            </div>
                        </div>
                        <div class="FormField Checkbox">
                            <input type="checkbox" name="SendCopy" id="SendCopy" ng-model="Message.SendCopy" />
                            <label for='SendCopy'><span>Send a copy to my email address</span></label>
                        </div>
                        <div class="ButtonContainer">
                            <p><span>* Required field</span></p>
                            <a class="Button" ng-disabled=false ng-class="{Enabled: SendAMessage.$valid}" submit-click>
                                <span>Send message</span>
                            </a>
                            <a class="Button Alt ShowInFindARepSearch" ng-click="CancelClick()">
                                <span>Cancel</span>
                            </a>
                        </div>

                </div>
            </form>
        </div>
    </div>

    <div ng-if="MessageSent" class="MessageSent">
        <div ng-if="MessageSuccess">
            <div>
                <svg-icon icon='nav-tick' ></svg-icon>
                <span class="ContactMeConfirmationMessage" data-cs-mask>
                    <span>We have sent your message to</span>
                    
                    <span ng-if="Representative">{{Representative.FirstName}}</span>
                    <span ng-if="!Representative">{{Session.Representative.FirstName}}</span>
                </span>
            </div>
            <div ng-if="Message.SendCopy" class="CopySent" data-cs-mask>
                <p><span>We have sent a copy of this message to your email address</span></p>
                <a class="ButtonLink" ng-href="mailto:{{Message.CustomerEmail}}">
                    {{Message.CustomerEmail}}
                </a>
            </div>
            <div data-cs-mask>
                <p class="HideInFindARepSearch"><span>Your message:</span></p>
                <p class="Message">{{Message.Message}}</p>
            </div>
            <div class="ButtonContainer ShowInFindARepSearch">
                <a class="Button Alt" ng-click="ModalClose(); CloseModalClick()">
                    <span>Close</span>
                </a>
                <a class="Button" ng-click="ChooseRepresentative(Representative.Id, true)">
                    <span>Shop with Me</span>
                </a>
            </div>
        </div>
        <div class="SendMessgeFailed" ng-if="!MessageSuccess">
            <div>
                <span><svg-icon icon='circle-x' ></svg-icon></span>
                <span><span>You are sending messages too fast. Please wait a couple of seconds.</span></span>
                <span ng-click="Unsend()" class="SendMessgeFailedIcon"><svg-icon icon='close-sml' ></svg-icon></span>
            </div>
        </div>
    </div>
</div>


<div class="Column2">
    
    <div class="ShowInFindARepSearch ImageLogo" ng-if="Representative.Id" data-cs-mask>
        <img class="RepImage" ng-src="{{Url.GetRepPhotoUrl(Representative.Id)}}" title="{{Representative.FullName}}" alt="{{Representative.FullName}}" fallback-src="/styles/core/images/avatarfemale.svg" />
    </div>

    <div class="Header" data-cs-mask>
        
        <p class="HideInFindARepSearch" ng-if="!Representative.Id"><span>Contact {{Representative.FirstName}} directly</span></p>
        <p class="ShowInFindARepSearch" ng-if="Representative.FullName">{{Representative.FullName}}</p>
    </div>

    <div class="Email">
        <div class="Label">
            <span>Email:</span>
        </div>
        <a class="ButtonLink" ng-href="mailto:{{Representative.Email}}" data-cs-mask>
            {{Representative.Email}}
        </a>
    </div>
    <div class="Mobile" ng-if="Representative.Mobile">
        <div class="Label">
            <span>Phone:</span>
        </div>
        <p class="Greyed" data-cs-mask>{{Representative.Mobile}}</p>
    </div>
    <div class="Home" ng-if='Representative.Phone'>
        <div class="Label">
            <span>Home:</span>
        </div>
        <p class="Greyed" data-cs-mask>{{Representative.Phone}}</p>
    </div>
    
    <div class="Header BestTime" ng-if="Representative.ContactDetail || Representative.ContactDetails">
        <p><span>Best time to get in touch</span></p>
    </div>
    
    <div class="Description" ng-if="Representative.ContactDetail || Representative.ContactDetails">
        <p class="Greyed" ng-if="Representative.ContactDetail">{{Representative.ContactDetail}}</p>
        <p class="Greyed" ng-if="Representative.ContactDetails">{{Representative.ContactDetails}}</p>
    </div>
</div>
        </div>
    </div>
</div>
</div>

    </div>

        <div ng-if="Layout.IsPhone">
            


<div class="InfoContainer" ng-if="CustomerIsAttached">

    <div class="Header" data-cs-mask>
        <p><span>Welcome to {{Representative.FirstName}}'s Shop…</span></p>
    </div>
    <div class="RepInfo">
        <div class="Image Representative" data-cs-mask>
            <img ng-src="{{Representative.ImageUrl}}" fallback-src="/styles/core/images/avatarfemale.svg" alt="Rep" />
        </div>
        <div class="TextContainer">
            <div class="Name" data-cs-mask>
                <p>{{Representative.FullName}}</p>
            </div>
                <div class="Rating" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0 && Representative.DeliveryType != 3">
                    <div class="RatingInfoArea">
                        <div id="TapRating" ng-click="ModalShowId('Ratings')">
                            <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating>
                            <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span>&nbsp;<span>from {{Representative.RatingCount}} ratings</span>
                        </div>
                    </div>
                </div>
            <div ng-if="Representative.ShowRepDeliveryDescription && Representative.DeliveryType != 3" data-cs-mask>
                <p ng-if="Representative.DeliveryDescription" class="Deliver">{{Representative.DeliveryDescription}}</p>
                <p ng-if="!Representative.DeliveryDescription" class="Deliver">{{ShopContext.RepProfileSettings.DeliveryInformationDefaultContent}}</p>
                <div class="DeliveryDate" ng-if="Representative.DeliveryDate">
                    <p ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></p>
                </div>
            </div>
            <div ng-if="!Representative.ShowRepDeliveryDescription && Representative.DeliveryType != 3">
                <p class="Deliver"><span></span></p>
            </div>
                <div ng-if="Representative.DeliveryType == 3">
                    <async-block url="/block/home%2crac-switched-off%2cbanner/"></async-block>
                </div>
        </div>
    </div>
    <div class="Accordions">
        <ul id="DescriptionAccordian" accordion>
            <li class="AboutMeTab">
                <a><span>About me</span></a>
                <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a>
                <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a>
                <div>
                    <div class="Header">
                        <div class="Name" data-cs-mask>
                            <p>{{Representative.FullName}}</p>
                        </div>
                    </div>
                    <div class="Description" data-cs-mask>
                        <p ng-if="Representative.AboutMe">{{Representative.AboutMe}}</p>
                        <p ng-if="!Representative.AboutMe">{{ShopContext.RepProfileSettings.AboutMeDefaultContent}}</p>
                    </div>
                    <div class="Distance">
                        <p><span>Distance:</span></p>
                        <p class="Greyed">{{Representative.Distance}}</p>
                    </div>
                    <div class="Languages" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken">
                        <p><span>Languages:</span></p>
                        <p class="Greyed">{{Representative.LanguagesSpoken}}</p>
                    </div>
                </div>
            </li>
            <li class="MyDeliveriesTab" ng-if="Representative.DeliveryType != 3">
                <a><span>My deliveries</span></a>
                <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a>
                <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a>
                <div>
                    <div class="Description" data-cs-mask>
                        <ul>
                            <li><p class="Deliver">{{Representative.Deliveries}}</p></li>
                            <li ng-if="Representative.ShowRepDeliveryDescription">
                                <p class="Deliver">
                                    <span>{{Representative.DeliveryDescription}}</span>
                                    <span ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></span>
                                </p>
                                <p class="DeliveryTime" ng-if="Representative.DeliveryTime">{{Representative.DeliveryTime}}</p>
                            </li>
                            <li ng-if="!Representative.ShowRepDeliveryDescription">
                                <p class="Deliver"><span></span></p>
                            </li>
                        </ul>
                    </div>
                    <div class="Distance">
                        <p><span>Distance:</span></p>
                        <p class="Greyed">{{Representative.Distance}}</p>
                    </div>
                    <div class="Languages" ng-if="Representative.LanguagesSpoken">
                        <p><span>Languages:</span></p>
                        <p class="Greyed">{{Representative.LanguagesSpoken}}</p>
                    </div>
                </div>
            </li>
            <li class="ContactMeTab">
                <a><span>Contact me</span></a>
                <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a>
                <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a>
                <div>
                    <div ng-if="!MessageSent">
                        <div class="Header" data-cs-mask>
                            <p><span>Send {{Representative.FirstName}} a message</span></p>
                        </div>
                        <div class="Form">
                            <form id='SendAMessage' name='SendAMessage' class='AvonForm' avon-submit='SendMessage()'>
                                <div>
                                    <div class="FormField Input">
                                        <label><span>*Name</span></label>
                                        <input type="text" name="CustomerName" id="CustomerName" ng-model="Message.CustomerName" required />
                                        <div ng-messages='SendAMessage.Name.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                            <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                                        </div>
                                    </div>
                                    <div class="FormField Input">
                                        <label><span>*Email address</span></label>
                                        <input type="email" name="CustomerEmail" id="CustomerEmail" ng-model="Message.CustomerEmail" ng-pattern='/^[A-Za-z0-9\\\\\\ \\\&quot;!#$%&amp;&#39;*+=?^_`{|}~-]+(?:\.[A-Za-z0-9\\\\\\ \\\&quot;!#$%&amp;&#39;*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$/' required />
                                        <div ng-messages='SendAMessage.Email.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                            <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                                            <span ng-show='SendAMessage.Email.$error.pattern'><span>Please enter a valid email address.</span></span>
                                        </div>
                                    </div>
                                    <div class="FormField Input">
                                        <label><span>Contact number</span></label>
                                        <input type="text" name="CustomerPhone" id="CustomerPhone" ng-model="Message.CustomerPhone"
                                               ng-pattern='/^[0-9]{1,13}$/' />
                                        <div ng-messages='SendAMessage.Phone.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                            <span ng-show='SendAMessage.Phone.$error.pattern'><span>Please enter a correct phone number.</span></span>
                                        </div>
                                    </div>
                                    <div class="FormField Input">
                                        <label><span>Message</span></label>
                                            <textarea name="Message" id="Message" ng-model="Message.Message" required banned-words-validation></textarea>
                                        <div ng-messages='SendAMessage.Message.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'>
                                            <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span>
                                            <span ng-message='bannedWordsError' ng-if='SendAMessage.$submitted'>{{BannedWordsErrorMessage}}</span>
                                        </div>
                                    </div>
                                    <div class="FormField Checkbox">
                                        <input type="checkbox" name="SendCopy" id="SendCopy" ng-model="Message.SendCopy" />
                                        <label for='SendCopy'><span>Send a copy to my email address</span></label>
                                    </div>
                                    <div class="ButtonContainer">
                                        <p class="Greyed"><span>* Required field</span></p>
                                        <a class="Button" ng-class="{Enabled: SendAMessage.$valid}" submit-click="">
                                            <span>Send message</span>
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div ng-if="MessageSent" class="MessageSent" data-cs-mask>
                        <div>
                            <div class="Icon"><svg-icon icon='nav-tick' ></svg-icon></div>
                            <div class="MessageSentHeader"><h1><span>We have sent your message to</span> {{Representative.FirstName}}</h1></div>
                        </div>
                        <div ng-if="Message.SendCopy" class="CopySent">
                            <p><span>We have sent a copy of this message to your email address</span>: <a>{{Message.Email}}</a></p>
                        </div>
                        <div>
                            <p><span>Message</span></p>
                            <textarea disabled class="Message">{{Message.Message}}</textarea>
                        </div>
                        <div class="ContactDirectly">
                            <div class="Header">
                                <p><span>Contact {{Representative.FirstName}} directly</span></p>
                            </div>
                            <div class="Email">
                                <div>
                                    <p class="Bold"><span>Email:</span></p>
                                </div>
                                <a>{{Representative.Email}}</a>
                            </div>
                            <div class="Mobile">
                                <div>
                                    <p class="Bold"><span>Phone:</span></p>
                                </div>
                                <p class="Greyed">{{Representative.Mobile}}</p>
                            </div>
                            <div class="Home">
                                <div>
                                    <p class="Bold"> <span>Home:</span></p>
                                </div>
                                <p class="Greyed">{{Representative.Phone}}</p>
                            </div>
                            <div class="BestTime">
                                <div>
                                    <p class="Bold"><span>Best time to get in touch</span>:</p>
                                </div>
                            </div>
                            <div class="Description">
                                <p class="Greyed">{{Representative.ContactDetails}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <modal id="Ratings" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0">
        <div class="RatingInfoArea">
            <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating>
            <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span>&nbsp;<span>from {{Representative.RatingCount}} ratings</span>
            <div class="DetailedRatings">
                <div>
                    <rating value="{{Representative.OverallRatings.OverallHelpfulnessRating}}" data-icon="rating"></rating>
                    <p><span>Helpfulness</span></p>
                </div>
                <div>
                    <rating value="{{Representative.OverallRatings.OverallDeliveryTimescalesRating}}" data-icon="rating"></rating>
                    <p><span>Delivery timescales</span></p>
                </div>
                <div>
                    <rating value="{{Representative.OverallRatings.OverallCommunicationsRating}}" data-icon="rating"></rating>
                    <p><span>Communication</span></p>
                </div>
            </div>
        </div>
    </modal>

</div>
        </div>
</div>
                </div>

    </div>

</div>




    </div>
</article>
            <aside id="RightNav"></aside>
        </main>

        <div id="PreFooter" ng-if='Layout.Name!="Phone"'>
                <async-block url="/block/footer%2cpre-footer-section/?useCampaign=False"></async-block>
        </div>

    </div>
    



    <ng-include src="'/Layout/Footer?layout=' + Layout.Name" ng-if='Layout.Name' onload='PartialViewLoaded()'  ></ng-include>
    

    <div id="MenuMask" ng-click="MenuMaskClicked()"></div>
    


<div id="Modals" data-modalclosetext="CLOSE ">
    <div id="ModalMask" ng-class="{Shown:UI.IsLoading||UI.ModalStack.length}" ng-click="ModalMaskClick($event)"></div>

    
    <local-editor></local-editor>

    
    <div id="LoadingModal" ng-show="UI.IsLoading" ng-class="{LoadingWithMessage:UI.LoadingMessage}">
        <svg-icon icon='loading' id='LoadingSpinner' ></svg-icon>
        <span>{{UI.LoadingMessage}}</span>
    </div>

    
</div>


    
        <script type="text/javascript">
            var _ShopContext={"Breadcrumbs":[],"CampaignNumber":202505,"CampaignDaysLeft":30,"Country":"United Kingdom","CdnPath":"https://www.shopwithmyrep.co.uk/","ClientScriptSettings":null,"Environment":"prod","ExternalLinks":{"BecomeARepLink":"https://rep.avon.uk.com/REPSuite/registration.page","ContactUsLink":null,"RepLoginLink":"https://rep.avon.uk.com/REPSuite/loginMain.page","RepresentativeForgotPasswordLink":"https://rep.avon.uk.com/REPSuite/forgotPassword.page"},"FindARepSettings":{"OnCheckout":false,"OnDirectDeliveryCheckout":false,"IsContactMeEnabled":true},"GeoCodeSettings":null,"GoogleMapsZoomLevel":15,"GoogleMapsClient":"gme-avonproductsinc1","GoogleMapsKey":"","HeaderTab":"Products","ReleaseToggles":{"UseInactiveRepresentativeLabel":false,"EnableUseOfGoogleAddressAutocompleteMappings":true,"UseDirectDeliveryOnlyPromotions":true},"Language":"en","LayoutSettings":{"DesktopTablet":{"ShowCurrentCampaign":false},"Phone":{"TabletViewForLandscape":false},"UseEasternNameOrder":false},"Market":"GB","Cluster":"UK","Notifications":{"TrendsetterNotification":false,"ImpersonationNotification":false},"ProductUrlFormat":"/product/","ProductSearchQuery":null,"PromotionUrlFormat":"/special-offers/[PROMOTIONID]/","Query":{},"RepStoreUrlFormat":"/avon/[repstorename]/","SearchUrlFormat":"/search/results/?q=--searchterm--","UnitsOfMeasure":{"ImperialDistances":true},"ValidationSettings":{"RequiredAddress2":false,"RequiredLastName":false,"RequiredProvince":false,"RequiredCounty":false,"RequiredCity":true,"RequiredZipCode":true,"RequiredEmail":true,"CustomerFirstNameRegEx":"^[A-Za-z\\'\\-\\ ]{1,20}$","CustomerLastNameRegEx":"^[A-Za-z\\'\\-\\ ]{1,20}$","DocumentIdRegEx":null,"CustomerEmailAddressRegEx":"^[A-Za-z0-9\\\\\\\\\\\\ \\\\\\\"!#$%&'*+=?^_`{|}~-]+(?:\\.[A-Za-z0-9\\\\\\\\\\\\ \\\\\\\"!#$%&'*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$","CustomerUserNameRegEx":"(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])","CustomerMobilePhoneNumberRegEx":"^[0-9]{1,13}$","CustomerAlternativePhoneNumberRegEx":"^[0-9]{1,13}$","CustomerAddressRegEx":"^[0-9A-Za-z,\\;\\:\\>\\<\\-\\+_\\\"\\^\\=\\u201D\\]\\[\\(\\)\\{\\}\\%\\@\\#\\$\\!\\?\\&\\*\\/\\\\\\\\\\\\|\\.\\~\\\\\\' ]{1,25}$","CustomerAddress2RegEx":"^[0-9A-Za-z,\\;\\:\\>\\<\\-\\+_\\\"\\^\\=\\u201D\\]\\[\\(\\)\\{\\}\\%\\@\\#\\$\\!\\?\\&\\*\\/\\\\\\\\\\\\|\\.\\~\\\\\\' ]{1,25}$","CustomerAddress4RegEx":null,"CustomerCityRegEx":"^[A-Za-z\\-\\'\\ ]{3,25}$","CustomerRegionRegEx":"[A-Za-z\\\\-\\\\'\\\\ ]{1,25}","CustomerZipCodeRegEx":"^([a-zA-Z]{1}[0-9]{1}[\\ ]{1,3}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[0-9]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[0-9]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[0-9]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}$","CustomerCountyRegEx":"[A-Za-z\\\\-\\\\'\\\\ ]{1,25}","RepresentativeAddressRegEx":null,"RepresentativeAddress2RegEx":null,"RepresentativeCityRegEx":null,"RepresentativeRegionRegEx":null,"RepresentativeZipCodeRegEx":null,"RepresentativeCountyRegEx":null,"RepresentativeContactPhoneNumberRegEx":"^[0-9]{11}$","RepresentativeMobilePhoneNumberRegEx":"^07[0-9]{9}$","RepresentativeSendSmsPhoneNumberRegEx":"^[0-9]{11}$","ShowValidationErrorsBeforeSubmit":true,"RepresentativeFarFirstNameRegEx":"[A-Za-z\\'\\-\\ ]{1,20}","RepresentativeStoreUrlRegEx":"^(?!.*[aA][vV][oO][nN])^(?!.*[aA][vV][0][nN])^(?!.*[4][vV][oO][nN])^(?!.*[4][vV][0][nN])^(?!.*[aA][-][vV][-][oO][-][nN])(?!.*[aA][-][vV][-][0][-][nN])(?!.*[4][-][vV][-][oO][-][nN])(?!.*[4][-][vV][-][0][-][nN])^([-a-zA-Z0-9]+)$","InvoiceCompanyNameRegEx":null,"InvoiceTaxIdRegEx":null,"VATInvoiceValidationSettings":{"CompanyNameRegEx":null,"CompanyEmailRegEx":null,"CompanyMobileNumberRegEx":null,"FirstNameRegEx":null,"LastNameRegEx":null,"FiscalCodeRegEx":null,"VATNumberRegEx":null,"PECRegEx":null,"SDIIdentifierRegEx":null}},"VersionDll":"7.9.149","AdminViewData":null,"ReportingViewData":null,"BrochureViewData":null,"CategoryPageSummary":null,"ConfirmationPageGbModel":null,"CustomerViewData":null,"CheckoutDirectDeliveryViewData":null,"CheckoutMobileViewData":null,"CheckoutViewData":null,"CampaignIdentifier":"camp","ManagerWizardMenu":null,"ManagerTabbedMenu":null,"PreloadedRepresentativeSearchResults":null,"ProductSortOrders":null,"ProductViewModel":null,"RepProfileSettings":{"DeliveryRadiusMaxKm":15,"DeliveryRadiusUnit":"Miles","DeliveryDetailOptions":[{"DeliveryOptionText":"Contact me to arrange delivery","ShowDateSelector":false},{"DeliveryOptionText":"I'm placing my next order on…","ShowDateSelector":true},{"DeliveryOptionText":"Usually within 3 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually between 3-5 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually between 5-7 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually within 10 days","ShowDateSelector":false}],"ReceiveSmsNotificationsVisible":false,"TermsAndConditionsDate":"2013-03-01T00:00:00+00:00","ShowEligibilityMessage":true,"TermsAndConditionsDateString":"2013-03-01","TrendsetterNotificationRequired":false,"OptOutPaymentTypes":false,"OptOutLanguages":false,"AboutMeDefaultContent":null,"DeliveryInformationDefaultContent":null,"NotificationPhonePrefix":null,"HideEStoreForSLZM":false,"HideShowOnMapLink":false,"QuickAcceptTermsAndConditions":false},"ShowCampaignDetailsWithinCart":false,"StoreUrl":null,"RequiresPreloadedRepresentativeSearchResults":false,"RequiresDeliveryAddressUpdate":false,"RecEngine":{"ApplicationId":"avon14","LoadRecommendations":true},"WhatNewViewData":null,"BestSellerData":null,"TopRatedData":null,"MarketDomain":"www.shopwithmyrep.co.uk","MarketSupportsDirectDelivery":true,"MarketHasDacOrder":true,"FacebookAppId":"1052653758265503","PinterestVerification":null,"FacebookUseShortImage":false,"MaoSettings":null,"HideBarPrimaryNavigationLinkForAttachedCustomer":true,"DashboardStatsModel":null,"RepresentativeConsoleSettingsModel":null,"OnlineOrderViewData":null,"CookieAcceptanceRequired":false,"RepresentativeSetupStoreUrl":null,"HasStore":false,"HasAvonOfficeRepresentative":false,"EnableHardReferralAtSocialOrStoreLinkBrowsing":true,"ShopWithNewRepBanner":false,"ShouldDisplayChangeToDirectDeliveryIfNoRepFound":false,"DucOnlyDirectDeliveryOrders":false,"UseWelcomeLoginPageInCaseOfDirectDelivery":true,"ShouldHideRepresentativeDetailsBelowShippingMethodSelector":false,"HideContactUs":false,"EnableRepresentativeAutoAssignment":true,"EnableZipCodeValidation":false,"BannedWords":null,"BannedWordsErrorMessage":"Message can’t be sent because there are used banned words: {0}. Please, change text of message and try again.","AvailableOnlyThroughAttachment":false,"OSAPageUrls":["online-self-appointment"],"LastEBrochureVisitCampaignNumber":null,"RepresentativeDetail":null,"EnableGoogleAnalytics":true,"IsApptusEnabled":true,"ApptusMarket":"UK","IsDacEnabled":false};
            
            var AvonAnalyticsObjex={"content_breadcrumb":"Home","content_campaign":"","content_carousel":"","content_channel":"Content","content_currency_code":"GBP","content_page_name":"Home","content_page_type":"Home","content_share_type":"","content_share_url":"","content_site_section":"Home","content_site_section_level2":"","content_site_section_level3":"","event_name":"","findarep_results":"","findarep_nearme_query":"","findarep_search_type":"","findarep_choose_type":"","findarep_choose_rep_ID":"","forms_field_errors":[],"forms_name":"","order_grand_total":null,"order_ID":null,"order_discount_amount":null,"order_shipping_amount":null,"order_sub_total":null,"order_type":null,"market":"GB","cluster":"UK","order_promo_code":null,"order_shipping_city":null,"order_shipping_postal":null,"order_delivery_type":null,"order_payment_method":null,"order_product_price":null,"order_product_quantity":null,"order_product_skus":null,"rep_profile_ID":"","rep_profile_new_customer_order_status":"","server_environment":"","server_id":"1","server_error_url":"","server_error_type":"","server_platform":"","shopping_bag_ID":"","shopping_bag_product_price":[],"shopping_bag_product_quantity":[],"shopping_bag_product_skus":[],"shopping_bag_sub_total":"","shopping_bag_total_items":"","product_brand":"","product_category":"","product_subcategory":"","product_isavailable":"","product_isnew":"","product_name":"","product_onsale":"","product_sale_price":"","product_sku_list_id":[],"product_SKUs":[],"product_unit_price":"","product_updated":[],"product_updated_price":null,"product_updated_qty":null,"search_page_referrer":"","search_query":"","search_results":"","visitor_customer_account_time":"","visitor_attach_status":"","visitor_customer_ID":"","visitor_customer_city":"","visitor_customer_postal":"","visitor_language":"","visitor_login_status":"","visitor_shopper_ID":"","visitor_shopping_with_repID":"","visitor_type":"","wishlist_entry_date":[],"wishlist_sku":[],"customer_type":"Guest","attached_rep_id":"","customer_id":"0","is_logged_in":false};
            TrackingPatch();
        </script>
    
<script src="/Scripts/External/RecommendationEngine/recommendationloader.js" type="text/javascript" defer></script>

    
    <modal id="RepAttachmentModal">
    <div id="ArvatoModalContent">
            [View|Representative_Attach_Not_Available]
    </div>
</modal>

    <script>
    var thirdPartyScripts = (function () {
        let loadEventHandler;
        let logDocumentWrite = localStorage.getItem("logDocumentWrite") || false;

        let optanon = {
            enabled: 'false'
        };

        let certona = {
            enabled: 'true',
            attrs: {
                src: '/Scripts/External/RecommendationEngine/resxclsx.js',
                type: 'text/javascript'
            }
        }

        let certonaRecLoader = {
            enabled: 'true',
            attrs: {
                src: '/Scripts/External/RecommendationEngine/recommendationloader.js',
                type: 'text/javascript'
            }
        };

        let googleGlobalSite = {
            enabled: 'true',
            attrs: {
                src: 'https://www.googletagmanager.com/gtag/js?id=' + '1057204268',
                type: 'text/javascript'
            },
            script: 'window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "' + '1057204268' + '");'
        }

        let googleTagManager = {
            enabled: 'true',
            script: '(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "' + 'GTM-M32DVW3' + '");'
        }

        let localGoogleTagManager = {
            enabled: 'false',
            script: '(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "' + '' + '");'
        }

        let facebookSdk = {
            attrs: {
                src: '/Scripts/Tracking/FacebookSDK.js',
                type: 'text/javascript'
            }
        }

        let insertScript = function (attrs, script, callback) {
            let el = document.createElement('script');

            if (attrs !== undefined && attrs !== null) {
                let props = Object.getOwnPropertyNames(attrs);
                for (let i = 0; i < props.length; i++) {
                    let prop = props[i];
                    el.setAttribute(prop, attrs[prop]);
                }
            }

            if (script !== undefined && script !== null) {
                el.innerText = script;
            }

            if (callback !== undefined && callback !== null) {
                el.onload = callback;
            }

            document.head.appendChild(el);
        }

        let loadScripts = function (eventName) {
            if (optanon.enabled === 'true' && window.Optanon !== undefined) {
                if (certona.enabled === 'true') {
                    window.Optanon.InsertScript(certona.attrs.src, 'head', null, function() {
                        insertScript(certonaRecLoader.attrs);
                    }, 4);
                }

                let placeholder = document.createElement('div');
                placeholder.setAttribute('id', 'fb-root');
                document.body.appendChild(placeholder);

                window.Optanon.InsertScript(facebookSdk.attrs.src, 'head', null, null, 4);
            } else {
                if (certona.enabled === 'true') {
                    insertScript(certona.attrs, null, function () {
                        insertScript(certonaRecLoader.attrs);
                    });
                }

                let placeholder = document.createElement('div');
                placeholder.setAttribute('id', 'fb-root');
                document.body.appendChild(placeholder);

               insertScript(facebookSdk.attrs);
            }

            if (googleGlobalSite.enabled === 'true') {
                insertScript(googleGlobalSite.attrs);
                insertScript(null, googleGlobalSite.script);
            }

            if (googleTagManager.enabled === 'true') {
                insertScript(null, googleTagManager.script);
            }

            if (localGoogleTagManager.enabled === 'true') {
                insertScript(null, localGoogleTagManager.script);
            }

            setTimeout(function () {
                // dispatch a seconed DOMContentLoaded event for those third-party scripts that rely on this event (eg: DTM)
                document.dispatchEvent(new Event('DOMContentLoaded'));
            }, 2500);

            setTimeout(function () {
                // dispatch a second Load event for those third-party scripts that rely on this event (eg: Optanon)
                window.dispatchEvent(new Event('load'));
            }, 3000);

            window.removeEventListener(eventName, loadEventHandler);
        }

        return {
            loadOnEvent: function (eventName) {
                // override to make sure third party scripts won't use it to insert markup
                (function (Document) {
                    Document.prototype.write = function (markup) {
                        $('body').append($(markup));

                        if (logDocumentWrite === 'true') {
                            console.log("DOC WRITE ", markup);
                        }
                    }
                })(Document);

                (function (HTMLDocument) {
                    HTMLDocument.prototype.write = function (markup) {
                        $('body').append($(markup));

                        if (logDocumentWrite === 'true') {
                            console.log("DOC WRITE ", markup);
                        }
                    }
                })(HTMLDocument);

                loadEventHandler = window.addEventListener(eventName, function() {
                    // wait for the current stack to clear before loading third party scripts
                    setTimeout(function() { loadScripts(eventName); }, 0);
                });
            },

            logDocumentWrite: function (val) {
                localStorage.setItem('logDocumentWrite', val);
                logDocumentWrite = val;
            }
        };
    })();

    var that = this;

    document.addEventListener('DOMContentLoaded', function () {
        that.thirdPartyScripts.loadOnEvent("footerLoad");
    });
</script>

    <script>
    var pushScript = (function (eventName) {
        let getPageVersion = function () {
            var pageVersion = 'N/A';
            var pathName = window.location.pathname;
            if (pathName.length > 1) {
                if (pathName.indexOf("/product/") > -1 || pathName.indexOf("/checkoutmobile/") > -1) {
                    pageVersion = 'new page';
                }

                if (pathName.indexOf("/product-old/") > -1 || pathName.indexOf("/checkout/") > -1 || pathName.indexOf("/checkoutdirectdelivery/") > -1) {
                    pageVersion = 'old page';
                }
            }

            return pageVersion;
        }

        let pushOtherDimensions = function () {
            window.dataLayer.push({
                'dimension2': AvonAnalyticsObjex.customer_id ? AvonAnalyticsObjex.customer_id : 'N/A',
                'dimension23': AvonAnalyticsObjex.visitor_shopping_with_repID ? AvonAnalyticsObjex.visitor_shopping_with_repID : 'N/A',
                'dimension39': getPageVersion(),
                'dimension44': AvonAnalyticsObjex.customer_type != 'Representative' && AvonAnalyticsObjex.attached_rep_id ? AvonAnalyticsObjex.market + ':' + AvonAnalyticsObjex.attached_rep_id : 'N/A',
                'dimension46': AvonAnalyticsObjex.customer_type ? AvonAnalyticsObjex.customer_type === 'Guest' ? 'true' : 'false' : 'true',
                'dimension52': AvonAnalyticsObjex.market,
                'dimension55': AvonAnalyticsObjex.cluster,
                'dimension60': AvonAnalyticsObjex.customer_type === 'Representative' ? 'Rep' : AvonAnalyticsObjex.customer_type,
                'dimension61': AvonAnalyticsObjex.is_logged_in ? 'Logged in' : 'Logged out',
            });
        }

        let pushContentGroupingEvent = function () {
            var breadcrumbs = [];
            _ShopContext.Breadcrumbs.forEach((item) => {
                breadcrumbs.push(item["Text"]);
            });

            if (breadcrumbs == null || breadcrumbs.length == 0) {
                breadcrumbs = ["Home"];
            } else if (breadcrumbs[0] != "Home") {
                breadcrumbs.unshift("Home");
            }

            window.dataLayer.push({
                contentGroup1: AvonAnalyticsObjex.content_site_section != '' ? AvonAnalyticsObjex.content_site_section : 'N/A',
                contentGroup2: AvonAnalyticsObjex.content_page_type != '' ? AvonAnalyticsObjex.content_page_type : 'N/A',
                contentGroup3: breadcrumbs.length > 1 ? breadcrumbs[1] : 'N/A',
                contentGroup4: breadcrumbs.length > 2 ? breadcrumbs[2] : 'N/A',
                contentGroup5: breadcrumbs.length > 3 ? breadcrumbs[3] : 'N/A'
            });
        }

        let pushAllEvents = function (eventName) {
            pushOtherDimensions();
            pushContentGroupingEvent();
            window.removeEventListener(eventName, loadEventHandler);
        }

        return {
            loadAfterDomOnEvent: function (eventName) {
                document.addEventListener('DOMContentLoaded', function () {
                    loadEventHandler = window.addEventListener(eventName, function () {
                        setTimeout(function () {
                            if (window.dataLayer) {
                                pushAllEvents(eventName);
                            }
                        }, 0);
                    });
                });
            },
            loadImmediately: function () {
                pushOtherDimensions();
                pushContentGroupingEvent();
            }
        };
    })();

    var that = this;
</script>

    <script>
        that.pushScript.loadAfterDomOnEvent('footerLoad');
    </script>
</body>
</html>                               

Whois info of domain

Domain Name: COBAL.COM
Registry Domain ID: 14277777_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.squarespace.domains
Registrar URL: http://domains2.squarespace.com
Updated Date: 2025-02-17T20:30:45Z
Creation Date: 1999-11-30T12:04:26Z
Registry Expiry Date: 2032-11-30T12:04:26Z
Registrar: Squarespace Domains II LLC
Registrar IANA ID: 895
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6466935324
Domain Status: ok https://icann.org/epp#ok
Name Server: BART.NS.CLOUDFLARE.COM
Name Server: HEATHER.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-02T15:31:35Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass