1<!doctype html> 2<html lang="en-GB" class="no-js"> 3 <head>
3<script>document.documentElement.classList.replace('no-js', 'js');</script>
3 4 <!-- Charset and Viewport --> 5 <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 6 <meta http-equiv="cleartype" content="on"><link rel="preconnect" href="https://www.googletagmanager.com"><link rel="preconnect" href="https://eu-assets.i.posthog.com"> 7 <link rel="dns-prefetch" href="https://eu.i.posthog.com"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-bundle-sitewide.css?v=160513505824477248501787323714" rel="stylesheet" type="text/css" media="all" />�<style> 8 :root {--fm-page-max-width: min(1290px, 90vw); 9 --fm-page-gutter: 20px; 10 }</style> 11 12 <!-- Site Verifications (grouped together) --> 13 <meta name="google-site-verification" content="SAC1ZF2TTBlog4jT07JLBRqLhHKSruHrettyd9u4uUE"> 14 <meta name="p:domain_verify" content="0895bbe49a5647ea9ea663917dfc6e5f"> 15 <meta name="msvalidate.01" content="E0620FB88018B0A21B92B2DC0CC3030C"> 16 <meta name="ahrefs-site-verification" content="ab6943d0e99a55fc5af36699a56fca8536e5752ec486fdfedc72c2fc258a62d4"> 17 <meta name="facebook-domain-verification" content="n25kxkxwar13mqdvexlwfznhx3jkcx"> 18 19 <!-- Robots Meta Tag (SEO) --> 20 21 <meta name="robots" content="index, follow, max-image-preview:large"> 22 23 <!-- Page Title --> 24 <title> 25 26 About First Mats, Our Values and Customers | First Mats UK 27 28 29 </title> 30 <!-- Favicon --> 31 <link rel="shortcut icon" type="image/x-icon" href="https://cdn.shopify.com/s/files/1/0866/0808/files/fm-favicon.ico?v=1683716443"> 32 33 <!-- Meta Description (SEO) --> 34 35 <meta name="description" content="First Mats was founded in 2012 to supply high quality matting to the commercial, industrial and domestic markets. Our focus is on quality and safety, ensuring that mats provide customers with the greatest value possible. Find out more about us, our products and our customers here."> 36 37 38 <!-- Fonts (only load when necessary) --> 39 �<link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/BeVietnamPro-Regular.woff2?v=146778973731264598871785238571"> 40 <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/BeVietnamPro-Bold.woff2?v=7168447769111889511785238569"><!-- Canonical URL (for SEO) --> 41 42 <link rel="canonical" href="https://www.firstmats.co.uk/pages/about-us"> 43 44 45 <!-- Social Meta Tags (for Open Graph and Twitter Cards) --> 46 <meta property="og:site_name" content="First Mats Ltd" /> 47 48 <meta property="og:type" content="website" /> 49 50 <meta property="og:url" content="https://www.firstmats.co.uk/pages/about-us" /> 51 <meta property="og:title" content="About First Mats, Our Values and Customers | First Mats UK" /> 52 <meta property="og:description" content="First Mats was founded in 2012 to supply high quality matting to the commercial, industrial and domestic markets. Our focus is on quality and safety, ensuring that mats provide customers with the greatest value possible. Find out more about us, our products and our customers here." /> 53 54 55 56 57 58 59 60 61 62 63 64<meta name="twitter:site" content="@FirstMats" /> 65<meta name="twitter:card" content="summary_large_image" /> 66<meta name="twitter:title" content="About First Mats, Our Values and Customers | First Mats UK" /> 67<meta name="twitter:description" content="First Mats was founded in 2012 to supply high quality matting to the commercial, industrial and domestic markets. Our focus is on quality and safety, ensuring that mats provide customers with the greatest value possible. Find out more about us, our products and our customers here." /> 68<meta name="twitter:image:alt" content="About First Mats, Our Values and Customers | First Mats UK" /> 69<meta name="twitter:image" content="https://www.firstmats.co.uk/cdn/shop/t/342/assets/logo_grande.png?v=93276" /> 70 71 72 <!-- Mobile Specific Meta Tags (Optimized for Mobile Browsing) --> 73 <meta name="HandheldFriendly" content="True"> 74 <meta name="MobileOptimized" content="320"><!-- Stylesheets -->�<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/new-mobile-menu.css?v=62398958472940460861785238575" media="print" onload="this.media='all'"> 75 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/new-mobile-menu.css?v=62398958472940460861785238575"></noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-bundle-overrides.css?v=105222724993338502741787322094">
75<script> 76 (function (w) { 77 var q = []; 78 function J(a){ if (typeof a === 'function'){ q.push(a); return; } return { ready: function (fn){ q.push(fn); return this; } }; } 79 J.fn = {}; J.__stub = true; w.$ = w.jQuery = J; 80 function flush(){ var r = w.jQuery; if (r && !r.__stub){ while (q.length){ try { r(q.shift()); } catch (e){ console.error('jq-ready-shim', e); } } } } 81 document.addEventListener('DOMContentLoaded', flush); 82 })(window); 83 </script>
83 84
84<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/jquery.min.js?v=152464124373937720231785238574" defer></script>
84<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/lm-meta-lead-fields.js?v=20672734616793408701785238572" defer></script>
84 85
85<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/new-mobile-menu.js?v=45764809157747795551785238575" defer></script>
85<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-predictive-search.css?v=45284381713083518821785238576" media="print" onload="this.media='all'"> 86 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-predictive-search.css?v=45284381713083518821785238576"></noscript> 87 <!-- Stylesheets --> 88 89
89<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/constants.js?v=118584103139986873861785238574" defer="defer"></script>
89 90
90<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/pubsub.js?v=62018018568598906421785238573" defer="defer"></script>
90 91
91<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/global.js?v=46070859489294452381785512124" defer="defer"></script>
91 92
92<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/search-form.js?v=141356296129675426781785489901" defer="defer"></script>
92<!-- Scripts --> 93 94 <!-- Google Tag Manager --> 95
95<script>
vendor: 363 bytes, lines 95-100
95 96 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 97 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 98 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 99 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 100 })(window,document,'script','dataLayer','
100GTM-TSS3PGL
vendor: 9 bytes, lines 100-101
100'); 101
101</script>
101 102 <!-- PostHog (product analytics + masked session replay) 103 Boots in lockstep with GTM and mirrors every dataLayer 104 event via a push-patch bridge, so GA4 instrumentation is 105 the single source of truth and PostHog inherits it. 106 Action required: swap the placeholder API key inside 107 snippets/posthog-init.liquid. --> 108
108<script> 109(function () { 110 if (window.__posthogBooted) return; 111 window.__posthogBooted = true; 112 113 /* PostHog official loader stub (copied verbatim from 114 https://posthog.com/docs/libraries/js so SDK updates stay a 115 copy-paste away). The real bundle is fetched async via the 116 `array.js` URL the stub injects. */ 117 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 118 119 /* Heavy boot (array.js fetch + replay init) deferred to browser idle so it 120 stays off the LCP critical path (was ~438ms of main-thread work + a 163KB 121 fetch competing with first paint, 01-Jul-2026). posthog.capture() calls made 122 before this runs queue on the stub above and flush once array.js loads, so 123 nothing (incl. the dataLayer bridge below) is lost â just time-shifted. */ 124 function __phBoot() { 125 posthog.init('phc_qtK9xDk966R96ozggikb68S9aUchdkKCT5FZnHAKMHLf', { 126 api_host: 'https://eu.i.posthog.com', 127 /* Trimmed add-ons (01-Jul-2026): surveys / dead-click autocapture / 128 web-vitals each pull a separate static/*.js payload + main-thread cost 129 and are unused on the funnel. Replay + autocapture + pageview stay. */ 130 disable_surveys: true, 131 capture_dead_clicks: false, 132 capture_performance: false, 133 /* Session replay OFF (24-Aug-2026). Microsoft Clarity is also live 134 (injected via GTM: clarity.ms/tag/r2gtr4occn) and records the SAME 135 sessions, so the site was paying for two full DOM recorders on every 136 pageview. Clarity is the one the business actually reviews, so PostHog's 137 is the one that goes. 138 139 Measured cost of PostHog replay on /products/premium-indoor-logo-mats 140 (24-Aug-2026, warm cache): `static/<ver>/posthog-recorder.js` plus 16 141 POSTs to `eu.i.posthog.com/s/` before the load event, and it keeps 142 posting for as long as the tab is open â rrweb re-serialising a 143 5,566-node DOM on the main thread the whole time. ~17 requests/pageview. 144 145 Everything else PostHog does is untouched: autocapture, pageviews, 146 pageleave, the dataLayer bridge below, and the internal-traffic flag all 147 still work. This flag only stops the recorder module loading. 148 149 The `session_recording: { ... }` block further down is now inert. It is 150 deliberately KEPT rather than deleted: it is the record of the PII-masking 151 policy, so whoever re-enables replay does not re-enable it unmasked. */ 152 disable_session_recording: true,
153 /* Share the distinct_id cookie across *.firstmats.co.uk so the 154 logo-mat funnel continues as the SAME PostHog person when the 155 customer is redirected from the storefront (www.firstmats.co.uk) 156 to the instant-proof page on design.firstmats.co.uk after a 157 successful submission (see the `lm_proof_shown` redirect in 158 assets/eq-product-script.js). The proof page must run its OWN 159 PostHog init with this same project key AND this same setting â 160 the root-domain cookie is what stitches storefront â proof â 161 checkout into one funnel. Pinned explicitly because the 162 cross-subdomain funnel depends on it. */ 163 cross_subdomain_cookie: true, 164 /* `identified_only` means anonymous browsers don't burn a 165 person-profile slot. We only create a profile when a known 166 customer is identified or a high-value event fires. Keeps 167 the free-tier accounting clean. */ 168 person_profiles: 'identified_only', 169 autocapture: true, 170 capture_pageview: true, 171 capture_pageleave: true, 172 /* Session replay with aggressive masking. The whole point of 173 enabling replay is debugging UX flow, not capturing what 174 people type into forms. Every input is masked by default; 175 any text node you want masked too can be tagged 176 `data-ph-mask` in the markup. */ 177 session_recording: { 178 maskAllInputs: true, 179 maskTextSelector: '[data-ph-mask]', 180 maskInputOptions: { 181 password: true, 182 email: true, 183 tel: true, 184 text: true, 185 textarea: true, 186 select: true, 187 date: true, 188 number: true, 189 search: true 190 }, 191 recordCanvas: false, 192 collectFonts: false 193 }, 194 /* Block PostHog's own outbound network panel from recording 195 file uploads (the Logo Mat wizard sends raw image bytes â 196 we don't want those replayed). */ 197 session_recording_network_payload_capture: false 198 }); 199 200 /* ââ Internal / staff traffic flag ââââââââââââââââââââââââââââ 27-Jul-2026 201 Marks THIS BROWSER as internal so PostHog's "Filter out internal and 202 test users" excludes it from insights. 203 204 Opt IN : https://www.firstmats.co.uk/?ph_internal=1 (once per browser) 205 Opt OUT: https://www.firstmats.co.uk/?ph_internal=0 206 207 WHY NOT AN IP FILTER: the project has `anonymize_ips: true`, so PostHog 208 derives GeoIP at ingest then DISCARDS the address. Verified 27-Jul-2026 â 209 zero of 19,232 events in 24h carried `$ip`, `ip` or `ipAddress`, while 210 17,218 carried `$geoip_city_name`. An IP-based test-account rule can 211 therefore never match: the pre-existing 212 `ipAddress is_not 139.28.109.18` rule had been a silent no-op since the 213 day it was added. A flag also beats an IP because it follows the person 214 home / onto mobile / behind a VPN. 215 216 THREE calls, each load-bearing â do not "simplify" to one: 217 1. register() â sets `is_internal` as a SUPER property, so it 218 rides on every event from this browser. This 219 is the one that works under 220 `person_profiles: 'identified_only'`, because 221 it needs no person profile at all. 222 2. createPersonProfile() â forces a profile into existence. Without it, 223 `identified_only` DISCARDS person properties 224 for anonymous browsers, and staff browsing 225 the storefront are anonymous. Guarded with a 226 typeof check in case an older posthog-js is 227 ever served. 228 3. setPersonProperties() â sets `$internal_or_test_user`, which is the 229 property cohort 135942 ("Internal / Test 230 users") already matches on. That cohort is 231 already wired into the project's 232 test_account_filters, so NO PostHog settings 233 change is needed to make this take effect. 234 235 localStorage is wrapped because Safari private mode throws on write. 236 âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 237 try { 238 var fmPhKey = 'fm_ph_internal'; 239 var fmPhParams = new URLSearchParams(window.location.search); 240 if (fmPhParams.has('ph_internal')) { 241 if (fmPhParams.get('ph_internal') === '0') { 242 localStorage.removeItem(fmPhKey); 243 } else { 244 localStorage.setItem(fmPhKey, '1'); 245 } 246 } 247 if (localStorage.getItem(fmPhKey) === '1') { 248 posthog.register({ is_internal: true }); 249 if (typeof posthog.createPersonProfile === 'function') { 250 posthog.createPersonProfile(); 251 } 252 posthog.setPersonProperties({ $internal_or_test_user: true }); 253 } 254 } catch (e) { 255 /* storage blocked (private mode) â just don't flag this browser */ 256 }} 257 /* Boot on idle, but force within 2s so a busy main thread can't starve 258 analytics/replay indefinitely. rIC-less browsers fall back to a timeout. */ 259 if ('requestIdleCallback' in window) { 260 requestIdleCallback(__phBoot, { timeout: 2000 }); 261 } else { 262 setTimeout(__phBoot, 1200); 263 } 264 265 /* ââ DataLayer â PostHog bridge ââââââââââââââââââââââââââââââ 266 Patch `dataLayer.push` so every GA4 event is mirrored to 267 PostHog. GTM still sees the same call (we delegate to the 268 original push), so GA4 is untouched. */ 269 window.dataLayer = window.dataLayer || []; 270 var __phOrigPush = window.dataLayer.push.bind(window.dataLayer); 271 272 function __phForward(payload) { 273 if (!payload || typeof payload !== 'object' || !payload.event) return; 274 var name = String(payload.event); 275 /* Skip GTM lifecycle noise â these aren't user-meaningful 276 events, just bookkeeping that GTM uses internally. */ 277 if (name === 'gtm.js' || name === 'gtm.dom' || name === 'gtm.load' || 278 name === 'gtm.click' || name === 'gtm.linkClick' || 279 name.indexOf('gtm.') === 0) return; 280 try { 281 var props = {}; 282 for (var k in payload) { 283 if (k !== 'event' && Object.prototype.hasOwnProperty.call(payload, k)) { 284 props[k] = payload[k]; 285 } 286 } 287 if (window.posthog && typeof posthog.capture === 'function') { 288 posthog.capture(name, props); 289 } 290 } catch (e) { 291 /* Swallow â never let analytics errors break GTM. */ 292 } 293 } 294 295 window.dataLayer.push = function () { 296 for (var i = 0; i < arguments.length; i++) { 297 __phForward(arguments[i]); 298 } 299 return __phOrigPush.apply(this, arguments); 300 }; 301 302 /* Replay any events that pushed before this bridge installed 303 (race-safe against `dataLayer-allPages` which can fire above 304 the head depending on template). */ 305 if (Array.isArray(window.dataLayer)) { 306 window.dataLayer.forEach(__phForward); 307 } 308})(); 309</script>
309 310 311 <!-- BEGIN MerchantWidget Code --> 312 313<!-- END MerchantWidget Code --> 314 <!-- Lazy Load Script Library --> 315
315<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/lozad.min.js?v=34189086745197559801787654278" defer></script>
315 316 <!-- End Lazy Load Script Library --> 317
317<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
317<meta name="facebook-domain-verification" content="n25kxkxwar13mqdvexlwfznhx3jkcx"> 318<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8660808/digital_wallets/dialog"> 319<meta id="in-context-paypal-metadata" data-shop-id="8660808" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> 320<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
320<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=1494909156"></script>
320 321<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
322<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=1494909156&shop_id=8660808" crossorigin="anonymous"></script>
vendor: 1 bytes, line 322
322
323<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":8660808,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/8660808","merchantName":"First Mats Ltd","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"First Mats Ltd","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 323
323
324<script id="shopify-features" type="application/json">{"accessToken":"34f6322790810243265c1e14a7e68ff9","betas":["rich-media-storefront-analytics"],"domain":"www.firstmats.co.uk","predictiveSearch":true,"shopId":8660808,"locale":"en"}</script>
vendor: 1 bytes, line 324
324
325<script>var Shopify = Shopify || {}; 326Shopify.shop = "first-mats-ltd.myshopify.com"; 327Shopify.locale = "en"; 328Shopify.currency = {"active":"GBP","rate":"1.0"}; 329Shopify.country = "GB"; 330Shopify.theme = {"name":"first-mats-theme\/main","id":185454231930,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 331Shopify.theme.handle = "null"; 332Shopify.theme.style = {"id":null,"handle":null}; 333Shopify.cdnHost = "www.firstmats.co.uk/cdn"; 334Shopify.routes = Shopify.routes || {}; 335Shopify.routes.root = "/"; 336Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 337Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 338Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 339Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 339
339
340<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 340
340
341<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 341
341
342<script> 343 window.ShopifyPay = window.ShopifyPay || {}; 344 window.ShopifyPay.apiHost = "shop.app\/pay"; 345 window.ShopifyPay.redirectState = null; 346</script>
vendor: 1 bytes, line 346
346
347<script> 348 window.Shopify = window.Shopify || {}; 349 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 350 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 351 window.Shopify.SignInWithShop.eligible = true; 352</script>
vendor: 1 bytes, line 352
352
353<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 353
353
354<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 354
354
355<script type="module"> 356 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 357 358 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 359 360</script>
vendor: 1 bytes, line 360
360
361<script> 362 window.Shopify = window.Shopify || {}; 363 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 364 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 365</script>
vendor: 1 bytes, line 365
365
366<script>(function() { 367 var isLoaded = false; 368 function asyncLoad() { 369 if (isLoaded) return; 370 isLoaded = true; 371 var urls = ["https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJzSkNIYUFHczZtbFRXZHZNIiwicyI6InNrdSJ9\u0026shop=first-mats-ltd.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/first-mats-ltd.myshopify.com.js?settings=1778592234958\u0026shop=first-mats-ltd.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiJzSkNIYUFHczZtbFRXZHZNIiwicyI6InNrdSIsInQiOlsib3JkZXJzL2Z1bGZpbGxlZCJdLCJ2IjoiIiwiYSI6IlNob3BpZnktMjAxOS0wNCJ9\u0026shop=first-mats-ltd.myshopify.com"]; 372 for (var i = 0; i < urls.length; i++) { 373 var s = document.createElement('script'); 374 s.type = 'text/javascript'; 375 s.async = true; 376 s.src = urls[i]; 377 var x = document.getElementsByTagName('script')[0]; 378 x.parentNode.insertBefore(s, x); 379 } 380 }; 381 if(window.attachEvent) { 382 window.attachEvent('onload', asyncLoad); 383 } else { 384 window.addEventListener('load', asyncLoad, false); 385 } 386})();</script>
vendor: 1 bytes, line 386
386
387<script id="__st">var __st={"a":8660808,"offset":3600,"reqid":"a15c140d-c3ad-46f0-bde6-cda4ac6a37f0-1790277644","pageurl":"www.firstmats.co.uk\/pages\/about-us","s":"pages-50384195","u":"de87643595ae","p":"page","rtyp":"page","rid":50384195};</script>
vendor: 1 bytes, line 387
387
388<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 388
388
389<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 389
389
390<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.firstmats.co.uk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 390
390
391<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.firstmats.co.uk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
391<script crossorigin="anonymous" defer="defer" src="//www.firstmats.co.uk/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 391
391
392<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 392
392
393<script> 394 window.Shopify = window.Shopify || {}; 395 window.Shopify.MCP = window.Shopify.MCP || {}; 396 window.Shopify.MCP.enabled = true; 397 window.Shopify.MCP.shop = "first-mats-ltd.myshopify.com"; 398 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.firstmats.co.uk\/api\/mcp"; 399 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 400</script>
vendor: 1 bytes, line 400
400
401<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.firstmats.co.uk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 402</script>
vendor: 1 bytes, line 402
402
403<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.firstmats.co.uk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 404</script>
vendor: 1 bytes, line 404
404
405<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 406 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 407</script>
vendor: 1 bytes, line 407
407
408<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 409</script>
409 410<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.firstmats.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 411<style id="shopify-accelerated-checkout-cart"> 412 #shopify-buyer-consent { 413 margin-top: 1em; 414 display: inline-block; 415 width: 100%; 416} 417 418#shopify-buyer-consent.hidden { 419 display: none; 420} 421 422#shopify-subscription-policy-button { 423 background: none; 424 border: none; 425 padding: 0; 426 text-decoration: underline; 427 font-size: inherit; 428 cursor: pointer; 429} 430 431#shopify-subscription-policy-button::before { 432 box-shadow: none; 433} 434 435 </style> 436
437<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
437 438 439 440 �<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/slick.css?v=98340474046176884051787654279" media="print" onload="this.media='all'"> 441 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/slick.css?v=98340474046176884051787654279"></noscript>� 442 443 444 <link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-fonts.css?v=58077929457801520601785238695" rel="stylesheet" type="text/css" media="all" />�<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-plugins.css?v=11107923703896731861785238573" media="print" onload="this.media='all'"> 445 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-plugins.css?v=11107923703896731861785238573"></noscript> 446 447 448 449 <link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-base.css?v=52947683863280170411785238570" rel="stylesheet" type="text/css" media="all" /> 450 451 452 <link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-header-footer-global.css?v=102481800856220017551785238575" rel="stylesheet" type="text/css" media="all" />� 453 454 455 � 456 �<style>cart-drawer{display:none}</style> 457 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-cart-drawer.css?v=72338484302514436911785238571" media="print" onload="this.media='all'"> 458 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-cart.css?v=165353898286909567941785238572" media="print" onload="this.media='all'"> 459 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-totals.css?v=39624424735432419241785238573" media="print" onload="this.media='all'"> 460 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-price.css?v=174465219652383001971785238569" media="print" onload="this.media='all'"> 461 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-discounts.css?v=38346849571770356941785238573" media="print" onload="this.media='all'"> 462 <noscript> 463 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-cart-drawer.css?v=72338484302514436911785238571"> 464 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-cart.css?v=165353898286909567941785238572"> 465 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-totals.css?v=39624424735432419241785238573"> 466 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-price.css?v=174465219652383001971785238569"> 467 <link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-discounts.css?v=38346849571770356941785238573"> 468 </noscript> 469 470 471 472 473 474 <style> 475 .three-product-link-list li .product-title + img { 476 margin: 0; 477 } 478 .three-product-link-list li .product-tagline-text{ 479 padding: 10px; 480 } 481 482 </style> 483 484 <!-- teeinblue configuration - please do not delete - start -->
485<script type="text/javascript"> 486 teeinblue = { 487 cartContainerSelectors: ['yourselector'], 488 }; 489</script>
489 490<!-- teeinblue configuration - please do not delete - end --><style>.pdp-sample-request,.js-fm-sample-add,.js-pdp-sample-request{display:none !important;}</style><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-touch-input-zoom.css?v=174852279827932470031786721630" rel="stylesheet" type="text/css" media="all" /> 491 <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 492<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 493<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 494<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 495<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 496 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 497 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 498 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 499 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
499<script> 500(function () { 501 try { 502 document.documentElement.classList.add('csm-cookie-embed'); 503 } catch (e) {} 504})(); 505</script>
505<script data-consentmo-data-src-bootstrap> 506(function () { 507 'use strict'; 508 if (window.__consentmoDataSrcBootstrapInit) return; 509 window.__consentmoDataSrcBootstrapInit = true; 510 511 var DATA_SRC_SELECTOR = [ 512 'script[data-src*="consentmo_cookie_consent"]', 513 'script[data-src*="gdpr_cookie_consent.min"]', 514 'script[data-src*="gdrp_cookie_consent_unlimited"]' 515 ].join(','); 516 517 function activateConsentmoDataSrcScripts() { 518 if (!window.Shopify || !window.Shopify.shop) return; 519 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 520 // getAttribute: src="" must not count as "already has src" (.src === page URL). 521 if (scriptEl.getAttribute('src')) return; 522 var url = scriptEl.getAttribute('data-src'); 523 if (!url) return; 524 if (scriptEl.getAttribute('type') === 'text/plain') { 525 scriptEl.removeAttribute('type'); 526 } 527 scriptEl.src = url; 528 }); 529 } 530 function scheduleActivation() { 531 activateConsentmoDataSrcScripts(); 532 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 533 setTimeout(activateConsentmoDataSrcScripts, 0); 534 } 535 if (document.readyState === 'loading') { 536 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 537 } else { 538 scheduleActivation(); 539 } 540})(); 541</script>
541 542 543 544<!-- END app block --><!-- BEGIN app block: shopify://apps/simprosys-google-shopping-feed/blocks/core_settings_block/1f0b859e-9fa6-4007-97e8-4513aff5ff3b --><!-- BEGIN: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed --> 545 546 547 548 549 550 551 552 553 554<!-- END: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed --> 555<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 556 557 558 559 560 561 562 563 564 565 566 567 568
568<script async src="https://static.klaviyo.com/onsite/js/SFMT8b/klaviyo.js?company_id=SFMT8b"></script>
568 569
569<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
569 570 571 572 573 574 575 576
576<script> 577 window.klaviyoReviewsProductDesignMode = false 578 </script>
578 579 580 581 582 <!-- BEGIN app snippet: customer-hub-data -->
582<script> 583 if (!window.customerHub) { 584 window.customerHub = {}; 585 } 586 window.customerHub.storefrontRoutes = { 587 login: "https://www.firstmats.co.uk/customer_authentication/redirect?locale=en®ion_country=GB?return_url=%2F%23k-hub", 588 register: "https://account.firstmats.co.uk?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJmaXJzdC1tYXRzLWx0ZC5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTA4ODI0NDUsIm5iZiI6MTc5MDI3NzY0NX0.PMe7gX4PxN38ZFxmc6cqUDLpFdLSRj_jvgUZjHn4kVo?return_url=%2F%23k-hub", 589 logout: "/account/logout", 590 profile: "/account", 591 addresses: "/account/addresses", 592 }; 593 594 window.customerHub.userId = null; 595 596 window.customerHub.storeDomain = "first-mats-ltd.myshopify.com"; 597 598 599 600 601 window.customerHub.storeLocale = { 602 currentLanguage: 'en', 603 currentCountry: 'GB', 604 availableLanguages: [ 605 606 { 607 iso_code: 'en', 608 endonym_name: 'English' 609 } 610 611 ], 612 availableCountries: [ 613 614 { 615 iso_code: 'GG', 616 name: 'Guernsey', 617 currency_code: 'GBP' 618 }, 619 620 { 621 iso_code: 'IM', 622 name: 'Isle of Man', 623 currency_code: 'GBP' 624 }, 625 626 { 627 iso_code: 'LU', 628 name: 'Luxembourg', 629 currency_code: 'EUR' 630 }, 631 632 { 633 iso_code: 'CH', 634 name: 'Switzerland', 635 currency_code: 'CHF' 636 }, 637 638 { 639 iso_code: 'GB', 640 name: 'United Kingdom', 641 currency_code: 'GBP' 642 } 643 644 ] 645 }; 646 647</script>
647 648<!-- END app snippet --> 649 650 651 652 <!-- BEGIN app snippet: customer-hub-replace-links -->
653<script> 654 function replaceAccountLinks() { 655 const selector = 656 'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account'; 657 const accountLinksNodes = document.querySelectorAll(selector); 658 for (const node of accountLinksNodes) { 659 const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false'; 660 if (!ignore) { 661 // Any login links to Shopify's account system, point them at the customer hub instead. 662 node.href = '#k-hub'; 663 /** 664 * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads. 665 * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen. 666 * Luckily, these themes usually have a className you can add to links to skip the transition. 667 * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link. 668 **/ 669 node.classList.add('no-transition', 'js-no-transition'); 670 } 671 } 672 } 673 674 675 if (document.readyState === 'complete') { 676 replaceAccountLinks(); 677 } else { 678 const controller = new AbortController(); 679 document.addEventListener( 680 'readystatechange', 681 () => { 682 replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state 683 if (document.readyState === 'complete') { 684 // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort 685 // by removing the listener afterwards. 686 controller.abort(); 687 } 688 }, 689 { signal: controller.signal }, 690 ); 691 } 692 693</script>
693 694<!-- END app snippet --> 695 696 697 698 699 700<!-- END app block -->
700<script src="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 700
700
701<script src="https://cdn.shopify.com/extensions/01a0d49d-b436-7ff4-9f43-0aef3b409ef1/aftersell-1086/assets/aftersell-utm-triggers.js" type="text/javascript" defer="defer"></script>
701 702<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0866/0808/files/homepage-screenshot-may-26.png?v=1777979284" /> 703<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0866/0808/files/homepage-screenshot-may-26.png?v=1777979284" /> 704<meta property="og:image:width" content="1480" /> 705<meta property="og:image:height" content="726" /> 706<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
707<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 8660808,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 707
707
708<script> 709 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 710</script>
vendor: 1 bytes, line 710
710
711<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
711).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 8660808,storefrontBaseUrl: "https://www.firstmats.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.firstmats.co.uk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2551579002","configuration":"{\"accountID\":\"SFMT8b\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2522612090","configuration":"{\"projectId\":\"r2gtr4occn\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
711,"dataSharingState":"unrestricted"},{"id":"1979449722","configuration":"{\"account_ID\":\"298320\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/first-mats-ltd.js\\\",\\\"allow_tracking\\\":true,\\\"enable_post_purchase\\\":false,\\\"ga4_enabled\\\":\\\"-1\\\",\\\"ga4_measurement_id\\\":\\\"\\\",\\\"ga4_tag_id\\\":\\\"\\\",\\\"ga4_submit_subtotal\\\":1,\\\"google_ads_enabled\\\":\\\"1\\\",\\\"ga_conversion_id\\\":\\\"AW-880322955\\\",\\\"ga_purchase_label\\\":\\\"TXBzCJrH4oAYEIvT4qMD\\\",\\\"ga_add_to_cart_label\\\":\\\"nhK_CM_D4oAYEIvT4qMD\\\",\\\"ga_begin_checkout_label\\\":\\\"112cCL2z4IAYEIvT4qMD\\\",\\\"ga_tag_id\\\":\\\"\\\",\\\"ga_submit_subtotal\\\":\\\"0\\\",\\\"drm_enabled\\\":\\\"1\\\",\\\"prefixD\\\":\\\"GB\\\",\\\"google_merchant_id\\\":\\\"118824266\\\",\\\"target_country\\\":\\\"GB\\\",\\\"content_language\\\":\\\"en\\\",\\\"enhace_conversion_browser_side\\\":false,\\\"enhace_conversion_server_side\\\":\\\"0\\\",\\\"consent_mode\\\":\\\"-1\\\",\\\"ads_data_redaction\\\":\\\"-1\\\",\\\"url_passthrough\\\":\\\"1\\\",\\\"sku_as_product_id\\\":\\\"0\\\",\\\"gtm_enabled\\\":0,\\\"gtm_container\\\":\\\"\\\",\\\"server_container_url\\\":\\\"\\\",\\\"shopify_store\\\":\\\"65fad9588b52cf5832fc0716307730b8dfd2e668d97e26a7fd5e99d52eab2536f598e247abf86f64f22d3fe225937369665bf6833b75babbbd00145da660cd3b\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"dbf16afd37d7bda963909dd4e886232e","type":"APP","apiClientId":1558137,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1966735738","configuration":"{\"pixelCode\":\"D2HF49BC77U4VAMR1IK0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1597309306","configuration":"{\"ti\":\"97180104\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"394494180","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/qIDQCKee56AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/TrZMCK7T46AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-QBRB899JGG\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/TaKFCKSe56AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/c7fmCKvT46AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-QBRB899JGG\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/0Se2CKGe56AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-QBRB899JGG\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/OMCqCKqe56AcEIvT4qMD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-QBRB899JGG\\\",\\\"AW-880322955\\\/nSJRCKnU46AcEIvT4qMD\\\"]}
711,{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-QBRB899JGG\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"119570660","configuration":"{\"pixel_id\":\"188409841721198\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"17793252","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Bing Ads Conversion Tracking"},{"id":"17826020","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM Ads Code Conv Tracking"},{"id":"17858788","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Salesforce Conversion Tracking"},{"id":"28279012","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Simprosys Shopping Feed"},{"id":"274628986","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"10","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ChatGPT Ads"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"First Mats Ltd","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"first-mats-ltd.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/www.firstmats.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4602949861411","handle":"premium-indoor-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56765160423802","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15219584336250","handle":"outdoor-logo-mat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55644148629882","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15388736160122","handle":"circular-logo-mat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55969202241914","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15024861184378","handle":"custom-motorcycle-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55210275438970","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8088117575908","handle":"school-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44337320493284","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
711,{"id":"15574306783610","handle":"hotel-lobby-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56382387388794","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15535818047866","handle":"restaurant-entrance-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56271782936954","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7872082084068","handle":"premium-boat-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43595896291556","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7925998977252","handle":"sports-club-logo-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43764471529700","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15535687631226","handle":"custom-racing-team-pit-lane-mats","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56271526134138","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.firstmats.co.uk/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"185454231930","themePublished":"true","eventMetadataId":"fe027036-f1db-41bc-9610-70ce6acba44a","pageType":"page","resourceId":"50384195","shopId":"8660808","storefrontBaseUrl":"https:\/\/www.firstmats.co.uk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
711<script> 712 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 713 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 714 window.ShopifyAnalytics.meta.currency = 'GBP'; 715 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":50384195,"requestId":"a15c140d-c3ad-46f0-bde6-cda4ac6a37f0-1790277644"}}; 716 for (var attr in meta) { 717 window.ShopifyAnalytics.meta[attr] = meta[attr]; 718 } 719</script>
vendor: 1 bytes, line 719
719
720<script class="analytics"> 721 (function () { 722 var customDocumentWrite = function(content) { 723 var jquery = null; 724 725 if (window.jQuery) { 726 jquery = window.jQuery; 727 } else if (window.Checkout && window.Checkout.$) { 728 jquery = window.Checkout.$; 729 } 730 731 if (jquery) { 732 jquery('body').append(content); 733 } 734 }; 735 736 var hasLoggedConversion = function(token) { 737 if (token) { 738 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 739 } 740 return false; 741 } 742 743 var setCookieIfConversion = function(token) { 744 if (token) { 745 var twoMonthsFromNow = new Date(Date.now()); 746 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 747 748 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 749 } 750 } 751 752 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 753 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 754 if (trekkie.integrations) { 755 return; 756 } 757 trekkie.methods = [ 758 'identify', 759 'page', 760 'ready', 761 'track', 762 'trackForm', 763 'trackLink' 764 ]; 765 trekkie.factory = function(method) { 766 return function() { 767 var args = Array.prototype.slice.call(arguments); 768 args.unshift(method); 769 trekkie.push(args); 770 if (method == 'track' || method == 'page') { 771 try { 772 if (window.__TREKKIE_SHIM_QUEUE == null) { 773 window.__TREKKIE_SHIM_QUEUE = []; 774 } 775 window.__TREKKIE_SHIM_QUEUE.push({ 776 from: 'trekkie-stub', 777 method: method, 778 args: args.slice(1) 779 }); 780 } catch (e) { 781 // no-op 782 } 783 } 784 return trekkie; 785 }; 786 }; 787 for (var i = 0; i < trekkie.methods.length; i++) { 788 var key = trekkie.methods[i]; 789 trekkie[key] = trekkie.factory(key); 790 } 791 trekkie.load = function(config) { 792 trekkie.config = config || {}; 793 trekkie.config.initialDocumentCookie = document.cookie; 794 var first = document.getElementsByTagName('script')[0]; 795var script = document.createElement('script'); 796script.type = 'text/javascript'; 797script.onerror = function(e) { 798 var scriptFallback = document.createElement('script'); 799 scriptFallback.type = 'text/javascript'; 800 scriptFallback.onerror = function(error) { 801 var Monorail = { 802 produce: function produce(monorailDomain, schemaId, payload) { 803 var currentMs = new Date().getTime(); 804 var event = { 805 schema_id: schemaId, 806 payload: payload, 807 metadata: { 808 event_created_at_ms: currentMs, 809 event_sent_at_ms: currentMs 810 } 811 }; 812 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 813 }, 814 sendRequest: function sendRequest(endpointUrl, payload) { 815 // Try the sendBeacon API 816 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 817 var blobData = new window.Blob([payload], { 818 type: 'text/plain' 819 }); 820 821 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 822 return true; 823 } // sendBeacon was not successful 824 825 } // XHR beacon 826 827 var xhr = new XMLHttpRequest(); 828 829 try { 830 xhr.open('POST', endpointUrl); 831 xhr.setRequestHeader('Content-Type', 'text/plain'); 832 xhr.send(payload); 833 } catch (e) { 834 console.log(e); 835 } 836 837 return false; 838 }, 839 isIos12: function isIos12() { 840 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 841 } 842 }; 843 Monorail.produce('monorail-edge.shopifysvc.com', 844 'trekkie_storefront_load_errors/1.1', 845 {shop_id: 8660808, 846 theme_id: 185454231930, 847 app_name: "storefront", 848 context_url: window.location.href, 849 source_url: "//www.firstmats.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 850 851 }; 852 scriptFallback.async = true; 853 scriptFallback.src = '//www.firstmats.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 854 first.parentNode.insertBefore(scriptFallback, first); 855}; 856script.async = true; 857script.src = '//www.firstmats.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 858first.parentNode.insertBefore(script, first); 859 860 }; 861 trekkie.load( 862 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8660808,"isMerchantRequest":null,"themeId":185454231930,"themeCityHash":"6909677381491530841","contentLanguage":"en","currency":"GBP","eventMetadataId":"fe027036-f1db-41bc-9610-70ce6acba44a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 863 ); 864 865 var loaded = false;
866 trekkie.ready(function() { 867 if (loaded) return; 868 loaded = true; 869 870 window.ShopifyAnalytics.lib = window.trekkie; 871 872 var originalDocumentWrite = document.write; 873 document.write = customDocumentWrite; 874 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 875 document.write = originalDocumentWrite; 876 877 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 878 var token = match? match[1]: undefined; 879 if (!hasLoggedConversion(token)) { 880 setCookieIfConversion(token); 881 882 } 883 }); 884 885 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":50384195,"requestId":"a15c140d-c3ad-46f0-bde6-cda4ac6a37f0-1790277644","shopifyEmitted":true}); 886 887 var eventsListenerScript = document.createElement('script'); 888 eventsListenerScript.async = true; 889 eventsListenerScript.src = "//www.firstmats.co.uk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 890 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 891})();</script>
vendor: 1 bytes, line 891
891
892<script 893 defer 894 src="https://www.firstmats.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 895 data-application="storefront-renderer" 896 data-shop-id="8660808" 897 data-render-region="gcp-us-west1" 898 data-page-type="page" 899 data-theme-instance-id="185454231930" 900 data-theme-name="" 901 data-theme-version="" 902 data-monorail-region="shop_domain" 903 data-resource-timing-sampling-rate="10" 904 data-shs="true" 905 data-shs-beacon="true" 906 data-shs-export-with-fetch="true" 907 data-shs-logs-sample-rate="1" 908 data-shs-beacon-endpoint="https://www.firstmats.co.uk/api/collect" 909></script>
909 910<meta name="shopify-y" content="c1f6e2f1-9b87-4167-8ea4-b7aefa559e31" data-expiration="1821835244000"><meta name="shopify-s" content="c09aef59-081d-4673-b6b6-e62c173072ca" data-expiration="1790279444000"><meta name="new-cookie-storage-activated" content="t"> 911</head> 912 <body 913 id="template-page__about-us" data-money-format='£{{amount}}' 914 class="about-us_page pg-about-us theme" 915 > 916 <!-- Google Tag Manager (noscript) -->
vendor: 90 bytes, lines 916-919
916 917 <noscript 918 ><iframe 919 src="https://www.googletagmanager.com/ns.html?id=
919GTM-TSS3PGL
vendor: 129 bytes, lines 919-925
919" 920 height="0" 921 width="0" 922 style="display:none;visibility:hidden" 923 ></iframe 924 ></noscript> 925
925<!-- End Google Tag Manager (noscript) --> 926 927
927<script> 928 window.routes = { 929 cart_add_url: '/cart/add', 930 cart_change_url: '/cart/change', 931 cart_update_url: '/cart/update', 932 cart_url: '/cart', 933 predictive_search_url: '/search/suggest', 934 }; 935 </script>
935 936 937 <div class="page-container"> 938 <div class="dropProxy header-main-element"> 939 940 �<div id="shopify-section-cart-drawer" class="shopify-section"> 941 942
943<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/cart.js?v=44899162163869137491785238575" defer="defer"></script>
vendor: 1 bytes, line 943
943
944<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/quantity-popover.js?v=41614935554512736321785238574" defer="defer"></script>
944<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-cart-drawer-2026c.css?v=107037617405111215821786720788" media="print" onload="this.media='all'"> 945<noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-cart-drawer-2026c.css?v=107037617405111215821786720788"></noscript>
946<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-cart-drawer-2026c.js?v=78346282275046244651786110488" defer="defer"></script>
vendor: 1 bytes, line 946
946
947<script> 948 // ---- Cross-sell variant handler ---- 949 // MUST live outside <cart-drawer> / #CartDrawer entirely. 950 // cart-drawer.js's renderContents() sets #CartDrawer.innerHTML which wipes 951 // and does not re-execute any
951<script> tags inside it. 952 // Being here (before <cart-drawer>) means this runs once on page load and 953 // survives every subsequent AJAX cart update. 954 955 // Global function called via onchange="window.csHandleVariantChange(this)" 956 // on the cross-sell <select>. Inline onchange bypasses all event propagation. 957 window.csHandleVariantChange = function(sel) { 958 var s = sel.dataset.csSelect; 959 var opt = sel.options[sel.selectedIndex]; 960 var available = opt.dataset.available === 'true'; 961 var soldout = opt.dataset.soldout === 'true'; 962 var origEl = document.querySelector('[data-cs-orig-price="' + s + '"]'); 963 var saleEl = document.querySelector('[data-cs-sale-price="' + s + '"]'); 964 if (origEl && opt.dataset.origPrice) origEl.textContent = opt.dataset.origPrice; 965 if (saleEl && opt.dataset.salePrice) saleEl.textContent = opt.dataset.salePrice; 966 var img = document.querySelector('[data-cs-img="' + s + '"]'); 967 if (img && opt.dataset.img) img.src = opt.dataset.img; 968 var btn = document.querySelector('[data-cs-btn="' + s + '"]'); 969 var btnText = document.querySelector('[data-cs-btn-text="' + s + '"]'); 970 if (btn) btn.disabled = !available || soldout; 971 if (btnText) btnText.textContent = !available ? 'Unavailable' : soldout ? 'Sold Out' : 'Add'; 972 }; 973 974 if (!window._csListenersInit) { 975 window._csListenersInit = true; 976 977 // ---- Add button click: sync variant ID + store discount ---- 978 // Reads the select's current value at click time so the correct variant is 979 // always submitted, regardless of whether the change handler ran. 980 document.addEventListener('click', function(e) { 981 var btn = e.target.closest('[data-cs-btn]'); 982 if (!btn) return; 983 var sid = btn.dataset.csBtn; 984 var sel = document.querySelector('[data-cs-select="' + sid + '"]'); 985 var idInput = document.querySelector('[data-cs-variant-id="' + sid + '"]'); 986 if (sel && idInput) { 987 var opt = sel.options[sel.selectedIndex]; 988 var available = opt.dataset.available === 'true'; 989 var soldout = opt.dataset.soldout === 'true'; 990 idInput.value = sel.value; 991 idInput.disabled = !available || soldout; 992 var partEl = document.querySelector('[data-cs-prop-part="' + sid + '"]'); 993 var colourEl = document.querySelector('[data-cs-prop-colour="' + sid + '"]'); 994 var sizeEl = document.querySelector('[data-cs-prop-size="' + sid + '"]'); 995 if (partEl) partEl.value = opt.dataset.part || ''; 996 if (colourEl) colourEl.value = opt.dataset.colour || ''; 997 if (sizeEl) sizeEl.value = opt.dataset.size || ''; 998 } 999 var wrapper = document.querySelector('[data-cs-section="' + sid + '"]'); 1000 var code = wrapper ? (wrapper.dataset.csDiscount || '') : ''; 1001 if (code) sessionStorage.setItem('cs_pending_discount', code); 1002 }); 1003 1004 // ---- Checkout click: show cross-sell popup (or apply stored discount) ---- 1005 document.addEventListener('click', function(e) { 1006 if (!e.target.closest('.cart-drawer__cta[name="checkout"]')) return; 1007 1008 // If user already added cross-sell from the drawer, honour stored discount 1009 var stored = sessionStorage.getItem('cs_pending_discount'); 1010 if (stored) { 1011 e.preventDefault(); 1012 sessionStorage.removeItem('cs_pending_discount'); 1013 window.location.href = '/checkout?discount=' + encodeURIComponent(stored); 1014 return; 1015 } 1016 1017 // If there is an active cross-sell offer, show the popup 1018 var wrapper = document.querySelector('[data-cs-section]'); 1019 if (!wrapper) return; // no offer â let the checkout button work normally 1020 1021 e.preventDefault(); 1022 window.csShowPopup(wrapper); 1023 }); 1024 } 1025 1026 // ---- Cross-sell popup builder ---- 1027 // Called from the checkout handler above. Reads cross-sell data from the 1028 // live DOM (always up-to-date after every AJAX cart refresh) and builds a 1029 // modal that lets the customer accept or decline the offer before checkout. 1030 window.csShowPopup = function(wrapper) { 1031 var sid = wrapper.dataset.csSection; 1032 var code = wrapper.dataset.csDiscount || ''; 1033 var heading = wrapper.dataset.csPopupHeading || 'Wait \u2014 special offer!'; 1034 var promoBanner = wrapper.dataset.csPromoBanner || ''; 1035 var sku = wrapper.dataset.csSku || ''; 1036 var customImg = wrapper.dataset.csPopupImg || ''; 1037 var offerTitle = wrapper.dataset.csOfferTitle || ''; 1038 var offerQty = parseInt(wrapper.dataset.csOfferQty || '1', 10); 1039 var showQty = wrapper.dataset.csShowQty === 'true'; 1040 // Richtext description lives in a hidden child element (data attrs corrupt HTML) 1041 var descEl = wrapper.querySelector('[data-cs-desc]'); 1042 var offerDescHTML = descEl ? descEl.innerHTML : ''; 1043 var sel = document.querySelector('[data-cs-select="' + sid + '"]'); 1044 var imgEl = document.querySelector('[data-cs-img="' + sid + '"]'); 1045 var titleEl = wrapper.querySelector('.drawer__product-title'); 1046 var saleEl = document.querySelector('[data-cs-sale-price="' + sid + '"]'); 1047 var origEl = document.querySelector('[data-cs-orig-price="' + sid + '"]'); 1048 var badgeEl = wrapper.querySelector('.cs-save-badge'); 1049 1050 var title = titleEl ? titleEl.textContent.trim() : ''; 1051 var variantImg = imgEl ? imgEl.src : ''; 1052 var displayImg = customImg || variantImg; // prefer custom context image 1053 var salePrice = saleEl ? saleEl.textContent.trim() : ''; 1054 var origPrice = origEl ? origEl.textContent.trim() : ''; 1055 var saveText = badgeEl ? badgeEl.textContent.trim() : ''; 1056 1057 // Clone variant options into popup select 1058 var optsHTML = ''; 1059 if (sel) { 1060 for (var i = 0; i < sel.options.length; i++) { 1061 var o = sel.options[i]; 1062 optsHTML += '<option value="' + o.value + '"' 1063 + ' data-orig-price="' + (o.dataset.origPrice || '') + '"' 1064 + ' data-sale-price="' + (o.dataset.salePrice || '') + '"' 1065 + ' data-available="' + (o.dataset.available || 'true') + '"' 1066 + ' data-soldout="' + (o.dataset.soldout || 'false') + '"' 1067 + ' data-part="' + (o.dataset.part || '') + '"' 1068 + ' data-colour="' + (o.dataset.colour || '') + '"' 1069 + ' data-size="' + (o.dataset.size || '') + '"' 1070 + (o.selected ? ' selected' : '') + '>
1070' + o.text + '</option>'; 1071 } 1072 } 1073 1074 var eachLabel = showQty ? '<span class="cs-modal-each"> each</span>' : ''; 1075 var priceHTML = origPrice 1076 ? '<p class="cs-modal-price"><s>' + origPrice + '</s> <b>' + salePrice + '</b>' + eachLabel + '</p>' 1077 : '<p class="cs-modal-price"><b>' + salePrice + '</b>' + eachLabel + '</p>'; 1078 1079 // Create or reuse the overlay element (lives on <body>, outside #CartDrawer) 1080 var overlay = document.getElementById('cs-modal-overlay'); 1081 if (!overlay) { 1082 overlay = document.createElement('div'); 1083 overlay.id = 'cs-modal-overlay'; 1084 overlay.setAttribute('role', 'dialog'); 1085 overlay.setAttribute('aria-modal', 'true'); 1086 document.body.appendChild(overlay); 1087 } 1088 1089 overlay.innerHTML = 1090 '<div id="cs-modal">' 1091 // Promo banner â full-width strip at very top (optional) 1092 + (promoBanner ? '<div class="cs-modal-banner">' + promoBanner + '</div>' : '') 1093 + '<button id="cs-modal-close" aria-label="Close">\u2715</button>' 1094 // Hero image â full-width bleed, wrapper handles overflow 1095 + (displayImg ? '<div class="cs-modal-img-wrap"><img class="cs-modal-img" src="' + displayImg + '" alt=""></div>' : '') 1096 // Eyebrow heading â suppressed for accessory rules (promo banner serves as the header) 1097 + (!showQty ? '<p class="cs-modal-eyebrow">' + heading + '</p>' : '') 1098 + '<p class="cs-modal-title">' + (offerTitle || title) + '</p>' 1099 + (offerDescHTML ? '<div class="cs-modal-desc">' + offerDescHTML + '</div>' : '') 1100 // Price (left) + stars (right) â two-column row 1101 + '<div class="cs-modal-meta">' 1102 + priceHTML 1103 + (sku ? '<div class="ruk_rating_snippet" data-sku="[' + sku + ']"></div>' : '') 1104 + '</div>' 1105 + (saveText ? '<p class="cs-modal-save">' + saveText + '</p>' : '') 1106 + (optsHTML ? '<select class="cs-modal-select" id="cs-modal-select">' + optsHTML + '</select>' : '') 1107 // Accessory: qty stepper + button side-by-side. Standard: button full-width. 1108 + (showQty 1109 ? '<div class="cs-modal-add-row">' 1110 + '<div class="quantity-selector cs-modal-qty">' 1111 + '<button type="button" class="quantity-button cs-modal-qty-btn" id="cs-modal-qty-minus">-</button>' 1112 + '<input type="number" class="quantity-input cs-modal-qty-input" id="cs-modal-qty" min="1" value="' + offerQty + '">' 1113 + '<button type="button" class="quantity-button cs-modal-qty-btn" id="cs-modal-qty-plus">+</button>' 1114 + '</div>' 1115 + '<button class="cs-modal-add" id="cs-modal-add">Add to cart & checkout</button>' 1116 + '</div>' 1117 : '<button class="cs-modal-add" id="cs-modal-add">Add to cart & checkout</button>') 1118 + '<div class="cs-modal-or">or</div>' 1119 + '<button class="cs-modal-skip" id="cs-modal-skip">No thanks, proceed to checkout</button>' 1120 + '</div>'; 1121 1122 overlay.setAttribute('data-active', ''); 1123 1124 // Ask ReviewsIO to render the stars in the freshly-injected div 1125 if (sku) setTimeout(function() { window?.reRenderReviewsIoRatingSnippet?.(); window?.cartExtraJS?.(); }, 2000); 1126 1127 var closeModal = function() { overlay.removeAttribute('data-active'); }; 1128 1129 // Dismissing without accepting the offer (Ã button, backdrop click, Escape, 1130 // or "No thanks") all behave the same: close the modal and proceed to checkout. 1131 var dismissToCheckout = function() { 1132 closeModal(); 1133 window.location.href = '/checkout'; 1134 }; 1135 1136 document.getElementById('cs-modal-close').addEventListener('click', dismissToCheckout); 1137 overlay.addEventListener('click', function(ev) { 1138 if (ev.target === overlay) dismissToCheckout(); 1139 }); 1140 document.addEventListener('keyup', function onEsc(ev) { 1141 if (ev.key === 'Escape') { dismissToCheckout(); document.removeEventListener('keyup', onEsc); } 1142 }); 1143 1144 // "No thanks" â go straight to checkout with no discount 1145 document.getElementById('cs-modal-skip').addEventListener('click', dismissToCheckout); 1146 1147 // Quantity +/â buttons (accessory rules only) 1148 var csQtyInput = document.getElementById('cs-modal-qty'); 1149 if (csQtyInput) { 1150 document.getElementById('cs-modal-qty-minus').addEventListener('click', function() { 1151 var v = parseInt(csQtyInput.value, 10) || 1; 1152 if (v > 1) csQtyInput.value = v - 1; 1153 }); 1154 document.getElementById('cs-modal-qty-plus').addEventListener('click', function() { 1155 csQtyInput.value = (parseInt(csQtyInput.value, 10) || 1) + 1; 1156 }); 1157 } 1158 1159 // Variant change in popup: update displayed price (and image if no custom image) 1160 var modalSel = document.getElementById('cs-modal-select'); 1161 // Hide the dropdown when only one option is present (specific variant was pre-selected) 1162 if (modalSel && modalSel.options.length === 1) modalSel.style.display = 'none'; 1163 if (modalSel) { 1164 modalSel.addEventListener('change', function() { 1165 var o = this.options[this.selectedIndex]; 1166 var priceP = document.querySelector('#cs-modal .cs-modal-price'); 1167 if (!priceP) return; 1168 if (o.dataset.origPrice && o.dataset.salePrice) { 1169 priceP.innerHTML = '<s>' + o.dataset.origPrice + '</s> <b>' + o.dataset.salePrice + '</b>'; 1170 } else if (o.dataset.salePrice) { 1171 priceP.innerHTML = '<b>' + o.dataset.salePrice + '</b>'; 1172 } 1173 // Only swap image if no custom popup image is in use 1174 if (!customImg) { 1175 var mImg = document.querySelector('#cs-modal .cs-modal-img'); 1176 if (mImg && o.dataset.img) mImg.src = o.dataset.img; 1177 } 1178 }); 1179 } 1180 1181 // "Add to cart & checkout" â AJAX add then redirect 1182 document.getElementById('cs-modal-add').addEventListener('click', function() { 1183 var mSel = document.getElementById('cs-modal-select'); 1184 var opt = mSel ? mSel.options[mSel.selectedIndex] : (sel ? sel.options[sel.selectedIndex] : null); 1185 var vid = opt ? opt.value : (sel ? sel.value : null); 1186 if (!vid) return; 1187 1188 var addBtn = this; 1189 addBtn.disabled = true; 1190 addBtn.textContent = 'Adding\u2026'; 1191 1192 // Include line-item properties so they match what the drawer form sends 1193 var props = {}; 1194 if (opt && opt.dataset.part) props['Part-No.'] = opt.dataset.part; 1195 if (opt && opt.dataset.colour) props['Colour'] = opt.dataset.colour; 1196 if (opt && opt.dataset.size) props['Size'] = opt.dataset.size; 1197 var csQtyIn = document.getElementById('cs-modal-qty'); 1198 var qty = csQtyIn ? Math.max(1, parseInt(csQtyIn.value, 10) || 1) : 1; 1199 var body = { id: parseInt(vid, 10), quantity: qty }; 1200 if (Object.keys(props).length) body.properties = props; 1201 1202 fetch('/cart/add.js', { 1203 method: 'POST', 1204 headers: { 'Content-Type': 'application/json' }, 1205 body: JSON.stringify(body) 1206 }).then(function() { 1207 window.location.href = code 1208 ? '/checkout?discount=' + encodeURIComponent(code) 1209 : '/checkout'; 1210 }).catch(function(err) { 1211 console.error('CS add failed', err); 1212 addBtn.disabled = false;
1213 addBtn.textContent = 'Add to cart & checkout'; 1214 }); 1215 }); 1216 }; 1217</script>
1217 1218 1219<style> 1220 .drawer { 1221 visibility: hidden; 1222 } 1223 1224 /* ===== Cross-sell checkout popup ===== */ 1225 #cs-modal-overlay { 1226 display: none; 1227 position: fixed; 1228 inset: 0; 1229 background: rgba(0,0,0,0.5); 1230 z-index: 999999; 1231 align-items: center; 1232 justify-content: center; 1233 padding: 16px; 1234 box-sizing: border-box; 1235 } 1236 #cs-modal-overlay[data-active] { 1237 display: flex; 1238 } 1239 #cs-modal { 1240 background: #fff; 1241 border-radius: 12px; 1242 max-width: 460px; 1243 width: 100%; 1244 padding: 28px 24px 22px; 1245 position: relative; 1246 box-shadow: 0 8px 48px rgba(0,0,0,0.22); 1247 max-height: 90vh; 1248 overflow-y: auto; 1249 animation: csModalIn .18s ease; 1250 } 1251 @keyframes csModalIn { 1252 from { opacity: 0; transform: scale(0.95); } 1253 to { opacity: 1; transform: scale(1); } 1254 } 1255 #cs-modal-close { 1256 position: absolute; 1257 top: 12px; 1258 right: 12px; 1259 background: rgba(255,255,255,0.92); 1260 border: none; 1261 border-radius: 50%; 1262 width: 30px; 1263 height: 30px; 1264 font-size: 16px; 1265 cursor: pointer; 1266 color: #444; 1267 display: flex; 1268 align-items: center; 1269 justify-content: center; 1270 padding: 0; 1271 z-index: 1; 1272 box-shadow: 0 1px 4px rgba(0,0,0,0.15); 1273 } 1274 .cs-modal-eyebrow { 1275 margin: 0 0 4px; 1276 font-size: 11px; 1277 font-weight: 700; 1278 letter-spacing: 0.1em; 1279 text-transform: uppercase; 1280 color: #c0392b; 1281 } 1282 /* Full-width hero image â wrapper handles the bleed via overflow:hidden */ 1283 .cs-modal-img-wrap { 1284 margin: 0 -24px 18px; 1285 overflow: hidden; 1286 } 1287 .cs-modal-img { 1288 display: block; 1289 width: 100%; 1290 max-height: 260px; 1291 object-fit: cover; 1292 object-position: center; 1293 } 1294 .cs-modal-title { 1295 margin: 0 0 8px; 1296 font-size: 16px; 1297 font-weight: 700; 1298 line-height: 1.3; 1299 } 1300 /* Price (left) + stars (right) â two-column row */ 1301 .cs-modal-meta { 1302 display: flex; 1303 align-items: center; 1304 justify-content: space-between; 1305 margin-bottom: 8px; 1306 } 1307 .cs-modal-meta .ruk_rating_snippet { 1308 margin: 0; 1309 flex-shrink: 0; 1310 } 1311 .cs-modal-price { 1312 margin: 0; 1313 font-size: 18px; 1314 white-space: nowrap; 1315 } 1316 .cs-modal-price b { 1317 color: #c0392b; 1318 font-size: 22px; 1319 } 1320 .cs-modal-price s { 1321 opacity: 0.5; 1322 font-weight: normal; 1323 font-size: 15px; 1324 margin-right: 5px; 1325 } 1326 .cs-modal-save { 1327 margin: 0 0 10px; 1328 font-size: 12px; 1329 font-weight: 600; 1330 color: #222; 1331 } 1332 .cs-modal-select { 1333 display: block; 1334 width: 100%; 1335 padding: 8px 10px; 1336 border: 1px solid #ccc; 1337 border-radius: 6px; 1338 font-size: 14px; 1339 background: #fff; 1340 cursor: pointer; 1341 margin-bottom: 14px; 1342 box-sizing: border-box; 1343 } 1344 /* Promo banner strip */ 1345 .cs-modal-banner { 1346 margin: -28px -24px 18px; 1347 padding: 10px 16px; 1348 background: #84bd00; 1349 color: #fff; 1350 font-size: 13px; 1351 font-weight: 700; 1352 text-align: center; 1353 letter-spacing: 0.02em; 1354 border-radius: 12px 12px 0 0; 1355 } 1356 /* Review stars container */ 1357 .ruk_rating_snippet { 1358 min-height: 18px; 1359 } 1360 /* "â or â" divider between buttons */ 1361 .cs-modal-or { 1362 display: flex; 1363 align-items: center; 1364 gap: 8px; 1365 margin: 14px 0; 1366 color: #aaa; 1367 font-size: 12px; 1368 } 1369 .cs-modal-or::before, 1370 .cs-modal-or::after { 1371 content: ''; 1372 flex: 1; 1373 height: 1px; 1374 background: #e5e5e5; 1375 } 1376 .cs-modal-add { 1377 display: block; 1378 width: 100%; 1379 padding: 13px; 1380 background: #84bd00; 1381 color: #fff; 1382 border: none; 1383 border-radius: 8px; 1384 font-size: 15px; 1385 font-weight: 600; 1386 cursor: pointer; 1387 margin-bottom: 14px; 1388 box-sizing: border-box; 1389 transition: opacity .15s; 1390 } 1391 .cs-modal-add:hover:not(:disabled) { opacity: 0.88; } 1392 .cs-modal-add:disabled { opacity: 0.6; cursor: default; } 1393 /* Description â accessory rules (richtext output; reset theme inheritance) */ 1394 .cs-modal-desc { 1395 margin: 0 0 14px; 1396 text-align: left; 1397 } 1398 .cs-modal-desc p { 1399 font-size: 14px; 1400 color: #333; 1401 line-height: 1.5; 1402 margin: 0 0 6px; 1403 } 1404 .cs-modal-desc ul, 1405 .cs-modal-desc ol { 1406 padding-left: 18px; 1407 margin: 0 0 8px; 1408 } 1409 .cs-modal-desc li { 1410 font-size: 14px; 1411 color: #333; 1412 line-height: 1.5; 1413 margin: 0 0 3px; 1414 list-style: disc; 1415 } 1416 .cs-modal-desc strong, 1417 .cs-modal-desc b { font-weight: 700; color: #333; } 1418 .cs-modal-desc a { color: inherit; } 1419 /* "each" suffix after the price */ 1420 .cs-modal-each { 1421 font-size: 14px; 1422 font-weight: 400; 1423 color: #666; 1424 } 1425 /* Accessory rules: qty stepper + ATC button side-by-side row */ 1426 .cs-modal-add-row { 1427 display: flex; 1428 align-items: stretch; 1429 gap: 10px; 1430 margin-bottom: 14px; 1431 } 1432 .cs-modal-add-row .cs-modal-qty { 1433 flex-shrink: 0; 1434 margin: 0; 1435 } 1436 .cs-modal-add-row .cs-modal-add { 1437 flex: 1; 1438 margin-bottom: 0; 1439 } 1440 /* Qty stepper â falls back to product-page quantity-button/input styles if present */ 1441 .cs-modal-qty { 1442 display: flex; 1443 align-items: center; 1444 } 1445 .cs-modal-qty-btn { 1446 width: 36px; 1447 height: 100%; 1448 min-height: 44px; 1449 border: 1px solid rgba(0,0,0,0.18); 1450 border-radius: 6px; 1451 background: #f5f5f5; 1452 font-size: 20px; 1453 line-height: 1; 1454 cursor: pointer; 1455 display: flex; 1456 align-items: center; 1457 justify-content: center; 1458 } 1459 .cs-modal-qty-btn:hover { background: #e8e8e8; } 1460 .cs-modal-qty-input { 1461 width: 52px; 1462 height: 100%; 1463 min-height: 44px; 1464 text-align: center; 1465 border-top: 1px solid rgba(0,0,0,0.18); 1466 border-bottom: 1px solid rgba(0,0,0,0.18); 1467 border-left: none;
1468 border-right: none; 1469 border-radius: 0; 1470 font-size: 15px; 1471 } 1472 .cs-modal-skip { 1473 display: block; 1474 width: 100%; 1475 padding: 11px; 1476 background: transparent; 1477 border: 2px solid #84bd00; 1478 border-radius: 8px; 1479 font-size: 14px; 1480 font-weight: 600; 1481 color: #84bd00; 1482 cursor: pointer; 1483 text-align: center; 1484 box-sizing: border-box; 1485 transition: background .15s, color .15s; 1486 } 1487 .cs-modal-skip:hover { 1488 background: #84bd00; 1489 color: #fff; 1490 } 1491</style><cart-drawer class="drawer fm-cartv3 is-empty" data-cart-items="0"> 1492 <div id="CartDrawer" class="fm-cartv3__panel"> 1493 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 1494 <div 1495 class="drawer__inner" 1496 role="dialog" 1497 aria-modal="true" 1498 aria-label="Your cart" 1499 tabindex="-1" 1500 ><div class="fm-cartv3__header"> 1501 <div class="fm-cartv3__handle" data-fm-handle aria-hidden="true"></div> 1502 <div class="fm-cartv3__header-row"> 1503 <div class="fm-cartv3__header-left"> 1504 <svg class="fm-cartv3__cart-icon" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#1f8a4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="20" r="1.6"></circle><circle cx="18" cy="20" r="1.6"></circle><path d="M2 3h2.5l2.4 12.2a1.8 1.8 0 0 0 1.8 1.4h8.5a1.8 1.8 0 0 0 1.8-1.4L21 7H5.5"></path></svg> 1505 <span class="fm-cartv3__title">Your Cart</span></div> 1506 <button 1507 class="fm-cartv3__close" 1508 type="button" 1509 onclick="this.closest('cart-drawer').close()" 1510 aria-label="Close" 1511 ><svg viewBox="0 0 20 20" width="18" height="18" fill="none" aria-hidden="true"> 1512 <path d="M5 5L15 15M5 15L15 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 1513 </svg> 1514 </button> 1515 </div> 1516 </div><div class="drawer__inner-empty fm-cartv3__scroll"> 1517 <div class="fm-cartv3__empty"> 1518 <span class="fm-cartv3__empty-title">Your cart is empty</span> 1519 <button class="fm-cartv3__empty-btn" type="button" onclick="this.closest('cart-drawer').close()">Continue shopping</button> 1520 </div></div></div> 1521 </div> 1522</cart-drawer> 1523
1524<script> 1525window.cartExtraJS = () => { 1526 // free shipping progessbar 1527 const FREE_SHIPPING_THRESHOLD = 100.00; 1528 1529 // Function to update the progress bar 1530 function updateProgress(cartTotal) { 1531 const progress = Math.min((cartTotal / FREE_SHIPPING_THRESHOLD) * 100, 100); 1532 1533 // Update the progress bar width 1534 $('#progress').css('width', `${progress}%`); 1535 1536 } 1537 1538 // Example of calling the function with a dynamic cart total 1539 var cartContents = fetch(window.Shopify.routes.root + 'cart.js') 1540 .then(response => response.json()) 1541 .then(data => { 1542 updateProgress(data.total_price / 100); 1543 //startCountdown(5, 30, 0); 1544 }); 1545 1546 1547 // proper time start 1548 let targetTime; // Declare a global variable for the target time 1549 1550 function startCountdown2() { 1551 const now = new Date(); 1552 // console.log("Page loaded at:", now); // Log the current time when the page loads 1553 1554 // Check if a target time is already stored in localStorage 1555 if (localStorage.getItem('targetTime')) { 1556 targetTime = new Date(localStorage.getItem('targetTime')); // Use the stored target time 1557 // console.log("Target time retrieved from localStorage:", targetTime); 1558 } else { 1559 // Set the target time as 5 hours and 30 minutes from the current time 1560 targetTime = new Date(now.getTime() + (5 * 60 * 60 * 1000) + (30 * 60 * 1000)); 1561 localStorage.setItem('targetTime', targetTime); // Store the target time in localStorage 1562 // console.log("Target time set to:", targetTime); 1563 } 1564 1565 countdown(); // Start the countdown immediately after setting the target time 1566 } 1567 1568 function countdown() { 1569 const now = new Date(); 1570 if (now >= targetTime) { 1571 localStorage.removeItem('targetTime'); 1572 document.getElementById('timer').innerHTML = "Time's up! Order now to avoid delays."; 1573 return; // Stop the countdown 1574 } else { 1575 //console.log("Countdown running... Target time:", targetTime); 1576 } 1577 1578 let diff = targetTime - now; // Calculate the difference in milliseconds 1579 let hours = Math.floor(diff / 3600000); // Convert milliseconds to hours 1580 let minutes = Math.floor((diff % 3600000) / 60000); // Convert remainder to minutes 1581 let seconds = Math.floor((diff % 60000) / 1000); // Convert remainder to seconds 1582 1583 // Log the remaining time in hours, minutes, and seconds 1584 document.getElementById('timer').innerHTML = `Order within <b>${hours}h : ${minutes}m : ${seconds}s</b> to confirm your order.`; 1585 setTimeout(countdown, 1000); // Update the countdown every second 1586 } 1587 1588 // Start the countdown when the page loads 1589 if (document.querySelector('.drawer__order-timer')) { 1590 startCountdown2(); 1591 } 1592 1593 // proper time end 1594 1595 if ($('.js-best-selling').length > 0) { 1596 $('.js-best-selling').slick({ 1597 dots: true, 1598 arrows: false, 1599 slidesToShow: 1, 1600 slidesToScroll: 1, 1601 infinite: true, 1602 lazyLoad: "progressive", 1603 speed: 1000, 1604 }); 1605 } 1606} 1607 1608document.addEventListener("DOMContentLoaded", function() { 1609 window.cartExtraJS(); 1610}); 1611</script>
1611</div>� 1612 <div id="shopify-section-eq-announcement-bar" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-lp-announcement-bar.css?v=7325623463804797991785238575" rel="stylesheet" type="text/css" media="all" /> 1613 1614<style> 1615.eq-lp-announcement-bar{ 1616 background-color: #398c61; 1617} 1618.eq-lp-announcement-bar__wrap p, .eq-lp-announcement-bar__wrap p a{ 1619 color: #ffffff; 1620} 1621.eq-lp-announcement-bar__wrap p, .eq-lp-announcement-bar__wrap a 1622 { 1623 display: flex; 1624 flex-wrap: wrap; 1625 align-items: center; 1626 justify-content: center; 1627 font-family: var(--fm-font-body); 1628 font-size: 16px; 1629 line-height: 1.4; 1630 letter-spacing: 0px; 1631 text-decoration: none; 1632} 1633 .eq-lp-announcement-bar__wrap p strong { 1634 padding-right: 10px; 1635 } 1636 .eq-lp-announcement-bar__wrap p a:hover{ 1637 text-decoration: underline; 1638 } 1639 @media only screen and (max-width: 767px) { 1640 .eq-lp-announcement-bar__wrap p 1641 { 1642 font-size: 12px; 1643 } 1644 } 1645 1646</style> 1647</div> 1648 <div id="shopify-section-eq-header" class="shopify-section eq_header"><style> 1649 header .your-cart{ 1650 position: relative; 1651 } 1652 .cart-count-bubble { 1653 position: absolute; 1654 /* Square box â `border-radius: 100%` on an 18x15 box drew an 1655 ellipse, not a circle. Matched height to width rather than 1656 shrinking width to 15px so a two-digit count still fits. */ 1657 width: 18px; 1658 height: 18px; 1659 background: #398c61; 1660 color: #fff; 1661 border-radius: 100%; 1662 right: -8px; 1663 top: -7px; 1664 display: flex; 1665 align-items: center; 1666 justify-content: center; 1667 } 1668 .cart-count-bubble span { 1669 color: #fff !important; 1670 margin: 0 !important; 1671 display: block !important; 1672 font-size: 9px !important; 1673 } 1674</style> 1675 1676�<link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-card.css?v=36783761534441673141785238571" rel="stylesheet" type="text/css" media="all" />�<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/custom-cart-drawer.css?v=68788631958346539521785238569" media="print" onload="this.media='all'"> 1677 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/custom-cart-drawer.css?v=68788631958346539521785238569"></noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/cart-drawer-2026b-redesign.css?v=60235769944319193551785238573" media="print" onload="this.media='all'"> 1678 <noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/cart-drawer-2026b-redesign.css?v=60235769944319193551785238573"></noscript><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/mega-menu.css?v=72872802582561432771785238572" rel="stylesheet" type="text/css" media="all" />�<link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-search.css?v=115488678202879877831785238570" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/component-price.css?v=174465219652383001971785238569" media="print" onload="this.media='all'"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-vat.css?v=14868750298470250201785238570" rel="stylesheet" type="text/css" media="all" />�
1678<script> 1679 window.fmMoneyFormat = "£{{amount}}"; 1680 (function () { 1681 /* sessionStorage (not localStorage) â Ex VAT is the hard default on 1682 every fresh session; see fm-vat.js for the full rationale. */ 1683 try { window.fmVatMode = sessionStorage.getItem('fm_vat_mode') || 'ex'; } 1684 catch (e) { window.fmVatMode = 'ex'; } 1685 window.fmSetPrice = function (el, exStr, incStr) { 1686 if (!el) return; 1687 el.setAttribute('data-ex-price', exStr); 1688 el.setAttribute('data-inc-price', incStr || exStr); 1689 el.textContent = (window.fmVatMode === 'inc') ? (incStr || exStr) : exStr; 1690 }; 1691 })(); 1692</script>
vendor: 2 bytes, line 1692
1692
1693<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-vat.js?v=28987010322174842631785509108" defer="defer"></script>
1693<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-megamenu-thumbs.js?v=121305203640121722631787654277" defer="defer"></script>
1693 1694 1695<section class="eq-annowncementbar"> 1696 <div class="cus-container"> 1697 <div class="eq-annowncementbar__wrap"><div class="eq-annowncementbar__contact"> 1698 <svg class="eq-annowncementbar__contact-icon" viewBox="0 0 24 24" fill="#398c61" aria-hidden="true" focusable="false"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg> 1699 <p>Need assistance? Call us on <a href="tel:01217021659" title="tel:01217021659">0121 702 1659</a></p> 1700 </div> 1701 1702 <div class="eq-annowncementbar__right"> 1703 <ul class="eq-annowncementbar__nav"> 1704 1705 1706 <li> <a href="/pages/help-and-faq" title="">Help & FAQs</a></li> 1707 <li> <a href="/pages/about-us" title="">About Us</a></li> 1708 <li> <a href="/pages/reviews" title="">Reviews</a></li> 1709 <li> <a href="/blogs/buying-guides" title="">Resources</a></li> 1710 <li> <a href="/pages/contact-us" title="">Contact</a></li></ul> 1711 1712 </div> 1713 </div> 1714 </div> 1715</section> 1716<header class="eq-header"> 1717 <div class="eq-header__top"> 1718 <div class="cus-container"> 1719 <div class="eq-header__wrap"> 1720 <button class="eq-header__hamburger-menu js-hamburger-menu" type="button" aria-label="Open menu" aria-expanded="false"> 1721 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="hamburger-menu"> 1722 <path d="M3 12H21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1723 <path d="M3 6H21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1724 <path d="M3 18H21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1725</svg> 1726 </button> 1727 <figure class="eq-header__logo"> 1728 <a href="/" id="logo-click" aria-label="First Mats Ltd home"><img src="//www.firstmats.co.uk/cdn/shop/files/First_Mats_Logo_9.png?v=1777622384&width=248" 1729 srcset="//www.firstmats.co.uk/cdn/shop/files/First_Mats_Logo_9.png?v=1777622384&width=248 248w, 1730 //www.firstmats.co.uk/cdn/shop/files/First_Mats_Logo_9.png?v=1777622384&width=496 496w" 1731 sizes="248px" 1732 width="248" height="45" alt="First Mats Ltd logo" loading="eager" /> 1733 </a> 1734 </figure> 1735 1736 1737 1738 1739<style>.header__search { 1740display: inline-flex; 1741line-height: 0; 1742} 1743 1744details[open] > .search-modal { 1745opacity: 1; 1746} 1747 1748.search-modal { 1749opacity: 0; 1750height: 100%; 1751} 1752 1753.search-modal__content { 1754display: flex; 1755align-items: center; 1756justify-content: center; 1757width: 100%; 1758height: 100%; 1759padding: 0 5rem 0 1rem; 1760position: relative; 1761} 1762 1763.search-modal__form { 1764width: 100%; 1765}@media screen and (min-width: 750px) { 1766.search-modal__content { 1767 padding: 0 6rem; 1768} 1769} 1770 1771@media screen and (min-width: 990px) { 1772.search-modal__form { 1773 max-width: 74.2rem; 1774} 1775} 1776 1777/* ======================================== 1778 SEARCH BUTTON MODIFICATIONS 1779 Amazon-style button within lozenge 1780 ======================================== */ 1781 1782/* Make the field container properly contain the button - remove any default padding/margin */ 1783.search-modal__form .field { 1784 position: relative; 1785 display: flex; 1786 align-items: stretch; 1787 padding: 0 !important; /* Force remove any theme padding */ 1788 margin: 0 !important; /* Force remove any theme margin */ 1789} 1790 1791/* Hide the field__label background icon that conflicts with our button */ 1792.search-modal__form .field__label { 1793 display: none !important; /* Hide the label with background icon */ 1794} 1795 1796/* Style the search input with proper padding for the button */ 1797.search-modal__form .search__input.field__input { 1798 flex: 1; 1799 /* Room for BOTH right-hand controls: the 66px search button (22px icon + 1800 22px padding each side) plus the 34px clear (x) button that appears as 1801 soon as the field has text. Was 6rem (96px) â enough for the button 1802 alone, but it left only 30px for the x, so typed text ran under it. 1803 Deliberately px, not rem: the button's own width is built from px 1804 (`padding: 0 22px` + a 22px icon), whereas rem resolves against whatever 1805 root size the surrounding context has â the same button measures 66px in 1806 the desktop strip and ~70px for the copy inside the menu drawer. A rem 1807 reservation silently drifts out of step with the thing it has to clear. */ 1808 padding-right: 100px; 1809 /* Tightened from 5rem (full lozenge) to 8px to match the redesign's
1810 consistent rounded-rectangle radius across CTAs / fields. */ 1811 border-radius: 8px; 1812 /* Brand-green border at 1px so the field reads as part of the same 1813 family as the CTA â same colour, just at hairline weight. */ 1814 border: 1px solid var(--fm-color-primary, #398c61); 1815 margin: 0; /* Remove any default margin */ 1816} 1817 1818/* Position and style the search button â flat left edge tucks neatly into 1819 the input's right edge, rounded corners on the right match the input's 1820 8px radius. */ 1821.search-modal__form .search__button--custom { 1822 position: absolute; 1823 right: 0; /* No gap - flush with edge */ 1824 top: 0; /* No gap - flush with top */ 1825 bottom: 0; /* No gap - flush with bottom */ 1826 /* Was #242b72 (legacy navy). Switched to the brand-green primary so 1827 the search CTA matches the rest of the redesign's primary CTAs. */ 1828 background-color: var(--fm-color-primary, #398c61) !important; 1829 color: white !important; 1830 border: none !important; 1831 border-radius: 0 8px 8px 0; /* Flat left, rounded right â matches input */ 1832 padding: 0 22px; 1833 display: flex !important; 1834 align-items: center; 1835 justify-content: center; 1836 cursor: pointer; 1837 transition: background-color 0.2s ease; 1838 opacity: 1 !important; /* Force full opacity */ 1839 visibility: visible !important; /* Force visibility */ 1840 z-index: 4 !important; /* Higher than field__label's z-index: 3 */ 1841 height: auto; /* Let top/bottom control the height */ 1842} 1843 1844/* Hover / active â darker brand-green from the design tokens. */ 1845.search-modal__form .search__button--custom:hover, 1846.search-modal__form .search__button--custom:active { 1847 background-color: var(--fm-color-primary-hover, #2d7350) !important; 1848} 1849 1850/* Icon styling - ensure visibility and white color */ 1851.search-modal__form .svg-wrapper--custom { 1852 display: flex; 1853 align-items: center; 1854 justify-content: center; 1855 position: relative; 1856 z-index: 11; /* Ensure icon is visible above everything */ 1857 width: 22px; 1858 height: 22px; 1859} 1860 1861.search-modal__form .svg-wrapper--custom svg { 1862 fill: white !important; /* Force white color */ 1863 width: 22px; 1864 height: 22px; 1865 position: relative; 1866 z-index: 11; /* Ensure icon is visible */ 1867} 1868 1869/* Fallback: If SVG asset is missing, create a search icon with CSS */ 1870.search-modal__form .svg-wrapper--custom:empty::before { 1871 content: ''; 1872 display: block; 1873 width: 22px; 1874 height: 22px; 1875 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM18.5 18.5l-4-4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 1876 background-repeat: no-repeat; 1877 background-position: center; 1878 background-size: contain; 1879} 1880 1881/* Clear (x) button â sits inside the field, immediately left of the search 1882 button. 1883 1884 MUST be out of flow. `.field` is `display: flex`, and this button carried 1885 no `position`, so while `search-form.js` had it un-hidden (i.e. the moment 1886 the visitor typed anything) it took part in the flex row and added its own 1887 16px to `.field`. `.field` therefore grew 500px -> 516px, which: 1888 - pushed the absolutely-positioned search button â pinned to 1889 `.field`'s `right: 0` â 16px clear of the input's right edge, so the 1890 green button hung outside the white field and read as a stray green 1891 frame around the whole bar; and 1892 - shifted the entire bar 8px left, because `.search-modal__content` 1893 centres it. 1894 Both only showed once there was text in the field, which is why the empty 1895 bar always looked correct. `right`/`z-index` alone did nothing here â they 1896 are ignored on a statically-positioned element. */ 1897.search-modal__form .reset__button { 1898 position: absolute; 1899 top: 0; 1900 bottom: 0; 1901 right: 66px; /* clears the search button â see padding-right note above */ 1902 width: 34px; 1903 z-index: 5; /* above the input's text; it no longer overlaps the button */ 1904 padding: 0; 1905 margin: 0; 1906 border: 0; 1907 background: transparent; 1908 cursor: pointer; 1909} 1910 1911/* Centring the icon needs `display: flex`, but that has to lose to `.hidden`, 1912 which `search-form.js` toggles to show/hide this button. Sitewide `.hidden` 1913 only carries `!important` in `custom-cart-drawer.css` â which is loaded 1914 conditionally (`settings.cart_type == 'drawer'`), so relying on it would 1915 leave the x permanently visible on any theme not using the cart drawer. 1916 Scoping to `:not(.hidden)` keeps the two off each other entirely. */ 1917.search-modal__form .reset__button:not(.hidden) { 1918 display: flex; 1919 align-items: center; 1920 justify-content: center; 1921} 1922 1923/* Dawn draws a hairline divider on the reset button's right edge. It was 1924 landing in the 16px gap this bug opened up; with the button back in place 1925 it would sit directly against the green search button. Drop it. */ 1926.search-modal__form .reset__button::after { 1927 display: none; 1928} 1929 1930/* Focus states for accessibility â outline matches the input border so 1931 the field reads consistently in default and focused states. */ 1932.search-modal__form .search__input:focus { 1933 outline: 2px solid var(--fm-color-primary, #398c61); 1934 outline-offset: 0px; 1935} 1936 1937.search-modal__form .search__button:focus-visible { 1938 outline: 2px solid white; 1939 outline-offset: -2px; 1940} 1941
1942/* Responsive adjustments. The three values below are one measurement, so they 1943 have to move together: this breakpoint widens the search button, which moves 1944 where the clear button can sit, which changes how much room the input has to 1945 reserve on its right. Change one and re-check the other two. */ 1946@media screen and (max-width: 749px) { 1947 .search-modal__form .search__button { 1948 padding: 0 2rem; /* wider than the desktop 22px, so a wider button */ 1949 } 1950 1951 /* The button's rem padding means its width varies with the inherited font 1952 scale (86px at the root scale, ~70px for the copy inside the menu 1953 drawer), so both values below are set to clear the widest case. Erring 1954 long only costs a little dead space; erring short overlaps the x. */ 1955 .search-modal__form .reset__button { 1956 right: 86px; /* without this it keeps the desktop 66px and lands under the button */ 1957 } 1958 1959 .search-modal__form .search__input.field__input { 1960 /* 86px button + 34px clear button. Was 5.5rem (88px), which cleared the 1961 button but left nothing for the x beside it. */ 1962 padding-right: 120px; 1963 } 1964} 1965</style> 1966 1967<details-modal class="header__search"> 1968 <details open="true"> 1969 <summary 1970 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 1971 aria-haspopup="dialog" 1972 aria-label="Search products" 1973 > 1974 <span> 1975 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><circle cx="8.75" cy="8.75" r="6" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M13.2 13.2 17.5 17.5" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 1976</span> 1977 <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path d="M4 4 14 14M14 4 4 14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 1978</span> 1979 </span> 1980 </summary> 1981 <div 1982 class="search-modal modal__content gradient" 1983 role="dialog" 1984 aria-modal="true" 1985 aria-label="Search products" 1986 > 1987 <div class="modal-overlay"></div> 1988 <div 1989 class="search-modal__content search-modal__content-bottom" 1990 tabindex="-1" 1991 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 1992 <div class="field"> 1993 <input 1994 class="search__input field__input" 1995 id="Search-In-Modal" 1996 type="search" 1997 name="q" 1998 value="" 1999 placeholder="Search products"role="combobox" 2000 aria-expanded="false" 2001 aria-owns="predictive-search-results" 2002 aria-controls="predictive-search-results" 2003 aria-haspopup="listbox" 2004 aria-autocomplete="list" 2005 autocorrect="off" 2006 autocomplete="off" 2007 autocapitalize="off" 2008 spellcheck="false"> 2009 <label class="field__label" for="Search-In-Modal">Search products</label> 2010 <input type="hidden" name="options[prefix]" value="last"> 2011 <button 2012 type="reset" 2013 class="reset__button field__button hidden" 2014 aria-label="Clear search term" 2015 > 2016 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><circle cx="8" cy="8" r="6.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M5.75 5.75 10.25 10.25M10.25 5.75 5.75 10.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 2017</span> 2018 </button><button class="search__button search__button--custom" aria-label="Search products"> 2019 <span class="svg-wrapper svg-wrapper--custom"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><circle cx="8.75" cy="8.75" r="6" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M13.2 13.2 17.5 17.5" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2020</span> 2021 </button> 2022 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 2023 2024 </div> 2025
2026 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 2027 type="button" 2028 class="search-modal__close-button modal__close-button link link--text focus-inset" 2029 aria-label="Close" 2030 > 2031 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path d="M4 4 14 14M14 4 4 14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2032</span> 2033 </button> 2034 </div> 2035 </div> 2036 </details> 2037</details-modal> 2038 2039 <div class="eq-header__action"><div class="action-box-wrap account"> 2040 <a href="https://www.firstmats.co.uk/customer_authentication/redirect?locale=en®ion_country=GB" class="action-box"> 2041 <figure> 2042 <img src="//www.firstmats.co.uk/cdn/shop/files/icon-user.svg?v=14368979794409192061" width="24" height="24" alt="" /> 2043 </figure> 2044 <span>Account</span> 2045 </a> 2046 </div> 2047 �<button type="button" 2048 class="eq-header__search-icon js-mobile-search-icon" 2049 aria-label="Scroll to search"> 2050 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 2051 <circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/> 2052 <path d="M20 20L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2053 </svg> 2054 </button> 2055 2056 <div class="action-box-wrap your-cart"> 2057 2058 2059 <a href="/cart" class="header__icon header__icon--cart link focus-inset action-box" id="cart-icon-bubble" aria-label="View cart (0 items)"> 2060 <figure> 2061 <img src="//www.firstmats.co.uk/cdn/shop/files/icon-shopping-cart.svg?v=6793727415508706292" width="24" height="24" alt="" /> 2062 </figure> 2063 2064 <span>Cart</span></a> 2065 2066 </div> 2067 </div> 2068 </div> 2069 </div> 2070 </div><div class="eq-header__mobile-search-bar js-mobile-search-bar"><predictive-search class="eq-header__mobile-search-form-wrap" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search eq-header__mobile-search-form js-mobile-search-form"> 2071 <div class="field eq-header__mobile-search-field"> 2072 <input 2073 class="search__input field__input eq-header__mobile-search-input" 2074 id="Search-Mobile-Bar" 2075 type="search" 2076 name="q" 2077 value="" 2078 placeholder="Search products" 2079 requiredrole="combobox" 2080 aria-expanded="false" 2081 aria-owns="predictive-search-results" 2082 aria-controls="predictive-search-results" 2083 aria-haspopup="listbox" 2084 aria-autocomplete="list" 2085 autocorrect="off" 2086 autocomplete="off" 2087 autocapitalize="off" 2088 spellcheck="false"> 2089 <label class="field__label visually-hidden" for="Search-Mobile-Bar">Search products</label> 2090 <input type="hidden" name="options[prefix]" value="last"> 2091 <button 2092 type="reset" 2093 class="reset__button field__button eq-header__mobile-search-reset hidden" 2094 aria-label="Clear search"> 2095 Ã 2096 </button> 2097 <button class="search__button search__button--custom eq-header__mobile-search-submit" aria-label="Search"> 2098 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 2099 <circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/> 2100 <path d="M20 20L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2101 </svg> 2102 </button> 2103 </div><div class="predictive-search predictive-search--header eq-header__mobile-predictive" tabindex="-1" data-predictive-search></div>
2104 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
2104<script> 2105 (function () { 2106 var bar = document.querySelector('.js-mobile-search-bar'); 2107 var icon = document.querySelector('.js-mobile-search-icon'); 2108 if (!bar || !icon) return; 2109 2110 var topStrip = document.querySelector('.eq-header__top'); 2111 var observer = null; 2112 2113 function bodyClass(on) { 2114 document.body.classList[on ? 'add' : 'remove']('search-out-of-view'); 2115 } 2116 2117 /* Measure the fixed strip's height and feed it to CSS so the 2118 spacer (`.eq-header { padding-top: var(--eq-header-top-h) }`) 2119 always matches. Re-measured on resize; ResizeObserver also 2120 catches font-load reflows (typeface swap can change the 2121 strip's height by a couple of pixels). */ 2122 function setHeaderHeightVar() { 2123 if (!topStrip) return; 2124 var h = Math.ceil(topStrip.getBoundingClientRect().height); 2125 if (h > 0) document.documentElement.style.setProperty('--eq-header-top-h', h + 'px'); 2126 } 2127 if (window.ResizeObserver && topStrip) { 2128 try { new ResizeObserver(setHeaderHeightVar).observe(topStrip); } catch (_e) {} 2129 } 2130 2131 function startObserving() { 2132 if (observer || window.innerWidth > 991) return; 2133 observer = new IntersectionObserver(function (entries) { 2134 entries.forEach(function (e) { 2135 /* `e.isIntersecting === false` once the bar is fully out 2136 of view; the small rootMargin pulls the trigger back so 2137 the icon doesn't flash on/off when the bar's edge is 2138 right at the viewport boundary. */ 2139 bodyClass(!e.isIntersecting); 2140 }); 2141 }, { rootMargin: '-20px 0px 0px 0px', threshold: 0 }); 2142 observer.observe(bar); 2143 } 2144 2145 function stopObserving() { 2146 if (!observer) return; 2147 observer.disconnect(); 2148 observer = null; 2149 bodyClass(false); /* clear icon if we cross to desktop */ 2150 } 2151 2152 function syncToViewport() { 2153 if (window.innerWidth <= 991) { 2154 startObserving(); 2155 setHeaderHeightVar(); 2156 } else { 2157 stopObserving(); 2158 } 2159 } 2160 2161 /* Smooth-scroll back to the search bar when the icon is tapped. 2162 Account for the sticky header's height so the bar lands below 2163 it rather than directly under the viewport edge. */ 2164 icon.addEventListener('click', function () { 2165 var stickyTop = document.querySelector('.eq-header__top'); 2166 var stickyHeight = stickyTop ? stickyTop.offsetHeight : 0; 2167 var rect = bar.getBoundingClientRect(); 2168 var targetY = window.scrollY + rect.top - stickyHeight - 8; 2169 window.scrollTo({ top: Math.max(targetY, 0), behavior: 'smooth' }); 2170 /* Focus the input after the scroll lands so the keyboard 2171 pops on mobile. setTimeout matches typical smooth-scroll 2172 duration (~400ms). */ 2173 setTimeout(function () { 2174 var input = bar.querySelector('.eq-header__mobile-search-input'); 2175 if (input) input.focus({ preventScroll: true }); 2176 }, 420); 2177 }); 2178 2179 syncToViewport(); 2180 window.addEventListener('resize', syncToViewport, { passive: true }); 2181 2182 /* Belt-and-braces empty-search guard. The input has `required` 2183 which the browser enforces for completely empty submissions, 2184 but `required` won't catch a string of spaces (the browser 2185 treats whitespace as "filled"). Trim before submit and 2186 cancel if there's nothing to query â saves a round-trip to 2187 an empty results page. */ 2188 var form = document.querySelector('.js-mobile-search-form'); 2189 if (form) { 2190 form.addEventListener('submit', function (e) { 2191 var input = form.querySelector('.eq-header__mobile-search-input'); 2192 if (!input) return; 2193 var trimmed = (input.value || '').trim(); 2194 if (!trimmed) { 2195 e.preventDefault(); 2196 input.focus(); 2197 return; 2198 } 2199 /* Write the trimmed value back so the request URL doesn't
2200 carry leading/trailing spaces in `q=`. */ 2201 input.value = trimmed; 2202 }); 2203 } 2204 })(); 2205 </script>
2205 2206 2207 <div class="eq-header__bottom"> 2208 <div class="cus-container"> 2209 2210 <nav class="eq-header__nav"> 2211 2212 2213 2214 2215 2216<style>.header__search { 2217display: inline-flex; 2218line-height: 0; 2219} 2220 2221details[open] > .search-modal { 2222opacity: 1; 2223} 2224 2225.search-modal { 2226opacity: 0; 2227height: 100%; 2228} 2229 2230.search-modal__content { 2231display: flex; 2232align-items: center; 2233justify-content: center; 2234width: 100%; 2235height: 100%; 2236padding: 0 5rem 0 1rem; 2237position: relative; 2238} 2239 2240.search-modal__form { 2241width: 100%; 2242}@media screen and (min-width: 750px) { 2243.search-modal__content { 2244 padding: 0 6rem; 2245} 2246} 2247 2248@media screen and (min-width: 990px) { 2249.search-modal__form { 2250 max-width: 74.2rem; 2251} 2252} 2253 2254/* ======================================== 2255 SEARCH BUTTON MODIFICATIONS 2256 Amazon-style button within lozenge 2257 ======================================== */ 2258 2259/* Make the field container properly contain the button - remove any default padding/margin */ 2260.search-modal__form .field { 2261 position: relative; 2262 display: flex; 2263 align-items: stretch; 2264 padding: 0 !important; /* Force remove any theme padding */ 2265 margin: 0 !important; /* Force remove any theme margin */ 2266} 2267 2268/* Hide the field__label background icon that conflicts with our button */ 2269.search-modal__form .field__label { 2270 display: none !important; /* Hide the label with background icon */ 2271} 2272 2273/* Style the search input with proper padding for the button */ 2274.search-modal__form .search__input.field__input { 2275 flex: 1; 2276 /* Room for BOTH right-hand controls: the 66px search button (22px icon + 2277 22px padding each side) plus the 34px clear (x) button that appears as 2278 soon as the field has text. Was 6rem (96px) â enough for the button 2279 alone, but it left only 30px for the x, so typed text ran under it. 2280 Deliberately px, not rem: the button's own width is built from px 2281 (`padding: 0 22px` + a 22px icon), whereas rem resolves against whatever 2282 root size the surrounding context has â the same button measures 66px in 2283 the desktop strip and ~70px for the copy inside the menu drawer. A rem 2284 reservation silently drifts out of step with the thing it has to clear. */ 2285 padding-right: 100px; 2286 /* Tightened from 5rem (full lozenge) to 8px to match the redesign's 2287 consistent rounded-rectangle radius across CTAs / fields. */ 2288 border-radius: 8px; 2289 /* Brand-green border at 1px so the field reads as part of the same 2290 family as the CTA â same colour, just at hairline weight. */ 2291 border: 1px solid var(--fm-color-primary, #398c61); 2292 margin: 0; /* Remove any default margin */ 2293} 2294 2295/* Position and style the search button â flat left edge tucks neatly into 2296 the input's right edge, rounded corners on the right match the input's 2297 8px radius. */ 2298.search-modal__form .search__button--custom { 2299 position: absolute; 2300 right: 0; /* No gap - flush with edge */ 2301 top: 0; /* No gap - flush with top */ 2302 bottom: 0; /* No gap - flush with bottom */ 2303 /* Was #242b72 (legacy navy). Switched to the brand-green primary so 2304 the search CTA matches the rest of the redesign's primary CTAs. */ 2305 background-color: var(--fm-color-primary, #398c61) !important; 2306 color: white !important; 2307 border: none !important; 2308 border-radius: 0 8px 8px 0; /* Flat left, rounded right â matches input */ 2309 padding: 0 22px; 2310 display: flex !important; 2311 align-items: center; 2312 justify-content: center; 2313 cursor: pointer; 2314 transition: background-color 0.2s ease; 2315 opacity: 1 !important; /* Force full opacity */ 2316 visibility: visible !important; /* Force visibility */ 2317 z-index: 4 !important; /* Higher than field__label's z-index: 3 */ 2318 height: auto; /* Let top/bottom control the height */ 2319} 2320 2321/* Hover / active â darker brand-green from the design tokens. */ 2322.search-modal__form .search__button--custom:hover, 2323.search-modal__form .search__button--custom:active { 2324 background-color: var(--fm-color-primary-hover, #2d7350) !important; 2325} 2326 2327/* Icon styling - ensure visibility and white color */ 2328.search-modal__form .svg-wrapper--custom { 2329 display: flex; 2330 align-items: center; 2331 justify-content: center; 2332 position: relative; 2333 z-index: 11; /* Ensure icon is visible above everything */ 2334 width: 22px; 2335 height: 22px; 2336} 2337 2338.search-modal__form .svg-wrapper--custom svg { 2339 fill: white !important; /* Force white color */ 2340 width: 22px; 2341 height: 22px; 2342 position: relative; 2343 z-index: 11; /* Ensure icon is visible */ 2344} 2345 2346/* Fallback: If SVG asset is missing, create a search icon with CSS */ 2347.search-modal__form .svg-wrapper--custom:empty::before { 2348 content: ''; 2349 display: block; 2350 width: 22px; 2351 height: 22px; 2352 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM18.5 18.5l-4-4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 2353 background-repeat: no-repeat; 2354 background-position: center; 2355 background-size: contain; 2356} 2357 2358/* Clear (x) button â sits inside the field, immediately left of the search 2359 button. 2360 2361 MUST be out of flow. `.field` is `display: flex`, and this button carried 2362 no `position`, so while `search-form.js` had it un-hidden (i.e. the moment 2363 the visitor typed anything) it took part in the flex row and added its own 2364 16px to `.field`. `.field` therefore grew 500px -> 516px, which:
2365 - pushed the absolutely-positioned search button â pinned to 2366 `.field`'s `right: 0` â 16px clear of the input's right edge, so the 2367 green button hung outside the white field and read as a stray green 2368 frame around the whole bar; and 2369 - shifted the entire bar 8px left, because `.search-modal__content` 2370 centres it. 2371 Both only showed once there was text in the field, which is why the empty 2372 bar always looked correct. `right`/`z-index` alone did nothing here â they 2373 are ignored on a statically-positioned element. */ 2374.search-modal__form .reset__button { 2375 position: absolute; 2376 top: 0; 2377 bottom: 0; 2378 right: 66px; /* clears the search button â see padding-right note above */ 2379 width: 34px; 2380 z-index: 5; /* above the input's text; it no longer overlaps the button */ 2381 padding: 0; 2382 margin: 0; 2383 border: 0; 2384 background: transparent; 2385 cursor: pointer; 2386} 2387 2388/* Centring the icon needs `display: flex`, but that has to lose to `.hidden`, 2389 which `search-form.js` toggles to show/hide this button. Sitewide `.hidden` 2390 only carries `!important` in `custom-cart-drawer.css` â which is loaded 2391 conditionally (`settings.cart_type == 'drawer'`), so relying on it would 2392 leave the x permanently visible on any theme not using the cart drawer. 2393 Scoping to `:not(.hidden)` keeps the two off each other entirely. */ 2394.search-modal__form .reset__button:not(.hidden) { 2395 display: flex; 2396 align-items: center; 2397 justify-content: center; 2398} 2399 2400/* Dawn draws a hairline divider on the reset button's right edge. It was 2401 landing in the 16px gap this bug opened up; with the button back in place 2402 it would sit directly against the green search button. Drop it. */ 2403.search-modal__form .reset__button::after { 2404 display: none; 2405} 2406 2407/* Focus states for accessibility â outline matches the input border so 2408 the field reads consistently in default and focused states. */ 2409.search-modal__form .search__input:focus { 2410 outline: 2px solid var(--fm-color-primary, #398c61); 2411 outline-offset: 0px; 2412} 2413 2414.search-modal__form .search__button:focus-visible { 2415 outline: 2px solid white; 2416 outline-offset: -2px; 2417} 2418 2419/* Responsive adjustments. The three values below are one measurement, so they 2420 have to move together: this breakpoint widens the search button, which moves 2421 where the clear button can sit, which changes how much room the input has to 2422 reserve on its right. Change one and re-check the other two. */ 2423@media screen and (max-width: 749px) { 2424 .search-modal__form .search__button { 2425 padding: 0 2rem; /* wider than the desktop 22px, so a wider button */ 2426 } 2427 2428 /* The button's rem padding means its width varies with the inherited font 2429 scale (86px at the root scale, ~70px for the copy inside the menu 2430 drawer), so both values below are set to clear the widest case. Erring 2431 long only costs a little dead space; erring short overlaps the x. */ 2432 .search-modal__form .reset__button { 2433 right: 86px; /* without this it keeps the desktop 66px and lands under the button */ 2434 } 2435 2436 .search-modal__form .search__input.field__input { 2437 /* 86px button + 34px clear button. Was 5.5rem (88px), which cleared the 2438 button but left nothing for the x beside it. */ 2439 padding-right: 120px; 2440 } 2441} 2442</style> 2443 2444<details-modal class="header__search"> 2445 <details open="true"> 2446 <summary 2447 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 2448 aria-haspopup="dialog" 2449 aria-label="Search products" 2450 > 2451 <span> 2452 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><circle cx="8.75" cy="8.75" r="6" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M13.2 13.2 17.5 17.5" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2453</span> 2454 <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
2454<path d="M4 4 14 14M14 4 4 14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2455</span> 2456 </span> 2457 </summary> 2458 <div 2459 class="search-modal modal__content gradient" 2460 role="dialog" 2461 aria-modal="true" 2462 aria-label="Search products" 2463 > 2464 <div class="modal-overlay"></div> 2465 <div 2466 class="search-modal__content search-modal__content-bottom" 2467 tabindex="-1" 2468 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 2469 <div class="field"> 2470 <input 2471 class="search__input field__input" 2472 id="Search-In-Modal" 2473 type="search" 2474 name="q" 2475 value="" 2476 placeholder="Search products"role="combobox" 2477 aria-expanded="false" 2478 aria-owns="predictive-search-results" 2479 aria-controls="predictive-search-results" 2480 aria-haspopup="listbox" 2481 aria-autocomplete="list" 2482 autocorrect="off" 2483 autocomplete="off" 2484 autocapitalize="off" 2485 spellcheck="false"> 2486 <label class="field__label" for="Search-In-Modal">Search products</label> 2487 <input type="hidden" name="options[prefix]" value="last"> 2488 <button 2489 type="reset" 2490 class="reset__button field__button hidden" 2491 aria-label="Clear search term" 2492 > 2493 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><circle cx="8" cy="8" r="6.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M5.75 5.75 10.25 10.25M10.25 5.75 5.75 10.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 2494</span> 2495 </button><button class="search__button search__button--custom" aria-label="Search products"> 2496 <span class="svg-wrapper svg-wrapper--custom"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><circle cx="8.75" cy="8.75" r="6" fill="none" stroke="currentColor" stroke-width="1.75"/><path d="M13.2 13.2 17.5 17.5" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2497</span> 2498 </button> 2499 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 2500 2501 </div> 2502 2503 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 2504 type="button" 2505 class="search-modal__close-button modal__close-button link link--text focus-inset" 2506 aria-label="Close" 2507 > 2508 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path d="M4 4 14 14M14 4 4 14" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg> 2509</span> 2510 </button> 2511 </div> 2512 </div> 2513 </details> 2514</details-modal>�<ul class="eq-header__nav-list"> 2515 <!-- Replace with your menu handle --> 2516 2517 2518 �<li class="mega-menu-hover"> 2519 <div class="main-link js-main-link"> 2520 <figure class="mobile-menu-images"> 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 <!-- Display custom image and exit the loop --> 2604 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Cadbury_Logo_Mat_100x.png?v=1707739221" class="custom-image" width="46" height="46" alt="Logo Mats" loading="lazy" /> 2605 2606 2607 2608 </figure> 2609 <div class="main_nav_desk"> 2610 <a href="/products/premium-indoor-logo-mats" id="main_nav_parent"><span>Logo Mats</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 2611 </div> 2612 <div class="main_nav_mob"> 2613 <a href="/products/premium-indoor-logo-mats" id="main_nav_parent"><span>Logo Mats</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
2614 viewBox="0 0 12 8" 2615 width="10" 2616 height="7" 2617 aria-hidden="true" 2618 2619 fill="none" 2620 stroke="currentColor" 2621 stroke-width="2" 2622 stroke-linecap="round" 2623 stroke-linejoin="round"> 2624 <path d="M1 1.5l5 5 5-5"/> 2625</svg> 2626 2627 </div> 2628 </div> 2629 <div class="mega-menu fm-megamenu" data-parent-handle="premium-indoor-logo-mats"> 2630 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 2631 <span class="fm-megamenu__heading">Featured</span><a href="/products/premium-indoor-logo-mats" class="fm-megamenu__featured-media" 2632 data-mm-source="featured" 2633 data-mm-kind="hero-image" 2634 data-mm-label="Indoor Logo Mats" 2635 data-mm-parent="premium-indoor-logo-mats"> 2636 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/CotswoldsDesignerOutlet_4.png?v=1778236765&width=480" 2637 alt="Indoor Logo Mats" 2638 width="320" height="200" loading="lazy"> 2639 </a><h3 class="fm-megamenu__featured-title">Indoor Logo Mats</h3><p class="fm-megamenu__featured-desc">Premium-quality indoor logo mats, with fast delivery and a 5-year guarantee as standard.</p><ul class="fm-megamenu__featured-links"><li> 2640 <a href="https://www.firstmats.co.uk/blogs/gallery" 2641 data-mm-source="featured" 2642 data-mm-kind="item" 2643 data-mm-label="Gallery" 2644 data-mm-parent="premium-indoor-logo-mats"> 2645 <span>Gallery</span> 2646 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 2647 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 2648 </svg> 2649 </a> 2650 </li><li> 2651 <a href="https://www.firstmats.co.uk/products/premium-indoor-logo-mats" 2652 data-mm-source="featured" 2653 data-mm-kind="item" 2654 data-mm-label="Indoor Logo Mats" 2655 data-mm-parent="premium-indoor-logo-mats"> 2656 <span>Indoor Logo Mats</span> 2657 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 2658 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 2659 </svg> 2660 </a> 2661 </li><li> 2662 <a href="https://www.firstmats.co.uk/blogs/case-studies/" 2663 data-mm-source="featured" 2664 data-mm-kind="item" 2665 data-mm-label="Case studies" 2666 data-mm-parent="premium-indoor-logo-mats"> 2667 <span>Case studies</span> 2668 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 2669 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 2670 </svg> 2671 </a> 2672 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type"> 2673 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 2674 <a href="https://www.firstmats.co.uk/products/premium-indoor-logo-mats" 2675 data-mm-source="type" 2676 data-mm-kind="item" 2677 data-mm-label="Indoor Logo Mats" 2678 data-mm-parent="premium-indoor-logo-mats"> 2679 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/cotswold-logo-mat.webp?v=1783006684&width=120" alt="" width="48" height="48" loading="lazy"></span>
2680 <span class="fm-megamenu__item-text">Indoor Logo Mats</span> 2681 </a> 2682 </li><li> 2683 <a href="https://www.firstmats.co.uk/products/outdoor-logo-mat" 2684 data-mm-source="type" 2685 data-mm-kind="item" 2686 data-mm-label="Outdoor Logo Mats" 2687 data-mm-parent="premium-indoor-logo-mats"> 2688 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Harrods_2.png?v=1759331474&width=120" alt="" width="48" height="48" loading="lazy"></span> 2689 <span class="fm-megamenu__item-text">Outdoor Logo Mats</span> 2690 </a> 2691 </li><li> 2692 <a href="https://www.firstmats.co.uk/products/circular-logo-mat" 2693 data-mm-source="type" 2694 data-mm-kind="item" 2695 data-mm-label="Circular Logo Mat" 2696 data-mm-parent="premium-indoor-logo-mats"> 2697 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/circular-logo-mat.jpg?v=1759223720&width=120" alt="" width="48" height="48" loading="lazy"></span> 2698 <span class="fm-megamenu__item-text">Circular Logo Mat</span> 2699 </a> 2700 </li><li> 2701 <a href="https://www.firstmats.co.uk/products/custom-motorcycle-mats" 2702 data-mm-source="type" 2703 data-mm-kind="item" 2704 data-mm-label="Motorcycle Mats" 2705 data-mm-parent="premium-indoor-logo-mats"> 2706 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/motorcycle-on-mat-yamaha.jpg?v=1764930378&width=120" alt="" width="48" height="48" loading="lazy"></span> 2707 <span class="fm-megamenu__item-text">Motorcycle Mats</span> 2708 </a> 2709 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--industry"> 2710 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 2711 <a href="https://www.firstmats.co.uk/products/school-logo-mats" 2712 data-mm-source="industry" 2713 data-mm-kind="item" 2714 data-mm-label="School Logo Mats" 2715 data-mm-parent="premium-indoor-logo-mats"> 2716 <span class="fm-megamenu__icon"></span> 2717 <span class="fm-megamenu__item-text">School Logo Mats</span> 2718 </a> 2719 </li><li> 2720 <a href="https://www.firstmats.co.uk/products/hotel-lobby-logo-mats" 2721 data-mm-source="industry" 2722 data-mm-kind="item" 2723 data-mm-label="Hotel Logo Mats" 2724 data-mm-parent="premium-indoor-logo-mats"> 2725 <span class="fm-megamenu__icon"></span> 2726 <span class="fm-megamenu__item-text">Hotel Logo Mats</span> 2727 </a> 2728 </li><li> 2729 <a href="https://www.firstmats.co.uk/products/restaurant-entrance-logo-mats" 2730 data-mm-source="industry" 2731 data-mm-kind="item" 2732 data-mm-label="Restaurant Logo Mats" 2733 data-mm-parent="premium-indoor-logo-mats"> 2734 <span class="fm-megamenu__icon"></span> 2735 <span class="fm-megamenu__item-text">Restaurant Logo Mats</span> 2736 </a> 2737 </li><li> 2738 <a href="https://www.firstmats.co.uk/products/premium-boat-logo-mats" 2739 data-mm-source="industry" 2740 data-mm-kind="item" 2741 data-mm-label="Boat Logo Mats" 2742 data-mm-parent="premium-indoor-logo-mats">
2743 <span class="fm-megamenu__icon"></span> 2744 <span class="fm-megamenu__item-text">Boat Logo Mats</span> 2745 </a> 2746 </li><li> 2747 <a href="https://www.firstmats.co.uk/products/sports-club-logo-mats" 2748 data-mm-source="industry" 2749 data-mm-kind="item" 2750 data-mm-label="Sports Club Logo Mats" 2751 data-mm-parent="premium-indoor-logo-mats"> 2752 <span class="fm-megamenu__icon"></span> 2753 <span class="fm-megamenu__item-text">Sports Club Logo Mats</span> 2754 </a> 2755 </li><li> 2756 <a href="https://www.firstmats.co.uk/products/custom-racing-team-pit-lane-mats" 2757 data-mm-source="industry" 2758 data-mm-kind="item" 2759 data-mm-label="Racing Team Mats" 2760 data-mm-parent="premium-indoor-logo-mats"> 2761 <span class="fm-megamenu__icon"></span> 2762 <span class="fm-megamenu__item-text">Racing Team Mats</span> 2763 </a> 2764 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Logo Mat Case Studies</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 2765 <a href="/blogs/case-studies/a-s-nursery-creates-a-strong-first-impression-with-custom-logo-mat" 2766 data-mm-source="guides" 2767 data-mm-kind="item" 2768 data-mm-label="A's Nursery adds a custom logo mat to its softplay entrance" 2769 data-mm-parent="premium-indoor-logo-mats"> 2770 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 2771 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 2772 <polyline points="14 3 14 9 20 9"/> 2773 <line x1="8" y1="10" x2="11" y2="10"/> 2774 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 2775 <line x1="8" y1="17" x2="16" y2="17"/> 2776 </svg></span> 2777 <span class="fm-megamenu__item-text">A's Nursery adds a custom logo mat to its softplay entrance</span> 2778 </a> 2779 </li><li> 2780 <a href="/blogs/case-studies/rapid-response-how-first-mats-delivered-524-premium-logo-mats-on-time" 2781 data-mm-source="guides" 2782 data-mm-kind="item" 2783 data-mm-label="Rapid Response: How First Mats Delivered 524 Premium Logo Mats on Time" 2784 data-mm-parent="premium-indoor-logo-mats"> 2785 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 2786 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 2787 <polyline points="14 3 14 9 20 9"/> 2788 <line x1="8" y1="10" x2="11" y2="10"/> 2789 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 2790 <line x1="8" y1="17" x2="16" y2="17"/> 2791 </svg></span> 2792 <span class="fm-megamenu__item-text">Rapid Response: How First Mats Delivered 524 Premium Logo Mats on Time</span> 2793 </a> 2794 </li><li> 2795 <a href="/blogs/case-studies/broccoli-cafe-enhances-entrance-with-custom-logo-mat" 2796 data-mm-source="guides" 2797 data-mm-kind="item" 2798 data-mm-label="Broccoli Cafe Enhances Entrance with Custom Logo Mat" 2799 data-mm-parent="premium-indoor-logo-mats">
2800 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 2801 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 2802 <polyline points="14 3 14 9 20 9"/> 2803 <line x1="8" y1="10" x2="11" y2="10"/> 2804 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 2805 <line x1="8" y1="17" x2="16" y2="17"/> 2806 </svg></span> 2807 <span class="fm-megamenu__item-text">Broccoli Cafe Enhances Entrance with Custom Logo Mat</span> 2808 </a> 2809 </li><li> 2810 <a href="/blogs/case-studies/logo-mats-at-work-boosting-metro-plumb-s-brand-and-plumber-comfort" 2811 data-mm-source="guides" 2812 data-mm-kind="item" 2813 data-mm-label="How We Designed and Delivered 300 Logo Mats to Metro Plumb" 2814 data-mm-parent="premium-indoor-logo-mats"> 2815 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 2816 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 2817 <polyline points="14 3 14 9 20 9"/> 2818 <line x1="8" y1="10" x2="11" y2="10"/> 2819 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 2820 <line x1="8" y1="17" x2="16" y2="17"/> 2821 </svg></span> 2822 <span class="fm-megamenu__item-text">How We Designed and Delivered 300 Logo Mats to Metro Plumb</span> 2823 </a> 2824 </li><li> 2825 <a href="/blogs/case-studies/precision-under-pressure-crafting-premium-logo-mats-for-autocrafts-big-event" 2826 data-mm-source="guides" 2827 data-mm-kind="item" 2828 data-mm-label="Precision Under Pressure: Crafting Premium Logo Mats for AutoCraft's Big Event" 2829 data-mm-parent="premium-indoor-logo-mats"> 2830 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 2831 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 2832 <polyline points="14 3 14 9 20 9"/> 2833 <line x1="8" y1="10" x2="11" y2="10"/> 2834 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 2835 <line x1="8" y1="17" x2="16" y2="17"/> 2836 </svg></span> 2837 <span class="fm-megamenu__item-text">Precision Under Pressure: Crafting Premium Logo Mats for AutoCraft's Big Event</span> 2838 </a> 2839 </li></ul><a href="https://www.firstmats.co.uk/products/premium-indoor-logo-mats" class="fm-megamenu__viewall-card" 2840 data-mm-source="view-all" 2841 data-mm-kind="item" 2842 data-mm-label="Design Your Logo Mat Now" 2843 data-mm-parent="premium-indoor-logo-mats"> 2844 <span class="fm-megamenu__viewall-card-head"> 2845 <span class="fm-megamenu__viewall-card-title">Design Your Logo Mat Now</span> 2846 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 2847 <svg viewBox="0 0 16 16" width="14" height="14"> 2848 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 2849 </svg> 2850 </span> 2851 </span></a></div></div> 2852 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="premium-indoor-logo-mats"> 2853 <ul class="fm-megamenu-mobile__list"><li> 2854 <a href="https://www.firstmats.co.uk/products/premium-indoor-logo-mats" 2855 data-mm-source="type" 2856 data-mm-kind="item" 2857 data-mm-label="Indoor Logo Mats" 2858 data-mm-parent="premium-indoor-logo-mats">
2859 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/files/cotswold-logo-mat.webp?v=1783006684&width=100" alt="" width="40" height="40" loading="lazy"></span> 2860 <span class="fm-megamenu-mobile__label">Indoor Logo Mats</span> 2861 </a> 2862 </li><li> 2863 <a href="https://www.firstmats.co.uk/products/outdoor-logo-mat" 2864 data-mm-source="type" 2865 data-mm-kind="item" 2866 data-mm-label="Outdoor Logo Mats" 2867 data-mm-parent="premium-indoor-logo-mats"> 2868 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/files/Harrods_2.png?v=1759331474&width=100" alt="" width="40" height="40" loading="lazy"></span> 2869 <span class="fm-megamenu-mobile__label">Outdoor Logo Mats</span> 2870 </a> 2871 </li><li> 2872 <a href="https://www.firstmats.co.uk/products/circular-logo-mat" 2873 data-mm-source="type" 2874 data-mm-kind="item" 2875 data-mm-label="Circular Logo Mat" 2876 data-mm-parent="premium-indoor-logo-mats"> 2877 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/files/circular-logo-mat.jpg?v=1759223720&width=100" alt="" width="40" height="40" loading="lazy"></span> 2878 <span class="fm-megamenu-mobile__label">Circular Logo Mat</span> 2879 </a> 2880 </li><li> 2881 <a href="https://www.firstmats.co.uk/products/custom-motorcycle-mats" 2882 data-mm-source="type" 2883 data-mm-kind="item" 2884 data-mm-label="Motorcycle Mats" 2885 data-mm-parent="premium-indoor-logo-mats"> 2886 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/files/motorcycle-on-mat-yamaha.jpg?v=1764930378&width=100" alt="" width="40" height="40" loading="lazy"></span> 2887 <span class="fm-megamenu-mobile__label">Motorcycle Mats</span> 2888 </a> 2889 </li></ul> 2890 </div> 2891 2892 </li> 2893 �<li class="mega-menu-hover"> 2894 <div class="main-link js-main-link"> 2895 <figure class="mobile-menu-images"> 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 <!-- Display custom image and exit the loop --> 2977 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/made-to-measure-mats-home_100x.jpg?v=1704194095" class="custom-image" width="46" height="46" alt="Entrance Mats" loading="lazy" /> 2978 2979 2980 2981 </figure> 2982 <div class="main_nav_desk"> 2983 <a href="/collections/entrance-mats" id="main_nav_parent"><span>Entrance Mats</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 2984 </div> 2985 <div class="main_nav_mob"> 2986 <a href="/collections/entrance-mats" id="main_nav_parent"><span>Entrance Mats</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
2987 viewBox="0 0 12 8" 2988 width="10" 2989 height="7" 2990 aria-hidden="true" 2991 2992 fill="none" 2993 stroke="currentColor" 2994 stroke-width="2" 2995 stroke-linecap="round" 2996 stroke-linejoin="round"> 2997 <path d="M1 1.5l5 5 5-5"/> 2998</svg> 2999 3000 </div> 3001 </div> 3002 <div class="mega-menu fm-megamenu" data-parent-handle="entrance-mats"> 3003 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 3004 <span class="fm-megamenu__heading">Featured</span><a href="/collections/entrance-mats" class="fm-megamenu__featured-media" 3005 data-mm-source="featured" 3006 data-mm-kind="hero-image" 3007 data-mm-label="Entrance Matting" 3008 data-mm-parent="entrance-mats"> 3009 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Dura-PlushFlameRetardantDoorMat-GreyBeige_3.jpg?v=1755769987&width=480" 3010 alt="Entrance Matting" 3011 width="320" height="200" loading="lazy"> 3012 </a><h3 class="fm-megamenu__featured-title">Entrance Matting</h3><p class="fm-megamenu__featured-desc">Effective dirt and moisture removal for every entrance.</p><ul class="fm-megamenu__featured-links"><li> 3013 <a href="/collections/entrance-mats-indoor" 3014 data-mm-source="featured" 3015 data-mm-kind="item" 3016 data-mm-label="Indoor Door Mats" 3017 data-mm-parent="entrance-mats"> 3018 <span>Indoor Door Mats</span> 3019 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3020 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3021 </svg> 3022 </a> 3023 </li><li> 3024 <a href="/collections/entrance-mats-made-to-measure" 3025 data-mm-source="featured" 3026 data-mm-kind="item" 3027 data-mm-label="Made To Measure Door Mats" 3028 data-mm-parent="entrance-mats"> 3029 <span>Made To Measure Door Mats</span> 3030 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3031 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3032 </svg> 3033 </a> 3034 </li><li> 3035 <a href="/collections/entrance-mats-large-door-mats" 3036 data-mm-source="featured" 3037 data-mm-kind="item" 3038 data-mm-label="Large Door Mats" 3039 data-mm-parent="entrance-mats"> 3040 <span>Large Door Mats</span> 3041 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3042 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3043 </svg> 3044 </a> 3045 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type"> 3046 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 3047 <a href="/collections/entrance-mats-indoor" 3048 data-mm-source="type" 3049 data-mm-kind="item" 3050 data-mm-label="Indoor Door Mats" 3051 data-mm-parent="entrance-mats"> 3052 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/indoor-door-mats.jpg?v=1618493425&width=120" alt="" width="48" height="48" loading="lazy"></span>
3053 <span class="fm-megamenu__item-text">Indoor Door Mats</span> 3054 </a> 3055 </li><li> 3056 <a href="/collections/entrance-mats-outdoor" 3057 data-mm-source="type" 3058 data-mm-kind="item" 3059 data-mm-label="Outdoor Rubber Door Mats" 3060 data-mm-parent="entrance-mats"> 3061 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Cobascrape_1.jpg?v=1700746521&width=120" alt="" width="48" height="48" loading="lazy"></span> 3062 <span class="fm-megamenu__item-text">Outdoor Rubber Door Mats</span> 3063 </a> 3064 </li><li> 3065 <a href="/collections/entrance-mats-made-to-measure" 3066 data-mm-source="type" 3067 data-mm-kind="item" 3068 data-mm-label="Made To Measure Door Mats" 3069 data-mm-parent="entrance-mats"> 3070 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/made-to-measure-entrance-mats-small.jpg?v=1686064949&width=120" alt="" width="48" height="48" loading="lazy"></span> 3071 <span class="fm-megamenu__item-text">Made To Measure Door Mats</span> 3072 </a> 3073 </li><li> 3074 <a href="/collections/heavy-duty-entrance-mats" 3075 data-mm-source="type" 3076 data-mm-kind="item" 3077 data-mm-label="Heavy Duty Entrance Mats" 3078 data-mm-parent="entrance-mats"> 3079 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Superdry_1.JPG?v=1637247428&width=120" alt="" width="48" height="48" loading="lazy"></span> 3080 <span class="fm-megamenu__item-text">Heavy Duty Entrance Mats</span> 3081 </a> 3082 </li><li> 3083 <a href="/collections/coir-matting" 3084 data-mm-source="type" 3085 data-mm-kind="item" 3086 data-mm-label="Coir Coconut Matting" 3087 data-mm-parent="entrance-mats"> 3088 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/coir-matting-small.jpg?v=1678291216&width=120" alt="" width="48" height="48" loading="lazy"></span> 3089 <span class="fm-megamenu__item-text">Coir Coconut Matting</span> 3090 </a> 3091 </li><li> 3092 <a href="/collections/matwell-mats" 3093 data-mm-source="type" 3094 data-mm-kind="item" 3095 data-mm-label="Matwell Mats" 3096 data-mm-parent="entrance-mats"> 3097 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/matwell-tile-system.JPG?v=1637247721&width=120" alt="" width="48" height="48" loading="lazy"></span> 3098 <span class="fm-megamenu__item-text">Matwell Mats</span> 3099 </a> 3100 </li><li> 3101 <a href="/collections/entrance-mats-large-door-mats" 3102 data-mm-source="type" 3103 data-mm-kind="item" 3104 data-mm-label="Large Door Mats" 3105 data-mm-parent="entrance-mats"> 3106 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/large-entrance-mat-2.JPG?v=1734095281&width=120" alt="" width="48" height="48" loading="lazy"></span>
3107 <span class="fm-megamenu__item-text">Large Door Mats</span> 3108 </a> 3109 </li><li> 3110 <a href="/collections/barrier-matting" 3111 data-mm-source="type" 3112 data-mm-kind="item" 3113 data-mm-label="Barrier Mats" 3114 data-mm-parent="entrance-mats"> 3115 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/dust-control-barrier-mat.jpg?v=1637247822&width=120" alt="" width="48" height="48" loading="lazy"></span> 3116 <span class="fm-megamenu__item-text">Barrier Mats</span> 3117 </a> 3118 </li></ul><a href="/collections/entrance-mats" class="fm-megamenu__view-all" 3119 data-mm-source="type" 3120 data-mm-kind="view-all-link" 3121 data-mm-label="View all Entrance Mats" 3122 data-mm-parent="entrance-mats"> 3123 View all Entrance Mats 3124 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3125 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3126 </svg> 3127 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry"> 3128 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 3129 <a href="/collections/office-floor-mats" 3130 data-mm-source="industry" 3131 data-mm-kind="item" 3132 data-mm-label="Office Floor Mats" 3133 data-mm-parent="entrance-mats"> 3134 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Logo_Mats_8.png?v=1777634340&width=60" alt="" width="22" height="22" loading="lazy"></span> 3135 <span class="fm-megamenu__item-text">Office Floor Mats</span> 3136 </a> 3137 </li><li> 3138 <a href="/collections/retail-shop-mats" 3139 data-mm-source="industry" 3140 data-mm-kind="item" 3141 data-mm-label="Retail and Shop Floor Mats" 3142 data-mm-parent="entrance-mats"> 3143 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Retail.png?v=1779268251&width=60" alt="" width="22" height="22" loading="lazy"></span> 3144 <span class="fm-megamenu__item-text">Retail and Shop Floor Mats</span> 3145 </a> 3146 </li><li> 3147 <a href="/collections/school-mats" 3148 data-mm-source="industry" 3149 data-mm-kind="item" 3150 data-mm-label="School Mats" 3151 data-mm-parent="entrance-mats"> 3152 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/School.png?v=1779268627&width=60" alt="" width="22" height="22" loading="lazy"></span> 3153 <span class="fm-megamenu__item-text">School Mats</span> 3154 </a> 3155 </li><li> 3156 <a href="/collections/restaurant-floor-mats" 3157 data-mm-source="industry" 3158 data-mm-kind="item" 3159 data-mm-label="Restaurant Mats" 3160 data-mm-parent="entrance-mats"> 3161 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Resturant.png?v=1779268674&width=60" alt="" width="22" height="22" loading="lazy"></span>
3162 <span class="fm-megamenu__item-text">Restaurant Mats</span> 3163 </a> 3164 </li><li> 3165 <a href="/collections/hotel-entrance-mats" 3166 data-mm-source="industry" 3167 data-mm-kind="item" 3168 data-mm-label="Hotel Entrance Mats" 3169 data-mm-parent="entrance-mats"> 3170 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Hotel_1.png?v=1779268798&width=60" alt="" width="22" height="22" loading="lazy"></span> 3171 <span class="fm-megamenu__item-text">Hotel Entrance Mats</span> 3172 </a> 3173 </li></ul><a href="/collections/entrance-mats" class="fm-megamenu__view-all" 3174 data-mm-source="industry" 3175 data-mm-kind="view-all-link" 3176 data-mm-label="View All Industries" 3177 data-mm-parent="entrance-mats"> 3178 View All Industries 3179 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3180 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3181 </svg> 3182 </a></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 3183 <a href="/blogs/buying-guides/which-floor-mats-can-you-use-outdoors" 3184 data-mm-source="guides" 3185 data-mm-kind="item" 3186 data-mm-label="Which Floor Mats Can You Use Outdoors?" 3187 data-mm-parent="entrance-mats"> 3188 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3189 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3190 <polyline points="14 3 14 9 20 9"/> 3191 <line x1="8" y1="10" x2="11" y2="10"/> 3192 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3193 <line x1="8" y1="17" x2="16" y2="17"/> 3194 </svg></span> 3195 <span class="fm-megamenu__item-text">Which Floor Mats Can You Use Outdoors?</span> 3196 </a> 3197 </li><li> 3198 <a href="/blogs/buying-guides/entrance-mat-sizing-guide" 3199 data-mm-source="guides" 3200 data-mm-kind="item" 3201 data-mm-label="Entrance Mat Sizing Guide" 3202 data-mm-parent="entrance-mats"> 3203 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3204 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3205 <polyline points="14 3 14 9 20 9"/> 3206 <line x1="8" y1="10" x2="11" y2="10"/> 3207 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3208 <line x1="8" y1="17" x2="16" y2="17"/> 3209 </svg></span> 3210 <span class="fm-megamenu__item-text">Entrance Mat Sizing Guide</span> 3211 </a> 3212 </li><li> 3213 <a href="/blogs/buying-guides/how-to-clean-door-mats" 3214 data-mm-source="guides" 3215 data-mm-kind="item" 3216 data-mm-label="How to Clean Door Mats" 3217 data-mm-parent="entrance-mats"> 3218 <span class="fm-megamenu__icon">
3218<svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3219 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3220 <polyline points="14 3 14 9 20 9"/> 3221 <line x1="8" y1="10" x2="11" y2="10"/> 3222 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3223 <line x1="8" y1="17" x2="16" y2="17"/> 3224 </svg></span> 3225 <span class="fm-megamenu__item-text">How to Clean Door Mats</span> 3226 </a> 3227 </li></ul><a href="https://www.firstmats.co.uk/collections/entrance-mats" class="fm-megamenu__viewall-card" 3228 data-mm-source="view-all" 3229 data-mm-kind="item" 3230 data-mm-label="View all Entrance Mats" 3231 data-mm-parent="entrance-mats"> 3232 <span class="fm-megamenu__viewall-card-head"> 3233 <span class="fm-megamenu__viewall-card-title">View all Entrance Mats</span> 3234 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 3235 <svg viewBox="0 0 16 16" width="14" height="14"> 3236 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3237 </svg> 3238 </span> 3239 </span><span class="fm-megamenu__viewall-card-desc">Explore our full range of quality Entrance Mats</span></a></div></div> 3240 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="entrance-mats"> 3241 <ul class="fm-megamenu-mobile__list"><li> 3242 <a href="/collections/entrance-mats-indoor" 3243 data-mm-source="type" 3244 data-mm-kind="item" 3245 data-mm-label="Indoor Door Mats" 3246 data-mm-parent="entrance-mats"> 3247 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/indoor-door-mats.jpg?v=1618493425&width=100" alt="" width="40" height="40" loading="lazy"></span> 3248 <span class="fm-megamenu-mobile__label">Indoor Door Mats</span> 3249 </a> 3250 </li><li> 3251 <a href="/collections/entrance-mats-outdoor" 3252 data-mm-source="type" 3253 data-mm-kind="item" 3254 data-mm-label="Outdoor Rubber Door Mats" 3255 data-mm-parent="entrance-mats"> 3256 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Cobascrape_1.jpg?v=1700746521&width=100" alt="" width="40" height="40" loading="lazy"></span> 3257 <span class="fm-megamenu-mobile__label">Outdoor Rubber Door Mats</span> 3258 </a> 3259 </li><li> 3260 <a href="/collections/entrance-mats-made-to-measure" 3261 data-mm-source="type" 3262 data-mm-kind="item" 3263 data-mm-label="Made To Measure Door Mats" 3264 data-mm-parent="entrance-mats"> 3265 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/made-to-measure-entrance-mats-small.jpg?v=1686064949&width=100" alt="" width="40" height="40" loading="lazy"></span> 3266 <span class="fm-megamenu-mobile__label">Made To Measure Door Mats</span> 3267 </a> 3268 </li><li> 3269 <a href="/collections/heavy-duty-entrance-mats" 3270 data-mm-source="type" 3271 data-mm-kind="item" 3272 data-mm-label="Heavy Duty Entrance Mats" 3273 data-mm-parent="entrance-mats"> 3274 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Superdry_1.JPG?v=1637247428&width=100" alt="" width="40" height="40" loading="lazy"></span> 3275 <span class="fm-megamenu-mobile__label">Heavy Duty Entrance Mats</span> 3276 </a> 3277 </li><li> 3278 <a href="/collections/coir-matting" 3279 data-mm-source="type" 3280 data-mm-kind="item" 3281 data-mm-label="Coir Coconut Matting" 3282 data-mm-parent="entrance-mats">
3283 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/coir-matting-small.jpg?v=1678291216&width=100" alt="" width="40" height="40" loading="lazy"></span> 3284 <span class="fm-megamenu-mobile__label">Coir Coconut Matting</span> 3285 </a> 3286 </li><li> 3287 <a href="/collections/matwell-mats" 3288 data-mm-source="type" 3289 data-mm-kind="item" 3290 data-mm-label="Matwell Mats" 3291 data-mm-parent="entrance-mats"> 3292 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/matwell-tile-system.JPG?v=1637247721&width=100" alt="" width="40" height="40" loading="lazy"></span> 3293 <span class="fm-megamenu-mobile__label">Matwell Mats</span> 3294 </a> 3295 </li><li> 3296 <a href="/collections/entrance-mats-large-door-mats" 3297 data-mm-source="type" 3298 data-mm-kind="item" 3299 data-mm-label="Large Door Mats" 3300 data-mm-parent="entrance-mats"> 3301 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/large-entrance-mat-2.JPG?v=1734095281&width=100" alt="" width="40" height="40" loading="lazy"></span> 3302 <span class="fm-megamenu-mobile__label">Large Door Mats</span> 3303 </a> 3304 </li><li> 3305 <a href="/collections/barrier-matting" 3306 data-mm-source="type" 3307 data-mm-kind="item" 3308 data-mm-label="Barrier Mats" 3309 data-mm-parent="entrance-mats"> 3310 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/dust-control-barrier-mat.jpg?v=1637247822&width=100" alt="" width="40" height="40" loading="lazy"></span> 3311 <span class="fm-megamenu-mobile__label">Barrier Mats</span> 3312 </a> 3313 </li><li class="fm-megamenu-mobile__view-all"> 3314 <a href="/collections/entrance-mats" 3315 data-mm-source="type" 3316 data-mm-kind="view-all-link" 3317 data-mm-label="View all Entrance Mats" 3318 data-mm-parent="entrance-mats"> 3319 <span class="fm-megamenu-mobile__label">View all Entrance Mats</span> 3320 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3321 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3322 </svg> 3323 </a> 3324 </li></ul> 3325 </div> 3326 3327 </li> 3328 �<li class="mega-menu-hover"> 3329 <div class="main-link js-main-link"> 3330 <figure class="mobile-menu-images"> 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 <!-- Display custom image and exit the loop --> 3416 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/anti-fatigue-mats-home_100x.png?v=1704212073" class="custom-image" width="46" height="46" alt="Anti-Fatigue Mats" loading="lazy" /> 3417 3418 3419 3420 </figure> 3421 <div class="main_nav_desk"> 3422 <a href="/collections/industrial-mats-anti-fatigue" id="main_nav_parent"><span>Anti-Fatigue Mats</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 3423 </div> 3424 <div class="main_nav_mob"> 3425 <a href="/collections/industrial-mats-anti-fatigue" id="main_nav_parent"><span>Anti-Fatigue Mats</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
3426 viewBox="0 0 12 8" 3427 width="10" 3428 height="7" 3429 aria-hidden="true" 3430 3431 fill="none" 3432 stroke="currentColor" 3433 stroke-width="2" 3434 stroke-linecap="round" 3435 stroke-linejoin="round"> 3436 <path d="M1 1.5l5 5 5-5"/> 3437</svg> 3438 3439 </div> 3440 </div> 3441 <div class="mega-menu fm-megamenu" data-parent-handle="industrial-mats-anti-fatigue"> 3442 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 3443 <span class="fm-megamenu__heading">Featured</span><a href="/collections/industrial-mats-anti-fatigue" class="fm-megamenu__featured-media" 3444 data-mm-source="featured" 3445 data-mm-kind="hero-image" 3446 data-mm-label="Anti-Fatigue Mats" 3447 data-mm-parent="industrial-mats-anti-fatigue"> 3448 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Pebble.png?v=1769765026&width=480" 3449 alt="Anti-Fatigue Mats" 3450 width="320" height="200" loading="lazy"> 3451 </a><h3 class="fm-megamenu__featured-title">Anti-Fatigue Mats</h3><p class="fm-megamenu__featured-desc">Reduce fatigue, improve comfort, and boost productivity with our premium anti-fatigue mats.</p><ul class="fm-megamenu__featured-links"><li> 3452 <a href="/collections/industrial-mats-anti-fatigue" 3453 data-mm-source="featured" 3454 data-mm-kind="item" 3455 data-mm-label="Anti Fatigue Mats" 3456 data-mm-parent="industrial-mats-anti-fatigue"> 3457 <span>Anti Fatigue Mats</span> 3458 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3459 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3460 </svg> 3461 </a> 3462 </li><li> 3463 <a href="/collections/workshop-mats" 3464 data-mm-source="featured" 3465 data-mm-kind="item" 3466 data-mm-label="Workshop Floor Mats" 3467 data-mm-parent="industrial-mats-anti-fatigue"> 3468 <span>Workshop Floor Mats</span> 3469 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3470 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3471 </svg> 3472 </a> 3473 </li><li> 3474 <a href="/collections/industrial-mats-swarf" 3475 data-mm-source="featured" 3476 data-mm-kind="item" 3477 data-mm-label="Swarf Mats for Workshops" 3478 data-mm-parent="industrial-mats-anti-fatigue"> 3479 <span>Swarf Mats for Workshops</span> 3480 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3481 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3482 </svg> 3483 </a> 3484 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type"> 3485 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 3486 <a href="/collections/anti-fatigue-mat-rolls" 3487 data-mm-source="type" 3488 data-mm-kind="item" 3489 data-mm-label="Anti-Fatigue Mat Rolls" 3490 data-mm-parent="industrial-mats-anti-fatigue"> 3491 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Kumfi_Pebble_Black_Yellow_grande_b0be742b-791f-45f1-b6ed-3e645a5c9b90.jpg?v=1700562346&width=120" alt="" width="48" height="48" loading="lazy"></span>
3492 <span class="fm-megamenu__item-text">Anti-Fatigue Mat Rolls</span> 3493 </a> 3494 </li><li> 3495 <a href="/collections/custom-size-anti-fatigue-mats" 3496 data-mm-source="type" 3497 data-mm-kind="item" 3498 data-mm-label="Custom Size Anti-Fatigue Mats" 3499 data-mm-parent="industrial-mats-anti-fatigue"> 3500 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/AtEase-Low-Cost-Anti-Fatigue_509d1631-7a86-4621-90a3-83056c5d7cd5.jpg?v=1742381821&width=120" alt="" width="48" height="48" loading="lazy"></span> 3501 <span class="fm-megamenu__item-text">Custom Size Anti-Fatigue Mats</span> 3502 </a> 3503 </li><li> 3504 <a href="/collections/oil-resistant-anti-fatigue-mats" 3505 data-mm-source="type" 3506 data-mm-kind="item" 3507 data-mm-label="Oil Resistant Anti-Fatigue Mats" 3508 data-mm-parent="industrial-mats-anti-fatigue"> 3509 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Caterstep-Black-Anti-Fatigue-Swarf.jpg?v=1700746239&width=120" alt="" width="48" height="48" loading="lazy"></span> 3510 <span class="fm-megamenu__item-text">Oil Resistant Anti-Fatigue Mats</span> 3511 </a> 3512 </li><li> 3513 <a href="/collections/interlocking-anti-fatigue-mats" 3514 data-mm-source="type" 3515 data-mm-kind="item" 3516 data-mm-label="Interlocking Anti-Fatigue Mats" 3517 data-mm-parent="industrial-mats-anti-fatigue"> 3518 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/interlocking-anti-fatigue-mat.jpg?v=1700577073&width=120" alt="" width="48" height="48" loading="lazy"></span> 3519 <span class="fm-megamenu__item-text">Interlocking Anti-Fatigue Mats</span> 3520 </a> 3521 </li><li> 3522 <a href="/collections/assembly-line-matting" 3523 data-mm-source="type" 3524 data-mm-kind="item" 3525 data-mm-label="Assembly Line Matting" 3526 data-mm-parent="industrial-mats-anti-fatigue"> 3527 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/UltraToughHighWear-ResistantAssemblyLineMatting.jpg?v=1736512801&width=120" alt="" width="48" height="48" loading="lazy"></span> 3528 <span class="fm-megamenu__item-text">Assembly Line Matting</span> 3529 </a> 3530 </li><li> 3531 <a href="/collections/industrial-mats-anti-static-esd" 3532 data-mm-source="type" 3533 data-mm-kind="item" 3534 data-mm-label="Anti Static Mats" 3535 data-mm-parent="industrial-mats-anti-fatigue"> 3536 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Benchstat_Cat_Pic_2.JPG?v=1520341950&width=120" alt="" width="48" height="48" loading="lazy"></span> 3537 <span class="fm-megamenu__item-text">Anti Static Mats</span> 3538 </a> 3539 </li></ul><a href="/collections/industrial-mats-anti-fatigue" class="fm-megamenu__view-all" 3540 data-mm-source="type" 3541 data-mm-kind="view-all-link" 3542 data-mm-label="View all Anti-Fatigue Mats" 3543 data-mm-parent="industrial-mats-anti-fatigue"> 3544 View all Anti-Fatigue Mats 3545 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3546 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3547 </svg> 3548 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry">
3549 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 3550 <a href="/collections/assembly-line-matting" 3551 data-mm-source="industry" 3552 data-mm-kind="item" 3553 data-mm-label="Assembly Line Matting" 3554 data-mm-parent="industrial-mats-anti-fatigue"> 3555 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Assembly_line.png?v=1779268901&width=60" alt="" width="22" height="22" loading="lazy"></span> 3556 <span class="fm-megamenu__item-text">Assembly Line Matting</span> 3557 </a> 3558 </li><li> 3559 <a href="/collections/workshop-mats" 3560 data-mm-source="industry" 3561 data-mm-kind="item" 3562 data-mm-label="Workshop Floor Mats" 3563 data-mm-parent="industrial-mats-anti-fatigue"> 3564 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Workshop.png?v=1779268994&width=60" alt="" width="22" height="22" loading="lazy"></span> 3565 <span class="fm-megamenu__item-text">Workshop Floor Mats</span> 3566 </a> 3567 </li><li> 3568 <a href="/collections/kitchen-catering-mats" 3569 data-mm-source="industry" 3570 data-mm-kind="item" 3571 data-mm-label="Rubber Kitchen & Catering Mats" 3572 data-mm-parent="industrial-mats-anti-fatigue"> 3573 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Resturant.png?v=1779268674&width=60" alt="" width="22" height="22" loading="lazy"></span> 3574 <span class="fm-megamenu__item-text">Rubber Kitchen & Catering Mats</span> 3575 </a> 3576 </li><li> 3577 <a href="/collections/warehouse-floor-mats" 3578 data-mm-source="industry" 3579 data-mm-kind="item" 3580 data-mm-label="Warehouse Floor Mats" 3581 data-mm-parent="industrial-mats-anti-fatigue"> 3582 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Warehouse.png?v=1779269109&width=60" alt="" width="22" height="22" loading="lazy"></span> 3583 <span class="fm-megamenu__item-text">Warehouse Floor Mats</span> 3584 </a> 3585 </li></ul><a href="/collections/industrial-mats-anti-fatigue" class="fm-megamenu__view-all" 3586 data-mm-source="industry" 3587 data-mm-kind="view-all-link" 3588 data-mm-label="View all Industries" 3589 data-mm-parent="industrial-mats-anti-fatigue"> 3590 View all Industries 3591 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3592 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3593 </svg> 3594 </a></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 3595 <a href="/blogs/buying-guides/what-are-anti-fatigue-mats" 3596 data-mm-source="guides" 3597 data-mm-kind="item" 3598 data-mm-label="What Are Anti-Fatigue Mats?" 3599 data-mm-parent="industrial-mats-anti-fatigue"> 3600 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3601 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3602 <polyline points="14 3 14 9 20 9"/>
3603 <line x1="8" y1="10" x2="11" y2="10"/> 3604 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3605 <line x1="8" y1="17" x2="16" y2="17"/> 3606 </svg></span> 3607 <span class="fm-megamenu__item-text">What Are Anti-Fatigue Mats?</span> 3608 </a> 3609 </li><li> 3610 <a href="/blogs/buying-guides/the-best-anti-fatigue-mats-by-job-role" 3611 data-mm-source="guides" 3612 data-mm-kind="item" 3613 data-mm-label="The Best Anti-Fatigue Mats by Job Role" 3614 data-mm-parent="industrial-mats-anti-fatigue"> 3615 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3616 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3617 <polyline points="14 3 14 9 20 9"/> 3618 <line x1="8" y1="10" x2="11" y2="10"/> 3619 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3620 <line x1="8" y1="17" x2="16" y2="17"/> 3621 </svg></span> 3622 <span class="fm-megamenu__item-text">The Best Anti-Fatigue Mats by Job Role</span> 3623 </a> 3624 </li><li> 3625 <a href="/blogs/buying-guides/the-different-surface-textures-of-anti-fatigue-matting-explained-a-detailed-guide" 3626 data-mm-source="guides" 3627 data-mm-kind="item" 3628 data-mm-label="The Different Surfaces of Anti-Fatigue Matting Explained" 3629 data-mm-parent="industrial-mats-anti-fatigue"> 3630 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 3631 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 3632 <polyline points="14 3 14 9 20 9"/> 3633 <line x1="8" y1="10" x2="11" y2="10"/> 3634 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 3635 <line x1="8" y1="17" x2="16" y2="17"/> 3636 </svg></span> 3637 <span class="fm-megamenu__item-text">The Different Surfaces of Anti-Fatigue Matting Explained</span> 3638 </a> 3639 </li></ul><a href="https://www.firstmats.co.uk/collections/industrial-mats-anti-fatigue" class="fm-megamenu__viewall-card" 3640 data-mm-source="view-all" 3641 data-mm-kind="item" 3642 data-mm-label="View all Anti-Fatigue Mats" 3643 data-mm-parent="industrial-mats-anti-fatigue"> 3644 <span class="fm-megamenu__viewall-card-head"> 3645 <span class="fm-megamenu__viewall-card-title">View all Anti-Fatigue Mats</span> 3646 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 3647 <svg viewBox="0 0 16 16" width="14" height="14"> 3648 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3649 </svg> 3650 </span> 3651 </span><span class="fm-megamenu__viewall-card-desc">Browse our full range of Industrial Anti-Fatigue Mats</span></a></div></div> 3652 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="industrial-mats-anti-fatigue"> 3653 <ul class="fm-megamenu-mobile__list"><li> 3654 <a href="/collections/anti-fatigue-mat-rolls" 3655 data-mm-source="type" 3656 data-mm-kind="item" 3657 data-mm-label="Anti-Fatigue Mat Rolls" 3658 data-mm-parent="industrial-mats-anti-fatigue">
3659 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Kumfi_Pebble_Black_Yellow_grande_b0be742b-791f-45f1-b6ed-3e645a5c9b90.jpg?v=1700562346&width=100" alt="" width="40" height="40" loading="lazy"></span> 3660 <span class="fm-megamenu-mobile__label">Anti-Fatigue Mat Rolls</span> 3661 </a> 3662 </li><li> 3663 <a href="/collections/custom-size-anti-fatigue-mats" 3664 data-mm-source="type" 3665 data-mm-kind="item" 3666 data-mm-label="Custom Size Anti-Fatigue Mats" 3667 data-mm-parent="industrial-mats-anti-fatigue"> 3668 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/AtEase-Low-Cost-Anti-Fatigue_509d1631-7a86-4621-90a3-83056c5d7cd5.jpg?v=1742381821&width=100" alt="" width="40" height="40" loading="lazy"></span> 3669 <span class="fm-megamenu-mobile__label">Custom Size Anti-Fatigue Mats</span> 3670 </a> 3671 </li><li> 3672 <a href="/collections/oil-resistant-anti-fatigue-mats" 3673 data-mm-source="type" 3674 data-mm-kind="item" 3675 data-mm-label="Oil Resistant Anti-Fatigue Mats" 3676 data-mm-parent="industrial-mats-anti-fatigue"> 3677 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Caterstep-Black-Anti-Fatigue-Swarf.jpg?v=1700746239&width=100" alt="" width="40" height="40" loading="lazy"></span> 3678 <span class="fm-megamenu-mobile__label">Oil Resistant Anti-Fatigue Mats</span> 3679 </a> 3680 </li><li> 3681 <a href="/collections/interlocking-anti-fatigue-mats" 3682 data-mm-source="type" 3683 data-mm-kind="item" 3684 data-mm-label="Interlocking Anti-Fatigue Mats" 3685 data-mm-parent="industrial-mats-anti-fatigue"> 3686 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/interlocking-anti-fatigue-mat.jpg?v=1700577073&width=100" alt="" width="40" height="40" loading="lazy"></span> 3687 <span class="fm-megamenu-mobile__label">Interlocking Anti-Fatigue Mats</span> 3688 </a> 3689 </li><li> 3690 <a href="/collections/assembly-line-matting" 3691 data-mm-source="type" 3692 data-mm-kind="item" 3693 data-mm-label="Assembly Line Matting" 3694 data-mm-parent="industrial-mats-anti-fatigue"> 3695 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/UltraToughHighWear-ResistantAssemblyLineMatting.jpg?v=1736512801&width=100" alt="" width="40" height="40" loading="lazy"></span> 3696 <span class="fm-megamenu-mobile__label">Assembly Line Matting</span> 3697 </a> 3698 </li><li> 3699 <a href="/collections/industrial-mats-anti-static-esd" 3700 data-mm-source="type" 3701 data-mm-kind="item" 3702 data-mm-label="Anti Static Mats" 3703 data-mm-parent="industrial-mats-anti-fatigue"> 3704 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Benchstat_Cat_Pic_2.JPG?v=1520341950&width=100" alt="" width="40" height="40" loading="lazy"></span> 3705 <span class="fm-megamenu-mobile__label">Anti Static Mats</span> 3706 </a> 3707 </li><li class="fm-megamenu-mobile__view-all"> 3708 <a href="/collections/industrial-mats-anti-fatigue" 3709 data-mm-source="type" 3710 data-mm-kind="view-all-link" 3711 data-mm-label="View all Anti-Fatigue Mats" 3712 data-mm-parent="industrial-mats-anti-fatigue"> 3713 <span class="fm-megamenu-mobile__label">View all Anti-Fatigue Mats</span> 3714 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3715 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3716 </svg> 3717 </a> 3718 </li></ul> 3719 </div> 3720 3721 </li> 3722 �<li class="mega-menu-hover"> 3723 <div class="main-link js-main-link"> 3724 <figure class="mobile-menu-images"> 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 <!-- Display custom image and exit the loop --> 3814 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Rubber_Matting_Thumb_Image_100x.png?v=1737385977" class="custom-image" width="46" height="46" alt="Rubber Matting" loading="lazy" /> 3815 3816 3817 3818 </figure> 3819 <div class="main_nav_desk"> 3820 <a href="/collections/rubber-mats" id="main_nav_parent"><span>Rubber Matting</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 3821 </div> 3822 <div class="main_nav_mob"> 3823 <a href="/collections/rubber-mats" id="main_nav_parent"><span>Rubber Matting</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
3824 viewBox="0 0 12 8" 3825 width="10" 3826 height="7" 3827 aria-hidden="true" 3828 3829 fill="none" 3830 stroke="currentColor" 3831 stroke-width="2" 3832 stroke-linecap="round" 3833 stroke-linejoin="round"> 3834 <path d="M1 1.5l5 5 5-5"/> 3835</svg> 3836 3837 </div> 3838 </div> 3839 <div class="mega-menu fm-megamenu" data-parent-handle="rubber-mats"> 3840 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 3841 <span class="fm-megamenu__heading">Featured</span><a href="/collections/rubber-mats" class="fm-megamenu__featured-media" 3842 data-mm-source="featured" 3843 data-mm-kind="hero-image" 3844 data-mm-label="Rubber Sheet & Matting" 3845 data-mm-parent="rubber-mats"> 3846 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/EntraGuardRubberDoorMatwithHolesInSitu_2_9748722e-71e5-495b-881e-74716a4239c7.png?v=1737973440&width=480" 3847 alt="Rubber Sheet & Matting" 3848 width="320" height="200" loading="lazy"> 3849 </a><h3 class="fm-megamenu__featured-title">Rubber Sheet & Matting</h3><p class="fm-megamenu__featured-desc">Durable rubber mats for workplaces, homes, and more, including comfortable anti-fatigue mats and custom-cut rubber sheeting.</p><ul class="fm-megamenu__featured-links"><li> 3850 <a href="/collections/mud-control-mats" 3851 data-mm-source="featured" 3852 data-mm-kind="item" 3853 data-mm-label="Mud Control Mats" 3854 data-mm-parent="rubber-mats"> 3855 <span>Mud Control Mats</span> 3856 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3857 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3858 </svg> 3859 </a> 3860 </li><li> 3861 <a href="/collections/entrance-mats-outdoor" 3862 data-mm-source="featured" 3863 data-mm-kind="item" 3864 data-mm-label="Outdoor Rubber Door Mats" 3865 data-mm-parent="rubber-mats"> 3866 <span>Outdoor Rubber Door Mats</span> 3867 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3868 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3869 </svg> 3870 </a> 3871 </li><li> 3872 <a href="/collections/workshop-mats" 3873 data-mm-source="featured" 3874 data-mm-kind="item" 3875 data-mm-label="Workshop Floor Mats" 3876 data-mm-parent="rubber-mats"> 3877 <span>Workshop Floor Mats</span> 3878 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3879 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3880 </svg> 3881 </a> 3882 </li><li> 3883 <a href="/collections/rubber-sheeting" 3884 data-mm-source="featured" 3885 data-mm-kind="item" 3886 data-mm-label="Rubber Sheet" 3887 data-mm-parent="rubber-mats"> 3888 <span>Rubber Sheet</span> 3889 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3890 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3891 </svg> 3892 </a> 3893 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type">
3894 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 3895 <a href="/collections/entrance-mats-outdoor" 3896 data-mm-source="type" 3897 data-mm-kind="item" 3898 data-mm-label="Outdoor Rubber Door Mats" 3899 data-mm-parent="rubber-mats"> 3900 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Cobascrape_1.jpg?v=1700746521&width=120" alt="" width="48" height="48" loading="lazy"></span> 3901 <span class="fm-megamenu__item-text">Outdoor Rubber Door Mats</span> 3902 </a> 3903 </li><li> 3904 <a href="/collections/rubber-sheeting" 3905 data-mm-source="type" 3906 data-mm-kind="item" 3907 data-mm-label="Rubber Sheet" 3908 data-mm-parent="rubber-mats"> 3909 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/06_Commercial_Nitrile_Rubber.JPG?v=1513783791&width=120" alt="" width="48" height="48" loading="lazy"></span> 3910 <span class="fm-megamenu__item-text">Rubber Sheet</span> 3911 </a> 3912 </li><li> 3913 <a href="/collections/industrial-mats-swarf" 3914 data-mm-source="type" 3915 data-mm-kind="item" 3916 data-mm-label="Swarf Mats for Workshops" 3917 data-mm-parent="rubber-mats"> 3918 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/swarf-mat.jpg?v=1520525955&width=120" alt="" width="48" height="48" loading="lazy"></span> 3919 <span class="fm-megamenu__item-text">Swarf Mats for Workshops</span> 3920 </a> 3921 </li><li> 3922 <a href="/collections/ground-protection-mats" 3923 data-mm-source="type" 3924 data-mm-kind="item" 3925 data-mm-label="Ground Protection Mats" 3926 data-mm-parent="rubber-mats"> 3927 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/hd-temporary-car-park-mat-tile-4.jpg?v=1765885758&width=120" alt="" width="48" height="48" loading="lazy"></span> 3928 <span class="fm-megamenu__item-text">Ground Protection Mats</span> 3929 </a> 3930 </li><li> 3931 <a href="/collections/leisure-mats-gym" 3932 data-mm-source="type" 3933 data-mm-kind="item" 3934 data-mm-label="Rubber Gym Mats" 3935 data-mm-parent="rubber-mats"> 3936 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Cat_Corner.JPG?v=1520342471&width=120" alt="" width="48" height="48" loading="lazy"></span> 3937 <span class="fm-megamenu__item-text">Rubber Gym Mats</span> 3938 </a> 3939 </li><li> 3940 <a href="/collections/rubber-decking-mats" 3941 data-mm-source="type" 3942 data-mm-kind="item" 3943 data-mm-label="Rubber Decking Mats" 3944 data-mm-parent="rubber-mats"> 3945 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/rubber-decking-mat.jpg?v=1701083146&width=120" alt="" width="48" height="48" loading="lazy"></span>
3946 <span class="fm-megamenu__item-text">Rubber Decking Mats</span> 3947 </a> 3948 </li><li> 3949 <a href="/collections/industrial-non-slip-mats" 3950 data-mm-source="type" 3951 data-mm-kind="item" 3952 data-mm-label="Non-Slip Rubber Mats" 3953 data-mm-parent="rubber-mats"> 3954 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/anti-slip-matting.jpg?v=1567687037&width=120" alt="" width="48" height="48" loading="lazy"></span> 3955 <span class="fm-megamenu__item-text">Non-Slip Rubber Mats</span> 3956 </a> 3957 </li><li> 3958 <a href="/collections/interlocking-anti-fatigue-mats" 3959 data-mm-source="type" 3960 data-mm-kind="item" 3961 data-mm-label="Interlocking Anti-Fatigue Mats" 3962 data-mm-parent="rubber-mats"> 3963 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/interlocking-anti-fatigue-mat.jpg?v=1700577073&width=120" alt="" width="48" height="48" loading="lazy"></span> 3964 <span class="fm-megamenu__item-text">Interlocking Anti-Fatigue Mats</span> 3965 </a> 3966 </li><li> 3967 <a href="/collections/playground-mats" 3968 data-mm-source="type" 3969 data-mm-kind="item" 3970 data-mm-label="Rubber Playground Mats" 3971 data-mm-parent="rubber-mats"> 3972 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Ringmat_4.JPG?v=1520342519&width=120" alt="" width="48" height="48" loading="lazy"></span> 3973 <span class="fm-megamenu__item-text">Rubber Playground Mats</span> 3974 </a> 3975 </li></ul><a href="/collections/rubber-mats" class="fm-megamenu__view-all" 3976 data-mm-source="type" 3977 data-mm-kind="view-all-link" 3978 data-mm-label="View all Rubber Matting" 3979 data-mm-parent="rubber-mats"> 3980 View all Rubber Matting 3981 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 3982 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 3983 </svg> 3984 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry"> 3985 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 3986 <a href="/collections/warehouse-equipment" 3987 data-mm-source="industry" 3988 data-mm-kind="item" 3989 data-mm-label="Warehouse Equipment" 3990 data-mm-parent="rubber-mats"> 3991 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Warehouse.png?v=1779269109&width=60" alt="" width="22" height="22" loading="lazy"></span> 3992 <span class="fm-megamenu__item-text">Warehouse Equipment</span> 3993 </a> 3994 </li><li> 3995 <a href="/collections/farm-mats-and-equipment" 3996 data-mm-source="industry" 3997 data-mm-kind="item" 3998 data-mm-label="Agricultural Floor Mats" 3999 data-mm-parent="rubber-mats"> 4000 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Agricultural.png?v=1779269239&width=60" alt="" width="22" height="22" loading="lazy"></span>
4001 <span class="fm-megamenu__item-text">Agricultural Floor Mats</span> 4002 </a> 4003 </li><li> 4004 <a href="/collections/leisure-mats" 4005 data-mm-source="industry" 4006 data-mm-kind="item" 4007 data-mm-label="Leisure Matting" 4008 data-mm-parent="rubber-mats"> 4009 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Leisure.png?v=1779269331&width=60" alt="" width="22" height="22" loading="lazy"></span> 4010 <span class="fm-megamenu__item-text">Leisure Matting</span> 4011 </a> 4012 </li><li> 4013 <a href="/collections/construction-site-matting" 4014 data-mm-source="industry" 4015 data-mm-kind="item" 4016 data-mm-label="Construction Site Matting" 4017 data-mm-parent="rubber-mats"> 4018 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Construction_2.png?v=1779269459&width=60" alt="" width="22" height="22" loading="lazy"></span> 4019 <span class="fm-megamenu__item-text">Construction Site Matting</span> 4020 </a> 4021 </li><li> 4022 <a href="/collections/ground-protection-mats" 4023 data-mm-source="industry" 4024 data-mm-kind="item" 4025 data-mm-label="Ground Protection Mats" 4026 data-mm-parent="rubber-mats"> 4027 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Ground_Protection.png?v=1779269594&width=60" alt="" width="22" height="22" loading="lazy"></span> 4028 <span class="fm-megamenu__item-text">Ground Protection Mats</span> 4029 </a> 4030 </li><li> 4031 <a href="/collections/event-floor-mats" 4032 data-mm-source="industry" 4033 data-mm-kind="item" 4034 data-mm-label="Outdoor Event & Festival Mats" 4035 data-mm-parent="rubber-mats"> 4036 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Outdoor_Events.png?v=1779269727&width=60" alt="" width="22" height="22" loading="lazy"></span> 4037 <span class="fm-megamenu__item-text">Outdoor Event & Festival Mats</span> 4038 </a> 4039 </li></ul><a href="/collections/rubber-mats" class="fm-megamenu__view-all" 4040 data-mm-source="industry" 4041 data-mm-kind="view-all-link" 4042 data-mm-label="View all Industries" 4043 data-mm-parent="rubber-mats"> 4044 View all Industries 4045 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4046 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4047 </svg> 4048 </a></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 4049 <a href="/blogs/buying-guides/the-benefits-of-rubber-mats-in-commercial-kitchens" 4050 data-mm-source="guides" 4051 data-mm-kind="item" 4052 data-mm-label="The Benefits of Rubber Mats in Commercial Kitchens" 4053 data-mm-parent="rubber-mats"> 4054 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4055 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4056 <polyline points="14 3 14 9 20 9"/>
4057 <line x1="8" y1="10" x2="11" y2="10"/> 4058 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4059 <line x1="8" y1="17" x2="16" y2="17"/> 4060 </svg></span> 4061 <span class="fm-megamenu__item-text">The Benefits of Rubber Mats in Commercial Kitchens</span> 4062 </a> 4063 </li><li> 4064 <a href="/blogs/buying-guides/which-floor-mats-can-you-use-outdoors" 4065 data-mm-source="guides" 4066 data-mm-kind="item" 4067 data-mm-label="Which Floor Mats Can You Use Outdoors?" 4068 data-mm-parent="rubber-mats"> 4069 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4070 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4071 <polyline points="14 3 14 9 20 9"/> 4072 <line x1="8" y1="10" x2="11" y2="10"/> 4073 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4074 <line x1="8" y1="17" x2="16" y2="17"/> 4075 </svg></span> 4076 <span class="fm-megamenu__item-text">Which Floor Mats Can You Use Outdoors?</span> 4077 </a> 4078 </li><li> 4079 <a href="/blogs/buying-guides/what-are-swarf-mats" 4080 data-mm-source="guides" 4081 data-mm-kind="item" 4082 data-mm-label="What are Swarf Mats?" 4083 data-mm-parent="rubber-mats"> 4084 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4085 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4086 <polyline points="14 3 14 9 20 9"/> 4087 <line x1="8" y1="10" x2="11" y2="10"/> 4088 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4089 <line x1="8" y1="17" x2="16" y2="17"/> 4090 </svg></span> 4091 <span class="fm-megamenu__item-text">What are Swarf Mats?</span> 4092 </a> 4093 </li><li> 4094 <a href="/blogs/buying-guides/what-are-anti-fatigue-mats" 4095 data-mm-source="guides" 4096 data-mm-kind="item" 4097 data-mm-label="What Are Anti-Fatigue Mats?" 4098 data-mm-parent="rubber-mats"> 4099 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4100 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4101 <polyline points="14 3 14 9 20 9"/> 4102 <line x1="8" y1="10" x2="11" y2="10"/> 4103 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4104 <line x1="8" y1="17" x2="16" y2="17"/> 4105 </svg></span> 4106 <span class="fm-megamenu__item-text">What Are Anti-Fatigue Mats?</span> 4107 </a> 4108 </li><li> 4109 <a href="/blogs/buying-guides/top-10-uses-for-rubber-matting" 4110 data-mm-source="guides" 4111 data-mm-kind="item" 4112 data-mm-label="Top 10 Uses for Rubber Matting" 4113 data-mm-parent="rubber-mats"> 4114 <span class="fm-megamenu__icon">
4114<svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4115 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4116 <polyline points="14 3 14 9 20 9"/> 4117 <line x1="8" y1="10" x2="11" y2="10"/> 4118 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4119 <line x1="8" y1="17" x2="16" y2="17"/> 4120 </svg></span> 4121 <span class="fm-megamenu__item-text">Top 10 Uses for Rubber Matting</span> 4122 </a> 4123 </li><li> 4124 <a href="/blogs/buying-guides/rubber-sheet-types-and-applications" 4125 data-mm-source="guides" 4126 data-mm-kind="item" 4127 data-mm-label="Rubber Sheet Types Explained: How to Choose the Right Grade for Seals, Outdoor Use and General Industrial Jobs" 4128 data-mm-parent="rubber-mats"> 4129 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4130 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4131 <polyline points="14 3 14 9 20 9"/> 4132 <line x1="8" y1="10" x2="11" y2="10"/> 4133 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4134 <line x1="8" y1="17" x2="16" y2="17"/> 4135 </svg></span> 4136 <span class="fm-megamenu__item-text">Rubber Sheet Types Explained: How to Choose the Right Grade for Seals, Outdoor Use and General Industrial Jobs</span> 4137 </a> 4138 </li></ul><a href="https://www.firstmats.co.uk/collections/rubber-mats" class="fm-megamenu__viewall-card" 4139 data-mm-source="view-all" 4140 data-mm-kind="item" 4141 data-mm-label="View all Rubber Matting" 4142 data-mm-parent="rubber-mats"> 4143 <span class="fm-megamenu__viewall-card-head"> 4144 <span class="fm-megamenu__viewall-card-title">View all Rubber Matting</span> 4145 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 4146 <svg viewBox="0 0 16 16" width="14" height="14"> 4147 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4148 </svg> 4149 </span> 4150 </span></a></div></div> 4151 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="rubber-mats"> 4152 <ul class="fm-megamenu-mobile__list"><li> 4153 <a href="/collections/entrance-mats-outdoor" 4154 data-mm-source="type" 4155 data-mm-kind="item" 4156 data-mm-label="Outdoor Rubber Door Mats" 4157 data-mm-parent="rubber-mats"> 4158 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Cobascrape_1.jpg?v=1700746521&width=100" alt="" width="40" height="40" loading="lazy"></span> 4159 <span class="fm-megamenu-mobile__label">Outdoor Rubber Door Mats</span> 4160 </a> 4161 </li><li> 4162 <a href="/collections/rubber-sheeting" 4163 data-mm-source="type" 4164 data-mm-kind="item" 4165 data-mm-label="Rubber Sheet" 4166 data-mm-parent="rubber-mats"> 4167 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/06_Commercial_Nitrile_Rubber.JPG?v=1513783791&width=100" alt="" width="40" height="40" loading="lazy"></span> 4168 <span class="fm-megamenu-mobile__label">Rubber Sheet</span> 4169 </a> 4170 </li><li> 4171 <a href="/collections/industrial-mats-swarf" 4172 data-mm-source="type" 4173 data-mm-kind="item" 4174 data-mm-label="Swarf Mats for Workshops" 4175 data-mm-parent="rubber-mats">
4176 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/swarf-mat.jpg?v=1520525955&width=100" alt="" width="40" height="40" loading="lazy"></span> 4177 <span class="fm-megamenu-mobile__label">Swarf Mats for Workshops</span> 4178 </a> 4179 </li><li> 4180 <a href="/collections/ground-protection-mats" 4181 data-mm-source="type" 4182 data-mm-kind="item" 4183 data-mm-label="Ground Protection Mats" 4184 data-mm-parent="rubber-mats"> 4185 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/hd-temporary-car-park-mat-tile-4.jpg?v=1765885758&width=100" alt="" width="40" height="40" loading="lazy"></span> 4186 <span class="fm-megamenu-mobile__label">Ground Protection Mats</span> 4187 </a> 4188 </li><li> 4189 <a href="/collections/leisure-mats-gym" 4190 data-mm-source="type" 4191 data-mm-kind="item" 4192 data-mm-label="Rubber Gym Mats" 4193 data-mm-parent="rubber-mats"> 4194 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Cat_Corner.JPG?v=1520342471&width=100" alt="" width="40" height="40" loading="lazy"></span> 4195 <span class="fm-megamenu-mobile__label">Rubber Gym Mats</span> 4196 </a> 4197 </li><li> 4198 <a href="/collections/rubber-decking-mats" 4199 data-mm-source="type" 4200 data-mm-kind="item" 4201 data-mm-label="Rubber Decking Mats" 4202 data-mm-parent="rubber-mats"> 4203 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/rubber-decking-mat.jpg?v=1701083146&width=100" alt="" width="40" height="40" loading="lazy"></span> 4204 <span class="fm-megamenu-mobile__label">Rubber Decking Mats</span> 4205 </a> 4206 </li><li> 4207 <a href="/collections/industrial-non-slip-mats" 4208 data-mm-source="type" 4209 data-mm-kind="item" 4210 data-mm-label="Non-Slip Rubber Mats" 4211 data-mm-parent="rubber-mats"> 4212 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/anti-slip-matting.jpg?v=1567687037&width=100" alt="" width="40" height="40" loading="lazy"></span> 4213 <span class="fm-megamenu-mobile__label">Non-Slip Rubber Mats</span> 4214 </a> 4215 </li><li> 4216 <a href="/collections/interlocking-anti-fatigue-mats" 4217 data-mm-source="type" 4218 data-mm-kind="item" 4219 data-mm-label="Interlocking Anti-Fatigue Mats" 4220 data-mm-parent="rubber-mats"> 4221 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/interlocking-anti-fatigue-mat.jpg?v=1700577073&width=100" alt="" width="40" height="40" loading="lazy"></span> 4222 <span class="fm-megamenu-mobile__label">Interlocking Anti-Fatigue Mats</span> 4223 </a> 4224 </li><li> 4225 <a href="/collections/playground-mats" 4226 data-mm-source="type" 4227 data-mm-kind="item" 4228 data-mm-label="Rubber Playground Mats" 4229 data-mm-parent="rubber-mats"> 4230 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Ringmat_4.JPG?v=1520342519&width=100" alt="" width="40" height="40" loading="lazy"></span> 4231 <span class="fm-megamenu-mobile__label">Rubber Playground Mats</span> 4232 </a> 4233 </li><li class="fm-megamenu-mobile__view-all"> 4234 <a href="/collections/rubber-mats" 4235 data-mm-source="type" 4236 data-mm-kind="view-all-link" 4237 data-mm-label="View all Rubber Matting" 4238 data-mm-parent="rubber-mats"> 4239 <span class="fm-megamenu-mobile__label">View all Rubber Matting</span> 4240 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4241 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4242 </svg> 4243 </a> 4244 </li></ul> 4245 </div> 4246 4247 </li> 4248 �<li class="mega-menu-hover"> 4249 <div class="main-link js-main-link"> 4250 <figure class="mobile-menu-images"> 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/data-centre-tacky-mat-w-1_100x.jpg?v=1778763276" class="collection-image" width="46" height="46" alt="Specialist Matting" loading="lazy" /> 4262 4263 4264 4265 4266 4267 </figure> 4268 <div class="main_nav_desk"> 4269 <a href="/collections/specialist-matting" id="main_nav_parent"><span>Tacky & Specialist Matting</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 4270 </div> 4271 <div class="main_nav_mob"> 4272 <a href="/collections/specialist-matting" id="main_nav_parent"><span>Tacky & Specialist Matting</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
4273 viewBox="0 0 12 8" 4274 width="10" 4275 height="7" 4276 aria-hidden="true" 4277 4278 fill="none" 4279 stroke="currentColor" 4280 stroke-width="2" 4281 stroke-linecap="round" 4282 stroke-linejoin="round"> 4283 <path d="M1 1.5l5 5 5-5"/> 4284</svg> 4285 4286 </div> 4287 </div> 4288 <div class="mega-menu fm-megamenu" data-parent-handle="specialist-matting"> 4289 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 4290 <span class="fm-megamenu__heading">Featured</span><a href="/collections/specialist-matting" class="fm-megamenu__featured-media" 4291 data-mm-source="featured" 4292 data-mm-kind="hero-image" 4293 data-mm-label="Specialist Matting" 4294 data-mm-parent="specialist-matting"> 4295 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/data-centre-tacky-mat-w-1.jpg?v=1766070788&width=480" 4296 alt="Specialist Matting" 4297 width="320" height="200" loading="lazy"> 4298 </a><h3 class="fm-megamenu__featured-title">Specialist Matting</h3><p class="fm-megamenu__featured-desc">Beyond the entrance, First Mats provides a wide range of specialist matting; including tacky mats, leisure matting, and anti-slip products.</p><ul class="fm-megamenu__featured-links"><li> 4299 <a href="/collections/tacky-mats" 4300 data-mm-source="featured" 4301 data-mm-kind="item" 4302 data-mm-label="Tacky Mats" 4303 data-mm-parent="specialist-matting"> 4304 <span>Tacky Mats</span> 4305 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4306 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4307 </svg> 4308 </a> 4309 </li><li> 4310 <a href="/collections/swimming-pool-mats" 4311 data-mm-source="featured" 4312 data-mm-kind="item" 4313 data-mm-label="Swimming Pool Mats" 4314 data-mm-parent="specialist-matting"> 4315 <span>Swimming Pool Mats</span> 4316 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4317 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4318 </svg> 4319 </a> 4320 </li><li> 4321 <a href="/collections/self-healing-cutting-mats" 4322 data-mm-source="featured" 4323 data-mm-kind="item" 4324 data-mm-label="Large Self Healing Cutting Mats" 4325 data-mm-parent="specialist-matting"> 4326 <span>Large Self Healing Cutting Mats</span> 4327 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4328 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4329 </svg> 4330 </a> 4331 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type"> 4332 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 4333 <a href="/collections/tacky-mats" 4334 data-mm-source="type" 4335 data-mm-kind="item" 4336 data-mm-label="Tacky Mats" 4337 data-mm-parent="specialist-matting"> 4338 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/tacky-mats-white.jpg?v=1526475129&width=120" alt="" width="48" height="48" loading="lazy"></span>
4339 <span class="fm-megamenu__item-text">Tacky Mats</span> 4340 </a> 4341 </li><li> 4342 <a href="/collections/self-healing-cutting-mats" 4343 data-mm-source="type" 4344 data-mm-kind="item" 4345 data-mm-label="Large Self Healing Cutting Mats" 4346 data-mm-parent="specialist-matting"> 4347 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/green-cutting-mat-1.jpg?v=1642769459&width=120" alt="" width="48" height="48" loading="lazy"></span> 4348 <span class="fm-megamenu__item-text">Large Self Healing Cutting Mats</span> 4349 </a> 4350 </li><li> 4351 <a href="/collections/floor-grip-and-safety" 4352 data-mm-source="type" 4353 data-mm-kind="item" 4354 data-mm-label="GRP Nosing and Flooring" 4355 data-mm-parent="specialist-matting"> 4356 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/22_Gripfoot_Hazzard.jpg?v=1516188992&width=120" alt="" width="48" height="48" loading="lazy"></span> 4357 <span class="fm-megamenu__item-text">GRP Nosing and Flooring</span> 4358 </a> 4359 </li><li> 4360 <a href="/collections/caravan-motorhome-mats" 4361 data-mm-source="type" 4362 data-mm-kind="item" 4363 data-mm-label="Caravan & Motorhome Mats" 4364 data-mm-parent="specialist-matting"> 4365 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Premier-Plush-Slate-Grey-Trevor-Adams.jpg?v=1764587922&width=120" alt="" width="48" height="48" loading="lazy"></span> 4366 <span class="fm-megamenu__item-text">Caravan & Motorhome Mats</span> 4367 </a> 4368 </li><li> 4369 <a href="/collections/garage-floor-mats" 4370 data-mm-source="type" 4371 data-mm-kind="item" 4372 data-mm-label="Garage Floor Mats" 4373 data-mm-parent="specialist-matting"> 4374 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/11_Tough-Lock_Eco_Garage.jpg?v=1764866231&width=120" alt="" width="48" height="48" loading="lazy"></span> 4375 <span class="fm-megamenu__item-text">Garage Floor Mats</span> 4376 </a> 4377 </li><li> 4378 <a href="/collections/temporary-car-park-mats" 4379 data-mm-source="type" 4380 data-mm-kind="item" 4381 data-mm-label="Temporary Car Park Mats" 4382 data-mm-parent="specialist-matting"> 4383 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/GroundProtectTile_4.png?v=1764598050&width=120" alt="" width="48" height="48" loading="lazy"></span> 4384 <span class="fm-megamenu__item-text">Temporary Car Park Mats</span> 4385 </a> 4386 </li><li> 4387 <a href="/collections/mud-control-mats" 4388 data-mm-source="type" 4389 data-mm-kind="item" 4390 data-mm-label="Mud Control Mats" 4391 data-mm-parent="specialist-matting"> 4392 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/mud-control-mat-1_1.jpg?v=1718797664&width=120" alt="" width="48" height="48" loading="lazy"></span>
4393 <span class="fm-megamenu__item-text">Mud Control Mats</span> 4394 </a> 4395 </li><li> 4396 <a href="/collections/industrial-mats-anti-static-esd" 4397 data-mm-source="type" 4398 data-mm-kind="item" 4399 data-mm-label="Anti Static Mats" 4400 data-mm-parent="specialist-matting"> 4401 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Benchstat_Cat_Pic_2.JPG?v=1520341950&width=120" alt="" width="48" height="48" loading="lazy"></span> 4402 <span class="fm-megamenu__item-text">Anti Static Mats</span> 4403 </a> 4404 </li></ul><a href="/collections/specialist-matting" class="fm-megamenu__view-all" 4405 data-mm-source="type" 4406 data-mm-kind="view-all-link" 4407 data-mm-label="View all Specialist Matting" 4408 data-mm-parent="specialist-matting"> 4409 View all Specialist Matting 4410 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4411 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4412 </svg> 4413 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry"> 4414 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 4415 <a href="/collections/school-mats" 4416 data-mm-source="industry" 4417 data-mm-kind="item" 4418 data-mm-label="School Mats" 4419 data-mm-parent="specialist-matting"> 4420 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/School.png?v=1779268627&width=60" alt="" width="22" height="22" loading="lazy"></span> 4421 <span class="fm-megamenu__item-text">School Mats</span> 4422 </a> 4423 </li><li> 4424 <a href="/collections/hotel-entrance-mats" 4425 data-mm-source="industry" 4426 data-mm-kind="item" 4427 data-mm-label="Hotel Entrance Mats" 4428 data-mm-parent="specialist-matting"> 4429 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Hotel_1.png?v=1779268798&width=60" alt="" width="22" height="22" loading="lazy"></span> 4430 <span class="fm-megamenu__item-text">Hotel Entrance Mats</span> 4431 </a> 4432 </li><li> 4433 <a href="/collections/warehouse-floor-mats" 4434 data-mm-source="industry" 4435 data-mm-kind="item" 4436 data-mm-label="Warehouse Floor Mats" 4437 data-mm-parent="specialist-matting"> 4438 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Warehouse.png?v=1779269109&width=60" alt="" width="22" height="22" loading="lazy"></span> 4439 <span class="fm-megamenu__item-text">Warehouse Floor Mats</span> 4440 </a> 4441 </li><li> 4442 <a href="/collections/retail-shop-mats" 4443 data-mm-source="industry" 4444 data-mm-kind="item" 4445 data-mm-label="Retail and Shop Floor Mats" 4446 data-mm-parent="specialist-matting"> 4447 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Retail.png?v=1779268251&width=60" alt="" width="22" height="22" loading="lazy"></span>
4448 <span class="fm-megamenu__item-text">Retail and Shop Floor Mats</span> 4449 </a> 4450 </li><li> 4451 <a href="/collections/farm-mats-and-equipment" 4452 data-mm-source="industry" 4453 data-mm-kind="item" 4454 data-mm-label="Agricultural Floor Mats" 4455 data-mm-parent="specialist-matting"> 4456 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Agricultural.png?v=1779269239&width=60" alt="" width="22" height="22" loading="lazy"></span> 4457 <span class="fm-megamenu__item-text">Agricultural Floor Mats</span> 4458 </a> 4459 </li><li> 4460 <a href="/collections/sports-club-matting" 4461 data-mm-source="industry" 4462 data-mm-kind="item" 4463 data-mm-label="Sports & Social Club Matting" 4464 data-mm-parent="specialist-matting"> 4465 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Sports_club.png?v=1779270106&width=60" alt="" width="22" height="22" loading="lazy"></span> 4466 <span class="fm-megamenu__item-text">Sports & Social Club Matting</span> 4467 </a> 4468 </li><li> 4469 <a href="/collections/hospital-medical-mats" 4470 data-mm-source="industry" 4471 data-mm-kind="item" 4472 data-mm-label="Hospital & Medical Mats" 4473 data-mm-parent="specialist-matting"> 4474 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Hospital_e79dc731-c7cd-4fda-b073-71beb3b66f86.png?v=1779269981&width=60" alt="" width="22" height="22" loading="lazy"></span> 4475 <span class="fm-megamenu__item-text">Hospital & Medical Mats</span> 4476 </a> 4477 </li><li> 4478 <a href="/collections/construction-site-matting" 4479 data-mm-source="industry" 4480 data-mm-kind="item" 4481 data-mm-label="Construction Site Matting" 4482 data-mm-parent="specialist-matting"> 4483 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Construction_2.png?v=1779269459&width=60" alt="" width="22" height="22" loading="lazy"></span> 4484 <span class="fm-megamenu__item-text">Construction Site Matting</span> 4485 </a> 4486 </li><li> 4487 <a href="/collections/boat-yacht-matting" 4488 data-mm-source="industry" 4489 data-mm-kind="item" 4490 data-mm-label="Boat & Yacht Matting" 4491 data-mm-parent="specialist-matting"> 4492 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/BoatEvents.png?v=1779269890&width=60" alt="" width="22" height="22" loading="lazy"></span> 4493 <span class="fm-megamenu__item-text">Boat & Yacht Matting</span> 4494 </a> 4495 </li><li> 4496 <a href="/collections/office-floor-mats" 4497 data-mm-source="industry" 4498 data-mm-kind="item" 4499 data-mm-label="Office Floor Mats" 4500 data-mm-parent="specialist-matting"> 4501 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Logo_Mats_8.png?v=1777634340&width=60" alt="" width="22" height="22" loading="lazy"></span>
4502 <span class="fm-megamenu__item-text">Office Floor Mats</span> 4503 </a> 4504 </li><li> 4505 <a href="/collections/leisure-mats" 4506 data-mm-source="industry" 4507 data-mm-kind="item" 4508 data-mm-label="Leisure Matting" 4509 data-mm-parent="specialist-matting"> 4510 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Leisure.png?v=1779269331&width=60" alt="" width="22" height="22" loading="lazy"></span> 4511 <span class="fm-megamenu__item-text">Leisure Matting</span> 4512 </a> 4513 </li><li> 4514 <a href="/collections/canteen-mats" 4515 data-mm-source="industry" 4516 data-mm-kind="item" 4517 data-mm-label="Canteen Mats" 4518 data-mm-parent="specialist-matting"> 4519 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Canteen_Mats.png?v=1779270195&width=60" alt="" width="22" height="22" loading="lazy"></span> 4520 <span class="fm-megamenu__item-text">Canteen Mats</span> 4521 </a> 4522 </li><li> 4523 <a href="/collections/motorsport-mats" 4524 data-mm-source="industry" 4525 data-mm-kind="item" 4526 data-mm-label="Motorsport Mats" 4527 data-mm-parent="specialist-matting"> 4528 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Motorsport.png?v=1779270289&width=60" alt="" width="22" height="22" loading="lazy"></span> 4529 <span class="fm-megamenu__item-text">Motorsport Mats</span> 4530 </a> 4531 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 4532 <a href="/blogs/buying-guides/which-mats-should-be-used-in-data-centres" 4533 data-mm-source="guides" 4534 data-mm-kind="item" 4535 data-mm-label="Which Mats Should Be Used in Data Centres?" 4536 data-mm-parent="specialist-matting"> 4537 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4538 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4539 <polyline points="14 3 14 9 20 9"/> 4540 <line x1="8" y1="10" x2="11" y2="10"/> 4541 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4542 <line x1="8" y1="17" x2="16" y2="17"/> 4543 </svg></span> 4544 <span class="fm-megamenu__item-text">Which Mats Should Be Used in Data Centres?</span> 4545 </a> 4546 </li><li> 4547 <a href="/blogs/buying-guides/floor-matting-for-hangars-aerospace-facilities" 4548 data-mm-source="guides" 4549 data-mm-kind="item" 4550 data-mm-label="Floor Matting for Hangars & Aerospace Facilities" 4551 data-mm-parent="specialist-matting"> 4552 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4553 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4554 <polyline points="14 3 14 9 20 9"/>
4555 <line x1="8" y1="10" x2="11" y2="10"/> 4556 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4557 <line x1="8" y1="17" x2="16" y2="17"/> 4558 </svg></span> 4559 <span class="fm-megamenu__item-text">Floor Matting for Hangars & Aerospace Facilities</span> 4560 </a> 4561 </li><li> 4562 <a href="/blogs/buying-guides/fire-resistant-door-mats" 4563 data-mm-source="guides" 4564 data-mm-kind="item" 4565 data-mm-label="Fire Resistant Matting for Communal Areas" 4566 data-mm-parent="specialist-matting"> 4567 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4568 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4569 <polyline points="14 3 14 9 20 9"/> 4570 <line x1="8" y1="10" x2="11" y2="10"/> 4571 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4572 <line x1="8" y1="17" x2="16" y2="17"/> 4573 </svg></span> 4574 <span class="fm-megamenu__item-text">Fire Resistant Matting for Communal Areas</span> 4575 </a> 4576 </li><li> 4577 <a href="/blogs/buying-guides/mats-for-wudu-ablution-areas-in-mosques" 4578 data-mm-source="guides" 4579 data-mm-kind="item" 4580 data-mm-label="Mats for Wudu / Ablution Areas in Mosques" 4581 data-mm-parent="specialist-matting"> 4582 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4583 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4584 <polyline points="14 3 14 9 20 9"/> 4585 <line x1="8" y1="10" x2="11" y2="10"/> 4586 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4587 <line x1="8" y1="17" x2="16" y2="17"/> 4588 </svg></span> 4589 <span class="fm-megamenu__item-text">Mats for Wudu / Ablution Areas in Mosques</span> 4590 </a> 4591 </li><li> 4592 <a href="/blogs/buying-guides/how-do-self-healing-cutting-mats-work" 4593 data-mm-source="guides" 4594 data-mm-kind="item" 4595 data-mm-label="How Do Self-Healing Cutting Mats Work" 4596 data-mm-parent="specialist-matting"> 4597 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4598 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4599 <polyline points="14 3 14 9 20 9"/> 4600 <line x1="8" y1="10" x2="11" y2="10"/> 4601 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4602 <line x1="8" y1="17" x2="16" y2="17"/> 4603 </svg></span> 4604 <span class="fm-megamenu__item-text">How Do Self-Healing Cutting Mats Work</span> 4605 </a> 4606 </li></ul><a href="https://www.firstmats.co.uk/collections/specialist-matting" class="fm-megamenu__viewall-card" 4607 data-mm-source="view-all" 4608 data-mm-kind="item" 4609 data-mm-label="View all Specialist Matting" 4610 data-mm-parent="specialist-matting">
4611 <span class="fm-megamenu__viewall-card-head"> 4612 <span class="fm-megamenu__viewall-card-title">View all Specialist Matting</span> 4613 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 4614 <svg viewBox="0 0 16 16" width="14" height="14"> 4615 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4616 </svg> 4617 </span> 4618 </span></a></div></div> 4619 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="specialist-matting"> 4620 <ul class="fm-megamenu-mobile__list"><li> 4621 <a href="/collections/tacky-mats" 4622 data-mm-source="type" 4623 data-mm-kind="item" 4624 data-mm-label="Tacky Mats" 4625 data-mm-parent="specialist-matting"> 4626 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/tacky-mats-white.jpg?v=1526475129&width=100" alt="" width="40" height="40" loading="lazy"></span> 4627 <span class="fm-megamenu-mobile__label">Tacky Mats</span> 4628 </a> 4629 </li><li> 4630 <a href="/collections/self-healing-cutting-mats" 4631 data-mm-source="type" 4632 data-mm-kind="item" 4633 data-mm-label="Large Self Healing Cutting Mats" 4634 data-mm-parent="specialist-matting"> 4635 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/green-cutting-mat-1.jpg?v=1642769459&width=100" alt="" width="40" height="40" loading="lazy"></span> 4636 <span class="fm-megamenu-mobile__label">Large Self Healing Cutting Mats</span> 4637 </a> 4638 </li><li> 4639 <a href="/collections/floor-grip-and-safety" 4640 data-mm-source="type" 4641 data-mm-kind="item" 4642 data-mm-label="GRP Nosing and Flooring" 4643 data-mm-parent="specialist-matting"> 4644 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/22_Gripfoot_Hazzard.jpg?v=1516188992&width=100" alt="" width="40" height="40" loading="lazy"></span> 4645 <span class="fm-megamenu-mobile__label">GRP Nosing and Flooring</span> 4646 </a> 4647 </li><li> 4648 <a href="/collections/caravan-motorhome-mats" 4649 data-mm-source="type" 4650 data-mm-kind="item" 4651 data-mm-label="Caravan & Motorhome Mats" 4652 data-mm-parent="specialist-matting"> 4653 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Premier-Plush-Slate-Grey-Trevor-Adams.jpg?v=1764587922&width=100" alt="" width="40" height="40" loading="lazy"></span> 4654 <span class="fm-megamenu-mobile__label">Caravan & Motorhome Mats</span> 4655 </a> 4656 </li><li> 4657 <a href="/collections/garage-floor-mats" 4658 data-mm-source="type" 4659 data-mm-kind="item" 4660 data-mm-label="Garage Floor Mats" 4661 data-mm-parent="specialist-matting"> 4662 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/11_Tough-Lock_Eco_Garage.jpg?v=1764866231&width=100" alt="" width="40" height="40" loading="lazy"></span> 4663 <span class="fm-megamenu-mobile__label">Garage Floor Mats</span> 4664 </a> 4665 </li><li> 4666 <a href="/collections/temporary-car-park-mats" 4667 data-mm-source="type" 4668 data-mm-kind="item" 4669 data-mm-label="Temporary Car Park Mats" 4670 data-mm-parent="specialist-matting"> 4671 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/GroundProtectTile_4.png?v=1764598050&width=100" alt="" width="40" height="40" loading="lazy"></span> 4672 <span class="fm-megamenu-mobile__label">Temporary Car Park Mats</span> 4673 </a> 4674 </li><li> 4675 <a href="/collections/mud-control-mats" 4676 data-mm-source="type" 4677 data-mm-kind="item" 4678 data-mm-label="Mud Control Mats" 4679 data-mm-parent="specialist-matting">
4680 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/mud-control-mat-1_1.jpg?v=1718797664&width=100" alt="" width="40" height="40" loading="lazy"></span> 4681 <span class="fm-megamenu-mobile__label">Mud Control Mats</span> 4682 </a> 4683 </li><li> 4684 <a href="/collections/industrial-mats-anti-static-esd" 4685 data-mm-source="type" 4686 data-mm-kind="item" 4687 data-mm-label="Anti Static Mats" 4688 data-mm-parent="specialist-matting"> 4689 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Benchstat_Cat_Pic_2.JPG?v=1520341950&width=100" alt="" width="40" height="40" loading="lazy"></span> 4690 <span class="fm-megamenu-mobile__label">Anti Static Mats</span> 4691 </a> 4692 </li><li class="fm-megamenu-mobile__view-all"> 4693 <a href="/collections/specialist-matting" 4694 data-mm-source="type" 4695 data-mm-kind="view-all-link" 4696 data-mm-label="View all Specialist Matting" 4697 data-mm-parent="specialist-matting"> 4698 <span class="fm-megamenu-mobile__label">View all Specialist Matting</span> 4699 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4700 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4701 </svg> 4702 </a> 4703 </li></ul> 4704 </div> 4705 4706 </li> 4707 �<li class="mega-menu-hover"> 4708 <div class="main-link js-main-link"> 4709 <figure class="mobile-menu-images"> 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/oil-spill-kit-240-litre_100x.jpg?v=1678895742" class="collection-image" width="46" height="46" alt="Spill Control Products" loading="lazy" /> 4721 4722 4723 4724 4725 4726 </figure> 4727 <div class="main_nav_desk"> 4728 <a href="/collections/spill-control" id="main_nav_parent"><span>Spill Control</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 4729 </div> 4730 <div class="main_nav_mob"> 4731 <a href="/collections/spill-control" id="main_nav_parent"><span>Spill Control</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron" 4732 viewBox="0 0 12 8" 4733 width="10" 4734 height="7" 4735 aria-hidden="true" 4736 4737 fill="none" 4738 stroke="currentColor" 4739 stroke-width="2" 4740 stroke-linecap="round" 4741 stroke-linejoin="round"> 4742 <path d="M1 1.5l5 5 5-5"/> 4743</svg> 4744 4745 </div> 4746 </div> 4747 <div class="mega-menu fm-megamenu" data-parent-handle="spill-control"> 4748 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 4749 <span class="fm-megamenu__heading">Featured</span><a href="/collections/spill-control" class="fm-megamenu__featured-media" 4750 data-mm-source="featured" 4751 data-mm-kind="hero-image" 4752 data-mm-label="Spill Control Products" 4753 data-mm-parent="spill-control"> 4754 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/evo-absorbent-pads-example-3.jpg?v=1691508237&width=480" 4755 alt="Spill Control Products" 4756 width="320" height="200" loading="lazy"> 4757 </a><h3 class="fm-megamenu__featured-title">Spill Control Products</h3><p class="fm-megamenu__featured-desc">Keep workplace spills under control with our range of absorbent pads, spill kits, bunded pallets, and leak diverter kits.</p><ul class="fm-megamenu__featured-links"><li> 4758 <a href="/collections/spill-kits" 4759 data-mm-source="featured" 4760 data-mm-kind="item" 4761 data-mm-label="Spill Kits" 4762 data-mm-parent="spill-control">
4763 <span>Spill Kits</span> 4764 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4765 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4766 </svg> 4767 </a> 4768 </li><li> 4769 <a href="/collections/bunded-spill-pallets" 4770 data-mm-source="featured" 4771 data-mm-kind="item" 4772 data-mm-label="Bunded Pallets" 4773 data-mm-parent="spill-control"> 4774 <span>Bunded Pallets</span> 4775 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4776 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4777 </svg> 4778 </a> 4779 </li><li> 4780 <a href="/collections/leak-diverter-kits" 4781 data-mm-source="featured" 4782 data-mm-kind="item" 4783 data-mm-label="Leak Diverter Kits" 4784 data-mm-parent="spill-control"> 4785 <span>Leak Diverter Kits</span> 4786 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4787 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4788 </svg> 4789 </a> 4790 </li><li> 4791 <a href="/collections/oil-absorbent-pads-and-rolls" 4792 data-mm-source="featured" 4793 data-mm-kind="item" 4794 data-mm-label="Oil Absorbent Pads and Rolls" 4795 data-mm-parent="spill-control"> 4796 <span>Oil Absorbent Pads and Rolls</span> 4797 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4798 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4799 </svg> 4800 </a> 4801 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type"> 4802 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 4803 <a href="/collections/leak-diverter-kits" 4804 data-mm-source="type" 4805 data-mm-kind="item" 4806 data-mm-label="Leak Diverter Kits" 4807 data-mm-parent="spill-control"> 4808 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Leak-Diverter-Kit-yellow.jpg?v=1704810767&width=120" alt="" width="48" height="48" loading="lazy"></span> 4809 <span class="fm-megamenu__item-text">Leak Diverter Kits</span> 4810 </a> 4811 </li><li> 4812 <a href="/collections/oil-spill-kits" 4813 data-mm-source="type" 4814 data-mm-kind="item" 4815 data-mm-label="Oil Spill Kits" 4816 data-mm-parent="spill-control"> 4817 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/oil-spill-kit-240L.jpg?v=1712053291&width=120" alt="" width="48" height="48" loading="lazy"></span> 4818 <span class="fm-megamenu__item-text">Oil Spill Kits</span> 4819 </a> 4820 </li><li> 4821 <a href="/collections/chemical-spill-kits" 4822 data-mm-source="type" 4823 data-mm-kind="item" 4824 data-mm-label="Chemical Spill Kits" 4825 data-mm-parent="spill-control">
4826 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/chemical-spill-kit-240l.jpg?v=1712053268&width=120" alt="" width="48" height="48" loading="lazy"></span> 4827 <span class="fm-megamenu__item-text">Chemical Spill Kits</span> 4828 </a> 4829 </li><li> 4830 <a href="/collections/oil-drip-trays" 4831 data-mm-source="type" 4832 data-mm-kind="item" 4833 data-mm-label="Oil Drip Trays" 4834 data-mm-parent="spill-control"> 4835 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/DP37-oil-drain-pan.jpg?v=1596457516&width=120" alt="" width="48" height="48" loading="lazy"></span> 4836 <span class="fm-megamenu__item-text">Oil Drip Trays</span> 4837 </a> 4838 </li><li> 4839 <a href="/collections/oil-absorbent-pads-and-rolls" 4840 data-mm-source="type" 4841 data-mm-kind="item" 4842 data-mm-label="Oil Absorbent Pads and Rolls" 4843 data-mm-parent="spill-control"> 4844 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/oil-absorbent-pads-P050X.jpg?v=1678374997&width=120" alt="" width="48" height="48" loading="lazy"></span> 4845 <span class="fm-megamenu__item-text">Oil Absorbent Pads and Rolls</span> 4846 </a> 4847 </li><li> 4848 <a href="/collections/chemical-absorbent-pads-and-rolls" 4849 data-mm-source="type" 4850 data-mm-kind="item" 4851 data-mm-label="Chemical Absorbent Pads and Rolls" 4852 data-mm-parent="spill-control"> 4853 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/chemical-absorbent-pads-1.jpg?v=1575389904&width=120" alt="" width="48" height="48" loading="lazy"></span> 4854 <span class="fm-megamenu__item-text">Chemical Absorbent Pads and Rolls</span> 4855 </a> 4856 </li><li> 4857 <a href="/collections/ibc-bunds" 4858 data-mm-source="type" 4859 data-mm-kind="item" 4860 data-mm-label="IBC Bunds and Spill Pallets" 4861 data-mm-parent="spill-control"> 4862 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/BBC1-ES-IBC-Bund.jpg?v=1581680806&width=120" alt="" width="48" height="48" loading="lazy"></span> 4863 <span class="fm-megamenu__item-text">IBC Bunds and Spill Pallets</span> 4864 </a> 4865 </li><li> 4866 <a href="/collections/generator-drip-trays" 4867 data-mm-source="type" 4868 data-mm-kind="item" 4869 data-mm-label="Generator Drip Trays" 4870 data-mm-parent="spill-control"> 4871 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/medium-generator-drip-tray-4.jpg?v=1678374605&width=120" alt="" width="48" height="48" loading="lazy"></span> 4872 <span class="fm-megamenu__item-text">Generator Drip Trays</span> 4873 </a> 4874 </li></ul><a href="/collections/spill-control" class="fm-megamenu__view-all" 4875 data-mm-source="type" 4876 data-mm-kind="view-all-link" 4877 data-mm-label="View all Spill Control Products" 4878 data-mm-parent="spill-control"> 4879 View all Spill Control Products 4880 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4881 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4882 </svg> 4883 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry">
4884 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 4885 <a href="/collections/warehouse-equipment" 4886 data-mm-source="industry" 4887 data-mm-kind="item" 4888 data-mm-label="Warehouse Equipment" 4889 data-mm-parent="spill-control"> 4890 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Warehouse.png?v=1779269109&width=60" alt="" width="22" height="22" loading="lazy"></span> 4891 <span class="fm-megamenu__item-text">Warehouse Equipment</span> 4892 </a> 4893 </li><li> 4894 <a href="/collections/farm-mats-and-equipment" 4895 data-mm-source="industry" 4896 data-mm-kind="item" 4897 data-mm-label="Agricultural Floor Mats" 4898 data-mm-parent="spill-control"> 4899 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Agricultural.png?v=1779269239&width=60" alt="" width="22" height="22" loading="lazy"></span> 4900 <span class="fm-megamenu__item-text">Agricultural Floor Mats</span> 4901 </a> 4902 </li><li> 4903 <a href="/collections/construction-site-matting" 4904 data-mm-source="industry" 4905 data-mm-kind="item" 4906 data-mm-label="Construction Site Matting" 4907 data-mm-parent="spill-control"> 4908 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Construction_2.png?v=1779269459&width=60" alt="" width="22" height="22" loading="lazy"></span> 4909 <span class="fm-megamenu__item-text">Construction Site Matting</span> 4910 </a> 4911 </li></ul><a href="/collections/spill-control" class="fm-megamenu__view-all" 4912 data-mm-source="industry" 4913 data-mm-kind="view-all-link" 4914 data-mm-label="View all Industries" 4915 data-mm-parent="spill-control"> 4916 View all Industries 4917 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 4918 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 4919 </svg> 4920 </a></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 4921 <a href="/blogs/buying-guides/hse-sr24-storing-small-chemical-products-safely" 4922 data-mm-source="guides" 4923 data-mm-kind="item" 4924 data-mm-label="A Quick Guide to Storing Small Chemical Products Safely" 4925 data-mm-parent="spill-control"> 4926 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4927 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4928 <polyline points="14 3 14 9 20 9"/> 4929 <line x1="8" y1="10" x2="11" y2="10"/> 4930 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4931 <line x1="8" y1="17" x2="16" y2="17"/> 4932 </svg></span> 4933 <span class="fm-megamenu__item-text">A Quick Guide to Storing Small Chemical Products Safely</span> 4934 </a> 4935 </li><li> 4936 <a href="/blogs/buying-guides/spill-control-the-complete-guide" 4937 data-mm-source="guides" 4938 data-mm-kind="item" 4939 data-mm-label="Spill Control: The Complete Guide" 4940 data-mm-parent="spill-control">
4941 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4942 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4943 <polyline points="14 3 14 9 20 9"/> 4944 <line x1="8" y1="10" x2="11" y2="10"/> 4945 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4946 <line x1="8" y1="17" x2="16" y2="17"/> 4947 </svg></span> 4948 <span class="fm-megamenu__item-text">Spill Control: The Complete Guide</span> 4949 </a> 4950 </li><li> 4951 <a href="/blogs/buying-guides/how-do-spill-kits-work" 4952 data-mm-source="guides" 4953 data-mm-kind="item" 4954 data-mm-label="How Spill Kits Work, What Theyâre Used For, and How to Use the Right Type" 4955 data-mm-parent="spill-control"> 4956 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4957 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4958 <polyline points="14 3 14 9 20 9"/> 4959 <line x1="8" y1="10" x2="11" y2="10"/> 4960 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4961 <line x1="8" y1="17" x2="16" y2="17"/> 4962 </svg></span> 4963 <span class="fm-megamenu__item-text">How Spill Kits Work, What Theyâre Used For, and How to Use the Right Type</span> 4964 </a> 4965 </li><li> 4966 <a href="/blogs/buying-guides/bunded-pallets-everything-you-need-to-know" 4967 data-mm-source="guides" 4968 data-mm-kind="item" 4969 data-mm-label="Bunded Pallets - Everything You Need to Know" 4970 data-mm-parent="spill-control"> 4971 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4972 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4973 <polyline points="14 3 14 9 20 9"/> 4974 <line x1="8" y1="10" x2="11" y2="10"/> 4975 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 4976 <line x1="8" y1="17" x2="16" y2="17"/> 4977 </svg></span> 4978 <span class="fm-megamenu__item-text">Bunded Pallets - Everything You Need to Know</span> 4979 </a> 4980 </li><li> 4981 <a href="/blogs/buying-guides/bund-integrity-testing-what-you-need-to-know" 4982 data-mm-source="guides" 4983 data-mm-kind="item" 4984 data-mm-label="Bund Integrity Testing - What You Need to Know" 4985 data-mm-parent="spill-control"> 4986 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 4987 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 4988 <polyline points="14 3 14 9 20 9"/> 4989 <line x1="8" y1="10" x2="11" y2="10"/> 4990 <line x1="8" y1="13.5" x2="16" y2="13.5"/>
4991 <line x1="8" y1="17" x2="16" y2="17"/> 4992 </svg></span> 4993 <span class="fm-megamenu__item-text">Bund Integrity Testing - What You Need to Know</span> 4994 </a> 4995 </li></ul><a href="https://www.firstmats.co.uk/collections/spill-control" class="fm-megamenu__viewall-card" 4996 data-mm-source="view-all" 4997 data-mm-kind="item" 4998 data-mm-label="View all Spill Control Products" 4999 data-mm-parent="spill-control"> 5000 <span class="fm-megamenu__viewall-card-head"> 5001 <span class="fm-megamenu__viewall-card-title">View all Spill Control Products</span> 5002 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 5003 <svg viewBox="0 0 16 16" width="14" height="14"> 5004 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5005 </svg> 5006 </span> 5007 </span></a></div></div> 5008 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="spill-control"> 5009 <ul class="fm-megamenu-mobile__list"><li> 5010 <a href="/collections/leak-diverter-kits" 5011 data-mm-source="type" 5012 data-mm-kind="item" 5013 data-mm-label="Leak Diverter Kits" 5014 data-mm-parent="spill-control"> 5015 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Leak-Diverter-Kit-yellow.jpg?v=1704810767&width=100" alt="" width="40" height="40" loading="lazy"></span> 5016 <span class="fm-megamenu-mobile__label">Leak Diverter Kits</span> 5017 </a> 5018 </li><li> 5019 <a href="/collections/oil-spill-kits" 5020 data-mm-source="type" 5021 data-mm-kind="item" 5022 data-mm-label="Oil Spill Kits" 5023 data-mm-parent="spill-control"> 5024 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/oil-spill-kit-240L.jpg?v=1712053291&width=100" alt="" width="40" height="40" loading="lazy"></span> 5025 <span class="fm-megamenu-mobile__label">Oil Spill Kits</span> 5026 </a> 5027 </li><li> 5028 <a href="/collections/chemical-spill-kits" 5029 data-mm-source="type" 5030 data-mm-kind="item" 5031 data-mm-label="Chemical Spill Kits" 5032 data-mm-parent="spill-control"> 5033 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/chemical-spill-kit-240l.jpg?v=1712053268&width=100" alt="" width="40" height="40" loading="lazy"></span> 5034 <span class="fm-megamenu-mobile__label">Chemical Spill Kits</span> 5035 </a> 5036 </li><li> 5037 <a href="/collections/oil-drip-trays" 5038 data-mm-source="type" 5039 data-mm-kind="item" 5040 data-mm-label="Oil Drip Trays" 5041 data-mm-parent="spill-control"> 5042 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/DP37-oil-drain-pan.jpg?v=1596457516&width=100" alt="" width="40" height="40" loading="lazy"></span> 5043 <span class="fm-megamenu-mobile__label">Oil Drip Trays</span> 5044 </a> 5045 </li><li> 5046 <a href="/collections/oil-absorbent-pads-and-rolls" 5047 data-mm-source="type" 5048 data-mm-kind="item" 5049 data-mm-label="Oil Absorbent Pads and Rolls" 5050 data-mm-parent="spill-control"> 5051 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/oil-absorbent-pads-P050X.jpg?v=1678374997&width=100" alt="" width="40" height="40" loading="lazy"></span> 5052 <span class="fm-megamenu-mobile__label">Oil Absorbent Pads and Rolls</span> 5053 </a> 5054 </li><li> 5055 <a href="/collections/chemical-absorbent-pads-and-rolls" 5056 data-mm-source="type" 5057 data-mm-kind="item" 5058 data-mm-label="Chemical Absorbent Pads and Rolls" 5059 data-mm-parent="spill-control">
5060 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/chemical-absorbent-pads-1.jpg?v=1575389904&width=100" alt="" width="40" height="40" loading="lazy"></span> 5061 <span class="fm-megamenu-mobile__label">Chemical Absorbent Pads and Rolls</span> 5062 </a> 5063 </li><li> 5064 <a href="/collections/ibc-bunds" 5065 data-mm-source="type" 5066 data-mm-kind="item" 5067 data-mm-label="IBC Bunds and Spill Pallets" 5068 data-mm-parent="spill-control"> 5069 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/BBC1-ES-IBC-Bund.jpg?v=1581680806&width=100" alt="" width="40" height="40" loading="lazy"></span> 5070 <span class="fm-megamenu-mobile__label">IBC Bunds and Spill Pallets</span> 5071 </a> 5072 </li><li> 5073 <a href="/collections/generator-drip-trays" 5074 data-mm-source="type" 5075 data-mm-kind="item" 5076 data-mm-label="Generator Drip Trays" 5077 data-mm-parent="spill-control"> 5078 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/medium-generator-drip-tray-4.jpg?v=1678374605&width=100" alt="" width="40" height="40" loading="lazy"></span> 5079 <span class="fm-megamenu-mobile__label">Generator Drip Trays</span> 5080 </a> 5081 </li><li class="fm-megamenu-mobile__view-all"> 5082 <a href="/collections/spill-control" 5083 data-mm-source="type" 5084 data-mm-kind="view-all-link" 5085 data-mm-label="View all Spill Control Products" 5086 data-mm-parent="spill-control"> 5087 <span class="fm-megamenu-mobile__label">View all Spill Control Products</span> 5088 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5089 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5090 </svg> 5091 </a> 5092 </li></ul> 5093 </div> 5094 5095 </li> 5096 �<li class="mega-menu-hover"> 5097 <div class="main-link js-main-link"> 5098 <figure class="mobile-menu-images"> 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 <!-- Display custom image and exit the loop --> 5186 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/trucks-and-trolleys-home_100x.png?v=1704211849" class="custom-image" width="46" height="46" alt="Workplace Equipment" loading="lazy" /> 5187 5188 5189 5190 </figure> 5191 <div class="main_nav_desk"> 5192 <a href="/collections/warehouse-equipment" id="main_nav_parent"><span>Workplace Equipment</span> <img src="//www.firstmats.co.uk/cdn/shop/files/icon-down-arrow.svg?v=5057156884868753933" width="6" height="3" alt="" loading="lazy" /></a> 5193 </div> 5194 <div class="main_nav_mob"> 5195 <a href="/collections/warehouse-equipment" id="main_nav_parent"><span>Workplace Equipment</span></a><svg class="fm-icon-chevron-down main_nav_mob__chevron"
5196 viewBox="0 0 12 8" 5197 width="10" 5198 height="7" 5199 aria-hidden="true" 5200 5201 fill="none" 5202 stroke="currentColor" 5203 stroke-width="2" 5204 stroke-linecap="round" 5205 stroke-linejoin="round"> 5206 <path d="M1 1.5l5 5 5-5"/> 5207</svg> 5208 5209 </div> 5210 </div> 5211 <div class="mega-menu fm-megamenu" data-parent-handle="warehouse-equipment"> 5212 <div class="fm-megamenu__inner"><div class="fm-megamenu__col fm-megamenu__col--featured"> 5213 <span class="fm-megamenu__heading">Featured</span><a href="/collections/warehouse-equipment" class="fm-megamenu__featured-media" 5214 data-mm-source="featured" 5215 data-mm-kind="hero-image" 5216 data-mm-label="Warehouse Equipment" 5217 data-mm-parent="warehouse-equipment"> 5218 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Turntable_Trucks.jpg?v=1736419737&width=480" 5219 alt="Warehouse Equipment" 5220 width="320" height="200" loading="lazy"> 5221 </a><h3 class="fm-megamenu__featured-title">Warehouse Equipment</h3><p class="fm-megamenu__featured-desc">From trucks and trolleys to heavy-duty shelving and racking, we offer a wide range of quality workplace equipment.</p><ul class="fm-megamenu__featured-links"><li> 5222 <a href="/collections/trucks-and-trolleys" 5223 data-mm-source="featured" 5224 data-mm-kind="item" 5225 data-mm-label="Warehouse Trucks and Trolleys" 5226 data-mm-parent="warehouse-equipment"> 5227 <span>Warehouse Trucks and Trolleys</span> 5228 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5229 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5230 </svg> 5231 </a> 5232 </li><li> 5233 <a href="/collections/industrial-workbenches" 5234 data-mm-source="featured" 5235 data-mm-kind="item" 5236 data-mm-label="Industrial Workbenches" 5237 data-mm-parent="warehouse-equipment"> 5238 <span>Industrial Workbenches</span> 5239 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5240 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5241 </svg> 5242 </a> 5243 </li><li> 5244 <a href="/collections/storage-cupboards-cabinets" 5245 data-mm-source="featured" 5246 data-mm-kind="item" 5247 data-mm-label="Industrial Storage Cabinets" 5248 data-mm-parent="warehouse-equipment"> 5249 <span>Industrial Storage Cabinets</span> 5250 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5251 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5252 </svg> 5253 </a> 5254 </li><li> 5255 <a href="/collections/shelving-racking" 5256 data-mm-source="featured" 5257 data-mm-kind="item" 5258 data-mm-label="Shelving and Racking" 5259 data-mm-parent="warehouse-equipment"> 5260 <span>Shelving and Racking</span> 5261 <svg class="fm-megamenu__chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5262 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5263 </svg> 5264 </a> 5265 </li></ul></div><div class="fm-megamenu__col fm-megamenu__col--type">
5266 <span class="fm-megamenu__heading">Shop by Type</span><ul class="fm-megamenu__list fm-megamenu__list--thumbs"><li> 5267 <a href="/collections/industrial-workbenches" 5268 data-mm-source="type" 5269 data-mm-kind="item" 5270 data-mm-label="Industrial Workbenches" 5271 data-mm-parent="warehouse-equipment"> 5272 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/Industrial-workbench-wood.jpg?v=1582193585&width=120" alt="" width="48" height="48" loading="lazy"></span> 5273 <span class="fm-megamenu__item-text">Industrial Workbenches</span> 5274 </a> 5275 </li><li> 5276 <a href="/collections/coshh-cabinets" 5277 data-mm-source="type" 5278 data-mm-kind="item" 5279 data-mm-label="COSHH Cabinets" 5280 data-mm-parent="warehouse-equipment"> 5281 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/HFC3-safestore-coshh-cabinet-open-prop.jpg?v=1581335775&width=120" alt="" width="48" height="48" loading="lazy"></span> 5282 <span class="fm-megamenu__item-text">COSHH Cabinets</span> 5283 </a> 5284 </li><li> 5285 <a href="/collections/metal-shelving" 5286 data-mm-source="type" 5287 data-mm-kind="item" 5288 data-mm-label="Metal Shelving Units" 5289 data-mm-parent="warehouse-equipment"> 5290 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/quick-click-metal-shelving.jpg?v=1586879095&width=120" alt="" width="48" height="48" loading="lazy"></span> 5291 <span class="fm-megamenu__item-text">Metal Shelving Units</span> 5292 </a> 5293 </li><li> 5294 <a href="/collections/pallet-racking-protectors" 5295 data-mm-source="type" 5296 data-mm-kind="item" 5297 data-mm-label="Pallet Racking Protectors" 5298 data-mm-parent="warehouse-equipment"> 5299 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/197B1132_2.jpg?v=1661506580&width=120" alt="" width="48" height="48" loading="lazy"></span> 5300 <span class="fm-megamenu__item-text">Pallet Racking Protectors</span> 5301 </a> 5302 </li><li> 5303 <a href="/collections/foam-impact-protectors" 5304 data-mm-source="type" 5305 data-mm-kind="item" 5306 data-mm-label="Impact Protection Foam Strips" 5307 data-mm-parent="warehouse-equipment"> 5308 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/foam-impact-protectors.jpg?v=1591099808&width=120" alt="" width="48" height="48" loading="lazy"></span> 5309 <span class="fm-megamenu__item-text">Impact Protection Foam Strips</span> 5310 </a> 5311 </li><li> 5312 <a href="/collections/barriers" 5313 data-mm-source="type" 5314 data-mm-kind="item" 5315 data-mm-label="Safety Barriers and Bollards" 5316 data-mm-parent="warehouse-equipment"> 5317 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/corner-protection-barrier.jpg?v=1625836895&width=120" alt="" width="48" height="48" loading="lazy"></span>
5318 <span class="fm-megamenu__item-text">Safety Barriers and Bollards</span> 5319 </a> 5320 </li><li> 5321 <a href="/collections/industrial-fans" 5322 data-mm-source="type" 5323 data-mm-kind="item" 5324 data-mm-label="Industrial Fans" 5325 data-mm-parent="warehouse-equipment"> 5326 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/HVF20S.V2_ACT_WAREHOUSE_DFC0378991.jpg?v=1596546740&width=120" alt="" width="48" height="48" loading="lazy"></span> 5327 <span class="fm-megamenu__item-text">Industrial Fans</span> 5328 </a> 5329 </li><li> 5330 <a href="/collections/cycle-racks" 5331 data-mm-source="type" 5332 data-mm-kind="item" 5333 data-mm-label="Outdoor Bike Racks" 5334 data-mm-parent="warehouse-equipment"> 5335 <span class="fm-megamenu__thumb"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/collections/compact-outdoor-cycle-parking-rack.jpg?v=1591195255&width=120" alt="" width="48" height="48" loading="lazy"></span> 5336 <span class="fm-megamenu__item-text">Outdoor Bike Racks</span> 5337 </a> 5338 </li></ul><a href="/collections/warehouse-equipment" class="fm-megamenu__view-all" 5339 data-mm-source="type" 5340 data-mm-kind="view-all-link" 5341 data-mm-label="View all Workplace Equipment" 5342 data-mm-parent="warehouse-equipment"> 5343 View all Workplace Equipment 5344 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5345 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5346 </svg> 5347 </a></div><div class="fm-megamenu__col fm-megamenu__col--industry"> 5348 <span class="fm-megamenu__heading">Shop by Location</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 5349 <a href="/collections/warehouse-equipment" 5350 data-mm-source="industry" 5351 data-mm-kind="item" 5352 data-mm-label="Warehouse Equipment" 5353 data-mm-parent="warehouse-equipment"> 5354 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Warehouse.png?v=1779269109&width=60" alt="" width="22" height="22" loading="lazy"></span> 5355 <span class="fm-megamenu__item-text">Warehouse Equipment</span> 5356 </a> 5357 </li><li> 5358 <a href="/collections/workshop-equipment" 5359 data-mm-source="industry" 5360 data-mm-kind="item" 5361 data-mm-label="Workshop Equipment" 5362 data-mm-parent="warehouse-equipment"> 5363 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Workshop.png?v=1779268994&width=60" alt="" width="22" height="22" loading="lazy"></span> 5364 <span class="fm-megamenu__item-text">Workshop Equipment</span> 5365 </a> 5366 </li><li> 5367 <a href="/collections/school-mats" 5368 data-mm-source="industry" 5369 data-mm-kind="item" 5370 data-mm-label="School Mats" 5371 data-mm-parent="warehouse-equipment"> 5372 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/School.png?v=1779268627&width=60" alt="" width="22" height="22" loading="lazy"></span>
5373 <span class="fm-megamenu__item-text">School Mats</span> 5374 </a> 5375 </li><li> 5376 <a href="/collections/construction" 5377 data-mm-source="industry" 5378 data-mm-kind="item" 5379 data-mm-label="Construction Site Supplies" 5380 data-mm-parent="warehouse-equipment"> 5381 <span class="fm-megamenu__icon"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mm-src="//www.firstmats.co.uk/cdn/shop/files/Construction_2.png?v=1779269459&width=60" alt="" width="22" height="22" loading="lazy"></span> 5382 <span class="fm-megamenu__item-text">Construction Site Supplies</span> 5383 </a> 5384 </li></ul><a href="/collections/warehouse-equipment" class="fm-megamenu__view-all" 5385 data-mm-source="industry" 5386 data-mm-kind="view-all-link" 5387 data-mm-label="View all Industries" 5388 data-mm-parent="warehouse-equipment"> 5389 View all Industries 5390 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5391 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5392 </svg> 5393 </a></div><div class="fm-megamenu__col fm-megamenu__col--guides"><span class="fm-megamenu__heading">Help & Guides</span><ul class="fm-megamenu__list fm-megamenu__list--icons"><li> 5394 <a href="/blogs/buying-guides/how-to-deal-with-wet-floors-in-warehouses" 5395 data-mm-source="guides" 5396 data-mm-kind="item" 5397 data-mm-label="How to Deal with Wet Floors in Warehouses" 5398 data-mm-parent="warehouse-equipment"> 5399 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 5400 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 5401 <polyline points="14 3 14 9 20 9"/> 5402 <line x1="8" y1="10" x2="11" y2="10"/> 5403 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 5404 <line x1="8" y1="17" x2="16" y2="17"/> 5405 </svg></span> 5406 <span class="fm-megamenu__item-text">How to Deal with Wet Floors in Warehouses</span> 5407 </a> 5408 </li><li> 5409 <a href="/blogs/buying-guides/workplace-safety-facts-and-statistics" 5410 data-mm-source="guides" 5411 data-mm-kind="item" 5412 data-mm-label="Workplace Safety Facts and Statistics" 5413 data-mm-parent="warehouse-equipment"> 5414 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 5415 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 5416 <polyline points="14 3 14 9 20 9"/> 5417 <line x1="8" y1="10" x2="11" y2="10"/> 5418 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 5419 <line x1="8" y1="17" x2="16" y2="17"/> 5420 </svg></span> 5421 <span class="fm-megamenu__item-text">Workplace Safety Facts and Statistics</span> 5422 </a> 5423 </li><li> 5424 <a href="/blogs/buying-guides/manual-handling-equipment-types" 5425 data-mm-source="guides" 5426 data-mm-kind="item" 5427 data-mm-label="Manual Handling Equipment Types" 5428 data-mm-parent="warehouse-equipment">
5429 <span class="fm-megamenu__icon"><svg class="fm-megamenu__icon-fallback" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> 5430 <path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/> 5431 <polyline points="14 3 14 9 20 9"/> 5432 <line x1="8" y1="10" x2="11" y2="10"/> 5433 <line x1="8" y1="13.5" x2="16" y2="13.5"/> 5434 <line x1="8" y1="17" x2="16" y2="17"/> 5435 </svg></span> 5436 <span class="fm-megamenu__item-text">Manual Handling Equipment Types</span> 5437 </a> 5438 </li></ul><a href="https://www.firstmats.co.uk/collections/warehouse-equipment" class="fm-megamenu__viewall-card" 5439 data-mm-source="view-all" 5440 data-mm-kind="item" 5441 data-mm-label="View all Workplace Equipment" 5442 data-mm-parent="warehouse-equipment"> 5443 <span class="fm-megamenu__viewall-card-head"> 5444 <span class="fm-megamenu__viewall-card-title">View all Workplace Equipment</span> 5445 <span class="fm-megamenu__viewall-card-arrow" aria-hidden="true"> 5446 <svg viewBox="0 0 16 16" width="14" height="14"> 5447 <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5448 </svg> 5449 </span> 5450 </span></a></div></div> 5451 </div><div class="mega-menu fm-megamenu-mobile" data-parent-handle="warehouse-equipment"> 5452 <ul class="fm-megamenu-mobile__list"><li> 5453 <a href="/collections/industrial-workbenches" 5454 data-mm-source="type" 5455 data-mm-kind="item" 5456 data-mm-label="Industrial Workbenches" 5457 data-mm-parent="warehouse-equipment"> 5458 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/Industrial-workbench-wood.jpg?v=1582193585&width=100" alt="" width="40" height="40" loading="lazy"></span> 5459 <span class="fm-megamenu-mobile__label">Industrial Workbenches</span> 5460 </a> 5461 </li><li> 5462 <a href="/collections/coshh-cabinets" 5463 data-mm-source="type" 5464 data-mm-kind="item" 5465 data-mm-label="COSHH Cabinets" 5466 data-mm-parent="warehouse-equipment"> 5467 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/HFC3-safestore-coshh-cabinet-open-prop.jpg?v=1581335775&width=100" alt="" width="40" height="40" loading="lazy"></span> 5468 <span class="fm-megamenu-mobile__label">COSHH Cabinets</span> 5469 </a> 5470 </li><li> 5471 <a href="/collections/metal-shelving" 5472 data-mm-source="type" 5473 data-mm-kind="item" 5474 data-mm-label="Metal Shelving Units" 5475 data-mm-parent="warehouse-equipment"> 5476 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/quick-click-metal-shelving.jpg?v=1586879095&width=100" alt="" width="40" height="40" loading="lazy"></span> 5477 <span class="fm-megamenu-mobile__label">Metal Shelving Units</span> 5478 </a> 5479 </li><li> 5480 <a href="/collections/pallet-racking-protectors" 5481 data-mm-source="type" 5482 data-mm-kind="item" 5483 data-mm-label="Pallet Racking Protectors" 5484 data-mm-parent="warehouse-equipment"> 5485 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/197B1132_2.jpg?v=1661506580&width=100" alt="" width="40" height="40" loading="lazy"></span> 5486 <span class="fm-megamenu-mobile__label">Pallet Racking Protectors</span> 5487 </a> 5488 </li><li> 5489 <a href="/collections/foam-impact-protectors" 5490 data-mm-source="type" 5491 data-mm-kind="item"
5492 data-mm-label="Impact Protection Foam Strips" 5493 data-mm-parent="warehouse-equipment"> 5494 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/foam-impact-protectors.jpg?v=1591099808&width=100" alt="" width="40" height="40" loading="lazy"></span> 5495 <span class="fm-megamenu-mobile__label">Impact Protection Foam Strips</span> 5496 </a> 5497 </li><li> 5498 <a href="/collections/barriers" 5499 data-mm-source="type" 5500 data-mm-kind="item" 5501 data-mm-label="Safety Barriers and Bollards" 5502 data-mm-parent="warehouse-equipment"> 5503 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/corner-protection-barrier.jpg?v=1625836895&width=100" alt="" width="40" height="40" loading="lazy"></span> 5504 <span class="fm-megamenu-mobile__label">Safety Barriers and Bollards</span> 5505 </a> 5506 </li><li> 5507 <a href="/collections/industrial-fans" 5508 data-mm-source="type" 5509 data-mm-kind="item" 5510 data-mm-label="Industrial Fans" 5511 data-mm-parent="warehouse-equipment"> 5512 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/HVF20S.V2_ACT_WAREHOUSE_DFC0378991.jpg?v=1596546740&width=100" alt="" width="40" height="40" loading="lazy"></span> 5513 <span class="fm-megamenu-mobile__label">Industrial Fans</span> 5514 </a> 5515 </li><li> 5516 <a href="/collections/cycle-racks" 5517 data-mm-source="type" 5518 data-mm-kind="item" 5519 data-mm-label="Outdoor Bike Racks" 5520 data-mm-parent="warehouse-equipment"> 5521 <span class="fm-megamenu-mobile__thumb"><img src="//www.firstmats.co.uk/cdn/shop/collections/compact-outdoor-cycle-parking-rack.jpg?v=1591195255&width=100" alt="" width="40" height="40" loading="lazy"></span> 5522 <span class="fm-megamenu-mobile__label">Outdoor Bike Racks</span> 5523 </a> 5524 </li><li class="fm-megamenu-mobile__view-all"> 5525 <a href="/collections/warehouse-equipment" 5526 data-mm-source="type" 5527 data-mm-kind="view-all-link" 5528 data-mm-label="View all Workplace Equipment" 5529 data-mm-parent="warehouse-equipment"> 5530 <span class="fm-megamenu-mobile__label">View all Workplace Equipment</span> 5531 <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> 5532 <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/> 5533 </svg> 5534 </a> 5535 </li></ul> 5536 </div> 5537 5538 </li> 5539 5540 </ul> 5541 </nav><div class="eq-header__mobile-menu-link"> 5542 <ul class="eq-header__mobile-menu-link-list"> 5543 5544 5545 <li> 5546 <a href="/pages/help-and-faq"> 5547 <span>Help & FAQs</span> 5548 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5549 viewBox="0 0 12 8" 5550 width="10" 5551 height="7" 5552 aria-hidden="true" 5553 5554 fill="none" 5555 stroke="currentColor" 5556 stroke-width="2" 5557 stroke-linecap="round" 5558 stroke-linejoin="round"> 5559 <path d="M1 1.5l5 5 5-5"/> 5560</svg> 5561 5562 </a> 5563 </li> 5564 5565 <li> 5566 <a href="/pages/about-us"> 5567 <span>About Us</span> 5568 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5569 viewBox="0 0 12 8" 5570 width="10" 5571 height="7" 5572 aria-hidden="true" 5573 5574 fill="none" 5575 stroke="currentColor" 5576 stroke-width="2" 5577 stroke-linecap="round" 5578 stroke-linejoin="round"> 5579 <path d="M1 1.5l5 5 5-5"/> 5580</svg> 5581 5582 </a> 5583 </li> 5584 5585 <li> 5586 <a href="/pages/reviews">
5587 <span>Reviews</span> 5588 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5589 viewBox="0 0 12 8" 5590 width="10" 5591 height="7" 5592 aria-hidden="true" 5593 5594 fill="none" 5595 stroke="currentColor" 5596 stroke-width="2" 5597 stroke-linecap="round" 5598 stroke-linejoin="round"> 5599 <path d="M1 1.5l5 5 5-5"/> 5600</svg> 5601 5602 </a> 5603 </li> 5604 5605 <li> 5606 <a href="/blogs/buying-guides"> 5607 <span>Resources</span> 5608 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5609 viewBox="0 0 12 8" 5610 width="10" 5611 height="7" 5612 aria-hidden="true" 5613 5614 fill="none" 5615 stroke="currentColor" 5616 stroke-width="2" 5617 stroke-linecap="round" 5618 stroke-linejoin="round"> 5619 <path d="M1 1.5l5 5 5-5"/> 5620</svg> 5621 5622 </a> 5623 </li> 5624 5625 <li> 5626 <a href="/pages/contact-us"> 5627 <span>Contact</span> 5628 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5629 viewBox="0 0 12 8" 5630 width="10" 5631 height="7" 5632 aria-hidden="true" 5633 5634 fill="none" 5635 stroke="currentColor" 5636 stroke-width="2" 5637 stroke-linecap="round" 5638 stroke-linejoin="round"> 5639 <path d="M1 1.5l5 5 5-5"/> 5640</svg> 5641 5642 </a> 5643 </li> 5644 �<li class="action-box-wrap account_mobile"> 5645 <a href="https://www.firstmats.co.uk/customer_authentication/redirect?locale=en®ion_country=GB" class="action-box"> 5646 <div class="account-data"> 5647 <figure> 5648 <img src="//www.firstmats.co.uk/cdn/shop/files/icon-user.svg?v=14368979794409192061" width="24" height="24" alt="" loading="lazy" /> 5649 </figure> 5650 <span>Account</span> 5651 </div> 5652 <svg class="fm-icon-chevron-down mobile-link-list__chevron" 5653 viewBox="0 0 12 8" 5654 width="10" 5655 height="7" 5656 aria-hidden="true" 5657 5658 fill="none" 5659 stroke="currentColor" 5660 stroke-width="2" 5661 stroke-linecap="round" 5662 stroke-linejoin="round"> 5663 <path d="M1 1.5l5 5 5-5"/> 5664</svg> 5665 5666 </a> 5667 </li> 5668 5669 </ul> 5670 <div class="assistance-call-btn"> 5671 <p>Need assistance? Call us on <a href="tel:01217021659" title="tel:01217021659">0121 702 1659</a></p> 5672 </div> 5673 </div> 5674 </div> 5675 </div> 5676</header> 5677 5678 5679 5680 5681 5682</div>�<div class="fm-megamenu-backdrop" aria-hidden="true"></div> 5683 <div id="shopify-section-eq-uspa" class="shopify-section eq_uspa_slider"></div> 5684 5685 5686 </div> 5687 5688 5689 <!-- dropProxy --> 5690 5691 <main class=" cTop "> 5692 <div class="menu-drawer-overlay"></div> 5693 5694 5695 <div class=""> 5696 <div id="shopify-section-template--26655976423802__main" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-about-us-banner.css?v=100249494156112485191785238574" rel="stylesheet" type="text/css" media="all" /> 5697 5698<section class="about-us-banner"> 5699 <div class="about-us-banner__bg"> 5700 <img class="desk-image" src="//www.firstmats.co.uk/cdn/shop/files/banner-bg.jpg?v=1728644141" width="1920" height="398" alt="" /> 5701 <img class="mobile-image" src="//www.firstmats.co.uk/cdn/shop/files/banner-bg.jpg?v=1728644141" width="340" height="254" alt="" /> 5702 </div> 5703 <div class="cus-container"> 5704 <div class="about-us-banner__wrap"> 5705 <h1>About Us</h1><div class="text-desc"> 5706 <p>Founded in 2016 by Paul, First Mats was established to address a prevalent issue in the safety and industrial products sector.</p> 5707 </div> 5708 <h2>"I needed a reliable company that could deliver the right products on time for a critical deadline, but I couldnât find anyone to speak to." â Paul, Founder</h2> 5709 <div class="text-desc"> 5710 <p>Thatâs why First Mats is committed to providing quality matting and industrial products promptly, ensuring our customers can trust us to deliver.</p> 5711 </div></div> 5712 </div> 5713</section> 5714 5715 5716 5717 5718 5719 5720 5721 5722</div><div id="shopify-section-template--26655976423802__trusted_logo_v2_6bKA7x" class="shopify-section"><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-hero.css?v=22589849377786156871785238572" media="print" onload="this.media='all'"> 5723<noscript><link rel="stylesheet" href="//www.firstmats.co.uk/cdn/shop/t/342/assets/fm-hero.css?v=22589849377786156871785238572"></noscript> 5724 5725 5726 <section class="product-trusted-strip"> 5727 <div class="cus-container"> 5728 <div class="fm-hero__trust product-trusted-strip__trust"> 5729 <div class="fm-hero__trust-row"><span class="fm-hero__trust-label">Who we serve</span><div class="fm-hero__trust-logos"><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo1.png?v=1741240184&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo1.png?v=1741240184&width=160 160w" width="160" height="33" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo2.png?v=1741240197&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo2.png?v=1741240197&width=160 160w" width="160" height="64" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo3.png?v=1741240213&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo3.png?v=1741240213&width=160 160w" width="160" height="112" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo4.png?v=1741240227&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo4.png?v=1741240227&width=160 160w" width="160" height="52" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo5.png?v=1741240241&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo5.png?v=1741240241&width=160 160w" width="160" height="67" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo6.png?v=1741240253&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo6.png?v=1741240253&width=160 160w" width="160" height="62" loading="lazy" class="fm-hero__trust-img"></div><div class="fm-hero__trust-logo" ><img src="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo7.png?v=1741240265&width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo7.png?v=1741240265&width=160 160w" width="160" height="70" loading="lazy" class="fm-hero__trust-img"></div></div> 5730 </div> 5731 </div> 5732 </div> 5733 </section> 5734 5735 5736 5737</div><div id="shopify-section-template--26655976423802__eq_our_principles_ntH34R" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-our-principles.css?v=141049290392622350871785238571" rel="stylesheet" type="text/css" media="all" /> 5738 5739<section class="our-principles"> 5740 <div class="cus-container"> 5741 <div class="our-principles__title"> 5742 <h2>Our Principles â The Five B's</h2> 5743 </div> 5744 <div class="our-principles__content"> 5745 <div class="our-principles__wrap"><div class="our-principles__box"> 5746 <figure> 5747 <img src="//www.firstmats.co.uk/cdn/shop/files/icon1.svg?v=1741247768" width="96" height="70" alt="" /> 5748 </figure> 5749 <h3><p>The <em>Best</em> Products:</p></h3> 5750 <div class="text-desc"> 5751 <p>We offer only top-quality items.</p> 5752 </div> 5753 </div><div class="our-principles__box"> 5754 <figure> 5755 <img src="//www.firstmats.co.uk/cdn/shop/files/icon2.svg?v=1741247768" width="96" height="70" alt="" /> 5756 </figure> 5757 <h3><p>The <em>Best</em> Advice:</p></h3> 5758 <div class="text-desc"> 5759 <p>Our guidance is unbiased and tailored to your needs.</p> 5760 </div> 5761 </div><div class="our-principles__box"> 5762 <figure> 5763 <img src="//www.firstmats.co.uk/cdn/shop/files/icon3.svg?v=1741247768" width="96" height="70" alt="" /> 5764 </figure> 5765 <h3><p>The <em>Best</em> Prices</p></h3> 5766 <div class="text-desc"> 5767 <p>
5767Competitive pricing without compromising on quality.</p> 5768 </div> 5769 </div><div class="our-principles__box"> 5770 <figure> 5771 <img src="//www.firstmats.co.uk/cdn/shop/files/icon4.svg?v=1741247769" width="96" height="70" alt="" /> 5772 </figure> 5773 <h3><p>The <em>Best</em> Delivery</p></h3> 5774 <div class="text-desc"> 5775 <p>Timely and reliable delivery, every time.</p> 5776 </div> 5777 </div><div class="our-principles__box"> 5778 <figure> 5779 <img src="//www.firstmats.co.uk/cdn/shop/files/icon5.svg?v=1741247769" width="96" height="70" alt="" /> 5780 </figure> 5781 <h3><p>The <em>Best</em> Website</p></h3> 5782 <div class="text-desc"> 5783 <p>User-friendly experience with comprehensive information.</p> 5784 </div> 5785 </div></div> 5786 </div> 5787 </div> 5788</section> 5789 5790 5791 5792 5793 5794</div><div id="shopify-section-template--26655976423802__eq_our_journey_xRQgWQ" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-our-journey.css?v=6972241487604814051785238577" rel="stylesheet" type="text/css" media="all" /> 5795 5796<section class="eq-our-journey"> 5797 <div class="cus-container"> 5798 <div class="eq-our-journey__content"> 5799 <div class="eq-our-journey__left"> 5800 <figure class="eq-our-journey__image"> 5801 <img src="//www.firstmats.co.uk/cdn/shop/files/our-journey-image.jpg?v=1741249634" width="474" height="444" loading="lazy" alt="" /> 5802 </figure> 5803 </div> 5804 <div class="eq-our-journey__right"> 5805 <h2>Our Journey</h2> 5806 <figure class="eq-our-journey__image eq-our-journey__mobile-image"> 5807 <img src="//www.firstmats.co.uk/cdn/shop/files/our-journey-image.jpg?v=1741249634" width="474" height="444" loading="lazy" alt="" /> 5808 </figure> 5809 <h3>In 2016, our founder Paul identified a significant gap in the safety and industrial products market.</h3> 5810 <div class="text-desc"> 5811 <p>Attempting to place an order, he encountered challenges such as the inability to speak with a representative, slow response times, unclear product descriptions, and extended delivery periods.</p> 5812 <p>Recognizing the need for a customer-focused approach, Paul established First Mats to revolutionize the industry, guided by our mission to embody the Five B's.</p> 5813 </div> 5814 </div> 5815 </div> 5816 </div> 5817</section> 5818 5819 5820 5821 5822 5823</div><div id="shopify-section-template--26655976423802__eq_tour_of_journey_nyyQQj" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-tour-of-journey.css?v=13987582886473309991785238569" rel="stylesheet" type="text/css" media="all" /> 5824 5825<section class="tour-of-journey"> 5826 <div class="cus-container"> 5827 <div class="tour-of-journey__title"> 5828 <h2>A whistle stop tour of our journey to date...</h2> 5829 </div> 5830 <div class="tour-of-journey__content"><div class="tour-of-journey__box"> 5831 <div class="tour-of-journey__image-wrap"> 5832 <figure class="tour-of-journey__image"> 5833 <img src="//www.firstmats.co.uk/cdn/shop/files/first-mats-logo.png?v=1741260604" width="" height="" alt=""> 5834 </figure> 5835 </div> 5836 <div class="tour-of-journey__year"> 5837 <span class="tour-of-journey__year-text">2016</span> 5838 <figure class="tour-of-journey__year-dots"> 5839 <div class="inner-dots"></div> 5840 </figure> 5841 </div> 5842 <div class="tour-of-journey__description"> 5843 <h3>First Mats was born</h3> 5844 <div class="text-desc"> 5845 <p>Paul set out to change the industry by creating a company that prioritised customer service, fast delivery, and top-quality matting solutions.</p> 5846 </div> 5847 </div> 5848 </div><div class="tour-of-journey__box"> 5849 <div class="tour-of-journey__image-wrap"> 5850 <figure class="tour-of-journey__image"> 5851 <img src="//www.firstmats.co.uk/cdn/shop/files/2017-image.jpg?v=1741260604" width="" height="" alt=""> 5852 </figure> 5853 </div> 5854 <div class="tour-of-journey__year">
5855 <span class="tour-of-journey__year-text">2017</span> 5856 <figure class="tour-of-journey__year-dots"> 5857 <div class="inner-dots"></div> 5858 </figure> 5859 </div> 5860 <div class="tour-of-journey__description"> 5861 <h3>Richard joins the team</h3> 5862 <div class="text-desc"> 5863 <p>Bringing his expertise and shared vision, Richard helped expand the companyâs product range and enhance customer experience.</p> 5864 </div> 5865 </div> 5866 </div><div class="tour-of-journey__box"> 5867 <div class="tour-of-journey__image-wrap"> 5868 <figure class="tour-of-journey__image"> 5869 <img src="//www.firstmats.co.uk/cdn/shop/files/2018-logo.png?v=1741260603" width="" height="" alt=""> 5870 </figure> 5871 </div> 5872 <div class="tour-of-journey__year"> 5873 <span class="tour-of-journey__year-text">2018</span> 5874 <figure class="tour-of-journey__year-dots"> 5875 <div class="inner-dots"></div> 5876 </figure> 5877 </div> 5878 <div class="tour-of-journey__description"> 5879 <h3>Finalists at the West Midlands Business of the Year!</h3> 5880 <div class="text-desc"> 5881 <p>A huge milestone as First Mats was recognised for its rapid growth and commitment to excellence in the industrial and safety products sector.</p> 5882 </div> 5883 </div> 5884 </div><div class="tour-of-journey__box"> 5885 <div class="tour-of-journey__image-wrap"> 5886 <figure class="tour-of-journey__image"> 5887 <img src="//www.firstmats.co.uk/cdn/shop/files/2019-image.jpg?v=1741260605" width="" height="" alt=""> 5888 </figure> 5889 </div> 5890 <div class="tour-of-journey__year"> 5891 <span class="tour-of-journey__year-text">2019</span> 5892 <figure class="tour-of-journey__year-dots"> 5893 <div class="inner-dots"></div> 5894 </figure> 5895 </div> 5896 <div class="tour-of-journey__description"> 5897 <h3>Lily joins as âDirector of Nappingâ</h3> 5898 <div class="text-desc"> 5899 <p>Our office mascot, Lily, becomes a valued team member, boosting morale and ensuring everyone takes well-earned breaks.</p> 5900 </div> 5901 </div> 5902 </div><div class="tour-of-journey__box"> 5903 <div class="tour-of-journey__image-wrap"> 5904 <figure class="tour-of-journey__image"> 5905 <img src="//www.firstmats.co.uk/cdn/shop/files/2020-logo.png?v=1741260604" width="" height="" alt=""> 5906 </figure> 5907 </div> 5908 <div class="tour-of-journey__year"> 5909 <span class="tour-of-journey__year-text">2020</span> 5910 <figure class="tour-of-journey__year-dots"> 5911 <div class="inner-dots"></div> 5912 </figure> 5913 </div> 5914 <div class="tour-of-journey__description"> 5915 <h3>From 500 to 3500 products!</h3> 5916 <div class="text-desc"> 5917 <p>As demand grew, so did our rangeâexpanding from 500 to over 3500 products to better serve businesses across the UK.</p> 5918 </div> 5919 </div> 5920 </div><div class="tour-of-journey__box"> 5921 <div class="tour-of-journey__image-wrap"> 5922 <figure class="tour-of-journey__image"> 5923 <img src="//www.firstmats.co.uk/cdn/shop/files/2021-image.jpg?v=1741260604" width="" height="" alt=""> 5924 </figure> 5925 </div> 5926 <div class="tour-of-journey__year">
5927 <span class="tour-of-journey__year-text">2021</span> 5928 <figure class="tour-of-journey__year-dots"> 5929 <div class="inner-dots"></div> 5930 </figure> 5931 </div> 5932 <div class="tour-of-journey__description"> 5933 <h3>Jack comes on board</h3> 5934 <div class="text-desc"> 5935 <p>A key addition to the team, Jackâs expertise in operations and customer service helped First Mats grow even further.</p> 5936 </div> 5937 </div> 5938 </div><div class="tour-of-journey__box"> 5939 <div class="tour-of-journey__image-wrap"> 5940 <figure class="tour-of-journey__image"> 5941 <img src="//www.firstmats.co.uk/cdn/shop/files/2022-image.jpg?v=1741260605" width="" height="" alt=""> 5942 </figure> 5943 </div> 5944 <div class="tour-of-journey__year"> 5945 <span class="tour-of-journey__year-text">2022</span> 5946 <figure class="tour-of-journey__year-dots"> 5947 <div class="inner-dots"></div> 5948 </figure> 5949 </div> 5950 <div class="tour-of-journey__description"> 5951 <h3>Jack becomes a director</h3> 5952 <div class="text-desc"> 5953 <p>Recognising his hard work and leadership, Jack steps up as a director, helping drive the companyâs vision forward.</p> 5954 </div> 5955 </div> 5956 </div><div class="tour-of-journey__box"> 5957 <div class="tour-of-journey__image-wrap"> 5958 <figure class="tour-of-journey__image"> 5959 <img src="//www.firstmats.co.uk/cdn/shop/files/2023-image.jpg?v=1741260604" width="" height="" alt=""> 5960 </figure> 5961 </div> 5962 <div class="tour-of-journey__year"> 5963 <span class="tour-of-journey__year-text">2023</span> 5964 <figure class="tour-of-journey__year-dots"> 5965 <div class="inner-dots"></div> 5966 </figure> 5967 </div> 5968 <div class="tour-of-journey__description"> 5969 <h3>New office, new opportunities</h3> 5970 <div class="text-desc"> 5971 <p>As First Mats continued to expand, we moved into a larger office, giving us the space to grow our team and improve operations.</p> 5972 </div> 5973 </div> 5974 </div><div class="tour-of-journey__box"> 5975 <div class="tour-of-journey__image-wrap"> 5976 <figure class="tour-of-journey__image"> 5977 <img src="//www.firstmats.co.uk/cdn/shop/files/2024-image.jpg?v=1741260605" width="" height="" alt=""> 5978 </figure> 5979 </div> 5980 <div class="tour-of-journey__year"> 5981 <span class="tour-of-journey__year-text">2023</span> 5982 <figure class="tour-of-journey__year-dots"> 5983 <div class="inner-dots"></div> 5984 </figure> 5985 </div> 5986 <div class="tour-of-journey__description"> 5987 <h3>Welcome, Dave!</h3> 5988 <div class="text-desc"> 5989 <p>Another fantastic addition to the team, Dave brings fresh ideas and enthusiasm as we continue to improve and innovate.</p> 5990 </div> 5991 </div> 5992 </div><div class="tour-of-journey__box"> 5993 <div class="tour-of-journey__image-wrap"> 5994 <figure class="tour-of-journey__image"> 5995 <img src="//www.firstmats.co.uk/cdn/shop/files/Jay.png?v=1742309290" width="" height="" alt=""> 5996 </figure> 5997 </div> 5998 <div class="tour-of-journey__year">
5999 <span class="tour-of-journey__year-text">2025</span> 6000 <figure class="tour-of-journey__year-dots"> 6001 <div class="inner-dots"></div> 6002 </figure> 6003 </div> 6004 <div class="tour-of-journey__description"> 6005 <h3>Welcome, Jay!</h3> 6006 <div class="text-desc"> 6007 <p>Another great additionâJay brings excellent sales knowledge and expertise, strengthening our team and driving our momentum even further.</p> 6008 </div> 6009 </div> 6010 </div></div> 6011 </div> 6012</section> 6013 6014 6015 6016 6017 6018 </div><div id="shopify-section-template--26655976423802__eq_our_mission_jeLCtD" class="shopify-section"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-our-mission.css?v=154245354491789897481785238570" rel="stylesheet" type="text/css" media="all" /> 6019 6020<section class="our-mission"> 6021 <div class="cus-container"> 6022 <div class="our-mission__content"> 6023 <div class="our-mission__left"> 6024 <h2>Our Mission</h2><figure class="our-mission__image our-mission__mobile-image"> 6025 <img src="//www.firstmats.co.uk/cdn/shop/files/our-mission-image.jpg?v=1741254947" width="612" height="553" loading="lazy" alt="" /> 6026 </figure> 6027 <h3>Helping you create safer, more efficient workplaces.</h3> 6028 <div class="text-desc"> 6029 <p>At First Mats, we believe that safety and quality go hand in hand. Our mission is to provide businesses with the highest standard of matting and industrial productsâensuring workplaces are safer, more productive, and built to last.<br/><br/>From anti-fatigue mats that enhance worker comfort to heavy-duty flooring solutions and brand-focused logo mats, weâre committed to offering only the best. We make the process easy, with expert advice, fast delivery, and a friendly team thatâs always here to help.<br/><br/>Our mission is simple:<br/><br/>To provide the <strong>Best Products, Best Advice, Best Prices, and Best Delivery. </strong>All backed by a website that makes ordering effortless.</p> 6030 </div> 6031 6032 <a href="#" class="btn-shop-best-sellers">
6032Shop Best Sellers</a> 6033 </div> 6034 <div class="our-mission__right"> 6035 <figure class="our-mission__image"> 6036 <img src="//www.firstmats.co.uk/cdn/shop/files/our-mission-image.jpg?v=1741254947" width="612" height="553" loading="lazy" alt="" /> 6037 </figure> 6038 </div></div> 6039 </div> 6040</section> 6041 6042 6043 6044 6045 6046 </div><div id="shopify-section-template--26655976423802__eq_excellent_review_jrcLQK" class="shopify-section eq_excellent_review"><link href="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-excellent-review.css?v=107270276870673489121785238574" rel="stylesheet" type="text/css" media="all" /> 6047 6048<section class="eq-excellent-review"> 6049 <div class="cus-container"> 6050 <div id="reviewsio-carousel-widget"></div> 6051 </div> 6052</section>
6052<script src="https://widget.reviews.co.uk/carousel-inline-iframeless/dist.js?_t=2024101806" defer></script>
6052 6053<link rel="stylesheet" href="https://assets.reviews.io/css/widgets/carousel-widget.css?_t=2024101806" media="print" onload="this.media='all'"> 6054<link rel="stylesheet" href="https://assets.reviews.io/iconfont/reviewsio-icons/style.css?_t=2024101806" media="print" onload="this.media='all'"> 6055<noscript> 6056 <link rel="stylesheet" href="https://assets.reviews.io/css/widgets/carousel-widget.css?_t=2024101806"> 6057 <link rel="stylesheet" href="https://assets.reviews.io/iconfont/reviewsio-icons/style.css?_t=2024101806"> 6058</noscript>
6059<script> 6060document.addEventListener('DOMContentLoaded', function () { 6061 6062new carouselInlineWidget('reviewsio-carousel-widget',{ 6063 /*Your REVIEWS.io account ID:*/ 6064 store: 'www.firstmats.co.uk', 6065 sku: '', 6066 lang: 'en', 6067 carousel_type: 'default', 6068 styles_carousel: 'CarouselWidget--sideHeader--withcards', 6069 6070 /*Widget settings:*/ 6071 options:{ 6072 general:{ 6073 /*What reviews should the widget display? Available options: company, product, third_party. You can choose one type or multiple separated by comma.*/ 6074 review_type: 'company, product', 6075 /*Minimum number of reviews required for widget to be displayed*/ 6076 min_reviews: '1', 6077 /*Maximum number of reviews to include in the carousel widget.*/ 6078 max_reviews: '20', 6079 address_format: 'CITY, COUNTRY', 6080 /*Carousel auto-scrolling speed. 3000 = 3 seconds. If you want to disable auto-scroll, set this value to false.*/ 6081 enable_auto_scroll: false, 6082 }, 6083 header:{ 6084 /*Show overall rating stars*/ 6085 enable_overall_stars: true, 6086 rating_decimal_places: 2, 6087 }, 6088 reviews: { 6089 /*Show customer name*/ 6090 enable_customer_name: true, 6091 /*Show customer location*/ 6092 enable_customer_location: false, 6093 /*Show "verified review" badge*/ 6094 enable_verified_badge: true, 6095 /*Show "verified subscriber" badge*/ 6096 enable_subscriber_badge: true, 6097 /*Show "I recommend this product" badge (Only for product reviews)*/ 6098 enable_recommends_badge: true, 6099 /*Show photos attached to reviews*/ 6100 enable_photos: false, 6101 /*Show videos attached to reviews*/ 6102 enable_videos: true, 6103 /*Show when review was written*/ 6104 enable_review_date: false, 6105 /*Hide reviews written by the same customer (This may occur when customer reviews multiple products)*/ 6106 disable_same_customer: true, 6107 /*Minimum star rating*/ 6108 min_review_percent: 4, 6109 /*Show 3rd party review source*/ 6110 third_party_source: true, 6111 /*Hide reviews without comments (still shows if review has a photo)*/ 6112 hide_empty_reviews: true, 6113 /*Show product name*/ 6114 enable_product_name: true, 6115 /*Show only reviews which have specific tags (multiple semicolon separated tags allowed i.e tag1;tag2)*/ 6116 tags: "", 6117 /*Show branch, only one input*/ 6118 branch: "", 6119 enable_branch_name: false, 6120 }, 6121 popups: { 6122 /*Make review items clickable (When they are clicked, a popup appears with more information about a customer and review)*/ 6123 enable_review_popups: false, 6124 /*Show "was this review helpful" buttons*/ 6125 enable_helpful_buttons: true, 6126 /*Show how many times review was upvoted as helpful*/ 6127 enable_helpful_count: true, 6128 /*Show share buttons*/ 6129 enable_share_buttons: true, 6130 }, 6131 }, 6132 translations: { 6133 verified_customer: "Verified Customer", 6134 }, 6135 styles:{ 6136 /*Base font size is a reference size for all text elements. When base value gets changed, all TextHeading and TexBody elements get proportionally adjusted.*/ 6137 '--base-font-size': '16px', 6138 '--base-maxwidth':'100%', 6139 6140 /*Logo styles:*/ 6141 '--reviewsio-logo-style':'var(--logo-normal) !important', 6142 6143 /*Star styles:*/ 6144 '--common-star-color':'#e5843f !important', 6145 '--common-star-disabled-color':' rgba(0,0,0,0.25)', 6146 '--medium-star-size':' 22px', 6147 '--small-star-size':'19px', /*Modal*/ 6148 '--x-small-star-size':'16px', 6149 '--x-small-star-display':'inline-flex', 6150 6151 /*Header styles:*/ 6152 '--header-order':'1', 6153 '--header-width':'150px !important', 6154 '--header-bg-start-color':'#00000000 !important', 6155 '--header-bg-end-color':'#00000000 !important', 6156 '--header-gradient-direction':'135deg', 6157 '--header-padding':'1.5em', 6158 '--header-border-width':'0px', 6159 '--header-border-color':'rgba(0,0,0,0.1)', 6160 '--header-border-radius':'0px', 6161 '--header-shadow-size':'0px !important', 6162 '--header-shadow-color':'rgba(0, 0, 0, 0.05)', 6163 6164 /*Header content styles:*/ 6165 '--header-star-color':'#e5843f !important', 6166 '--header-disabled-star-color':'inherit', 6167 '--header-heading-text-color':'#000000 !important', 6168 '--header-heading-font-size':'inherit',
6169 '--header-heading-font-weight':'inherit', 6170 '--header-heading-line-height':'inherit', 6171 '--header-heading-text-transform':'inherit', 6172 '--header-subheading-text-color':'#000000 !important', 6173 '--header-subheading-font-size':'inherit', 6174 '--header-subheading-font-weight':'400 !important', 6175 '--header-subheading-line-height':'inherit', 6176 '--header-subheading-text-transform':'inherit', 6177 6178 /*Review item styles:*/ 6179 '--item-maximum-columns':'5',/*Must be 3 or larger*/ 6180 '--item-background-start-color':'#FFFFFF !important', 6181 '--item-background-end-color':'#ffffff !important', 6182 '--item-gradient-direction':'135deg', 6183 '--item-padding':'1.5em', 6184 '--item-border-width':'0px', 6185 '--item-border-color':'rgba(0,0,0,0.1)', 6186 '--item-border-radius':'0px', 6187 '--item-shadow-size':'0px !important', 6188 '--item-shadow-color':'rgba(0,0,0,0.05)', 6189 6190 /*Heading styles:*/ 6191 '--heading-text-color':' #222329 !important', 6192 '--heading-text-font-weight':' 600', 6193 '--heading-text-font-family':' inherit', 6194 '--heading-text-line-height':' 1.4', 6195 '--heading-text-letter-spacing':'0', 6196 '--heading-text-transform':'none', 6197 6198 /*Body text styles:*/ 6199 '--body-text-color':' #222329 !important', 6200 '--body-text-font-weight':'400', 6201 '--body-text-font-family':' inherit', 6202 '--body-text-line-height':'normal !important', 6203 '--body-text-letter-spacing':'0', 6204 '--body-text-transform':'none', 6205 6206 /*Scroll button styles:*/ 6207 '--scroll-button-icon-color':'#222329 !imortant', 6208 '--scroll-button-icon-size':'24px', 6209 '--scroll-button-bg-color':'transparent', 6210 6211 '--scroll-button-border-width':'0px', 6212 '--scroll-button-border-color':'rgba(0,0,0,0.1)', 6213 6214 '--scroll-button-border-radius':'60px', 6215 '--scroll-button-shadow-size':'0px', 6216 '--scroll-button-shadow-color':'rgba(0,0,0,0.1)', 6217 '--scroll-button-horizontal-position':'3px', 6218 '--scroll-button-vertical-position':'0px', 6219 6220 /*Badge styles:*/ 6221 '--badge-icon-color':'#24a045 !important', 6222 '--badge-icon-font-size':'15px', 6223 '--badge-text-color':'#222329 !important', 6224 '--badge-text-font-size':'12px !important', 6225 '--badge-text-letter-spacing':'inherit', 6226 '--badge-text-transform':'inherit', 6227 6228 /*Author styles:*/ 6229 '--author-font-size':'inherit', 6230 '--author-font-weight':'600', 6231 '--author-text-transform':'inherit', 6232 6233 /*Product photo or review photo styles:*/ 6234 '--photo-video-thumbnail-size':'60px', 6235 '--photo-video-thumbnail-border-radius':'0px', 6236 6237 /*Popup styles:*/ 6238 '--popup-backdrop-color':'rgba(0,0,0,0.75)', 6239 '--popup-color':'#ffffff', 6240 '--popup-star-color':'inherit', 6241 '--popup-disabled-star-color':'inherit', 6242 '--popup-heading-text-color':'inherit', 6243 '--popup-body-text-color':'inherit', 6244 '--popup-badge-icon-color':'inherit', 6245 '--popup-badge-icon-font-size':'19px', 6246 '--popup-badge-text-color':'inherit', 6247 '--popup-badge-text-font-size':'14px', 6248 '--popup-border-width':'0px', 6249 '--popup-border-color':'rgba(0,0,0,0.1)', 6250 '--popup-border-radius':'0px', 6251 '--popup-shadow-size':'0px', 6252 '--popup-shadow-color':'rgba(0,0,0,0.1)', 6253 '--popup-icon-color':'#222329 !important', 6254 6255 /*Tooltip styles:*/ 6256 '--tooltip-bg-color':'#222329 !important', 6257 '--tooltip-text-color':'#ffffff', 6258 }, 6259}); 6260 6261}); 6262</script>
6262 6263</div> 6264 </div> 6265 6266 6267 6268 6269 6270 </main> 6271 6272 <div id="reviewsio-carousel-widget"></div>
6273<script> 6274(function () { 6275 var el = document.getElementById('reviewsio-carousel-widget'); 6276 if (!el) return; 6277 function fmInitFooterCarousel() { 6278 new carouselInlineWidget('reviewsio-carousel-widget',{ 6279 /*Your REVIEWS.io account ID:*/ 6280 store: 'www.firstmats.co.uk', 6281 sku: '', 6282 lang: 'en', 6283 carousel_type: 'default', 6284 styles_carousel: 'CarouselWidget--sideHeader', 6285 6286 /*Widget settings:*/ 6287 options:{ 6288 general:{ 6289 /*What reviews should the widget display? Available options: company, product, third_party. You can choose one type or multiple separated by comma.*/ 6290 review_type: 'company, product', 6291 /*Minimum number of reviews required for widget to be displayed*/ 6292 min_reviews: '1', 6293 /*Maximum number of reviews to include in the carousel widget.*/ 6294 max_reviews: '20', 6295 address_format: 'CITY, COUNTRY', 6296 /*Carousel auto-scrolling speed. 3000 = 3 seconds. If you want to disable auto-scroll, set this value to false.*/ 6297 enable_auto_scroll: false, 6298 /*Enable pause button for auto-scrolling carousel. Only works when auto-scroll is enabled.*/ 6299 enable_pause_button: true, 6300 enable_sorting: false, 6301 }, 6302 header:{ 6303 /*Show overall rating stars*/ 6304 enable_overall_stars: true, 6305 rating_decimal_places: 2, 6306 }, 6307 reviews: { 6308 /*Show customer name*/ 6309 enable_customer_name: true, 6310 /*Show customer location*/ 6311 enable_customer_location: false, 6312 /*Show "verified review" badge*/ 6313 enable_verified_badge: true, 6314 /*Show "verified subscriber" badge*/ 6315 enable_subscriber_badge: true, 6316 /*Show "I recommend this product" badge (Only for product reviews)*/ 6317 enable_recommends_badge: true, 6318 /*Show photos attached to reviews*/ 6319 enable_photos: false, 6320 /*Show videos attached to reviews*/ 6321 enable_videos: true, 6322 /*Show when review was written*/ 6323 enable_review_date: false, 6324 /*Hide reviews written by the same customer (This may occur when customer reviews multiple products)*/ 6325 disable_same_customer: true, 6326 /*Minimum star rating*/ 6327 min_review_percent: 4, 6328 /*Show 3rd party review source*/ 6329 third_party_source: true, 6330 /*Hide reviews without comments (still shows if review has a photo)*/ 6331 hide_empty_reviews: true, 6332 /*Show product name*/ 6333 enable_product_name: true, 6334 /*Show only reviews which have specific tags (multiple semicolon separated tags allowed i.e tag1;tag2)*/ 6335 tags: "", 6336 /*Show branch, only one input*/ 6337 branch: "", 6338 enable_branch_name: false, 6339 }, 6340 popups: { 6341 /*Make review items clickable (When they are clicked, a popup appears with more information about a customer and review)*/ 6342 enable_review_popups: true, 6343 /*Show "was this review helpful" buttons*/ 6344 enable_helpful_buttons: true, 6345 /*Show how many times review was upvoted as helpful*/ 6346 enable_helpful_count: true, 6347 /*Show share buttons*/ 6348 enable_share_buttons: true, 6349 }, 6350 }, 6351 translations: { 6352 verified_customer: "Verified Customer", 6353 }, 6354 styles:{ 6355 /*Base font size is a reference size for all text elements. When base value gets changed, all TextHeading and TexBody elements get proportionally adjusted.*/ 6356 '--base-font-size': '16px', 6357 '--base-maxwidth':'100%', 6358 6359 /*Logo styles:*/ 6360 '--reviewsio-logo-style':'var(--logo-normal)', 6361 6362 /*Star styles:*/ 6363 '--common-star-color':'#f47e27', 6364 '--common-star-disabled-color':' rgba(0,0,0,0.25)', 6365 '--medium-star-size':' 22px', 6366 '--small-star-size':'19px', /*Modal*/ 6367 '--x-small-star-size':'16px', 6368 '--x-small-star-display':'inline-flex', 6369 6370 /*Header styles:*/ 6371 '--header-order':'1', 6372 '--header-width':'160px', 6373 '--header-bg-start-color':'transparent', 6374 '--header-bg-end-color':'transparent', 6375 '--header-gradient-direction':'135deg', 6376 '--header-padding':'0.5em', 6377 '--header-border-width':'0px', 6378 '--header-border-color':'rgba(0,0,0,0.1)', 6379 '--header-border-radius':'0px', 6380 '--header-shadow-size':'0px', 6381 '--header-shadow-color':'rgba(0, 0, 0, 0.1)', 6382 6383 /*Header content styles:*/ 6384 '--header-star-color':'inherit', 6385 '--header-disabled-star-color':'inherit', 6386 '--header-heading-text-color':'inherit', 6387 '--header-heading-font-size':'inherit',
6388 '--header-heading-font-weight':'inherit', 6389 '--header-heading-line-height':'inherit', 6390 '--header-heading-text-transform':'inherit', 6391 '--header-subheading-text-color':'inherit', 6392 '--header-subheading-font-size':'inherit', 6393 '--header-subheading-font-weight':'inherit', 6394 '--header-subheading-line-height':'inherit', 6395 '--header-subheading-text-transform':'inherit', 6396 6397 /*Review item styles:*/ 6398 '--item-maximum-columns':'5',/*Must be 3 or larger*/ 6399 '--item-background-start-color':'transparent', 6400 '--item-background-end-color':'transparent', 6401 '--item-gradient-direction':'135deg', 6402 '--item-padding':'0.5em', 6403 '--item-border-width':'0px', 6404 '--item-border-color':'rgba(0,0,0,0.1)', 6405 '--item-border-radius':'0px', 6406 '--item-shadow-size':'0px', 6407 '--item-shadow-color':'rgba(0,0,0,0.1)', 6408 6409 /*Heading styles:*/ 6410 '--heading-text-color':' #0E1311', 6411 '--heading-text-font-weight':' 600', 6412 '--heading-text-font-family':' inherit', 6413 '--heading-text-line-height':' 1.4', 6414 '--heading-text-letter-spacing':'0', 6415 '--heading-text-transform':'none', 6416 6417 /*Body text styles:*/ 6418 '--body-text-color':' #0E1311', 6419 '--body-text-font-weight':'400', 6420 '--body-text-font-family':' inherit', 6421 '--body-text-line-height':' 1.4', 6422 '--body-text-letter-spacing':'0', 6423 '--body-text-transform':'none', 6424 6425 /*Scroll button styles:*/ 6426 '--scroll-button-icon-color':'#0E1311', 6427 '--scroll-button-icon-size':'24px', 6428 '--scroll-button-bg-color':'transparent', 6429 6430 '--scroll-button-border-width':'0px', 6431 '--scroll-button-border-color':'rgba(0,0,0,0.1)', 6432 6433 '--scroll-button-border-radius':'60px', 6434 '--scroll-button-shadow-size':'0px', 6435 '--scroll-button-shadow-color':'rgba(0,0,0,0.1)', 6436 '--scroll-button-horizontal-position':'0px', 6437 '--scroll-button-vertical-position':'0px', 6438 6439 /*Badge styles:*/ 6440 '--badge-icon-color':'#00A362', 6441 '--badge-icon-font-size':'15px', 6442 '--badge-text-color':'#0E1311', 6443 '--badge-text-font-size':'inherit', 6444 '--badge-text-letter-spacing':'inherit', 6445 '--badge-text-transform':'inherit', 6446 6447 /*Author styles:*/ 6448 '--author-font-size':'inherit', 6449 '--author-font-weight':'inherit', 6450 '--author-text-transform':'inherit', 6451 6452 /*Product photo or review photo styles:*/ 6453 '--photo-video-thumbnail-size':'60px', 6454 '--photo-video-thumbnail-border-radius':'0px', 6455 6456 /*Popup styles:*/ 6457 '--popup-backdrop-color':'rgba(0,0,0,0.75)', 6458 '--popup-color':'#ffffff', 6459 '--popup-star-color':'inherit', 6460 '--popup-disabled-star-color':'inherit', 6461 '--popup-heading-text-color':'inherit', 6462 '--popup-body-text-color':'inherit', 6463 '--popup-badge-icon-color':'inherit', 6464 '--popup-badge-icon-font-size':'19px', 6465 '--popup-badge-text-color':'inherit', 6466 '--popup-badge-text-font-size':'14px', 6467 '--popup-border-width':'0px', 6468 '--popup-border-color':'rgba(0,0,0,0.1)', 6469 '--popup-border-radius':'0px', 6470 '--popup-shadow-size':'0px', 6471 '--popup-shadow-color':'rgba(0,0,0,0.1)', 6472 '--popup-icon-color':'#0E1311', 6473 6474 /*Tooltip styles:*/ 6475 '--tooltip-bg-color':'#0E1311', 6476 '--tooltip-text-color':'#ffffff', 6477 }, 6478}); 6479 } 6480 var fmDone = false; 6481 function fmLoad() { 6482 if (fmDone) return; fmDone = true; 6483 ['https://assets.reviews.io/css/widgets/carousel-widget.css?_t=2026052608', 6484 'https://assets.reviews.io/iconfont/reviewsio-icons/style.css?_t=2026052608'].forEach(function (href) { 6485 var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = href; document.head.appendChild(l); 6486 }); 6487 var s = document.createElement('script'); 6488 s.src = 'https://widget.reviews.co.uk/carousel-inline-iframeless/dist.js?_t=2026052608'; 6489 s.onload = fmInitFooterCarousel; 6490 document.head.appendChild(s); 6491 } 6492 function fmNear() { var vh = window.innerHeight || document.documentElement.clientHeight; return el.getBoundingClientRect().top < vh + 800; } 6493 function fmCheck() { if (fmNear()) { fmLoad(); window.removeEventListener('scroll', fmCheck); window.removeEventListener('resize', fmCheck); } } 6494 window.addEventListener('scroll', fmCheck, { passive: true });
6495 window.addEventListener('resize', fmCheck, { passive: true }); 6496 fmCheck(); 6497})(); 6498</script>
6498 6499 6500 6501 6502 <div id="shopify-section-eq-uspa" class="shopify-section eq_uspa_slider"></div> 6503 <div id="shopify-section-eq-footer" class="shopify-section eq_footer fm-footer-section"><footer class="eq-footer fm-footer"><div class="cus-container fm-footer__container"><div class="fm-footer__top"><div class="fm-footer__col fm-footer__brand"><a href="/" class="fm-footer__logo"> 6504 <img src="//www.firstmats.co.uk/cdn/shop/files/First_Mats_Logo_White_400x.png?v=1777635659" alt="First Mats" width="200" height="36" loading="lazy" /> 6505 </a><p class="fm-footer__tagline">Premium industrial mats, made to your exact specifications.</p><ul class="fm-footer__contact-list"><li> 6506 <span class="fm-footer__contact-icon" aria-hidden="true"> 6507 <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M12 22s7-7.58 7-13a7 7 0 0 0-14 0c0 5.42 7 13 7 13z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="9" r="2.5" stroke="currentColor" stroke-width="1.5"/></svg> 6508 </span> 6509 <span class="fm-footer__contact-text"><address> 6510 <span>First Mats Ltd</span> 6511 <span>Cambrai Court</span> 6512 <span>1229 Stratford Road</span> 6513 <span>Hall Green, Birmingham</span> 6514 <span>B28 9AA, U.K.</span> 6515 </address></span> 6516 </li><li> 6517 <span class="fm-footer__contact-icon" aria-hidden="true"> 6518 <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 6519 </span> 6520 <a class="fm-footer__contact-text" href="tel:01217021659">0121 702 1659</a> 6521 </li><li> 6522 <span class="fm-footer__contact-icon" aria-hidden="true"> 6523 <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M3 7l9 6 9-6" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 6524 </span> 6525 <a class="fm-footer__contact-text" href="mailto:[email protected]">[email protected]</a> 6526 </li></ul> 6527 </div><div class="fm-footer__col fm-footer__nav-col" ><h4 class="fm-footer__heading">Here to help</h4> 6528 <button type="button" 6529 class="fm-footer__heading-trigger" 6530 aria-expanded="false" 6531 aria-controls="fm-footer-panel-1" 6532 data-fm-footer-toggle> 6533 <span>Here to help</span> 6534 <svg class="fm-footer__heading-chev" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 6535 <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6536 </svg> 6537 </button><div class="fm-footer__nav-panel" id="fm-footer-panel-1"> 6538 <ul class="fm-footer__nav-list"><li> 6539 <a href="/pages/contact-us" 6540 data-ga-link="footer-nav" 6541 data-ga-link-section="Here to help" 6542 data-ga-link-label="Contact"><span class="fm-footer__nav-text">Contact</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6543 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6544 </span></a> 6545 </li><li> 6546 <a href="/pages/reviews" 6547 data-ga-link="footer-nav" 6548 data-ga-link-section="Here to help" 6549 data-ga-link-label="Reviews"><span class="fm-footer__nav-text">Reviews</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6550 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6551 </span></a> 6552 </li><li> 6553 <a href="/pages/privacy" 6554 data-ga-link="footer-nav" 6555 data-ga-link-section="Here to help" 6556 data-ga-link-label="Privacy Policy"><span class="fm-footer__nav-text">Privacy Policy</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6557 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6558 </span></a> 6559 </li><li> 6560 <a href="/pages/terms" 6561 data-ga-link="footer-nav" 6562 data-ga-link-section="Here to help" 6563 data-ga-link-label="Terms & Condtions"><span class="fm-footer__nav-text">Terms & Condtions</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6564 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6565 </span></a> 6566 </li><li> 6567 <a href="/pages/delivery-information" 6568 data-ga-link="footer-nav" 6569 data-ga-link-section="Here to help" 6570 data-ga-link-label="Delivery & Returns Information"><span class="fm-footer__nav-text">Delivery & Returns Information</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6571 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6572 </span></a> 6573 </li><li> 6574 <a href="/policies/terms-of-service" 6575 data-ga-link="footer-nav" 6576 data-ga-link-section="Here to help" 6577 data-ga-link-label="Terms of Service"><span class="fm-footer__nav-text">Terms of Service</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6578 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6579 </span></a> 6580 </li><li> 6581 <a href="/pages/about-us" 6582 data-ga-link="footer-nav" 6583 data-ga-link-section="Here to help" 6584 data-ga-link-label="About Us"><span class="fm-footer__nav-text">About Us</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6585 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6586 </span></a> 6587 </li></ul> 6588 </div></div>
6588<div class="fm-footer__col fm-footer__nav-col" ><h4 class="fm-footer__heading">Categories</h4> 6589 <button type="button" 6590 class="fm-footer__heading-trigger" 6591 aria-expanded="false" 6592 aria-controls="fm-footer-panel-2" 6593 data-fm-footer-toggle> 6594 <span>Categories</span> 6595 <svg class="fm-footer__heading-chev" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 6596 <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6597 </svg> 6598 </button><div class="fm-footer__nav-panel" id="fm-footer-panel-2"> 6599 <ul class="fm-footer__nav-list"><li> 6600 <a href="/products/premium-indoor-logo-mats" 6601 data-ga-link="footer-nav" 6602 data-ga-link-section="Categories" 6603 data-ga-link-label="Custom Logo Mats"><span class="fm-footer__nav-text">Custom Logo Mats</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6604 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6605 </span></a> 6606 </li><li> 6607 <a href="/collections/rubber-mats" 6608 data-ga-link="footer-nav" 6609 data-ga-link-section="Categories" 6610 data-ga-link-label="Rubber Matting"><span class="fm-footer__nav-text">Rubber Matting</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6611 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6612 </span></a> 6613 </li><li> 6614 <a href="/collections/entrance-mats" 6615 data-ga-link="footer-nav" 6616 data-ga-link-section="Categories" 6617 data-ga-link-label="Entrance Mats"><span class="fm-footer__nav-text">Entrance Mats</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6618 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6619 </span></a> 6620 </li><li> 6621 <a href="/collections/industrial-mats-anti-fatigue" 6622 data-ga-link="footer-nav" 6623 data-ga-link-section="Categories" 6624 data-ga-link-label="Anti-Fatigue Mats"><span class="fm-footer__nav-text">Anti-Fatigue Mats</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6625 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6626 </span></a> 6627 </li><li> 6628 <a href="/collections/trucks-and-trolleys" 6629 data-ga-link="footer-nav" 6630 data-ga-link-section="Categories" 6631 data-ga-link-label="Trucks and Trolleys"><span class="fm-footer__nav-text">Trucks and Trolleys</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6632 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6633 </span></a> 6634 </li><li> 6635 <a href="/collections/spill-control" 6636 data-ga-link="footer-nav" 6637 data-ga-link-section="Categories" 6638 data-ga-link-label="Spill Control Products"><span class="fm-footer__nav-text">Spill Control Products</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6639 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6640 </span></a> 6641 </li><li> 6642 <a href="/collections/swimming-pool-mats" 6643 data-ga-link="footer-nav" 6644 data-ga-link-section="Categories" 6645 data-ga-link-label="Swimming Pool Matting"><span class="fm-footer__nav-text">Swimming Pool Matting</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6646 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6647 </span></a> 6648 </li><li> 6649 <a href="/collections/industrial-fans" 6650 data-ga-link="footer-nav" 6651 data-ga-link-section="Categories" 6652 data-ga-link-label="Large Cooling Fans"><span class="fm-footer__nav-text">Large Cooling Fans</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6653 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6654 </span></a> 6655 </li></ul> 6656 </div></div>
6656<div class="fm-footer__col fm-footer__nav-col" ><h4 class="fm-footer__heading">Not just mats</h4> 6657 <button type="button" 6658 class="fm-footer__heading-trigger" 6659 aria-expanded="false" 6660 aria-controls="fm-footer-panel-3" 6661 data-fm-footer-toggle> 6662 <span>Not just mats</span> 6663 <svg class="fm-footer__heading-chev" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 6664 <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6665 </svg> 6666 </button><div class="fm-footer__nav-panel" id="fm-footer-panel-3"> 6667 <ul class="fm-footer__nav-list"><li> 6668 <a href="/collections/workshop-equipment" 6669 data-ga-link="footer-nav" 6670 data-ga-link-section="Not just mats" 6671 data-ga-link-label="Workshops"><span class="fm-footer__nav-text">Workshops</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6672 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6673 </span></a> 6674 </li><li> 6675 <a href="/collections/warehouse-equipment" 6676 data-ga-link="footer-nav" 6677 data-ga-link-section="Not just mats" 6678 data-ga-link-label="Warehouses"><span class="fm-footer__nav-text">Warehouses</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6679 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6680 </span></a> 6681 </li><li> 6682 <a href="/collections/school-premises-equipment" 6683 data-ga-link="footer-nav" 6684 data-ga-link-section="Not just mats" 6685 data-ga-link-label="Schools"><span class="fm-footer__nav-text">Schools</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6686 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6687 </span></a> 6688 </li><li> 6689 <a href="/collections/construction" 6690 data-ga-link="footer-nav" 6691 data-ga-link-section="Not just mats" 6692 data-ga-link-label="Construction"><span class="fm-footer__nav-text">Construction</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6693 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6694 </span></a> 6695 </li><li> 6696 <a href="/collections/farm-mats-and-equipment" 6697 data-ga-link="footer-nav" 6698 data-ga-link-section="Not just mats" 6699 data-ga-link-label="Agriculture"><span class="fm-footer__nav-text">Agriculture</span><span class="fm-footer__nav-chev" aria-hidden="true"> 6700 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 6701 </span></a> 6702 </li></ul> 6703 </div></div></div><div class="fm-footer__bottom"> 6704 <div class="fm-footer__bottom-left"> 6705 <p>© Copyright First Mats Ltd 2026 - Company Registration no: 07049938 - VAT Registered: 212443353</p> 6706 </div> 6707 <div class="fm-footer__bottom-right"><a href="https://www.facebook.com/FirstMats/?locale=en_GB" 6708 target="_blank" 6709 rel="noopener noreferrer me" 6710 class="fm-footer__social" 6711 aria-label="https://www.facebook.com/FirstMats/?locale=en_GB" 6712 data-ga-link="footer-social" 6713 data-ga-link-label="https://www.facebook.com/FirstMats/?locale=en_GB" 6714 > 6715 <img src="//www.firstmats.co.uk/cdn/shop/files/Untitled_design_3.svg?v=1779118534&width=60" width="20" height="20" alt="" loading="lazy" /> 6716 </a><a href="https://x.com/FirstMats" 6717 target="_blank" 6718 rel="noopener noreferrer me" 6719 class="fm-footer__social" 6720 aria-label="https://x.com/FirstMats" 6721 data-ga-link="footer-social" 6722 data-ga-link-label="https://x.com/FirstMats" 6723 >
6724 <img src="//www.firstmats.co.uk/cdn/shop/files/X_social_Icon_e7b6a11c-e602-4204-b4af-d9cc3ade41f2.svg?v=1779118637&width=60" width="20" height="20" alt="" loading="lazy" /> 6725 </a><a href="https://www.instagram.com/firstmats/?hl=en" 6726 target="_blank" 6727 rel="noopener noreferrer me" 6728 class="fm-footer__social" 6729 aria-label="https://www.instagram.com/firstmats/?hl=en" 6730 data-ga-link="footer-social" 6731 data-ga-link-label="https://www.instagram.com/firstmats/?hl=en" 6732 > 6733 <img src="//www.firstmats.co.uk/cdn/shop/files/Instagram_Socials.svg?v=1779118728&width=60" width="20" height="20" alt="" loading="lazy" /> 6734 </a><a href="https://uk.linkedin.com/company/first-mats-ltd" 6735 target="_blank" 6736 rel="noopener noreferrer me" 6737 class="fm-footer__social" 6738 aria-label="https://uk.linkedin.com/company/first-mats-ltd" 6739 data-ga-link="footer-social" 6740 data-ga-link-label="https://uk.linkedin.com/company/first-mats-ltd" 6741 > 6742 <img src="//www.firstmats.co.uk/cdn/shop/files/Untitled_design_4.svg?v=1779118809&width=60" width="20" height="20" alt="" loading="lazy" /> 6743 </a></div> 6744 </div> 6745 6746 </div> 6747</footer>
6747<script type="application/ld+json"> 6748{ 6749 "@context": "https://schema.org", 6750 "@type": ["Organization", "OnlineStore"], 6751 "@id": "https://www.firstmats.co.uk/#organization", 6752 "name": "First Mats", 6753 "legalName": "First Mats Limited", 6754 "url": "https://www.firstmats.co.uk/", 6755 "logo": { 6756 "@type": "ImageObject", 6757 "@id": "https://www.firstmats.co.uk/#logo", 6758 "url": "https://www.firstmats.co.uk/cdn/shop/files/main-logo.png?v=1728553288", 6759 "contentUrl": "https://www.firstmats.co.uk/cdn/shop/files/main-logo.png?v=1728553288", 6760 "caption": "First Mats", 6761 "inLanguage": "en-GB", 6762 "width": 372, 6763 "height": 68 6764 }, 6765 "foundingDate": "2016", 6766 "founder": { 6767 "@type": "Person", 6768 "name": "Paul" 6769 }, 6770 "description": "First Mats is the UKâs leading matting supplier, providing entrance mats, logo mats and commercial floor matting for shops, schools, hotels, factories, warehouses and workplaces.", 6771 "slogan": "Superior quality floor mats for cleaner entrances, safer workplaces, and busy homes", 6772 "knowsAbout": [ 6773 "Logo mats", 6774 "Commercial entrance matting", 6775 "Anti-fatigue mats", 6776 "Industrial safety mats", 6777 "Domestic entrance mats", 6778 "Made to measure floor mats", 6779 "Custom coir matting", 6780 "Anti-slip safety mats", 6781 "Sports and leisure flooring", 6782 "School entrance matting", 6783 "Ground protection mats", 6784 "Mud control mats", 6785 "Rubber outdoor mats" 6786 ], 6787 "address": { 6788 "@type": "PostalAddress", 6789 "streetAddress": "Cambrai Court, 1229 Stratford Road", 6790 "addressLocality": "Birmingham", 6791 "postalCode": "B28 9AA", 6792 "addressCountry": "GB" 6793 }, 6794 "areaServed": { 6795 "@type": "Country", 6796 "name": "United Kingdom" 6797 },"hasOfferCatalog": { 6798 "@type": "OfferCatalog", 6799 "name": "First Mats product range", 6800 "itemListElement": [ 6801 { 6802 "@type": "Offer", 6803 "name": "Logo Mats", 6804 "url": "https://www.firstmats.co.uk/products/premium-indoor-logo-mats", 6805 "description": "Branded floor mats with your company logo, with RGB and Pantone matching available." 6806 }, 6807 { 6808 "@type": "Offer", 6809 "name": "Entrance Mats", 6810 "url": "https://www.firstmats.co.uk/collections/entrance-mats", 6811 "description": "Premium quality indoor and outdoor entrance mats for commercial and domestic entrances." 6812 }, 6813 { 6814 "@type": "Offer", 6815 "name": "Anti-Fatigue Mats", 6816 "url": "https://www.firstmats.co.uk/collections/industrial-mats-anti-fatigue", 6817 "description": "Quality anti-fatigue mats in custom sizes and built to last in industrial settings." 6818 }, 6819 { 6820 "@type": "Offer", 6821 "name": "Rubber Matting", 6822 "url": "https://www.firstmats.co.uk/collections/rubber-mats", 6823 "description": "A wide range of general purpose and specialist rubber floor mats." 6824 }, 6825 { 6826 "@type": "Offer", 6827 "name": "Ground Protection Mats", 6828 "url": "https://www.firstmats.co.uk/collections/ground-protection-mats", 6829 "description": "Rubber matting and tiles for use on soft, muddy outdoor surfaces." 6830 }, 6831 { 6832 "@type": "Offer", 6833 "name": "Tacky & Specialist Matting", 6834 "url": "https://www.firstmats.co.uk/collections/specialist-matting", 6835 "description": "Specialist floor mats tailored for specific applications and settings." 6836 }, 6837 { 6838 "@type": "Offer", 6839 "name": "Spill Control", 6840 "url": "https://www.firstmats.co.uk/collections/spill-control", 6841 "description": "Spill response kits, absorbent materials, and spill containment products." 6842 }, 6843 { 6844 "@type": "Offer", 6845 "name": "Workplace Equipment", 6846 "url": "https://www.firstmats.co.uk/collections/warehouse-equipment", 6847 "description": "A wide range of safety-boosting workplace products." 6848 } 6849 ] 6850 }, 6851 "vatID": "GB212443353", 6852 "taxID": "GB212443353", 6853 "duns": "216250796", 6854 "identifier": [ 6855 { 6856 "@type": "PropertyValue", 6857 "propertyID": "Companies House", 6858 "value": "07049938" 6859 }, 6860 { 6861 "@type": "PropertyValue", 6862 "propertyID": "VAT", 6863 "value": "GB212443353" 6864 }, 6865 { 6866 "@type": "PropertyValue", 6867 "propertyID": "DUNS", 6868 "value": "216250796" 6869 } 6870 ], 6871 "sameAs": ["https:\/\/find-and-update.company-information.service.gov.uk\/company\/07049938" 6872,"https:\/\/uk.trustpilot.com\/review\/firstmats.co.uk" 6873,"https:\/\/www.reviews.co.uk\/company-reviews\/store\/www.firstmats.co.uk" 6874,"https:\/\/www.google.com\/maps\/place\/First+Mats+Ltd\/@52.4419072,-1.8415616,14z\/data=!4m6!3m5!1s0x4870bbdf4ac6184b:0x9d61ede11191c31b!8m2!3d52.4333336!4d-1.8460909!16s%2Fg%2F11bzszm8j6" 6875,"https:\/\/www.youtube.com\/@firstmats" 6876,"https:\/\/uk.pinterest.com\/firstmats\/" 6877,"https:\/\/www.crunchbase.com\/organization\/first-mats" 6878,"https:\/\/www.facebook.com\/FirstMats\/?locale=en_GB" 6879,"https:\/\/x.com\/FirstMats" 6880,"https:\/\/www.instagram.com\/firstmats\/?hl=en" 6881,"https:\/\/uk.linkedin.com\/company\/first-mats-ltd" 6882], 6883 "contactPoint": [{ 6884 "@type": "ContactPoint", 6885 "contactType": "Customer Service", 6886 "telephone": "+44 121 702 1659", 6887 "email": "[email protected]", 6888 "areaServed": "GB", 6889 "availableLanguage": ["en-GB"], 6890 "hoursAvailable": { 6891 "@type": "OpeningHoursSpecification", 6892 "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], 6893 "opens": "08:00", 6894 "closes": "17:00" 6895 } 6896 }] 6897} 6898</script>
6898 6899
6900<script type="application/ld+json"> 6901{ 6902 "@context": "https://schema.org", 6903 "@type": "WebSite", 6904 "@id": "https://www.firstmats.co.uk/#website", 6905 "url": "https://www.firstmats.co.uk/", 6906 "name": "First Mats", 6907 "inLanguage": "en-GB", 6908 "publisher": { "@id": "https://www.firstmats.co.uk/#organization" }, 6909 "potentialAction": { 6910 "@type": "SearchAction", 6911 "target": "https://www.firstmats.co.uk/search?q={search_term_string}", 6912 "query-input": "required name=search_term_string" 6913 } 6914} 6915</script>
6915 6916 6917
6918<script> 6919(function () { 6920 // Mobile-only accordion behaviour for footer nav columns. Bound to 6921 // every column trigger; CSS handles the open/close animation and the 6922 // desktop hide-trigger / show-list state. 6923 document.querySelectorAll('[data-fm-footer-toggle]').forEach(function (btn) { 6924 btn.addEventListener('click', function () { 6925 var col = btn.closest('.fm-footer__nav-col'); 6926 if (!col) return; 6927 var isOpen = col.classList.toggle('is-open'); 6928 btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 6929 }); 6930 }); 6931})(); 6932</script>
6932 6933</div> 6934 6935 </div> 6936 <!-- Scripts --> 6937 6938 <!-- jQuery Lib -->
6938<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/jquery.hoverIntent.minified.js?v=56060696947679488261785238574" defer></script>
6938 6939 6940 6941 6942 6943 6944 6945 6946 �
6946<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/app.js?v=104470173604183185861787154099" defer></script>
6946 6947 6948 <input type="hidden" id="back_detect" value="no"> 6949
6949<script defer> 6950 onload = function () { 6951 var e = document.getElementById("back_detect"); 6952 if (e.value == "no"){ 6953 e.value = "yes"; 6954 } 6955 else { 6956 e.value = "no"; 6957 location.reload(); 6958 } 6959 } 6960 </script>
6960 6961 6962 6963
6963<script> 6964window.reRenderReviewsIoRatingSnippet = function () { 6965 if (typeof ratingSnippet !== 'function') return; 6966 ratingSnippet("ruk_rating_snippet", { 6967 store: "www.firstmats.co.uk", 6968 mode: "extended", 6969 color: "#f47e27", 6970 linebreak: true, 6971 text: "Reviews", 6972 singularText: "Review", 6973 lang: "en", 6974 usePolaris: false, 6975 showEmptyStars: false, 6976 }); 6977}; 6978(function () { 6979 var l = document.createElement('link'); 6980 l.rel = 'stylesheet'; 6981 l.href = 'https://widget.reviews.co.uk/rating-snippet/dist.css'; 6982 document.head.appendChild(l); 6983 var s = document.createElement('script'); 6984 s.src = 'https://widget.reviews.co.uk/rating-snippet/dist.js'; 6985 s.onload = window.reRenderReviewsIoRatingSnippet; 6986 document.head.appendChild(s); 6987})(); 6988</script>
6988 6989 6990 6991 6992
6992<script type="text/javascript"> 6993 document.addEventListener("DOMContentLoaded", function() { 6994 var currentUrl = window.location.href; 6995 var productPattern = /(\/products\/[a-zA-Z0-9-]+)(\d{14})$/; // Match URLs with 14-digit number at the end 6996 6997 if (productPattern.test(currentUrl)) { 6998 var match = currentUrl.match(productPattern); 6999 var productUrl = match[1]; 7000 var variantId = match[2]; 7001 var newUrl = productUrl + '?variant=' + variantId; 7002 window.location.replace(newUrl); 7003 } 7004 }); 7005 </script>
7005 7006 7007
7007<script type="text/javascript"> 7008 document.addEventListener("DOMContentLoaded", function() { 7009 var currentUrl = window.location.href; 7010 7011 // Check if the URL ends with #! 7012 if (currentUrl.endsWith('#!')) { 7013 var newUrl = currentUrl.replace(/#!$/, ''); // Remove #! from the end 7014 window.location.replace(newUrl); // Redirect to the new URL without #! 7015 } 7016 }); 7017 </script>
7017 7018 7019
7019<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/predictive-search.js?v=52578190886704241541785489900" defer="defer"></script>
7019<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/cart-drawer.js?v=64874818179303344641785238574" defer="defer"></script>
7019 7020 7021 �
7021<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-plugins.js?v=10258584931844896961787228479" defer></script>
7021<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/eq-custom.js?v=79563933052465916271790163717" defer="defer"></script>
7021 7022
7022<script src="//www.firstmats.co.uk/cdn/shop/t/342/assets/custom-dev.js?v=38320571998907868471785238571" defer="defer"></script>
7022 7023 7024 7025 7026 �<div id="shopify-block-ATzdJWHhyNmRuTEpFd__10312807297210203588" class="shopify-block shopify-app-block"> 7027 7028 7029</div>
7029<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7029 7030</body> 7031 7032 �
7032<script> 7033 document.addEventListener('click', function(event) { 7034 if (event.target.matches('body.drawer-open .menu-drawer-overlay')) { 7035 const targetLink = document.querySelector('.icon-link.mobile-only a.mobile-menu-icon.ON'); 7036 if (targetLink) { 7037 targetLink.click(); 7038 } 7039 } 7040 }); 7041 </script>
7041 7042</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.