PageSourceSearch

https://www.karndean.com/en-gb/floors/?regionswitch=true

html karndean.com collected 2026-09-26 00:33:45 UTC 245,091 bytes, 2,610 lines download raw bytes

1
2
3<!doctype html>
4<html lang="en-GB" class="h-full font-ubuntu text-secondary-mine-shaft">
5
6<head>
7  <meta charset="utf-8">
8  <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
9  <link rel="dns-prefetch" href="//hello.myfonts.net">
10
11<meta charset="UTF-8">
12<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
13<meta http-equiv="X-UA-Compatible" content="IE=edge" />
14
15    <title>Luxury Vinyl Flooring | LVT Flooring | Karndean</title>
16    <meta property="og:title" content="Luxury Vinyl Flooring | LVT Flooring | Karndean">
17        <meta property="og:description" content="Discover beautiful, durable Karndean LVT flooring for your home. Wood and stone designs in a premium luxury vinyl format.">
18        <meta name="description" content="Discover beautiful, durable Karndean LVT flooring for your home. Wood and stone designs in a premium luxury vinyl format.">
19        <meta property="og:image" content="https://www.karndean.com/globalassets/karndean/cta-blocks/resi/ranges/knight-tile-rigid-core/scb-kp99-limewashedoak-playroom-p_cm.jpg" />
20
21  
22
23
24<link rel="canonical" href="https://www.karndean.com/en-gb/floors/" />
25
26
27
28        <link rel="alternate" href="https://www.karndean.com/en-us/floors/" hreflang="en-US" />
29        <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="en-GB" />
30        <link rel="alternate" href="https://www.karndean.com/en-nz/floors/" hreflang="en-NZ" />
31        <link rel="alternate" href="https://www.karndean.com/en-ca/floors/" hreflang="en-CA" />
32        <link rel="alternate" href="https://www.karndean.com/en-au/floors/" hreflang="en-AU" />
33        <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="x-default" />
34  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/11.1.0/nouislider.min.css" />
35
36  <link rel="preconnect" href="https://fonts.googleapis.com" />
37  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
38  <link rel="stylesheet"
39    href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" />
40  <link rel="stylesheet" href="/assets/b2c-redesign/css/style.css?version=639198036580000000" />
41
42  <link rel="icon" type="image/png" href="/assets/b2c-redesign/favicon-96x96.png" sizes="96x96" />
43  <link rel="icon" type="image/svg+xml" href="/assets/b2c-redesign/favicon.svg" />
44  <link rel="shortcut icon" href="/assets/b2c-redesign/favicon.ico" />
45  <link rel="apple-touch-icon" sizes="180x180" href="/assets/b2c-redesign/apple-touch-icon.png" />
46  <meta name="apple-mobile-web-app-title" content="Karndean" />
47  <link rel="manifest" href="/assets/b2c-redesign/site.webmanifest" />
48
49    
49<script>
50      (function (w, d, s, l, i) {
51        w[l] = w[l] || []; w[l].push({
52          'gtm.start':
53            new Date().getTime(), event: 'gtm.js'
54        }); var f = d.getElementsByTagName(s)[0],
55          j = d.createElement(s), dl = l !== 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
56            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
57      })(window, document, 'script', 'dataLayer', 'GTM-NFVT');</script>
57
58
59    
59<script type='text/javascript' src='https://hosted8.whoson.com/include.js?domain=www.karndean.com'></script>
59
60    
60<script type='text/javascript'>
61        if (sWOTrackPage) sWOTrackPage();
62    </script>
62
63  
63<script type="text/javascript">
64    function OptanonWrapper() {
65      if (window.OneTrust) {
66        OneTrust.OnConsentChanged(function (e) {
67          var homeModal = document.querySelector('.js-home-modal');
68          var focusableElementsList = ['a[href]:not([tabindex^="-"])', 'area[href]:not([tabindex^="-"])', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden]):not([tabindex^="-"])', 'select:not([disabled]):not([aria-hidden]):not([tabindex^="-"])', 'textarea:not([disabled]):not([aria-hidden]):not([tabindex^="-"])', 'button:not([disabled]):not([aria-hidden]):not([tabindex^="-"]):not([tabindex^="-"])', 'iframe:not([tabindex^="-"])', 'object:not([tabindex^="-"])', 'embed:not([tabindex^="-"])', '[contenteditable]:not([tabindex^="-"])', '[tabindex]:not([tabindex^="-"])']
69          var isVisible = element => {
70            return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length)
71          }
72          if (homeModal) {
73            if (homeModal && homeModal.classList.contains('is-open')) {
74              var focusableElements = [...homeModal.querySelectorAll(focusableElementsList)]
75                .filter(el => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden') && isVisible(el));
76
77              if (focusableElements.length > 0) {
78                focusableElements[0].focus();
79              }
80            }
81          }
82        })
83      }
84      // C0002 - performance cookies
85      if (window.OnetrustActiveGroups && window.OnetrustActiveGroups.indexOf('C0002') > -1) {
86        window._initClickDimensions && window._initClickDimensions();
87      }
88    }
89  </script>
89
90<!-- begin Convert Experiences code-->
90<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10018705-10019014.js?environment=production"></script>
90<!-- end Convert Experiences code -->  <meta name="theme-color" content="#fafafa">
91  
91<script src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"></script>
vendor: 1 bytes, line 91
91
92<script>
93!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");
932===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: { instrumentationKey:'026fb3c1-519d-44f9-8152-5a23a399cd8b' }});
94</script>
94
95
96  
97    
97<script type="application/ld+json">
98        {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Karndean Designflooring?","acceptedAnswer":{"@type":"Answer","text":"Karndean Designflooring is a brand of luxury vinyl flooring known for replicating the look and feel of natural materials like wood and stone, offering durability, easy maintenance, and a wide range of design options."}},{"@type":"Question","name":"Is LVT suitable for a home with pets?","acceptedAnswer":{"@type":"Answer","text":"Yes, our flooring is durable, water resistant and easy to clean."}},{"@type":"Question","name":"What is gluedown flooring?","acceptedAnswer":{"@type":"Answer","text":"Gluedown flooring is affixed to the subfloor with adhesive. Individual planks and tiles can be cut and laid in patterns, allowing you to create stylish custom looks or zoning that sets an area apart. The possibilities are endless. View the benefits of Gluedown flooring."}},{"@type":"Question","name":"What is click-lock flooring?","acceptedA
98nswer":{"@type":"Answer","text":"Click-lock flooring is an easy-to-install &ldquo;floating floor,&rdquo; which means adhesive is not required.View the benefits here."}},{"@type":"Question","name":"What is the difference between LVT and sheet vinyl?","acceptedAnswer":{"@type":"Answer","text":"LVT comes in the form of individual tiles or planks and are often designed to mimic the look of natural materials like wood or stone. Sheet vinyl comes in large rolls and a design is printed into the surface."}},{"@type":"Question","name":"How can I purchase Karndean flooring?","acceptedAnswer":{"@type":"Answer","text":"You can purchase our flooring through one of our approved retailers. Find your local retailer"}}]}
99    </script>
99
100
101  <!-- Cloudflare Turnstile -->
102  
102<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
102
103</head>
104
105<body class="antialiased selection:bg-selection bg-white relative pt-[104px] md:pt-[150px] lg:pt-[120px] flex flex-col h-full text-secondary-mine-shaft">
vendor: 77 bytes, lines 105-107
105
106  
107    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
107GTM-NFVT
vendor: 102 bytes, lines 107-111
107" height="0"
108        width="0" style="display: none; visibility: hidden"></iframe></noscript>
109
110
111
112<a class="sr-only btn btn-tertiary focus:not-sr-only focus:z-100 focus:top-4 focus:md:top-[51px] focus:left-4 focus:flex focus:absolute focus:px-6 focus:py-2.5 transition-none"
113   href="#main">Skip to content</a>
114
115    <header id="main-header" class="flex flex-col items-center w-full absolute left-0 right-0 top-0 bg-white z-90">
116
117                <div class="communication-banner lg:hidden">
118                    <div class="swiper-button-prev">
119                        <span class="icon">
120                            <svg width="24" height="24" class="rotate-180 icon-arrow-1" aria-hidden="true" focusable="false">
121                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
122                            </svg>
123                        </span>
124                    </div>
125                    <div class="swiper">
126
127                        <div class="communication-banner__carousel swiper-wrapper">
128
129                                <div class="swiper-slide">
130                                    <p><a href="/en-gb/floors/about-us/campaigns/competition/">Win your floor back this Autumn&nbsp;</a></p>
131                                </div>
132                        </div>
133
134                    </div>
135                    <div class="swiper-button-next">
136                        <span class="icon">
137                            <svg width="24" height="24" class="icon-arrow-1" aria-hidden="true" focusable="false">
138                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
139                            </svg>
140                        </span>
141                    </div>
142                </div>
143
144        <div class="hidden md:block bg-gray w-full z-[120]">
145            <div class="container flex h-10 justify-between w-full">
146                <div class="flex items-center">
147                    <a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/" rel="nofollow"
148                       class="group btn-link-underline decoration-white !flex text-base text-white no-underline hover:no-underline ring-offset-transparent focus-visible:ring-offset-gray">
149                        <span class="pt-0.5 no-underline group-hover:underline group-hover:decoration-2 underline-offset-[4px]">Karndean for Commercial</span>
150                        <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false">
151                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use>
152                        </svg>
153                    </a>
154                </div>
155                        <div class="communication-banner hidden lg:flex">
156                            <div class="swiper-button-prev">
157                                <span class="icon">
158                                    <svg width="24" height="24" class="rotate-180 icon-arrow-1" aria-hidden="true" focusable="false">
159                                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
160                                    </svg>
161                                </span>
162                            </div>
163                            <div class="swiper">
164
165                                <div class="communication-banner__carousel swiper-wrapper">
166
167                                        <div class="swiper-slide">
168                                            <p><a href="/en-gb/floors/about-us/campaigns/competition/">Win your floor back this Autumn&nbsp;</a></p>
169                                        </div>
170                                </div>
171
172                            </div>
173                            <div class="swiper-button-next">
174                                <span class="icon">
175                                    <svg width="24" height="24" class="icon-arrow-1" aria-hidden="true" focusable="false">
176                                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
177                                    </svg>
178                                </span>
179                            </div>
180                        </div>
181                <div class="flex items-center justify-end">
182                    <div class="js-dropdown-menu relative">
183        <button id="dropdown-country-trigger" type="button"
184                class="js-dropdown-trigger h-6 group flex items-center text-white outline-none ring-3 ring-transparent ring-offset-gray ring-offset-2 transition-all duration-500 focus-visible:ring-focus"
185                aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country">
186            <svg class="h-6 w-6 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
187                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
188            </svg>
189            <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-2">
190                <span class="sr-only">Switch region, current region:</span>United Kingdom
191            </span>
192            <svg class="h-5 w-5 ml-2 icon-flag-uk" aria-hidden="true" focusable="false">
193                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk-round"></use>
194            </svg>
195        </button>
196        <ul id="dropdown-country" role="menu" aria-labelledby="dropdown-country-trigger" tabindex="-1"
197            class="js-dropdown-panel absolute top-6 right-0 bg-white rounded-[5px] border border-[#CFCFCF] py-2 px-2 space-y-2 z-100 shadow-lg hidden">
198                <li role="menuitem" tabindex="-1">
199                    <a href="/en-us/floors/?regionswitch=true" aria-current="true"
200                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
201                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false">
202                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use>
203                        </svg>
204                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">United States</span>
205                    </a>
206                </li>
207                <li role="menuitem" tabindex="-1">
208                    <a href="/en-au/floors/?regionswitch=true" aria-current="true"
209                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
210                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
211                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
212                        </svg>
213                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span>
214                    </a>
215                </li>
216                <li role="menuitem" tabindex="-1">
217                    <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
218                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
219                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
220                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
221                        </svg>
222                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span>
223                    </a>
224                </li>
225                <li role="menuitem" tabindex="-1">
226                    <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
227                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
228                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
229                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
230                        </svg>
231                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span>
232                    </a>
233                </li>
234        </ul>
235</div>
236                </div>
237            </div>
238        </div>
239        <div class="container flex items-center h-16 md:h-20 z-[110] lg:z-0 bg-white">
240            <button type="button" id="mobile-menu-trigger" data-focus-trap-trigger="true"
241                    class="js-panel-trigger group lg:hidden h-12 flex items-center bg-white outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus -ml-4 sm:mr-2 px-4 focus-visible:z-10"
242                    data-controls-panel="dialog-mobile-nav" aria-label="Open site navigation Menu" data-close-label="Close site navigation Menu">
243                <svg width="24" height="24" class="group-[.is-open]:hidden icon-menu" aria-hidden="true" focusable="false">
244                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-menu"></use>
245                </svg>
246                <svg width="24" height="24" class="hidden group-[.is-open]:block icon-close-1" aria-hidden="true" focusable="false">
247                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use>
248                </svg>
249            </button>
250            <div class="mr-auto">
251                <a href="/en-gb/floors/" class="flex shrink-0 outline-none ring-3 ring-transparent ring-offset-4 transition-all duration-500 focus-visible:ring-focus">
252                    <img src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/unsorted-images/karndean-logo-inline.svg" alt="Karndean Designflooring logo" class="h-8 md:h-[42px]" />
253                </a>
254            </div>
255
256            
257    <div class="hidden mx-auto lg:flex items-center lg:space-x-6 2xl:space-x-12">
258        <nav id="primary-nav" aria-label="Main navigation" class="primary-nav flex items-center h-20" data-hover="on">
259            <ul class="dropdown-container flex space-x-4 2xl:space-x-12">
260                    <li class="dropdown">
261                        <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-0" aria-controls="primary-sub-menu-0">
262                            <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus">
263                                <span class="text-lg leading-tight font-medium pointer-events-none">Our Floors</span>
264                                <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
265                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
266                                </svg>
267                            </strong>
268                        </button>
269                        <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-0" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-0">
270                            <div class="container motion-safe:animate-fadeinup">
271                                <div class="grid grid-cols-4 gap-x-4 xl:gap-x-8">
272                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-colour">
273
274
275    <div class="pt-4 md:pt-0">
276        <span id="menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by colour</span>
277        <ul aria-labelledby="menu-label-browse-by-color" class="space-y-0.5">
278                <li class="block">
279                    <a href="/en-gb/floors/products/colour/white-cream/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
280                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
281                            <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/>
282                        </span>
283                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">White/Cream</span>
284                    </a>
285                </li>
286                <li class="block">
287                    <a href="/en-gb/floors/products/colour/blond-golden-yellow/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
288                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
289                            <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/>
290                        </span>
291                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blond/Golden/Yellow</span>
292                    </a>
293                </li>
294                <li class="block">
295                    <a href="/en-gb/floors/products/colour/beige-taupe/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
296                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
297                            <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/>
298                        </span>
299                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Beige/Taupe</span>
300                    </a>
301                </li>
302                <li class="block">
303                    <a href="/en-gb/floors/products/colour/brown/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
304                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
305                            <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/>
306                        </span>
307                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Brown</span>
308                    </a>
309                </li>
310                <li class="block">
311                    <a href="/en-gb/floors/products/colour/grey/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
312                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
313                            <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/>
314                        </span>
315                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Grey</span>
316                    </a>
317                </li>
318                <li class="block">
319                    <a href="/en-gb/floors/products/colour/black/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
320                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
321                            <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/>
322                        </span>
323                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Black</span>
324                    </a>
325                </li>
326                <li class="block">
327                    <a href="/en-gb/floors/products/colour/orange-red-pink/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
328                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
329                            <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/>
330                        </span>
331                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Orange/Red/Pink</span>
332                    </a>
333                </li>
334                <li class="block">
335                    <a href="/en-gb/floors/products/colour/blue-green/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
336                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
337                            <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/>
338                        </span>
339                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blue/Green</span>
340                    </a>
341                </li>
342                <li class="block">
343                    <a href="/en-gb/floors/products?colour=60997" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
344                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
345                            <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/>
346                        </span>
347                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Multicolour</span>
348                    </a>
349                </li>
350        </ul>
351    </div>
352                                    </div>
353                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-room">
354
355
356    <div>
357        <span id="menu-label-browse-by-room" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by room</span>
358        <ul aria-labelledby="menu-label-browse-by-room" class="space-y-0.5">
359                <li class="block">
360                    <a href="/en-gb/floors/products/our-rooms/kitchen/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
361                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
362                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/>
363                        </span>
364                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Kitchen flooring</span>
365                    </a>
366                </li>
367                <li class="block">
368                    <a href="/en-gb/floors/products/our-rooms/bathroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
369                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
370                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/>
371                        </span>
372                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bathroom flooring</span>
373                    </a>
374                </li>
375                <li class="block">
376                    <a href="/en-gb/floors/products/our-rooms/hallway/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
377                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
378                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/>
379                        </span>
380                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Entrance/Hallway flooring</span>
381                    </a>
382                </li>
383                <li class="block">
384                    <a href="/en-gb/floors/products/our-rooms/living-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
385                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
386                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/>
387                        </span>
388                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Living Room flooring</span>
389                    </a>
390                </li>
391                <li class="block">
392                    <a href="/en-gb/floors/products/our-rooms/dining-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
393                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
394                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/>
395                        </span>
396                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Dining room flooring</span>
397                    </a>
398                </li>
399                <li class="block">
400                    <a href="/en-gb/floors/products/our-rooms/bedroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
401                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
402                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/>
403                        </span>
404                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bedroom flooring</span>
405                    </a>
406                </li>
407                <li class="block">
408                    <a href="/en-gb/floors/products/our-rooms/utility/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
409                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
410                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/>
411                        </span>
412                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Utility room flooring</span>
413                    </a>
414                </li>
415                <li class="block">
416                    <a href="/en-gb/floors/products/our-rooms/home-office/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
417                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
418                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/>
419                        </span>
420                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Home office/study flooring</span>
421                    </a>
422                </li>
423        </ul>
424    </div>
425                                    </div>
426                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-look">
427
428
429    <div>
430        <span id="menu-label-browse-by-look" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by look</span>
431        <ul aria-labelledby="menu-label-browse-by-look" class="space-y-2 xl:space-y-0 xl:grid xl:grid-cols-2 xl:gap-6 xl:max-w-[260px]">
432                <li class="block">
433                    <a href="/en-gb/floors/products/by-look/wood/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
434                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
435                            <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak--rl13__akp-rl13--living-space--p1_cm.jpg" alt="Living room with Art Select gluedown RL13 | rigid core AKP-RL13"/>
436                        </span>
437                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Wood</span>
438                    </a>
439                </li>
440                <li class="block">
441                    <a href="/en-gb/floors/products/by-look/stone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
442                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
443                            <img class="w-full" src="/globalassets/products/knight-tile-multi/residential-roomsets/st22-smokedconcrete-kitchen-ls1_cm.jpg" alt="Smoked Concrete Grey LVT Flooring in a Kitchen by Karndean Designflooring"/>
444                        </span>
445                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Stone</span>
446                    </a>
447                </li>
448                <li class="block">
449                    <a href="/en-gb/floors/products/by-look/abstract/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
450                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
451                            <img class="w-full" src="/globalassets/products/kaleidoscope/residential-roomsets/sp219-casablanca-bathroom-cameols1_cm.jpg" alt="Casablanca LVT flooring in a bathroom by Karndean Designflooring"/>
452                        </span>
453                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Abstract</span>
454                    </a>
455                </li>
456                <li class="block">
457                    <a href="/en-gb/floors/products/by-look/herringbone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
458                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
459                            <img class="w-full" src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/product-finder/herringbone.jpg" alt="Herringbone patterned luxury vinyl flooring in a light wood tone."/>
460                        </span>
461                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Herringbone</span>
462                    </a>
463                </li>
464        </ul>
465    </div>
466                                    </div>
467                                    <div class="col-span-1" data-nav-section="our-floors_explore">
468                                        
469
470    <div>
471        <!-- have to have unique ID / index for mobile vs desktop menus -->
472        <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Explore</span>
473        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
474                    <li class="block">
475                        <a href="/en-gb/floors/products/our-ranges/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
476                            Our ranges
477                        </a>
478                    </li>
479                    <li class="block">
480                        <a href="/en-gb/floors/products/our-formats/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
481                            Our formats
482                        </a>
483                    </li>
484                    <li class="block">
485                        <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
486                            Floor benefits
487                        </a>
488                    </li>
489        </ul>
490            <a target="_top" href="/en-gb/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
491                <span>Browse all floors</span>
492                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
493                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
494                </svg>
495            </a>
496    </div>
497
498                                    </div>
499                                </div>
500                            </div>
501                        </div>
502                    </li>
503                            <li class="dropdown">
504                                <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-1" aria-controls="primary-sub-menu-1">
505                                    <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus">
506                                        <span class="text-lg leading-tight font-medium pointer-events-none">Inspiration</span>
507                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
508                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
509                                        </svg>
510                                    </strong>
511                                </button>
512
513                                <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-1" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-1">
514                                    <div class="container motion-safe:animate-fadeinup">
515                                        <div class="grid grid-cols-4 gap-x-8">
516                                                    <div class="col-span-1" data-nav-section="inspiration_get-inspired">
517                                                        
518
519    <div>
520        <!-- have to have unique ID / index for mobile vs desktop menus -->
521        <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get inspired</span>
522        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
523                    <li class="block">
524                        <a href="/en-gb/floors/inspiration/inspiration-by-room/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
525                            Inspiration by room
526                        </a>
527                    </li>
528                    <li class="block">
529                        <a href="/en-gb/floors/inspiration/get-inspired/blog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
530                            Browse our blog
531                        </a>
532                    </li>
533                    <li class="block">
534                        <a href="/en-gb/floors/inspiration/get-inspired/real-home-gallery/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
535                            Real home gallery
536                        </a>
537                    </li>
538        </ul>
539    </div>
540
541                                                    </div>
542                                                    <div class="col-span-1" data-nav-section="inspiration_discover">
543                                                        
544
545    <div>
546        <!-- have to have unique ID / index for mobile vs desktop menus -->
547        <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Discover</span>
548        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
549                    <li class="block">
550                        <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
551                            Why choose Karndean
552                        </a>
553                    </li>
554                    <li class="block">
555                        <a href="/en-gb/floors/inspiration/discover/explore-herringbone/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
556                            Herringbone flooring
557                        </a>
558                    </li>
559                    <li class="block">
560                        <a href="/en-gb/floors/inspiration/discover/abstract-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
561                            Abstract flooring
562                        </a>
563                    </li>
564                    <li class="block">
565                        <a href="/en-gb/floors/inspiration/discover/laying-patterns/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
566                            Laying patterns
567                        </a>
568                    </li>
569        </ul>
570    </div>
571
572                                                    </div>
573                                                    <div class="col-span-1" data-nav-section="inspiration_where-to-start">
574                                                        
575
576    <div>
577        <!-- have to have unique ID / index for mobile vs desktop menus -->
578        <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Where to start</span>
579        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
580                    <li class="block">
581                        <a href="/en-gb/floors/services/brochure-library/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
582                            Explore our free brochures
583                        </a>
584                    </li>
585                    <li class="block">
586                        <a href="/en-gb/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
587                            Find your floor in a few steps
588                        </a>
589                    </li>
590                    <li class="block">
591                        <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
592                            See our floors in your room
593                        </a>
594                    </li>
595        </ul>
596    </div>
597
598                                                    </div>
599                                                <div class="col-span-1" data-nav-section="inspiration_image">
600                                                    
601    <div>
602        <a
603           href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/"
604           class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
605            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
606                <img data-lazyload src="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800"
607                     data-srcset="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800 1x,/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=1600 2x"
608                     alt="Karndean Floorstyle being used on a phone"
609                     class="block w-full"/>
610            </span>
611            <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">See our floors in your room</span>
612        </a>
613    </div>
614
615                                                </div>
616                                        </div>
617                                    </div>
618                                </div>
619                            </li>
620                            <li class="dropdown">
621                                <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-2" aria-controls="primary-sub-menu-2">
622                                    <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus">
623                                        <span class="text-lg leading-tight font-medium pointer-events-none">Services</span>
624                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
625                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
626                                        </svg>
627                                    </strong>
628                                </button>
629
630                                <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-2" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-2">
631                                    <div class="container motion-safe:animate-fadeinup">
632                                        <div class="grid grid-cols-4 gap-x-8">
633                                                    <div class="col-span-1" data-nav-section="services_helpful-information">
634                                                        
635
636    <div>
637        <!-- have to have unique ID / index for mobile vs desktop menus -->
638        <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Helpful information</span>
639        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
640                    <li class="block">
641                        <a href="/en-gb/floors/inspiration/discover/what-is-lvt-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
642                            What is LVT Flooring?
643                        </a>
644                    </li>
645                    <li class="block">
646                        <a href="/en-gb/floors/where-to-buy/how-to-buy-a-karndean-floor/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
647                            How to buy a Karndean floor
648                        </a>
649                    </li>
650                    <li class="block">
651                        <a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
652                            Karndean Press
653                        </a>
654                    </li>
655                    <li class="block">
656                        <a href="/en-gb/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
657                            Ordering samples
658                        </a>
659                    </li>
660                    <li class="block">
661                        <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
662                            Find a retailer
663                        </a>
664                    </li>
665                    <li class="block">
666                        <a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
667                            Visit our showrooms
668                        </a>
669                    </li>
670                <li class="block">
671                    <a href="/en-gb/floors/services/lifetime-warranty/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-1 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black hover:decoration-2">
672                        Product warranty
673                    </a>
674                </li>
675        </ul>
676            <a href="/en-gb/floors/about-us/frequently-asked-questions/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
677                <span>Help &amp; FAQs</span>
678                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
679                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
680                </svg>
681            </a>
682    </div>
683
684                                                    </div>
685                                                    <div class="col-span-1" data-nav-section="services_useful-tools">
686                                                        
687
688    <div>
689        <!-- have to have unique ID / index for mobile vs desktop menus -->
690        <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Useful tools</span>
691        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
692                    <li class="block">
693                        <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
694                            See our floors in your room
695                        </a>
696                    </li>
697                    <li class="block">
698                        <a href="/en-gb/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
699                            Find your ideal floor
700                        </a>
701                    </li>
702                    <li class="block">
703                        <a href="/en-gb/floors/services/brochure-library/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
704                            Free brochures
705                        </a>
706                    </li>
707                    <li class="block">
708                        <a href="/en-gb/floors/services/installation-guides/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
709                            Download our installation guides
710                        </a>
711                    </li>
712        </ul>
713    </div>
714
715                                                    </div>
716                                                    <div class="col-span-1" data-nav-section="services_cleaning--care">
717                                                        
718
719    <div>
720        <!-- have to have unique ID / index for mobile vs desktop menus -->
721        <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Cleaning &amp; care</span>
722        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
723                    <li class="block">
724                        <a href="/en-gb/floors/services/cleaning-care/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
725                            How to care for your flooring
726                        </a>
727                    </li>
728                    <li class="block">
729                        <a href="/en-gb/floors/services/cleaning-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
730                            Buy our cleaning products
731                        </a>
732                    </li>
733        </ul>
734    </div>
735
736                                                    </div>
737                                                <div class="col-span-1" data-nav-section="services_image">
738                                                    
739    <div>
740        <a
741           href="/en-gb/floors/where-to-buy/find-a-retailer/"
742           class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
743            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
744                <img data-lazyload src="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800"
745                     data-srcset="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800 1x,/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=1600 2x"
746                     alt="Couple having a karndean design consultation "
747                     class="block w-full"/>
748            </span>
749            <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Find a retailer</span>
750        </a>
751    </div>
752
753                                                </div>
754                                        </div>
755                                    </div>
756                                </div>
757                            </li>
758                            <li class="dropdown">
759                                <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-3" aria-controls="primary-sub-menu-3">
760                                    <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus">
761                                        <span class="text-lg leading-tight font-medium pointer-events-none">Where to buy</span>
762                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
763                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
764                                        </svg>
765                                    </strong>
766                                </button>
767
768                                <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-3" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-3">
769                                    <div class="container motion-safe:animate-fadeinup">
770                                        <div class="grid grid-cols-4 gap-x-8">
771                                                    <div class="col-span-1" data-nav-section="where-to-buy_samples">
772                                                        
773
774    <div>
775        <!-- have to have unique ID / index for mobile vs desktop menus -->
776        <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Samples</span>
777        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
778                    <li class="block">
779                        <a href="/en-gb/floors/products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
780                            Order samples
781                        </a>
782                    </li>
783        </ul>
784    </div>
785
786                                                    </div>
787                                                    <div class="col-span-1" data-nav-section="where-to-buy_flooring">
788                                                        
789
790    <div>
791        <!-- have to have unique ID / index for mobile vs desktop menus -->
792        <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Flooring</span>
793        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
794                    <li class="block">
795                        <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
796                            Find a retailer near you
797                        </a>
798                    </li>
799                    <li class="block">
800                        <a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
801                            Buy a floor online
802                        </a>
803                    </li>
804        </ul>
805    </div>
806
807                                                    </div>
808                                                    <div class="col-span-1" data-nav-section="where-to-buy_other-products">
809                                                        
810
811    <div>
812        <!-- have to have unique ID / index for mobile vs desktop menus -->
813        <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Other products</span>
814        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
815                    <li class="block">
816                        <a href="/en-gb/floors/services/cleaning-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
817                            Buy our cleaning products
818                        </a>
819                    </li>
820                    <li class="block">
821                        <a href="/en-gb/floors/services/Smokey-the-Dog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
822                            Smokey the Dog plush toy
823                        </a>
824                    </li>
825        </ul>
826    </div>
827
828                                                    </div>
829                                        </div>
830                                    </div>
831                                </div>
832                            </li>
833            </ul>
834        </nav>
835        <div>
836            <div class="search-trigger-container hidden lg:flex">
837                <button type="button" class="bg-white rounded-full flex flex-col items-center justify-center w-6 h-6 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus" aria-expanded="false" id="search-trigger" aria-controls="search-panel" aria-label="Toggle site search">
838                    <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false">
839                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
840                    </svg>
841                </button>
842            </div>
843            <div class="dropdown-panel bg-white absolute top-[120px] right-0 left-0 w-full py-8 overflow-hidden hidden" id="search-panel" role="region" aria-hidden="true" aria-labelledby="search-trigger">
844                <div class="container relative motion-safe:animate-fadeinup">
845                    <div class="mx-auto w-[632px]">
846                        <form action="/en-gb/floors/search-results/" method="get" role="search" class="w-full relative">
847                            <div>
848                                <label for="txtSearchTerm" class="sr-only">Search</label>
849                                <div class="relative flex items-stretch flex-grow">
850                                    <input type="search" name="searchTerm" id="txtSearchTerm" class="block w-full h-[52px] bg-gray-medium border-gray-medium placeholder:!text-secondary-smokey-grey" placeholder="Search website">
851                                    <button type="button" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus ring-offset-gray-medium focus-visible:ring-offset-gray-medium border-0 h-6 w-6 absolute top-3.5 right-14 hidden" aria-label="Clear search" id="clear-site-search">
852                                        <svg class="h-6 w-6 icon-close-2" aria-hidden="true" focusable="false">
853                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-2"></use>
854                                        </svg>
855                                    </button>
856                                </div>
857                                <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-gray-medium ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6" aria-label="Search">
858                                    <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false">
859                                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
860                                    </svg>
861                                </button>
862                            </div>
863                        </form>
864                        <button type="button" id="close-search-panel" class="btn-rounded-with-label ml-auto absolute top-0 right-8">
865                            <span class="icon">
866                                <svg class="h-6 icon-close-1" aria-hidden="true" focusable="false">
867                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use>
868                                </svg>
869                            </span>
870                            <span class="label">Close <span class="sr-only">the dialog</span></span>
871                        </button>
872                    </div>
873                </div>
874            </div>
875        </div>
876
877    </div>
878
879
880            <div class="flex items-end gap-6 shrink-0 ml-auto">
881                <button type="button" class="bg-white rounded-full flex lg:hidden flex-col items-center justify-center w-6 h-6 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus js-mobile-search-btn" aria-expanded="false" aria-controls="search-panel" aria-label="Toggle mobile site search">
882                    <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false">
883                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
884                    </svg>
885                </button>
886
887                    <a href="/en-gb/floors/login/"
888                       class="group hidden md:flex justify-center flex-col items-center gap-0.5 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
889                        <div class="relative flex h-6 w-6">
890                            <svg class="h-6 w-6 icon-favorite icon-people" aria-hidden="true" focusable="false">
891                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use>
892                            </svg>
893                        </div>
894                        <span class="text-base leading-normal sr-only xl:not-sr-only transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">My Login</span>
895                    </a>
896
897                <app-my-favourites data-get-favourites-api-url="/api/karndeanResidentialSaved/all" data-label="My favourites" data-url="/en-gb/floors/favourites/" data-page-id="59530">
898                </app-my-favourites>
899
900                <app-my-samples data-get-basket-api-url="/api/karndeanResidentialCart/get"
901                                data-update-basket-api-url="/api/karndeanResidentialCart/updateQuantity"
902                                data-label="My samples"
903                                data-basket-label="Basket"
904                                data-subtitle="Order samples"
905                                data-close-label="Close"
906                                data-total-label="Total"
907                                data-subtotal-label="Subtotal"
908                                data-delivery-label="Delivery"
909                                data-basket-url="/en-gb/floors/basket/"
910                                data-basket-button-text="Continue to basket"
911                                data-page-id="59530"
912                                data-basket-items-price-label="Price"
913                                data-basket-item-qty-label="Quantity"
914                                data-basket-item-format-label="Format"
915                                data-basket-item-size-sample-label="size sample"
916                                data-basket-item-sample-size-label="sample size"
917                                data-basket-item-free-label="Free"
918                                data-basket-remove-label="Remove"
919                                data-order-more-samples-label="Order more samples"
920                                data-order-more-samples-url="/en-gb/floors/products/"
921                                data-sample-added-success-message="Sample added to my samples"
922                                data-samples-empty-image-one-times=""
923                                data-samples-empty-image-two-times=""
924                                data-samples-empty-image-alt="Product"
925                                data-samples-empty-title="You haven&#x27;t added any samples yet!"
926                                data-samples-empty-text="Samples are useful for getting a sense of how the floor will look and feel in your space. Browse our flooring"
927                                data-samples-empty-button-label="Browse our flooring"
928                                data-samples-empty-button-url="/en-gb/floors/products/"
929                                data-basket-loading-title="Loading..."
930                                data-basket-loading-text="Loading..."
931                                data-api-error-text="Error in adding sample"
932                                data-free-sample-single-limit-error-text="You have reached the maximum number of free chip samples"
933                                data-free-sample-total-limit-error-text="You have reached the maximum of 6 free chip samples"
934                                data-paid-sample-single-limit-error-text="You have reached the maximum number of full size samples"
935                                data-paid-sample-total-limit-error-text="The requested number of samples exceeds the number allowed"
936                                data-max-single-paid-sample-amount="3"
937                                data-max-paid-sample-amount="6"
938                                data-max-free-single-sample-amount="1"
939                                data-max-free-sample-amount="6">
940                </app-my-samples>
941            </div>
942        </div>
943
944        
945    <div class="js-slide-in-panel slide-in-panel hidden"
946         role="dialog"
947         data-direction="right"
948         id="dialog-mobile-nav"
949         aria-labelledby="dialog-mobile-nav-label"
950         aria-modal="true">
951        <div class="flex flex-col h-full">
952
953                <h2 id="dialog-mobile-nav-label" class="sr-only">Mobile navigation</h2>
954
955            <div class="overflow-y-auto overflow-x-hidden flex flex-col h-full">
956
957    <nav id="mobile-nav" aria-label="Mobile navigation" class="pt-12 md:pt-[112px] mb-6 px-4 md:px-12">
958        <div class="js-accordion-block" data-animation="on" data-multi-items="on">
959
960
961<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
962    <div>
963        <button id="mobile-menu-accordion-header-1" type="button" aria-controls="mobile-menu-accordion-content-1"
964                class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
965            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Our Floors</strong>
966			
967                <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
968                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
969                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
970                    </svg>
971                </span>
972        </button>
973    </div>
974    <div role="region" aria-labelledby="mobile-menu-accordion-header-1" id="mobile-menu-accordion-content-1" class="js-accordion-panel pb-6">
975        
976<div class="divide-y-2 divide-gray-border space-y-4">
977    <div data-nav-section="our-floors_browse-by-colour">
978        
979
980    <div class="pt-4 md:pt-0">
981        <span id="mobile-menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by colour</span>
982        <ul aria-labelledby="mobile-menu-label-browse-by-color" class="space-y-0.5">
983                <li class="block">
984                    <a href="/en-gb/floors/products/colour/white-cream/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
985                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
986                            <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/>
987                        </span>
988                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">White/Cream</span>
989                    </a>
990                </li>
991                <li class="block">
992                    <a href="/en-gb/floors/products/colour/blond-golden-yellow/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
993                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
994                            <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/>
995                        </span>
996                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blond/Golden/Yellow</span>
997                    </a>
998                </li>
999                <li class="block">
1000                    <a href="/en-gb/floors/products/colour/beige-taupe/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1001                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1002                            <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/>
1003                        </span>
1004                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Beige/Taupe</span>
1005                    </a>
1006                </li>
1007                <li class="block">
1008                    <a href="/en-gb/floors/products/colour/brown/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1009                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1010                            <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/>
1011                        </span>
1012                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Brown</span>
1013                    </a>
1014                </li>
1015                <li class="block">
1016                    <a href="/en-gb/floors/products/colour/grey/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1017                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1018                            <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/>
1019                        </span>
1020                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Grey</span>
1021                    </a>
1022                </li>
1023                <li class="block">
1024                    <a href="/en-gb/floors/products/colour/black/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1025                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1026                            <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/>
1027                        </span>
1028                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Black</span>
1029                    </a>
1030                </li>
1031                <li class="block">
1032                    <a href="/en-gb/floors/products/colour/orange-red-pink/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1033                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1034                            <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/>
1035                        </span>
1036                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Orange/Red/Pink</span>
1037                    </a>
1038                </li>
1039                <li class="block">
1040                    <a href="/en-gb/floors/products/colour/blue-green/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1041                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1042                            <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/>
1043                        </span>
1044                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blue/Green</span>
1045                    </a>
1046                </li>
1047                <li class="block">
1048                    <a href="/en-gb/floors/products?colour=60997" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1049                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1050                            <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/>
1051                        </span>
1052                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Multicolour</span>
1053                    </a>
1054                </li>
1055        </ul>
1056    </div>
1057
1058    </div>
1059    <div class="pt-4" data-nav-section="our-floors_browse-by-room">
1060        
1061
1062    <div>
1063        <span id="mobile-menu-label-browse-by-room" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by room</span>
1064        <ul aria-labelledby="mobile-menu-label-browse-by-room" class="space-y-0.5">
1065                <li class="block">
1066                    <a href="/en-gb/floors/products/our-rooms/kitchen/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1067                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1068                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/>
1069                        </span>
1070                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Kitchen flooring</span>
1071                    </a>
1072                </li>
1073                <li class="block">
1074                    <a href="/en-gb/floors/products/our-rooms/bathroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1075                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1076                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/>
1077                        </span>
1078                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bathroom flooring</span>
1079                    </a>
1080                </li>
1081                <li class="block">
1082                    <a href="/en-gb/floors/products/our-rooms/hallway/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1083                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1084                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/>
1085                        </span>
1086                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Entrance/Hallway flooring</span>
1087                    </a>
1088                </li>
1089                <li class="block">
1090                    <a href="/en-gb/floors/products/our-rooms/living-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1091                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1092                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/>
1093                        </span>
1094                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Living Room flooring</span>
1095                    </a>
1096                </li>
1097                <li class="block">
1098                    <a href="/en-gb/floors/products/our-rooms/dining-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1099                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1100                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/>
1101                        </span>
1102                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Dining room flooring</span>
1103                    </a>
1104                </li>
1105                <li class="block">
1106                    <a href="/en-gb/floors/products/our-rooms/bedroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1107                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1108                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/>
1109                        </span>
1110                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bedroom flooring</span>
1111                    </a>
1112                </li>
1113                <li class="block">
1114                    <a href="/en-gb/floors/products/our-rooms/utility/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1115                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1116                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/>
1117                        </span>
1118                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Utility room flooring</span>
1119                    </a>
1120                </li>
1121                <li class="block">
1122                    <a href="/en-gb/floors/products/our-rooms/home-office/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1123                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1124                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/>
1125                        </span>
1126                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Home office/study flooring</span>
1127                    </a>
1128                </li>
1129        </ul>
1130    </div>
1131
1132    </div>
1133    <div class="pt-4" data-nav-section="our-floors_browse-by-look">
1134        
1135
1136    <div>
1137        <span id="mobile-menu-label-browse-by-look" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by look</span>
1138        <ul aria-labelledby="mobile-menu-label-browse-by-look" class="space-y-2 xl:space-y-0 xl:grid xl:grid-cols-2 xl:gap-6 xl:max-w-[260px]">
1139                <li class="block">
1140                    <a href="/en-gb/floors/products/by-look/wood/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
1141                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
1142                            <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak--rl13__akp-rl13--living-space--p1_cm.jpg" alt="Living room with Art Select gluedown RL13 | rigid core AKP-RL13"/>
1143                        </span>
1144                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Wood</span>
1145                    </a>
1146                </li>
1147                <li class="block">
1148                    <a href="/en-gb/floors/products/by-look/stone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
1149                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
1150                            <img class="w-full" src="/globalassets/products/knight-tile-multi/residential-roomsets/st22-smokedconcrete-kitchen-ls1_cm.jpg" alt="Smoked Concrete Grey LVT Flooring in a Kitchen by Karndean Designflooring"/>
1151                        </span>
1152                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Stone</span>
1153                    </a>
1154                </li>
1155                <li class="block">
1156                    <a href="/en-gb/floors/products/by-look/abstract/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
1157                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
1158                            <img class="w-full" src="/globalassets/products/kaleidoscope/residential-roomsets/sp219-casablanca-bathroom-cameols1_cm.jpg" alt="Casablanca LVT flooring in a bathroom by Karndean Designflooring"/>
1159                        </span>
1160                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Abstract</span>
1161                    </a>
1162                </li>
1163                <li class="block">
1164                    <a href="/en-gb/floors/products/by-look/herringbone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
1165                        <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1">
1166                            <img class="w-full" src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/product-finder/herringbone.jpg" alt="Herringbone patterned luxury vinyl flooring in a light wood tone."/>
1167                        </span>
1168                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Herringbone</span>
1169                    </a>
1170                </li>
1171        </ul>
1172    </div>
1173
1174    </div>
1175    <div class="pt-4" data-nav-section="our-floors_explore">
1176        
1177
1178    <div>
1179        <!-- have to have unique ID / index for mobile vs desktop menus -->
1180        <span id="mobile-menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Explore</span>
1181        <ul aria-labelledby="mobile-menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1182                    <li class="block">
1183                        <a href="/en-gb/floors/products/our-ranges/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1184                            Our ranges
1185                        </a>
1186                    </li>
1187                    <li class="block">
1188                        <a href="/en-gb/floors/products/our-formats/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1189                            Our formats
1190                        </a>
1191                    </li>
1192                    <li class="block">
1193                        <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1194                            Floor benefits
1195                        </a>
1196                    </li>
1197        </ul>
1198            <a target="_top" href="/en-gb/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1199                <span>Browse all floors</span>
1200                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
1201                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
1202                </svg>
1203            </a>
1204    </div>
1205
1206    </div>
1207</div>
1208    </div>
1209</div>
1210
1211
1212<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1213    <div>
1214        <button id="mobile-menu-accordion-header-2" type="button" aria-controls="mobile-menu-accordion-content-2"
1215                class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
1216            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Inspiration</strong>
1217			
1218                <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
1219                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1220                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1221                    </svg>
1222                </span>
1223        </button>
1224    </div>
1225    <div role="region" aria-labelledby="mobile-menu-accordion-header-2" id="mobile-menu-accordion-content-2" class="js-accordion-panel pb-6">
1226        
1227    <div class="divide-y-2 divide-gray-border space-y-4">
1228                <div class="pt-4" data-nav-section="inspiration_get-inspired">
1229                    
1230
1231    <div>
1232        <!-- have to have unique ID / index for mobile vs desktop menus -->
1233        <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get inspired</span>
1234        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1235                    <li class="block">
1236                        <a href="/en-gb/floors/inspiration/inspiration-by-room/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1237                            Inspiration by room
1238                        </a>
1239                    </li>
1240                    <li class="block">
1241                        <a href="/en-gb/floors/inspiration/get-inspired/blog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1242                            Browse our blog
1243                        </a>
1244                    </li>
1245                    <li class="block">
1246                        <a href="/en-gb/floors/inspiration/get-inspired/real-home-gallery/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1247                            Real home gallery
1248                        </a>
1249                    </li>
1250        </ul>
1251    </div>
1252
1253                </div>
1254                <div class="pt-4" data-nav-section="inspiration_discover">
1255                    
1256
1257    <div>
1258        <!-- have to have unique ID / index for mobile vs desktop menus -->
1259        <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Discover</span>
1260        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1261                    <li class="block">
1262                        <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1263                            Why choose Karndean
1264                        </a>
1265                    </li>
1266                    <li class="block">
1267                        <a href="/en-gb/floors/inspiration/discover/explore-herringbone/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1268                            Herringbone flooring
1269                        </a>
1270                    </li>
1271                    <li class="block">
1272                        <a href="/en-gb/floors/inspiration/discover/abstract-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1273                            Abstract flooring
1274                        </a>
1275                    </li>
1276                    <li class="block">
1277                        <a href="/en-gb/floors/inspiration/discover/laying-patterns/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1278                            Laying patterns
1279                        </a>
1280                    </li>
1281        </ul>
1282    </div>
1283
1284                </div>
1285                <div class="pt-4" data-nav-section="inspiration_where-to-start">
1286                    
1287
1288    <div>
1289        <!-- have to have unique ID / index for mobile vs desktop menus -->
1290        <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Where to start</span>
1291        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1292                    <li class="block">
1293                        <a href="/en-gb/floors/services/brochure-library/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1294                            Explore our free brochures
1295                        </a>
1296                    </li>
1297                    <li class="block">
1298                        <a href="/en-gb/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1299                            Find your floor in a few steps
1300                        </a>
1301                    </li>
1302                    <li class="block">
1303                        <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1304                            See our floors in your room
1305                        </a>
1306                    </li>
1307        </ul>
1308    </div>
1309
1310                </div>
1311        <div class="pt-4" data-nav-section="inspiration_image">
1312            
1313    <div>
1314        <a
1315           href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/"
1316           class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1317            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
1318                <img data-lazyload src="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800"
1319                     data-srcset="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800 1x,/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=1600 2x"
1320                     alt="Karndean Floorstyle being used on a phone"
1321                     class="block w-full"/>
1322            </span>
1323            <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">See our floors in your room</span>
1324        </a>
1325    </div>
1326
1327        </div>
1328    </div>
1329
1330    </div>
1331</div>
1332
1333
1334<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1335    <div>
1336        <button id="mobile-menu-accordion-header-3" type="button" aria-controls="mobile-menu-accordion-content-3"
1337                class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
1338            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Services</strong>
1339			
1340                <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
1341                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1342                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1343                    </svg>
1344                </span>
1345        </button>
1346    </div>
1347    <div role="region" aria-labelledby="mobile-menu-accordion-header-3" id="mobile-menu-accordion-content-3" class="js-accordion-panel pb-6">
1348        
1349    <div class="divide-y-2 divide-gray-border space-y-4">
1350                <div class="pt-4" data-nav-section="services_helpful-information">
1351                    
1352
1353    <div>
1354        <!-- have to have unique ID / index for mobile vs desktop menus -->
1355        <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Helpful information</span>
1356        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1357                    <li class="block">
1358                        <a href="/en-gb/floors/inspiration/discover/what-is-lvt-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1359                            What is LVT Flooring?
1360                        </a>
1361                    </li>
1362                    <li class="block">
1363                        <a href="/en-gb/floors/where-to-buy/how-to-buy-a-karndean-floor/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1364                            How to buy a Karndean floor
1365                        </a>
1366                    </li>
1367                    <li class="block">
1368                        <a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1369                            Karndean Press
1370                        </a>
1371                    </li>
1372                    <li class="block">
1373                        <a href="/en-gb/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1374                            Ordering samples
1375                        </a>
1376                    </li>
1377                    <li class="block">
1378                        <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1379                            Find a retailer
1380                        </a>
1381                    </li>
1382                    <li class="block">
1383                        <a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1384                            Visit our showrooms
1385                        </a>
1386                    </li>
1387                <li class="block">
1388                    <a href="/en-gb/floors/services/lifetime-warranty/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-1 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black hover:decoration-2">
1389                        Product warranty
1390                    </a>
1391                </li>
1392        </ul>
1393            <a href="/en-gb/floors/about-us/frequently-asked-questions/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1394                <span>Help &amp; FAQs</span>
1395                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
1396                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
1397                </svg>
1398            </a>
1399    </div>
1400
1401                </div>
1402                <div class="pt-4" data-nav-section="services_useful-tools">
1403                    
1404
1405    <div>
1406        <!-- have to have unique ID / index for mobile vs desktop menus -->
1407        <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Useful tools</span>
1408        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1409                    <li class="block">
1410                        <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1411                            See our floors in your room
1412                        </a>
1413                    </li>
1414                    <li class="block">
1415                        <a href="/en-gb/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1416                            Find your ideal floor
1417                        </a>
1418                    </li>
1419                    <li class="block">
1420                        <a href="/en-gb/floors/services/brochure-library/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1421                            Free brochures
1422                        </a>
1423                    </li>
1424                    <li class="block">
1425                        <a href="/en-gb/floors/services/installation-guides/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1426                            Download our installation guides
1427                        </a>
1428                    </li>
1429        </ul>
1430    </div>
1431
1432                </div>
1433                <div class="pt-4" data-nav-section="services_cleaning--care">
1434                    
1435
1436    <div>
1437        <!-- have to have unique ID / index for mobile vs desktop menus -->
1438        <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Cleaning &amp; care</span>
1439        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1440                    <li class="block">
1441                        <a href="/en-gb/floors/services/cleaning-care/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1442                            How to care for your flooring
1443                        </a>
1444                    </li>
1445                    <li class="block">
1446                        <a href="/en-gb/floors/services/cleaning-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1447                            Buy our cleaning products
1448                        </a>
1449                    </li>
1450        </ul>
1451    </div>
1452
1453                </div>
1454        <div class="pt-4" data-nav-section="services_image">
1455            
1456    <div>
1457        <a
1458           href="/en-gb/floors/where-to-buy/find-a-retailer/"
1459           class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1460            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
1461                <img data-lazyload src="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800"
1462                     data-srcset="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800 1x,/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=1600 2x"
1463                     alt="Couple having a karndean design consultation "
1464                     class="block w-full"/>
1465            </span>
1466            <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Find a retailer</span>
1467        </a>
1468    </div>
1469
1470        </div>
1471    </div>
1472
1473    </div>
1474</div>
1475
1476
1477<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1478    <div>
1479        <button id="mobile-menu-accordion-header-4" type="button" aria-controls="mobile-menu-accordion-content-4"
1480                class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
1481            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Where to buy</strong>
1482			
1483                <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
1484                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1485                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1486                    </svg>
1487                </span>
1488        </button>
1489    </div>
1490    <div role="region" aria-labelledby="mobile-menu-accordion-header-4" id="mobile-menu-accordion-content-4" class="js-accordion-panel pb-6">
1491        
1492    <div class="divide-y-2 divide-gray-border space-y-4">
1493                <div class="pt-4" data-nav-section="where-to-buy_samples">
1494                    
1495
1496    <div>
1497        <!-- have to have unique ID / index for mobile vs desktop menus -->
1498        <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Samples</span>
1499        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1500                    <li class="block">
1501                        <a href="/en-gb/floors/products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1502                            Order samples
1503                        </a>
1504                    </li>
1505        </ul>
1506    </div>
1507
1508                </div>
1509                <div class="pt-4" data-nav-section="where-to-buy_flooring">
1510                    
1511
1512    <div>
1513        <!-- have to have unique ID / index for mobile vs desktop menus -->
1514        <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Flooring</span>
1515        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1516                    <li class="block">
1517                        <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1518                            Find a retailer near you
1519                        </a>
1520                    </li>
1521                    <li class="block">
1522                        <a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1523                            Buy a floor online
1524                        </a>
1525                    </li>
1526        </ul>
1527    </div>
1528
1529                </div>
1530                <div class="pt-4" data-nav-section="where-to-buy_other-products">
1531                    
1532
1533    <div>
1534        <!-- have to have unique ID / index for mobile vs desktop menus -->
1535        <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Other products</span>
1536        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1537                    <li class="block">
1538                        <a href="/en-gb/floors/services/cleaning-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1539                            Buy our cleaning products
1540                        </a>
1541                    </li>
1542                    <li class="block">
1543                        <a href="/en-gb/floors/services/Smokey-the-Dog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2">
1544                            Smokey the Dog plush toy
1545                        </a>
1546                    </li>
1547        </ul>
1548    </div>
1549
1550                </div>
1551        <div class="pt-4" data-nav-section="where-to-buy_image">
1552            
1553
1554        </div>
1555    </div>
1556
1557    </div>
1558</div>
1559        </div>
1560
1561    </nav>
1562    <div class="md:hidden bg-gray-light px-4 py-8 mt-auto">
1563        <ul class="space-y-6">
1564                <li>
1565                    <a href="/en-gb/floors/login/" class="group text-base inline-flex outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1566                        <svg width="24" height="24" class="mr-2 icon-people" aria-hidden="true" focusable="false">
1567                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use>
1568                        </svg>
1569                        <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">My Login</span>
1570                    </a>
1571                </li>
1572            <li>
1573                <a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/" rel="nofollow" class="group text-base inline-flex outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1574                    <svg width="24" height="24" class="mr-2 icon-exit" aria-hidden="true" focusable="false">
1575                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-exit"></use>
1576                    </svg>
1577                    <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Karndean for Commercial</span>
1578                </a>
1579            </li>
1580                <li>
1581                    <div class="js-dropdown-menu relative">
1582                            <button id="dropdown-country-trigger-mobile" type="button"
1583                                    class="js-dropdown-trigger h-6 group flex items-center outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus"
1584                                    aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-mobile">
1585                                <svg class="h-6 w-6 mr-2 icon-public" aria-hidden="true" focusable="false">
1586                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-public"></use>
1587                                </svg>
1588                                <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">
1589                                    <span class="sr-only">Switch region, current region:</span>United Kingdom
1590                                </span>
1591                                <svg class="h-5 w-5 ml-2 icon-flag-uk" aria-hidden="true" focusable="false">
1592                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use>
1593                                </svg>
1594                                <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
1595                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
1596                                </svg>
1597                            </button>
1598                        <ul id="dropdown-country-mobile" role="menu" aria-labelledby="dropdown-country-trigger-mobile" tabindex="-1"
1599                            class="js-dropdown-panel absolute bottom-6 left-0 bg-white rounded-[5px] border border-[#CFCFCF] py-2 px-2 space-y-2 z-100 shadow-lg hidden">
1600                                    <li role="menuitem" tabindex="-1">
1601                                        <a href="/en-us/floors/?regionswitch=true" aria-current="true"
1602                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1603                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false">
1604                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use>
1605                                            </svg>
1606                                            <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">United States</span>
1607                                        </a>
1608                                    </li>
1609                                    <li role="menuitem" tabindex="-1">
1610                                        <a href="/en-au/floors/?regionswitch=true" aria-current="true"
1611                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1612                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
1613                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
1614                                            </svg>
1615                                            <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span>
1616                                        </a>
1617                                    </li>
1618                                    <li role="menuitem" tabindex="-1">
1619                                        <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
1620                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1621                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
1622                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
1623                                            </svg>
1624                                            <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span>
1625                                        </a>
1626                                    </li>
1627                                    <li role="menuitem" tabindex="-1">
1628                                        <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
1629                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1630                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
1631                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
1632                                            </svg>
1633                                            <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span>
1634                                        </a>
1635                                    </li>
1636                        </ul>
1637                    </div>
1638                </li>
1639        </ul>
1640    </div>
1641            </div>
1642
1643
1644        </div>
1645    </div>
1646    <div id="dialog-mobile-nav-bg" class="js-slide-in-panel-bg slide-in-panel-bg hidden" aria-hidden="true"></div>
1647
1648
1649    </header>
1650    <div class="mobile-search-area hidden lg:!hidden">
1651        <div class="py-4 pt-0 px-4 md:px-12">
1652            <form action="/en-gb/floors/search-results/" method="get" role="search" class="w-full relative">
1653                <div>
1654                    <label for="mobileSearchTerm" class="sr-only">Search</label>
1655                    <div class="relative flex items-stretch flex-grow">
1656                        <input type="search" name="searchTerm" id="mobileSearchTerm" class="block w-full h-[52px] bg-gray-medium border-gray-medium placeholder:!text-secondary-smokey-grey" placeholder="Search website">
1657                    </div>
1658                    <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6 focus-visible:ring-offset-gray-medium" aria-label="Search">
1659                        <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false">
1660                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
1661                        </svg>
1662                    </button>
1663                </div>
1664            </form>
1665        </div>
1666    </div>
1667    <div id="menu-background" class="z-80 fixed inset-0 w-full h-full motion-safe:animate-fadein hidden bg-black/70 backdrop-blur-sm"></div>
1668
1669
1670  
1671
1672<section class="top-area">
1673    
1674
1675
1676    <div class="relative flex items-end h-[100vw] md:h-2/3 md:min-h-[500px] lg:[70vh] 2xl:h-[60vh] object-cover shrink-0">
1677
1678        <div class="absolute bottom-0 left-0 right-0 h-3/4 xl:h-1/2 bg-gradient-to-t from-black/40 to-transparent z-10 mix-blend-multiply"></div>
1679
1680        <div class="absolute bottom-0 z-0 flex object-cover w-full h-full">
1681            <picture data-lazyload class="block w-full h-full" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=800" data-alt="Dining room with Art Select gluedown  LM38 | rigid core AKT-LM38">
1682                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=2400, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=4800 2x" media="(min-width: 2000px)">
1683                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=1800 , /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=2600 2x" media="(min-width: 768px)">
1684                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm-1.jpg?width=800, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm-1.jpg?width=1600 2x" media="(min-width: 320px)">
1685                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=50 ">
1686                <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=1800" class="h-full no-js" alt="Dining room with Art Select gluedown  LM38 | rigid core AKT-LM38"></noscript>
1687            </picture>
1688        </div>
1689
1690        <div class="container z-20 space-y-4 md:space-y-8 max-w-[1128px] mb-6 md:mb-16 text-center">
1691            <h1 class="text-white text-balance text-4xl md:text-5xl 2xl:text-6xl" data-epi-property-name="Heading" data-epi-use-mvc="True">Beautiful LVT flooring, designed for life.</h1>
1692            <a href="/en-gb/floors/products/" class="btn btn-white inline-flex">Browse all floors</a>
1693        </div>
1694
1695    </div>
1696
1697</section>
1698
1699<main id="main" class="main">
1700
1701
1702
1703    <div class="pb-6 md:pb-12 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0">
1704            <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12">
1705                <div class="space-y-2 lg:col-span-10 lg:col-start-2">
1706                        <h2 class="text-display-sm leading-tight md:text-display-lg text-primary" data-epi-edit="Heading" data-epi-use-mvc="True" data-epi-property-edittype="inline">Browse by look</h2>
1707                </div>
1708            </div>
1709        <div class="space-y-8">
1710            
1711
1712    <div class="flex flex-wrap justify-center -mx-2 w-[calc(100%+1rem)] md:-mx-3 md:w-[calc(100%+1.5rem)] -mt-2.5">
1713            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1714                <a href="/en-gb/floors/products/by-look/wood/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg">
1715                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1716                        <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=50"
1717                             data-srcset="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=386 1x, /globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=772 2x"
1718                             alt="Canadian Urban Oak RKP116 in a living room"
1719                             class="block w-full" />
1720                    </span>
1721                    <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Wood design</span>
1722                </a>
1723            </div>
1724            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1725                <a href="/en-gb/floors/products/by-look/herringbone/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg">
1726                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1727                        <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=50"
1728                             data-srcset="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=386 1x, /globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=772 2x"
1729                             class="block w-full" />
1730                    </span>
1731                    <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Herringbone flooring</span>
1732                </a>
1733            </div>
1734            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1735                <a href="/en-gb/floors/products/by-look/stone/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg">
1736                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1737                        <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=50"
1738                             data-srcset="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=386 1x, /globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=772 2x"
1739                             class="block w-full" />
1740                    </span>
1741                    <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Stone design</span>
1742                </a>
1743            </div>
1744            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1745                <a href="/en-gb/floors/products/our-ranges/kaleidoscope/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg">
1746                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1747                        <img data-lazyload src="/globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=50"
1748                             data-srcset="/globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=386 1x, /globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=772 2x"
1749                             class="block w-full" />
1750                    </span>
1751                    <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Abstract design</span>
1752                </a>
1753            </div>
1754    </div>
1755
1756        </div>
1757
1758        
1759    </div>
1760
1761    <div class="pb-6 md:pb-12 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0">
1762            <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12">
1763                <div class="space-y-2 lg:col-span-10 lg:col-start-2">
1764                        <h2 class="text-display-sm leading-tight md:text-display-lg text-primary" data-epi-edit="Heading" data-epi-use-mvc="True" data-epi-property-edittype="inline">See what others say...</h2>
1765                </div>
1766            </div>
1767        <div class="space-y-8">
1768            
1769
1770<!-- TrustBox widget - Slider -->
1771<div class="trustpilot-widget" data-locale="en-GB" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="5dd65017a7a27e0001b88c21" data-style-height="240px" data-style-width="100%" data-token="d962aa7c-0163-4303-a6ad-ae5454ee666c" data-stars="5" data-review-languages="en" data-text-color="#222222">
1772    <a href="https://www.trustpilot.com/review/karndean.com" target="_blank" rel="noopener">Trustpilot</a>
1773</div>
1774<!-- End TrustBox widget -->
1775        </div>
1776
1777        
1778    </div>
1779
1780    <div class="py-6 md:py-12 first-of-type:pt-3.5 first-of-type:md:pt-6 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0">
1781        <div class="space-y-8">
1782            
1783
1784
1785    <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12">
1786
1787            <div class="col-span-1 aspect-5/3 md:aspect-1/1 lg:aspect-5/3 xl:col-span-6 xl:col-start-2 group-even:md:order-2 group-even:xl:col-start-6 rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-hidden">
1788                <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=2800" data-alt="Book a free design consultation with a Karndean flooring expert" data-loaded="true">
1789                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=2800 2x" media="(min-width: 1024px)">
1790                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400 2x" media="(min-width: 320px)">
1791                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=50 ">
1792                    <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full  no-js" alt="Book a free design consultation with a Karndean flooring expert"></noscript>
1793                    <img alt="Book a free design consultation with a Karndean flooring expert">
1794                </picture>
1795            </div>
1796
1797            <div class="col-span-1 space-y-8 xl:col-span-4 xl:col-start-8 group-even:xl:col-start-2 p-6 pb-12 md:p-0 rounded-bl-lg rounded-br-lg bg-gray-light md:bg-transparent md:rounded-none">
1798                <div class="space-y-4">
1799                        <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Showroom update</h3>
1800
1801                        <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating">
1802                            Our showroom is currently undergoing an exciting transformation.&#xA;It will be temporarily closed from 8th July, reopening on 28th September with a brand new look and experience.&#xA;During this time, a pop-up showroom will be available at our Evesham head office from 22nd July to 12th September, by appointment only.
1803                        </p>
1804                </div>
1805                    <a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" class="btn btn-secondary sm:inline-flex">Plan your visit</a>
1806            </div>
1807
1808    </div>
1809
1810    <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12">
1811
1812            <div class="col-span-1 aspect-5/3 md:aspect-1/1 lg:aspect-5/3 xl:col-span-6 xl:col-start-2 group-even:md:order-2 group-even:xl:col-start-6 rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-hidden">
1813                <div class="flex h-full w-full js-video-background relative overflow-hidden rounded-tl-lg rounded-tr-lg md:rounded-lg">
1814                        <video class="h-full w-full object-cover h-fit" muted loop autoplay="true" playsinline aria-hidden="true">
1815                            <source data-src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/anz/contact-us/anz-karndean-floorstyle-visualiser-tool-lvt-flooring-1400x788.mp4" src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/anz/contact-us/anz-karndean-floorstyle-visualiser-tool-lvt-flooring-1400x788.mp4" />
1816                        </video>
1817
1818                    <button type="button" class="group js-play-button absolute text-white bottom-6 right-6 bg-black w-12 h-12 rounded-full sm:hover:bg-secondary-smokey-grey transition-colors outline-none ring-3 ring-transparent ring-offset-0 duration-500 focus-visible:ring-focus" aria-label="Play video" data-play-label="Play video" data-pause-video="Pause video">
1819                        <svg class="w-12 h-12 block group-[.is-playing]:hidden icon-play" aria-hidden="true" focusable="false">
1820                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-play"></use>
1821                        </svg>
1822                        <svg class="w-12 h-12 hidden group-[.is-playing]:block icon-pause" aria-hidden="true" focusable="false">
1823                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pause"></use>
1824                        </svg>
1825                    </button>
1826
1827                </div>
1828            </div>
1829
1830            <div class="col-span-1 space-y-8 xl:col-span-4 xl:col-start-8 group-even:xl:col-start-2 p-6 pb-12 md:p-0 rounded-bl-lg rounded-br-lg bg-gray-light md:bg-transparent md:rounded-none">
1831                <div class="space-y-4">
1832                        <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">See it in your room</h3>
1833
1834                        <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating">
1835                            Bring your flooring ideas to life with our room visualiser. It&#x2019;s fun to use and helps you to see what different luxury vinyl floors and laying patterns will look like in your own room.
1836                        </p>
1837                </div>
1838                    <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="btn btn-secondary sm:inline-flex">Try Floorstyle</a>
1839            </div>
1840
1841    </div>
1842
1843    <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12">
1844
1845            <div class="col-span-1 aspect-5/3 md:aspect-1/1 lg:aspect-5/3 xl:col-span-6 xl:col-start-2 group-even:md:order-2 group-even:xl:col-start-6 rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-hidden">
1846                <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=2800" data-alt
1846="Flooring samples matched into a moodboard with other interior design samples" data-loaded="true">
1847                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=2800 2x" media="(min-width: 1024px)">
1848                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400 2x" media="(min-width: 320px)">
1849                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=50 ">
1850                    <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full  no-js" alt="Flooring samples matched into a moodboard with other interior design samples"></noscript>
1851                    <img alt="Flooring samples matched into a moodboard with other interior design samples">
1852                </picture>
1853            </div>
1854
1855            <div class="col-span-1 space-y-8 xl:col-span-4 xl:col-start-8 group-even:xl:col-start-2 p-6 pb-12 md:p-0 rounded-bl-lg rounded-br-lg bg-gray-light md:bg-transparent md:rounded-none">
1856                <div class="space-y-4">
1857                        <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Free samples available</h3>
1858
1859                        <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating">
1860                            You can order up to 6 FREE samples delivered to your door to help you find your perfect floor.
1861                        </p>
1862                </div>
1863                    <a href="/en-gb/floors/services/ordering-samples/" class="btn btn-secondary sm:inline-flex">Order now</a>
1864            </div>
1865
1866    </div>
1867
1868        </div>
1869
1870        
1871    </div>
1872
1873    <div class="pb-6 md:pb-12 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0">
1874            <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12">
1875                <div class="space-y-2 lg:col-span-10 lg:col-start-2">
1876                        <h2 class="text-display-sm leading-tight md:text-display-lg text-primary" data-epi-edit="Heading" data-epi-use-mvc="True" data-epi-property-edittype="inline">Why Karndean?</h2>
1877                </div>
1878            </div>
1879        <div class="space-y-8">
1880            
1881
1882<div class="space-y-8 md:space-y-0 md:grid md:grid-cols-3 md:gap-6 lg:gap-8 xl:gap-20 md:items-start">
1883        <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6">
1884            <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto">
1885
1886                <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=50"
1887                     data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=240 2x"
1888                     aria-hidden="true"
1889                     class="block w-full"/>
1890
1891            </div>
1892            <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between">
1893                <div class="md:space-y-2">
1894                    <h3 class="text-lg !leading-normal lg:text-xl">Designed for life</h3>
1895                    <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">Our LVT flooring is easy to clean, 100% waterproof and comfortable underfoot.</p>
1896                </div>
1897                    <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="btn-link btn-link-underline font-medium text-base lg:text-lg">
1898                        <span class="btn-link-underline-child">Learn more</span>
1899                    </a>
1900            </div>
1901        </div>
1902        <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6">
1903            <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto">
1904
1905                <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=50"
1906                     data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=240 2x"
1907                     aria-hidden="true"
1908                     class="block w-full"/>
1909
1910            </div>
1911            <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between">
1912                <div class="md:space-y-2">
1913                    <h3 class="text-lg !leading-normal lg:text-xl">Measure &amp; fitting service</h3>
1914                    <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">Our network of retail partners offer a full measure, quote and fitting service.</p>
1915                </div>
1916                    <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="btn-link btn-link-underline font-medium text-base lg:text-lg" target="_blank">
1917                        <span class="btn-link-underline-child">Find your nearest retailer</span>
1918                    </a>
1919            </div>
1920        </div>
1921        <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6">
1922            <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto">
1923
1924                <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=50"
1925                     data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=240 2x"
1926                     alt="Lifetime Warranty"
1927                     aria-hidden="true"
1928                     class="block w-full"/>
1929
1930            </div>
1931            <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between">
1932                <div class="md:space-y-2">
1933                    <h3 class="text-lg !leading-normal lg:text-xl">Lifetime warranty</h3>
1934                    <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">For peace of mind all our residential floors come with a 35 year warranty.</p>
1935                </div>
1936                    <a href="/en-gb/floors/services/lifetime-warranty/" class="btn-link btn-link-underline font-medium text-base lg:text-lg">
1937                        <span class="btn-link-underline-child">Learn more</span>
1938                    </a>
1939            </div>
1940        </div>
1941</div>
1942
1943        </div>
1944
1945        
1946    </div>
1947
1948    <div class="py-6 md:py-12 first-of-type:pt-3.5 first-of-type:md:pt-6 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0">
1949        <div class="space-y-8">
1950            
1951
1952    <div class="faqs-block mx-auto max-w-[1070px]">
1953
1954            <h2 class="text-4xl md:mb-8 text-">FAQ&#x27;s about our formats</h2>
1955
1956        <button class="js-accordion-open-all group btn-rounded-with-label ml-auto mr-2 md:mr-5">
1957            <span class="label group-[.is-open]:hidden">Show all <span class="sr-only">FAQ Accordions</span></span>
1958            <span class="label hidden group-[.is-open]:block">Hide all <span class="sr-only">FAQ Accordions</span></span>
1959            <span class="icon">
1960                <svg width="24" height="24" class="rotate-90 group-[.is-open]:-rotate-90 transition-none icon-arrow-1" aria-hidden="true" focusable="false">
1961                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1962                </svg>
1963            </span>
1964        </button>
1965
1966        <div class="js-accordion-block" data-animation="on" data-multi-items="on">
1967            
1968
1969    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1970        <div>
1971            <button id="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-header-89354" type="button" aria-controls="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-content-89354" aria-expanded="false"
1972                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
1973                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is Karndean Designflooring?</strong>
1974
1975                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
1976                    <strong class="hidden md:flex text-lg">
1977                        <span data-show-label>Show</span>
1978                        <span data-hide-label>Hide</span>
1979                    </strong>
1980                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1981                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1982                    </svg>
1983                </span>
1984            </button>
1985        </div>
1986        <div role="region" aria-labelledby="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-header-89354" id="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-content-89354" class="js-accordion-panel pb-6">
1987            <div class="wysiwyg w-full max-w-none">
1988<p>Karndean Designflooring is a brand of luxury vinyl flooring known for replicating the look and feel of natural materials like wood and stone, offering durability, easy maintenance, and a wide range of design options.</p></div>
1989        </div>
1990    </div>
1991
1992    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1993        <div>
1994            <button id="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-header-89355" type="button" aria-controls="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-content-89355" aria-expanded="false"
1995                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
1996                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">Is LVT suitable for a home with pets?</strong>
1997
1998                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
1999                    <strong class="hidden md:flex text-lg">
2000                        <span data-show-label>Show</span>
2001                        <span data-hide-label>Hide</span>
2002                    </strong>
2003                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2004                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2005                    </svg>
2006                </span>
2007            </button>
2008        </div>
2009        <div role="region" aria-labelledby="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-header-89355" id="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-content-89355" class="js-accordion-panel pb-6">
2010            <div class="wysiwyg w-full max-w-none">
2011<p>Yes, our flooring is durable, water resistant and easy to clean.&nbsp;</p></div>
2012        </div>
2013    </div>
2014
2015    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2016        <div>
2017            <button id="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-header-89356" type="button" aria-controls="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-content-89356" aria-expanded="false"
2018                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2019                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is gluedown flooring?</strong>
2020
2021                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
2022                    <strong class="hidden md:flex text-lg">
2023                        <span data-show-label>Show</span>
2024                        <span data-hide-label>Hide</span>
2025                    </strong>
2026                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2027                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2028                    </svg>
2029                </span>
2030            </button>
2031        </div>
2032        <div role="region" aria-labelledby="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-header-89356" id="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-content-89356" class="js-accordion-panel pb-6">
2033            <div class="wysiwyg w-full max-w-none">
2034<p>Gluedown flooring is affixed to the subfloor with adhesive. Individual planks and tiles can be cut and laid in patterns, allowing you to create stylish custom looks or zoning that sets an area apart. The &nbsp;possibilities are endless. <a href="/en-gb/floors/products/our-formats/gluedown/">View the benefits of Gluedown flooring.</a></p></div>
2035        </div>
2036    </div>
2037
2038    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2039        <div>
2040            <button id="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-header-89357" type="button" aria-controls="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-content-89357" aria-expanded="false"
2041                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2042                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is click-lock flooring?</strong>
2043
2044                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
2045                    <strong class="hidden md:flex text-lg">
2046                        <span data-show-label>Show</span>
2047                        <span data-hide-label>Hide</span>
2048                    </strong>
2049                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2050                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2051                    </svg>
2052                </span>
2053            </button>
2054        </div>
2055        <div role="region" aria-labelledby="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-header-89357" id="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-content-89357" class="js-accordion-panel pb-6">
2056            <div class="wysiwyg w-full max-w-none">
2057<p>Click-lock flooring is an easy-to-install &ldquo;floating floor,&rdquo; which means adhesive is not required.&nbsp;<a href="/en-gb/floors/products/our-formats/rigid-core/">View the benefits here.</a></p></div>
2058        </div>
2059    </div>
2060
2061    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2062        <div>
2063            <button id="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-header-89358" type="button" aria-controls="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-content-89358" aria-expanded="false"
2064                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2065                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is the difference between LVT and sheet vinyl?</strong>
2066
2067                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
2068                    <strong class="hidden md:flex text-lg">
2069                        <span data-show-label>Show</span>
2070                        <span data-hide-label>Hide</span>
2071                    </strong>
2072                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2073                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2074                    </svg>
2075                </span>
2076            </button>
2077        </div>
2078        <div role="region" aria-labelledby="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-header-89358" id="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-content-89358" class="js-accordion-panel pb-6">
2079            <div class="wysiwyg w-full max-w-none">
2080<p>LVT comes in the form of individual tiles or planks and are often designed to mimic the look of natural materials like wood or stone. Sheet vinyl comes in large rolls and a design is printed into the surface.</p></div>
2081        </div>
2082    </div>
2083
2084    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2085        <div>
2086            <button id="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-header-94962" type="button" aria-controls="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-content-94962" aria-expanded="false"
2087                    class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2088                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">How can I purchase Karndean flooring?</strong>
2089
2090                <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus">
2091                    <strong class="hidden md:flex text-lg">
2092                        <span data-show-label>Show</span>
2093                        <span data-hide-label>Hide</span>
2094                    </strong>
2095                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2096                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2097                    </svg>
2098                </span>
2099            </button>
2100        </div>
2101        <div role="region" aria-labelledby="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-header-94962" id="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-content-94962" class="js-accordion-panel pb-6">
2102            <div class="wysiwyg w-full max-w-none">
2103<p>You can purchase our flooring through one of our approved retailers. <a href="/en-gb/floors/where-to-buy/find-a-retailer/">Find your local retailer</a></p></div>
2104        </div>
2105    </div>
2106
2107        </div>
2108    </div>
2109
2110        </div>
2111
2112        
2113    </div>
2114
2115    
2116
2117</main>
2118
2119
2120
2121
2122        <div class="py-12 max-w-[624px] mx-auto px-4 sm:px-6">
2123
2124            <div class="text-center mb-6 space-y-4 sm:space-y-0">
2125                <h4 class="text-display-sm text-primary leading-tight">Inspiration &amp; Trends </h4>
2126                <p class="text-base leading-normal text-balance">Stay up to date with new flooring designs, trends and more. </p>
2127            </div>
2128            <form id="newsletter-signup-form" novalidate data-submit-loading="true" class="max-w-xl mx-auto" data-api-url="/api/karndeanNewsletter/add">
2129                <div aria-live="assertive" role="alert" id="newsletter-form-error-container" class="border-4  mb-6 border-error mt-8 outline-none ring-4 ring-transparent p-6 space-y-2 focus-visible:ring-focus hidden">
2130                    <span class="block text-lg leading-normal font-medium" id="newsletter-form-error"></span>
2131                </div>
2132
2133                <div aria-live="assertive" role="alert" id="newsletter-success" class="border-4 border-success mt-8  mb-6  outline-none ring-4 ring-transparent p-6 space-y-2 focus-visible:ring-focus hidden">
2134                    <span class="block text-lg leading-normal font-medium" id="form-response-title" data-success="Success!" data-fail="Oops, sorry!"></span>
2135                    <span class="block text-base" id="form-success-response"></span>
2136                </div>
2137                
2138                <div class="form-group flex flex-wrap relative mb-6 mx-auto overflow-hidden">
2139                    <label class="sr-only text-white text-5 font-bold" for="email">Email Address</label>
2140                    <div class="w-full relative sm:pr-[144px]">
2141                        <input type="email" class="rounded-full px-6 mb-4 sm:mb-0 sm:rounded-tr-none sm:rounded-br-none relative focus-visible:z-10 w-full" data-validation-message="Enter email address" name="email" id="email" required placeholder="Enter your email address" />
2142                        <button type="submit" class="btn btn-loading btn-small w-full sm:absolute sm:bottom-0 sm:right-0 sm:w-auto sm:rounded-tl-none sm:rounded-bl-none sm:max-w-[146px] sm:min-w-[146px] sm:px-4 sm:-ml-1 focus-visible:z-10 ring-offset-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white sm:h-14">
2143                            <span data-state="default">
2144                                <span>Sign up</span>
2145                            </span>
2146                            <span data-state="loading">
2147                                <svg class="h-5 w-5 mr-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
2148                                     xmlns:xlink="http://www.w3.org/1999/xlink"
2149                                     style="background: none; display: block; shape-rendering: auto;" width="100px"
2150                                     height="100px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
2151                                    <circle cx="50" cy="50" fill="none" stroke="currentColor" stroke-width="9" r="37"
2152                                            stroke-dasharray="174.35839227423352 60.119464091411174">
2153                                        <animateTransform attributeName="transform" type="rotate" repeatCount="indef
2153inite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1">
2154                                        </animateTransform>
2155                                    </circle>
2156                                </svg>
2157                                <span class="sr-only">Loading...</span>
2158                            </span>
2159                        </button>
2160                    </div>
2161                </div>
2162                <span class="text-base font-medium leading-normal block text-center">Unsubscribe anytime</span>
2163            </form>
2164            
2165
2166        </div>
2167    <footer class="relative bg-secondary-smokey-grey text-white pt-12 pb-24 md:pt-14 md:pb-0 mt-auto">
2168        <div class="container space-y-4 md:space-y-8">
2169
2170            <div class="grid grid-cols-1 md:grid-cols-12 xl:grid-cols-24 2xl:grid-cols-12 md:gap-4 xl:gap-6 2xl:gap-7">
2171
2172
2173    <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-6 2xl:col-span-3 mb-4 md:mb-0">
2174        <div class="mb-8 lg:mb-0">
2175            <div class="flex items-start mb-2">
2176                <svg width="55" height="55" class="mr-2 icon-location-pin" aria-hidden="true" focusable="false">
2177                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-pin"></use>
2178                </svg>
2179                <h2 class="text-white text-display-sm leading-tighter">Find a Retailer</h2>
2180            </div>
2181            <p class="text-lg leading-relaxed">All our retail partners offer a measure, quote and professional fitting service.</p>
2182
2183            <form action="/en-gb/floors/where-to-buy/find-a-retailer/" method="get" role="search" class="js-far-form w-full pt-8 md:pt-6">
2184                <label for="retailerSearchTerm" class="flex items-center text-lg font-medium leading-normal text-white mb-4">
2185                    <svg width="24" height="24" class="mr-2 icon-location-1" aria-hidden="true" focusable="false">
2186                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-1"></use>
2187                    </svg>
2188                    <span>Find your nearest retailer</span>
2189                </label>
2190                <div class="relative mb-4">
2191
2192                    <input type="hidden" name="lat" class="js-far-latitude" readonly>
2193                    <input type="hidden" name="lng" class="js-far-longitude" readonly>
2194
2195                    <div class="relative flex items-stretch flex-grow">
2196                        <input type="search" name="postcode" id="retailerSearchTerm" class="block w-full h-[52px] bg-gray-light border-gray-light ring-offset-secondary-smokey-grey focus-visible:ring-offset-secondary-smokey-grey" placeholder="Enter postcode">
2197                    </div>
2198                    <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6" aria-label="Search">
2199                        <svg class="h-6 w-6 text-black icon-search" aria-hidden="true" focusable="false">
2200                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
2201                        </svg>
2202                    </button>
2203                </div>
2204                <button class="js-get-location text-white text-lg flex items-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey transition-all focus-visible:ring-focus duration-300 underline  decoration-1 underline-offset-[4px] decoration-white hover:decoration-transparent md:hidden">
2205                    <svg width="24" height="24" class="mr-2 icon-location-searching" aria-hidden="true" focusable="false">
2206                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-searching"></use>
2207                    </svg>
2208                    <span class="block group-[.is-loading]:hidden">Use my location</span>
2209                    <span class="hidden group-[.is-loading]:block">Getting Location</span>
2210                </button>
2211            </form>
2212        </div>
2213    </div>
2214
2215                <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 xl:col-start-8 2xl:col-span-2 2xl:col-start-5">
2216                    <h2 id="footer-menu-1" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Our Floors</h2>
2217                    <nav aria-labelledby="footer-menu-1" class="hidden xl:block">
2218                            <ul class="space-y-2">
2219                                    <li><a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Why Karndean floors?</a></li>
2220                                    <li><a href="/en-gb/floors/products/our-formats/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our formats</a></li>
2221                                    <li><a href="/en-gb/floors/products/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Browse all flooring</a></li>
2222                                    <li><a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Buy a floor online</a></li>
2223                            </ul>
2224                    </nav>
2225                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2226                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2227                            <div>
2228                                <button id="footer-accordion-header-1" type="button" aria-controls="footer-accordion-content-1" aria-expanded="false"
2229                                        class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2230                                    <strong class="font-ubuntu text-xl text-white font-medium">Our Floors</strong>
2231
2232                                    <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey">
2233                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2234                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2235                                        </svg>
2236                                    </span>
2237                                </button>
2238                            </div>
2239                            <section aria-labelledby="footer-accordion-header-1" id="footer-accordion-content-1" class="js-accordion-panel pb-6">
2240                                <nav aria-labelledby="footer-menu-1">
2241                                        <ul class="space-y-2">
2242                                                <li><a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Why Karndean floors?</a></li>
2243                                                <li><a href="/en-gb/floors/products/our-formats/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our formats</a></li>
2244                                                <li><a href="/en-gb/floors/products/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Browse all flooring</a></li>
2245                                                <li><a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Buy a floor online</a></li>
2246                                        </ul>
2247                                </nav>
2248                            </section>
2249                        </div>
2250                    </div>
2251                </div>
2252
2253                <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 2xl:col-span-2">
2254                    <h2 id="footer-menu-2" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">About Karndean</h2>
2255                    <nav aria-labelledby="footer-menu-2" class="hidden xl:block">
2256                            <ul class="space-y-2">
2257                                    <li><a href="/en-gb/floors/about-us/our-story/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our story</a></li>
2258                                    <li><a href="/en-gb/floors/about-us/karndean-evolve/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Sustainability</a></li>
2259                                    <li><a href="/en-gb/floors/about-us/our-culture/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our culture</a></li>
2260                                    <li><a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Karndean Press</a></li>
2261                                    <li><a href="/en-gb/floors/about-us/wellbeing-and-community/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Wellbeing &amp; community</a></li>
2262                                    <li><a href="/en-gb/floors/about-us/wellbeing-and-community/shelter/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Shelter - charity of the year</a></li>
2263                                    <li><a href="/en-gb/floors/about-us/careers-at-karndean/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Careers at Karndean</a></li>
2264                                    <li><a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/resources/helpful-information/karndean-fitting-courses/#focus=ev-s0u8-20250714000000" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Karndean floor fitting courses</a></li>
2265                            </ul>
2266                    </nav>
2267                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2268                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2269                            <div>
2270                                <button id="footer-accordion-header-2" type="button" aria-controls="footer-accordion-content-2" aria-expanded="false"
2271                                        class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2272                                    <strong class="font-ubuntu text-xl text-white font-medium">About Karndean</strong>
2273
2274                                    <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey">
2275                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2276                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2277                                        </svg>
2278                                    </span>
2279                                </button>
2280                            </div>
2281                            <section aria-labelledby="footer-accordion-header-2" id="footer-accordion-content-2" class="js-accordion-panel pb-6">
2282                                <nav aria-labelledby="footer-menu-2">
2283                                        <ul class="space-y-2">
2284                                                <li><a href="/en-gb/floors/about-us/our-story/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our story</a></li>
2285                                                <li><a href="/en-gb/floors/about-us/karndean-evolve/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Sustainability</a></li>
2286                                                <li><a href="/en-gb/floors/about-us/our-culture/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our culture</a></li>
2287                                                <li><a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Karndean Press</a></li>
2288                                                <li><a href="/en-gb/floors/about-us/wellbeing-and-community/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Wellbeing &amp; community</a></li>
2289                                                <li><a href="/en-gb/floors/about-us/wellbeing-and-community/shelter/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Shelter - charity of the year</a></li>
2290                                                <li><a href="/en-gb/floors/about-us/careers-at-karndean/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Careers at Karndean</a></li>
2291                                                <li><a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/resources/helpful-information/karndean-fitting-courses/#focus=ev-s0u8-20250714000000" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Karndean floor fitting courses</a></li>
2292                                        </ul>
2293                                </nav>
2294                            </section>
2295                        </div>
2296                    </div>
2297                </div>
2298
2299                <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 2xl:col-span-2">
2300                    <h2 id="footer-menu-3" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Customer Services</h2>
2301                    <nav aria-labelledby="footer-menu-3" class="hidden xl:block">
2302                            <ul class="space-y-2">
2303                                    <li><a href="/en-gb/floors/about-us/frequently-asked-questions/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Help &amp; FAQs</a></li>
2304                                    <li><a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Find a retailer</a></li>
2305                                    <li><a href="/en-gb/floors/helpful-information/contact-us/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Contact us</a></li>
2306                                    <li><a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Visit our showroom</a></li>
2307                                    <li><a href="/en-gb/floors/services/lifetime-warranty/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Product warranty</a></li>
2308                                    <li><a href="/en-gb/floors/services/cleaning-products/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Buy cleaning products</a></li>
2309                                    <li><a href="/en-gb/floors/services/installation-guides/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Installation guides</a></li>
2310                            </ul>
2311                    </nav>
2312                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2313                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2314                            <div>
2315                                <button id="footer-accordion-header-3" type="button" aria-controls="footer-accordion-content-3" aria-expanded="false"
2316                                        class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10">
2317                                    <strong class="font-ubuntu text-xl text-white font-medium">Customer Services</strong>
2318
2319                                    <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey">
2320                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2321                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2322                                        </svg>
2323                                    </span>
2324                                </button>
2325                            </div>
2326                            <section aria-labelledby="footer-accordion-header-3" id="footer-accordion-content-3" class="js-accordion-panel pb-6">
2327                                <nav aria-labelledby="footer-menu-3">
2328                                        <ul class="space-y-2">
2329                                                <li><a href="/en-gb/floors/about-us/frequently-asked-questions/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Help &amp; FAQs</a></li>
2330                                                <li><a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Find a retailer</a></li>
2331                                                <li><a href="/en-gb/floors/helpful-information/contact-us/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Contact us</a></li>
2332                                                <li><a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Visit our showroom</a></li>
2333                                                <li><a href="/en-gb/floors/services/lifetime-warranty/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Product warranty</a></li>
2334                                                <li><a href="/en-gb/floors/services/cleaning-products/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Buy cleaning products</a></li>
2335                                                <li><a href="/en-gb/floors/services/installation-guides/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Installation guides</a></li>
2336                                        </ul>
2337                                </nav>
2338                            </section>
2339                        </div>
2340                    </div>
2341                </div>
2342
2343                <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-5 2xl:col-span-2 mt-4 md:mt-0">
2344                    <h2 id="footer-menu-follow-us" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Follow us</h2>
2345                    <div class="pt-4 lg:pt-0">
2346                        <ul class="flex flex-wrap justify-center xl:justify-start gap-3 xl:gap-2 mb-12" aria-labelledby="footer-menu-follow-us">
2347                                <li>
2348                                    <a href="https://www.linkedin.com/company/karndean-designflooring-uk/?trk=similar-pages" aria-label="Follow us on Linked In" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray">
2349                                        <svg width="24" height="24" class="icon-linkedin" aria-hidden="true" focusable="false">
2350                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-linkedin"></use>
2351                                        </svg>
2352                                    </a>
2353                                </li>
2354                                <li>
2355                                    <a href="https://www.facebook.com/Karndeanuk/" aria-label="Follow us on Facebook" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray">
2356                                        <svg width="24" height="24" class="icon-facebook" aria-hidden="true" focusable="false">
2357                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-facebook"></use>
2358                                        </svg>
2359                                    </a>
2360                                </li>
2361                                <li>
2362                                    <a href="https://www.instagram.com/karndean_uk/" aria-label="Follow us on Instagram" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray">
2363                                        <svg width="24" height="24" class="icon-instagram" aria-hidden="true" focusable="false">
2364                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-instagram"></use>
2365                                        </svg>
2366                                    </a>
2367                                </li>
2368                                <li>
2369                                    <a href="https://uk.pinterest.com/karndeanUK/" aria-label="Follow us on Pinterest" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray">
2370                                        <svg width="24" height="24" class="icon-pintrest" aria-hidden="true" focusable="false">
2371                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pintrest"></use>
2372                                        </svg>
2373                                    </a>
2374                                </li>
2375                                <li>
2376                                    <a href="https://www.youtube.com/user/KarndeanDesignfloors" aria-label="Follow us on Youtube" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray">
2377                                        <svg width="24" height="24" class="icon-youtube" aria-hidden="true" focusable="false">
2378                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-youtube"></use>
2379                                        </svg>
2380                                    </a>
2381                                </li>
2382                        </ul>
2383                            <div class="flex justify-center xl:justify-start">
2384                                    <div class="js-dropdown-menu relative">
2385                                        <button id="dropdown-country-trigger-footer" type="button"
2386                                                class="js-dropdown-trigger h-6 group flex items-center outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 transition-all duration-500 focus-visible:ring-focus"
2387                                                aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-footer">
2388                                                <svg class="h-5 w-5 mr-2 icon-flag-uk" aria-hidden="true" focusable="false">
2389                                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use>
2390                                                </svg>
2391                                                <span class="underline decoration-transparent decoration-1 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-1">
2392                                                    <span class="sr-only">Switch region, current region:</span>United Kingdom
2393                                                </span>
2394                                            <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
2395                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
2396                                            </svg>
2397                                        </button>
2398
2399                                        <ul id="dropdown-country-footer" role="menu" aria-labelledby="dropdown-country-trigger-footer" tabindex="-1"
2400                                            class="js-dropdown-panel absolute bottom-6 right-0 bg-white rounded-[5px] border border-[#CFCFCF] p-2 space-y-2 z-100 shadow-lg hidden">
2401                                                <li role="menuitem" tabindex="-1">
2402                                                    <a href="/en-us/floors/?regionswitch=true" aria-current="true"
2403                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2404                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false">
2405                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use>
2406                                                        </svg>
2407                                                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">United States</span>
2408                                                    </a>
2409                                                </li>
2410                                                <li role="menuitem" tabindex="-1">
2411                                                    <a href="/en-au/floors/?regionswitch=true" aria-current="true"
2412                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2413                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
2414                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
2415                                                        </svg>
2416                                                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span>
2417                                                    </a>
2418                                                </li>
2419                                                <li role="menuitem" tabindex="-1">
2420                                                    <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
2421                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2422                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
2423                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
2424                                                        </svg>
2425                                                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span>
2426                                                    </a>
2427                                                </li>
2428                                                <li role="menuitem" tabindex="-1">
2429                                                    <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
2430                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2431                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
2432                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
2433                                                        </svg>
2434                                                        <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span>
2435                                                    </a>
2436                                                </li>
2437                                        </ul>
2438                                    </div>
2439                            </div>
2440                    </div>
2441                </div>
2442            </div>
2443            <div class="flex justify-center">
2444                <a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/" rel="nofollow" class="btn btn-white btn-small w-full sm:w-auto sm:inline-flex mt-4 px-6 mb-4 lg:my-0">
2445                    <span>Karndean for Commercial</span>
2446                    <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false">
2447                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use>
2448                    </svg>
2449                </a>
2450            </div>
2451            <div class="grid grid-cols-1 md:grid-cols-12 md:gap-4">
2452                <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-12 text-center xl:text-left xl:flex xl:justify-between py-4 border-t-2 border-gray-light space-y-4 xl:space-y-0 xl:space-x-4 footer-padding-right">
2453                    <p class="block lg:shrink-0">&#xA9; Copyright 2026 Karndean Designflooring</p>
2454                    <div>
2455                            <ul class="flex flex-wrap gap-y-2 gap-x-4 justify-center xl:justify-end">
2456                                    <li><a href="/en-gb/floors/helpful-information/website-terms--conditions/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Terms &amp; conditions</a></li>
2457                                    <li><a href="/en-gb/floors/helpful-information/privacy-policy/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Privacy policy</a></li>
2458                                    <li><a href="/en-gb/floors/helpful-information/cookie-policy/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Cookies policy</a></li>
2459                                    <li><a href="/en-gb/floors/about-us/modern-slavery-statement/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Modern slavery statement</a></li>
2460                                    <li><a href="/en-gb/floors/helpful-information/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Other legal information</a></li>
2461                            </ul>
2462                    </div>
2463                </div>
2464            </div>
2465        </div>
2466    </footer>
2467  <input id="currentDomain" name="currentDomain" type="hidden" value="KarndeanResidentialENGB" />
2468  <input id="currentLanguage" name="currentLanguage" type="hidden" value="en-GB" />
2469
2470  
2470<script type="module"
2471    src="/assets/b2c-redesign/js/index.40850f72.js"></script>
2471
2472  
2472<script>
2473    // only needed on episerver form pages 
2474    var episerverFormWrapper = document.querySelector('.episerver-form-wrapper')
2475    if (episerverFormWrapper) {
2476      var script = document.createElement('script');
2477      script.src = '/Util/EPiServer.Forms/jquery-3.5.1.min.js';
2478      script.type = 'text/javascript';
2479      document.body.appendChild(script);
2480
2481      script.onload = function () {
2482
2483        jQuery(document).ready(function () {
2484          // recaptcha
2485          window.reCaptchToken = null
2486
2487          window.onReCaptchaSubmit = function (token) {
2488            reCaptchToken = token
2489          }
2490
2491          window.initRecaptchaElements = function () {
2492
2493            const originalGetCustomElementValue = epi.EPiServer.Forms.Extension.getCustomElementValue;
2494
2495            jQuery.extend(true, epi.EPiServer.Forms, {
2496              Validators: {
2497                "Karndean.Features.Common.Helpers.Recaptcha.RecaptchaValidator": function (fieldName, fieldValue, validatorMetaData) {
2498                  // validate recaptcha element
2499                  if (fieldValue) {
2500                    return { isValid: true };
2501                  }
2502                  return { isValid: false, message: validatorMetaData.model.message };
2503                },
2504                "Karndean.Features.Common.Helpers.Turnstile.TurnstileValidator": function (fieldName, fieldValue, validatorMetaData) {
2505                  // validate turnstile element
2506                  if (fieldValue) {
2507                    return { isValid: true };
2508                  }
2509                  return { isValid: false, message: validatorMetaData.model.message };
2510                }
2511              },
2512              Extension: {
2513                getCustomElementValue: function ($element) {
2514                  if ($element.hasClass("FormRecaptcha")) {
2515                    if (typeof window.grecaptcha === "undefined" || typeof grecaptcha.execute !== "function") {
2516                      return "";
2517                    }
2518
2519                    if (window.reCaptchToken !== null && typeof window.reCaptchToken !== "undefined") {
2520                      return window.reCaptchToken;
2521                    }
2522
2523                    grecaptcha.ready(async () => {
2524                      try {
2525                        if (!$element.hasClass("validating")) {
2526                          $element.addClass("validating");
2527                          try {
2528                            const token = await grecaptcha.execute({
2529                              action: 'recaptchaAction',
2530                            });
2531                            if (token && !window.reCaptchToken) {
2532                              window.reCaptchToken = token;
2533                            }
2534                          } catch (e) { }
2535                        }
2536
2537                        const validationCheck = setInterval(function () {
2538                          if (window.reCaptchToken) {
2539                            $element.removeClass("validating");
2540                            clearInterval(validationCheck);
2541                          }
2542                        }, 100);
2543                      } catch (e) {
2544                        console.log('Failed to get token', e);
2545                      }
2546                    });
2547
2548                    return "";
2549                  }
2550                  // if current element is not our job, let others process
2551                  return originalGetCustomElementValue.apply(this, [$element]);
2552                }
2553              }
2554            });
2555          }
2556          // recaptcha end
2557        });
2558      }
2559    }
2560
2561  </script>
2561
2562  
2562<script defer="defer" src="/Util/Find/epi-util/find.js"></script>
vendor: 1 bytes, line 2562
2562
2563<script>
2564document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}})
2565</script>
2565
2566
2567
2568  
2569  
2570    
2570<script type="text/javascript">
2571        window._initClickDimensions = function () {
2572            if (window._cdInitialized || window._cdLoading) return;
2573            window._cdLoading = true;
2574
2575
2576            var cdScript = document.createElement('script');
2577            cdScript.type = 'text/javascript';
2578            cdScript.src = 'https://analytics.clickdimensions.com/ts.js';
2579            cdScript.onerror = function () { window._cdLoading = false; };
2580            cdScript.onload = function () {
2581                function initAnalytics() {
2582                    window._cdInitialized = true;
2583                    var cdAnalytics = new clickdimensions.Analytics('analytics.clickdimensions.com');
2584                    cdAnalytics.setAccountKey("aRXEeNZSeNkuvhtKLsVsik");
2585                    cdAnalytics.setDomain("www.karndean.com");
2586                    cdAnalytics.setScore(typeof (cdScore) == "undefined" ? 0 : (cdScore == 0 ? null : cdScore));
2587                    cdAnalytics.trackPage();
2588                }
2589
2590
2591                    initAnalytics();
2592                                };
2593            document.head.appendChild(cdScript);
2594        };
2595    </script>
2595
2596
2597  
2598    
2598<script type="text/javascript">
2599        !function (T, l, y) { var S = T.location, u = "script", k = "instrumentationKey", D = "ingestionendpoint", C = "disableExceptionTracking", E = "ai.device.", I = "toLowerCase", b = "crossOrigin", w = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "4", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[I](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), iKey: e, name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, p, l, u; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][I]()] = i[1]) } if (!e[D]) { var r = e.endpointsuffix, o = r ? e.location : null; e[D] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[k] || d[k] || "", p = s[D], l = p ? p + "/v2/track" : config.endpointUrl, (u = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = l, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), u.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, l)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: w, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(w, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(u, l)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(u); n.src = h; var e = y[b]; return !e && "" !== e || "undefined" == n[b] || (n[b] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(u)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[C] && !0 !== s[C]) { method = "onerror", t(["_" + method]); var c = T[method]; T[method] = function (e, t, n, a, i) { var r = c && c(e, t, n, a, i); return !0 !== r && m["_" + method]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); (T[t] = n).queue && 0 === n.queue.length && n.trackPageView({}) }(window, document, {
2600            src: "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js",
2601            crossOrigin: "anonymous",
2602            cfg: {
2603                instrumentationKey: "026fb3c1-519d-44f9-8152-5a23a399cd8b"
2604            }
2605        });
2606    </script>
2606
2607
2608</body>
2609
2610</html>

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