PageSourceSearch

https://www.karndean.com/en-us/floors/

html karndean.com collected 2026-09-26 00:33:43 UTC 237,846 bytes, 2,517 lines download raw bytes

1
2
3<!doctype html>
4<html lang="en-US" 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>LVP Flooring | Luxury Vinyl Plank | LVT</title>
16    <meta property="og:title" content="LVP Flooring | Luxury Vinyl Plank | LVT">
17        <meta property="og:description" content="Discover stylish and highly practical Karndean flooring in a variety of colours and sizes. Available in Luxury Vinyl plank and Luxury vinyl tile options.&#xA;">
18        <meta name="description" content="Discover stylish and highly practical Karndean flooring in a variety of colours and sizes. Available in Luxury Vinyl plank and Luxury vinyl tile options.&#xA;">
19        <meta property="og:image" content="https://www.karndean.com/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/opus/vermeer-oak--wp427--kitchen--mobile.jpg" />
20
21  
22
23
24<link rel="canonical" href="https://www.karndean.com/en-us/floors/" />
25
26
27    <meta name="p:domain_verify" content="7371698af4d65598e01c144f11947a55" />
28
29        <link rel="alternate" href="https://www.karndean.com/en-us/floors/" hreflang="en-US" />
30        <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="en-GB" />
31        <link rel="alternate" href="https://www.karndean.com/en-nz/floors/" hreflang="en-NZ" />
32        <link rel="alternate" href="https://www.karndean.com/en-ca/floors/" hreflang="en-CA" />
33        <link rel="alternate" href="https://www.karndean.com/en-au/floors/" hreflang="en-AU" />
34        <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="x-default" />
35  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/11.1.0/nouislider.min.css" />
36
37  <link rel="preconnect" href="https://fonts.googleapis.com" />
38  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
39  <link rel="stylesheet"
40    href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" />
41  <link rel="stylesheet" href="/assets/b2c-redesign/css/style.css?version=639198036580000000" />
42
43  <link rel="icon" type="image/png" href="/assets/b2c-redesign/favicon-96x96.png" sizes="96x96" />
44  <link rel="icon" type="image/svg+xml" href="/assets/b2c-redesign/favicon.svg" />
45  <link rel="shortcut icon" href="/assets/b2c-redesign/favicon.ico" />
46  <link rel="apple-touch-icon" sizes="180x180" href="/assets/b2c-redesign/apple-touch-icon.png" />
47  <meta name="apple-mobile-web-app-title" content="Karndean" />
48  <link rel="manifest" href="/assets/b2c-redesign/site.webmanifest" />
49
50    
50<script>
51      (function (w, d, s, l, i) {
52        w[l] = w[l] || []; w[l].push({
53          'gtm.start':
54            new Date().getTime(), event: 'gtm.js'
55        }); var f = d.getElementsByTagName(s)[0],
56          j = d.createElement(s), dl = l !== 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
57            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
58      })(window, document, 'script', 'dataLayer', 'GTM-NFVT');</script>
58
59
60  
60<script type="text/javascript">
61    function OptanonWrapper() {
62      if (window.OneTrust) {
63        OneTrust.OnConsentChanged(function (e) {
64          var homeModal = document.querySelector('.js-home-modal');
65          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^="-"])']
66          var isVisible = element => {
67            return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length)
68          }
69          if (homeModal) {
70            if (homeModal && homeModal.classList.contains('is-open')) {
71              var focusableElements = [...homeModal.querySelectorAll(focusableElementsList)]
72                .filter(el => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden') && isVisible(el));
73
74              if (focusableElements.length > 0) {
75                focusableElements[0].focus();
76              }
77            }
78          }
79        })
80      }
81      // C0002 - performance cookies
82      if (window.OnetrustActiveGroups && window.OnetrustActiveGroups.indexOf('C0002') > -1) {
83        window._initClickDimensions && window._initClickDimensions();
84      }
85    }
86  </script>
86
87<!-- begin Convert Experiences code-->
87<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10018705-10019137.js?environment=production"></script>
87<!-- end Convert Experiences code -->  <meta name="theme-color" content="#fafafa">
88  
88<script>
89!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("=");
892===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' }});
90</script>
90
91
92  
93    
93<script type="application/ld+json">
94        {"@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 rigid core flooring?","acceptedA
94nswer":{"@type":"Answer","text":"Rigid core is an easy-to-install &ldquo;floating floor,&rdquo; which means adhesive is not required. View the benefits of rigid core."}},{"@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"}}]}
95    </script>
95
96
97  <!-- Cloudflare Turnstile -->
98  
98<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
98
99</head>
100
101<body class="antialiased selection:bg-selection bg-white relative pt-16 md:pt-[120px] flex flex-col h-full text-secondary-mine-shaft">
vendor: 77 bytes, lines 101-103
101
102  
103    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
103GTM-NFVT
vendor: 102 bytes, lines 103-107
103" height="0"
104        width="0" style="display: none; visibility: hidden"></iframe></noscript>
105
106
107
108<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"
109   href="#main">Skip to content</a>
110
111    <header id="main-header" class="flex flex-col items-center w-full absolute left-0 right-0 top-0 bg-white z-90">
112
113
114        <div class="hidden md:block bg-gray w-full z-[120]">
115            <div class="container flex h-10 justify-between w-full">
116                <div class="flex items-center">
117                    <a href="https://www.karndeancommercial.com/en-us/commercial-flooring/" rel="nofollow"
118                       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">
119                        <span class="pt-0.5 no-underline group-hover:underline group-hover:decoration-2 underline-offset-[4px]">Karndean For Commercial</span>
120                        <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false">
121                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use>
122                        </svg>
123                    </a>
124                </div>
125                <div class="flex items-center justify-end">
126                    <div class="js-dropdown-menu relative">
127        <button id="dropdown-country-trigger" type="button"
128                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"
129                aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country">
130            <svg class="h-6 w-6 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
131                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
132            </svg>
133            <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-2">
134                <span class="sr-only">Switch region, current region:</span>United States
135            </span>
136            <svg class="h-5 w-5 ml-2 icon-flag-usa" aria-hidden="true" focusable="false">
137                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa-round"></use>
138            </svg>
139        </button>
140        <ul id="dropdown-country" role="menu" aria-labelledby="dropdown-country-trigger" tabindex="-1"
141            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">
142                <li role="menuitem" tabindex="-1">
143                    <a href="/en-gb/floors/?regionswitch=true" aria-current="true"
144                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
145                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false">
146                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use>
147                        </svg>
148                        <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 Kingdom</span>
149                    </a>
150                </li>
151                <li role="menuitem" tabindex="-1">
152                    <a href="/en-au/floors/?regionswitch=true" aria-current="true"
153                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
154                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
155                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
156                        </svg>
157                        <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>
158                    </a>
159                </li>
160                <li role="menuitem" tabindex="-1">
161                    <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
162                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
163                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
164                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
165                        </svg>
166                        <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>
167                    </a>
168                </li>
169                <li role="menuitem" tabindex="-1">
170                    <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
171                       class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
172                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
173                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
174                        </svg>
175                        <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>
176                    </a>
177                </li>
178        </ul>
179</div>
180                </div>
181            </div>
182        </div>
183        <div class="container flex items-center h-16 md:h-20 z-[110] lg:z-0 bg-white">
184            <button type="button" id="mobile-menu-trigger" data-focus-trap-trigger="true"
185                    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"
186                    data-controls-panel="dialog-mobile-nav" aria-label="Open site navigation Menu" data-close-label="Close site navigation Menu">
187                <svg width="24" height="24" class="group-[.is-open]:hidden icon-menu" aria-hidden="true" focusable="false">
188                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-menu"></use>
189                </svg>
190                <svg width="24" height="24" class="hidden group-[.is-open]:block icon-close-1" aria-hidden="true" focusable="false">
191                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use>
192                </svg>
193            </button>
194            <div class="mr-auto">
195                <a href="/en-us/floors/" class="flex shrink-0 outline-none ring-3 ring-transparent ring-offset-4 transition-all duration-500 focus-visible:ring-focus">
196                    <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]" />
197                </a>
198            </div>
199
200            
201    <div class="hidden mx-auto lg:flex items-center lg:space-x-6 2xl:space-x-12">
202        <nav id="primary-nav" aria-label="Main navigation" class="primary-nav flex items-center h-20" data-hover="on">
203            <ul class="dropdown-container flex space-x-4 2xl:space-x-12">
204                    <li class="dropdown">
205                        <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">
206                            <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">
207                                <span class="text-lg leading-tight font-medium pointer-events-none">Our Floors</span>
208                                <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
209                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
210                                </svg>
211                            </strong>
212                        </button>
213                        <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">
214                            <div class="container motion-safe:animate-fadeinup">
215                                <div class="grid grid-cols-4 gap-x-4 xl:gap-x-8">
216                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-color">
217
218
219    <div class="pt-4 md:pt-0">
220        <span id="menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Color</span>
221        <ul aria-labelledby="menu-label-browse-by-color" class="space-y-0.5">
222                <li class="block">
223                    <a href="/en-us/floors/products/colour/whitecream/" 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">
224                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
225                            <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/>
226                        </span>
227                        <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>
228                    </a>
229                </li>
230                <li class="block">
231                    <a href="/en-us/floors/products/colour/blondgoldenyellow/" 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">
232                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
233                            <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/>
234                        </span>
235                        <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>
236                    </a>
237                </li>
238                <li class="block">
239                    <a href="/en-us/floors/products/colour/beigetaupe/" 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">
240                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
241                            <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/>
242                        </span>
243                        <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>
244                    </a>
245                </li>
246                <li class="block">
247                    <a href="/en-us/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">
248                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
249                            <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/>
250                        </span>
251                        <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>
252                    </a>
253                </li>
254                <li class="block">
255                    <a href="/en-us/floors/products/colour/gray/" 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">
256                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
257                            <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/>
258                        </span>
259                        <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">Gray</span>
260                    </a>
261                </li>
262                <li class="block">
263                    <a href="/en-us/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">
264                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
265                            <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/>
266                        </span>
267                        <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>
268                    </a>
269                </li>
270                <li class="block">
271                    <a href="/en-us/floors/products/colour/orangeredpink/" 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">
272                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
273                            <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/>
274                        </span>
275                        <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>
276                    </a>
277                </li>
278                <li class="block">
279                    <a href="/en-us/floors/products/colour/bluegreen/" 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/blue-green.jpg" alt="blue green"/>
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">Blue/Green</span>
284                    </a>
285                </li>
286                <li class="block">
287                    <a href="/en-us/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">
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/multicolour.jpg" alt="multicolour"/>
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">Multicolor</span>
292                    </a>
293                </li>
294        </ul>
295    </div>
296                                    </div>
297                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-room">
298
299
300    <div>
301        <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>
302        <ul aria-labelledby="menu-label-browse-by-room" class="space-y-0.5">
303                <li class="block">
304                    <a href="/en-us/floors/inspiration/inspiration-by-room/kitchens/" 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">
305                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
306                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/>
307                        </span>
308                        <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>
309                    </a>
310                </li>
311                <li class="block">
312                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
313                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
314                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/>
315                        </span>
316                        <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>
317                    </a>
318                </li>
319                <li class="block">
320                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
321                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
322                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/>
323                        </span>
324                        <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>
325                    </a>
326                </li>
327                <li class="block">
328                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
329                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
330                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/>
331                        </span>
332                        <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>
333                    </a>
334                </li>
335                <li class="block">
336                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
337                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
338                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/>
339                        </span>
340                        <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>
341                    </a>
342                </li>
343                <li class="block">
344                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
345                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
346                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/>
347                        </span>
348                        <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>
349                    </a>
350                </li>
351                <li class="block">
352                    <a href="/en-us/floors/inspiration/inspiration-by-room/laundry-mudroom/" 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">
353                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
354                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/>
355                        </span>
356                        <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">Laundry room flooring</span>
357                    </a>
358                </li>
359                <li class="block">
360                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
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/home-office.svg" alt="Logo which indicates a home office"/>
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">Home office flooring</span>
365                    </a>
366                </li>
367        </ul>
368    </div>
369                                    </div>
370                                    <div class="col-span-1" data-nav-section="our-floors_browse-by-look">
371
372
373    <div>
374        <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>
375        <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]">
376                <li class="block">
377                    <a href="/en-us/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">
378                        <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">
379                            <img class="w-full" src="/globalassets/wood2.jpg" alt="Karndean wood lvp"/>
380                        </span>
381                        <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>
382                    </a>
383                </li>
384                <li class="block">
385                    <a href="/en-us/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">
386                        <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">
387                            <img class="w-full" src="/globalassets/stone2.jpg" alt="Karndean stone lvt floors"/>
388                        </span>
389                        <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>
390                    </a>
391                </li>
392                <li class="block">
393                    <a href="/en-us/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">
394                        <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">
395                            <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak-sm-rl13_akp-sm-rl13-laundry-room.jpg" alt="Laundry room with Salon Oak SM-RL13 | AKP-SM-RL13 herringbone floors"/>
396                        </span>
397                        <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>
398                    </a>
399                </li>
400        </ul>
401    </div>
402                                    </div>
403                                    <div class="col-span-1" data-nav-section="our-floors_explore">
404                                        
405
406    <div>
407        <!-- have to have unique ID / index for mobile vs desktop menus -->
408        <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>
409        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
410                    <li class="block">
411                        <a href="/en-us/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">
412                            Our Collections
413                        </a>
414                    </li>
415                    <li class="block">
416                        <a href="/en-us/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">
417                            Our Installation Formats
418                        </a>
419                    </li>
420                    <li class="block">
421                        <a href="/en-us/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">
422                            Floor Benefits
423                        </a>
424                    </li>
425                    <li class="block">
426                        <a href="/en-us/floors/products/floor-benefits/family-friendly-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">
427                            Family Friendly Flooring
428                        </a>
429                    </li>
430        </ul>
431            <a href="/en-us/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
432                <span>Browse all floors</span>
433                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
434                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
435                </svg>
436            </a>
437    </div>
438
439                                    </div>
440                                </div>
441                            </div>
442                        </div>
443                    </li>
444                            <li class="dropdown">
445                                <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">
446                                    <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">
447                                        <span class="text-lg leading-tight font-medium pointer-events-none">Inspiration</span>
448                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
449                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
450                                        </svg>
451                                    </strong>
452                                </button>
453
454                                <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">
455                                    <div class="container motion-safe:animate-fadeinup">
456                                        <div class="grid grid-cols-4 gap-x-8">
457                                                    <div class="col-span-1" data-nav-section="inspiration_get-inspired">
458                                                        
459
460    <div>
461        <!-- have to have unique ID / index for mobile vs desktop menus -->
462        <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>
463        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
464                    <li class="block">
465                        <a href="/en-us/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">
466                            Inspiration By Room
467                        </a>
468                    </li>
469                    <li class="block">
470                        <a href="/en-us/floors/inspiration/design-aesthetics/" 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">
471                            Karndean Design Aesthetics
472                        </a>
473                    </li>
474                    <li class="block">
475                        <a href="/en-us/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">
476                            Get Recommendations
477                        </a>
478                    </li>
479                    <li class="block">
480                        <a href="/en-us/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">
481                            See Our Floors In Your Room
482                        </a>
483                    </li>
484                    <li class="block">
485                        <a href="/en-us/floors/inspiration/get-inspired/as-seen-on/karndean-on-tv/" 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                            See Our Floors On TV
487                        </a>
488                    </li>
489        </ul>
490            <a title="Get tips from HGTV host Ty Pennington" href="/en-us/floors/inspiration/get-inspired/as-seen-on/ty-pennington/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
491                <span>Tips From Ty Pennington</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 class="col-span-1" data-nav-section="inspiration_discover">
500                                                        
501
502    <div>
503        <!-- have to have unique ID / index for mobile vs desktop menus -->
504        <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>
505        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
506                    <li class="block">
507                        <a href="/en-us/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">
508                            Laying Patterns
509                        </a>
510                    </li>
511                    <li class="block">
512                        <a href="/en-us/floors/inspiration/design-components/decorative-borders/" 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">
513                            Decorative Borders
514                        </a>
515                    </li>
516                    <li class="block">
517                        <a href="/en-us/floors/inspiration/design-components/design-strips/" 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">
518                            Design Strips
519                        </a>
520                    </li>
521                    <li class="block">
522                        <a title="Discover our newest luxury vinyl designs" href="/en-us/floors/inspiration/discover/new-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">
523                            New Products
524                        </a>
525                    </li>
526        </ul>
527    </div>
528
529                                                    </div>
530                                                    <div class="col-span-1" data-nav-section="inspiration_advice">
531                                                        
532
533    <div>
534        <!-- have to have unique ID / index for mobile vs desktop menus -->
535        <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">Advice</span>
536        <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
537                    <li class="block">
538                        <a href="/en-us/floors/products/floor-benefits/reasons-to-choose-karndean-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">
539                            Karndean LVT Vs Other Flooring
540                        </a>
541                    </li>
542                    <li class="block">
543                        <a href="/en-us/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">
544                            Browse Our Blog
545                        </a>
546                    </li>
547                    <li class="block">
548                        <a href="/en-us/floors/services/downloadable-resources/" 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">
549                            Download Our Brochure
550                        </a>
551                    </li>
552                    <li class="block">
553                        <a href="/en-us/floors/helpful-information/contact-us/" 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">
554                            Talk To Us
555                        </a>
556                    </li>
557        </ul>
558    </div>
559
560                                                    </div>
561                                                <div class="col-span-1" data-nav-section="inspiration_image">
562                                                    
563    <div>
564        <a
565           title="View Karndean Design Aesthetics"
566           href="/en-us/floors/inspiration/design-aesthetics/"
567           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">
568            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
569                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800"
570                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=1600 2x"
571                     alt="Karndean Design Aesthetics inspiration"
572                     class="block w-full"/>
573            </span>
574            <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 Design Aesthetics</span>
575        </a>
576    </div>
577
578                                                </div>
579                                        </div>
580                                    </div>
581                                </div>
582                            </li>
583                            <li class="dropdown">
584                                <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">
585                                    <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">
586                                        <span class="text-lg leading-tight font-medium pointer-events-none">Services</span>
587                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
588                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
589                                        </svg>
590                                    </strong>
591                                </button>
592
593                                <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">
594                                    <div class="container motion-safe:animate-fadeinup">
595                                        <div class="grid grid-cols-4 gap-x-8">
596                                                    <div class="col-span-1" data-nav-section="services_helpful-information">
597                                                        
598
599    <div>
600        <!-- have to have unique ID / index for mobile vs desktop menus -->
601        <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>
602        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
603                    <li class="block">
604                        <a href="/en-us/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">
605                            Ordering Samples
606                        </a>
607                    </li>
608                    <li class="block">
609                        <a href="/en-us/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">
610                            Find A Retailer
611                        </a>
612                    </li>
613                    <li class="block">
614                        <a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/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">
615                            Visit Our Showroom
616                        </a>
617                    </li>
618                    <li class="block">
619                        <a href="/en-us/floors/services/" 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">
620                            Tips And Resources
621                        </a>
622                    </li>
623                <li class="block">
624                    <a href="/en-us/floors/services/guarantee-and-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">
625                        Product Warranties
626                    </a>
627                </li>
628        </ul>
629            <a href="/en-us/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">
630                <span>Help &amp; FAQs</span>
631                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
632                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
633                </svg>
634            </a>
635    </div>
636
637                                                    </div>
638                                                    <div class="col-span-1" data-nav-section="services_useful-tools--guidance">
639                                                        
640
641    <div>
642        <!-- have to have unique ID / index for mobile vs desktop menus -->
643        <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 &amp; Guidance</span>
644        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
645                    <li class="block">
646                        <a href="/en-us/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">
647                            See Our Floors In Your Room
648                        </a>
649                    </li>
650                    <li class="block">
651                        <a href="/en-us/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">
652                            Get Recommendations
653                        </a>
654                    </li>
655                    <li class="block">
656                        <a href="/en-us/floors/services/downloadable-resources/" 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                            Read Our Brochures
658                        </a>
659                    </li>
660                    <li class="block">
661                        <a href="/en-us/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">
662                            Download Our Installation Guides
663                        </a>
664                    </li>
665                    <li class="block">
666                        <a title="Recoursos En Espa&#xF1;ol" href="/en/floors/helpful-information/contact-us/recursos-en-espanol/" 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                            Recoursos En Espa&#xF1;ol
668                        </a>
669                    </li>
670        </ul>
671    </div>
672
673                                                    </div>
674                                                    <div class="col-span-1" data-nav-section="services_cleaning--care">
675                                                        
676
677    <div>
678        <!-- have to have unique ID / index for mobile vs desktop menus -->
679        <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>
680        <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
681                    <li class="block">
682                        <a href="/en-us/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">
683                            How To Care For Our Products
684                        </a>
685                    </li>
686        </ul>
687    </div>
688
689                                                    </div>
690                                                <div class="col-span-1" data-nav-section="services_image">
691                                                    
692    <div>
693        <a
694           title="Use our floor visualizer"
695           href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/"
696           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">
697            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
698                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800"
699                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=1600 2x"
700                     alt="Floorstyle visualizer tool on a laptop"
701                     class="block w-full"/>
702            </span>
703            <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>
704        </a>
705    </div>
706
707                                                </div>
708                                        </div>
709                                    </div>
710                                </div>
711                            </li>
712                            <li class="dropdown">
713                                <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">
714                                    <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">
715                                        <span class="text-lg leading-tight font-medium pointer-events-none">Where to buy</span>
716                                        <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false">
717                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use>
718                                        </svg>
719                                    </strong>
720                                </button>
721
722                                <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">
723                                    <div class="container motion-safe:animate-fadeinup">
724                                        <div class="grid grid-cols-4 gap-x-8">
725                                                    <div class="col-span-1" data-nav-section="where-to-buy_flooring">
726                                                        
727
728    <div>
729        <!-- have to have unique ID / index for mobile vs desktop menus -->
730        <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>
731        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
732                    <li class="block">
733                        <a title="Find a retailer to purchase our luxury vinyl floors" href="/en-us/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">
734                            Find A Karndean Retailer
735                        </a>
736                    </li>
737                    <li class="block">
738                        <a href="/en-us/floors/services/how-to-buy-karndean-designflooring/" 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">
739                            Why Specialty Flooring Retailers
740                        </a>
741                    </li>
742                    <li class="block">
743                        <a href="/en-us/floors/services/useful-tools-and-advice/preparing-for-a-retailer-visit/" 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">
744                            Preparing For A Retailer Visit
745                        </a>
746                    </li>
747        </ul>
748    </div>
749
750                                                    </div>
751                                                    <div class="col-span-1" data-nav-section="where-to-buy_get-in-touch">
752                                                        
753
754    <div>
755        <!-- have to have unique ID / index for mobile vs desktop menus -->
756        <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">Get In Touch</span>
757        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
758                    <li class="block">
759                        <a href="/en-us/floors/helpful-information/contact-us/" 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">
760                            Contact Us
761                        </a>
762                    </li>
763                    <li class="block">
764                        <a href="/en-us/floors/helpful-information/contact-us/recursos-en-espanol/formulario-de-contacto/" 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">
765                            Cont&#xE1;ctenos
766                        </a>
767                    </li>
768        </ul>
769    </div>
770
771                                                    </div>
772                                                    <div class="col-span-1" data-nav-section="where-to-buy_samples">
773                                                        
774
775    <div>
776        <!-- have to have unique ID / index for mobile vs desktop menus -->
777        <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>
778        <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
779                    <li class="block">
780                        <a href="/en-us/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">
781                            Order Free Samples
782                        </a>
783                    </li>
784        </ul>
785    </div>
786
787                                                    </div>
788                                                <div class="col-span-1" data-nav-section="where-to-buy_image">
789                                                    
790    <div>
791        <a
792           href="/en-us/floors/where-to-buy/find-a-retailer/"
793           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">
794            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
795                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800"
796                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=1600 2x"
797                     alt="Book a free design consultation with a Karndean flooring expert"
798                     class="block w-full"/>
799            </span>
800            <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 local retailer</span>
801        </a>
802    </div>
803
804                                                </div>
805                                        </div>
806                                    </div>
807                                </div>
808                            </li>
809            </ul>
810        </nav>
811        <div>
812            <div class="search-trigger-container hidden lg:flex">
813                <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">
814                    <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false">
815                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
816                    </svg>
817                </button>
818            </div>
819            <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">
820                <div class="container relative motion-safe:animate-fadeinup">
821                    <div class="mx-auto w-[632px]">
822                        <form action="/en-us/floors/search-results/" method="get" role="search" class="w-full relative">
823                            <div>
824                                <label for="txtSearchTerm" class="sr-only">Search</label>
825                                <div class="relative flex items-stretch flex-grow">
826                                    <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">
827                                    <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">
828                                        <svg class="h-6 w-6 icon-close-2" aria-hidden="true" focusable="false">
829                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-2"></use>
830                                        </svg>
831                                    </button>
832                                </div>
833                                <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">
834                                    <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false">
835                                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
836                                    </svg>
837                                </button>
838                            </div>
839                        </form>
840                        <button type="button" id="close-search-panel" class="btn-rounded-with-label ml-auto absolute top-0 right-8">
841                            <span class="icon">
842                                <svg class="h-6 icon-close-1" aria-hidden="true" focusable="false">
843                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use>
844                                </svg>
845                            </span>
846                            <span class="label">Close <span class="sr-only">the dialog</span></span>
847                        </button>
848                    </div>
849                </div>
850            </div>
851        </div>
852
853    </div>
854
855
856            <div class="flex items-end gap-6 shrink-0 ml-auto">
857                <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">
858                    <svg width="24" height="24" class="pointer-events-none search-icon 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
863                    <a href="/en-us/floors/login/"
864                       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">
865                        <div class="relative flex h-6 w-6">
866                            <svg class="h-6 w-6 icon-favorite icon-people" aria-hidden="true" focusable="false">
867                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use>
868                            </svg>
869                        </div>
870                        <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>
871                    </a>
872
873                <app-my-favourites data-get-favourites-api-url="/api/karndeanResidentialSaved/all" data-label="My Favorites" data-url="/en-us/floors/favorites/" data-page-id="59530">
874                </app-my-favourites>
875
876                <app-my-samples data-get-basket-api-url="/api/karndeanResidentialCart/get"
877                                data-update-basket-api-url="/api/karndeanResidentialCart/updateQuantity"
878                                data-label="My Samples"
879                                data-basket-label="Basket"
880                                data-subtitle="Order up to 6 FREE samples"
881                                data-close-label="Close"
882                                data-total-label="Total"
883                                data-subtotal-label="Subtotal"
884                                data-delivery-label="Delivery"
885                                data-basket-url="/en-us/floors/basket/"
886                                data-basket-button-text="Continue To Basket"
887                                data-page-id="59530"
888                                data-basket-items-price-label="Price"
889                                data-basket-item-qty-label="Quantity"
890                                data-basket-item-format-label="Format"
891                                data-basket-item-size-sample-label="size sample"
892                                data-basket-item-sample-size-label="sample size"
893                                data-basket-item-free-label="Free"
894                                data-basket-remove-label="Remove"
895                                data-order-more-samples-label="Order More Samples"
896                                data-order-more-samples-url="/en-us/floors/products/"
897                                data-sample-added-success-message="Sample added to my samples"
898                                data-samples-empty-image-one-times=""
899                                data-samples-empty-image-two-times=""
900                                data-samples-empty-image-alt="Product"
901                                data-samples-empty-title="You haven&#x27;t added any samples yet!"
902                                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."
903                                data-samples-empty-button-label="Browse Our Flooring"
904                                data-samples-empty-button-url="/en-us/floors/products/"
905                                data-basket-loading-title="Loading..."
906                                data-basket-loading-text="Loading..."
907                                data-api-error-text="Error adding sample"
908                                data-free-sample-single-limit-error-text="Sample Added Over Max Single Free Sample"
909                                data-free-sample-total-limit-error-text="Too many free samples have been added"
910                                data-paid-sample-single-limit-error-text="Too many paid samples have been added"
911                                data-paid-sample-total-limit-error-text="The requested number of samples exceeds the number allowed"
912                                data-max-single-paid-sample-amount="2"
913                                data-max-paid-sample-amount="4"
914                                data-max-free-single-sample-amount="1"
915                                data-max-free-sample-amount="6">
916                </app-my-samples>
917            </div>
918        </div>
919
920        
921    <div class="js-slide-in-panel slide-in-panel hidden"
922         role="dialog"
923         data-direction="right"
924         id="dialog-mobile-nav"
925         aria-labelledby="dialog-mobile-nav-label"
926         aria-modal="true">
927        <div class="flex flex-col h-full">
928
929                <h2 id="dialog-mobile-nav-label" class="sr-only">Mobile navigation</h2>
930
931            <div class="overflow-y-auto overflow-x-hidden flex flex-col h-full">
932
933    <nav id="mobile-nav" aria-label="Mobile navigation" class="pt-12 md:pt-[112px] mb-6 px-4 md:px-12">
934        <div class="js-accordion-block" data-animation="on" data-multi-items="on">
935
936
937<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
938    <div>
939        <button id="mobile-menu-accordion-header-1" type="button" aria-controls="mobile-menu-accordion-content-1"
940                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">
941            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Our Floors</strong>
942			
943                <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">
944                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
945                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
946                    </svg>
947                </span>
948        </button>
949    </div>
950    <div role="region" aria-labelledby="mobile-menu-accordion-header-1" id="mobile-menu-accordion-content-1" class="js-accordion-panel pb-6">
951        
952<div class="divide-y-2 divide-gray-border space-y-4">
953    <div data-nav-section="our-floors_browse-by-color">
954        
955
956    <div class="pt-4 md:pt-0">
957        <span id="mobile-menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Color</span>
958        <ul aria-labelledby="mobile-menu-label-browse-by-color" class="space-y-0.5">
959                <li class="block">
960                    <a href="/en-us/floors/products/colour/whitecream/" 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">
961                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
962                            <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/>
963                        </span>
964                        <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>
965                    </a>
966                </li>
967                <li class="block">
968                    <a href="/en-us/floors/products/colour/blondgoldenyellow/" 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">
969                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
970                            <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/>
971                        </span>
972                        <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>
973                    </a>
974                </li>
975                <li class="block">
976                    <a href="/en-us/floors/products/colour/beigetaupe/" 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">
977                        <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
978                            <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/>
979                        </span>
980                        <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>
981                    </a>
982                </li>
983                <li class="block">
984                    <a href="/en-us/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">
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/brown.jpg" alt="brown"/>
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">Brown</span>
989                    </a>
990                </li>
991                <li class="block">
992                    <a href="/en-us/floors/products/colour/gray/" 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/grey.jpg" alt="grey"/>
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">Gray</span>
997                    </a>
998                </li>
999                <li class="block">
1000                    <a href="/en-us/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">
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/black.jpg" alt="black"/>
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">Black</span>
1005                    </a>
1006                </li>
1007                <li class="block">
1008                    <a href="/en-us/floors/products/colour/orangeredpink/" 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/orange-red.jpg" alt="orange red"/>
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">Orange/Red/Pink</span>
1013                    </a>
1014                </li>
1015                <li class="block">
1016                    <a href="/en-us/floors/products/colour/bluegreen/" 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/blue-green.jpg" alt="blue green"/>
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">Blue/Green</span>
1021                    </a>
1022                </li>
1023                <li class="block">
1024                    <a href="/en-us/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">
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/multicolour.jpg" alt="multicolour"/>
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">Multicolor</span>
1029                    </a>
1030                </li>
1031        </ul>
1032    </div>
1033
1034    </div>
1035    <div class="pt-4" data-nav-section="our-floors_browse-by-room">
1036        
1037
1038    <div>
1039        <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>
1040        <ul aria-labelledby="mobile-menu-label-browse-by-room" class="space-y-0.5">
1041                <li class="block">
1042                    <a href="/en-us/floors/inspiration/inspiration-by-room/kitchens/" 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">
1043                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1044                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/>
1045                        </span>
1046                        <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>
1047                    </a>
1048                </li>
1049                <li class="block">
1050                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
1051                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1052                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/>
1053                        </span>
1054                        <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>
1055                    </a>
1056                </li>
1057                <li class="block">
1058                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
1059                        <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden">
1060                            <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/>
1061                        </span>
1062                        <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>
1063                    </a>
1064                </li>
1065                <li class="block">
1066                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
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/livingroom.svg" alt="Logo which indicates a living room"/>
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">Living Room flooring</span>
1071                    </a>
1072                </li>
1073                <li class="block">
1074                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
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/diningroom.svg" alt="Logo which indicates a Dining room"/>
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">Dining room flooring</span>
1079                    </a>
1080                </li>
1081                <li class="block">
1082                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
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/bedroom.svg" alt="Logo which indicates a basement"/>
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">Bedroom flooring</span>
1087                    </a>
1088                </li>
1089                <li class="block">
1090                    <a href="/en-us/floors/inspiration/inspiration-by-room/laundry-mudroom/" 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/conservatory.svg" alt="Logo which indicates a conservatory"/>
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">Laundry room flooring</span>
1095                    </a>
1096                </li>
1097                <li class="block">
1098                    <a href="/en-us/floors/inspiration/inspiration-by-room/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">
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/home-office.svg" alt="Logo which indicates a home office"/>
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">Home office flooring</span>
1103                    </a>
1104                </li>
1105        </ul>
1106    </div>
1107
1108    </div>
1109    <div class="pt-4" data-nav-section="our-floors_browse-by-look">
1110        
1111
1112    <div>
1113        <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>
1114        <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]">
1115                <li class="block">
1116                    <a href="/en-us/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">
1117                        <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">
1118                            <img class="w-full" src="/globalassets/wood2.jpg" alt="Karndean wood lvp"/>
1119                        </span>
1120                        <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>
1121                    </a>
1122                </li>
1123                <li class="block">
1124                    <a href="/en-us/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">
1125                        <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">
1126                            <img class="w-full" src="/globalassets/stone2.jpg" alt="Karndean stone lvt floors"/>
1127                        </span>
1128                        <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>
1129                    </a>
1130                </li>
1131                <li class="block">
1132                    <a href="/en-us/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">
1133                        <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">
1134                            <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak-sm-rl13_akp-sm-rl13-laundry-room.jpg" alt="Laundry room with Salon Oak SM-RL13 | AKP-SM-RL13 herringbone floors"/>
1135                        </span>
1136                        <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>
1137                    </a>
1138                </li>
1139        </ul>
1140    </div>
1141
1142    </div>
1143    <div class="pt-4" data-nav-section="our-floors_explore">
1144        
1145
1146    <div>
1147        <!-- have to have unique ID / index for mobile vs desktop menus -->
1148        <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>
1149        <ul aria-labelledby="mobile-menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1150                    <li class="block">
1151                        <a href="/en-us/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">
1152                            Our Collections
1153                        </a>
1154                    </li>
1155                    <li class="block">
1156                        <a href="/en-us/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">
1157                            Our Installation Formats
1158                        </a>
1159                    </li>
1160                    <li class="block">
1161                        <a href="/en-us/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">
1162                            Floor Benefits
1163                        </a>
1164                    </li>
1165                    <li class="block">
1166                        <a href="/en-us/floors/products/floor-benefits/family-friendly-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">
1167                            Family Friendly Flooring
1168                        </a>
1169                    </li>
1170        </ul>
1171            <a href="/en-us/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1172                <span>Browse all floors</span>
1173                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
1174                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
1175                </svg>
1176            </a>
1177    </div>
1178
1179    </div>
1180</div>
1181    </div>
1182</div>
1183
1184
1185<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1186    <div>
1187        <button id="mobile-menu-accordion-header-2" type="button" aria-controls="mobile-menu-accordion-content-2"
1188                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">
1189            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Inspiration</strong>
1190			
1191                <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">
1192                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1193                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1194                    </svg>
1195                </span>
1196        </button>
1197    </div>
1198    <div role="region" aria-labelledby="mobile-menu-accordion-header-2" id="mobile-menu-accordion-content-2" class="js-accordion-panel pb-6">
1199        
1200    <div class="divide-y-2 divide-gray-border space-y-4">
1201                <div class="pt-4" data-nav-section="inspiration_get-inspired">
1202                    
1203
1204    <div>
1205        <!-- have to have unique ID / index for mobile vs desktop menus -->
1206        <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>
1207        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1208                    <li class="block">
1209                        <a href="/en-us/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">
1210                            Inspiration By Room
1211                        </a>
1212                    </li>
1213                    <li class="block">
1214                        <a href="/en-us/floors/inspiration/design-aesthetics/" 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">
1215                            Karndean Design Aesthetics
1216                        </a>
1217                    </li>
1218                    <li class="block">
1219                        <a href="/en-us/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">
1220                            Get Recommendations
1221                        </a>
1222                    </li>
1223                    <li class="block">
1224                        <a href="/en-us/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">
1225                            See Our Floors In Your Room
1226                        </a>
1227                    </li>
1228                    <li class="block">
1229                        <a href="/en-us/floors/inspiration/get-inspired/as-seen-on/karndean-on-tv/" 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">
1230                            See Our Floors On TV
1231                        </a>
1232                    </li>
1233        </ul>
1234            <a title="Get tips from HGTV host Ty Pennington" href="/en-us/floors/inspiration/get-inspired/as-seen-on/ty-pennington/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1235                <span>Tips From Ty Pennington</span>
1236                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
1237                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
1238                </svg>
1239            </a>
1240    </div>
1241
1242                </div>
1243                <div class="pt-4" data-nav-section="inspiration_discover">
1244                    
1245
1246    <div>
1247        <!-- have to have unique ID / index for mobile vs desktop menus -->
1248        <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>
1249        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1250                    <li class="block">
1251                        <a href="/en-us/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">
1252                            Laying Patterns
1253                        </a>
1254                    </li>
1255                    <li class="block">
1256                        <a href="/en-us/floors/inspiration/design-components/decorative-borders/" 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">
1257                            Decorative Borders
1258                        </a>
1259                    </li>
1260                    <li class="block">
1261                        <a href="/en-us/floors/inspiration/design-components/design-strips/" 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">
1262                            Design Strips
1263                        </a>
1264                    </li>
1265                    <li class="block">
1266                        <a title="Discover our newest luxury vinyl designs" href="/en-us/floors/inspiration/discover/new-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">
1267                            New Products
1268                        </a>
1269                    </li>
1270        </ul>
1271    </div>
1272
1273                </div>
1274                <div class="pt-4" data-nav-section="inspiration_advice">
1275                    
1276
1277    <div>
1278        <!-- have to have unique ID / index for mobile vs desktop menus -->
1279        <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">Advice</span>
1280        <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1281                    <li class="block">
1282                        <a href="/en-us/floors/products/floor-benefits/reasons-to-choose-karndean-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">
1283                            Karndean LVT Vs Other Flooring
1284                        </a>
1285                    </li>
1286                    <li class="block">
1287                        <a href="/en-us/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">
1288                            Browse Our Blog
1289                        </a>
1290                    </li>
1291                    <li class="block">
1292                        <a href="/en-us/floors/services/downloadable-resources/" 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">
1293                            Download Our Brochure
1294                        </a>
1295                    </li>
1296                    <li class="block">
1297                        <a href="/en-us/floors/helpful-information/contact-us/" 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">
1298                            Talk To Us
1299                        </a>
1300                    </li>
1301        </ul>
1302    </div>
1303
1304                </div>
1305        <div class="pt-4" data-nav-section="inspiration_image">
1306            
1307    <div>
1308        <a
1309           title="View Karndean Design Aesthetics"
1310           href="/en-us/floors/inspiration/design-aesthetics/"
1311           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">
1312            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
1313                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800"
1314                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=1600 2x"
1315                     alt="Karndean Design Aesthetics inspiration"
1316                     class="block w-full"/>
1317            </span>
1318            <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 Design Aesthetics</span>
1319        </a>
1320    </div>
1321
1322        </div>
1323    </div>
1324
1325    </div>
1326</div>
1327
1328
1329<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1330    <div>
1331        <button id="mobile-menu-accordion-header-3" type="button" aria-controls="mobile-menu-accordion-content-3"
1332                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">
1333            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Services</strong>
1334			
1335                <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">
1336                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1337                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1338                    </svg>
1339                </span>
1340        </button>
1341    </div>
1342    <div role="region" aria-labelledby="mobile-menu-accordion-header-3" id="mobile-menu-accordion-content-3" class="js-accordion-panel pb-6">
1343        
1344    <div class="divide-y-2 divide-gray-border space-y-4">
1345                <div class="pt-4" data-nav-section="services_helpful-information">
1346                    
1347
1348    <div>
1349        <!-- have to have unique ID / index for mobile vs desktop menus -->
1350        <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>
1351        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1352                    <li class="block">
1353                        <a href="/en-us/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">
1354                            Ordering Samples
1355                        </a>
1356                    </li>
1357                    <li class="block">
1358                        <a href="/en-us/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">
1359                            Find A Retailer
1360                        </a>
1361                    </li>
1362                    <li class="block">
1363                        <a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/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">
1364                            Visit Our Showroom
1365                        </a>
1366                    </li>
1367                    <li class="block">
1368                        <a href="/en-us/floors/services/" 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                            Tips And Resources
1370                        </a>
1371                    </li>
1372                <li class="block">
1373                    <a href="/en-us/floors/services/guarantee-and-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">
1374                        Product Warranties
1375                    </a>
1376                </li>
1377        </ul>
1378            <a href="/en-us/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">
1379                <span>Help &amp; FAQs</span>
1380                <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false">
1381                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use>
1382                </svg>
1383            </a>
1384    </div>
1385
1386                </div>
1387                <div class="pt-4" data-nav-section="services_useful-tools--guidance">
1388                    
1389
1390    <div>
1391        <!-- have to have unique ID / index for mobile vs desktop menus -->
1392        <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 &amp; Guidance</span>
1393        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1394                    <li class="block">
1395                        <a href="/en-us/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">
1396                            See Our Floors In Your Room
1397                        </a>
1398                    </li>
1399                    <li class="block">
1400                        <a href="/en-us/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">
1401                            Get Recommendations
1402                        </a>
1403                    </li>
1404                    <li class="block">
1405                        <a href="/en-us/floors/services/downloadable-resources/" 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">
1406                            Read Our Brochures
1407                        </a>
1408                    </li>
1409                    <li class="block">
1410                        <a href="/en-us/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">
1411                            Download Our Installation Guides
1412                        </a>
1413                    </li>
1414                    <li class="block">
1415                        <a title="Recoursos En Espa&#xF1;ol" href="/en/floors/helpful-information/contact-us/recursos-en-espanol/" 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                            Recoursos En Espa&#xF1;ol
1417                        </a>
1418                    </li>
1419        </ul>
1420    </div>
1421
1422                </div>
1423                <div class="pt-4" data-nav-section="services_cleaning--care">
1424                    
1425
1426    <div>
1427        <!-- have to have unique ID / index for mobile vs desktop menus -->
1428        <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>
1429        <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1430                    <li class="block">
1431                        <a href="/en-us/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">
1432                            How To Care For Our Products
1433                        </a>
1434                    </li>
1435        </ul>
1436    </div>
1437
1438                </div>
1439        <div class="pt-4" data-nav-section="services_image">
1440            
1441    <div>
1442        <a
1443           title="Use our floor visualizer"
1444           href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/"
1445           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">
1446            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
1447                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800"
1448                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=1600 2x"
1449                     alt="Floorstyle visualizer tool on a laptop"
1450                     class="block w-full"/>
1451            </span>
1452            <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>
1453        </a>
1454    </div>
1455
1456        </div>
1457    </div>
1458
1459    </div>
1460</div>
1461
1462
1463<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border ">
1464    <div>
1465        <button id="mobile-menu-accordion-header-4" type="button" aria-controls="mobile-menu-accordion-content-4"
1466                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">
1467            <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Where to buy</strong>
1468			
1469                <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">
1470                    <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1471                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1472                    </svg>
1473                </span>
1474        </button>
1475    </div>
1476    <div role="region" aria-labelledby="mobile-menu-accordion-header-4" id="mobile-menu-accordion-content-4" class="js-accordion-panel pb-6">
1477        
1478    <div class="divide-y-2 divide-gray-border space-y-4">
1479                <div class="pt-4" data-nav-section="where-to-buy_flooring">
1480                    
1481
1482    <div>
1483        <!-- have to have unique ID / index for mobile vs desktop menus -->
1484        <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>
1485        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1486                    <li class="block">
1487                        <a title="Find a retailer to purchase our luxury vinyl floors" href="/en-us/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">
1488                            Find A Karndean Retailer
1489                        </a>
1490                    </li>
1491                    <li class="block">
1492                        <a href="/en-us/floors/services/how-to-buy-karndean-designflooring/" 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">
1493                            Why Specialty Flooring Retailers
1494                        </a>
1495                    </li>
1496                    <li class="block">
1497                        <a href="/en-us/floors/services/useful-tools-and-advice/preparing-for-a-retailer-visit/" 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">
1498                            Preparing For A Retailer Visit
1499                        </a>
1500                    </li>
1501        </ul>
1502    </div>
1503
1504                </div>
1505                <div class="pt-4" data-nav-section="where-to-buy_get-in-touch">
1506                    
1507
1508    <div>
1509        <!-- have to have unique ID / index for mobile vs desktop menus -->
1510        <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">Get In Touch</span>
1511        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1512                    <li class="block">
1513                        <a href="/en-us/floors/helpful-information/contact-us/" 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">
1514                            Contact Us
1515                        </a>
1516                    </li>
1517                    <li class="block">
1518                        <a href="/en-us/floors/helpful-information/contact-us/recursos-en-espanol/formulario-de-contacto/" 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">
1519                            Cont&#xE1;ctenos
1520                        </a>
1521                    </li>
1522        </ul>
1523    </div>
1524
1525                </div>
1526                <div class="pt-4" data-nav-section="where-to-buy_samples">
1527                    
1528
1529    <div>
1530        <!-- have to have unique ID / index for mobile vs desktop menus -->
1531        <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>
1532        <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]">
1533                    <li class="block">
1534                        <a href="/en-us/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">
1535                            Order Free Samples
1536                        </a>
1537                    </li>
1538        </ul>
1539    </div>
1540
1541                </div>
1542        <div class="pt-4" data-nav-section="where-to-buy_image">
1543            
1544    <div>
1545        <a
1546           href="/en-us/floors/where-to-buy/find-a-retailer/"
1547           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">
1548            <span class="block w-full rounded-lg object-fill overflow-hidden mb-2">
1549                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800"
1550                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=1600 2x"
1551                     alt="Book a free design consultation with a Karndean flooring expert"
1552                     class="block w-full"/>
1553            </span>
1554            <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 local retailer</span>
1555        </a>
1556    </div>
1557
1558        </div>
1559    </div>
1560
1561    </div>
1562</div>
1563        </div>
1564
1565    </nav>
1566    <div class="md:hidden bg-gray-light px-4 py-8 mt-auto">
1567        <ul class="space-y-6">
1568                <li>
1569                    <a href="/en-us/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">
1570                        <svg width="24" height="24" class="mr-2 icon-people" aria-hidden="true" focusable="false">
1571                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use>
1572                        </svg>
1573                        <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>
1574                    </a>
1575                </li>
1576            <li>
1577                <a href="https://www.karndeancommercial.com/en-us/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">
1578                    <svg width="24" height="24" class="mr-2 icon-exit" aria-hidden="true" focusable="false">
1579                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-exit"></use>
1580                    </svg>
1581                    <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>
1582                </a>
1583            </li>
1584                <li>
1585                    <div class="js-dropdown-menu relative">
1586                            <button id="dropdown-country-trigger-mobile" type="button"
1587                                    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"
1588                                    aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-mobile">
1589                                <svg class="h-6 w-6 mr-2 icon-public" aria-hidden="true" focusable="false">
1590                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-public"></use>
1591                                </svg>
1592                                <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">
1593                                    <span class="sr-only">Switch region, current region:</span>United States
1594                                </span>
1595                                <svg class="h-5 w-5 ml-2 icon-flag-usa" aria-hidden="true" focusable="false">
1596                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use>
1597                                </svg>
1598                                <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
1599                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
1600                                </svg>
1601                            </button>
1602                        <ul id="dropdown-country-mobile" role="menu" aria-labelledby="dropdown-country-trigger-mobile" tabindex="-1"
1603                            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">
1604                                    <li role="menuitem" tabindex="-1">
1605                                        <a href="/en-gb/floors/?regionswitch=true" aria-current="true"
1606                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1607                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false">
1608                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use>
1609                                            </svg>
1610                                            <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">
1610United Kingdom</span>
1611                                        </a>
1612                                    </li>
1613                                    <li role="menuitem" tabindex="-1">
1614                                        <a href="/en-au/floors/?regionswitch=true" aria-current="true"
1615                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1616                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
1617                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
1618                                            </svg>
1619                                            <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>
1620                                        </a>
1621                                    </li>
1622                                    <li role="menuitem" tabindex="-1">
1623                                        <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
1624                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1625                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
1626                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
1627                                            </svg>
1628                                            <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>
1629                                        </a>
1630                                    </li>
1631                                    <li role="menuitem" tabindex="-1">
1632                                        <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
1633                                           class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
1634                                            <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
1635                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
1636                                            </svg>
1637                                            <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>
1638                                        </a>
1639                                    </li>
1640                        </ul>
1641                    </div>
1642                </li>
1643        </ul>
1644    </div>
1645            </div>
1646
1647
1648        </div>
1649    </div>
1650    <div id="dialog-mobile-nav-bg" class="js-slide-in-panel-bg slide-in-panel-bg hidden" aria-hidden="true"></div>
1651
1652
1653    </header>
1654    <div class="mobile-search-area hidden lg:!hidden">
1655        <div class="py-4 pt-0 px-4 md:px-12">
1656            <form action="/en-us/floors/search-results/" method="get" role="search" class="w-full relative">
1657                <div>
1658                    <label for="mobileSearchTerm" class="sr-only">Search</label>
1659                    <div class="relative flex items-stretch flex-grow">
1660                        <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">
1661                    </div>
1662                    <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">
1663                        <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false">
1664                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
1665                        </svg>
1666                    </button>
1667                </div>
1668            </form>
1669        </div>
1670    </div>
1671    <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>
1672
1673
1674  
1675
1676<section class="top-area">
1677    
1678
1679
1680    <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">
1681
1682        <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>
1683
1684        <div class="absolute bottom-0 z-0 flex object-cover w-full h-full">
1685            <picture data-lazyload class="block w-full h-full" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa
1685/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=800" data-alt="Emerald, maximalist living room with Natural Prime Oak lvp floors">
1686                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=2400, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=4800 2x" media="(min-width: 2000px)">
1687                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=1800 , /globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=2600 2x" media="(min-width: 768px)">
1688                <source srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-space.jpg?width=800, /globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-space.jpg?width=1600 2x" media="(min-width: 320px)">
1689                <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=50 ">
1690                <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=1800" class="h-full no-js" alt="Emerald, maximalist living room with Natural Prime Oak lvp floors"></noscript>
1691            </picture>
1692        </div>
1693
1694        <div class="container z-20 space-y-4 md:space-y-8 max-w-[1128px] mb-6 md:mb-16 text-center">
1695            <h1 class="text-white text-balance text-4xl md:text-5xl 2xl:text-6xl" data-epi-property-name="Heading" data-epi-use-mvc="True">LVP flooring, Designed for life</h1>
1696            <a href="/en-us/floors/products/" class="btn btn-white inline-flex">Browse our LVP flooring</a>
1697        </div>
1698
1699    </div>
1700
1701</section>
1702
1703<main id="main" class="main">
1704
1705
1706
1707    <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">
1708            <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12">
1709                <div class="space-y-2 lg:col-span-10 lg:col-start-2">
1710                        <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>
1711                </div>
1712            </div>
1713        <div class="space-y-8">
1714            
1715
1716    <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">
1717            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1718                <a href="/en-us/floors/inspiration/discover/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">
1719                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1720                        <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=50"
1721                             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"
1722                             alt="Canadian Urban Oak RKP116 in a living room"
1723                             class="block w-full" />
1724                    </span>
1725                    <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 Designs</span>
1726                </a>
1727            </div>
1728            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1729                <a href="/en-us/floors/inspiration/discover/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">
1730                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1731                        <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=50"
1732                             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"
1733                             class="block w-full" />
1734                    </span>
1735                    <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 Designs</span>
1736                </a>
1737            </div>
1738            <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3">
1739                <a href="/en-us/floors/products/by-look/herringbone/" title="Browse all herringbone luxury vinyl floors" 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">
1740                    <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover">
1741                        <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=50"
1742                             data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=386 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=772 2x"
1743                             alt="Golden Kent Ash gluedown RL44 wood lvt in a herringbone pattern"
1744                             class="block w-full" />
1745                    </span>
1746                    <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 Designs</span>
1747                </a>
1748            </div>
1749    </div>
1750
1751        </div>
1752
1753        
1754    </div>
1755
1756    <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">
1757        <div class="space-y-8">
1758            
1759
1760
1761    <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12">
1762
1763            <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">
1764                <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=2800" data-alt="Ty Pennington on Karndean Korlok lvp - &quot;The quality is a cut above.&quot;" data-loaded="true">
1765                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=2800 2x" media="(min-width: 1024px)">
1766                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400 2x" media="(min-width: 320px)">
1767                    <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=50 ">
1768                    <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full  no-js" alt="Ty Pennington on Karndean Korlok lvp - &quot;The quality is a cut above.&quot;"></noscript>
1769                    <img alt="Ty Pennington on Karndean Korlok lvp - &quot;The quality is a cut above.&quot;">
1770                </picture>
1771            </div>
1772
1773            <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">
1774                <div class="space-y-4">
1775                        <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Beautifully Crafted. Backed By Warranty.</h3>
1776
1777                        <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating">
1778                            Ty Pennington is a big fan of our Korlok Select collection. Planks and tiles easily click in place for a fast, easy installation that minimizes disruption. And like all our floors, Korlok is backed by a lifetime residential warranty. Visit a Karndean retailer to learn more.
1779                        </p>
1780                </div>
1781                    <a href="/en-us/floors/inspiration/discover/korlok-select/" class="btn btn-secondary sm:inline-flex" title="Explore Korlok Select">Explore Korlok Select</a>
1782            </div>
1783
1784    </div>
1785
1786    <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12">
1787
1788            <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">
1789                <div class="flex h-full w-full js-video-background relative overflow-hidden rounded-tl-lg rounded-tr-lg md:rounded-lg">
1790                        <video class="h-full w-full object-cover h-fit" muted loop autoplay="true" playsinline aria-hidden="true">
1791                            <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" />
1792                        </video>
1793
1794                    <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">
1795                        <svg class="w-12 h-12 block group-[.is-playing]:hidden icon-play" aria-hidden="true" focusable="false">
1796                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-play"></use>
1797                        </svg>
1798                        <svg class="w-12 h-12 hidden group-[.is-playing]:block icon-pause" aria-hidden="true" focusable="false">
1799                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pause"></use>
1800                        </svg>
1801                    </button>
1802
1803                </div>
1804            </div>
1805
1806            <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">
1807                <div class="space-y-4">
1808                        <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">See Our Floors In Your Room</h3>
1809
1810                        <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating">
1811                            Upload a photo of your space and compare your favorite Karndean designs with our Floorstyle visualizer.
1812                        </p>
1813                </div>
1814                    <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="btn btn-secondary sm:inline-flex">Try Floorstyle</a>
1815            </div>
1816
1817    </div>
1818
1819        </div>
1820
1821        
1822    </div>
1823
1824    <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">
1825            <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12">
1826                <div class="space-y-2 lg:col-span-10 lg:col-start-2">
1827                        <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">Featured Collections</h2>
1828                </div>
1829            </div>
1830        <div class="space-y-8">
1831            
1832
1833    <div class="grid grid-cols-1 gap-8 md:gap-6 md:grid-cols-3">
1834
1835    <div class="col-span-1">
1836        <a href="/en-us/floors/products/our-ranges/art-select/"
1837           title="Explore the Art Select collection"
1838           class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent">
1839            <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0">
1840                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=50"
1841                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=1600 2x"
1842                     alt="Lorenzo Warm Oak waterproof lvp floors are perfect for a kitchen"
1843                     class="block w-full" />
1844            </span>
1845            <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col">
1846                    <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center">
1847                        <img src="/globalassets/karndean/icons-and-logos/range-icons/art-select-range-icon-tn.png" aria-hidden="true" class="h-12 w-12" alt="Art Select Gluedown Range Icon">
1848                        <span>Art Select</span>
1849                    </h3>
1850                <p class="mb-8 font-lg leading-relaxed">This collection brings the natural beauty of wood and stone flooring to life in large format tiles and planks.</p>
1851                <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Art Select</span>
1852            </div>
1853
1854        </a>
1855    </div>
1856
1857    <div class="col-span-1">
1858        <a href="/en-us/floors/inspiration/discover/korlok-select/"
1859           title="Explore the Korlok Select collection"
1860           class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent">
1861            <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0">
1862                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=50"
1863                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=1600 2x"
1864                     class="block w-full" />
1865            </span>
1866            <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col">
1867                    <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center">
1868                        <img src="/globalassets/karndean/icons-and-logos/range-icons/korloks-tds-logo.png" aria-hidden="true" class="h-12 w-12" alt="Korlok Select Rigid Core Range Icon">
1869                        <span>Korlok Select</span>
1870                    </h3>
1871                <p class="mb-8 font-lg leading-relaxed">Korlok Select is filled with wood and stone floors with a soul and a story. Extra-long 56&#x201D; x 9&#x201D; planks and large 18&#x201D; x 24&#x201D; tiles, distinctive details and a subtle texture.</p>
1872                <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Korlok Select</span>
1873            </div>
1874
1875        </a>
1876    </div>
1877
1878    <div class="col-span-1">
1879        <a href="/en-us/floors/products/our-ranges/LooseLay-Range/"
1880           title="Explore the Karndean LooseLay collection"
1881           class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent">
1882            <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0">
1883                <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=50"
1884                     data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=1600 2x"
1885                     class="block w-full" />
1886            </span>
1887            <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col">
1888                    <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center">
1889                        <img src="/globalassets/karndean/icons-and-logos/range-icons/ll-tds-logo.png" aria-hidden="true" class="h-12 w-12" alt="Karndean LooseLay Range Icon">
1890                        <span>Karndean Looselay</span>
1891                    </h3>
1892                <p class="mb-8 font-lg leading-relaxed">Karndean LooseLay is made with our K-Wave&#xAE; friction-grip backing, which reduces noise to lower floors &#x2013; perfect for upstairs bedrooms &#x2013; while offering cushion for extra comfort.</p>
1893                <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Karndean LooseLay</span>
1894            </div>
1895
1896        </a>
1897    </div>
1898    </div>
1899
1900        </div>
1901
1902        
1903    </div>
1904
1905    <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">
1906        <div class="space-y-8">
1907            
1908
1909    <div class="faqs-block mx-auto max-w-[1070px]">
1910
1911            <h2 class="text-4xl md:mb-8 text-">Frequently Asked Questions</h2>
1912
1913        <button class="js-accordion-open-all group btn-rounded-with-label ml-auto mr-2 md:mr-5">
1914            <span class="label group-[.is-open]:hidden">Show All <span class="sr-only">FAQ accordions</span></span>
1915            <span class="label hidden group-[.is-open]:block">Hide All <span class="sr-only">FAQ accordions</span></span>
1916            <span class="icon">
1917                <svg width="24" height="24" class="rotate-90 group-[.is-open]:-rotate-90 transition-none icon-arrow-1" aria-hidden="true" focusable="false">
1918                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1919                </svg>
1920            </span>
1921        </button>
1922
1923        <div class="js-accordion-block" data-animation="on" data-multi-items="on">
1924            
1925
1926    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1927        <div>
1928            <button id="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-header-89354" type="button" aria-controls="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-content-89354" aria-expanded="false"
1929                    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">
1930                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is Karndean Designflooring?</strong>
1931
1932                <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">
1933                    <strong class="hidden md:flex text-lg">
1934                        <span data-show-label>Show</span>
1935                        <span data-hide-label>Hide</span>
1936                    </strong>
1937                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1938                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1939                    </svg>
1940                </span>
1941            </button>
1942        </div>
1943        <div role="region" aria-labelledby="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-header-89354" id="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-content-89354" class="js-accordion-panel pb-6">
1944            <div class="wysiwyg w-full max-w-none">
1945<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>
1946        </div>
1947    </div>
1948
1949    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1950        <div>
1951            <button id="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-header-89355" type="button" aria-controls="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-content-89355" aria-expanded="false"
1952                    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">
1953                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">Is LVT suitable for a home with pets?</strong>
1954
1955                <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">
1956                    <strong class="hidden md:flex text-lg">
1957                        <span data-show-label>Show</span>
1958                        <span data-hide-label>Hide</span>
1959                    </strong>
1960                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 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        </div>
1966        <div role="region" aria-labelledby="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-header-89355" id="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-content-89355" class="js-accordion-panel pb-6">
1967            <div class="wysiwyg w-full max-w-none">
1968<p>Yes, our flooring is durable, water resistant and easy to clean.&nbsp;</p></div>
1969        </div>
1970    </div>
1971
1972    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1973        <div>
1974            <button id="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-header-89356" type="button" aria-controls="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-content-89356" aria-expanded="false"
1975                    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">
1976                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is gluedown flooring?</strong>
1977
1978                <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">
1979                    <strong class="hidden md:flex text-lg">
1980                        <span data-show-label>Show</span>
1981                        <span data-hide-label>Hide</span>
1982                    </strong>
1983                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
1984                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
1985                    </svg>
1986                </span>
1987            </button>
1988        </div>
1989        <div role="region" aria-labelledby="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-header-89356" id="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-content-89356" class="js-accordion-panel pb-6">
1990            <div class="wysiwyg w-full max-w-none">
1991<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 possibilities are endless. <a href="/en-us/floors/products/our-formats/gluedown/">View the benefits of gluedown flooring.</a></p></div>
1992        </div>
1993    </div>
1994
1995    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
1996        <div>
1997            <button id="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-header-89357" type="button" aria-controls="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-content-89357" aria-expanded="false"
1998                    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">
1999                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is rigid core flooring?</strong>
2000
2001                <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">
2002                    <strong class="hidden md:flex text-lg">
2003                        <span data-show-label>Show</span>
2004                        <span data-hide-label>Hide</span>
2005                    </strong>
2006                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2007                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2008                    </svg>
2009                </span>
2010            </button>
2011        </div>
2012        <div role="region" aria-labelledby="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-header-89357" id="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-content-89357" class="js-accordion-panel pb-6">
2013            <div class="wysiwyg w-full max-w-none">
2014<p>Rigid core is an easy-to-install &ldquo;floating floor,&rdquo; which means adhesive is not required. <a href="/en-us/floors/products/our-formats/rigid-core/">View the benefits of rigid core.</a></p></div>
2015        </div>
2016    </div>
2017
2018    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2019        <div>
2020            <button id="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-header-89358" type="button" aria-controls="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-content-89358" aria-expanded="false"
2021                    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">
2022                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is the difference between LVT and sheet vinyl?</strong>
2023
2024                <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">
2025                    <strong class="hidden md:flex text-lg">
2026                        <span data-show-label>Show</span>
2027                        <span data-hide-label>Hide</span>
2028                    </strong>
2029                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2030                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2031                    </svg>
2032                </span>
2033            </button>
2034        </div>
2035        <div role="region" aria-labelledby="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-header-89358" id="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-content-89358" class="js-accordion-panel pb-6">
2036            <div class="wysiwyg w-full max-w-none">
2037<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>
2038        </div>
2039    </div>
2040
2041    <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border">
2042        <div>
2043            <button id="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-header-94962" type="button" aria-controls="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-content-94962" aria-expanded="false"
2044                    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">
2045                <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">How can I purchase Karndean flooring?</strong>
2046
2047                <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">
2048                    <strong class="hidden md:flex text-lg">
2049                        <span data-show-label>Show</span>
2050                        <span data-hide-label>Hide</span>
2051                    </strong>
2052                    <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2053                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2054                    </svg>
2055                </span>
2056            </button>
2057        </div>
2058        <div role="region" aria-labelledby="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-header-94962" id="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-content-94962" class="js-accordion-panel pb-6">
2059            <div class="wysiwyg w-full max-w-none">
2060<p>You can purchase our flooring through one of our approved retailers. <a href="/en-us/floors/where-to-buy/find-a-retailer/">Find your local retailer</a></p></div>
2061        </div>
2062    </div>
2063
2064        </div>
2065    </div>
2066
2067        </div>
2068
2069        
2070    </div>
2071
2072    
2073
2074</main>
2075
2076
2077
2078
2079    <footer class="relative bg-secondary-smokey-grey text-white pt-12 pb-24 md:pt-14 md:pb-0 mt-auto">
2080        <div class="container space-y-4 md:space-y-8">
2081
2082            <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">
2083
2084
2085    <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">
2086        <div class="mb-8 lg:mb-0">
2087            <div class="flex items-start mb-2">
2088                <svg width="55" height="55" class="mr-2 icon-location-pin" aria-hidden="true" focusable="false">
2089                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-pin"></use>
2090                </svg>
2091                <h2 class="text-white text-display-sm leading-tighter">Find A Retailer</h2>
2092            </div>
2093            <p class="text-lg leading-relaxed">Visit one of our retail partners to see our floors in person and get help with layout ideas, installation information, pricing and more.</p>
2094
2095            <form action="/en-us/floors/where-to-buy/find-a-retailer/" method="get" role="search" class="js-far-form w-full pt-8 md:pt-6">
2096                <label for="retailerSearchTerm" class="flex items-center text-lg font-medium leading-normal text-white mb-4">
2097                    <svg width="24" height="24" class="mr-2 icon-location-1" aria-hidden="true" focusable="false">
2098                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-1"></use>
2099                    </svg>
2100                    <span>Find Your Nearest Retailer</span>
2101                </label>
2102                <div class="relative mb-4">
2103
2104                    <input type="hidden" name="lat" class="js-far-latitude" readonly>
2105                    <input type="hidden" name="lng" class="js-far-longitude" readonly>
2106
2107                    <div class="relative flex items-stretch flex-grow">
2108                        <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 Zip Code">
2109                    </div>
2110                    <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">
2111                        <svg class="h-6 w-6 text-black icon-search" aria-hidden="true" focusable="false">
2112                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use>
2113                        </svg>
2114                    </button>
2115                </div>
2116                <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">
2117                    <svg width="24" height="24" class="mr-2 icon-location-searching" aria-hidden="true" focusable="false">
2118                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-searching"></use>
2119                    </svg>
2120                    <span class="block group-[.is-loading]:hidden">Use My Location</span>
2121                    <span class="hidden group-[.is-loading]:block">Getting Location</span>
2122                </button>
2123            </form>
2124        </div>
2125    </div>
2126
2127                <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">
2128                    <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>
2129                    <nav aria-labelledby="footer-menu-1" class="hidden xl:block">
2130                            <ul class="space-y-2">
2131                                    <li><a href="/en-us/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>
2132                                    <li><a href="/en-us/floors/products/our-ranges/" 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 Collections</a></li>
2133                                    <li><a href="/en-us/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 Installation Formats</a></li>
2134                                    <li><a href="/en-us/floors/inspiration/design-components/" 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">Design Details</a></li>
2135                                    <li><a href="/en-us/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>
2136                            </ul>
2137                    </nav>
2138                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2139                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2140                            <div>
2141                                <button id="footer-accordion-header-1" type="button" aria-controls="footer-accordion-content-1" aria-expanded="false"
2142                                        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">
2143                                    <strong class="font-ubuntu text-xl text-white font-medium">Our Floors</strong>
2144
2145                                    <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">
2146                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2147                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2148                                        </svg>
2149                                    </span>
2150                                </button>
2151                            </div>
2152                            <section aria-labelledby="footer-accordion-header-1" id="footer-accordion-content-1" class="js-accordion-panel pb-6">
2153                                <nav aria-labelledby="footer-menu-1">
2154                                        <ul class="space-y-2">
2155                                                <li><a href="/en-us/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>
2156                                                <li><a href="/en-us/floors/products/our-ranges/" 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 Collections</a></li>
2157                                                <li><a href="/en-us/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 Installation Formats</a></li>
2158                                                <li><a href="/en-us/floors/inspiration/design-components/" 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">Design Details</a></li>
2159                                                <li><a href="/en-us/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>
2160                                        </ul>
2161                                </nav>
2162                            </section>
2163                        </div>
2164                    </div>
2165                </div>
2166
2167                <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">
2168                    <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>
2169                    <nav aria-labelledby="footer-menu-2" class="hidden xl:block">
2170                            <ul class="space-y-2">
2171                                    <li><a href="/en-us/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>
2172                                    <li><a href="/en-us/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>
2173                                    <li><a href="/en-us/floors/about-us/karndean-evolve/" title=" Learn more about Karndean Designflooring&#x27;s sustainability " 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 Sustainability</a></li>
2174                                    <li><a href="/en-us/floors/about-us/environmental-certifications-standards/" title="See Karndean Designflooring environmental accreditations and certificates" 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">Environmental Accreditations</a></li>
2175                                    <li><a href="/globalassets/karndean-commercial/blocks/b2b-brochure-listing-block/usa/environmental/environmental-policy-statement---usa---20260616.pdf" title="View our Environmental Policy Statement" 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">Environmental Policy Statement</a></li>
2176                                    <li><a href="/en-us/floors/about-us/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 In The Press</a></li>
2177                            </ul>
2178                    </nav>
2179                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2180                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2181                            <div>
2182                                <button id="footer-accordion-header-2" type="button" aria-controls="footer-accordion-content-2" aria-expanded="false"
2183                                        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">
2184                                    <strong class="font-ubuntu text-xl text-white font-medium">About Karndean</strong>
2185
2186                                    <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">
2187                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2188                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2189                                        </svg>
2190                                    </span>
2191                                </button>
2192                            </div>
2193                            <section aria-labelledby="footer-accordion-header-2" id="footer-accordion-content-2" class="js-accordion-panel pb-6">
2194                                <nav aria-labelledby="footer-menu-2">
2195                                        <ul class="space-y-2">
2196                                                <li><a href="/en-us/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>
2197                                                <li><a href="/en-us/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>
2198                                                <li><a href="/en-us/floors/about-us/karndean-evolve/" title=" Learn more about Karndean Designflooring&#x27;s sustainability " 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 Sustainability</a></li>
2199                                                <li><a href="/en-us/floors/about-us/environmental-certifications-standards/" title="See Karndean Designflooring environmental accreditations and certificates" 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">Environmental Accreditations</a></li>
2200                                                <li><a href="/globalassets/karndean-commercial/blocks/b2b-brochure-listing-block/usa/environmental/environmental-policy-statement---usa---20260616.pdf" title="View our Environmental Policy Statement" 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">Environmental Policy Statement</a></li>
2201                                                <li><a href="/en-us/floors/about-us/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 In The Press</a></li>
2202                                        </ul>
2203                                </nav>
2204                            </section>
2205                        </div>
2206                    </div>
2207                </div>
2208
2209                <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">
2210                    <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>
2211                    <nav aria-labelledby="footer-menu-3" class="hidden xl:block">
2212                            <ul class="space-y-2">
2213                                    <li><a href="/en-us/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>
2214                                    <li><a href="/en-us/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>
2215                                    <li><a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" 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>
2216                                    <li><a href="/en-us/floors/services/guarantee-and-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 Warranties</a></li>
2217                                    <li><a href="/en-us/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>
2218                                    <li><a href="/en-us/floors/helpful-information/online-bill-pay/" 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">Bill Pay</a></li>
2219                            </ul>
2220                    </nav>
2221                    <div class="js-accordion-block" data-animation="on" data-multi-items="on">
2222                        <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden">
2223                            <div>
2224                                <button id="footer-accordion-header-3" type="button" aria-controls="footer-accordion-content-3" aria-expanded="false"
2225                                        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">
2226                                    <strong class="font-ubuntu text-xl text-white font-medium">Customer Services</strong>
2227
2228                                    <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">
2229                                        <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false">
2230                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use>
2231                                        </svg>
2232                                    </span>
2233                                </button>
2234                            </div>
2235                            <section aria-labelledby="footer-accordion-header-3" id="footer-accordion-content-3" class="js-accordion-panel pb-6">
2236                                <nav aria-labelledby="footer-menu-3">
2237                                        <ul class="space-y-2">
2238                                                <li><a href="/en-us/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>
2239                                                <li><a href="/en-us/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>
2240                                                <li><a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" 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>
2241                                                <li><a href="/en-us/floors/services/guarantee-and-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 Warranties</a></li>
2242                                                <li><a href="/en-us/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>
2243                                                <li><a href="/en-us/floors/helpful-information/online-bill-pay/" 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">Bill Pay</a></li>
2244                                        </ul>
2245                                </nav>
2246                            </section>
2247                        </div>
2248                    </div>
2249                </div>
2250
2251                <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">
2252                    <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>
2253                    <div class="pt-4 lg:pt-0">
2254                        <ul class="flex flex-wrap justify-center xl:justify-start gap-3 xl:gap-2 mb-12" aria-labelledby="footer-menu-follow-us">
2255                                <li>
2256                                    <a href="https://www.linkedin.com/company/karndean-designflooring-usa" 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">
2257                                        <svg width="24" height="24" class="icon-linkedin" aria-hidden="true" focusable="false">
2258                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-linkedin"></use>
2259                                        </svg>
2260                                    </a>
2261                                </li>
2262                                <li>
2263                                    <a href="https://www.facebook.com/KarndeanDesignflooringUSA" 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">
2264                                        <svg width="24" height="24" class="icon-facebook" aria-hidden="true" focusable="false">
2265                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-facebook"></use>
2266                                        </svg>
2267                                    </a>
2268                                </li>
2269                                <li>
2270                                    <a href="https://www.instagram.com/karndean_usa/" 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">
2271                                        <svg width="24" height="24" class="icon-instagram" aria-hidden="true" focusable="false">
2272                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-instagram"></use>
2273                                        </svg>
2274                                    </a>
2275                                </li>
2276                                <li>
2277                                    <a href="https://www.pinterest.com/karndeanusa/" 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">
2278                                        <svg width="24" height="24" class="icon-pintrest" aria-hidden="true" focusable="false">
2279                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pintrest"></use>
2280                                        </svg>
2281                                    </a>
2282                                </li>
2283                                <li>
2284                                    <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">
2285                                        <svg width="24" height="24" class="icon-youtube" aria-hidden="true" focusable="false">
2286                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-youtube"></use>
2287                                        </svg>
2288                                    </a>
2289                                </li>
2290                        </ul>
2291                            <div class="flex justify-center xl:justify-start">
2292                                    <div class="js-dropdown-menu relative">
2293                                        <button id="dropdown-country-trigger-footer" type="button"
2294                                                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"
2295                                                aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-footer">
2296                                                <svg class="h-5 w-5 mr-2 icon-flag-usa" aria-hidden="true" focusable="false">
2297                                                    <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use>
2298                                                </svg>
2299                                                <span class="underline decoration-transparent decoration-1 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-1">
2300                                                    <span class="sr-only">Switch region, current region:</span>United States
2301                                                </span>
2302                                            <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false">
2303                                                <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use>
2304                                            </svg>
2305                                        </button>
2306
2307                                        <ul id="dropdown-country-footer" role="menu" aria-labelledby="dropdown-country-trigger-footer" tabindex="-1"
2308                                            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">
2309                                                <li role="menuitem" tabindex="-1">
2310                                                    <a href="/en-gb/floors/?regionswitch=true" aria-current="true"
2311                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2312                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false">
2313                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use>
2314                                                        </svg>
2315                                                        <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 Kingdom</span>
2316                                                    </a>
2317                                                </li>
2318                                                <li role="menuitem" tabindex="-1">
2319                                                    <a href="/en-au/floors/?regionswitch=true" aria-current="true"
2320                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2321                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false">
2322                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use>
2323                                                        </svg>
2324                                                        <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>
2325                                                    </a>
2326                                                </li>
2327                                                <li role="menuitem" tabindex="-1">
2328                                                    <a href="/en-nz/floors/?regionswitch=true" aria-current="true"
2329                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2330                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false">
2331                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use>
2332                                                        </svg>
2333                                                        <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>
2334                                                    </a>
2335                                                </li>
2336                                                <li role="menuitem" tabindex="-1">
2337                                                    <a href="/en-ca/floors/?regionswitch=true" aria-current="true"
2338                                                       class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus">
2339                                                        <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false">
2340                                                            <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use>
2341                                                        </svg>
2342                                                        <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>
2343                                                    </a>
2344                                                </li>
2345                                        </ul>
2346                                    </div>
2347                            </div>
2348                    </div>
2349                </div>
2350            </div>
2351            <div class="flex justify-center">
2352                <a href="https://www.karndeancommercial.com/en-us/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">
2353                    <span>Commercial</span>
2354                    <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false">
2355                        <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use>
2356                    </svg>
2357                </a>
2358            </div>
2359            <div class="grid grid-cols-1 md:grid-cols-12 md:gap-4">
2360                <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">
2361                    <p class="block lg:shrink-0">&#xA9; Copyright 2026 Karndean Designflooring</p>
2362                    <div>
2363                            <ul class="flex flex-wrap gap-y-2 gap-x-4 justify-center xl:justify-end">
2364                                    <li><a href="/en-us/floors/helpful-information/website-terms--conditions/" target="_blank" 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>
2365                                    <li><a href="/en-us/floors/helpful-information/privacy-policy/" target="_blank" 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>
2366                                    <li><a href="/en-us/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>
2367                                    <li><a href="/en-us/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>
2368                            </ul>
2369                    </div>
2370                </div>
2371            </div>
2372        </div>
2373    </footer>
2374  <input id="currentDomain" name="currentDomain" type="hidden" value="KarndeanResidentialENUS" />
2375  <input id="currentLanguage" name="currentLanguage" type="hidden" value="en-US" />
2376
2377  
2377<script type="module"
2378    src="/assets/b2c-redesign/js/index.40850f72.js"></script>
2378
2379  
2379<script>
2380    // only needed on episerver form pages 
2381    var episerverFormWrapper = document.querySelector('.episerver-form-wrapper')
2382    if (episerverFormWrapper) {
2383      var script = document.createElement('script');
2384      script.src = '/Util/EPiServer.Forms/jquery-3.5.1.min.js';
2385      script.type = 'text/javascript';
2386      document.body.appendChild(script);
2387
2388      script.onload = function () {
2389
2390        jQuery(document).ready(function () {
2391          // recaptcha
2392          window.reCaptchToken = null
2393
2394          window.onReCaptchaSubmit = function (token) {
2395            reCaptchToken = token
2396          }
2397
2398          window.initRecaptchaElements = function () {
2399
2400            const originalGetCustomElementValue = epi.EPiServer.Forms.Extension.getCustomElementValue;
2401
2402            jQuery.extend(true, epi.EPiServer.Forms, {
2403              Validators: {
2404                "Karndean.Features.Common.Helpers.Recaptcha.RecaptchaValidator": function (fieldName, fieldValue, validatorMetaData) {
2405                  // validate recaptcha element
2406                  if (fieldValue) {
2407                    return { isValid: true };
2408                  }
2409                  return { isValid: false, message: validatorMetaData.model.message };
2410                },
2411                "Karndean.Features.Common.Helpers.Turnstile.TurnstileValidator": function (fieldName, fieldValue, validatorMetaData) {
2412                  // validate turnstile element
2413                  if (fieldValue) {
2414                    return { isValid: true };
2415                  }
2416                  return { isValid: false, message: validatorMetaData.model.message };
2417                }
2418              },
2419              Extension: {
2420                getCustomElementValue: function ($element) {
2421                  if ($element.hasClass("FormRecaptcha")) {
2422                    if (typeof window.grecaptcha === "undefined" || typeof grecaptcha.execute !== "function") {
2423                      return "";
2424                    }
2425
2426                    if (window.reCaptchToken !== null && typeof window.reCaptchToken !== "undefined") {
2427                      return window.reCaptchToken;
2428                    }
2429
2430                    grecaptcha.ready(async () => {
2431                      try {
2432                        if (!$element.hasClass("validating")) {
2433                          $element.addClass("validating");
2434                          try {
2435                            const token = await grecaptcha.execute({
2436                              action: 'recaptchaAction',
2437                            });
2438                            if (token && !window.reCaptchToken) {
2439                              window.reCaptchToken = token;
2440                            }
2441                          } catch (e) { }
2442                        }
2443
2444                        const validationCheck = setInterval(function () {
2445                          if (window.reCaptchToken) {
2446                            $element.removeClass("validating");
2447                            clearInterval(validationCheck);
2448                          }
2449                        }, 100);
2450                      } catch (e) {
2451                        console.log('Failed to get token', e);
2452                      }
2453                    });
2454
2455                    return "";
2456                  }
2457                  // if current element is not our job, let others process
2458                  return originalGetCustomElementValue.apply(this, [$element]);
2459                }
2460              }
2461            });
2462          }
2463          // recaptcha end
2464        });
2465      }
2466    }
2467
2468  </script>
2468
2469  
2469<script defer="defer" src="/Util/Find/epi-util/find.js"></script>
vendor: 1 bytes, line 2469
2469
2470<script>
2471document.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();}})
2472</script>
2472
2473
2474
2475  
2476  
2477    
2477<script type="text/javascript">
2478        window._initClickDimensions = function () {
2479            if (window._cdInitialized || window._cdLoading) return;
2480            window._cdLoading = true;
2481
2482
2483            var cdScript = document.createElement('script');
2484            cdScript.type = 'text/javascript';
2485            cdScript.src = 'https://analytics.clickdimensions.com/ts.js';
2486            cdScript.onerror = function () { window._cdLoading = false; };
2487            cdScript.onload = function () {
2488                function initAnalytics() {
2489                    window._cdInitialized = true;
2490                    var cdAnalytics = new clickdimensions.Analytics('analytics.clickdimensions.com');
2491                    cdAnalytics.setAccountKey("ac90q9a3KVUGzxKTi04zSg");
2492                    cdAnalytics.setDomain("www.karndean.com");
2493                    cdAnalytics.setScore(typeof (cdScore) == "undefined" ? 0 : (cdScore == 0 ? null : cdScore));
2494                    cdAnalytics.trackPage();
2495                }
2496
2497
2498                    initAnalytics();
2499                                };
2500            document.head.appendChild(cdScript);
2501        };
2502    </script>
2502
2503
2504  
2505    
2505<script type="text/javascript">
2506        !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, {
2507            src: "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js",
2508            crossOrigin: "anonymous",
2509            cfg: {
2510                instrumentationKey: "026fb3c1-519d-44f9-8152-5a23a399cd8b"
2511            }
2512        });
2513    </script>
2513
2514
2515</body>
2516
2517</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.