PageSourceSearch

https://www.firstmats.co.uk/pages/about-us

html firstmats.co.uk collected 2026-09-24 19:20:45 UTC 425,318 bytes, 7,042 lines download raw bytes

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&region_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 &amp; checkout</button>'
1116            + '</div>'
1117          : '<button class="cs-modal-add" id="cs-modal-add">Add to cart &amp; 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&region_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&#39;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&#39;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&region_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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo1.png?v=1741240184&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo2.png?v=1741240197&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo3.png?v=1741240213&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo4.png?v=1741240227&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo5.png?v=1741240241&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo6.png?v=1741240253&amp;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&amp;width=160" srcset="//www.firstmats.co.uk/cdn/shop/files/who-we-serve-logo7.png?v=1741240265&amp;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 &amp; 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 &amp; 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.