PageSourceSearch

https://www.voltimum.co.uk/product-search

html voltimum.co.uk collected 2026-10-02 04:53:21 UTC 924,689 bytes, 17,259 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-gb">
3<head>
4  <meta charset="utf-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1" />
6  <meta name="csrf-token" content="iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM" />
7  <meta
8    name="description"
9    content="Products"
10  />
11
12      <meta name="google-site-verification" content="A3IxoMbxVsFrqD4iMIS25PXM4qCx_9qqzfPR1QZ2ifo" />
13  
14  
15      <link rel="canonical" href="https://www.voltimum.co.uk/product-search" />
16  
17  
18  
19  <title>Products - Voltimum UK</title>
20
21  
22  <meta property="og:title" content="Products - Voltimum UK" />
23  <meta
24    property="og:description"
25    content="Products"
26  />
27  <meta property="og:type" content="website" />
28  <meta property="og:url" content="https://www.voltimum.co.uk/product-search" />
29  <meta property="og:site_name" content="Voltimum" />
30  <meta property="og:locale" content="en_GB" />
31      <meta property="og:image" content="https://www.voltimum.co.uk/img/og-card.png" />
32    <meta property="og:image:width" content="1200" />
33    <meta property="og:image:height" content="630" />
34    <meta property="og:image:alt" content="Products - Voltimum UK" />
35
36  
37  <meta name="twitter:card" content="summary_large_image" />
38  <meta name="twitter:title" content="Products - Voltimum UK" />
39  <meta
40    name="twitter:description"
41    content="Products"
42  />
43      <meta name="twitter:image" content="https://www.voltimum.co.uk/img/og-card.png" />
44    <link rel="icon" href="https://www.voltimum.co.uk/img/v.svg" type="image/svg" />
45
46  <!-- Fonts -->
47  <link rel="preconnect" href="https://fonts.bunny.net" crossorigin />
48  <link href="https://fonts.bunny.net/css?family=Inter:300,400,600&display=swap" rel="stylesheet" />
49
50      <link rel="preconnect" href="https://cdn.voltimum.com" />
51  
52      
52<script
53      type="text/javascript"
54      src="https://cdn.consentmanager.net/delivery/autoblocking/953b686cd522.js"
55      data-cmp-ab="1"
56      data-cmp-host="delivery.consentmanager.net"
57      data-cmp-cdn="cdn.consentmanager.net"
58      data-cmp-codesrc="26"
59    ></script>
59
60  
61      <!-- Google Tag Manager -->
62    
62<script type="text/javascript" data-cmp-vendor="s905">
vendor: 455 bytes, lines 62-72
62
63      (function (w, d, s, l, i) {
64        w[l] = w[l] || [];
65        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
66        var f = d.getElementsByTagName(s)[0],
67          j = d.createElement(s),
68          dl = l != 'dataLayer' ? '&l=' + l : '';
69        j.async = true;
70        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
71        f.parentNode.insertBefore(j, f);
72      })(window, document, 'script', 'dataLayer', '
72GTM-P99PFCDN
vendor: 8 bytes, lines 72-73
72');
73    
73</script>
73
74    <!-- End Google Tag Manager -->
75  
76  <!-- Scripts -->
77      
77<script>
78  var globalTracking = {
79    rnd_url: 'https://www.voltimum.co.uk/js/tracking_rnd.js',
80    pageviews_url: 'https://px.voltimum.com/v.gif',
81    events_url: 'https://px.voltimum.com/e.gif',
82    params: JSON.parse('{\u0022siteid\u0022:\u0022UK\u0022,\u0022categoryVoltimum\u0022:\u0022A\u0022,\u0022brand\u0022:\u0022\u0022,\u0022contentarea\u0022:\u0022PRODUCT\u0022,\u0022topics\u0022:\u0022\u0022,\u0022uuid\u0022:\u0022\u0022,\u0022van\u0022:\u0022\u0022,\u0022status\u0022:\u0022WALKIN\u0022,\u0022url\u0022:\u0022%2Fproduct-search\u0022,\u0022title\u0022:\u0022Products - Voltimum UK\u0022}'),
83    jitsu_tracking_domain: 'https://j.voltimum.com/',
84    basic_ids: ['url', 'title', 'siteid'],
85  };
86
87  // Expose Jitsu params globally and allow late merges from child components
88  var jitsuTrackingParams = JSON.parse('{\u0022country\u0022:\u0022UK\u0022,\u0022van\u0022:\u0022\u0022,\u0022user_category\u0022:\u0022O\u0022,\u0022user_status\u0022:\u0022ANONYMOUS\u0022,\u0022eventname\u0022:\u0022viewProductListing\u0022,\u0022area\u0022:\u0022PRODUCT\u0022}');
89  window.jitsuTrackingParams = Object.assign({}, window.jitsuTrackingParams || {}, jitsuTrackingParams);
90  // If a parent page sets $jitsuWaitForChild=true, hold initialization until the child signals readiness
91  window.jitsuParamsReady = true;
92  // Listen for child components augmenting tracking params
93  window.addEventListener('jitsu:merge', function (e) {
94    try {
95      if (!e || !e.detail || typeof e.detail !== 'object') {
96        return;
97      }
98      Object.assign(window.jitsuTrackingParams, e.detail);
99    } catch (_) {}
100  });
101  // Child components should dispatch this event once they have prepared all additional params
102  window.addEventListener(
103    'jitsu:params-ready',
104    function () {
105      window.jitsuParamsReady = true;
106    },
107    { once: true },
108  );
109
110  document.addEventListener('DOMContentLoaded', () => {
111    window.Livewire.interceptRequest(({ onSuccess }) => {
112      onSuccess(() => {
113        if (typeof _gt_pageview == 'function' && typeof globalTracking == 'object') {
114          var new_url = encodeURIComponent(window.location.pathname + window.location.search + window.location.hash);
115
116          if (new_url != globalTracking.params.url) {
117            globalTracking.params.url = new_url;
118
119            _gt_pageview();
120          }
121
122          setTimeout(function () {
123            _gt_attach(document);
124          }, 0);
125        }
126      });
127    });
128  });
129</script>
129
130
131          
131<script data-cmp-vendor="s1631">
132  (function (e, t, o, n, p, r, i) {
133    e.visitorGlobalObjectAlias = n;
134    e[e.visitorGlobalObjectAlias] =
135      e[e.visitorGlobalObjectAlias] ||
136      function () {
137        (e[e.visitorGlobalObjectAlias].q = e[e.visitorGlobalObjectAlias].q || []).push(arguments);
138      };
139    e[e.visitorGlobalObjectAlias].l = new Date().getTime();
140    r = t.createElement('script');
141    r.src = o;
142    r.async = true;
143    i = t.getElementsByTagName('script')[0];
144    i.parentNode.insertBefore(r, i);
145  })(window, document, 'https://diffuser-cdn.app-us1.com/diffuser/diffuser.js', 'vgo');
146  vgo('setAccount', '68323182');
147  vgo('setTrackByDefault', true);
148  vgo('process');
149</script>
149
150      
151            
151<script data-cmp-vendor="s135">
152  document.addEventListener('DOMContentLoaded', () => {
153    const script = document.createElement('script');
154
155    script.src = 'https://accounts.google.com/gsi/client';
156    script.async = true;
157    script.defer = true;
158    script.setAttribute('data-cmp-vendor', 's135');
159
160    script.onload = function () {
161      google.accounts.id.initialize({
162        client_id: '232389897709-jcp0esvv0re73r6od8plch565hnvaslf.apps.googleusercontent.com',
163        callback: handleCredentialResponse,
164        auto_select: false,
165        cancel_on_tap_outside: false,
166      });
167
168      const parent = document.getElementById('google_btn');
169
170      google.accounts.id.renderButton(parent, { theme: 'filled_blue' });
171      google.accounts.id.prompt();
172    };
173
174    script.onerror = function () {
175      console.error('Failed to load Google One Tap script.');
176    };
177
178    function handleCredentialResponse(response) {
179      fetch('/oauth/google-onetap-login', {
180        method: 'POST',
181        headers: {
182          'Content-Type': 'application/json',
183          'X-CSRF-TOKEN': 'iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM',
184        },
185        body: JSON.stringify({ credential: response.credential }),
186      })
187        .then((res) => res.json())
188        .then((data) => {
189          if (data.success) {
190            if (data.redirect != '') {
191              window.location.href = data.redirect;
192            } else {
193              window.location.reload();
194            }
195          }
196        });
197    }
198
199    document.head.appendChild(script);
200  });
201</script>
201
202      
203    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
204  
205      
205<script type="text/javascript">
206      window.jitsuLoaded = function (jitsu) {
207        const run = function () {
208          try {
209            // VAN & email straight from Blade (no globals, no API)
210            const van = null;
211            const email = null;
212
213            const PAT = /^XX\d{11}$/;
214
215            const userSnapshot = jitsu && typeof jitsu.user === 'function' ? jitsu.user() : {};
216            const anonId = userSnapshot && userSnapshot.anonymousId;
217            const userId = userSnapshot && userSnapshot.userId;
218
219            // Ensure anonymousId exists and matches "XX###########"
220            if (!anonId || !PAT.test(String(anonId))) {
221              // Generate: "XX" + 11 digits (first digit 1–9)
222              let digits = '';
223              if (window.crypto && crypto.getRandomValues) {
224                const a = new Uint32Array(11);
225                crypto.getRandomValues(a);
226                for (let i = 0; i < 11; i++) {
227                  let d = a[i] % 10;
228                  if (i === 0 && d === 0) d = (a[i] % 9) + 1;
229                  digits += d;
230                }
231              } else {
232                for (let i = 0; i < 11; i++) {
233                  let d = Math.floor(Math.random() * 10);
234                  if (i === 0 && d === 0) d = 1 + Math.floor(Math.random() * 9);
235                  digits += d;
236                }
237              }
238              const id = 'XX' + digits;
239              if (jitsu && typeof jitsu.setAnonymousId === 'function') {
240                jitsu.setAnonymousId(id);
241              }
242            }
243
244            // Params
245            const s = window.jitsuTrackingParams || {};
246
247            // Identify by VAN if we have it and no userId yet
248            if (van && !userId && jitsu && typeof jitsu.identify === 'function') {
249              const traits = {
250                email: email,
251                category: s.user_category,
252                status: s.user_status,
253              };
254
255              jitsu.identify(van, traits);
256            }
257
258            // Track .page() events
259            jitsu.page(
260              Object.fromEntries(
261                Object.entries({
262                  eventname: s.eventname,
263                  country: s.country,
264                  brands: s.brands && (Array.isArray(s.brands) ? s.brands : [s.brands]),
265                  brand_impressions: s.brand_impressions && s.brand_impressions.length ? s.brand_impressions : null,
266                  user: {
267                    van: s.van,
268                    category: s.user_category,
269                    status: s.user_status,
270                  },
271                  content: {
272                    area: s.area,
273                    category: s.category,
274                    partner: s.partner,
275                    topics: s.topics && (Array.isArray(s.topics) ? s.topics : [s.topics]),
276                    classifications:
277                      s.classifications && (Array.isArray(s.classifications) ? s.classifications : [s.classifications]),
278                  },
279                }).filter(([, v]) => v != null && v !== ''),
280              ),
281            );
282
283            const bulkProducts = [];
284            if (Array.isArray(bulkProducts) && bulkProducts.length && typeof jitsu.track === 'function') {
285              jitsu.track('bulkAddToCart', {
286                eventname: 'bulkAddToCart',
287                country: s.country,
288                user: {
289                  van: s.van,
290                  category: s.user_category,
291                  status: s.user_status,
292                },
293                products: bulkProducts,
294              });
295            }
296
297            // One-shot conversion events flashed by server-side flows that end
298            // in a redirect (e.g. registration) — same pattern as bulkAddToCart.
299            const conversionEvents = [];
300            if (Array.isArray(conversionEvents) && typeof jitsu.track === 'function') {
301              conversionEvents.forEach(function (name) {
302                if (typeof name !== 'string' || !name) return;
303                jitsu.track(name, {
304                  eventname: name,
305                  country: s.country,
306                  user: {
307                    van: s.van,
308                    category: s.user_category,
309                    status: s.user_status,
310                  },
311                });
312              });
313            }
314
315            window.jitsuEvent = function (name, params = {}) {
316              try {
317                if (!window.jitsu) return;
318
319                var p = window.jitsuTrackingParams || {};
320                const baseData = {
321                  eventname: name,
322                  country: 'UK',
323                  brands: p.brands || null,
324                  brand_impressions: p.brand_impressions && p.brand_impressions.length ? p.brand_impressions : null,
325                  user: {
326                    van: s.van,
327                    category: s.user_category,
328                    status: s.user_status,
329                  },
330                  ...params,
331                };
332
333                // Allow triggering a "page" type event via jitsuEvent
334                if (params && params._page === true && typeof window.jitsu.page === 'function') {
335                  delete baseData._page;
336                  window.jitsu.page(baseData);
337                  return;
338                }
339
340                if (typeof window.jitsu.track === 'function') {
341                  window.jitsu.track(name, baseData);
342                }
343              } catch (e) {
344                console.warn('Jitsu tracking error:', e);
345              }
346            };
347
348            window.dispatchEvent(new CustomEvent('jitsu:ready'));
349
350            // Server-validated conversions dispatched from Livewire components
351            // (e.g. $this->dispatch('jitsu-track', name: 'joinVPlus')).
352            window.addEventListener('jitsu-track', function (event) {
353              const name = event.detail && event.detail.name;
354              if (name) window.jitsuEvent(name, (event.detail && event.detail.params) || {});
355            });
356
357            // Livewire pagination: treat as full page view for Jitsu
358            (function () {
359              const isPaginationAction = function (action) {
360                return typeof action === 'string' && /^(gotoPage|nextPage|previousPage)/.test(action);
361              };
362
363              // Delegate click handling to capture Livewire pagination interactions
364              let debounceId = null;
365              document.addEventListener(
366                'click',
367                function (e) {
368                  const el = e.target && e.target.closest('[wire\\:click]');
369                  if (!el) {
370                    return;
371                  }
372                  const action = el.getAttribute('wire:click');
373                  if (!isPaginationAction(action)) {
374                    return;
375                  }
376
377                  clearTimeout(debounceId);
378                  debounceId = setTimeout(function () {
379                    if (window._brandsPaginationHandled) {
380                      window._brandsPaginationHandled = false;
381                      return;
382                    }
383                    if (typeof window.jitsuEvent === 'function') {
384                      window.jitsuEvent('usePagination', {
385                        _page: true,
386                        url: window.location.href,
387                      });
388                    }
389                  }, 300);
390                },
391                true,
392              );
393
394              // Also intercept Livewire messages to catch programmatic pagination changes
395              try {
396                if (window.Livewire && typeof window.Livewire.interceptMessage === 'function') {
397                  window.Livewire.interceptMessage(function ({ message, onFinish }) {
398                    const isPagination =
399                      message &&
400                      message.actions &&
401                      [...message.actions].some(function (action) {
402                        return isPaginationAction(action && action.name);
403                      });
404                    if (!isPagination) {
405                      return;
406                    }
407                    onFinish(function () {
408                      if (window._brandsPaginationHandled) {
409                        window._brandsPaginationHandled = false;
410                        return;
411                      }
412                      if (typeof window.jitsuEvent === 'function') {
413                        window.jitsuEvent('usePagination', {
414                          _page: true,
415                          url: window.location.href,
416                        });
417                      }
418                    });
419                  });
420                }
421              } catch (_) {
422                // swallow errors
423              }
424
425              // Watch for brand tracking data changes after Livewire morphs the DOM
426              var lastBrandHash = null;
427              var brandInitialised = false;
428              var brandDebounceId = null;
429              new MutationObserver(function () {
430                var el = document.querySelector('[data-brand-tracking]');
431                if (!el) return;
432                var raw = el.getAttribute('data-brand-tracking');
433                if (raw === lastBrandHash) return;
434                lastBrandHash = raw;
435                var d;
436                try {
437                  d = JSON.parse(raw);
438                } catch (_) {
439                  return;
440                }
441                var t = window.jitsuTrackingParams || {};
442                t.brands = d.brands;
443                t.brand_impressions = d.brand_impressions;
444                if (!brandInitialised) {
445                  brandInitialised = true;
446                  return;
447                }
448                // Debounce: Livewire morph may trigger multiple mutations — only fire once
449                clearTimeout(brandDebounceId);
450                brandDebounceId = setTimeout(function () {
451                  window._brandsPaginationHandled = true;
452                  if (typeof window.jitsuEvent === 'function') {
453                    window.jitsuEvent('usePagination', {
454                      _page: true,
455                      url: window.location.href,
456                    });
457                  }
458                }, 50);
459              }).observe(document.body, {
460                subtree: true,
461                childList: true,
462                attributes: true,
463                attributeFilter: ['data-brand-tracking'],
464              });
465            })();
466          } catch (_) {
467            // swallow errors to avoid breaking logout/page render
468          }
469        };
470
471        // Wait until child components have merged their extra params when required
472        if (window.jitsuParamsReady === true) {
473          run();
474        } else {
475          window.addEventListener('jitsu:params-ready', run, { once: true });
476          // Fallback in case readiness isn't signaled within a short time
477          setTimeout(run, 1000);
478        }
479      };
480    </script>
480
481    
481<script
482      type="text/javascript"
483      async
484      src="https://j.voltimum.com/p.js"
485      data-onload="jitsuLoaded"
486      data-init-only="true"
487      data-write-key="xOdNIWNuY5vRouP8cjk4Q3nj4FANDhkh:TZHPRHQEJ6i2MUnxKoM9cn1UOWZIOoca"
488      data-cmp-ab="1"
489    ></script>
489
490  
491  <link rel="preload" as="style" href="https://www.voltimum.co.uk/build/assets/app-C8esmxcH.css" /><link rel="modulepreload" as="script" href="https://www.voltimum.co.uk/build/assets/app-BzCz_pyj.js" /><link rel="stylesheet" href="https://www.voltimum.co.uk/build/assets/app-C8esmxcH.css" data-navigate-track="reload" />
491<script type="module" src="https://www.voltimum.co.uk/build/assets/app-BzCz_pyj.js" data-navigate-track="reload"></script>
491
492  <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
493
494  
495  <style>
496    html {
497      scroll-behavior: smooth;
498    }
499    .format li > p {
500      margin: 0;
501    }
502  </style>
503
504      
504<script type="application/ld+json">
505      {
506    "@context": "https://schema.org",
507    "@type": "CollectionPage",
508    "name": "Products",
509    "url": "https://www.voltimum.co.uk/product-search",
510    "inLanguage": "en-GB"
511}
512    </script>
512
513  
514  
515      
515<script type="application/ld+json">
516      {
517    "@context": "https://schema.org",
518    "@type": "BreadcrumbList",
519    "itemListElement": [
520        {
521            "@type": "ListItem",
522            "position": 1,
523            "name": "Home",
524            "item": "https://www.voltimum.co.uk"
525        },
526        {
527            "@type": "ListItem",
528            "position": 2,
529            "name": "Products",
530            "item": "https://www.voltimum.co.uk/product-search"
531        }
532    ]
533}
534    </script>
534
535  
536  
537  
538  
538<script type="application/ld+json">
539    {
540    "@context": "https://schema.org",
541    "@type": "Organization",
542    "name": "Voltimum",
543    "legalName": "Voltimum UK & Ireland Ltd",
544    "url": "https://www.voltimum.co.uk",
545    "logo": {
546        "@type": "ImageObject",
547        "url": "https://www.voltimum.co.uk/img/voltimum-logo.png",
548        "width": 668,
549        "height": 196
550    },
551    "description": "Voltimum — the B2B portal for the electrical industry in the United Kingdom",
552    "foundingDate": "2002",
553    "vatID": "GB 790 9170 05",
554    "areaServed": "GB",
555    "address": {
556        "@type": "PostalAddress",
557        "streetAddress": "Rotherwick House 3 Thomas More St",
558        "addressLocality": "London",
559        "postalCode": "E1W 1YZ",
560        "addressCountry": "United Kingdom"
561    },
562    "sameAs": [
563        "https://www.facebook.com/Voltimumuk",
564        "https://www.twitter.com/voltimumuk",
565        "https://www.youtube.com/user/VoltimumUK",
566        "https://www.linkedin.com/company/voltimum",
567        "https://www.instagram.com/voltimumuk/",
568        "https://www.voltimum.ie",
569        "https://www.voltimum.de",
570        "https://www.voltimum.at",
571        "https://www.voltimum.ch",
572        "https://www.voltimum.se",
573        "https://www.voltimum.it",
574        "https://www.voltimum.es",
575        "https://www.voltimum.fr",
576        "https://www.voltimum.pt",
577        "https://www.voltimum.pl",
578        "https://www.voltimum.com.tr",
579        "https://www.voltimum.com.au",
580        "https://www.voltimum.com.br",
581        "https://www.voltimum.com.co",
582        "https://www.voltimum.co.nz"
583    ],
584    "contactPoint": {
585        "@type": "ContactPoint",
586        "contactType": "customer support",
587        "url": "https://www.voltimum.co.uk/contact-us"
588    }
589}
590  </script>
590
591  </head>
592
593<body class="flex min-h-screen w-full flex-col antialiased" x-data="data">
594  <div x-persist="top-navigation">
595    <div wire:key="lw-1535712454-0-facet-groups-7" wire:snapshot="{&quot;data&quot;:{&quot;vplus_points&quot;:null,&quot;current_path&quot;:&quot;\/product-search&quot;,&quot;layout&quot;:&quot;app&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;BHYXt0IzIuC56aelGajU&quot;,&quot;name&quot;:&quot;top-navigation&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-2975294033-0-facet-groups-8&quot;:[&quot;button&quot;,&quot;KLCrpHlRjZp1neBzVAyU&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;7e8aa015d7ad5adbe4896ead85d791b5c59a0854ee5e459e3bfdf7d3a02f9f77&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="BHYXt0IzIuC56aelGajU" wire:name="top-navigation"
596  x-data="voltHeader()"
597  x-on:keydown.escape.window="closeAll()"
598  x-on:scroll.window.passive="onScroll()"
599  
600  class="volt-header-shell sticky top-0 z-[1001]"
601>
602  <a
603    href="#main-content"
604    class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[1002] focus:rounded-lg focus:bg-pilot-blue focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-white"
605  >
606    Skip to content
607  </a>
608
609  
610  <div
611    x-show="searchFocused"
612    x-cloak
613    x-transition.opacity.duration.250ms
614    x-on:click="closeAll()"
615    aria-hidden="true"
616    class="fixed inset-0 z-10 bg-[#333333]/70"
617  ></div>
618
619  
620  <header
621    class="volt-header-surface absolute inset-x-0 top-0 transition-shadow duration-300 ease-out"
622    :data-scrolled="scrolled && !compact"
623  >
624    
625    <div
626      class="mx-auto flex max-w-7xl items-center px-4 transition-[height] duration-300 ease-out xl:px-0"
627      :class="scrolled ? 'h-14' : 'h-14 lg:h-20'"
628    >
629      
630      <div class="flex min-w-0 flex-1 items-center gap-2 sm:gap-3 xl:gap-3.5">
631        <button
632          type="button"
633          class="-ml-2 rounded-lg p-2 text-volt-ink transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue lg:hidden"
634          :aria-expanded="menuOpen ? 'true' : 'false'"
635          aria-controls="voltMobileDrawer"
636          aria-label="Menu"
637          x-on:click="toggleMenu()"
638        >
639          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" x-show="!menuOpen" class="h-6 w-6">
640  <path d="M4 7H20.5M4 12.25H20.5M4 17.5H20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
641</svg>
642          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" x-show="menuOpen" x-cloak="x-cloak" class="h-6 w-6">
643  <path d="M6 18L18 6M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
644</svg>
645        </button>
646
647        
648        <a href="/" aria-label="Voltimum" class="min-w-0 shrink sm:shrink-0">
649          
650          <img
651            src="https://www.voltimum.co.uk/img/voltimum.svg"
652            alt="Voltimum"
653            class="h-[30px] w-auto max-w-full object-contain object-left transition-[height] duration-300 ease-out"
654            
655            :class="scrolled ? 'lg:h-7' : 'lg:h-10'"
656          />
657        </a>
658
659        <nav
660  class="hidden max-w-[60rem] shrink-0 items-center transition-[max-width,opacity] duration-300 ease-out lg:flex"
661  :class="searchFocused && 'xl:pointer-events-none xl:max-w-0 xl:opacity-0'"
662  aria-label="Menu"
663>
664  
665  <ul class="flex w-max items-center gap-2.5">
666    <!--[if BLOCK]><![endif]-->                        
667      <li class="close relative" >
668        <a
669                    href="/"
670                              class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50"
671        >
672          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          Home
673          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </a>
674
675        
676        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      </li>
677                            
678      <li class="close relative" >
679        <a
680                    href="/news"
681                              class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50"
682        >
683          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          News
684          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </a>
685
686        
687        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      </li>
688                            
689      <li class="close relative" >
690        <a
691                    href="/academy"
692                              class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50"
693        >
694          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          Academy
695          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </a>
696
697        
698        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      </li>
699                            
700      <li class="close relative"  data-nav-dropdown="dropdownHover4" >
701        <a
702                      id="dropdownHover4Button"
703                    href="/product-search"
704                     aria-current="page"           class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue after:scale-x-100"
705        >
706          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          Products
707          <!--[if BLOCK]><![endif]-->            
708            <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
709  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
710</svg>
711          <!--[if ENDBLOCK]><![endif]-->        </a>
712
713        
714        <!--[if BLOCK]><![endif]-->          <div id="dropdownHover4" class="z-[1002] hidden">
715            
716            <div
717  
718  
719  class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10 
719w-[19rem]"
720>
721  
722  <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span>
723  <ul class="p-2.5" aria-labelledby="dropdownHover4Button">
724                <!--[if BLOCK]><![endif]-->                  <li>
725                    <a
726                      href="/product-catalogue"
727                                            class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue "
728                    >
729                      
730                      <span
731                        aria-hidden="true"
732                        class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
733                      ></span>
734                      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                      <span class="min-w-0 flex-1">Product Categories</span>
735                      
736                                            <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
737  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
738</svg>
739                    </a>
740                  </li>
741                <!--[if ENDBLOCK]><![endif]-->              </ul>
742</div>
743          </div>
744        <!--[if ENDBLOCK]><![endif]-->      </li>
745                            
746      <li class="close relative"  data-nav-dropdown="dropdownHover5" >
747        <a
748                      id="dropdownHover5Button"
749                    href="/partners"
750                              class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50"
751        >
752          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          Partners
753          <!--[if BLOCK]><![endif]-->            
754            <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
755  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
756</svg>
757          <!--[if ENDBLOCK]><![endif]-->        </a>
758
759        
760        <!--[if BLOCK]><![endif]-->          <div id="dropdownHover5" class="z-[1002] hidden">
761            
762            <div
763  
764  
765  class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10"
766>
767  
768  <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span>
769  <div class="w-[52rem] xl:w-[58rem] max-w-[calc(100vw-2rem)]">
770  
771  <div class="max-h-[calc(100vh-7.5rem)] space-y-3.5 overflow-y-auto p-4">
772    <!--[if BLOCK]><![endif]-->            <section aria-labelledby="partnerGroup50">
773        
774        <p id="partnerGroup50" class="mb-1.5 flex items-center gap-2 px-1">
775          <span
776            aria-hidden="true"
777            class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-yellow"
778          ></span>
779          <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Premium</span>
780          
781          <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums">
782            8
783          </span>
784          <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span>
785        </p>
786
787        <!--[if BLOCK]><![endif]-->          
788          <ul class="grid gap-2 grid-cols-3">
789            <!--[if BLOCK]><![endif]-->              <li>
790                <a
791                  href="https://www.voltimum.co.uk/partners/abb"
792                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
793                >
794                  <!--[if BLOCK]><![endif]-->
794                    <span
795   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
796>
797  <!--[if BLOCK]><![endif]-->    
798    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
799    
800    <img
801      src="https://content.voltimum.com/uk/145815/abb.svg"
802      alt=""
803      loading="lazy"
804      decoding="async"
805      fetchpriority="low"
806      class="h-6 w-6 object-contain transition-opacity duration-200"
807      
808      x-init="loaded = $el.complete"
809      x-on:load="loaded = true"
810      
811      x-on:error="loaded = true"
812      :class="{ 'opacity-0': !loaded }"
813    />
814  <!--[if ENDBLOCK]><![endif]--></span>
815                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
816                    <span
817                      class="block truncate font-bold text-volt-ink text-[13px]"
818                      >ABB</span
819                    >
820                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
821                  <!--[if BLOCK]><![endif]-->                    <img
822                      loading="lazy"
823                      class="shrink-0 h-4 w-4"
824                      src="https://www.voltimum.co.uk/img/v-plus.svg"
825                      alt="Voltimum+ Loyalty Programme"
826                    />
827                  <!--[if ENDBLOCK]><![endif]-->                </a>
828              </li>
829                          <li>
830                <a
831                  href="https://www.voltimum.co.uk/partners/brother"
832                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
833                >
834                  <!--[if BLOCK]><![endif]-->                    <span
835   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
836>
837  <!--[if BLOCK]><![endif]-->    
838    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
839    
840    <img
841      src="https://content.voltimum.com/uk/133599/brother.png?width=120"
842      alt=""
843      loading="lazy"
844      decoding="async"
845      fetchpriority="low"
846      class="h-6 w-6 object-contain transition-opacity duration-200"
847      
848      x-init="loaded = $el.complete"
849      x-on:load="loaded = true"
850      
851      x-on:error="loaded = true"
852      :class="{ 'opacity-0': !loaded }"
853    />
854  <!--[if ENDBLOCK]><![endif]--></span>
855                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
856                    <span
857                      class="block truncate font-bold text-volt-ink text-[13px]"
858                      >Brother</span
859                    >
860                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
861                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
862              </li>
863                          <li>
864                <a
865                  href="https://www.voltimum.co.uk/partners/ecolink"
866                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
867                >
868                  <!--[if BLOCK]><![endif]-->                    <span
869   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
870>
871  <!--[if BLOCK]><![endif]-->    
872    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
873    
874    <img
875      src="https://content.voltimum.com/uk/133528/ecolink.png?width=120"
876      alt=""
877      loading="lazy"
878      decoding="async"
879      fetchpriority="low"
880      class="h-6 w-6 object-contain transition-opacity duration-200"
881      
882      x-init="loaded = $el.complete"
883      x-on:load="loaded = true"
884      
885      x-on:error="loaded = true"
886      :class="{ 'opacity-0': !loaded }"
887    />
888  <!--[if ENDBLOCK]><![endif]--></span>
889                  <!--[if ENDBLOCK]><![endif]-->
889                  <span class="min-w-0 flex-1">
890                    <span
891                      class="block truncate font-bold text-volt-ink text-[13px]"
892                      >Ecolink</span
893                    >
894                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
895                  <!--[if BLOCK]><![endif]-->                    <img
896                      loading="lazy"
897                      class="shrink-0 h-4 w-4"
898                      src="https://www.voltimum.co.uk/img/v-plus.svg"
899                      alt="Voltimum+ Loyalty Programme"
900                    />
901                  <!--[if ENDBLOCK]><![endif]-->                </a>
902              </li>
903                          <li>
904                <a
905                  href="https://www.voltimum.co.uk/partners/knipex"
906                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
907                >
908                  <!--[if BLOCK]><![endif]-->                    <span
909   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
910>
911  <!--[if BLOCK]><![endif]-->    
912    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
913    
914    <img
915      src="https://content.voltimum.com/uk/145820/knipex.svg"
916      alt=""
917      loading="lazy"
918      decoding="async"
919      fetchpriority="low"
920      class="h-6 w-6 object-contain transition-opacity duration-200"
921      
922      x-init="loaded = $el.complete"
923      x-on:load="loaded = true"
924      
925      x-on:error="loaded = true"
926      :class="{ 'opacity-0': !loaded }"
927    />
928  <!--[if ENDBLOCK]><![endif]--></span>
929                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
930                    <span
931                      class="block truncate font-bold text-volt-ink text-[13px]"
932                      >KNIPEX</span
933                    >
934                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
935                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
936              </li>
937                          <li>
938                <a
939                  href="https://www.voltimum.co.uk/partners/nvc-lighting"
940                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
941                >
942                  <!--[if BLOCK]><![endif]-->                    <span
943   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
944>
945  <!--[if BLOCK]><![endif]-->    
946    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
947    
948    <img
949      src="https://content.voltimum.com/uk/145549/NVC-Lighting-logo.png?width=120"
950      alt=""
951      loading="lazy"
952      decoding="async"
953      fetchpriority="low"
954      class="h-6 w-6 object-contain transition-opacity duration-200"
955      
956      x-init="loaded = $el.complete"
957      x-on:load="loaded = true"
958      
959      x-on:error="loaded = true"
960      :class="{ 'opacity-0': !loaded }"
961    />
962  <!--[if ENDBLOCK]><![endif]--></span>
963                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
964                    <span
965                      class="block truncate font-bold text-volt-ink text-[13px]"
966                      >NVC Lighting</span
967                    >
968                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
969                  <!--[if BLOCK]><![endif]-->                    <img
970                      loading="lazy"
971                      class="shrink-0 h-4 w-4"
972                      src="https://www.voltimum.co.uk/img/v-plus.svg"
973                      alt="Voltimum+ Loyalty Programme"
974                    />
975                  <!--[if ENDBLOCK]><![endif]-->                </a>
976              </li>
977                          <li>
978                <a
979                  href="https://www.voltimum.co.uk/partners/schneider-electric"
980                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
981                >
982                  <!--[if BLOCK]><![endif]-->
982                    <span
983   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
984>
985  <!--[if BLOCK]><![endif]-->    
986    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
987    
988    <img
989      src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
990      alt=""
991      loading="lazy"
992      decoding="async"
993      fetchpriority="low"
994      class="h-6 w-6 object-contain transition-opacity duration-200"
995      
996      x-init="loaded = $el.complete"
997      x-on:load="loaded = true"
998      
999      x-on:error="loaded = true"
1000      :class="{ 'opacity-0': !loaded }"
1001    />
1002  <!--[if ENDBLOCK]><![endif]--></span>
1003                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
1004                    <span
1005                      class="block truncate font-bold text-volt-ink text-[13px]"
1006                      >Schneider Electric</span
1007                    >
1008                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
1009                  <!--[if BLOCK]><![endif]-->                    <img
1010                      loading="lazy"
1011                      class="shrink-0 h-4 w-4"
1012                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1013                      alt="Voltimum+ Loyalty Programme"
1014                    />
1015                  <!--[if ENDBLOCK]><![endif]-->                </a>
1016              </li>
1017                          <li>
1018                <a
1019                  href="https://www.voltimum.co.uk/partners/wago"
1020                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
1021                >
1022                  <!--[if BLOCK]><![endif]-->                    <span
1023   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1024>
1025  <!--[if BLOCK]><![endif]-->    
1026    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1027    
1028    <img
1029      src="https://content.voltimum.com/uk/145829/wago.svg"
1030      alt=""
1031      loading="lazy"
1032      decoding="async"
1033      fetchpriority="low"
1034      class="h-6 w-6 object-contain transition-opacity duration-200"
1035      
1036      x-init="loaded = $el.complete"
1037      x-on:load="loaded = true"
1038      
1039      x-on:error="loaded = true"
1040      :class="{ 'opacity-0': !loaded }"
1041    />
1042  <!--[if ENDBLOCK]><![endif]--></span>
1043                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
1044                    <span
1045                      class="block truncate font-bold text-volt-ink text-[13px]"
1046                      >Wago</span
1047                    >
1048                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
1049                  <!--[if BLOCK]><![endif]-->                    <img
1050                      loading="lazy"
1051                      class="shrink-0 h-4 w-4"
1052                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1053                      alt="Voltimum+ Loyalty Programme"
1054                    />
1055                  <!--[if ENDBLOCK]><![endif]-->                </a>
1056              </li>
1057                          <li>
1058                <a
1059                  href="https://www.voltimum.co.uk/partners/wibe-group-uk"
1060                  class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5"
1061                >
1062                  <!--[if BLOCK]><![endif]-->
1062                    <span
1063   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1064>
1065  <!--[if BLOCK]><![endif]-->    
1066    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1067    
1068    <img
1069      src="https://content.voltimum.com/uk/145831/wibe-group-uk.svg"
1070      alt=""
1071      loading="lazy"
1072      decoding="async"
1073      fetchpriority="low"
1074      class="h-6 w-6 object-contain transition-opacity duration-200"
1075      
1076      x-init="loaded = $el.complete"
1077      x-on:load="loaded = true"
1078      
1079      x-on:error="loaded = true"
1080      :class="{ 'opacity-0': !loaded }"
1081    />
1082  <!--[if ENDBLOCK]><![endif]--></span>
1083                  <!--[if ENDBLOCK]><![endif]-->                  <span class="min-w-0 flex-1">
1084                    <span
1085                      class="block truncate font-bold text-volt-ink text-[13px]"
1086                      >Wibe Group UK</span
1087                    >
1088                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                  </span>
1089                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1090              </li>
1091            <!--[if ENDBLOCK]><![endif]-->          </ul>
1092        <!--[if ENDBLOCK]><![endif]-->      </section>
1093                <section aria-labelledby="partnerGroup51">
1094        
1095        <p id="partnerGroup51" class="mb-1.5 flex items-center gap-2 px-1">
1096          <span
1097            aria-hidden="true"
1098            class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-blue"
1099          ></span>
1100          <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Manufacturer</span>
1101          
1102          <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums">
1103            39
1104          </span>
1105          <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span>
1106        </p>
1107
1108        <!--[if BLOCK]><![endif]-->          <ul class="grid gap-x-1 grid-cols-4">
1109            <!--[if BLOCK]><![endif]-->              <li>
1110                <a
1111                  href="https://www.voltimum.co.uk/partners/adaptaflex"
1112                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1113                >
1114                  
1115                  <span
1116                    aria-hidden="true"
1117                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1118                  ></span>
1119                  <span
1120   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1121>
1122  <!--[if BLOCK]><![endif]-->    
1123    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1124    
1125    <img
1126      src="https://content.voltimum.com/uk/133504/adaptaflex.png?width=120"
1127      alt=""
1128      loading="lazy"
1129      decoding="async"
1130      fetchpriority="low"
1131      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1132      
1133      x-init="loaded = $el.complete"
1134      x-on:load="loaded = true"
1135      
1136      x-on:error="loaded = true"
1137      :class="{ 'opacity-0': !loaded }"
1138    />
1139  <!--[if ENDBLOCK]><![endif]--></span>
1140                  <span
1141                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1142                  >
1143                    Adaptaflex
1144                  </span>
1145                  <!--[if BLOCK]><![endif]-->                    <img
1146                      loading="lazy"
1147                      class="h-4 w-4 shrink-0"
1148                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1149                      alt="Voltimum+ Loyalty Programme"
1150                    />
1151                  <!--[if ENDBLOCK]><![endif]-->                </a>
1152              </li>
1153                          <li>
1154                <a
1155                  href="https://www.voltimum.co.uk/partners/apc"
1156                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1157                >
1158                  
1159                  <span
1160                    aria-hidden="true"
1161                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1162                  ></span>
1163                  <span
1164   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1165>
1166  <!--[if BLOCK]><![endif]-->    
1167    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1168    
1169    <img
1170      src="https://content.voltimum.com/uk/145816/apc.svg"
1171      alt=""
1172      loading="lazy"
1173      decoding="async"
1174      fetchpriority="low"
1175      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1176      
1177      x-init="loaded = $el.complete"
1178      x-on:load="loaded = true"
1179      
1180      x-on:error="loaded = true"
1181      :class="{ 'opacity-0': !loaded }"
1182    />
1183  <!--[if ENDBLOCK]><![endif]--></span>
1184                  <span
1185                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1186                  >
1187                    APC
1188                  </span>
1189                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1190              </li>
1191                          <li>
1192                <a
1193                  href="https://www.voltimum.co.uk/partners/bg-electrical"
1194                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1195                >
1196                  
1197                  <span
1198                    aria-hidden="true"
1199                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1200                  ></span>
1201                  <span
1202   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1203>
1204  <!--[if BLOCK]><![endif]-->    
1205    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1206    
1207    <img
1208      src="https://content.voltimum.com/uk/133511/bg-electrical.png?width=120"
1209      alt=""
1210      loading="lazy"
1211      decoding="async"
1212      fetchpriority="low"
1213      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1214      
1215      x-init="loaded = $el.complete"
1216      x-on:load="loaded = true"
1217      
1218      x-on:error="loaded = true"
1219      :class="{ 'opacity-0': !loaded }"
1220    />
1221  <!--[if ENDBLOCK]><![endif]--></span>
1222                  <span
1223                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1224                  >
1225                    BG Electrical
1226                  </span>
1227                  <!--[if BLOCK]><![endif]-->                    <img
1228                      loading="lazy"
1229                      class="h-4 w-4 shrink-0"
1230                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1231                      alt="Voltimum+ Loyalty Programme"
1232                    />
1233                  <!--[if ENDBLOCK]><![endif]-->                </a>
1234              </li>
1235                          <li>
1236                <a
1237                  href="https://www.voltimum.co.uk/partners/brady"
1238                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1239                >
1240                  
1241                  <span
1242                    aria-hidden="true"
1243                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1244                  ></span>
1245                  <span
1246   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1247>
1248  <!--[if BLOCK]><![endif]-->    
1249    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1250    
1251    <img
1252      src="https://content.voltimum.com/uk/133513/brady.png?width=120"
1253      alt=""
1254      loading="lazy"
1255      decoding="async"
1256      fetchpriority="low"
1257      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1258      
1259      x-init="loaded = $el.complete"
1260      x-on:load="loaded = true"
1261      
1262      x-on:error="loaded = true"
1263      :class="{ 'opacity-0': !loaded }"
1264    />
1265  <!--[if ENDBLOCK]><![endif]--></span>
1266                  <span
1267                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1268                  >
1269                    Brady
1270                  </span>
1271                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1272              </li>
1273                          <li>
1274                <a
1275                  href="https://www.voltimum.co.uk/partners/british-cables-company"
1276                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1277                >
1278                  
1279                  <span
1280                    aria-hidden="true"
1281                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1282                  ></span>
1283                  <span
1284   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1285>
1286  <!--[if BLOCK]><![endif]-->    
1287    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1288    
1289    <img
1290      src="https://content.voltimum.com/uk/133514/british-cables-company.png?width=120"
1291      alt=""
1292      loading="lazy"
1293      decoding="async"
1294      fetchpriority="low"
1295      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1296      
1297      x-init="loaded = $el.complete"
1298      x-on:load="loaded = true"
1299      
1300      x-on:error="loaded = true"
1301      :class="{ 'opacity-0': !loaded }"
1302    />
1303  <!--[if ENDBLOCK]><![endif]--></span>
1304                  <span
1305                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1306                  >
1307                    British Cables Company
1308                  </span>
1309                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1310              </li>
1311                          <li>
1312                <a
1313                  href="https://www.voltimum.co.uk/partners/cpn-cudis"
1314                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1315                >
1316                  
1317                  <span
1318                    aria-hidden="true"
1319                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1320                  ></span>
1321                  <span
1322   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1323>
1324  <!--[if BLOCK]><![endif]-->    
1325    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1326    
1327    <img
1328      src="https://content.voltimum.com/uk/144991/NEW-Logo-Black.png?width=120"
1329      alt=""
1330      loading="lazy"
1331      decoding="async"
1332      fetchpriority="low"
1333      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1334      
1335      x-init="loaded = $el.complete"
1336      x-on:load="loaded = true"
1337      
1338      x-on:error="loaded = true"
1339      :class="{ 'opacity-0': !loaded }"
1340    />
1341  <!--[if ENDBLOCK]><![endif]--></span>
1342                  <span
1343                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1344                  >
1345                    CPN Cudis
1346                  </span>
1347                  <!--[if BLOCK]><![endif]-->                    <img
1348                      loading="lazy"
1349                      class="h-4 w-4 shrink-0"
1350                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1351                      alt="Voltimum+ Loyalty Programme"
1352                    />
1353                  <!--[if ENDBLOCK]><![endif]-->                </a>
1354              </li>
1355                          <li>
1356                <a
1357                  href="https://www.voltimum.co.uk/partners/crabtree"
1358                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1359                >
1360                  
1361                  <span
1362                    aria-hidden="true"
1363                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1364                  ></span>
1365                  <span
1366   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1367>
1368  <!--[if BLOCK]><![endif]-->    
1369    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1370    
1371    <img
1372      src="https://content.voltimum.com/uk/133518/crabtree.jpg?width=120"
1373      alt=""
1374      loading="lazy"
1375      decoding="async"
1376      fetchpriority="low"
1377      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1378      
1379      x-init="loaded = $el.complete"
1380      x-on:load="loaded = true"
1381      
1382      x-on:error="loaded = true"
1383      :class="{ 'opacity-0': !loaded }"
1384    />
1385  <!--[if ENDBLOCK]><![endif]--></span>
1386                  <span
1387                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1388                  >
1389                    Crabtree
1390                  </span>
1391                  <!--[if BLOCK]><![endif]-->                    <img
1392                      loading="lazy"
1393                      class="h-4 w-4 shrink-0"
1394                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1395                      alt="Voltimum+ Loyalty Programme"
1396                    />
1397                  <!--[if ENDBLOCK]><![endif]-->                </a>
1398              </li>
1399                          <li>
1400                <a
1401                  href="https://www.voltimum.co.uk/partners/dehn"
1402                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1403                >
1404                  
1405                  <span
1406                    aria-hidden="true"
1407                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1408                  ></span>
1409                  <span
1410   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1411>
1412  <!--[if BLOCK]><![endif]-->    
1413    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1414    
1415    <img
1416      src="https://content.voltimum.com/uk/145817/dehn.svg"
1417      alt=""
1418      loading="lazy"
1419      decoding="async"
1420      fetchpriority="low"
1421      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1422      
1423      x-init="loaded = $el.complete"
1424      x-on:load="loaded = true"
1425      
1426      x-on:error="loaded = true"
1427      :class="{ 'opacity-0': !loaded }"
1428    />
1429  <!--[if ENDBLOCK]><![endif]--></span>
1430                  <span
1431                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1432                  >
1433                    Dehn
1434                  </span>
1435                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1436              </li>
1437                          <li>
1438                <a
1439                  href="https://www.voltimum.co.uk/partners/di-log"
1440                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1441                >
1442                  
1443                  <span
1444                    aria-hidden="true"
1445                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1446                  ></span>
1447                  <span
1448   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1449>
1450  <!--[if BLOCK]><![endif]-->    
1451    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1452    
1453    <img
1454      src="https://content.voltimum.com/uk/133520/dilog.png?width=120"
1455      alt=""
1456      loading="lazy"
1457      decoding="async"
1458      fetchpriority="low"
1459      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1460      
1461      x-init="loaded = $el.complete"
1462      x-on:load="loaded = true"
1463      
1464      x-on:error="loaded = true"
1465      :class="{ 'opacity-0': !loaded }"
1466    />
1467  <!--[if ENDBLOCK]><![endif]--></span>
1468                  <span
1469                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1470                  >
1471                    Di-Log
1472                  </span>
1473                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1474              </li>
1475                          <li>
1476                <a
1477                  href="https://www.voltimum.co.uk/partners/doepke"
1478                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1479                >
1480                  
1481                  <span
1482                    aria-hidden="true"
1483                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1484                  ></span>
1485                  <span
1486   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1487>
1488  <!--[if BLOCK]><![endif]-->    
1489    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1490    
1491    <img
1492      src="https://content.voltimum.com/uk/145761/Doepke-Logo-blue.png?width=120"
1493      alt=""
1494      loading="lazy"
1495      decoding="async"
1496      fetchpriority="low"
1497      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1498      
1499      x-init="loaded = $el.complete"
1500      x-on:load="loaded = true"
1501      
1502      x-on:error="loaded = true"
1503      :class="{ 'opacity-0': !loaded }"
1504    />
1505  <!--[if ENDBLOCK]><![endif]--></span>
1506                  <span
1507                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1508                  >
1509                    Doepke
1510                  </span>
1511                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1512              </li>
1513                          <li>
1514                <a
1515                  href="https://www.voltimum.co.uk/partners/e-klips"
1516                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1517                >
1518                  
1519                  <span
1520                    aria-hidden="true"
1521                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1522                  ></span>
1523                  <span
1524   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1525>
1526  <!--[if BLOCK]><![endif]-->    
1527    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1528    
1529    <img
1530      src="https://content.voltimum.com/uk/133522/e-klips.gif?width=120"
1531      alt=""
1532      loading="lazy"
1533      decoding="async"
1534      fetchpriority="low"
1535      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1536      
1537      x-init="loaded = $el.complete"
1538      x-on:load="loaded = true"
1539      
1540      x-on:error="loaded = true"
1541      :class="{ 'opacity-0': !loaded }"
1542    />
1543  <!--[if ENDBLOCK]><![endif]--></span>
1544                  <span
1545                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1546                  >
1547                    E-Klips
1548                  </span>
1549                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1550              </li>
1551                          <li>
1552                <a
1553                  href="https://www.voltimum.co.uk/partners/eaton"
1554                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1555                >
1556                  
1557                  <span
1558                    aria-hidden="true"
1559                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1560                  ></span>
1561                  <span
1562   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1563>
1564  <!--[if BLOCK]><![endif]-->    
1565    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1566    
1567    <img
1568      src="https://content.voltimum.com/uk/133527/eaton.png?width=120"
1569      alt=""
1570      loading="lazy"
1571      decoding="async"
1572      fetchpriority="low"
1573      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1574      
1575      x-init="loaded = $el.complete"
1576      x-on:load="loaded = true"
1577      
1578      x-on:error="loaded = true"
1579      :class="{ 'opacity-0': !loaded }"
1580    />
1581  <!--[if ENDBLOCK]><![endif]--></span>
1582                  <span
1583                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1584                  >
1585                    Eaton
1586                  </span>
1587                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1588              </li>
1589                          <li>
1590                <a
1591                  href="https://www.voltimum.co.uk/partners/electrium"
1592                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1593                >
1594                  
1595                  <span
1596                    aria-hidden="true"
1597                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1598                  ></span>
1599                  <span
1600   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1601>
1602  <!--[if BLOCK]><![endif]-->    
1603    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1604    
1605    <img
1606      src="https://content.voltimum.com/uk/133533/electrium.png?width=120"
1607      alt=""
1608      loading="lazy"
1609      decoding="async"
1610      fetchpriority="low"
1611      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1612      
1613      x-init="loaded = $el.complete"
1614      x-on:load="loaded = true"
1615      
1616      x-on:error="loaded = true"
1617      :class="{ 'opacity-0': !loaded }"
1618    />
1619  <!--[if ENDBLOCK]><![endif]--></span>
1620                  <span
1621                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1622                  >
1623                    Electrium
1624                  </span>
1625                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1626              </li>
1627                          <li>
1628                <a
1629                  href="https://www.voltimum.co.uk/partners/emergi-lite"
1630                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1631                >
1632                  
1633                  <span
1634                    aria-hidden="true"
1635                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1636                  ></span>
1637                  <span
1638   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1639>
1640  <!--[if BLOCK]><![endif]-->    
1641    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1642    
1643    <img
1644      src="https://content.voltimum.com/uk/133534/emergi-lite.png?width=120"
1645      alt=""
1646      loading="lazy"
1647      decoding="async"
1648      fetchpriority="low"
1649      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1650      
1651      x-init="loaded = $el.complete"
1652      x-on:load="loaded = true"
1653      
1654      x-on:error="loaded = true"
1655      :class="{ 'opacity-0': !loaded }"
1656    />
1657  <!--[if ENDBLOCK]><![endif]--></span>
1658                  <span
1659                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1660                  >
1661                    Emergi-Lite
1662                  </span>
1663                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1664              </li>
1665                          <li>
1666                <a
1667                  href="https://www.voltimum.co.uk/partners/fibox"
1668                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1669                >
1670                  
1671                  <span
1672                    aria-hidden="true"
1673                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1674                  ></span>
1675                  <span
1676   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1677>
1678  <!--[if BLOCK]><![endif]-->    
1679    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1680    
1681    <img
1682      src="https://content.voltimum.com/uk/133537/fibox.jpg?width=120"
1683      alt=""
1684      loading="lazy"
1685      decoding="async"
1686      fetchpriority="low"
1687      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1688      
1689      x-init="loaded = $el.complete"
1690      x-on:load="loaded = true"
1691      
1692      x-on:error="loaded = true"
1693      :class="{ 'opacity-0': !loaded }"
1694    />
1695  <!--[if ENDBLOCK]><![endif]--></span>
1696                  <span
1697                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1698                  >
1699                    Fibox
1700                  </span>
1701                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1702              </li>
1703                          <li>
1704                <a
1705                  href="https://www.voltimum.co.uk/partners/flex7"
1706                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1707                >
1708                  
1709                  <span
1710                    aria-hidden="true"
1711                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1712                  ></span>
1713                  <span
1714   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1715>
1716  <!--[if BLOCK]><![endif]-->    
1717    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1718    
1719    <img
1720      src="https://content.voltimum.com/uk/133581/flex7.jpg?width=120"
1721      alt=""
1722      loading="lazy"
1723      decoding="async"
1724      fetchpriority="low"
1725      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1726      
1727      x-init="loaded = $el.complete"
1728      x-on:load="loaded = true"
1729      
1730      x-on:error="loaded = true"
1731      :class="{ 'opacity-0': !loaded }"
1732    />
1733  <!--[if ENDBLOCK]><![endif]--></span>
1734                  <span
1735                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1736                  >
1737                    flex7
1738                  </span>
1739                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1740              </li>
1741                          <li>
1742                <a
1743                  href="https://www.voltimum.co.uk/partners/furse"
1744                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1745                >
1746                  
1747                  <span
1748                    aria-hidden="true"
1749                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1750                  ></span>
1751                  <span
1752   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1753>
1754  <!--[if BLOCK]><![endif]-->    
1755    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1756    
1757    <img
1758      src="https://content.voltimum.com/uk/133538/furse.png?width=120"
1759      alt=""
1760      loading="lazy"
1761      decoding="async"
1762      fetchpriority="low"
1763      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1764      
1765      x-init="loaded = $el.complete"
1766      x-on:load="loaded = true"
1767      
1768      x-on:error="loaded = true"
1769      :class="{ 'opacity-0': !loaded }"
1770    />
1771  <!--[if ENDBLOCK]><![endif]--></span>
1772                  <span
1773                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1774                  >
1775                    Furse
1776                  </span>
1777                  <!--[if BLOCK]><![endif]-->                    <img
1778                      loading="lazy"
1779                      class="h-4 w-4 shrink-0"
1780                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1781                      alt="Voltimum+ Loyalty Programme"
1782                    />
1783                  <!--[if ENDBLOCK]><![endif]-->                </a>
1784              </li>
1785                          <li>
1786                <a
1787                  href="https://www.voltimum.co.uk/partners/interact"
1788                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1789                >
1790                  
1791                  <span
1792                    aria-hidden="true"
1793                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1794                  ></span>
1795                  <span
1796   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1797>
1798  <!--[if BLOCK]><![endif]-->    
1799    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1800    
1801    <img
1802      src="https://content.voltimum.com/uk/133540/interact.png?width=120"
1803      alt=""
1804      loading="lazy"
1805      decoding="async"
1806      fetchpriority="low"
1807      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1808      
1809      x-init="loaded = $el.complete"
1810      x-on:load="loaded = true"
1811      
1812      x-on:error="loaded = true"
1813      :class="{ 'opacity-0': !loaded }"
1814    />
1815  <!--[if ENDBLOCK]><![endif]--></span>
1816                  <span
1817                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1818                  >
1819                    Interact
1820                  </span>
1821                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1822              </li>
1823                          <li>
1824                <a
1825                  href="https://www.voltimum.co.uk/partners/kewtech"
1826                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1827                >
1828                  
1829                  <span
1830                    aria-hidden="true"
1831                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1832                  ></span>
1833                  <span
1834   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1835>
1836  <!--[if BLOCK]><![endif]-->    
1837    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1838    
1839    <img
1840      src="https://content.voltimum.com/uk/133543/kewtech.png?width=120"
1841      alt=""
1842      loading="lazy"
1843      decoding="async"
1844      fetchpriority="low"
1845      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1846      
1847      x-init="loaded = $el.complete"
1848      x-on:load="loaded = true"
1849      
1850      x-on:error="loaded = true"
1851      :class="{ 'opacity-0': !loaded }"
1852    />
1853  <!--[if ENDBLOCK]><![endif]--></span>
1854                  <span
1855                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1856                  >
1857                    Kewtech
1858                  </span>
1859                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1860              </li>
1861                          <li>
1862                <a
1863                  href="https://www.voltimum.co.uk/partners/kopex"
1864                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1865                >
1866                  
1867                  <span
1868                    aria-hidden="true"
1869                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1870                  ></span>
1871                  <span
1872   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1873>
1874  <!--[if BLOCK]><![endif]-->    
1875    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1876    
1877    <img
1878      src="https://content.voltimum.com/uk/133542/kopex.png?width=120"
1879      alt=""
1880      loading="lazy"
1881      decoding="async"
1882      fetchpriority="low"
1883      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1884      
1885      x-init="loaded = $el.complete"
1886      x-on:load="loaded = true"
1887      
1888      x-on:error="loaded = true"
1889      :class="{ 'opacity-0': !loaded }"
1890    />
1891  <!--[if ENDBLOCK]><![endif]--></span>
1892                  <span
1893                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1894                  >
1895                    KOPEX
1896                  </span>
1897                  <!--[if BLOCK]><![endif]-->                    <img
1898                      loading="lazy"
1899                      class="h-4 w-4 shrink-0"
1900                      src="https://www.voltimum.co.uk/img/v-plus.svg"
1901                      alt="Voltimum+ Loyalty Programme"
1902                    />
1903                  <!--[if ENDBLOCK]><![endif]-->                </a>
1904              </li>
1905                          <li>
1906                <a
1907                  href="https://www.voltimum.co.uk/partners/ledvance"
1908                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1909                >
1910                  
1911                  <span
1912                    aria-hidden="true"
1913                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1914                  ></span>
1915                  <span
1916   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1917>
1918  <!--[if BLOCK]><![endif]-->    
1919    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1920    
1921    <img
1922      src="https://content.voltimum.com/uk/145821/ledvance.png?width=120"
1923      alt=""
1924      loading="lazy"
1925      decoding="async"
1926      fetchpriority="low"
1927      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1928      
1929      x-init="loaded = $el.complete"
1930      x-on:load="loaded = true"
1931      
1932      x-on:error="loaded = true"
1933      :class="{ 'opacity-0': !loaded }"
1934    />
1935  <!--[if ENDBLOCK]><![endif]--></span>
1936                  <span
1937                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1938                  >
1939                    LEDVANCE
1940                  </span>
1941                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1942              </li>
1943                          <li>
1944                <a
1945                  href="https://www.voltimum.co.uk/partners/linian"
1946                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1947                >
1948                  
1949                  <span
1950                    aria-hidden="true"
1951                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1952                  ></span>
1953                  <span
1954   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1955>
1956  <!--[if BLOCK]><![endif]-->    
1957    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1958    
1959    <img
1960      src="https://content.voltimum.com/uk/133674/linian.png?width=120"
1961      alt=""
1962      loading="lazy"
1963      decoding="async"
1964      fetchpriority="low"
1965      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
1966      
1967      x-init="loaded = $el.complete"
1968      x-on:load="loaded = true"
1969      
1970      x-on:error="loaded = true"
1971      :class="{ 'opacity-0': !loaded }"
1972    />
1973  <!--[if ENDBLOCK]><![endif]--></span>
1974                  <span
1975                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
1976                  >
1977                    Linian
1978                  </span>
1979                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
1980              </li>
1981                          <li>
1982                <a
1983                  href="https://www.voltimum.co.uk/partners/luceco"
1984                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
1985                >
1986                  
1987                  <span
1988                    aria-hidden="true"
1989                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
1990                  ></span>
1991                  <span
1992   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
1993>
1994  <!--[if BLOCK]><![endif]-->    
1995    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
1996    
1997    <img
1998      src="https://content.voltimum.com/uk/133547/luceco.png?width=120"
1999      alt=""
2000      loading="lazy"
2001      decoding="async"
2002      fetchpriority="low"
2003      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2004      
2005      x-init="loaded = $el.complete"
2006      x-on:load="loaded = true"
2007      
2008      x-on:error="loaded = true"
2009      :class="{ 'opacity-0': !loaded }"
2010    />
2011  <!--[if ENDBLOCK]><![endif]--></span>
2012                  <span
2013                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2014                  >
2015                    Luceco
2016                  </span>
2017                  <!--[if BLOCK]><![endif]-->                    <img
2018                      loading="lazy"
2019                      class="h-4 w-4 shrink-0"
2020                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2021                      alt="Voltimum+ Loyalty Programme"
2022                    />
2023                  <!--[if ENDBLOCK]><![endif]-->                </a>
2024              </li>
2025                          <li>
2026                <a
2027                  href="https://www.voltimum.co.uk/partners/marshall-tufflex"
2028                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2029                >
2030                  
2031                  <span
2032                    aria-hidden="true"
2033                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2034                  ></span>
2035                  <span
2036   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2037>
2038  <!--[if BLOCK]><![endif]-->    
2039    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2040    
2041    <img
2042      src="https://content.voltimum.com/uk/133548/marshall-tufflex-ltd.png?width=120"
2043      alt=""
2044      loading="lazy"
2045      decoding="async"
2046      fetchpriority="low"
2047      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2048      
2049      x-init="loaded = $el.complete"
2050      x-on:load="loaded = true"
2051      
2052      x-on:error="loaded = true"
2053      :class="{ 'opacity-0': !loaded }"
2054    />
2055  <!--[if ENDBLOCK]><![endif]--></span>
2056                  <span
2057                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2058                  >
2059                    Marshall Tufflex
2060                  </span>
2061                  <!--[if BLOCK]><![endif]-->                    <img
2062                      loading="lazy"
2063                      class="h-4 w-4 shrink-0"
2064                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2065                      alt="Voltimum+ Loyalty Programme"
2066                    />
2067                  <!--[if ENDBLOCK]><![endif]-->                </a>
2068              </li>
2069                          <li>
2070                <a
2071                  href="https://www.voltimum.co.uk/partners/martindale-electric"
2072                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2073                >
2074                  
2075                  <span
2076                    aria-hidden="true"
2077                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2078                  ></span>
2079                  <span
2080   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2081>
2082  <!--[if BLOCK]><![endif]-->    
2083    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2084    
2085    <img
2086      src="https://content.voltimum.com/uk/133550/martindale-electric.jpg?width=120"
2087      alt=""
2088      loading="lazy"
2089      decoding="async"
2090      fetchpriority="low"
2091      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2092      
2093      x-init="loaded = $el.complete"
2094      x-on:load="loaded = true"
2095      
2096      x-on:error="loaded = true"
2097      :class="{ 'opacity-0': !loaded }"
2098    />
2099  <!--[if ENDBLOCK]><![endif]--></span>
2100                  <span
2101                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2102                  >
2103                    Martindale Electric
2104                  </span>
2105                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2106              </li>
2107                          <li>
2108                <a
2109                  href="https://www.voltimum.co.uk/partners/masterplug"
2110                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2111                >
2112                  
2113                  <span
2114                    aria-hidden="true"
2115                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2116                  ></span>
2117                  <span
2118   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2119>
2120  <!--[if BLOCK]><![endif]-->    
2121    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2122    
2123    <img
2124      src="https://content.voltimum.com/uk/133551/masterplug.png?width=120"
2125      alt=""
2126      loading="lazy"
2127      decoding="async"
2128      fetchpriority="low"
2129      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2130      
2131      x-init="loaded = $el.complete"
2132      x-on:load="loaded = true"
2133      
2134      x-on:error="loaded = true"
2135      :class="{ 'opacity-0': !loaded }"
2136    />
2137  <!--[if ENDBLOCK]><![endif]--></span>
2138                  <span
2139                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2140                  >
2141                    Masterplug
2142                  </span>
2143                  <!--[if BLOCK]><![endif]-->                    <img
2144                      loading="lazy"
2145                      class="h-4 w-4 shrink-0"
2146                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2147                      alt="Voltimum+ Loyalty Programme"
2148                    />
2149                  <!--[if ENDBLOCK]><![endif]-->                </a>
2150              </li>
2151                          <li>
2152                <a
2153                  href="https://www.voltimum.co.uk/partners/megger"
2154                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2155                >
2156                  
2157                  <span
2158                    aria-hidden="true"
2159                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2160                  ></span>
2161                  <span
2162   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2163>
2164  <!--[if BLOCK]><![endif]-->    
2165    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2166    
2167    <img
2168      src="https://content.voltimum.com/uk/133552/megger.png?width=120"
2169      alt=""
2170      loading="lazy"
2171      decoding="async"
2172      fetchpriority="low"
2173      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2174      
2175      x-init="loaded = $el.complete"
2176      x-on:load="loaded = true"
2177      
2178      x-on:error="loaded = true"
2179      :class="{ 'opacity-0': !loaded }"
2180    />
2181  <!--[if ENDBLOCK]><![endif]--></span>
2182                  <span
2183                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2184                  >
2185                    Megger
2186                  </span>
2187                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2188              </li>
2189                          <li>
2190                <a
2191                  href="https://www.voltimum.co.uk/partners/nexans"
2192                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2193                >
2194                  
2195                  <span
2196                    aria-hidden="true"
2197                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2198                  ></span>
2199                  <span
2200   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2201>
2202  <!--[if BLOCK]><![endif]-->    
2203    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2204    
2205    <img
2206      src="https://content.voltimum.com/uk/145822/nexans.svg"
2207      alt=""
2208      loading="lazy"
2209      decoding="async"
2210      fetchpriority="low"
2211      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2212      
2213      x-init="loaded = $el.complete"
2214      x-on:load="loaded = true"
2215      
2216      x-on:error="loaded = true"
2217      :class="{ 'opacity-0': !loaded }"
2218    />
2219  <!--[if ENDBLOCK]><![endif]--></span>
2220                  <span
2221                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2222                  >
2223                    Nexans
2224                  </span>
2225                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2226              </li>
2227                          <li>
2228                <a
2229                  href="https://www.voltimum.co.uk/partners/philips"
2230                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2231                >
2232                  
2233                  <span
2234                    aria-hidden="true"
2235                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2236                  ></span>
2237                  <span
2238   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2239>
2240  <!--[if BLOCK]><![endif]-->    
2241    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2242    
2243    <img
2244      src="https://content.voltimum.com/uk/145823/philips.svg"
2245      alt=""
2246      loading="lazy"
2247      decoding="async"
2248      fetchpriority="low"
2249      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2250      
2251      x-init="loaded = $el.complete"
2252      x-on:load="loaded = true"
2253      
2254      x-on:error="loaded = true"
2255      :class="{ 'opacity-0': !loaded }"
2256    />
2257  <!--[if ENDBLOCK]><![endif]--></span>
2258                  <span
2259                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2260                  >
2261                    Philips
2262                  </span>
2263                  <!--[if BLOCK]><![endif]-->                    <img
2264                      loading="lazy"
2265                      class="h-4 w-4 shrink-0"
2266                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2267                      alt="Voltimum+ Loyalty Programme"
2268                    />
2269                  <!--[if ENDBLOCK]><![endif]-->                </a>
2270              </li>
2271                          <li>
2272                <a
2273                  href="https://www.voltimum.co.uk/partners/quickwire"
2274                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2275                >
2276                  
2277                  <span
2278                    aria-hidden="true"
2279                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2280                  ></span>
2281                  <span
2282   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2283>
2284  <!--[if BLOCK]><![endif]-->    
2285    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2286    
2287    <img
2288      src="https://content.voltimum.com/uk/133560/quickwire.png?width=120"
2289      alt=""
2290      loading="lazy"
2291      decoding="async"
2292      fetchpriority="low"
2293      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2294      
2295      x-init="loaded = $el.complete"
2296      x-on:load="loaded = true"
2297      
2298      x-on:error="loaded = true"
2299      :class="{ 'opacity-0': !loaded }"
2300    />
2301  <!--[if ENDBLOCK]><![endif]--></span>
2302                  <span
2303                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2304                  >
2305                    Quickwire
2306                  </span>
2307                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2308              </li>
2309                          <li>
2310                <a
2311                  href="https://www.voltimum.co.uk/partners/rointe"
2312                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2313                >
2314                  
2315                  <span
2316                    aria-hidden="true"
2317                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2318                  ></span>
2319                  <span
2320   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2321>
2322  <!--[if BLOCK]><![endif]-->    
2323    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2324    
2325    <img
2326      src="https://content.voltimum.com/uk/133562/rointe.jpg?width=120"
2327      alt=""
2328      loading="lazy"
2329      decoding="async"
2330      fetchpriority="low"
2331      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2332      
2333      x-init="loaded = $el.complete"
2334      x-on:load="loaded = true"
2335      
2336      x-on:error="loaded = true"
2337      :class="{ 'opacity-0': !loaded }"
2338    />
2339  <!--[if ENDBLOCK]><![endif]--></span>
2340                  <span
2341                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2342                  >
2343                    Rointe
2344                  </span>
2345                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2346              </li>
2347                          <li>
2348                <a
2349                  href="https://www.voltimum.co.uk/partners/shelly"
2350                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2351                >
2352                  
2353                  <span
2354                    aria-hidden="true"
2355                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2356                  ></span>
2357                  <span
2358   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2359>
2360  <!--[if BLOCK]><![endif]-->    
2361    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2362    
2363    <img
2364      src="https://content.voltimum.com/uk/145827/shelly.svg"
2365      alt=""
2366      loading="lazy"
2367      decoding="async"
2368      fetchpriority="low"
2369      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2370      
2371      x-init="loaded = $el.complete"
2372      x-on:load="loaded = true"
2373      
2374      x-on:error="loaded = true"
2375      :class="{ 'opacity-0': !loaded }"
2376    />
2377  <!--[if ENDBLOCK]><![endif]--></span>
2378                  <span
2379                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2380                  >
2381                    Shelly
2382                  </span>
2383                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2384              </li>
2385                          <li>
2386                <a
2387                  href="https://www.voltimum.co.uk/partners/siemens"
2388                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2389                >
2390                  
2391                  <span
2392                    aria-hidden="true"
2393                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2394                  ></span>
2395                  <span
2396   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2397>
2398  <!--[if BLOCK]><![endif]-->    
2399    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2400    
2401    <img
2402      src="https://content.voltimum.com/uk/133566/siemens.png?width=120"
2403      alt=""
2404      loading="lazy"
2405      decoding="async"
2406      fetchpriority="low"
2407      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2408      
2409      x-init="loaded = $el.complete"
2410      x-on:load="loaded = true"
2411      
2412      x-on:error="loaded = true"
2413      :class="{ 'opacity-0': !loaded }"
2414    />
2415  <!--[if ENDBLOCK]><![endif]--></span>
2416                  <span
2417                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2418                  >
2419                    Siemens
2420                  </span>
2421                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2422              </li>
2423                          <li>
2424                <a
2425                  href="https://www.voltimum.co.uk/partners/signify"
2426                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2427                >
2428                  
2429                  <span
2430                    aria-hidden="true"
2431                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2432                  ></span>
2433                  <span
2434   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2435>
2436  <!--[if BLOCK]><![endif]-->    
2437    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2438    
2439    <img
2440      src="https://content.voltimum.com/uk/145828/signify.svg"
2441      alt=""
2442      loading="lazy"
2443      decoding="async"
2444      fetchpriority="low"
2445      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2446      
2447      x-init="loaded = $el.complete"
2448      x-on:load="loaded = true"
2449      
2450      x-on:error="loaded = true"
2451      :class="{ 'opacity-0': !loaded }"
2452    />
2453  <!--[if ENDBLOCK]><![endif]--></span>
2454                  <span
2455                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2456                  >
2457                    Signify
2458                  </span>
2459                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2460              </li>
2461                          <li>
2462                <a
2463                  href="https://www.voltimum.co.uk/partners/sync-energy"
2464                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2465                >
2466                  
2467                  <span
2468                    aria-hidden="true"
2469                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2470                  ></span>
2471                  <span
2472   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2473>
2474  <!--[if BLOCK]><![endif]-->    
2475    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2476    
2477    <img
2478      src="https://content.voltimum.com/uk/133569/sync-energy.png?width=120"
2479      alt=""
2480      loading="lazy"
2481      decoding="async"
2482      fetchpriority="low"
2483      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2484      
2485      x-init="loaded = $el.complete"
2486      x-on:load="loaded = true"
2487      
2488      x-on:error="loaded = true"
2489      :class="{ 'opacity-0': !loaded }"
2490    />
2491  <!--[if ENDBLOCK]><![endif]--></span>
2492                  <span
2493                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2494                  >
2495                    Sync Energy
2496                  </span>
2497                  <!--[if BLOCK]><![endif]-->                    <img
2498                      loading="lazy"
2499                      class="h-4 w-4 shrink-0"
2500                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2501                      alt="Voltimum+ Loyalty Programme"
2502                    />
2503                  <!--[if ENDBLOCK]><![endif]-->                </a>
2504              </li>
2505                          <li>
2506                <a
2507                  href="https://www.voltimum.co.uk/partners/twisttail"
2508                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2509                >
2510                  
2511                  <span
2512                    aria-hidden="true"
2513                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2514                  ></span>
2515                  <span
2516   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2517>
2518  <!--[if BLOCK]><![endif]-->    
2519    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2520    
2521    <img
2522      src="https://content.voltimum.com/uk/133571/twisttail.gif?width=120"
2523      alt=""
2524      loading="lazy"
2525      decoding="async"
2526      fetchpriority="low"
2527      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2528      
2529      x-init="loaded = $el.complete"
2530      x-on:load="loaded = true"
2531      
2532      x-on:error="loaded = true"
2533      :class="{ 'opacity-0': !loaded }"
2534    />
2535  <!--[if ENDBLOCK]><![endif]--></span>
2536                  <span
2537                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2538                  >
2539                    TWISTTAIL
2540                  </span>
2541                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2542              </li>
2543                          <li>
2544                <a
2545                  href="https://www.voltimum.co.uk/partners/ty-met"
2546                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2547                >
2548                  
2549                  <span
2550                    aria-hidden="true"
2551                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2552                  ></span>
2553                  <span
2554   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2555>
2556  <!--[if BLOCK]><![endif]-->    
2557    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2558    
2559    <img
2560      src="https://content.voltimum.com/uk/133572/ty-met.gif?width=120"
2561      alt=""
2562      loading="lazy"
2563      decoding="async"
2564      fetchpriority="low"
2565      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2566      
2567      x-init="loaded = $el.complete"
2568      x-on:load="loaded = true"
2569      
2570      x-on:error="loaded = true"
2571      :class="{ 'opacity-0': !loaded }"
2572    />
2573  <!--[if ENDBLOCK]><![endif]--></span>
2574                  <span
2575                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2576                  >
2577                    TY-MET
2578                  </span>
2579                  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </a>
2580              </li>
2581                          <li>
2582                <a
2583                  href="https://www.voltimum.co.uk/partners/ty-rap"
2584                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2585                >
2586                  
2587                  <span
2588                    aria-hidden="true"
2589                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2590                  ></span>
2591                  <span
2592   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2593>
2594  <!--[if BLOCK]><![endif]-->    
2595    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2596    
2597    <img
2598      src="https://content.voltimum.com/uk/133573/ty-rap.png?width=120"
2599      alt=""
2600      loading="lazy"
2601      decoding="async"
2602      fetchpriority="low"
2603      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2604      
2605      x-init="loaded = $el.complete"
2606      x-on:load="loaded = true"
2607      
2608      x-on:error="loaded = true"
2609      :class="{ 'opacity-0': !loaded }"
2610    />
2611  <!--[if ENDBLOCK]><![endif]--></span>
2612                  <span
2613                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2614                  >
2615                    TY-RAP
2616                  </span>
2617                  <!--[if BLOCK]><![endif]-->                    <img
2618                      loading="lazy"
2619                      class="h-4 w-4 shrink-0"
2620                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2621                      alt="Voltimum+ Loyalty Programme"
2622                    />
2623                  <!--[if ENDBLOCK]><![endif]-->                </a>
2624              </li>
2625                          <li>
2626                <a
2627                  href="https://www.voltimum.co.uk/partners/wylex"
2628                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2629                >
2630                  
2631                  <span
2632                    aria-hidden="true"
2633                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2634                  ></span>
2635                  <span
2636   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2637>
2638  <!--[if BLOCK]><![endif]-->    
2639    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2640    
2641    <img
2642      src="https://content.voltimum.com/uk/133580/wylex.jpg?width=120"
2643      alt=""
2644      loading="lazy"
2645      decoding="async"
2646      fetchpriority="low"
2647      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2648      
2649      x-init="loaded = $el.complete"
2650      x-on:load="loaded = true"
2651      
2652      x-on:error="loaded = true"
2653      :class="{ 'opacity-0': !loaded }"
2654    />
2655  <!--[if ENDBLOCK]><![endif]--></span>
2656                  <span
2657                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2658                  >
2659                    Wylex
2660                  </span>
2661                  <!--[if BLOCK]><![endif]-->                    <img
2662                      loading="lazy"
2663                      class="h-4 w-4 shrink-0"
2664                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2665                      alt="Voltimum+ Loyalty Programme"
2666                    />
2667                  <!--[if ENDBLOCK]><![endif]-->                </a>
2668              </li>
2669            <!--[if ENDBLOCK]><![endif]-->          </ul>
2670        <!--[if ENDBLOCK]><![endif]-->      </section>
2671                <section aria-labelledby="partnerGroup52">
2672        
2673        <p id="partnerGroup52" class="mb-1.5 flex items-center gap-2 px-1">
2674          <span
2675            aria-hidden="true"
2676            class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-blue"
2677          ></span>
2678          <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Distributor</span>
2679          
2680          <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums">
2681            8
2682          </span>
2683          <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span>
2684        </p>
2685
2686        <!--[if BLOCK]><![endif]-->          <ul class="grid gap-x-1 grid-cols-4">
2687            <!--[if BLOCK]><![endif]-->              <li>
2688                <a
2689                  href="https://www.voltimum.co.uk/partners/bpx-electro-mechanical-co-ltd"
2690                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2691                >
2692                  
2693                  <span
2694                    aria-hidden="true"
2695                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2696                  ></span>
2697                  <span
2698   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2699>
2700  <!--[if BLOCK]><![endif]-->    
2701    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2702    
2703    <img
2704      src="https://content.voltimum.com/uk/145477/BPX-Part-of-RS-Group_RGB_Colour.svg"
2705      alt=""
2706      loading="lazy"
2707      decoding="async"
2708      fetchpriority="low"
2709      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2710      
2711      x-init="loaded = $el.complete"
2712      x-on:load="loaded = true"
2713      
2714      x-on:error="loaded = true"
2715      :class="{ 'opacity-0': !loaded }"
2716    />
2717  <!--[if ENDBLOCK]><![endif]--></span>
2718                  <span
2719                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2720                  >
2721                    BPX Electro Mechanical Co. Ltd
2722                  </span>
2723                  <!--[if BLOCK]><![endif]-->                    <img
2724                      loading="lazy"
2725                      class="h-4 w-4 shrink-0"
2726                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2727                      alt="Voltimum+ Loyalty Programme"
2728                    />
2729                  <!--[if ENDBLOCK]><![endif]-->                </a>
2730              </li>
2731                          <li>
2732                <a
2733                  href="https://www.voltimum.co.uk/partners/city-electrical-factors"
2734                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2735                >
2736                  
2737                  <span
2738                    aria-hidden="true"
2739                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2740                  ></span>
2741                  <span
2742   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2743>
2744  <!--[if BLOCK]><![endif]-->    
2745    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2746    
2747    <img
2748      src="https://content.voltimum.com/uk/133515/city-electrical-factors.png?width=120"
2749      alt=""
2750      loading="lazy"
2751      decoding="async"
2752      fetchpriority="low"
2753      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2754      
2755      x-init="loaded = $el.complete"
2756      x-on:load="loaded = true"
2757      
2758      x-on:error="loaded = true"
2759      :class="{ 'opacity-0': !loaded }"
2760    />
2761  <!--[if ENDBLOCK]><![endif]--></span>
2762                  <span
2763                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2764                  >
2765                    City Electrical Factors
2766                  </span>
2767                  <!--[if BLOCK]><![endif]-->                    <img
2768                      loading="lazy"
2769                      class="h-4 w-4 shrink-0"
2770                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2771                      alt="Voltimum+ Loyalty Programme"
2772                    />
2773                  <!--[if ENDBLOCK]><![endif]-->                </a>
2774              </li>
2775                          <li>
2776                <a
2777                  href="https://www.voltimum.co.uk/partners/control-components-anglia"
2778                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2779                >
2780                  
2781                  <span
2782                    aria-hidden="true"
2783                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2784                  ></span>
2785                  <span
2786   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2787>
2788  <!--[if BLOCK]><![endif]-->    
2789    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2790    
2791    <img
2792      src="https://content.voltimum.com/uk/133517/control-components-anglia.png?width=120"
2793      alt=""
2794      loading="lazy"
2795      decoding="async"
2796      fetchpriority="low"
2797      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2798      
2799      x-init="loaded = $el.complete"
2800      x-on:load="loaded = true"
2801      
2802      x-on:error="loaded = true"
2803      :class="{ 'opacity-0': !loaded }"
2804    />
2805  <!--[if ENDBLOCK]><![endif]--></span>
2806                  <span
2807                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2808                  >
2809                    Control Components Anglia
2810                  </span>
2811                  <!--[if BLOCK]><![endif]-->                    <img
2812                      loading="lazy"
2813                      class="h-4 w-4 shrink-0"
2814                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2815                      alt="Voltimum+ Loyalty Programme"
2816                    />
2817                  <!--[if ENDBLOCK]><![endif]-->                </a>
2818              </li>
2819                          <li>
2820                <a
2821                  href="https://www.voltimum.co.uk/partners/expert-electrical"
2822                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2823                >
2824                  
2825                  <span
2826                    aria-hidden="true"
2827                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2828                  ></span>
2829                  <span
2830   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2831>
2832  <!--[if BLOCK]><![endif]-->    
2833    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2834    
2835    <img
2836      src="https://content.voltimum.com/uk/133536/expert-electrical.png?width=120"
2837      alt=""
2838      loading="lazy"
2839      decoding="async"
2840      fetchpriority="low"
2841      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2842      
2843      x-init="loaded = $el.complete"
2844      x-on:load="loaded = true"
2845      
2846      x-on:error="loaded = true"
2847      :class="{ 'opacity-0': !loaded }"
2848    />
2849  <!--[if ENDBLOCK]><![endif]--></span>
2850                  <span
2851                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2852                  >
2853                    Expert Electrical
2854                  </span>
2855                  <!--[if BLOCK]><![endif]-->                    <img
2856                      loading="lazy"
2857                      class="h-4 w-4 shrink-0"
2858                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2859                      alt="Voltimum+ Loyalty Programme"
2860                    />
2861                  <!--[if ENDBLOCK]><![endif]-->                </a>
2862              </li>
2863                          <li>
2864                <a
2865                  href="https://www.voltimum.co.uk/partners/medlock"
2866                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2867                >
2868                  
2869                  <span
2870                    aria-hidden="true"
2871                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2872                  ></span>
2873                  <span
2874   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2875>
2876  <!--[if BLOCK]><![endif]-->    
2877    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2878    
2879    <img
2880      src="https://content.voltimum.com/uk/133549/medlock.png?width=120"
2881      alt=""
2882      loading="lazy"
2883      decoding="async"
2884      fetchpriority="low"
2885      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2886      
2887      x-init="loaded = $el.complete"
2888      x-on:load="loaded = true"
2889      
2890      x-on:error="loaded = true"
2891      :class="{ 'opacity-0': !loaded }"
2892    />
2893  <!--[if ENDBLOCK]><![endif]--></span>
2894                  <span
2895                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2896                  >
2897                    MEDLOCK
2898                  </span>
2899                  <!--[if BLOCK]><![endif]-->                    <img
2900                      loading="lazy"
2901                      class="h-4 w-4 shrink-0"
2902                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2903                      alt="Voltimum+ Loyalty Programme"
2904                    />
2905                  <!--[if ENDBLOCK]><![endif]-->                </a>
2906              </li>
2907                          <li>
2908                <a
2909                  href="https://www.voltimum.co.uk/partners/phase-electrical"
2910                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2911                >
2912                  
2913                  <span
2914                    aria-hidden="true"
2915                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2916                  ></span>
2917                  <span
2918   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2919>
2920  <!--[if BLOCK]><![endif]-->    
2921    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2922    
2923    <img
2924      src="https://content.voltimum.com/uk/133558/phase-electrical.png?width=120"
2925      alt=""
2926      loading="lazy"
2927      decoding="async"
2928      fetchpriority="low"
2929      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2930      
2931      x-init="loaded = $el.complete"
2932      x-on:load="loaded = true"
2933      
2934      x-on:error="loaded = true"
2935      :class="{ 'opacity-0': !loaded }"
2936    />
2937  <!--[if ENDBLOCK]><![endif]--></span>
2938                  <span
2939                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2940                  >
2941                    Phase Electrical
2942                  </span>
2943                  <!--[if BLOCK]><![endif]-->                    <img
2944                      loading="lazy"
2945                      class="h-4 w-4 shrink-0"
2946                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2947                      alt="Voltimum+ Loyalty Programme"
2948                    />
2949                  <!--[if ENDBLOCK]><![endif]-->                </a>
2950              </li>
2951                          <li>
2952                <a
2953                  href="https://www.voltimum.co.uk/partners/tla"
2954                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2955                >
2956                  
2957                  <span
2958                    aria-hidden="true"
2959                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
2960                  ></span>
2961                  <span
2962   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
2963>
2964  <!--[if BLOCK]><![endif]-->    
2965    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
2966    
2967    <img
2968      src="https://content.voltimum.com/uk/144800/TLA_Colour_Main_Logo_RGB.png?width=120"
2969      alt=""
2970      loading="lazy"
2971      decoding="async"
2972      fetchpriority="low"
2973      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
2974      
2975      x-init="loaded = $el.complete"
2976      x-on:load="loaded = true"
2977      
2978      x-on:error="loaded = true"
2979      :class="{ 'opacity-0': !loaded }"
2980    />
2981  <!--[if ENDBLOCK]><![endif]--></span>
2982                  <span
2983                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
2984                  >
2985                    TLA
2986                  </span>
2987                  <!--[if BLOCK]><![endif]-->                    <img
2988                      loading="lazy"
2989                      class="h-4 w-4 shrink-0"
2990                      src="https://www.voltimum.co.uk/img/v-plus.svg"
2991                      alt="Voltimum+ Loyalty Programme"
2992                    />
2993                  <!--[if ENDBLOCK]><![endif]-->                </a>
2994              </li>
2995                          <li>
2996                <a
2997                  href="https://www.voltimum.co.uk/partners/uk-electric"
2998                  class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
2999                >
3000                  
3001                  <span
3002                    aria-hidden="true"
3003                    class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3004                  ></span>
3005                  <span
3006   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30"
3007>
3008  <!--[if BLOCK]><![endif]-->    
3009    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
3010    
3011    <img
3012      src="https://content.voltimum.com/uk/144388/uk-electric.png?width=120"
3013      alt=""
3014      loading="lazy"
3015      decoding="async"
3016      fetchpriority="low"
3017      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
3018      
3019      x-init="loaded = $el.complete"
3020      x-on:load="loaded = true"
3021      
3022      x-on:error="loaded = true"
3023      :class="{ 'opacity-0': !loaded }"
3024    />
3025  <!--[if ENDBLOCK]><![endif]--></span>
3026                  <span
3027                    class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue"
3028                  >
3029                    UK Electric
3030                  </span>
3031                  <!--[if BLOCK]><![endif]-->                    <img
3032                      loading="lazy"
3033                      class="h-4 w-4 shrink-0"
3034                      src="https://www.voltimum.co.uk/img/v-plus.svg"
3035                      alt="Voltimum+ Loyalty Programme"
3036                    />
3037                  <!--[if ENDBLOCK]><![endif]-->                </a>
3038              </li>
3039            <!--[if ENDBLOCK]><![endif]-->          </ul>
3040        <!--[if ENDBLOCK]><![endif]-->      </section>
3041    <!--[if ENDBLOCK]><![endif]-->  </div>
3042
3043  
3044  <div class="border-t border-volt-ink/10 bg-volt-ink/[0.03] px-4 py-2.5">
3045    <a
3046      href="/partners"
3047      class="group/all inline-flex items-center gap-1.5 text-[13px] font-semibold text-pilot-blue transition-colors hover:text-volt-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
3048    >
3049      All partners
3050      <svg class="h-4 w-4 transition-transform duration-200 group-hover/all:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3051  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3052</svg>
3053    </a>
3054  </div>
3055</div>
3056</div>
3057          </div>
3058        <!--[if ENDBLOCK]><![endif]-->      </li>
3059                            
3060      <li class="close relative"  data-nav-dropdown="dropdownHover6" >
3061        <a
3062                      id="dropdownHover6Button"
3063                    href="/plus"
3064                              class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50"
3065        >
3066          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          Voltimum+
3067          <!--[if BLOCK]><![endif]-->            
3068            <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3069  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3070</svg>
3071          <!--[if ENDBLOCK]><![endif]-->        </a>
3072
3073        
3074        <!--[if BLOCK]><![endif]-->          <div id="dropdownHover6" class="z-[1002] hidden">
3075            
3076            <div
3077  
3078  
3079  class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10 w-[19rem]"
3080>
3081  
3082  <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span>
3083  <ul class="p-2.5" aria-labelledby="dropdownHover6Button">
3084                <!--[if BLOCK]><![endif]-->                  <li>
3085                    <a
3086                      href="/plus/promotions"
3087                                            class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue "
3088                    >
3089                      
3090                      <span
3091                        aria-hidden="true"
3092                        class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3093                      ></span>
3094                      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                      <span class="min-w-0 flex-1">Promotions</span>
3095                      
3096                                            <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3097  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3098</svg>
3099                    </a>
3100                  </li>
3101                                  <li>
3102                    <a
3103                      href="/plus/branch-finder"
3104                                            class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue "
3105                    >
3106                      
3107                      <span
3108                        aria-hidden="true"
3109                        class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3110                      ></span>
3111                      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                      <span class="min-w-0 flex-1">Branch finder</span>
3112                      
3113                                            <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3114  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3115</svg>
3116                    </a>
3117                  </li>
3118                                  <li>
3119                    <a
3120                      href="https://uk.voltimumplusrewards.com"
3121                       target="_blank" rel="noopener"                       class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue "
3122                    >
3123                      
3124                      <span
3125                        aria-hidden="true"
3126                        class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3127                      ></span>
3128                      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                      <span class="min-w-0 flex-1">Rewards</span>
3129                      
3130                                            <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3131  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 17 17 7m0 0h-7m7 0v7" />
3132</svg>
3133                    </a>
3134                  </li>
3135                <!--[if ENDBLOCK]><![endif]-->              </ul>
3136</div>
3137          </div>
3138        <!--[if ENDBLOCK]><![endif]-->      </li>
3139    <!--[if ENDBLOCK]><![endif]-->  </ul>
3140</nav>        <form
3141  role="search"
3142  x-on:submit.prevent="goSearch"
3143  
3144  x-on:focusin="openSearchFocus()"
3145  
3146  x-on:focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeSearchFocus();"
3147  
3148  class="group relative z-20 ml-auto hidden min-w-0 flex-1 justify-end xl:flex"
3149>
3150  
3151  <div
3152    class="relative flex h-10 w-full min-w-0 items-center rounded-full border border-volt-ink/15 bg-volt-ink/[0.04] pr-1.5 pl-4 transition-all duration-300 ease-out focus-within:border-pilot-blue focus-within:bg-white"
3153    :class="searchFocused ? 'max-w-[1280px] shadow-[0_18px_44px_-24px_rgba(0,49,106,0.55)]' : 'max-w-[640px]'"
3154  >
3155    
3156    <!--[if BLOCK]><![endif]-->  <div
3157    x-data="searchAutocomplete({
3158            endpoint: 'https://www.voltimum.co.uk/suggest',
3159            scope: 'all',
3160            commitScope: 'products',
3161            constraints: [],
3162            model: null,
3163            searchType: 'navbar',
3164            searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'),
3165            commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'},
3166            panelId: 'search-suggestions-bare-all-query-navigate',
3167            showAllTemplate: 'Show all :count results',
3168            minLength: 1,
3169        })"
3170    
3171        
3172    @click.outside="close()"
3173    
3174    @pointerdown.window="onPointerDownAnywhere($event)"
3175    @keydown.escape.window="close()"
3176    @resize.window="measurePanel()"
3177    @scroll.window="measurePanel()"
3178    class="group  flex min-w-0 flex-1 items-center"
3179  >
3180    <div class="flex min-w-0 flex-1 items-center">
3181      <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="hidden">
3182  <path
3183    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
3184    stroke="currentColor"
3185    stroke-width="1.5"
3186    stroke-linecap="round"
3187    stroke-linejoin="round"
3188  />
3189</svg>
3190
3191      <input
3192        type="search"
3193        x-ref="input"
3194        role="combobox"
3195        aria-autocomplete="list"
3196        aria-haspopup="listbox"
3197        aria-controls="search-suggestions-bare-all-query-navigate"
3198        :aria-expanded="open"
3199        :aria-activedescendant="activeId()"
3200        @input.debounce.250ms="onInput($event.target.value)"
3201        @keydown.arrow-down.prevent="move(1)"
3202        @keydown.arrow-up.prevent="move(-1)"
3203        @keydown.enter.prevent="commit()"
3204        @blur="onBlur($event)"
3205        @focus="if (options().length) open = true;"
3206        name="query"
3207        autocomplete="off"
3208        placeholder="Search Voltimum…"
3209                class="min-w-0 flex-1 border-0 bg-transparent px-2 text-sm text-volt-ink placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none" aria-label="Search Voltimum…" x-model="searchQuery"
3210      />
3211
3212      <span x-show="loading" x-cloak aria-hidden="true" class="mr-3 h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span>
3213
3214      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3215      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
3216
3217    <div
3218      x-show="open && options().length"
3219      x-cloak
3220      x-transition
3221      
3222      :style="panelStyle()"
3223      @mousedown.prevent="onPointerDownInPanel($event)"
3224      class="absolute top-full left-0 z-[9999] mt-2 w-full min-w-[320px] flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10"
3225    >
3226      
3227      <span
3228        aria-hidden="true"
3229        class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"
3230      ></span>
3231
3232      
3233      <div
3234        id="search-suggestions-bare-all-query-navigate"
3235        role="listbox"
3236        
3237        tabindex="-1"
3238        aria-label="Search suggestions"
3239        class="min-h-0 flex-1 overflow-y-auto overscroll-contain"
3240      >
3241        
3242        <template x-if="terms.length">
3243          <div class="border-b border-volt-ink/[0.08] p-2">
3244            <template x-for="(term, i) in terms" :key="'term-' + term.term">
3245              <button
3246                type="button"
3247                role="option"
3248                
3249                tabindex="-1"
3250                :id="optionId('term', i)"
3251                :aria-selected="isActive('term', i)"
3252                @click="pickTerm(term.term, term.url)"
3253                @mouseenter="activate('term', i)"
3254                
3255                class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3256                :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'"
3257              >
3258                <span
3259                  aria-hidden="true"
3260                  class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3261                  :class="isActive('term', i) && 'scale-y-100'"
3262                ></span>
3263                
3264                <span
3265                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate"
3266                  x-html="term.label"
3267                ></span>
3268                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3269  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3270</svg>
3271              </button>
3272            </template>
3273          </div>
3274        </template>
3275
3276        
3277        <template x-if="partners.length">
3278          <div class="border-b border-volt-ink/[0.08] p-2">
3279            <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase">
3280              Partners
3281            </p>
3282
3283            
3284            <template x-for="(partner, i) in partners" :key="'partner-' + partner.url">
3285              <a
3286                role="option"
3287                tabindex="-1"
3288                :id="optionId('partner', i)"
3289                :aria-selected="isActive('partner', i)"
3290                :href="partner.url"
3291                
3292                @click="trackPick($refs.input.value)"
3293                @mouseenter="activate('partner', i)"
3294                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3295                :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'"
3296              >
3297                
3298                <template x-if="partner.image">
3299                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
3300                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
3301                    <img
3302                      :src="partner.image"
3303                      alt=""
3304                      loading="lazy"
3305                      class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]"
3306                      :class="{ 'opacity-0': !loaded }"
3307                      x-init="loaded = $el.complete"
3308                      x-on:load="loaded = true"
3309                      x-on:error="loaded = true"
3310                    />
3311                  </span>
3312                </template>
3313
3314                
3315                <template x-if="!partner.image">
3316                  <span
3317                    aria-hidden="true"
3318                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase"
3319                    x-text="partner.term.slice(0, 2)"
3320                  ></span>
3321                </template>
3322
3323                <span
3324                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90"
3325                  x-html="partner.label"
3326                ></span>
3327
3328                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3329  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3330</svg>
3331              </a>
3332            </template>
3333          </div>
3334        </template>
3335
3336        
3337        <template x-for="group in groups" :key="group.type">
3338          <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0">
3339            <p
3340              x-show="groups.length > 1"
3341              class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"
3342              x-text="group.label"
3343            ></p>
3344
3345            
3346            <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url">
3347              <a
3348                role="option"
3349                tabindex="-1"
3350                :id="optionId(group.type, i)"
3351                :aria-selected="isActive(group.type, i)"
3352                :href="item.url"
3353                
3354                @click="trackPick($refs.input.value, typeFor(group.type))"
3355                @mouseenter="activate(group.type, i)"
3356                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3357                :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'"
3358              >
3359                
3360                <template x-if="item.image">
3361                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
3362                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
3363                    <img
3364                      :src="item.image"
3365                      alt=""
3366                      loading="lazy"
3367                      class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]"
3368                      :class="{ 'opacity-0': !loaded }"
3369                      x-init="loaded = $el.complete"
3370                      x-on:load="loaded = true"
3371                      x-on:error="loaded = true"
3372                    />
3373                  </span>
3374                </template>
3375
3376                <span class="min-w-0 flex-1">
3377                  <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span>
3378                  <span
3379                    x-show="item.subtitle"
3380                    class="block truncate text-xs font-medium text-volt-ink/50"
3381                    x-text="item.subtitle"
3382                  ></span>
3383                </span>
3384
3385                <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span>
3386              </a>
3387            </template>
3388
3389            
3390            <a
3391              role="option"
3392              tabindex="-1"
3393              :id="optionId(group.type + ':all', 0)"
3394              :aria-selected="isActive(group.type + ':all', 0)"
3395                              :href="group.url"
3396                
3397                @click="trackPick($refs.input.value, typeFor(group.type))"
3398                            @mouseenter="activate(group.type + ':all', 0)"
3399              class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]"
3400              :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'"
3401            >
3402              <span x-text="showAllLabel(group.total)"></span>
3403              <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3404  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3405</svg>
3406            </a>
3407          </div>
3408        </template>
3409      </div>
3410    </div>
3411  </div>
3412<!--[if ENDBLOCK]><![endif]-->
3413    
3414    <button
3415      type="submit"
3416      aria-label="Search"
3417      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-pilot-blue text-white transition hover:bg-dark-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
3418    >
3419      <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4">
3420  <path
3421    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
3422    stroke="currentColor"
3423    stroke-width="1.5"
3424    stroke-linecap="round"
3425    stroke-linejoin="round"
3426  />
3427</svg>
3428    </button>
3429  </div>
3430</form>      </div>
3431
3432      <div class="flex shrink-0 items-center gap-1 pl-1 text-volt-ink sm:gap-2 sm:pl-2 xl:pl-3">
3433  
3434  <button
3435    type="button"
3436    class="rounded-full p-2 transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue xl:hidden"
3437    aria-label="Search"
3438    :aria-expanded="searchOpen ? 'true' : 'false'"
3439    x-on:click="toggleSearch()"
3440  >
3441    <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5">
3442  <path
3443    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
3444    stroke="currentColor"
3445    stroke-width="1.5"
3446    stroke-linecap="round"
3447    stroke-linejoin="round"
3448  />
3449</svg>
3450  </button>
3451
3452  <!--[if BLOCK]><![endif]-->    
3453    <a
3454      href="https://www.voltimum.co.uk/login"
3455      class="rounded-full p-2 transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue lg:hidden"
3456      aria-label="Login"
3457    >
3458      <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="cursor-pointer h-5 w-5">
3459  <path
3460    d="M15.982 16.7249C15.2833 15.7998 14.3793 15.0496 13.3412 14.5333C12.3031 14.0171 11.1594 13.7489 10 13.7499C8.84066 13.7489 7.6969 14.0171 6.65883 14.5333C5.62077 15.0496 4.71675 15.7998 4.01801 16.7249M15.982 16.7249C17.3455 15.5121 18.3071 13.9135 18.7412 12.141C19.1753 10.3686 19.0603 8.50604 18.4115 6.80043C17.7627 5.09482 16.6107 3.62673 15.1084 2.59085C13.6061 1.55497 11.8244 1.00024 9.99951 1.00024C8.17467 1.00024 6.39295 1.55497 4.89062 2.59085C3.38829 3.62673 2.23634 5.
346009482 1.58755 6.80043C0.938753 8.50604 0.823765 10.3686 1.25783 12.141C1.6919 13.9135 2.65451 15.5121 4.01801 16.7249M15.982 16.7249C14.336 18.1931 12.2056 19.0031 10 18.9999C7.79404 19.0033 5.66425 18.1934 4.01801 16.7249M13 7.74995C13 8.5456 12.6839 9.30866 12.1213 9.87127C11.5587 10.4339 10.7957 10.7499 10 10.7499C9.20436 10.7499 8.4413 10.4339 7.87869 9.87127C7.31608 9.30866 7.00001 8.5456 7.00001 7.74995C7.00001 6.9543 7.31608 6.19124 7.87869 5.62863C8.4413 5.06602 9.20436 4.74995 10 4.74995C10.7957 4.74995 11.5587 5.06602 12.1213 5.62863C12.6839 6.19124 13 6.9543 13 7.74995Z"
3461    stroke="currentColor"
3462    stroke-width="1.5"
3463    stroke-linecap="round"
3464    stroke-linejoin="round"
3465  />
3466</svg>
3467    </a>
3468    <div class="hidden items-center gap-2 lg:flex">
3469      <a
3470        href="https://www.voltimum.co.uk/login"
3471        
3472        class="text-sm font-semibold whitespace-nowrap transition-colors hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
3473      >
3474        Login
3475      </a>
3476      <!--[if BLOCK]><![endif]-->        <a
3477          href="https://www.voltimum.co.uk/register"
3478          
3479          class="rounded-lg bg-pilot-blue px-3 py-2 text-sm font-semibold whitespace-nowrap text-white transition hover:bg-dark-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
3480        >
3481          Register
3482        </a>
3483      <!--[if ENDBLOCK]><![endif]-->    </div>
3484  <!--[if ENDBLOCK]><![endif]-->
3485  <!--[if BLOCK]><![endif]-->    <a
3486      href="https://www.voltimum.co.uk/plus"
3487      aria-label="Voltimum+ Loyalty Programme"
3488      
3489      class="group/vplus relative ml-0.5 flex items-center gap-1.5 rounded-full p-1 transition focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue sm:ml-2.5"
3490    >
3491      
3492      <span
3493        aria-hidden="true"
3494        class="pointer-events-none absolute -inset-1.5 scale-90 rounded-full bg-pilot-blue/[0.07] opacity-0 ring-1 ring-pilot-blue/20 transition duration-200 ease-out group-hover/vplus:scale-100 group-hover/vplus:opacity-100"
3495      ></span>
3496      
3497      
3498      <img
3499        loading="lazy"
3500        src="https://www.voltimum.co.uk/img/v-plus.svg"
3501        alt="Voltimum+ Loyalty Programme"
3502        class="relative h-7 w-7 transition-transform duration-200 ease-out group-hover/vplus:scale-105"
3503      />
3504      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </a>
3505  <!--[if ENDBLOCK]><![endif]-->
3506  <!--[if BLOCK]><![endif]-->    <button wire:key="lw-2975294033-0-facet-groups-8" wire:snapshot="{&quot;data&quot;:{&quot;cartItemsCount&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;KLCrpHlRjZp1neBzVAyU&quot;,&quot;name&quot;:&quot;shopping-cart-badge&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;0d73783125fea007e73544711926340a01411e3ebbe8fedc56787053ab995415&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;cartItemsCount&quot;]}" wire:id="KLCrpHlRjZp1neBzVAyU" wire:name="shopping-cart-badge"
3507  type="button"
3508  class="relative flex h-9 w-9 items-center justify-center rounded-full transition hover:bg-volt-ink/[0.06] hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
3509  aria-label="Basket"
3510  @click="
3511    jitsuEvent('viewBasket');
3512    toggleCart();
3513  "
3514>
3515  
3516  <svg viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="cursor-pointer h-[22px] w-5">
3517  <path
3518    d="M13.75 9.5V5C13.75 4.00544 13.3549 3.05161 12.6516 2.34835C11.9484 1.64509 10.9945 1.25 9.99998 1.25C9.00542 1.25 8.0516 1.64509 7.34833 2.34835C6.64507 3.05161 6.24998 4.00544 6.24998 5V9.5M17.606 7.507L18.869 19.507C18.939 20.172 18.419 20.75 17.75 20.75H2.24998C2.09219 20.7502 1.93613 20.7171 1.79193 20.6531C1.64774 20.589 1.51863 20.4953 1.41301 20.3781C1.30738 20.2608 1.2276 20.1227 1.17884 19.9726C1.13008 19.8226 1.11343 19.6639 1.12999 19.507L2.39399 7.507C2.42314 7.23056 2.55361 6.9747 2.76024 6.78876C2.96686 6.60281 3.23501 6.49995 3.51298 6.5H16.487C17.063 6.5 17.546 6.935 17.606 7.507ZM6.62498 9.5C6.62498 9.59946 6.58548 9.69484 6.51515 9.76517C6.44482 9.83549 6.34944 9.875 6.24998 9.875C6.15053 9.875 6.05515 9.83549 5.98482 9.76517C5.91449 9.69484 5.87498 9.59946 5.87498 9.5C5.87498 9.40054 5.91449 9.30516 5.98482 9.23483C6.05515 9.16451 6.15053 9.125 6.24998 9.125C6.34944 9.125 6.44482 9.16451 6.51515 9.23483C6.58548 9.30516 6.62498 9.40054 6.62498 9.5ZM14.125 9.5C14.125 9.59946 14.0855 9.69484 14.0152 9.76517C13.9448 9.83549 13.8494 9.875 13.75 9.875C13.6505 9.875 13.5551 9.83549 13.4848 9.76517C13.4145 9.69484 13.375 9.59946 13.375 9.5C13.375 9.40054 13.4145 9.30516 13.4848 9.23483C13.5551 9.16451 13.6505 9.125 13.75 9.125C13.8494 9.125 13.9448 9.16451 14.0152 9.23483C14.0855 9.30516 14.125 9.40054 14.125 9.5Z"
3519    stroke="currentColor"
3520    stroke-width="1.5"
3521    stroke-linecap="round"
3522    stroke-linejoin="round"
3523  />
3524</svg>
3525  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></button>  <!--[if ENDBLOCK]><![endif]--></div>    </div>
3526
3527    <div
3528  id="nav-mobile-search-drawer"
3529  x-data="{ settling: false }"
3530  x-effect="
3531    if (searchOpen) {
3532      settling = true;
3533      setTimeout(() => (settling = false), 200);
3534    }
3535  "
3536  :class="{
3537    'max-h-24 border-t': searchOpen,
3538    'max-h-0 border-t-0': !searchOpen,
3539    'overflow-hidden': !searchOpen || settling,
3540  }"
3541  :inert="!searchOpen"
3542  :aria-hidden="searchOpen ? 'false' : 'true'"
3543  inert
3544  aria-hidden="true"
3545  class="max-h-0 overflow-hidden border-t-0 border-volt-ink/10 bg-volt-ink/[0.04] transition-[max-height,border-width] duration-200 ease-out motion-reduce:transition-none xl:hidden"
3546>
3547  <form
3548    role="search"
3549    x-on:submit.prevent="goSearch"
3550    x-on:focusin="openSearchFocus()"
3551    
3552    x-on:focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeSearchFocus();"
3553    
3554    class="relative z-20 mx-auto flex max-w-7xl items-center gap-2 px-4 py-3 xl:px-0"
3555  >
3556    
3557    <!--[if BLOCK]><![endif]-->  <div
3558    x-data="searchAutocomplete({
3559            endpoint: 'https://www.voltimum.co.uk/suggest',
3560            scope: 'all',
3561            commitScope: 'products',
3562            constraints: [],
3563            model: null,
3564            searchType: 'navbar',
3565            searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'),
3566            commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'},
3567            panelId: 'search-suggestions-compact-all-query-navigate',
3568            showAllTemplate: 'Show all :count results',
3569            minLength: 1,
3570        })"
3571    
3572        
3573    @click.outside="close()"
3574    
3575    @pointerdown.window="onPointerDownAnywhere($event)"
3576    @keydown.escape.window="close()"
3577    @resize.window="measurePanel()"
3578    @scroll.window="measurePanel()"
3579    class="group relative flex min-w-0 flex-1 items-center"
3580  >
3581    <div class="flex h-10 min-w-0 flex-1 items-center rounded-lg border border-volt-ink/15 bg-white focus-within:ring-2 focus-within:ring-pilot-blue">
3582      <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="hidden">
3583  <path
3584    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
3585    stroke="currentColor"
3586    stroke-width="1.5"
3587    stroke-linecap="round"
3588    stroke-linejoin="round"
3589  />
3590</svg>
3591
3592      <input
3593        type="search"
3594        x-ref="input"
3595        role="combobox"
3596        aria-autocomplete="list"
3597        aria-haspopup="listbox"
3598        aria-controls="search-suggestions-compact-all-query-navigate"
3599        :aria-expanded="open"
3600        :aria-activedescendant="activeId()"
3601        @input.debounce.250ms="onInput($event.target.value)"
3602        @keydown.arrow-down.prevent="move(1)"
3603        @keydown.arrow-up.prevent="move(-1)"
3604        @keydown.enter.prevent="commit()"
3605        @blur="onBlur($event)"
3606        @focus="if (options().length) open = true;"
3607        name="query"
3608        autocomplete="off"
3609        placeholder="Search Voltimum…"
3610                class="min-w-0 flex-1 border-0 bg-transparent px-3 text-sm text-volt-ink placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none" id="nav-mobile-search" aria-label="Search Voltimum…" x-model="searchQuery"
3611      />
3612
3613      <span x-show="loading" x-cloak aria-hidden="true" class="mr-3 h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span>
3614
3615      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3616      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
3617
3618    <div
3619      x-show="open && options().length"
3620      x-cloak
3621      x-transition
3622      
3623      :style="panelStyle()"
3624      @mousedown.prevent="onPointerDownInPanel($event)"
3625      class="absolute top-full left-0 z-[9999] mt-2 w-full min-w-[320px] flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10"
3626    >
3627      
3628      <span
3629        aria-hidden="true"
3630        class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"
3631      ></span>
3632
3633      
3634      <div
3635        id="search-suggestions-compact-all-query-navigate"
3636        role="listbox"
3637        
3638        tabindex="-1"
3639        aria-label="Search suggestions"
3640        class="min-h-0 flex-1 overflow-y-auto overscroll-contain"
3641      >
3642        
3643        <template x-if="terms.length">
3644          <div class="border-b border-volt-ink/[0.08] p-2">
3645            <template x-for="(term, i) in terms" :key="'term-' + term.term">
3646              <button
3647                type="button"
3648                role="option"
3649                
3650                tabindex="-1"
3651                :id="optionId('term', i)"
3652                :aria-selected="isActive('term', i)"
3653                @click="pickTerm(term.term, term.url)"
3654                @mouseenter="activate('term', i)"
3655                
3656                class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3657                :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'"
3658              >
3659                <span
3660                  aria-hidden="true"
3661                  class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
3662                  :class="isActive('term', i) && 'scale-y-100'"
3663                ></span>
3664                
3665                <span
3666                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate"
3667                  x-html="term.label"
3668                ></span>
3669                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3670  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3671</svg>
3672              </button>
3673            </template>
3674          </div>
3675        </template>
3676
3677        
3678        <template x-if="partners.length">
3679          <div class="border-b border-volt-ink/[0.08] p-2">
3680            <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase">
3681              Partners
3682            </p>
3683
3684            
3685            <template x-for="(partner, i) in partners" :key="'partner-' + partner.url">
3686              <a
3687                role="option"
3688                tabindex="-1"
3689                :id="optionId('partner', i)"
3690                :aria-selected="isActive('partner', i)"
3691                :href="partner.url"
3692                
3693                @click="trackPick($refs.input.value)"
3694                @mouseenter="activate('partner', i)"
3695                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3696                :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'"
3697              >
3698                
3699                <template x-if="partner.image">
3700                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
3701                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
3702                    <img
3703                      :src="partner.image"
3704                      alt=""
3705                      loading="lazy"
3706                      class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]"
3707                      :class="{ 'opacity-0': !loaded }"
3708                      x-init="loaded = $el.complete"
3709                      x-on:load="loaded = true"
3710                      x-on:error="loaded = true"
3711                    />
3712                  </span>
3713                </template>
3714
3715                
3716                <template x-if="!partner.image">
3717                  <span
3718                    aria-hidden="true"
3719                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase"
3720                    x-text="partner.term.slice(0, 2)"
3721                  ></span>
3722                </template>
3723
3724                <span
3725                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90"
3726                  x-html="partner.label"
3727                ></span>
3728
3729                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3730  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3731</svg>
3732              </a>
3733            </template>
3734          </div>
3735        </template>
3736
3737        
3738        <template x-for="group in groups" :key="group.type">
3739          <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0">
3740            <p
3741              x-show="groups.length > 1"
3742              class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"
3743              x-text="group.label"
3744            ></p>
3745
3746            
3747            <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url">
3748              <a
3749                role="option"
3750                tabindex="-1"
3751                :id="optionId(group.type, i)"
3752                :aria-selected="isActive(group.type, i)"
3753                :href="item.url"
3754                
3755                @click="trackPick($refs.input.value, typeFor(group.type))"
3756                @mouseenter="activate(group.type, i)"
3757                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
3758                :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'"
3759              >
3760                
3761                <template x-if="item.image">
3762                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
3763                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
3764                    <img
3765                      :src="item.image"
3766                      alt=""
3767                      loading="lazy"
3768                      class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]"
3769                      :class="{ 'opacity-0': !loaded }"
3770                      x-init="loaded = $el.complete"
3771                      x-on:load="loaded = true"
3772                      x-on:error="loaded = true"
3773                    />
3774                  </span>
3775                </template>
3776
3777                <span class="min-w-0 flex-1">
3778                  <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span>
3779                  <span
3780                    x-show="item.subtitle"
3781                    class="block truncate text-xs font-medium text-volt-ink/50"
3782                    x-text="item.subtitle"
3783                  ></span>
3784                </span>
3785
3786                <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span>
3787              </a>
3788            </template>
3789
3790            
3791            <a
3792              role="option"
3793              tabindex="-1"
3794              :id="optionId(group.type + ':all', 0)"
3795              :aria-selected="isActive(group.type + ':all', 0)"
3796                              :href="group.url"
3797                
3798                @click="trackPick($refs.input.value, typeFor(group.type))"
3799                            @mouseenter="activate(group.type + ':all', 0)"
3800              class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]"
3801              :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'"
3802            >
3803              <span x-text="showAllLabel(group.total)"></span>
3804              <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3805  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
3806</svg>
3807            </a>
3808          </div>
3809        </template>
3810      </div>
3811    </div>
3812  </div>
3813<!--[if ENDBLOCK]><![endif]-->
3814    
3815    <button
3816      type="submit"
3817      aria-label="Search"
3818      class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-pilot-blue text-white transition hover:bg-dark-pilot-blue"
3819    >
3820      <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4">
3821  <path
3822    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
3823    stroke="currentColor"
3824    stroke-width="1.5"
3825    stroke-linecap="round"
3826    stroke-linejoin="round"
3827  />
3828</svg>
3829    </button>
3830  </form>
3831</div>  </header>
3832
3833  <div
3834  id="voltMobileDrawer"
3835  x-cloak
3836  x-show="menuOpen"
3837  role="dialog"
3838  aria-modal="true"
3839  aria-label="Menu"
3840  class="fixed inset-x-0 top-14 bottom-0 lg:hidden"
3841>
3842  <div x-show="menuOpen" x-transition.opacity class="absolute inset-0 bg-black/60" x-on:click="closeAll()"></div>
3843
3844  <div
3845    x-show="menuOpen"
3846    x-transition:enter="transition ease-out duration-200"
3847    x-transition:enter-start="-translate-x-full"
3848    x-transition:enter-end="translate-x-0"
3849    x-transition:leave="transition ease-in duration-150"
3850    x-transition:leave-start="translate-x-0"
3851    x-transition:leave-end="-translate-x-full"
3852    
3853    class="relative flex h-full w-full flex-col overflow-y-auto bg-white min-[481px]:max-w-sm"
3854  >
3855    <ul class="flex-1 px-4 py-4">
3856      <!--[if BLOCK]><![endif]-->                                <li x-data="{ open: false }" class="border-b border-volt-ink/10">
3857          <div class="flex items-center justify-between">
3858            
3859            <a
3860              href="/"
3861                                          
3862              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink "
3863            >
3864              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                Home
3865              <!--[if ENDBLOCK]><![endif]-->            </a>
3866
3867            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          </div>
3868
3869          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </li>
3870                                      <li x-data="{ open: false }" class="border-b border-volt-ink/10">
3871          <div class="flex items-center justify-between">
3872            
3873            <a
3874              href="/news"
3875                                          
3876              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink "
3877            >
3878              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                News
3879              <!--[if ENDBLOCK]><![endif]-->            </a>
3880
3881            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          </div>
3882
3883          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </li>
3884                                      <li x-data="{ open: false }" class="border-b border-volt-ink/10">
3885          <div class="flex items-center justify-between">
3886            
3887            <a
3888              href="/academy"
3889                                          
3890              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink "
3891            >
3892              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                Academy
3893              <!--[if ENDBLOCK]><![endif]-->            </a>
3894
3895            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          </div>
3896
3897          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </li>
3898                                      <li x-data="{ open: false }" class="border-b border-volt-ink/10">
3899          <div class="flex items-center justify-between">
3900            
3901            <a
3902              href="/product-search"
3903                             aria-current="page"               
3904              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-pilot-blue "
3905            >
3906              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                Products
3907              <!--[if ENDBLOCK]><![endif]-->            </a>
3908
3909            <!--[if BLOCK]><![endif]-->              <button
3910                type="button"
3911                x-on:click="open = !open"
3912                :aria-expanded="open ? 'true' : 'false'"
3913                aria-label="Products"
3914                class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink"
3915              >
3916                <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3917  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3918</svg>
3919              </button>
3920            <!--[if ENDBLOCK]><![endif]-->          </div>
3921
3922          <!--[if BLOCK]><![endif]-->            <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3">
3923              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3924              <!--[if BLOCK]><![endif]-->                <li>
3925                  <a
3926                    href="/product-catalogue"
3927                                        class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue "
3928                  >
3929                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    Product Categories
3930                  </a>
3931                </li>
3932              <!--[if ENDBLOCK]><![endif]-->            </ul>
3933          <!--[if ENDBLOCK]><![endif]-->        </li>
3934                                      <li x-data="{ open: false }" class="border-b border-volt-ink/10">
3935          <div class="flex items-center justify-between">
3936            
3937            <a
3938              href="/partners"
3939                                          
3940              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink "
3941            >
3942              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                Partners
3943              <!--[if ENDBLOCK]><![endif]-->            </a>
3944
3945            <!--[if BLOCK]><![endif]-->              <button
3946                type="button"
3947                x-on:click="open = !open"
3948                :aria-expanded="open ? 'true' : 'false'"
3949                aria-label="Partners"
3950                class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink"
3951              >
3952                <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3953  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3954</svg>
3955              </button>
3956            <!--[if ENDBLOCK]><![endif]-->          </div>
3957
3958          <!--[if BLOCK]><![endif]-->            <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3">
3959              <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                  <li>
3960                    
3961                    <p class="flex items-center gap-2 pt-3 pb-1">
3962                      <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase">
3963                        Premium
3964                      </span>
3965                      <span
3966                        class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums"
3967                      >
3968                        8
3969                      </span>
3970                      <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span>
3971                    </p>
3972
3973                    <ul>
3974                      <!--[if BLOCK]><![endif]-->                        <li>
3975                          <a
3976                            href="https://www.voltimum.co.uk/partners/abb"
3977                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
3978                          >
3979                            <span
3980   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
3981>
3982  <!--[if BLOCK]><![endif]-->    
3983    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
3984    
3985    <img
3986      src="https://content.voltimum.com/uk/145815/abb.svg"
3987      alt=""
3988      loading="lazy"
3989      decoding="async"
3990      fetchpriority="low"
3991      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
3992      
3993      x-init="loaded = $el.complete"
3994      x-on:load="loaded = true"
3995      
3996      x-on:error="loaded = true"
3997      :class="{ 'opacity-0': !loaded }"
3998    />
3999  <!--[if ENDBLOCK]><![endif]--></span>
4000                            <span class="min-w-0 flex-1 truncate">ABB</span>
4001                            <!--[if BLOCK]><![endif]-->                              <img
4002                                loading="lazy"
4003                                class="h-5 w-5 shrink-0"
4004                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4005                                alt="Voltimum+ Loyalty Programme"
4006                              />
4007                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4008                        </li>
4009                                              <li>
4010                          <a
4011                            href="https://www.voltimum.co.uk/partners/brother"
4012                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4013                          >
4014                            <span
4015   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4016>
4017  <!--[if BLOCK]><![endif]-->    
4018    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4019    
4020    <img
4021      src="https://content.voltimum.com/uk/133599/brother.png?width=120"
4022      alt=""
4023      loading="lazy"
4024      decoding="async"
4025      fetchpriority="low"
4026      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4027      
4028      x-init="loaded = $el.complete"
4029      x-on:load="loaded = true"
4030      
4031      x-on:error="loaded = true"
4032      :class="{ 'opacity-0': !loaded }"
4033    />
4034  <!--[if ENDBLOCK]><![endif]--></span>
4035                            <span class="min-w-0 flex-1 truncate">Brother</span>
4036                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4037                        </li>
4038                                              <li>
4039                          <a
4040                            href="https://www.voltimum.co.uk/partners/ecolink"
4041                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4042                          >
4043                            <span
4044   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4045>
4046  <!--[if BLOCK]><![endif]-->    
4047    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4048    
4049    <img
4050      src="https://content.voltimum.com/uk/133528/ecolink.png?width=120"
4051      alt=""
4052      loading="lazy"
4053      decoding="async"
4054      fetchpriority="low"
4055      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4056      
4057      x-init="loaded = $el.complete"
4058      x-on:load="loaded = true"
4059      
4060      x-on:error="loaded = true"
4061      :class="{ 'opacity-0': !loaded }"
4062    />
4063  <!--[if ENDBLOCK]><![endif]--></span>
4064                            <span class="min-w-0 flex-1 truncate">Ecolink</span>
4065                            <!--[if BLOCK]><![endif]-->                              <img
4066                                loading="lazy"
4067                                class="h-5 w-5 shrink-0"
4068                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4069                                alt="Voltimum+ Loyalty Programme"
4070                              />
4071                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4072                        </li>
4073                                              <li>
4074                          <a
4075                            href="https://www.voltimum.co.uk/partners/knipex"
4076                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4077                          >
4078                            <span
4079   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4080>
4081  <!--[if BLOCK]><![endif]-->    
4082    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4083    
4084    <img
4085      src="https://content.voltimum.com/uk/145820/knipex.svg"
4086      alt=""
4087      loading="lazy"
4088      decoding="async"
4089      fetchpriority="low"
4090      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4091      
4092      x-init="loaded = $el.complete"
4093      x-on:load="loaded = true"
4094      
4095      x-on:error="loaded = true"
4096      :class="{ 'opacity-0': !loaded }"
4097    />
4098  <!--[if ENDBLOCK]><![endif]--></span>
4099                            <span class="min-w-0 flex-1 truncate">KNIPEX</span>
4100                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4101                        </li>
4102                                              <li>
4103                          <a
4104                            href="https://www.voltimum.co.uk/partners/nvc-lighting"
4105                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4106                          >
4107                            <span
4108   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4109>
4110  <!--[if BLOCK]><![endif]-->    
4111    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4112    
4113    <img
4114      src="https://content.voltimum.com/uk/145549/NVC-Lighting-logo.png?width=120"
4115      alt=""
4116      loading="lazy"
4117      decoding="async"
4118      fetchpriority="low"
4119      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4120      
4121      x-init="loaded = $el.complete"
4122      x-on:load="loaded = true"
4123      
4124      x-on:error="loaded = true"
4125      :class="{ 'opacity-0': !loaded }"
4126    />
4127  <!--[if ENDBLOCK]><![endif]--></span>
4128                            <span class="min-w-0 flex-1 truncate">NVC Lighting</span>
4129                            <!--[if BLOCK]><![endif]-->                              <img
4130                                loading="lazy"
4131                                class="h-5 w-5 shrink-0"
4132                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4133                                alt="Voltimum+ Loyalty Programme"
4134                              />
4135                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4136                        </li>
4137                                              <li>
4138                          <a
4139                            href="https://www.voltimum.co.uk/partners/schneider-electric"
4140                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4141                          >
4142                            <span
4143   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4144>
4145  <!--[if BLOCK]><![endif]-->    
4146    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4147    
4148    <img
4149      src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
4150      alt=""
4151      loading="lazy"
4152      decoding="async"
4153      fetchpriority="low"
4154      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4155      
4156      x-init="loaded = $el.complete"
4157      x-on:load="loaded = true"
4158      
4159      x-on:error="loaded = true"
4160      :class="{ 'opacity-0': !loaded }"
4161    />
4162  <!--[if ENDBLOCK]><![endif]--></span>
4163                            <span class="min-w-0 flex-1 truncate">Schneider Electric</span>
4164                            <!--[if BLOCK]><![endif]-->                              <img
4165                                loading="lazy"
4166                                class="h-5 w-5 shrink-0"
4167                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4168                                alt="Voltimum+ Loyalty Programme"
4169                              />
4170                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4171                        </li>
4172                                              <li>
4173                          <a
4174                            href="https://www.voltimum.co.uk/partners/wago"
4175                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4176                          >
4177                            <span
4178   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4179>
4180  <!--[if BLOCK]><![endif]-->    
4181    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4182    
4183    <img
4184      src="https://content.voltimum.com/uk/145829/wago.svg"
4185      alt=""
4186      loading="lazy"
4187      decoding="async"
4188      fetchpriority="low"
4189      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4190      
4191      x-init="loaded = $el.complete"
4192      x-on:load="loaded = true"
4193      
4194      x-on:error="loaded = true"
4195      :class="{ 'opacity-0': !loaded }"
4196    />
4197  <!--[if ENDBLOCK]><![endif]--></span>
4198                            <span class="min-w-0 flex-1 truncate">Wago</span>
4199                            <!--[if BLOCK]><![endif]-->                              <img
4200                                loading="lazy"
4201                                class="h-5 w-5 shrink-0"
4202                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4203                                alt="Voltimum+ Loyalty Programme"
4204                              />
4205                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4206                        </li>
4207                                              <li>
4208                          <a
4209                            href="https://www.voltimum.co.uk/partners/wibe-group-uk"
4210                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink"
4211                          >
4212                            <span
4213   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4214>
4215  <!--[if BLOCK]><![endif]-->    
4216    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4217    
4218    <img
4219      src="https://content.voltimum.com/uk/145831/wibe-group-uk.svg"
4220      alt=""
4221      loading="lazy"
4222      decoding="async"
4223      fetchpriority="low"
4224      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4225      
4226      x-init="loaded = $el.complete"
4227      x-on:load="loaded = true"
4228      
4229      x-on:error="loaded = true"
4230      :class="{ 'opacity-0': !loaded }"
4231    />
4232  <!--[if ENDBLOCK]><![endif]--></span>
4233                            <span class="min-w-0 flex-1 truncate">Wibe Group UK</span>
4234                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4235                        </li>
4236                      <!--[if ENDBLOCK]><![endif]-->                    </ul>
4237                  </li>
4238                                  <li>
4239                    
4240                    <p class="flex items-center gap-2 pt-3 pb-1">
4241                      <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase">
4242                        Manufacturer
4243                      </span>
4244                      <span
4245                        class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums"
4246                      >
4247                        39
4248                      </span>
4249                      <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span>
4250                    </p>
4251
4252                    <ul>
4253                      <!--[if BLOCK]><![endif]-->                        <li>
4254                          <a
4255                            href="https://www.voltimum.co.uk/partners/adaptaflex"
4256                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4257                          >
4258                            <span
4259   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4260>
4261  <!--[if BLOCK]><![endif]-->    
4262    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4263    
4264    <img
4265      src="https://content.voltimum.com/uk/133504/adaptaflex.png?width=120"
4266      alt=""
4267      loading="lazy"
4268      decoding="async"
4269      fetchpriority="low"
4270      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4271      
4272      x-init="loaded = $el.complete"
4273      x-on:load="loaded = true"
4274      
4275      x-on:error="loaded = true"
4276      :class="{ 'opacity-0': !loaded }"
4277    />
4278  <!--[if ENDBLOCK]><![endif]--></span>
4279                            <span class="min-w-0 flex-1 truncate">Adaptaflex</span>
4280                            <!--[if BLOCK]><![endif]-->                              <img
4281                                loading="lazy"
4282                                class="h-5 w-5 shrink-0"
4283                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4284                                alt="Voltimum+ Loyalty Programme"
4285                              />
4286                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4287                        </li>
4288                                              <li>
4289                          <a
4290                            href="https://www.voltimum.co.uk/partners/apc"
4291                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4292                          >
4293                            <span
4294   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4295>
4296  <!--[if BLOCK]><![endif]-->    
4297    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4298    
4299    <img
4300      src="https://content.voltimum.com/uk/145816/apc.svg"
4301      alt=""
4302      loading="lazy"
4303      decoding="async"
4304      fetchpriority="low"
4305      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4306      
4307      x-init="loaded = $el.complete"
4308      x-on:load="loaded = true"
4309      
4310      x-on:error="loaded = true"
4311      :class="{ 'opacity-0': !loaded }"
4312    />
4313  <!--[if ENDBLOCK]><![endif]--></span>
4314                            <span class="min-w-0 flex-1 truncate">APC</span>
4315                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4316                        </li>
4317                                              <li>
4318                          <a
4319                            href="https://www.voltimum.co.uk/partners/bg-electrical"
4320                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4321                          >
4322                            <span
4323   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4324>
4325  <!--[if BLOCK]><![endif]-->    
4326    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4327    
4328    <img
4329      src="https://content.voltimum.com/uk/133511/bg-electrical.png?width=120"
4330      alt=""
4331      loading="lazy"
4332      decoding="async"
4333      fetchpriority="low"
4334      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4335      
4336      x-init="loaded = $el.complete"
4337      x-on:load="loaded = true"
4338      
4339      x-on:error="loaded = true"
4340      :class="{ 'opacity-0': !loaded }"
4341    />
4342  <!--[if ENDBLOCK]><![endif]--></span>
4343                            <span class="min-w-0 flex-1 truncate">BG Electrical</span>
4344                            <!--[if BLOCK]><![endif]-->                              <img
4345                                loading="lazy"
4346                                class="h-5 w-5 shrink-0"
4347                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4348                                alt="Voltimum+ Loyalty Programme"
4349                              />
4350                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4351                        </li>
4352                                              <li>
4353                          <a
4354                            href="https://www.voltimum.co.uk/partners/brady"
4355                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4356                          >
4357                            <span
4358   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4359>
4360  <!--[if BLOCK]><![endif]-->    
4361    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4362    
4363    <img
4364      src="https://content.voltimum.com/uk/133513/brady.png?width=120"
4365      alt=""
4366      loading="lazy"
4367      decoding="async"
4368      fetchpriority="low"
4369      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4370      
4371      x-init="loaded = $el.complete"
4372      x-on:load="loaded = true"
4373      
4374      x-on:error="loaded = true"
4375      :class="{ 'opacity-0': !loaded }"
4376    />
4377  <!--[if ENDBLOCK]><![endif]--></span>
4378                            <span class="min-w-0 flex-1 truncate">Brady</span>
4379                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4380                        </li>
4381                                              <li>
4382                          <a
4383                            href="https://www.voltimum.co.uk/partners/british-cables-company"
4384                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4385                          >
4386                            <span
4387   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4388>
4389  <!--[if BLOCK]><![endif]-->    
4390    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4391    
4392    <img
4393      src="https://content.voltimum.com/uk/133514/british-cables-company.png?width=120"
4394      alt=""
4395      loading="lazy"
4396      decoding="async"
4397      fetchpriority="low"
4398      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4399      
4400      x-init="loaded = $el.complete"
4401      x-on:load="loaded = true"
4402      
4403      x-on:error="loaded = true"
4404      :class="{ 'opacity-0': !loaded }"
4405    />
4406  <!--[if ENDBLOCK]><![endif]--></span>
4407                            <span class="min-w-0 flex-1 truncate">British Cables Company</span>
4408                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4409                        </li>
4410                                              <li>
4411                          <a
4412                            href="https://www.voltimum.co.uk/partners/cpn-cudis"
4413                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4414                          >
4415                            <span
4416   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4417>
4418  <!--[if BLOCK]><![endif]-->    
4419    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4420    
4421    <img
4422      src="https://content.voltimum.com/uk/144991/NEW-Logo-Black.png?width=120"
4423      alt=""
4424      loading="lazy"
4425      decoding="async"
4426      fetchpriority="low"
4427      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4428      
4429      x-init="loaded = $el.complete"
4430      x-on:load="loaded = true"
4431      
4432      x-on:error="loaded = true"
4433      :class="{ 'opacity-0': !loaded }"
4434    />
4435  <!--[if ENDBLOCK]><![endif]--></span>
4436                            <span class="min-w-0 flex-1 truncate">CPN Cudis</span>
4437                            <!--[if BLOCK]><![endif]-->                              <img
4438                                loading="lazy"
4439                                class="h-5 w-5 shrink-0"
4440                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4441                                alt="Voltimum+ Loyalty Programme"
4442                              />
4443                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4444                        </li>
4445                                              <li>
4446                          <a
4447                            href="https://www.voltimum.co.uk/partners/crabtree"
4448                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4449                          >
4450                            <span
4451   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4452>
4453  <!--[if BLOCK]><![endif]-->    
4454    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4455    
4456    <img
4457      src="https://content.voltimum.com/uk/133518/crabtree.jpg?width=120"
4458      alt=""
4459      loading="lazy"
4460      decoding="async"
4461      fetchpriority="low"
4462      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4463      
4464      x-init="loaded = $el.complete"
4465      x-on:load="loaded = true"
4466      
4467      x-on:error="loaded = true"
4468      :class="{ 'opacity-0': !loaded }"
4469    />
4470  <!--[if ENDBLOCK]><![endif]--></span>
4471                            <span class="min-w-0 flex-1 truncate">Crabtree</span>
4472                            <!--[if BLOCK]><![endif]-->                              <img
4473                                loading="lazy"
4474                                class="h-5 w-5 shrink-0"
4475                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4476                                alt="Voltimum+ Loyalty Programme"
4477                              />
4478                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4479                        </li>
4480                                              <li>
4481                          <a
4482                            href="https://www.voltimum.co.uk/partners/dehn"
4483                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4484                          >
4485                            <span
4486   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4487>
4488  <!--[if BLOCK]><![endif]-->    
4489    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4490    
4491    <img
4492      src="https://content.voltimum.com/uk/145817/dehn.svg"
4493      alt=""
4494      loading="lazy"
4495      decoding="async"
4496      fetchpriority="low"
4497      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4498      
4499      x-init="loaded = $el.complete"
4500      x-on:load="loaded = true"
4501      
4502      x-on:error="loaded = true"
4503      :class="{ 'opacity-0': !loaded }"
4504    />
4505  <!--[if ENDBLOCK]><![endif]--></span>
4506                            <span class="min-w-0 flex-1 truncate">Dehn</span>
4507                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4508                        </li>
4509                                              <li>
4510                          <a
4511                            href="https://www.voltimum.co.uk/partners/di-log"
4512                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4513                          >
4514                            <span
4515   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4516>
4517  <!--[if BLOCK]><![endif]-->    
4518    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4519    
4520    <img
4521      src="https://content.voltimum.com/uk/133520/dilog.png?width=120"
4522      alt=""
4523      loading="lazy"
4524      decoding="async"
4525      fetchpriority="low"
4526      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4527      
4528      x-init="loaded = $el.complete"
4529      x-on:load="loaded = true"
4530      
4531      x-on:error="loaded = true"
4532      :class="{ 'opacity-0': !loaded }"
4533    />
4534  <!--[if ENDBLOCK]><![endif]--></span>
4535                            <span class="min-w-0 flex-1 truncate">Di-Log</span>
4536                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4537                        </li>
4538                                              <li>
4539                          <a
4540                            href="https://www.voltimum.co.uk/partners/doepke"
4541                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4542                          >
4543                            <span
4544   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4545>
4546  <!--[if BLOCK]><![endif]-->    
4547    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4548    
4549    <img
4550      src="https://content.voltimum.com/uk/145761/Doepke-Logo-blue.png?width=120"
4551      alt=""
4552      loading="lazy"
4553      decoding="async"
4554      fetchpriority="low"
4555      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4556      
4557      x-init="loaded = $el.complete"
4558      x-on:load="loaded = true"
4559      
4560      x-on:error="loaded = true"
4561      :class="{ 'opacity-0': !loaded }"
4562    />
4563  <!--[if ENDBLOCK]><![endif]--></span>
4564                            <span class="min-w-0 flex-1 truncate">Doepke</span>
4565                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4566                        </li>
4567                                              <li>
4568                          <a
4569                            href="https://www.voltimum.co.uk/partners/e-klips"
4570                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4571                          >
4572                            <span
4573   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4574>
4575  <!--[if BLOCK]><![endif]-->    
4576    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4577    
4578    <img
4579      src="https://content.voltimum.com/uk/133522/e-klips.gif?width=120"
4580      alt=""
4581      loading="lazy"
4582      decoding="async"
4583      fetchpriority="low"
4584      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4585      
4586      x-init="loaded = $el.complete"
4587      x-on:load="loaded = true"
4588      
4589      x-on:error="loaded = true"
4590      :class="{ 'opacity-0': !loaded }"
4591    />
4592  <!--[if ENDBLOCK]><![endif]--></span>
4593                            <span class="min-w-0 flex-1 truncate">E-Klips</span>
4594                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4595                        </li>
4596                                              <li>
4597                          <a
4598                            href="https://www.voltimum.co.uk/partners/eaton"
4599                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4600                          >
4601                            <span
4602   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4603>
4604  <!--[if BLOCK]><![endif]-->    
4605    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4606    
4607    <img
4608      src="https://content.voltimum.com/uk/133527/eaton.png?width=120"
4609      alt=""
4610      loading="lazy"
4611      decoding="async"
4612      fetchpriority="low"
4613      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4614      
4615      x-init="loaded = $el.complete"
4616      x-on:load="loaded = true"
4617      
4618      x-on:error="loaded = true"
4619      :class="{ 'opacity-0': !loaded }"
4620    />
4621  <!--[if ENDBLOCK]><![endif]--></span>
4622                            <span class="min-w-0 flex-1 truncate">Eaton</span>
4623                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4624                        </li>
4625                                              <li>
4626                          <a
4627                            href="https://www.voltimum.co.uk/partners/electrium"
4628                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4629                          >
4630                            <span
4631   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4632>
4633  <!--[if BLOCK]><![endif]-->    
4634    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4635    
4636    <img
4637      src="https://content.voltimum.com/uk/133533/electrium.png?width=120"
4638      alt=""
4639      loading="lazy"
4640      decoding="async"
4641      fetchpriority="low"
4642      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4643      
4644      x-init="loaded = $el.complete"
4645      x-on:load="loaded = true"
4646      
4647      x-on:error="loaded = true"
4648      :class="{ 'opacity-0': !loaded }"
4649    />
4650  <!--[if ENDBLOCK]><![endif]--></span>
4651                            <span class="min-w-0 flex-1 truncate">Electrium</span>
4652                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4653                        </li>
4654                                              <li>
4655                          <a
4656                            href="https://www.voltimum.co.uk/partners/emergi-lite"
4657                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4658                          >
4659                            <span
4660   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4661>
4662  <!--[if BLOCK]><![endif]-->    
4663    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4664    
4665    <img
4666      src="https://content.voltimum.com/uk/133534/emergi-lite.png?width=120"
4667      alt=""
4668      loading="lazy"
4669      decoding="async"
4670      fetchpriority="low"
4671      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4672      
4673      x-init="loaded = $el.complete"
4674      x-on:load="loaded = true"
4675      
4676      x-on:error="loaded = true"
4677      :class="{ 'opacity-0': !loaded }"
4678    />
4679  <!--[if ENDBLOCK]><![endif]--></span>
4680                            <span class="min-w-0 flex-1 truncate">Emergi-Lite</span>
4681                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4682                        </li>
4683                                              <li>
4684                          <a
4685                            href="https://www.voltimum.co.uk/partners/fibox"
4686                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4687                          >
4688                            <span
4689   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4690>
4691  <!--[if BLOCK]><![endif]-->    
4692    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4693    
4694    <img
4695      src="https://content.voltimum.com/uk/133537/fibox.jpg?width=120"
4696      alt=""
4697      loading="lazy"
4698      decoding="async"
4699      fetchpriority="low"
4700      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4701      
4702      x-init="loaded = $el.complete"
4703      x-on:load="loaded = true"
4704      
4705      x-on:error="loaded = true"
4706      :class="{ 'opacity-0': !loaded }"
4707    />
4708  <!--[if ENDBLOCK]><![endif]--></span>
4709                            <span class="min-w-0 flex-1 truncate">Fibox</span>
4710                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4711                        </li>
4712                                              <li>
4713                          <a
4714                            href="https://www.voltimum.co.uk/partners/flex7"
4715                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4716                          >
4717                            <span
4718   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4719>
4720  <!--[if BLOCK]><![endif]-->    
4721    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4722    
4723    <img
4724      src="https://content.voltimum.com/uk/133581/flex7.jpg?width=120"
4725      alt=""
4726      loading="lazy"
4727      decoding="async"
4728      fetchpriority="low"
4729      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4730      
4731      x-init="loaded = $el.complete"
4732      x-on:load="loaded = true"
4733      
4734      x-on:error="loaded = true"
4735      :class="{ 'opacity-0': !loaded }"
4736    />
4737  <!--[if ENDBLOCK]><![endif]--></span>
4738                            <span class="min-w-0 flex-1 truncate">flex7</span>
4739                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4740                        </li>
4741                                              <li>
4742                          <a
4743                            href="https://www.voltimum.co.uk/partners/furse"
4744                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4745                          >
4746                            <span
4747   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4748>
4749  <!--[if BLOCK]><![endif]-->    
4750    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4751    
4752    <img
4753      src="https://content.voltimum.com/uk/133538/furse.png?width=120"
4754      alt=""
4755      loading="lazy"
4756      decoding="async"
4757      fetchpriority="low"
4758      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4759      
4760      x-init="loaded = $el.complete"
4761      x-on:load="loaded = true"
4762      
4763      x-on:error="loaded = true"
4764      :class="{ 'opacity-0': !loaded }"
4765    />
4766  <!--[if ENDBLOCK]><![endif]--></span>
4767                            <span class="min-w-0 flex-1 truncate">Furse</span>
4768                            <!--[if BLOCK]><![endif]-->                              <img
4769                                loading="lazy"
4770                                class="h-5 w-5 shrink-0"
4771                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4772                                alt="Voltimum+ Loyalty Programme"
4773                              />
4774                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4775                        </li>
4776                                              <li>
4777                          <a
4778                            href="https://www.voltimum.co.uk/partners/interact"
4779                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4780                          >
4781                            <span
4782   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4783>
4784  <!--[if BLOCK]><![endif]-->    
4785    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4786    
4787    <img
4788      src="https://content.voltimum.com/uk/133540/interact.png?width=120"
4789      alt=""
4790      loading="lazy"
4791      decoding="async"
4792      fetchpriority="low"
4793      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4794      
4795      x-init="loaded = $el.complete"
4796      x-on:load="loaded = true"
4797      
4798      x-on:error="loaded = true"
4799      :class="{ 'opacity-0': !loaded }"
4800    />
4801  <!--[if ENDBLOCK]><![endif]--></span>
4802                            <span class="min-w-0 flex-1 truncate">Interact</span>
4803                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4804                        </li>
4805                                              <li>
4806                          <a
4807                            href="https://www.voltimum.co.uk/partners/kewtech"
4808                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4809                          >
4810                            <span
4811   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4812>
4813  <!--[if BLOCK]><![endif]-->    
4814    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4815    
4816    <img
4817      src="https://content.voltimum.com/uk/133543/kewtech.png?width=120"
4818      alt=""
4819      loading="lazy"
4820      decoding="async"
4821      fetchpriority="low"
4822      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4823      
4824      x-init="loaded = $el.complete"
4825      x-on:load="loaded = true"
4826      
4827      x-on:error="loaded = true"
4828      :class="{ 'opacity-0': !loaded }"
4829    />
4830  <!--[if ENDBLOCK]><![endif]--></span>
4831                            <span class="min-w-0 flex-1 truncate">Kewtech</span>
4832                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4833                        </li>
4834                                              <li>
4835                          <a
4836                            href="https://www.voltimum.co.uk/partners/kopex"
4837                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4838                          >
4839                            <span
4840   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4841>
4842  <!--[if BLOCK]><![endif]-->    
4843    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4844    
4845    <img
4846      src="https://content.voltimum.com/uk/133542/kopex.png?width=120"
4847      alt=""
4848      loading="lazy"
4849      decoding="async"
4850      fetchpriority="low"
4851      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4852      
4853      x-init="loaded = $el.complete"
4854      x-on:load="loaded = true"
4855      
4856      x-on:error="loaded = true"
4857      :class="{ 'opacity-0': !loaded }"
4858    />
4859  <!--[if ENDBLOCK]><![endif]--></span>
4860                            <span class="min-w-0 flex-1 truncate">KOPEX</span>
4861                            <!--[if BLOCK]><![endif]-->                              <img
4862                                loading="lazy"
4863                                class="h-5 w-5 shrink-0"
4864                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4865                                alt="Voltimum+ Loyalty Programme"
4866                              />
4867                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4868                        </li>
4869                                              <li>
4870                          <a
4871                            href="https://www.voltimum.co.uk/partners/ledvance"
4872                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4873                          >
4874                            <span
4875   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4876>
4877  <!--[if BLOCK]><![endif]-->    
4878    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4879    
4880    <img
4881      src="https://content.voltimum.com/uk/145821/ledvance.png?width=120"
4882      alt=""
4883      loading="lazy"
4884      decoding="async"
4885      fetchpriority="low"
4886      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4887      
4888      x-init="loaded = $el.complete"
4889      x-on:load="loaded = true"
4890      
4891      x-on:error="loaded = true"
4892      :class="{ 'opacity-0': !loaded }"
4893    />
4894  <!--[if ENDBLOCK]><![endif]--></span>
4895                            <span class="min-w-0 flex-1 truncate">LEDVANCE</span>
4896                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4897                        </li>
4898                                              <li>
4899                          <a
4900                            href="https://www.voltimum.co.uk/partners/linian"
4901                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4902                          >
4903                            <span
4904   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4905>
4906  <!--[if BLOCK]><![endif]-->    
4907    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4908    
4909    <img
4910      src="https://content.voltimum.com/uk/133674/linian.png?width=120"
4911      alt=""
4912      loading="lazy"
4913      decoding="async"
4914      fetchpriority="low"
4915      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4916      
4917      x-init="loaded = $el.complete"
4918      x-on:load="loaded = true"
4919      
4920      x-on:error="loaded = true"
4921      :class="{ 'opacity-0': !loaded }"
4922    />
4923  <!--[if ENDBLOCK]><![endif]--></span>
4924                            <span class="min-w-0 flex-1 truncate">Linian</span>
4925                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
4926                        </li>
4927                                              <li>
4928                          <a
4929                            href="https://www.voltimum.co.uk/partners/luceco"
4930                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4931                          >
4932                            <span
4933   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4934>
4935  <!--[if BLOCK]><![endif]-->    
4936    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4937    
4938    <img
4939      src="https://content.voltimum.com/uk/133547/luceco.png?width=120"
4940      alt=""
4941      loading="lazy"
4942      decoding="async"
4943      fetchpriority="low"
4944      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4945      
4946      x-init="loaded = $el.complete"
4947      x-on:load="loaded = true"
4948      
4949      x-on:error="loaded = true"
4950      :class="{ 'opacity-0': !loaded }"
4951    />
4952  <!--[if ENDBLOCK]><![endif]--></span>
4953                            <span class="min-w-0 flex-1 truncate">Luceco</span>
4954                            <!--[if BLOCK]><![endif]-->                              <img
4955                                loading="lazy"
4956                                class="h-5 w-5 shrink-0"
4957                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4958                                alt="Voltimum+ Loyalty Programme"
4959                              />
4960                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4961                        </li>
4962                                              <li>
4963                          <a
4964                            href="https://www.voltimum.co.uk/partners/marshall-tufflex"
4965                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
4966                          >
4967                            <span
4968   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
4969>
4970  <!--[if BLOCK]><![endif]-->    
4971    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
4972    
4973    <img
4974      src="https://content.voltimum.com/uk/133548/marshall-tufflex-ltd.png?width=120"
4975      alt=""
4976      loading="lazy"
4977      decoding="async"
4978      fetchpriority="low"
4979      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
4980      
4981      x-init="loaded = $el.complete"
4982      x-on:load="loaded = true"
4983      
4984      x-on:error="loaded = true"
4985      :class="{ 'opacity-0': !loaded }"
4986    />
4987  <!--[if ENDBLOCK]><![endif]--></span>
4988                            <span class="min-w-0 flex-1 truncate">Marshall Tufflex</span>
4989                            <!--[if BLOCK]><![endif]-->                              <img
4990                                loading="lazy"
4991                                class="h-5 w-5 shrink-0"
4992                                src="https://www.voltimum.co.uk/img/v-plus.svg"
4993                                alt="Voltimum+ Loyalty Programme"
4994                              />
4995                            <!--[if ENDBLOCK]><![endif]-->                          </a>
4996                        </li>
4997                                              <li>
4998                          <a
4999                            href="https://www.voltimum.co.uk/partners/martindale-electric"
5000                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5001                          >
5002                            <span
5003   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5004>
5005  <!--[if BLOCK]><![endif]-->    
5006    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5007    
5008    <img
5009      src="https://content.voltimum.com/uk/133550/martindale-electric.jpg?width=120"
5010      alt=""
5011      loading="lazy"
5012      decoding="async"
5013      fetchpriority="low"
5014      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5015      
5016      x-init="loaded = $el.complete"
5017      x-on:load="loaded = true"
5018      
5019      x-on:error="loaded = true"
5020      :class="{ 'opacity-0': !loaded }"
5021    />
5022  <!--[if ENDBLOCK]><![endif]--></span>
5023                            <span class="min-w-0 flex-1 truncate">Martindale Electric</span>
5024                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5025                        </li>
5026                                              <li>
5027                          <a
5028                            href="https://www.voltimum.co.uk/partners/masterplug"
5029                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5030                          >
5031                            <span
5032   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5033>
5034  <!--[if BLOCK]><![endif]-->    
5035    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5036    
5037    <img
5038      src="https://content.voltimum.com/uk/133551/masterplug.png?width=120"
5039      alt=""
5040      loading="lazy"
5041      decoding="async"
5042      fetchpriority="low"
5043      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5044      
5045      x-init="loaded = $el.complete"
5046      x-on:load="loaded = true"
5047      
5048      x-on:error="loaded = true"
5049      :class="{ 'opacity-0': !loaded }"
5050    />
5051  <!--[if ENDBLOCK]><![endif]--></span>
5052                            <span class="min-w-0 flex-1 truncate">Masterplug</span>
5053                            <!--[if BLOCK]><![endif]-->                              <img
5054                                loading="lazy"
5055                                class="h-5 w-5 shrink-0"
5056                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5057                                alt="Voltimum+ Loyalty Programme"
5058                              />
5059                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5060                        </li>
5061                                              <li>
5062                          <a
5063                            href="https://www.voltimum.co.uk/partners/megger"
5064                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5065                          >
5066                            <span
5067   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5068>
5069  <!--[if BLOCK]><![endif]-->    
5070    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5071    
5072    <img
5073      src="https://content.voltimum.com/uk/133552/megger.png?width=120"
5074      alt=""
5075      loading="lazy"
5076      decoding="async"
5077      fetchpriority="low"
5078      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5079      
5080      x-init="loaded = $el.complete"
5081      x-on:load="loaded = true"
5082      
5083      x-on:error="loaded = true"
5084      :class="{ 'opacity-0': !loaded }"
5085    />
5086  <!--[if ENDBLOCK]><![endif]--></span>
5087                            <span class="min-w-0 flex-1 truncate">Megger</span>
5088                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5089                        </li>
5090                                              <li>
5091                          <a
5092                            href="https://www.voltimum.co.uk/partners/nexans"
5093                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5094                          >
5095                            <span
5096   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5097>
5098  <!--[if BLOCK]><![endif]-->    
5099    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5100    
5101    <img
5102      src="https://content.voltimum.com/uk/145822/nexans.svg"
5103      alt=""
5104      loading="lazy"
5105      decoding="async"
5106      fetchpriority="low"
5107      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5108      
5109      x-init="loaded = $el.complete"
5110      x-on:load="loaded = true"
5111      
5112      x-on:error="loaded = true"
5113      :class="{ 'opacity-0': !loaded }"
5114    />
5115  <!--[if ENDBLOCK]><![endif]--></span>
5116                            <span class="min-w-0 flex-1 truncate">Nexans</span>
5117                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5118                        </li>
5119                                              <li>
5120                          <a
5121                            href="https://www.voltimum.co.uk/partners/philips"
5122                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5123                          >
5124                            <span
5125   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5126>
5127  <!--[if BLOCK]><![endif]-->    
5128    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5129    
5130    <img
5131      src="https://content.voltimum.com/uk/145823/philips.svg"
5132      alt=""
5133      loading="lazy"
5134      decoding="async"
5135      fetchpriority="low"
5136      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5137      
5138      x-init="loaded = $el.complete"
5139      x-on:load="loaded = true"
5140      
5141      x-on:error="loaded = true"
5142      :class="{ 'opacity-0': !loaded }"
5143    />
5144  <!--[if ENDBLOCK]><![endif]--></span>
5145                            <span class="min-w-0 flex-1 truncate">Philips</span>
5146                            <!--[if BLOCK]><![endif]-->                              <img
5147                                loading="lazy"
5148                                class="h-5 w-5 shrink-0"
5149                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5150                                alt="Voltimum+ Loyalty Programme"
5151                              />
5152                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5153                        </li>
5154                                              <li>
5155                          <a
5156                            href="https://www.voltimum.co.uk/partners/quickwire"
5157                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5158                          >
5159                            <span
5160   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5161>
5162  <!--[if BLOCK]><![endif]-->    
5163    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5164    
5165    <img
5166      src="https://content.voltimum.com/uk/133560/quickwire.png?width=120"
5167      alt=""
5168      loading="lazy"
5169      decoding="async"
5170      fetchpriority="low"
5171      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5172      
5173      x-init="loaded = $el.complete"
5174      x-on:load="loaded = true"
5175      
5176      x-on:error="loaded = true"
5177      :class="{ 'opacity-0': !loaded }"
5178    />
5179  <!--[if ENDBLOCK]><![endif]--></span>
5180                            <span class="min-w-0 flex-1 truncate">Quickwire</span>
5181                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5182                        </li>
5183                                              <li>
5184                          <a
5185                            href="https://www.voltimum.co.uk/partners/rointe"
5186                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5187                          >
5188                            <span
5189   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5190>
5191  <!--[if BLOCK]><![endif]-->    
5192    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5193    
5194    <img
5195      src="https://content.voltimum.com/uk/133562/rointe.jpg?width=120"
5196      alt=""
5197      loading="lazy"
5198      decoding="async"
5199      fetchpriority="low"
5200      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5201      
5202      x-init="loaded = $el.complete"
5203      x-on:load="loaded = true"
5204      
5205      x-on:error="loaded = true"
5206      :class="{ 'opacity-0': !loaded }"
5207    />
5208  <!--[if ENDBLOCK]><![endif]--></span>
5209                            <span class="min-w-0 flex-1 truncate">Rointe</span>
5210                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5211                        </li>
5212                                              <li>
5213                          <a
5214                            href="https://www.voltimum.co.uk/partners/shelly"
5215                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5216                          >
5217                            <span
5218   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5219>
5220  <!--[if BLOCK]><![endif]-->    
5221    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5222    
5223    <img
5224      src="https://content.voltimum.com/uk/145827/shelly.svg"
5225      alt=""
5226      loading="lazy"
5227      decoding="async"
5228      fetchpriority="low"
5229      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5230      
5231      x-init="loaded = $el.complete"
5232      x-on:load="loaded = true"
5233      
5234      x-on:error="loaded = true"
5235      :class="{ 'opacity-0': !loaded }"
5236    />
5237  <!--[if ENDBLOCK]><![endif]--></span>
5238                            <span class="min-w-0 flex-1 truncate">Shelly</span>
5239                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5240                        </li>
5241                                              <li>
5242                          <a
5243                            href="https://www.voltimum.co.uk/partners/siemens"
5244                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5245                          >
5246                            <span
5247   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5248>
5249  <!--[if BLOCK]><![endif]-->    
5250    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5251    
5252    <img
5253      src="https://content.voltimum.com/uk/133566/siemens.png?width=120"
5254      alt=""
5255      loading="lazy"
5256      decoding="async"
5257      fetchpriority="low"
5258      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5259      
5260      x-init="loaded = $el.complete"
5261      x-on:load="loaded = true"
5262      
5263      x-on:error="loaded = true"
5264      :class="{ 'opacity-0': !loaded }"
5265    />
5266  <!--[if ENDBLOCK]><![endif]--></span>
5267                            <span class="min-w-0 flex-1 truncate">Siemens</span>
5268                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5269                        </li>
5270                                              <li>
5271                          <a
5272                            href="https://www.voltimum.co.uk/partners/signify"
5273                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5274                          >
5275                            <span
5276   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5277>
5278  <!--[if BLOCK]><![endif]-->    
5279    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5280    
5281    <img
5282      src="https://content.voltimum.com/uk/145828/signify.svg"
5283      alt=""
5284      loading="lazy"
5285      decoding="async"
5286      fetchpriority="low"
5287      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5288      
5289      x-init="loaded = $el.complete"
5290      x-on:load="loaded = true"
5291      
5292      x-on:error="loaded = true"
5293      :class="{ 'opacity-0': !loaded }"
5294    />
5295  <!--[if ENDBLOCK]><![endif]--></span>
5296                            <span class="min-w-0 flex-1 truncate">Signify</span>
5297                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5298                        </li>
5299                                              <li>
5300                          <a
5301                            href="https://www.voltimum.co.uk/partners/sync-energy"
5302                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5303                          >
5304                            <span
5305   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5306>
5307  <!--[if BLOCK]><![endif]-->    
5308    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5309    
5310    <img
5311      src="https://content.voltimum.com/uk/133569/sync-energy.png?width=120"
5312      alt=""
5313      loading="lazy"
5314      decoding="async"
5315      fetchpriority="low"
5316      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5317      
5318      x-init="loaded = $el.complete"
5319      x-on:load="loaded = true"
5320      
5321      x-on:error="loaded = true"
5322      :class="{ 'opacity-0': !loaded }"
5323    />
5324  <!--[if ENDBLOCK]><![endif]--></span>
5325                            <span class="min-w-0 flex-1 truncate">Sync Energy</span>
5326                            <!--[if BLOCK]><![endif]-->                              <img
5327                                loading="lazy"
5328                                class="h-5 w-5 shrink-0"
5329                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5330                                alt="Voltimum+ Loyalty Programme"
5331                              />
5332                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5333                        </li>
5334                                              <li>
5335                          <a
5336                            href="https://www.voltimum.co.uk/partners/twisttail"
5337                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5338                          >
5339                            <span
5340   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5341>
5342  <!--[if BLOCK]><![endif]-->    
5343    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5344    
5345    <img
5346      src="https://content.voltimum.com/uk/133571/twisttail.gif?width=120"
5347      alt=""
5348      loading="lazy"
5349      decoding="async"
5350      fetchpriority="low"
5351      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5352      
5353      x-init="loaded = $el.complete"
5354      x-on:load="loaded = true"
5355      
5356      x-on:error="loaded = true"
5357      :class="{ 'opacity-0': !loaded }"
5358    />
5359  <!--[if ENDBLOCK]><![endif]--></span>
5360                            <span class="min-w-0 flex-1 truncate">TWISTTAIL</span>
5361                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5362                        </li>
5363                                              <li>
5364                          <a
5365                            href="https://www.voltimum.co.uk/partners/ty-met"
5366                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5367                          >
5368                            <span
5369   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5370>
5371  <!--[if BLOCK]><![endif]-->    
5372    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5373    
5374    <img
5375      src="https://content.voltimum.com/uk/133572/ty-met.gif?width=120"
5376      alt=""
5377      loading="lazy"
5378      decoding="async"
5379      fetchpriority="low"
5380      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5381      
5382      x-init="loaded = $el.complete"
5383      x-on:load="loaded = true"
5384      
5385      x-on:error="loaded = true"
5386      :class="{ 'opacity-0': !loaded }"
5387    />
5388  <!--[if ENDBLOCK]><![endif]--></span>
5389                            <span class="min-w-0 flex-1 truncate">TY-MET</span>
5390                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                          </a>
5391                        </li>
5392                                              <li>
5393                          <a
5394                            href="https://www.voltimum.co.uk/partners/ty-rap"
5395                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5396                          >
5397                            <span
5398   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5399>
5400  <!--[if BLOCK]><![endif]-->    
5401    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5402    
5403    <img
5404      src="https://content.voltimum.com/uk/133573/ty-rap.png?width=120"
5405      alt=""
5406      loading="lazy"
5407      decoding="async"
5408      fetchpriority="low"
5409      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5410      
5411      x-init="loaded = $el.complete"
5412      x-on:load="loaded = true"
5413      
5414      x-on:error="loaded = true"
5415      :class="{ 'opacity-0': !loaded }"
5416    />
5417  <!--[if ENDBLOCK]><![endif]--></span>
5418                            <span class="min-w-0 flex-1 truncate">TY-RAP</span>
5419                            <!--[if BLOCK]><![endif]-->                              <img
5420                                loading="lazy"
5421                                class="h-5 w-5 shrink-0"
5422                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5423                                alt="Voltimum+ Loyalty Programme"
5424                              />
5425                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5426                        </li>
5427                                              <li>
5428                          <a
5429                            href="https://www.voltimum.co.uk/partners/wylex"
5430                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5431                          >
5432                            <span
5433   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5434>
5435  <!--[if BLOCK]><![endif]-->    
5436    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5437    
5438    <img
5439      src="https://content.voltimum.com/uk/133580/wylex.jpg?width=120"
5440      alt=""
5441      loading="lazy"
5442      decoding="async"
5443      fetchpriority="low"
5444      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5445      
5446      x-init="loaded = $el.complete"
5447      x-on:load="loaded = true"
5448      
5449      x-on:error="loaded = true"
5450      :class="{ 'opacity-0': !loaded }"
5451    />
5452  <!--[if ENDBLOCK]><![endif]--></span>
5453                            <span class="min-w-0 flex-1 truncate">Wylex</span>
5454                            <!--[if BLOCK]><![endif]-->                              <img
5455                                loading="lazy"
5456                                class="h-5 w-5 shrink-0"
5457                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5458                                alt="Voltimum+ Loyalty Programme"
5459                              />
5460                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5461                        </li>
5462                      <!--[if ENDBLOCK]><![endif]-->                    </ul>
5463                  </li>
5464                                  <li>
5465                    
5466                    <p class="flex items-center gap-2 pt-3 pb-1">
5467                      <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase">
5468                        Distributor
5469                      </span>
5470                      <span
5471                        class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums"
5472                      >
5473                        8
5474                      </span>
5475                      <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span>
5476                    </p>
5477
5478                    <ul>
5479                      <!--[if BLOCK]><![endif]-->                        <li>
5480                          <a
5481                            href="https://www.voltimum.co.uk/partners/bpx-electro-mechanical-co-ltd"
5482                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5483                          >
5484                            <span
5485   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5486>
5487  <!--[if BLOCK]><![endif]-->    
5488    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5489    
5490    <img
5491      src="https://content.voltimum.com/uk/145477/BPX-Part-of-RS-Group_RGB_Colour.svg"
5492      alt=""
5493      loading="lazy"
5494      decoding="async"
5495      fetchpriority="low"
5496      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5497      
5498      x-init="loaded = $el.complete"
5499      x-on:load="loaded = true"
5500      
5501      x-on:error="loaded = true"
5502      :class="{ 'opacity-0': !loaded }"
5503    />
5504  <!--[if ENDBLOCK]><![endif]--></span>
5505                            <span class="min-w-0 flex-1 truncate">BPX Electro Mechanical Co. Ltd</span>
5506                            <!--[if BLOCK]><![endif]-->                              <img
5507                                loading="lazy"
5508                                class="h-5 w-5 shrink-0"
5509                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5510                                alt="Voltimum+ Loyalty Programme"
5511                              />
5512                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5513                        </li>
5514                                              <li>
5515                          <a
5516                            href="https://www.voltimum.co.uk/partners/city-electrical-factors"
5517                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5518                          >
5519                            <span
5520   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5521>
5522  <!--[if BLOCK]><![endif]-->    
5523    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5524    
5525    <img
5526      src="https://content.voltimum.com/uk/133515/city-electrical-factors.png?width=120"
5527      alt=""
5528      loading="lazy"
5529      decoding="async"
5530      fetchpriority="low"
5531      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5532      
5533      x-init="loaded = $el.complete"
5534      x-on:load="loaded = true"
5535      
5536      x-on:error="loaded = true"
5537      :class="{ 'opacity-0': !loaded }"
5538    />
5539  <!--[if ENDBLOCK]><![endif]--></span>
5540                            <span class="min-w-0 flex-1 truncate">City Electrical Factors</span>
5541                            <!--[if BLOCK]><![endif]-->                              <img
5542                                loading="lazy"
5543                                class="h-5 w-5 shrink-0"
5544                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5545                                alt="Voltimum+ Loyalty Programme"
5546                              />
5547                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5548                        </li>
5549                                              <li>
5550                          <a
5551                            href="https://www.voltimum.co.uk/partners/control-components-anglia"
5552                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5553                          >
5554                            <span
5555   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5556>
5557  <!--[if BLOCK]><![endif]-->    
5558    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5559    
5560    <img
5561      src="https://content.voltimum.com/uk/133517/control-components-anglia.png?width=120"
5562      alt=""
5563      loading="lazy"
5564      decoding="async"
5565      fetchpriority="low"
5566      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5567      
5568      x-init="loaded = $el.complete"
5569      x-on:load="loaded = true"
5570      
5571      x-on:error="loaded = true"
5572      :class="{ 'opacity-0': !loaded }"
5573    />
5574  <!--[if ENDBLOCK]><![endif]--></span>
5575                            <span class="min-w-0 flex-1 truncate">Control Components Anglia</span>
5576                            <!--[if BLOCK]><![endif]-->                              <img
5577                                loading="lazy"
5578                                class="h-5 w-5 shrink-0"
5579                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5580                                alt="Voltimum+ Loyalty Programme"
5581                              />
5582                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5583                        </li>
5584                                              <li>
5585                          <a
5586                            href="https://www.voltimum.co.uk/partners/expert-electrical"
5587                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5588                          >
5589                            <span
5590   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5591>
5592  <!--[if BLOCK]><![endif]-->    
5593    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5594    
5595    <img
5596      src="https://content.voltimum.com/uk/133536/expert-electrical.png?width=120"
5597      alt=""
5598      loading="lazy"
5599      decoding="async"
5600      fetchpriority="low"
5601      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5602      
5603      x-init="loaded = $el.complete"
5604      x-on:load="loaded = true"
5605      
5606      x-on:error="loaded = true"
5607      :class="{ 'opacity-0': !loaded }"
5608    />
5609  <!--[if ENDBLOCK]><![endif]--></span>
5610                            <span class="min-w-0 flex-1 truncate">Expert Electrical</span>
5611                            <!--[if BLOCK]><![endif]-->                              <img
5612                                loading="lazy"
5613                                class="h-5 w-5 shrink-0"
5614                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5615                                alt="Voltimum+ Loyalty Programme"
5616                              />
5617                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5618                        </li>
5619                                              <li>
5620                          <a
5621                            href="https://www.voltimum.co.uk/partners/medlock"
5622                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5623                          >
5624                            <span
5625   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5626>
5627  <!--[if BLOCK]><![endif]-->    
5628    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5629    
5630    <img
5631      src="https://content.voltimum.com/uk/133549/medlock.png?width=120"
5632      alt=""
5633      loading="lazy"
5634      decoding="async"
5635      fetchpriority="low"
5636      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5637      
5638      x-init="loaded = $el.complete"
5639      x-on:load="loaded = true"
5640      
5641      x-on:error="loaded = true"
5642      :class="{ 'opacity-0': !loaded }"
5643    />
5644  <!--[if ENDBLOCK]><![endif]--></span>
5645                            <span class="min-w-0 flex-1 truncate">MEDLOCK</span>
5646                            <!--[if BLOCK]><![endif]-->                              <img
5647                                loading="lazy"
5648                                class="h-5 w-5 shrink-0"
5649                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5650                                alt="Voltimum+ Loyalty Programme"
5651                              />
5652                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5653                        </li>
5654                                              <li>
5655                          <a
5656                            href="https://www.voltimum.co.uk/partners/phase-electrical"
5657                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5658                          >
5659                            <span
5660   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5661>
5662  <!--[if BLOCK]><![endif]-->    
5663    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5664    
5665    <img
5666      src="https://content.voltimum.com/uk/133558/phase-electrical.png?width=120"
5667      alt=""
5668      loading="lazy"
5669      decoding="async"
5670      fetchpriority="low"
5671      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5672      
5673      x-init="loaded = $el.complete"
5674      x-on:load="loaded = true"
5675      
5676      x-on:error="loaded = true"
5677      :class="{ 'opacity-0': !loaded }"
5678    />
5679  <!--[if ENDBLOCK]><![endif]--></span>
5680                            <span class="min-w-0 flex-1 truncate">Phase Electrical</span>
5681                            <!--[if BLOCK]><![endif]-->                              <img
5682                                loading="lazy"
5683                                class="h-5 w-5 shrink-0"
5684                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5685                                alt="Voltimum+ Loyalty Programme"
5686                              />
5687                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5688                        </li>
5689                                              <li>
5690                          <a
5691                            href="https://www.voltimum.co.uk/partners/tla"
5692                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5693                          >
5694                            <span
5695   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5696>
5697  <!--[if BLOCK]><![endif]-->    
5698    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5699    
5700    <img
5701      src="https://content.voltimum.com/uk/144800/TLA_Colour_Main_Logo_RGB.png?width=120"
5702      alt=""
5703      loading="lazy"
5704      decoding="async"
5705      fetchpriority="low"
5706      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5707      
5708      x-init="loaded = $el.complete"
5709      x-on:load="loaded = true"
5710      
5711      x-on:error="loaded = true"
5712      :class="{ 'opacity-0': !loaded }"
5713    />
5714  <!--[if ENDBLOCK]><![endif]--></span>
5715                            <span class="min-w-0 flex-1 truncate">TLA</span>
5716                            <!--[if BLOCK]><![endif]-->                              <img
5717                                loading="lazy"
5718                                class="h-5 w-5 shrink-0"
5719                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5720                                alt="Voltimum+ Loyalty Programme"
5721                              />
5722                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5723                        </li>
5724                                              <li>
5725                          <a
5726                            href="https://www.voltimum.co.uk/partners/uk-electric"
5727                            class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70"
5728                          >
5729                            <span
5730   x-data="{ loaded: false }"   class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15"
5731>
5732  <!--[if BLOCK]><![endif]-->    
5733    <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div>
5734    
5735    <img
5736      src="https://content.voltimum.com/uk/144388/uk-electric.png?width=120"
5737      alt=""
5738      loading="lazy"
5739      decoding="async"
5740      fetchpriority="low"
5741      class="h-[22px] w-[22px] object-contain transition-opacity duration-200"
5742      
5743      x-init="loaded = $el.complete"
5744      x-on:load="loaded = true"
5745      
5746      x-on:error="loaded = true"
5747      :class="{ 'opacity-0': !loaded }"
5748    />
5749  <!--[if ENDBLOCK]><![endif]--></span>
5750                            <span class="min-w-0 flex-1 truncate">UK Electric</span>
5751                            <!--[if BLOCK]><![endif]-->                              <img
5752                                loading="lazy"
5753                                class="h-5 w-5 shrink-0"
5754                                src="https://www.voltimum.co.uk/img/v-plus.svg"
5755                                alt="Voltimum+ Loyalty Programme"
5756                              />
5757                            <!--[if ENDBLOCK]><![endif]-->                          </a>
5758                        </li>
5759                      <!--[if ENDBLOCK]><![endif]-->                    </ul>
5760                  </li>
5761                <!--[if ENDBLOCK]><![endif]-->                <li>
5762                  <a
5763                    href="/partners"
5764                    class="group/all mt-3 inline-flex items-center gap-1.5 text-sm font-semibold text-pilot-blue"
5765                  >
5766                    All partners
5767                    <svg class="h-4 w-4 transition-transform duration-200 group-hover/all:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
5768  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
5769</svg>
5770                  </a>
5771                </li>
5772              <!--[if ENDBLOCK]><![endif]-->
5773              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </ul>
5774          <!--[if ENDBLOCK]><![endif]-->        </li>
5775                                      <li x-data="{ open: false }" class="border-b border-volt-ink/10">
5776          <div class="flex items-center justify-between">
5777            
5778            <a
5779              href="/plus"
5780                                          
5781              class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink "
5782            >
5783              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->              <!--[if BLOCK]><![endif]-->                Voltimum+
5784              <!--[if ENDBLOCK]><![endif]-->            </a>
5785
5786            <!--[if BLOCK]><![endif]-->              <button
5787                type="button"
5788                x-on:click="open = !open"
5789                :aria-expanded="open ? 'true' : 'false'"
5790                aria-label="Voltimum+"
5791                class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink"
5792              >
5793                <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
5794  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
5795</svg>
5796              </button>
5797            <!--[if ENDBLOCK]><![endif]-->          </div>
5798
5799          <!--[if BLOCK]><![endif]-->            <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3">
5800              <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
5801              <!--[if BLOCK]><![endif]-->                <li>
5802                  <a
5803                    href="/plus/promotions"
5804                                        class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue "
5805                  >
5806                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    Promotions
5807                  </a>
5808                </li>
5809                              <li>
5810                  <a
5811                    href="/plus/branch-finder"
5812                                        class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue "
5813                  >
5814                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    Branch finder
5815                  </a>
5816                </li>
5817                              <li>
5818                  <a
5819                    href="https://uk.voltimumplusrewards.com"
5820                     target="_blank" rel="noopener"                     class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue "
5821                  >
5822                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    Rewards
5823                  </a>
5824                </li>
5825              <!--[if ENDBLOCK]><![endif]-->            </ul>
5826          <!--[if ENDBLOCK]><![endif]-->        </li>
5827      <!--[if ENDBLOCK]><![endif]-->    </ul>
5828
5829    
5830    <div class="border-t border-volt-ink/10 bg-volt-ink/[0.04] px-4 py-4">
5831      <!--[if BLOCK]><![endif]-->        <div class="flex gap-2">
5832          <a
5833            href="https://www.voltimum.co.uk/login"
5834            class="flex-1 rounded-lg border border-volt-ink/20 px-4 py-2.5 text-center text-sm font-semibold text-volt-ink"
5835          >
5836            Login
5837          </a>
5838          <!--[if BLOCK]><![endif]-->            <a
5839              href="https://www.voltimum.co.uk/register"
5840              
5841              class="flex-1 rounded-lg bg-pilot-blue px-4 py-2.5 text-center text-sm font-semibold text-white"
5842            >
5843              Register
5844            </a>
5845          <!--[if ENDBLOCK]><![endif]-->        </div>
5846      <!--[if ENDBLOCK]><![endif]-->    </div>
5847  </div>
5848</div>
5849  
5849<script>
5850    function voltHeader() {
5851      
5852      const compact = document.documentElement.classList.contains('volt-header-compact');
5853
5854      return {
5855        compact,
5856        menuOpen: false,
5857        searchOpen: false,
5858        scrolled: compact || window.scrollY > 80,
5859        ticking: false,
5860        searchQuery: '',
5861
5862        
5863        searchFocused: false,
5864
5865        
5866        onScroll() {
5867          if (this.compact || this.ticking) return;
5868          this.ticking = true;
5869
5870          requestAnimationFrame(() => {
5871            const y = window.scrollY;
5872
5873            if (!this.scrolled && y > 80) this.scrolled = true;
5874            else if (this.scrolled && y < 40) this.scrolled = false;
5875
5876            this.ticking = false;
5877          });
5878        },
5879        toggleMenu() {
5880          this.menuOpen = !this.menuOpen;
5881          if (this.menuOpen) this.searchOpen = false;
5882          document.body.classList.toggle('overflow-y-hidden', this.menuOpen);
5883        },
5884        toggleSearch() {
5885          this.searchOpen = !this.searchOpen;
5886          if (this.searchOpen) {
5887            this.menuOpen = false;
5888            document.body.classList.remove('overflow-y-hidden');
5889            
5890            document.getElementById('nav-mobile-search-drawer')?.removeAttribute('inert');
5891            document.getElementById('nav-mobile-search')?.focus();
5892          }
5893        },
5894        
5895        openSearchFocus() {
5896          this.searchFocused = true;
5897          if (this.menuOpen) this.toggleMenu();
5898        },
5899        closeSearchFocus() {
5900          this.searchFocused = false;
5901        },
5902        closeAll() {
5903          
5904          if (this.searchFocused) document.activeElement?.blur();
5905
5906          this.menuOpen = false;
5907          this.searchOpen = false;
5908          this.searchFocused = false;
5909          document.body.classList.remove('overflow-y-hidden');
5910        },
5911        
5912        goSearch() {
5913          const query = this.searchQuery.trim();
5914          if (!query) return;
5915
5916          jitsuEvent('search', {
5917            search_query: query,
5918            search_type: 'navbar',
5919          });
5920
5921          window.location.href = `https://www.voltimum.co.uk/product-search?query=${encodeURIComponent(query)}`;
5922        },
5923      };
5924    }
5925  </script>
5925
5926</div>  </div>
5927
5928  <div x-persist="shopping-cart">
5929    <div wire:key="lw-1535712454-1-facet-groups-9" wire:snapshot="{&quot;data&quot;:{&quot;cart&quot;:null,&quot;items_per_distributor&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;latest_transfers&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;active_distributors&quot;:[null,{&quot;keys&quot;:{&quot;1&quot;:6,&quot;3&quot;:8,&quot;5&quot;:159,&quot;10&quot;:161,&quot;11&quot;:160,&quot;12&quot;:162,&quot;0&quot;:165,&quot;2&quot;:1,&quot;4&quot;:7,&quot;6&quot;:163,&quot;8&quot;:4,&quot;9&quot;:5,&quot;13&quot;:10,&quot;14&quot;:9,&quot;7&quot;:164},&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Distributor&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;restore_notice&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;0aoszUWIPg2NSKiRoPHc&quot;,&quot;name&quot;:&quot;shopping-cart&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d86bde1b749e1d01d09a71826013f68aca145353020f31cff1b1c1ad6396ea73&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;refreshCart&quot;,&quot;removeFromCart&quot;]}" wire:id="0aoszUWIPg2NSKiRoPHc" wire:name="shopping-cart" x-cloak>
5930  <div
5931    x-show="cartOpen"
5932    class="fixed top-0 left-0 z-[1001] h-full w-full bg-black/50"
5933    id="overlay"
5934    @click="closeCart"
5935  ></div>
5936
5937  <div
5938    id="popup"
5939    x-show="cartOpen"
5940    x-transition:enter="transition ease-out duration-500"
5941    x-transition:enter-start="opacity-0 transform translate-x-full"
5942    x-transition:enter-end="opacity-100 transform translate-x-0"
5943    x-transition:leave="transition ease-in duration-150"
5944    x-transition:leave-start="opacity-100 transform translate-x-0"
5945    x-transition:leave-end="opacity-0 transform translate-x-full"
5946    class="fixed top-0 right-0 bottom-0 z-[10000] w-full overflow-y-auto bg-white pt-5 duration-150 md:max-w-[471px] md:pt-8"
5947  >
5948    <div class="pr-[23px] pl-[29px] md:pr-[35px] lg:pl-[30px]">
5949      <div class="flex items-center justify-between">
5950        <div class="flex items-center gap-3">
5951          <p class="text-xl leading-120 font-medium text-black md:text-base">Shopping Cart</p>
5952          <div>
5953            <div wire:loading  class="w-full">
5954  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin">
5955    <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
5956  </svg>
5957</div>
5958          </div>
5959        </div>
5960
5961        <div class="flex items-center">
5962          <!-- Empty cart -->
5963          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
5964          <!-- Close cart -->
5965          <button @click="closeCart">
5966            <svg class="cursor-pointer transition duration-300 ease-linear hover:scale-[1.25]" id="closePopup" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5967              <path d="M6 18L18 6M6 6L18 18" stroke="#9CA3AF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
5968            </svg>
5969          </button>
5970        </div>
5971      </div>
5972
5973      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
5974  </div>
5975</div>
5976
5977  </div>
5978
5979  
5980  <main id="main-content">
5981        <div class="relative mx-auto max-w-7xl px-4 xl:px-0">
5982          <!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <!--[if ENDBLOCK]><![endif]-->  <!--[if BLOCK]><![endif]-->    <div class="w-full pt-4" data-banner-wrapper>
5983      <!--[if BLOCK]><![endif]-->  <div class="relative">
5984    <a
5985      href="https://video.voltimum.co.uk/abb-freehome-learn-the-basics-of"
5986      data-banner-track="{&quot;title&quot;:&quot;ABB: Webinar (1) \u0022ABB-free@home\u00ae: Learn the basics of Top
5986ology \u0026 Commissioning\u0022&quot;,&quot;url&quot;:&quot;https:\/\/video.voltimum.co.uk\/abb-freehome-learn-the-basics-of&quot;,&quot;brands&quot;:[&quot;ABU&quot;],&quot;brand_impressions&quot;:null,&quot;placement&quot;:&quot;top&quot;,&quot;page&quot;:&quot;products_listing&quot;,&quot;banner_id&quot;:28}"
5987      data-banner-click
5988       target="_blank" rel="noopener"     >
5989      
5990            <img
5991        loading="lazy"
5992        src="https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(2).png?width=1280"
5993        srcset="https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(2).png?width=1280 1x, https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(2).png?width=2560 2x"
5994        class="w-full h-auto rounded-lg hidden md:block"
5995        alt="ABB: Webinar (1) &quot;ABB-free@home®: Learn the basics of Topology &amp; Commissioning&quot;"
5996      />
5997
5998      <!--[if BLOCK]><![endif]-->                <img
5999          loading="lazy"
6000          src="https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(1).png?width=800"
6001          srcset="https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(1).png?width=800 1x, https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&amp;-Commissioning)-Promo-graphics-(1).png?width=1920 2x"
6002          class="block h-auto w-full rounded-lg md:hidden"
6003          alt="ABB: Webinar (1) &quot;ABB-free@home®: Learn the basics of Topology &amp; Commissioning&quot;"
6004        />
6005      <!--[if ENDBLOCK]><![endif]-->    </a>
6006
6007    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  </div>
6008<!--[if ENDBLOCK]><![endif]-->    </div>
6009  <!--[if ENDBLOCK]><![endif]-->
6010      
6011      
6012      
6013          </div>
6014
6015    <div wire:snapshot="{&quot;data&quot;:{&quot;breadcrumbs&quot;:[[[{&quot;label&quot;:&quot;Products&quot;,&quot;url&quot;:&quot;https:\/\/www.voltimum.co.uk\/product-search&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;BDPkPkFBTPLQmtfNRapZ&quot;,&quot;name&quot;:&quot;pages.product-listing&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-1050993310-0-1&quot;:[&quot;div&quot;,&quot;YwvAXxNsy5oBZZhhIzxA&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;2072ea71a0441a0bf61ef9cfcb25c293eeada6c0fd6454677dc65d4b449c1bd1&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="BDPkPkFBTPLQmtfNRapZ" wire:name="pages.product-listing">
6016  <div class="mx-auto max-w-7xl px-4 pt-4 xl:px-0">
6017    <nav aria-label="Breadcrumb" class="block">
6018  
6019  <ol
6020    class="hidden items-center gap-0.5 rounded-full bg-volt-ink/[0.05] p-1 text-[13px] ring-1 ring-volt-ink/10 ring-inset md:inline-flex"
6021  >
6022    <li class="shrink-0">
6023      <a href="https://www.voltimum.co.uk" class="flex items-center gap-1.5 rounded-full px-2.5 py-1 font-medium text-volt-ink/60 transition-colors duration-150 hover:bg-white/70 hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-pilot-blue">
6024        <svg class="h-[15px] w-[15px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6025  <path
6026    stroke-linecap="round"
6027    stroke-linejoin="round"
6028    stroke-width="2"
6029    d="M3.5 10.5 12 3.5l8.5 7M5.5 12v7.5a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V12"
6030  />
6031</svg>
6032        <span>Home</span>
6033      </a>
6034    </li>
6035
6036    <!--[if BLOCK]><![endif]-->      <li class="flex min-w-0 items-center gap-0.5">
6037        
6038        <svg aria-hidden="true" class="h-3 w-3 shrink-0 -rotate-90 text-volt-ink/25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6039  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
6040</svg>
6041
6042        <!--[if BLOCK]><![endif]-->          
6043          <!--[if BLOCK]><![endif]-->
6043            <span
6044              aria-current="page"
6045              class="min-w-0 truncate rounded-full bg-white px-3 py-1 font-semibold text-volt-ink shadow-[0_1px_2px_rgba(0,47,102,0.12)] ring-1 ring-volt-ink/10"
6046            >
6047              Products
6048            </span>
6049          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->      </li>
6050    <!--[if ENDBLOCK]><![endif]-->  </ol>
6051
6052  
6053  <a
6054    href="https://www.voltimum.co.uk"
6055    class="inline-flex max-w-full items-center gap-2 rounded-full bg-pilot-blue/[0.07] py-1.5 pr-4 pl-1.5 text-sm font-semibold text-pilot-blue transition-colors duration-150 hover:bg-pilot-blue/[0.12] md:hidden"
6056  >
6057    <span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-pilot-blue text-white">
6058      <svg class="h-4 w-4 rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6059  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
6060</svg>
6061    </span>
6062    <span class="truncate">Back to Home</span>
6063  </a>
6064</nav>
6065  </div>
6066
6067  <div class="mx-auto max-w-7xl">
6068    <div wire:key="lw-1050993310-0-1" wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;&quot;,&quot;titleImageUrl&quot;:&quot;&quot;,&quot;titleSvgContent&quot;:&quot;&quot;,&quot;headerLogoUrl&quot;:&quot;&quot;,&quot;page&quot;:1,&quot;initialPageLoad&quot;:false,&quot;listingPageUrl&quot;:&quot;https:\/\/www.voltimum.co.uk\/product-search&quot;,&quot;query&quot;:&quot;&quot;,&quot;bundleId&quot;:&quot;&quot;,&quot;bundleModel&quot;:null,&quot;customBundle&quot;:&quot;&quot;,&quot;bundleList&quot;:&quot;&quot;,&quot;routedBundleId&quot;:null,&quot;selectedFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;facetFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;activeFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hiddenFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;facetCounts&quot;:[{&quot;vplus&quot;:[[[{&quot;count&quot;:128304,&quot;highlighted&quot;:&quot;true&quot;,&quot;value&quot;:&quot;true&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:32423,&quot;highlighted&quot;:&quot;false&quot;,&quot;value&quot;:&quot;false&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;availability_type&quot;:[[[{&quot;count&quot;:35764,&quot;highlighted&quot;:&quot;in-stock&quot;,&quot;value&quot;:&quot;in-stock&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:124963,&quot;highlighted&quot;:&quot;out-of-stock&quot;,&quot;value&quot;:&quot;out-of-stock&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;manufacturer&quot;:[[[{&quot;count&quot;:68343,&quot;highlighted&quot;:&quot;ABU&quot;,&quot;value&quot;:&quot;ABU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:28578,&quot;highlighted&quot;:&quot;SCU&quot;,&quot;value&quot;:&quot;SCU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:12931,&quot;highlighted&quot;:&quot;WAU&quot;,&quot;value&quot;:&quot;WAU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:72,&quot;highlighted&quot;:&quot;NVCLU&quot;,&quot;value&quot;:&quot;NVCLU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:72,&quot;highlighted&quot;:&quot;ECOLINKU&quot;,&quot;value&quot;:&quot;ECOLINKU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:5921,&quot;highlighted&quot;:&quot;LCU&quot;,&quot;value&quot;:&quot;LCU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2662,&quot;highlighted&quot;:&quot;BGU&quot;,&quot;value&quot;:&quot;BGU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2599,&quot;highlighted&quot;:&quot;MLU&quot;,&quot;value&quot;:&quot;MLU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2079,&quot;highlighted&quot;:&quot;FUU&quot;,&quot;value&quot;:&quot;FUU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1668,&quot;highlighted&quot;:&quot;AXU&quot;,&quot;value&quot;:&quot;AXU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1131,&quot;highlighted&quot;:&quot;CTU&quot;,&quot;value&quot;:&quot;CTU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1074,&quot;highlighted&quot;:&quot;KOU&quot;,&quot;value&quot;:&quot;KOU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:899,&quot;highlighted&quot;:&quot;WYU&quot;,&quot;value&quot;:&quot;WYU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:877,&quot;highlighted&quot;:&quot;PHU&quot;,&quot;value&quot;:&quot;PHU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:704,&quot;highlighted&quot;:&quot;CPNU&quot;,&quot;value&quot;:&quot;CPNU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:271,&quot;highlighted&quot;:&quot;TYU&quot;,&quot;value&quot;:&quot;TYU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:242,&quot;highlighted&quot;:&quot;MASU&quot;,&quot;value&quot;:&quot;MASU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:152,&quot;highlighted&quot;:&quot;BGSEU&quot;,&quot;value&quot;:&quot;BGSEU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1922,&quot;highlighted&quot;:&quot;KNIU&quot;,&quot;value&quot;:&quot;KNIU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:75,&quot;highlighted&quot;:&quot;BOU&quot;,&quot;value&quot;:&quot;BOU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:8456,&quot;highlighted&quot;:&quot;LNU&quot;,&quot;value&quot;:&quot;LNU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:7112,&quot;highlighted&quot;:&quot;MMU&quot;,&quot;value&quot;:&quot;MMU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:3911,&quot;highlighted&quot;:&quot;NEU&quot;,&quot;value&quot;:&quot;NEU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2501,&quot;highlighted&quot;:&quot;PIU&quot;,&quot;value&quot;:&quot;PIU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1570,&quot;highlighted&quot;:&quot;FIBU&quot;,&quot;value&quot;:&quot;FIBU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1535,&quot;highlighted&quot;:&quot;ALGU&quot;,&quot;value&quot;:&quot;ALGU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1161,&quot;highlighted&quot;:&quot;VXU&quot;,&quot;value&quot;:&quot;VXU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:781,&quot;highlighted&quot;:&quot;SIU&quot;,&quot;value&quot;:&quot;SIU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:731,&quot;highlighted&quot;:&quot;FCU&quot;,&quot;value&quot;:&quot;FCU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:473,&quot;highlighted&quot;:&quot;ROIU&quot;,&quot;value&quot;:&quot;ROIU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:188,&quot;highlighted&quot;:&quot;MEGU&quot;,&quot;value&quot;:&quot;MEGU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:36,&quot;highlighted&quot;:&quot;AAU&quot;,&quot;value&quot;:&quot;AAU&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;distributors&quot;:[[[{&quot;count&quot;:12725,&quot;highlighted&quot;:&quot;BPXU&quot;,&quot;value&quot;:&quot;BPXU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:9736,&quot;highlighted&quot;:&quot;CCAU&quot;,&quot;value&quot;:&quot;CCAU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:20700,&quot;highlighted&quot;:&quot;FARNUK&quot;,&quot;value&quot;:&quot;FARNUK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:17311,&quot;highlighted&quot;:&quot;RSCUK&quot;,&quot;value&quot;:&quot;RSCUK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:7357,&quot;highlighted&quot;:&quot;REXU&quot;,&quot;value&quot;:&quot;REXU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1460,&quot;highlighted&quot;:&quot;RSEU&quot;,&quot;value&quot;:&quot;RSEU&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:20333,&quot;highlighted&quot;:&quot;TLAUK&quot;,&quot;value&quot;:&quot;TLAUK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:5079,&quot;highlighted&quot;:&quot;CEF&quot;,&quot;value&quot;:&quot;CEF&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:612,&quot;highlighted&quot;:&quot;LSU&quot;,&quot;value&quot;:&quot;LSU&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;classifications&quot;:[[[{&quot;count&quot;:17626,&quot;highlighted&quot;:&quot;led-lighting-luminaires&quot;,&quot;value&quot;:&quot;led-lighting-luminaires&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:12194,&quot;highlighted&quot;:&quot;led-lighting&quot;,&quot;value&quot;:&quot;led-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2664,&quot;highlighted&quot;:&quot;luminaires&quot;,&quot;value&quot;:&quot;luminaires&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:979,&quot;highlighted&quot;:&quot;emergency-lighting&quot;,&quot;value&quot;:&quot;emergency-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:41,&quot;highlighted&quot;:&quot;commercial-lighting&quot;,&quot;value&quot;:&quot;commercial-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1070,&quot;highlighted&quot;:&quot;industrial-lighting&quot;,&quot;value&quot;:&quot;industrial-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:104,&quot;highlighted&quot;:&quot;specialty-lamps&quot;,&quot;value&quot;:&quot;specialty-lamps&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:500,&quot;highlighted&quot;:&quot;led-panels&quot;,&quot;value&quot;:&quot;led-panels&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:962,&quot;highlighted&quot;:&quot;
6068lighting-controls&quot;,&quot;value&quot;:&quot;lighting-controls&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2385,&quot;highlighted&quot;:&quot;amenity-lighting&quot;,&quot;value&quot;:&quot;amenity-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:471,&quot;highlighted&quot;:&quot;surface-mount-lighting&quot;,&quot;value&quot;:&quot;surface-mount-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:804,&quot;highlighted&quot;:&quot;recessed-downlighters&quot;,&quot;value&quot;:&quot;recessed-downlighters&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:277,&quot;highlighted&quot;:&quot;floodlighting&quot;,&quot;value&quot;:&quot;floodlighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:156,&quot;highlighted&quot;:&quot;street-lighting&quot;,&quot;value&quot;:&quot;street-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:157,&quot;highlighted&quot;:&quot;post-top-lighting&quot;,&quot;value&quot;:&quot;post-top-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:11091,&quot;highlighted&quot;:&quot;cable-management-systems&quot;,&quot;value&quot;:&quot;cable-management-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1366,&quot;highlighted&quot;:&quot;cable-trays&quot;,&quot;value&quot;:&quot;cable-trays&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:4770,&quot;highlighted&quot;:&quot;electrical-conduits&quot;,&quot;value&quot;:&quot;electrical-conduits&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2100,&quot;highlighted&quot;:&quot;cable-ties&quot;,&quot;value&quot;:&quot;cable-ties&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2873,&quot;highlighted&quot;:&quot;cable-glands&quot;,&quot;value&quot;:&quot;cable-glands&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:8370,&quot;highlighted&quot;:&quot;electrical-cables-wiring&quot;,&quot;value&quot;:&quot;electrical-cables-wiring&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:748,&quot;highlighted&quot;:&quot;swa-armoured-cables&quot;,&quot;value&quot;:&quot;swa-armoured-cables&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:4938,&quot;highlighted&quot;:&quot;building-wire-power-cables&quot;,&quot;value&quot;:&quot;building-wire-power-cables&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1565,&quot;highlighted&quot;:&quot;data-communication-cables&quot;,&quot;value&quot;:&quot;data-communication-cables&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:871,&quot;highlighted&quot;:&quot;specialist-cables&quot;,&quot;value&quot;:&quot;specialist-cables&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:12311,&quot;highlighted&quot;:&quot;wiring-accessories-installation&quot;,&quot;value&quot;:&quot;wiring-accessories-installation&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:9384,&quot;highlighted&quot;:&quot;sockets-switches&quot;,&quot;value&quot;:&quot;sockets-switches&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:460,&quot;highlighted&quot;:&quot;junction-boxes&quot;,&quot;value&quot;:&quot;junction-boxes&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1857,&quot;highlighted&quot;:&quot;wiring-accessories&quot;,&quot;value&quot;:&quot;wiring-accessories&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:644,&quot;highlighted&quot;:&quot;cable-fixings-clips&quot;,&quot;value&quot;:&quot;cable-fixings-clips&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:816,&quot;highlighted&quot;:&quot;heating-ventilation&quot;,&quot;value&quot;:&quot;heating-ventilation&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:486,&quot;highlighted&quot;:&quot;electric-heaters&quot;,&quot;value&quot;:&quot;electric-heaters&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:150,&quot;highlighted&quot;:&quot;fans-ventilation&quot;,&quot;value&quot;:&quot;fans-ventilation&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:111,&quot;highlighted&quot;:&quot;hvac-controls-systems&quot;,&quot;value&quot;:&quot;hvac-controls-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:65,&quot;highlighted&quot;:&quot;smart-thermostats&quot;,&quot;value&quot;:&quot;smart-thermostats&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:55579,&quot;highlighted&quot;:&quot;switchgear-circuit-protection&quot;,&quot;value&quot;:&quot;switchgear-circuit-protection&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2777,&quot;highlighted&quot;:&quot;distribution-boards&quot;,&quot;value&quot;:&quot;distribution-boards&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:27599,&quot;highlighted&quot;:&quot;circuit-breakers&quot;,&quot;value&quot;:&quot;circuit-breakers&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:13553,&quot;highlighted&quot;:&quot;switchgear&quot;,&quot;value&quot;:&quot;switchgear&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:8813,&quot;highlighted&quot;:&quot;contactors-motor-starters&quot;,&quot;value&quot;:&quot;contactors-motor-starters&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:4300,&quot;highlighted&quot;:&quot;busbars&quot;,&quot;value&quot;:&quot;busbars&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:15533,&quot;highlighted&quot;:&quot;terminals-connectors-interconnects&quot;,&quot;value&quot;:&quot;terminals-connectors-interconnects&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:9569,&quot;highlighted&quot;:&quot;terminal-blocks&quot;,&quot;value&quot;:&quot;terminal-blocks&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2846,&quot;highlighted&quot;:&quot;industrial-connectors&quot;,&quot;value&quot;:&quot;industrial-connectors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1646,&quot;highlighted&quot;:&quot;pcb-connectors&quot;,&quot;value&quot;:&quot;pcb-connectors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1425,&quot;highlighted&quot;:&quot;cable-lugs-terminals&quot;,&quot;value&quot;:&quot;cable-lugs-terminals&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:412,&quot;highlighted&quot;:&quot;test-measurement-equipment&quot;,&quot;value&quot;:&quot;test-measurement-equipment&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:177,&quot;highlighted&quot;:&quot;multimeters&quot;,&quot;value&quot;:&quot;multimeters&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:15,&quot;highlighted&quot;:&quot;oscilloscopes&quot;,&quot;value&quot;:&quot;oscilloscopes&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:256,&quot;highlighted&quot;:&quot;inspection-testing-tools&quot;,&quot;value&quot;:&quot;inspection-testing-tools&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2694,&quot;highlighted&quot;:&quot;hand-tools-power-tools&quot;,&quot;value&quot;:&quot;hand-tools-power-tools&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:46,&quot;highlighted&quot;:&quot;socket-sets&quot;,&quot;value&quot;:&quot;socket-sets&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1172,&quot;highlighted&quot;:&quot;pliers&quot;,&quot;value&quot;:&quot;pliers&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:74,&quot;highlighted&quot;:&quot;screwdrivers&quot;,&quot;value&quot;:&quot;screwdrivers&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:490,&quot;highlighted&quot;:&quot;power-tools&quot;,&quot;value&quot;:&quot;power-tools&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:907,&quot;highlighted&quot;:&quot;hand-tools&quot;,&quot;value&quot;:&quot;hand-tools&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:392,&quot;highlighted&quot;:&quot;fluorescent-hid-lighting&quot;,&quot;value&quot;:&quot;fluorescent-hid-lighting&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:139,&quot;highlighted&quot;:&quot;fluorescent-tubes-fittings&quot;,&quot;value&quot;:&quot;fluorescent-tubes-fittings&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:212,&quot;highlighted&quot;:&quot;hid-lamps&quot;,&quot;value&quot;:&quot;hid-lamps&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:43,&quot;highlighted&quot;:&quot;specialist-lamps&quot;,&quot;value&quot;:&quot;specialist-lamps&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:6,&quot;highlighted&quot;:&quot;emergency-lighting-batteries&quot;,&quot;value&quot;:&quot;emergency-lighting-batteries&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:113,&quot;highlighted&quot;:&quot;fire-detection-alarms&quot;,&quot;value&quot;:&quot;fire-detection-alarms&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:17,&quot;highlighted&quot;:&quot;fire-alarms&quot;,&quot;value&quot;:&quot;fire-alarms&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:7,&quot;highlighted&quot;:&quot;fire-detection-systems&quot;,&quot;value&quot;:&quot;fire-detection-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:20,&quot;highlighted&quot;:&quot;smoke-detectors&quot;,&quot;value&quot;:&quot;smoke-detectors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:69,&quot;highlighted&quot;:&quot;fire-alarm-accessories&quot;,&quot;value&quot;:&quot;fire-alarm-accessories&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:412,&quot;highlighted&quot;:&quot;security-access-control&quot;,&quot;value&quot;:&quot;security-access-control&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:28,&quot;highlighted&quot;:&quot;cctv-systems&quot;,&quot;value&quot;:&quot;cctv-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:205,&quot;highlighted&quot;:&quot;access-control-systems&quot;,&quot;value&quot;:&quot;access-control-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:191,&quot;highlighted&quot;:&quot;security-accessories&quot;,&quot;value&quot;:&quot;security-accessories&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1379,&quot;highlighted&quot;:&quot;transformers-power-supplies&quot;,&quot;value&quot;:&quot;transformers-power-supplies&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:649,&quot;highlighted&quot;:&quot;electrical-transformers&quot;,&quot;value&quot;:&quot;electrical-transformers&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:583,&quot;highlighted&quot;:&quot;power-supplies&quot;,&quot;value&quot;:&quot;power-supplies&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:140,&quot;highlighted&quot;:&quot;din-rail-power-supplies&quot;,&quot;value&quot;:&quot;din-rail-power-supplies&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:5715,&quot;highlighted&quot;:&quot;
6068building-controls-automation&quot;,&quot;value&quot;:&quot;building-controls-automation&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1175,&quot;highlighted&quot;:&quot;lighting-control-systems&quot;,&quot;value&quot;:&quot;lighting-control-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1120,&quot;highlighted&quot;:&quot;sensors&quot;,&quot;value&quot;:&quot;sensors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:3014,&quot;highlighted&quot;:&quot;plcs&quot;,&quot;value&quot;:&quot;plcs&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:458,&quot;highlighted&quot;:&quot;energy-monitoring-systems&quot;,&quot;value&quot;:&quot;energy-monitoring-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:307,&quot;highlighted&quot;:&quot;renewable-energy-ev-charging&quot;,&quot;value&quot;:&quot;renewable-energy-ev-charging&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:215,&quot;highlighted&quot;:&quot;ev-charging-points&quot;,&quot;value&quot;:&quot;ev-charging-points&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:38,&quot;highlighted&quot;:&quot;solar-pv-components&quot;,&quot;value&quot;:&quot;solar-pv-components&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:33,&quot;highlighted&quot;:&quot;energy-storage-systems&quot;,&quot;value&quot;:&quot;energy-storage-systems&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:21,&quot;highlighted&quot;:&quot;energy-monitoring&quot;,&quot;value&quot;:&quot;energy-monitoring&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2808,&quot;highlighted&quot;:&quot;electronic-components&quot;,&quot;value&quot;:&quot;electronic-components&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:110,&quot;highlighted&quot;:&quot;resistors&quot;,&quot;value&quot;:&quot;resistors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:119,&quot;highlighted&quot;:&quot;capacitors&quot;,&quot;value&quot;:&quot;capacitors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:4,&quot;highlighted&quot;:&quot;transistors&quot;,&quot;value&quot;:&quot;transistors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:122,&quot;highlighted&quot;:&quot;diodes&quot;,&quot;value&quot;:&quot;diodes&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2064,&quot;highlighted&quot;:&quot;relays&quot;,&quot;value&quot;:&quot;relays&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:251,&quot;highlighted&quot;:&quot;semiconductors&quot;,&quot;value&quot;:&quot;semiconductors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:72,&quot;highlighted&quot;:&quot;inductors&quot;,&quot;value&quot;:&quot;inductors&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:45,&quot;highlighted&quot;:&quot;microcontrollers&quot;,&quot;value&quot;:&quot;microcontrollers&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:12701,&quot;highlighted&quot;:&quot;enclosures-panels&quot;,&quot;value&quot;:&quot;enclosures-panels&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:8397,&quot;highlighted&quot;:&quot;electrical-enclosures&quot;,&quot;value&quot;:&quot;electrical-enclosures&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:3365,&quot;highlighted&quot;:&quot;control-panels&quot;,&quot;value&quot;:&quot;control-panels&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1459,&quot;highlighted&quot;:&quot;weatherproof-enclosures&quot;,&quot;value&quot;:&quot;weatherproof-enclosures&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:45,&quot;highlighted&quot;:&quot;safety-equipment-workwear&quot;,&quot;value&quot;:&quot;safety-equipment-workwear&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:11,&quot;highlighted&quot;:&quot;electrician-workwear&quot;,&quot;value&quot;:&quot;electrician-workwear&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:25,&quot;highlighted&quot;:&quot;personal-protective-equipment&quot;,&quot;value&quot;:&quot;personal-protective-equipment&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:7,&quot;highlighted&quot;:&quot;safety-gloves&quot;,&quot;value&quot;:&quot;safety-gloves&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:2,&quot;highlighted&quot;:&quot;hard-hats-safety-helmets&quot;,&quot;value&quot;:&quot;hard-hats-safety-helmets&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:3071,&quot;highlighted&quot;:&quot;site-supplies-consumables&quot;,&quot;value&quot;:&quot;site-supplies-consumables&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:1655,&quot;highlighted&quot;:&quot;fixings-fasteners&quot;,&quot;value&quot;:&quot;fixings-fasteners&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:483,&quot;highlighted&quot;:&quot;electrical-tape-insulation&quot;,&quot;value&quot;:&quot;electrical-tape-insulation&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:959,&quot;highlighted&quot;:&quot;marking-identification&quot;,&quot;value&quot;:&quot;marking-identification&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:302,&quot;highlighted&quot;:&quot;computing-peripherals&quot;,&quot;value&quot;:&quot;computing-peripherals&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:20,&quot;highlighted&quot;:&quot;pcs-laptops&quot;,&quot;value&quot;:&quot;pcs-laptops&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:110,&quot;highlighted&quot;:&quot;peripherals&quot;,&quot;value&quot;:&quot;peripherals&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:172,&quot;highlighted&quot;:&quot;networking&quot;,&quot;value&quot;:&quot;networking&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;count&quot;:10980,&quot;highlighted&quot;:&quot;other&quot;,&quot;value&quot;:&quot;other&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;filters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;totalFound&quot;:160727,&quot;sort&quot;:&quot;relevance&quot;,&quot;sortOptions&quot;:[{&quot;relevance&quot;:&quot;rank:desc,availability:desc,_text_match:desc&quot;,&quot;availability&quot;:&quot;availability:desc,_text_match:desc&quot;,&quot;vplus_points&quot;:&quot;points:desc,_text_match:desc&quot;,&quot;price_asc&quot;:&quot;min_price:asc,_text_match:desc&quot;,&quot;price_desc&quot;:&quot;max_price:desc,_text_match:desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;YwvAXxNsy5oBZZhhIzxA&quot;,&quot;name&quot;:&quot;product-search-component&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;53a60e69d686ec8d44d66c5d3dc6879616c1ec8f0cfce83688de4bb1b34ca080&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;url&quot;:{&quot;page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:1},&quot;query&quot;:{&quot;as&quot;:&quot;query&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;},&quot;bundleId&quot;:{&quot;as&quot;:&quot;bundleId&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;},&quot;customBundle&quot;:{&quot;as&quot;:&quot;customBundle&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;},&quot;facetFilters&quot;:{&quot;as&quot;:&quot;facetFilters&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:[]},&quot;sort&quot;:{&quot;as&quot;:&quot;sort&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;relevance&quot;},&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="YwvAXxNsy5oBZZhhIzxA" wire:name="product-search-component" x-data="{ showFilters: false }" class="mx-auto max-w-7xl px-4 pt-4 pb-8 xl:px-0">
6069  <div class="mx-auto max-w-7xl">
6070    
6071    <header class="mb-8">
6072      <!--[if BLOCK]><![endif]-->        <div class="flex items-center gap-4 sm:gap-5 ">
6073          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->          <div class="min-w-0">
6074            <h1
6075              class="text-2xl !leading-[1.05] font-extrabold tracking-tight break-words text-navy sm:text-3xl md:text-4xl"
6076            >
6077              Products
6078            </h1>
6079          </div>
6080          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
6081      <!--[if ENDBLOCK]><![endif]-->
6082      <div class="mt-5 flex items-center gap-3">
6083        <p class="inline-flex items-center gap-2 rounded-full bg-volt-ink/[0.05] px-3.5 py-1.5 text-sm text-slate-grey">
6084          Total results
6085          <span class="font-bold text-volt-ink tabular-nums">
6086            160,727
6087          </span>
6088        </p>
6089        <div>
6090          <div wire:loading  class="w-full">
6091  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin">
6092    <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
6093  </svg>
6094</div>
6095        </div>
6096      </div>
6097
6098      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
6099      
6100      <div class="mt-6">
6101        
6102        <!--[if BLOCK]><![endif]-->  <div
6103    x-data="searchAutocomplete({
6104            endpoint: 'https://www.voltimum.co.uk/suggest',
6105            scope: 'products',
6106            commitScope: null,
6107            constraints: [],
6108            model: 'query',
6109            searchType: 'products',
6110            searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'),
6111            commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'},
6112            panelId: 'search-suggestions-default-products-query-query',
6113            showAllTemplate: 'Show all :count results',
6114            minLength: 1,
6115        })"
6116    
6117        
6118    @click.outside="close()"
6119    
6120    @pointerdown.window="onPointerDownAnywhere($event)"
6121    @keydown.escape.window="close()"
6122    @resize.window="measurePanel()"
6123    @scroll.window="measurePanel()"
6124    class="group relative w-full"
6125  >
6126    <div class="flex h-13 w-full items-center gap-3 rounded-2xl bg-volt-ink/[0.04] pl-4 ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset focus-within:bg-white focus-within:ring-2 focus-within:ring-volt-ink hover:ring-pilot-blue sm:h-14 sm:pl-5 pr-1.5 sm:pr-2">
6127      <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 shrink-0 text-volt-ink/45 transition-colors group-focus-within:text-volt-ink">
6128  <path
6129    d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z"
6130    stroke="currentColor"
6131    stroke-width="1.5"
6132    stroke-linecap="round"
6133    stroke-linejoin="round"
6134  />
6135</svg>
6136
6137      <input
6138        type="search"
6139        x-ref="input"
6140        role="combobox"
6141        aria-autocomplete="list"
6142        aria-haspopup="listbox"
6143        aria-controls="search-suggestions-default-products-query-query"
6144        :aria-expanded="open"
6145        :aria-activedescendant="activeId()"
6146        @input.debounce.250ms="onInput($event.target.value)"
6147        @keydown.arrow-down.prevent="move(1)"
6148        @keydown.arrow-up.prevent="move(-1)"
6149        @keydown.enter.prevent="commit()"
6150        @blur="onBlur($event)"
6151        @focus="if (options().length) open = true;"
6152        name="query"
6153        autocomplete="off"
6154        placeholder="Search products"
6155                class="min-w-0 flex-1 border-0 bg-transparent p-0 text-base font-medium text-volt-ink placeholder:font-normal placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none"
6156      />
6157
6158      <span x-show="loading" x-cloak aria-hidden="true" class="h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span>
6159
6160      <!--[if BLOCK]><![endif]-->        
6161        <button
6162          type="button"
6163          @click="commit()"
6164          class="flex h-10 shrink-0 cursor-pointer items-center justify-center rounded-xl bg-volt-ink/[0.04] px-3.5 text-sm font-semibold whitespace-nowrap text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:transition-none motion-reduce:active:scale-100 sm:px-6"
6165        >
6166          Search
6167        </button>
6168      <!--[if ENDBLOCK]><![endif]-->
6169      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
6170
6171    <div
6172      x-show="open && options().length"
6173      x-cloak
6174      x-transition
6175      
6176      :style="panelStyle()"
6177      @mousedown.prevent="onPointerDownInPanel($event)"
6178      class="absolute left-0 z-[9999] mt-2 w-full flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10"
6179    >
6180      
6181      <span
6182        aria-hidden="true"
6183        class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"
6184      ></span>
6185
6186      
6187      <div
6188        id="search-suggestions-default-products-query-query"
6189        role="listbox"
6190        
6191        tabindex="-1"
6192        aria-label="Search suggestions"
6193        class="min-h-0 flex-1 overflow-y-auto overscroll-contain"
6194      >
6195        
6196        <template x-if="terms.length">
6197          <div class="border-b border-volt-ink/[0.08] p-2">
6198            <template x-for="(term, i) in terms" :key="'term-' + term.term">
6199              <button
6200                type="button"
6201                role="option"
6202                
6203                tabindex="-1"
6204                :id="optionId('term', i)"
6205                :aria-selected="isActive('term', i)"
6206                @click="pickTerm(term.term, term.url)"
6207                @mouseenter="activate('term', i)"
6208                
6209                class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
6210                :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'"
6211              >
6212                <span
6213                  aria-hidden="true"
6214                  class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100"
6215                  :class="isActive('term', i) && 'scale-y-100'"
6216                ></span>
6217                
6218                <span
6219                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate"
6220                  x-html="term.label"
6221                ></span>
6222                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6223  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
6224</svg>
6225              </button>
6226            </template>
6227          </div>
6228        </template>
6229
6230        
6231        <template x-if="partners.length">
6232          <div class="border-b border-volt-ink/[0.08] p-2">
6233            <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase">
6234              Partners
6235            </p>
6236
6237            
6238            <template x-for="(partner, i) in partners" :key="'partner-' + partner.url">
6239              <a
6240                role="option"
6241                tabindex="-1"
6242                :id="optionId('partner', i)"
6243                :aria-selected="isActive('partner', i)"
6244                :href="partner.url"
6245                
6246                @click="trackPick($refs.input.value)"
6247                @mouseenter="activate('partner', i)"
6248                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
6249                :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'"
6250              >
6251                
6252                <template x-if="partner.image">
6253                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
6254                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
6255                    <img
6256                      :src="partner.image"
6257                      alt=""
6258                      loading="lazy"
6259                      class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]"
6260                      :class="{ 'opacity-0': !loaded }"
6261                      x-init="loaded = $el.complete"
6262                      x-on:load="loaded = true"
6263                      x-on:error="loaded = true"
6264                    />
6265                  </span>
6266                </template>
6267
6268                
6269                <template x-if="!partner.image">
6270                  <span
6271                    aria-hidden="true"
6272                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase"
6273                    x-text="partner.term.slice(0, 2)"
6274                  ></span>
6275                </template>
6276
6277                <span
6278                  class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90"
6279                  x-html="partner.label"
6280                ></span>
6281
6282                <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6283  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
6284</svg>
6285              </a>
6286            </template>
6287          </div>
6288        </template>
6289
6290        
6291        <template x-for="group in groups" :key="group.type">
6292          <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0">
6293            <p
6294              x-show="groups.length > 1"
6295              class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"
6296              x-text="group.label"
6297            ></p>
6298
6299            
6300            <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url">
6301              <a
6302                role="option"
6303                tabindex="-1"
6304                :id="optionId(group.type, i)"
6305                :aria-selected="isActive(group.type, i)"
6306                :href="item.url"
6307                
6308                @click="trackPick($refs.input.value, typeFor(group.type))"
6309                @mouseenter="activate(group.type, i)"
6310                class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]"
6311                :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'"
6312              >
6313                
6314                <template x-if="item.image">
6315                  <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0">
6316                    <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span>
6317                    <img
6318                      :src="item.image"
6319                      alt=""
6320                      loading="lazy"
6321                      class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]"
6322                      :class="{ 'opacity-0': !loaded }"
6323                      x-init="loaded = $el.complete"
6324                      x-on:load="loaded = true"
6325                      x-on:error="loaded = true"
6326                    />
6327                  </span>
6328                </template>
6329
6330                <span class="min-w-0 flex-1">
6331                  <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span>
6332                  <span
6333                    x-show="item.subtitle"
6334                    class="block truncate text-xs font-medium text-volt-ink/50"
6335                    x-text="item.subtitle"
6336                  ></span>
6337                </span>
6338
6339                <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span>
6340              </a>
6341            </template>
6342
6343            
6344            <a
6345              role="option"
6346              tabindex="-1"
6347              :id="optionId(group.type + ':all', 0)"
6348              :aria-selected="isActive(group.type + ':all', 0)"
6349                              @click.prevent="commitQuery($refs.input.value.trim())"
6350                            @mouseenter="activate(group.type + ':all', 0)"
6351              class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]"
6352              :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'"
6353            >
6354              <span x-text="showAllLabel(group.total)"></span>
6355              <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6356  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" />
6357</svg>
6358            </a>
6359          </div>
6360        </template>
6361      </div>
6362    </div>
6363  </div>
6364<!--[if ENDBLOCK]><![endif]-->      </div>
6365    </header>
6366
6367    
6368    <div class="grid-cols-4 gap-x-8 gap-y-4 lg:grid">
6369      <div
6370        class="mb-6 flex items-center justify-between gap-3 lg:col-span-3 lg:col-start-2 lg:row-start-1 lg:mb-0 lg:justify-end"
6371      >
6372        <button
6373  type="button"
6374  @click="showFilters = true"
6375  aria-haspopup="dialog"
6376  :aria-expanded="showFilters"
6377  aria-controls="facet-filters"
6378  class="flex h-11 shrink-0 cursor-pointer items-center gap-2 rounded-2xl bg-volt-ink/[0.04] px-4 text-sm font-semibold text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:ring-pilot-blue focus-visible:bg-white focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none lg:hidden"
6379>
6380  <svg
6381  xmlns="http://www.w3.org/2000/svg"
6382  fill="none"
6383  viewBox="0 0 24 24"
6384  stroke-width="1.5"
6385  stroke="currentColor"
6386  aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45"
6387>
6388  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" />
6389</svg>
6390  <span>Filters</span>
6391
6392  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></button>
6393
6394        <div
6395  
6396  x-data="{
6397    selected: $wire.$get('sort'),
6398    labels: JSON.parse('{\u0022relevance\u0022:\u0022Relevance\u0022,\u0022availability\u0022:\u0022Availability\u0022,\u0022vplus_points\u0022:\u0022V+ Points\u0022,\u0022price_asc\u0022:\u0022Price (min)\u0022,\u0022price_desc\u0022:\u0022Price (max)\u0022}'),
6399    init() {
6400      this.$watch('selected', (value) => {
6401        if (value !== $wire.$get('sort')) {
6402          $wire.$set('sort', value);
6403        }
6404      });
6405
6406      $wire.$watch('sort', (value) => {
6407        this.selected = value;
6408      });
6409    },
6410  }"
6411  x-listbox
6412  x-model="selected"
6413  
6414  wire:ignore
6415  class="flex items-center gap-3 min-w-0"
6416>
6417  <!--[if BLOCK]><![endif]-->    
6418    <label x-listbox:label class="sr-only">Sort by:</label>
6419  <!--[if ENDBLOCK]><![endif]-->
6420  <div class="relative">
6421    <button
6422      x-listbox:button
6423      type="button"
6424      class="flex h-11 cursor-pointer items-center gap-2 rounded-2xl bg-volt-ink/[0.04] ps-4 pe-3 text-sm font-semibold text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:ring-pilot-blue focus-visible:bg-white focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none"
6425      :class="$listbox.isOpen && 'bg-white ring-2 ring-volt-ink'"
6426    >
6427      
6428      <svg
6429  xmlns="http://www.w3.org/2000/svg"
6430  fill="none"
6431  viewBox="0 0 24 24"
6432  stroke-width="1.5"
6433  stroke="currentColor"
6434  aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45"
6435>
6436  <path stroke-linecap="round" stroke-linejoin="round" d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" />
6437</svg>
6438      <span class="grid min-w-0">
6439        <!--[if BLOCK]><![endif]-->          <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Relevance</span>
6440                  <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Availability</span>
6441                  <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">V+ Points</span>
6442                  <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Price (min)</span>
6443                  <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Price (max)</span>
6444        <!--[if ENDBLOCK]><![endif]-->        <span class="col-start-1 row-start-1 truncate text-start" x-text="labels[selected]">
6445          Relevance
6446        </span>
6447      </span>
6448      <svg aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45 transition-transform duration-200" :class="$listbox.isOpen && 'rotate-180 text-volt-ink'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6449  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
6450</svg>
6451    </button>
6452
6453    <ul
6454  x-listbox:options
6455  x-cloak
6456  x-transition.origin.top.right
6457  class="absolute end-0 z-50 mt-2 max-h-[min(20rem,60vh)] w-max max-w-[calc(100vw-2rem)] min-w-full overflow-auto overscroll-contain rounded-2xl bg-white p-2 shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10 outline-none"
6458>
6459  <!--[if BLOCK]><![endif]-->        <li
6460  x-listbox:option
6461  :value="'relevance'"
6462  class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none"
6463  :class="$listboxOption.isActive
6464    ? 'bg-pilot-blue/[0.06] text-pilot-blue'
6465    : $listboxOption.isSelected
6466      ? 'text-volt-ink'
6467      : 'text-volt-ink/85'"
6468>
6469  <span
6470    aria-hidden="true"
6471    class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200"
6472    :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'"
6473  ></span>
6474
6475  <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Relevance</span>
6476
6477  <span
6478    aria-hidden="true"
6479    class="shrink-0 text-pilot-blue transition-opacity duration-150"
6480    :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'"
6481  >
6482    <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
6483      <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" />
6484    </svg>
6485  </span>
6486</li>
6487              <li
6488  x-listbox:option
6489  :value="'availability'"
6490  class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none"
6491  :class="$listboxOption.isActive
6492    ? 'bg-pilot-blue/[0.06] text-pilot-blue'
6493    : $listboxOption.isSelected
6494      ? 'text-volt-ink'
6495      : 'text-volt-ink/85'"
6496>
6497  <span
6498    aria-hidden="true"
6499    class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200"
6500    :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'"
6501  ></span>
6502
6503  <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Availability</span>
6504
6505  <span
6506    aria-hidden="true"
6507    class="shrink-0 text-pilot-blue transition-opacity duration-150"
6508    :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'"
6509  >
6510    <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
6511      <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" />
6512    </svg>
6513  </span>
6514</li>
6515              <li
6516  x-listbox:option
6517  :value="'vplus_points'"
6518  class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none"
6519  :class="$listboxOption.isActive
6520    ? 'bg-pilot-blue/[0.06] text-pilot-blue'
6521    : $listboxOption.isSelected
6522      ? 'text-volt-ink'
6523      : 'text-volt-ink/85'"
6524>
6525  <span
6526    aria-hidden="true"
6527    class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200"
6528    :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'"
6529  ></span>
6530
6531  <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">V+ Points</span>
6532
6533  <span
6534    aria-hidden="true"
6535    class="shrink-0 text-pilot-blue transition-opacity duration-150"
6536    :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'"
6537  >
6538    <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
6539      <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" />
6540    </svg>
6541  </span>
6542</li>
6543              <li
6544  x-listbox:option
6545  :value="'price_asc'"
6546  class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none"
6547  :class="$listboxOption.isActive
6548    ? 'bg-pilot-blue/[0.06] text-pilot-blue'
6549    : $listboxOption.isSelected
6550      ? 'text-volt-ink'
6551      : 'text-volt-ink/85'"
6552>
6553  <span
6554    aria-hidden="true"
6555    class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200"
6556    :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'"
6557  ></span>
6558
6559  <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Price (min)</span>
6560
6561  <span
6562    aria-hidden="true"
6563    class="shrink-0 text-pilot-blue transition-opacity duration-150"
6564    :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'"
6565  >
6566    <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
6567      <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" />
6568    </svg>
6569  </span>
6570</li>
6571              <li
6572  x-listbox:option
6573  :value="'price_desc'"
6574  class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none"
6575  :class="$listboxOption.isActive
6576    ? 'bg-pilot-blue/[0.06] text-pilot-blue'
6577    : $listboxOption.isSelected
6578      ? 'text-volt-ink'
6579      : 'text-volt-ink/85'"
6580>
6581  <span
6582    aria-hidden="true"
6583    class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200"
6584    :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'"
6585  ></span>
6586
6587  <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Price (max)</span>
6588
6589  <span
6590    aria-hidden="true"
6591    class="shrink-0 text-pilot-blue transition-opacity duration-150"
6592    :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'"
6593  >
6594    <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
6595      <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" />
6596    </svg>
6597  </span>
6598</li>
6599      <!--[if ENDBLOCK]><![endif]-->
6600</ul>
6601  </div>
6602</div>
6603      </div>
6604
6605      
6606      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
6607      <!-- Filters (Hidden on Mobile by Default, Always Visible on Desktop) -->
6608      <div class="lg:col-start-1 lg:row-span-2 lg:row-start-1">
6609        <aside
6610  id="facet-filters"
6611  x-data="{
6612    timeout: null,
6613    filters: {},
6614    flush() {
6615      if (this.timeout) {
6616        clearTimeout(this.timeout);
6617        this.timeout = null;
6618        this.$wire.$set('selectedFilters', JSON.parse(JSON.stringify(this.filters)));
6619      }
6620    },
6621  }"
6622  x-init="
6623    const desktop = window.matchMedia('(min-width: 64rem)');
6624    desktop.addEventListener('change', (event) => {
6625      if (event.matches) showFilters = false;
6626    });
6627  "
6628  x-effect="
6629    const val = $wire.selectedFilters;
6630    filters = !val || Array.isArray(val) ? {} : JSON.parse(JSON.stringify(val));
6631  "
6632  :class="{ hidden: !showFilters }"
6633  class="col-span-1 hidden max-lg:fixed max-lg:inset-x-0 max-lg:top-14 max-lg:bottom-0 max-lg:z-[1002] lg:mb-6 lg:block"
6634  @keydown.escape.window="
6635    flush();
6636    showFilters = false;
6637  "
6638  @filter-changed="
6639    let d = $event.detail;
6640    if (!filters[d.facet]) filters[d.facet] = {};
6641    if (d.checked) {
6642      filters[d.facet][d.key] = true;
6643    } else {
6644      delete filters[d.facet][d.key];
6645      if (!Object.keys(filters[d.facet]).length) delete filters[d.facet];
6646    }
6647    clearTimeout(timeout);
6648    timeout = setTimeout(() => {
6649      timeout = null;
6650      $wire.$set('selectedFilters', JSON.parse(JSON.stringify(filters)));
6651    }, 500);
6652  "
6653>
6654  
6655  <div
6656    class="absolute inset-0 bg-black/60 lg:hidden"
6657    aria-hidden="true"
6658    @click="
6659      flush();
6660      showFilters = false;
6661    "
6662  ></div>
6663
6664  
6665  <div
6666    x-trap.noscroll.inert="showFilters"
6667    :role="showFilters ? 'dialog' : null"
6668    :aria-modal="showFilters ? 'true' : null"
6669    aria-labelledby="facet-filters-title"
6670    class="motion-reduce:transition-none max-lg:absolute max-lg:inset-x-0 max-lg:bottom-0 max-lg:flex max-lg:max-h-full max-lg:flex-col max-lg:rounded-t-2xl max-lg:bg-white max-lg:shadow-xl max-lg:transition-transform max-lg:duration-200 max-lg:ease-out max-lg:starting:translate-y-full"
6671  >
6672    
6673    <div class="flex items-center gap-3 px-4 pt-4 pb-3 lg:hidden">
6674      
6675      <p id="facet-filters-title" class="min-w-0 flex-1 truncate ps-2 text-base font-bold text-volt-ink">Filters</p>
6676      
6677      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      <button
6678        type="button"
6679        aria-label="Close"
6680        @click="
6681          flush();
6682          showFilters = false;
6683        "
6684        class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6685      >
6686        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-4 w-4">
6687  <path d="M6 18L18 6M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
6688</svg>
6689      </button>
6690    </div>
6691
6692    
6693    
6694    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
6695    <div
6696      wire:key="facet-groups"
6697      class="divide-y divide-volt-ink/[0.08] max-lg:min-h-0 max-lg:flex-1 max-lg:overflow-y-auto max-lg:overscroll-contain max-lg:px-4"
6698    >
6699      
6700      <!--[if BLOCK]><![endif]-->                <div
6701          wire:key="facet-vplus"
6702          x-data="{ showAll: false }"
6703          class="py-4 first:pt-0 last:pb-0"
6704        >
6705          <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Voltimum+ loyalty program</p>
6706
6707          
6708          <ul class="space-y-0.5">
6709            <!--[if BLOCK]><![endif]-->                            
6710              <li
6711                wire:key="facet-vplus-true"
6712                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6713                                x-show="showAll || 0 &lt; 6"
6714              >
6715                
6716                <input
6717                  type="checkbox"
6718                  id="facet-vplus-true"
6719                  :checked="!!(filters['vplus'] && filters['vplus']['true'])"
6720                  @change="
6721                                      if ($event.target.checked) {
6722                                          jitsuEvent('selectFilter', {
6723                                              filter_type: 'vplus',
6724                                              filter_value: 'true'                                          })
6725                                      }
6726                                      $dispatch('filter-changed', { facet: 'vplus', key: 'true', checked: $event.target.checked })
6727                                  "
6728                  
6729                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6730                />
6731                <label
6732                  for="facet-vplus-true"
6733                  
6734                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6735                >
6736                  <span class="truncate" title="V+ only">
6737                    V+ only
6738                  </span>
6739                  
6740                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">128304</span>
6741                </label>
6742              </li>
6743            <!--[if ENDBLOCK]><![endif]-->          </ul>
6744
6745          
6746          <button
6747            type="button"
6748            class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none hidden"
6749            x-on:click="showAll = !showAll"
6750          >
6751            <span x-show="!showAll">View -5 More</span>
6752            <span x-show="showAll">View Less</span>
6753          </button>
6754        </div>
6755                      <div
6756          wire:key="facet-availability_type"
6757          x-data="{ showAll: false }"
6758          class="py-4 first:pt-0 last:pb-0"
6759        >
6760          <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Availability</p>
6761
6762          
6763          <ul class="space-y-0.5">
6764            <!--[if BLOCK]><![endif]-->                            
6765              <li
6766                wire:key="facet-availability_type-in-stock"
6767                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6768                                x-show="showAll || 0 &lt; 6"
6769              >
6770                
6771                <input
6772                  type="checkbox"
6773                  id="facet-availability_type-in-stock"
6774                  :checked="!!(filters['availability_type'] && filters['availability_type']['in-stock'])"
6775                  @change="
6776                                      if ($event.target.checked) {
6777                                          jitsuEvent('selectFilter', {
6778                                              filter_type: 'availability_type',
6779                                              filter_value: 'in-stock'                                          })
6780                                      }
6781                                      $dispatch('filter-changed', { facet: 'availability_type', key: 'in-stock', checked: $event.target.checked })
6782                                  "
6783                  
6784                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6785                />
6786                <label
6787                  for="facet-availability_type-in-stock"
6788                  
6789                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6790                >
6791                  <span class="truncate" title="Available">
6792                    Available
6793                  </span>
6794                  
6795                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">35764</span>
6796                </label>
6797              </li>
6798                                        
6799              <li
6800                wire:key="facet-availability_type-out-of-stock"
6801                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6802                                x-show="showAll || 1 &lt; 6"
6803              >
6804                
6805                <input
6806                  type="checkbox"
6807                  id="facet-availability_type-out-of-stock"
6808                  :checked="!!(filters['availability_type'] && filters['availability_type']['out-of-stock'])"
6809                  @change="
6810                                      if ($event.target.checked) {
6811                                          jitsuEvent('selectFilter', {
6812                                              filter_type: 'availability_type',
6813                                              filter_value: 'out-of-stock'                                          })
6814                                      }
6815                                      $dispatch('filter-changed', { facet: 'availability_type', key: 'out-of-stock', checked: $event.target.checked })
6816                                  "
6817                  
6818                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6819                />
6820                <label
6821                  for="facet-availability_type-out-of-stock"
6822                  
6823                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6824                >
6825                  <span class="truncate" title="Not available">
6826                    Not available
6827                  </span>
6828                  
6829                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">124963</span>
6830                </label>
6831              </li>
6832            <!--[if ENDBLOCK]><![endif]-->          </ul>
6833
6834          
6835          <button
6836            type="button"
6837            class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none hidden"
6838            x-on:click="showAll = !showAll"
6839          >
6840            <span x-show="!showAll">View -4 More</span>
6841            <span x-show="showAll">View Less</span>
6842          </button>
6843        </div>
6844                      <div
6845          wire:key="facet-manufacturer"
6846          x-data="{ showAll: false }"
6847          class="py-4 first:pt-0 last:pb-0"
6848        >
6849          <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Manufacturers</p>
6850
6851          
6852          <ul class="space-y-0.5">
6853            <!--[if BLOCK]><![endif]-->                            
6854              <li
6855                wire:key="facet-manufacturer-ABU"
6856                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6857                                x-show="showAll || 0 &lt; 6"
6858              >
6859                
6860                <input
6861                  type="checkbox"
6862                  id="facet-manufacturer-ABU"
6863                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['ABU'])"
6864                  @change="
6865                                      if ($event.target.checked) {
6866                                          jitsuEvent('selectFilter', {
6867                                              filter_type: 'manufacturer',
6868                                              filter_value: 'ABU'                                          })
6869                                      }
6870                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'ABU', checked: $event.target.checked })
6871                                  "
6872                  
6873                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6874                />
6875                <label
6876                  for="facet-manufacturer-ABU"
6877                  
6878                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6879                >
6880                  <span class="truncate" title="ABB">
6881                    ABB
6882                  </span>
6883                  
6884                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">68343</span>
6885                </label>
6886              </li>
6887                                        
6888              <li
6889                wire:key="facet-manufacturer-SCU"
6890                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6891                                x-show="showAll || 1 &lt; 6"
6892              >
6893                
6894                <input
6895                  type="checkbox"
6896                  id="facet-manufacturer-SCU"
6897                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['SCU'])"
6898                  @change="
6899                                      if ($event.target.checked) {
6900                                          jitsuEvent('selectFilter', {
6901                                              filter_type: 'manufacturer',
6902                                              filter_value: 'SCU'                                          })
6903                                      }
6904                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'SCU', checked: $event.target.checked })
6905                                  "
6906                  
6907                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6908                />
6909                <label
6910                  for="facet-manufacturer-SCU"
6911                  
6912                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6913                >
6914                  <span class="truncate" title="Schneider Electric">
6915                    Schneider Electric
6916                  </span>
6917                  
6918                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">28578</span>
6919                </label>
6920              </li>
6921                                        
6922              <li
6923                wire:key="facet-manufacturer-WAU"
6924                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6925                                x-show="showAll || 2 &lt; 6"
6926              >
6927                
6928                <input
6929                  type="checkbox"
6930                  id="facet-manufacturer-WAU"
6931                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['WAU'])"
6932                  @change="
6933                                      if ($event.target.checked) {
6934                                          jitsuEvent('selectFilter', {
6935                                              filter_type: 'manufacturer',
6936                                              filter_value: 'WAU'                                          })
6937                                      }
6938                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'WAU', checked: $event.target.checked })
6939                                  "
6940                  
6941                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6942                />
6943                <label
6944                  for="facet-manufacturer-WAU"
6945                  
6946                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6947                >
6948                  <span class="truncate" title="Wago">
6949                    Wago
6950                  </span>
6951                  
6952                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12931</span>
6953                </label>
6954              </li>
6955                                        
6956              <li
6957                wire:key="facet-manufacturer-NVCLU"
6958                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6959                                x-show="showAll || 3 &lt; 6"
6960              >
6961                
6962                <input
6963                  type="checkbox"
6964                  id="facet-manufacturer-NVCLU"
6965                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['NVCLU'])"
6966                  @change="
6967                                      if ($event.target.checked) {
6968                                          jitsuEvent('selectFilter', {
6969                                              filter_type: 'manufacturer',
6970                                              filter_value: 'NVCLU'                                          })
6971                                      }
6972                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'NVCLU', checked: $event.target.checked })
6973                                  "
6974                  
6975                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
6976                />
6977                <label
6978                  for="facet-manufacturer-NVCLU"
6979                  
6980                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
6981                >
6982                  <span class="truncate" title="NVC Lighting">
6983                    NVC Lighting
6984                  </span>
6985                  
6986                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span>
6987                </label>
6988              </li>
6989                                        
6990              <li
6991                wire:key="facet-manufacturer-ECOLINKU"
6992                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
6993                                x-show="showAll || 4 &lt; 6"
6994              >
6995                
6996                <input
6997                  type="checkbox"
6998                  id="facet-manufacturer-ECOLINKU"
6999                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['ECOLINKU'])"
7000                  @change="
7001                                      if ($event.target.checked) {
7002                                          jitsuEvent('selectFilter', {
7003                                              filter_type: 'manufacturer',
7004                                              filter_value: 'ECOLINKU'                                          })
7005                                      }
7006                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'ECOLINKU', checked: $event.target.checked })
7007                                  "
7008                  
7009                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7010                />
7011                <label
7012                  for="facet-manufacturer-ECOLINKU"
7013                  
7014                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7015                >
7016                  <span class="truncate" title="Ecolink">
7017                    Ecolink
7018                  </span>
7019                  
7020                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span>
7021                </label>
7022              </li>
7023                                        
7024              <li
7025                wire:key="facet-manufacturer-LCU"
7026                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7027                                x-show="showAll || 5 &lt; 6"
7028              >
7029                
7030                <input
7031                  type="checkbox"
7032                  id="facet-manufacturer-LCU"
7033                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['LCU'])"
7034                  @change="
7035                                      if ($event.target.checked) {
7036                                          jitsuEvent('selectFilter', {
7037                                              filter_type: 'manufacturer',
7038                                              filter_value: 'LCU'                                          })
7039                                      }
7040                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'LCU', checked: $event.target.checked })
7041                                  "
7042                  
7043                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7044                />
7045                <label
7046                  for="facet-manufacturer-LCU"
7047                  
7048                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7049                >
7050                  <span class="truncate" title="Luceco">
7051                    Luceco
7052                  </span>
7053                  
7054                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5921</span>
7055                </label>
7056              </li>
7057                                        
7058              <li
7059                wire:key="facet-manufacturer-BGU"
7060                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7061                                x-show="showAll || 6 &lt; 6"
7062              >
7063                
7064                <input
7065                  type="checkbox"
7066                  id="facet-manufacturer-BGU"
7067                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['BGU'])"
7068                  @change="
7069                                      if ($event.target.checked) {
7070                                          jitsuEvent('selectFilter', {
7071                                              filter_type: 'manufacturer',
7072                                              filter_value: 'BGU'                                          })
7073                                      }
7074                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'BGU', checked: $event.target.checked })
7075                                  "
7076                  
7077                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7078                />
7079                <label
7080                  for="facet-manufacturer-BGU"
7081                  
7082                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7083                >
7084                  <span class="truncate" title="BG Electrical">
7085                    BG Electrical
7086                  </span>
7087                  
7088                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2662</span>
7089                </label>
7090              </li>
7091                                        
7092              <li
7093                wire:key="facet-manufacturer-MLU"
7094                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7095                                x-show="showAll || 7 &lt; 6"
7096              >
7097                
7098                <input
7099                  type="checkbox"
7100                  id="facet-manufacturer-MLU"
7101                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['MLU'])"
7102                  @change="
7103                                      if ($event.target.checked) {
7104                                          jitsuEvent('selectFilter', {
7105                                              filter_type: 'manufacturer',
7106                                              filter_value: 'MLU'                                          })
7107                                      }
7108                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'MLU', checked: $event.target.checked })
7109                                  "
7110                  
7111                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7112                />
7113                <label
7114                  for="facet-manufacturer-MLU"
7115                  
7116                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7117                >
7118                  <span class="truncate" title="Marshall Tufflex">
7119                    Marshall Tufflex
7120                  </span>
7121                  
7122                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2599</span>
7123                </label>
7124              </li>
7125                                        
7126              <li
7127                wire:key="facet-manufacturer-FUU"
7128                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7129                                x-show="showAll || 8 &lt; 6"
7130              >
7131                
7132                <input
7133                  type="checkbox"
7134                  id="facet-manufacturer-FUU"
7135                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['FUU'])"
7136                  @change="
7137                                      if ($event.target.checked) {
7138                                          jitsuEvent('selectFilter', {
7139                                              filter_type: 'manufacturer',
7140                                              filter_value: 'FUU'                                          })
7141                                      }
7142                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'FUU', checked: $event.target.checked })
7143                                  "
7144                  
7145                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7146                />
7147                <label
7148                  for="facet-manufacturer-FUU"
7149                  
7150                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7151                >
7152                  <span class="truncate" title="Furse">
7153                    Furse
7154                  </span>
7155                  
7156                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2079</span>
7157                </label>
7158              </li>
7159                                        
7160              <li
7161                wire:key="facet-manufacturer-AXU"
7162                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7163                                x-show="showAll || 9 &lt; 6"
7164              >
7165                
7166                <input
7167                  type="checkbox"
7168                  id="facet-manufacturer-AXU"
7169                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['AXU'])"
7170                  @change="
7171                                      if ($event.target.checked) {
7172                                          jitsuEvent('selectFilter', {
7173                                              filter_type: 'manufacturer',
7174                                              filter_value: 'AXU'                                          })
7175                                      }
7176                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'AXU', checked: $event.target.checked })
7177                                  "
7178                  
7179                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7180                />
7181                <label
7182                  for="facet-manufacturer-AXU"
7183                  
7184                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7185                >
7186                  <span class="truncate" title="Adaptaflex">
7187                    Adaptaflex
7188                  </span>
7189                  
7190                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1668</span>
7191                </label>
7192              </li>
7193                                        
7194              <li
7195                wire:key="facet-manufacturer-CTU"
7196                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7197                                x-show="showAll || 10 &lt; 6"
7198              >
7199                
7200                <input
7201                  type="checkbox"
7202                  id="facet-manufacturer-CTU"
7203                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['CTU'])"
7204                  @change="
7205                                      if ($event.target.checked) {
7206                                          jitsuEvent('selectFilter', {
7207                                              filter_type: 'manufacturer',
7208                                              filter_value: 'CTU'                                          })
7209                                      }
7210                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'CTU', checked: $event.target.checked })
7211                                  "
7212                  
7213                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7214                />
7215                <label
7216                  for="facet-manufacturer-CTU"
7217                  
7218                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7219                >
7220                  <span class="truncate" title="Crabtree">
7221                    Crabtree
7222                  </span>
7223                  
7224                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1131</span>
7225                </label>
7226              </li>
7227                                        
7228              <li
7229                wire:key="facet-manufacturer-KOU"
7230                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7231                                x-show="showAll || 11 &lt; 6"
7232              >
7233                
7234                <input
7235                  type="checkbox"
7236                  id="facet-manufacturer-KOU"
7237                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['KOU'])"
7238                  @change="
7239                                      if ($event.target.checked) {
7240                                          jitsuEvent('selectFilter', {
7241                                              filter_type: 'manufacturer',
7242                                              filter_value: 'KOU'                                          })
7243                                      }
7244                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'KOU', checked: $event.target.checked })
7245                                  "
7246                  
7247                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7248                />
7249                <label
7250                  for="facet-manufacturer-KOU"
7251                  
7252                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7253                >
7254                  <span class="truncate" title="KOPEX">
7255                    KOPEX
7256                  </span>
7257                  
7258                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1074</span>
7259                </label>
7260              </li>
7261                                        
7262              <li
7263                wire:key="facet-manufacturer-WYU"
7264                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7265                                x-show="showAll || 12 &lt; 6"
7266              >
7267                
7268                <input
7269                  type="checkbox"
7270                  id="facet-manufacturer-WYU"
7271                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['WYU'])"
7272                  @change="
7273                                      if ($event.target.checked) {
7274                                          jitsuEvent('selectFilter', {
7275                                              filter_type: 'manufacturer',
7276                                              filter_value: 'WYU'                                          })
7277                                      }
7278                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'WYU', checked: $event.target.checked })
7279                                  "
7280                  
7281                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7282                />
7283                <label
7284                  for="facet-manufacturer-WYU"
7285                  
7286                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7287                >
7288                  <span class="truncate" title="Wylex">
7289                    Wylex
7290                  </span>
7291                  
7292                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">899</span>
7293                </label>
7294              </li>
7295                                        
7296              <li
7297                wire:key="facet-manufacturer-PHU"
7298                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7299                                x-show="showAll || 13 &lt; 6"
7300              >
7301                
7302                <input
7303                  type="checkbox"
7304                  id="facet-manufacturer-PHU"
7305                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['PHU'])"
7306                  @change="
7307                                      if ($event.target.checked) {
7308                                          jitsuEvent('selectFilter', {
7309                                              filter_type: 'manufacturer',
7310                                              filter_value: 'PHU'                                          })
7311                                      }
7312                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'PHU', checked: $event.target.checked })
7313                                  "
7314                  
7315                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7316                />
7317                <label
7318                  for="facet-manufacturer-PHU"
7319                  
7320                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7321                >
7322                  <span class="truncate" title="Philips">
7323                    Philips
7324                  </span>
7325                  
7326                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">877</span>
7327                </label>
7328              </li>
7329                                        
7330              <li
7331                wire:key="facet-manufacturer-CPNU"
7332                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7333                                x-show="showAll || 14 &lt; 6"
7334              >
7335                
7336                <input
7337                  type="checkbox"
7338                  id="facet-manufacturer-CPNU"
7339                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['CPNU'])"
7340                  @change="
7341                                      if ($event.target.checked) {
7342                                          jitsuEvent('selectFilter', {
7343                                              filter_type: 'manufacturer',
7344                                              filter_value: 'CPNU'                                          })
7345                                      }
7346                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'CPNU', checked: $event.target.checked })
7347                                  "
7348                  
7349                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7350                />
7351                <label
7352                  for="facet-manufacturer-CPNU"
7353                  
7354                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7355                >
7356                  <span class="truncate" title="CPN Cudis">
7357                    CPN Cudis
7358                  </span>
7359                  
7360                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">704</span>
7361                </label>
7362              </li>
7363                                        
7364              <li
7365                wire:key="facet-manufacturer-TYU"
7366                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7367                                x-show="showAll || 15 &lt; 6"
7368              >
7369                
7370                <input
7371                  type="checkbox"
7372                  id="facet-manufacturer-TYU"
7373                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['TYU'])"
7374                  @change="
7375                                      if ($event.target.checked) {
7376                                          jitsuEvent('selectFilter', {
7377                                              filter_type: 'manufacturer',
7378                                              filter_value: 'TYU'                                          })
7379                                      }
7380                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'TYU', checked: $event.target.checked })
7381                                  "
7382                  
7383                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7384                />
7385                <label
7386                  for="facet-manufacturer-TYU"
7387                  
7388                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7389                >
7390                  <span class="truncate" title="TY-RAP">
7391                    TY-RAP
7392                  </span>
7393                  
7394                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">271</span>
7395                </label>
7396              </li>
7397                                        
7398              <li
7399                wire:key="facet-manufacturer-MASU"
7400                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7401                                x-show="showAll || 16 &lt; 6"
7402              >
7403                
7404                <input
7405                  type="checkbox"
7406                  id="facet-manufacturer-MASU"
7407                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['MASU'])"
7408                  @change="
7409                                      if ($event.target.checked) {
7410                                          jitsuEvent('selectFilter', {
7411                                              filter_type: 'manufacturer',
7412                                              filter_value: 'MASU'                                          })
7413                                      }
7414                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'MASU', checked: $event.target.checked })
7415                                  "
7416                  
7417                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7418                />
7419                <label
7420                  for="facet-manufacturer-MASU"
7421                  
7422                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7423                >
7424                  <span class="truncate" title="Masterplug">
7425                    Masterplug
7426                  </span>
7427                  
7428                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">242</span>
7429                </label>
7430              </li>
7431                                        
7432              <li
7433                wire:key="facet-manufacturer-BGSEU"
7434                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7435                                x-show="showAll || 17 &lt; 6"
7436              >
7437                
7438                <input
7439                  type="checkbox"
7440                  id="facet-manufacturer-BGSEU"
7441                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['BGSEU'])"
7442                  @change="
7443                                      if ($event.target.checked) {
7444                                          jitsuEvent('selectFilter', {
7445                                              filter_type: 'manufacturer',
7446                                              filter_value: 'BGSEU'                                          })
7447                                      }
7448                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'BGSEU', checked: $event.target.checked })
7449                                  "
7450                  
7451                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7452                />
7453                <label
7454                  for="facet-manufacturer-BGSEU"
7455                  
7456                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7457                >
7458                  <span class="truncate" title="Sync Energy">
7459                    Sync Energy
7460                  </span>
7461                  
7462                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">152</span>
7463                </label>
7464              </li>
7465                                        
7466              <li
7467                wire:key="facet-manufacturer-KNIU"
7468                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7469                                x-show="showAll || 18 &lt; 6"
7470              >
7471                
7472                <input
7473                  type="checkbox"
7474                  id="facet-manufacturer-KNIU"
7475                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['KNIU'])"
7476                  @change="
7477                                      if ($event.target.checked) {
7478                                          jitsuEvent('selectFilter', {
7479                                              filter_type: 'manufacturer',
7480                                              filter_value: 'KNIU'                                          })
7481                                      }
7482                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'KNIU', checked: $event.target.checked })
7483                                  "
7484                  
7485                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7486                />
7487                <label
7488                  for="facet-manufacturer-KNIU"
7489                  
7490                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7491                >
7492                  <span class="truncate" title="KNIPEX">
7493                    KNIPEX
7494                  </span>
7495                  
7496                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1922</span>
7497                </label>
7498              </li>
7499                                        
7500              <li
7501                wire:key="facet-manufacturer-BOU"
7502                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7503                                x-show="showAll || 19 &lt; 6"
7504              >
7505                
7506                <input
7507                  type="checkbox"
7508                  id="facet-manufacturer-BOU"
7509                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['BOU'])"
7510                  @change="
7511                                      if ($event.target.checked) {
7512                                          jitsuEvent('selectFilter', {
7513                                              filter_type: 'manufacturer',
7514                                              filter_value: 'BOU'                                          })
7515                                      }
7516                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'BOU', checked: $event.target.checked })
7517                                  "
7518                  
7519                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7520                />
7521                <label
7522                  for="facet-manufacturer-BOU"
7523                  
7524                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7525                >
7526                  <span class="truncate" title="Brother">
7527                    Brother
7528                  </span>
7529                  
7530                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">75</span>
7531                </label>
7532              </li>
7533                                        
7534              <li
7535                wire:key="facet-manufacturer-LNU"
7536                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7537                                x-show="showAll || 20 &lt; 6"
7538              >
7539                
7540                <input
7541                  type="checkbox"
7542                  id="facet-manufacturer-LNU"
7543                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['LNU'])"
7544                  @change="
7545                                      if ($event.target.checked) {
7546                                          jitsuEvent('selectFilter', {
7547                                              filter_type: 'manufacturer',
7548                                              filter_value: 'LNU'                                          })
7549                                      }
7550                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'LNU', checked: $event.target.checked })
7551                                  "
7552                  
7553                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7554                />
7555                <label
7556                  for="facet-manufacturer-LNU"
7557                  
7558                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7559                >
7560                  <span class="truncate" title="LEDVANCE">
7561                    LEDVANCE
7562                  </span>
7563                  
7564                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8456</span>
7565                </label>
7566              </li>
7567                                        
7568              <li
7569                wire:key="facet-manufacturer-MMU"
7570                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7571                                x-show="showAll || 21 &lt; 6"
7572              >
7573                
7574                <input
7575                  type="checkbox"
7576                  id="facet-manufacturer-MMU"
7577                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['MMU'])"
7578                  @change="
7579                                      if ($event.target.checked) {
7580                                          jitsuEvent('selectFilter', {
7581                                              filter_type: 'manufacturer',
7582                                              filter_value: 'MMU'                                          })
7583                                      }
7584                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'MMU', checked: $event.target.checked })
7585                                  "
7586                  
7587                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7588                />
7589                <label
7590                  for="facet-manufacturer-MMU"
7591                  
7592                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7593                >
7594                  <span class="truncate" title="Eaton">
7595                    Eaton
7596                  </span>
7597                  
7598                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7112</span>
7599                </label>
7600              </li>
7601                                        
7602              <li
7603                wire:key="facet-manufacturer-NEU"
7604                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7605                                x-show="showAll || 22 &lt; 6"
7606              >
7607                
7608                <input
7609                  type="checkbox"
7610                  id="facet-manufacturer-NEU"
7611                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['NEU'])"
7612                  @change="
7613                                      if ($event.target.checked) {
7614                                          jitsuEvent('selectFilter', {
7615                                              filter_type: 'manufacturer',
7616                                              filter_value: 'NEU'                                          })
7617                                      }
7618                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'NEU', checked: $event.target.checked })
7619                                  "
7620                  
7621                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7622                />
7623                <label
7624                  for="facet-manufacturer-NEU"
7625                  
7626                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7627                >
7628                  <span class="truncate" title="Nexans">
7629                    Nexans
7630                  </span>
7631                  
7632                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3911</span>
7633                </label>
7634              </li>
7635                                        
7636              <li
7637                wire:key="facet-manufacturer-PIU"
7638                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7639                                x-show="showAll || 23 &lt; 6"
7640              >
7641                
7642                <input
7643                  type="checkbox"
7644                  id="facet-manufacturer-PIU"
7645                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['PIU'])"
7646                  @change="
7647                                      if ($event.target.checked) {
7648                                          jitsuEvent('selectFilter', {
7649                                              filter_type: 'manufacturer',
7650                                              filter_value: 'PIU'                                          })
7651                                      }
7652                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'PIU', checked: $event.target.checked })
7653                                  "
7654                  
7655                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7656                />
7657                <label
7658                  for="facet-manufacturer-PIU"
7659                  
7660                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7661                >
7662                  <span class="truncate" title="Prysmian">
7663                    Prysmian
7664                  </span>
7665                  
7666                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2501</span>
7667                </label>
7668              </li>
7669                                        
7670              <li
7671                wire:key="facet-manufacturer-FIBU"
7672                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7673                                x-show="showAll || 24 &lt; 6"
7674              >
7675                
7676                <input
7677                  type="checkbox"
7678                  id="facet-manufacturer-FIBU"
7679                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['FIBU'])"
7680                  @change="
7681                                      if ($event.target.checked) {
7682                                          jitsuEvent('selectFilter', {
7683                                              filter_type: 'manufacturer',
7684                                              filter_value: 'FIBU'                                          })
7685                                      }
7686                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'FIBU', checked: $event.target.checked })
7687                                  "
7688                  
7689                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7690                />
7691                <label
7692                  for="facet-manufacturer-FIBU"
7693                  
7694                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7695                >
7696                  <span class="truncate" title="Fibox">
7697                    Fibox
7698                  </span>
7699                  
7700                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1570</span>
7701                </label>
7702              </li>
7703                                        
7704              <li
7705                wire:key="facet-manufacturer-ALGU"
7706                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7707                                x-show="showAll || 25 &lt; 6"
7708              >
7709                
7710                <input
7711                  type="checkbox"
7712                  id="facet-manufacturer-ALGU"
7713                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['ALGU'])"
7714                  @change="
7715                                      if ($event.target.checked) {
7716                                          jitsuEvent('selectFilter', {
7717                                              filter_type: 'manufacturer',
7718                                              filter_value: 'ALGU'                                          })
7719                                      }
7720                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'ALGU', checked: $event.target.checked })
7721                                  "
7722                  
7723                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7724                />
7725                <label
7726                  for="facet-manufacturer-ALGU"
7727                  
7728                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7729                >
7730                  <span class="truncate" title="Aurora Lighting Group">
7731                    Aurora Lighting Grou...
7732                  </span>
7733                  
7734                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1535</span>
7735                </label>
7736              </li>
7737                                        
7738              <li
7739                wire:key="facet-manufacturer-VXU"
7740                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7741                                x-show="showAll || 26 &lt; 6"
7742              >
7743                
7744                <input
7745                  type="checkbox"
7746                  id="facet-manufacturer-VXU"
7747                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['VXU'])"
7748                  @change="
7749                                      if ($event.target.checked) {
7750                                          jitsuEvent('selectFilter', {
7751                                              filter_type: 'manufacturer',
7752                                              filter_value: 'VXU'                                          })
7753                                      }
7754                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'VXU', checked: $event.target.checked })
7755                                  "
7756                  
7757                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7758                />
7759                <label
7760                  for="facet-manufacturer-VXU"
7761                  
7762                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7763                >
7764                  <span class="truncate" title="Volex Accessories">
7765                    Volex Accessories
7766                  </span>
7767                  
7768                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1161</span>
7769                </label>
7770              </li>
7771                                        
7772              <li
7773                wire:key="facet-manufacturer-SIU"
7774                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7775                                x-show="showAll || 27 &lt; 6"
7776              >
7777                
7778                <input
7779                  type="checkbox"
7780                  id="facet-manufacturer-SIU"
7781                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['SIU'])"
7782                  @change="
7783                                      if ($event.target.checked) {
7784                                          jitsuEvent('selectFilter', {
7785                                              filter_type: 'manufacturer',
7786                                              filter_value: 'SIU'                                          })
7787                                      }
7788                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'SIU', checked: $event.target.checked })
7789                                  "
7790                  
7791                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7792                />
7793                <label
7794                  for="facet-manufacturer-SIU"
7795                  
7796                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7797                >
7798                  <span class="truncate" title="Siemens">
7799                    Siemens
7800                  </span>
7801                  
7802                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">781</span>
7803                </label>
7804              </li>
7805                                        
7806              <li
7807                wire:key="facet-manufacturer-FCU"
7808                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7809                                x-show="showAll || 28 &lt; 6"
7810              >
7811                
7812                <input
7813                  type="checkbox"
7814                  id="facet-manufacturer-FCU"
7815                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['FCU'])"
7816                  @change="
7817                                      if ($event.target.checked) {
7818                                          jitsuEvent('selectFilter', {
7819                                              filter_type: 'manufacturer',
7820                                              filter_value: 'FCU'                                          })
7821                                      }
7822                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'FCU', checked: $event.target.checked })
7823                                  "
7824                  
7825                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7826                />
7827                <label
7828                  for="facet-manufacturer-FCU"
7829                  
7830                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7831                >
7832                  <span class="truncate" title="flex7">
7833                    flex7
7834                  </span>
7835                  
7836                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">731</span>
7837                </label>
7838              </li>
7839                                        
7840              <li
7841                wire:key="facet-manufacturer-ROIU"
7842                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7843                                x-show="showAll || 29 &lt; 6"
7844              >
7845                
7846                <input
7847                  type="checkbox"
7848                  id="facet-manufacturer-ROIU"
7849                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['ROIU'])"
7850                  @change="
7851                                      if ($event.target.checked) {
7852                                          jitsuEvent('selectFilter', {
7853                                              filter_type: 'manufacturer',
7854                                              filter_value: 'ROIU'                                          })
7855                                      }
7856                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'ROIU', checked: $event.target.checked })
7857                                  "
7858                  
7859                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7860                />
7861                <label
7862                  for="facet-manufacturer-ROIU"
7863                  
7864                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7865                >
7866                  <span class="truncate" title="Rointe">
7867                    Rointe
7868                  </span>
7869                  
7870                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">473</span>
7871                </label>
7872              </li>
7873                                        
7874              <li
7875                wire:key="facet-manufacturer-MEGU"
7876                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7877                                x-show="showAll || 30 &lt; 6"
7878              >
7879                
7880                <input
7881                  type="checkbox"
7882                  id="facet-manufacturer-MEGU"
7883                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['MEGU'])"
7884                  @change="
7885                                      if ($event.target.checked) {
7886                                          jitsuEvent('selectFilter', {
7887                                              filter_type: 'manufacturer',
7888                                              filter_value: 'MEGU'                                          })
7889                                      }
7890                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'MEGU', checked: $event.target.checked })
7891                                  "
7892                  
7893                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7894                />
7895                <label
7896                  for="facet-manufacturer-MEGU"
7897                  
7898                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7899                >
7900                  <span class="truncate" title="Megger">
7901                    Megger
7902                  </span>
7903                  
7904                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">188</span>
7905                </label>
7906              </li>
7907                                        
7908              <li
7909                wire:key="facet-manufacturer-AAU"
7910                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7911                                x-show="showAll || 31 &lt; 6"
7912              >
7913                
7914                <input
7915                  type="checkbox"
7916                  id="facet-manufacturer-AAU"
7917                  :checked="!!(filters['manufacturer'] && filters['manufacturer']['AAU'])"
7918                  @change="
7919                                      if ($event.target.checked) {
7920                                          jitsuEvent('selectFilter', {
7921                                              filter_type: 'manufacturer',
7922                                              filter_value: 'AAU'                                          })
7923                                      }
7924                                      $dispatch('filter-changed', { facet: 'manufacturer', key: 'AAU', checked: $event.target.checked })
7925                                  "
7926                  
7927                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7928                />
7929                <label
7930                  for="facet-manufacturer-AAU"
7931                  
7932                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7933                >
7934                  <span class="truncate" title="Appleby">
7935                    Appleby
7936                  </span>
7937                  
7938                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">36</span>
7939                </label>
7940              </li>
7941            <!--[if ENDBLOCK]><![endif]-->          </ul>
7942
7943          
7944          <button
7945            type="button"
7946            class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none "
7947            x-on:click="showAll = !showAll"
7948          >
7949            <span x-show="!showAll">View 26 More</span>
7950            <span x-show="showAll">View Less</span>
7951          </button>
7952        </div>
7953                      <div
7954          wire:key="facet-distributors"
7955          x-data="{ showAll: false }"
7956          class="py-4 first:pt-0 last:pb-0"
7957        >
7958          <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Distributors</p>
7959
7960          
7961          <ul class="space-y-0.5">
7962            <!--[if BLOCK]><![endif]-->                            
7963              <li
7964                wire:key="facet-distributors-BPXU"
7965                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
7966                                x-show="showAll || 0 &lt; 6"
7967              >
7968                
7969                <input
7970                  type="checkbox"
7971                  id="facet-distributors-BPXU"
7972                  :checked="!!(filters['distributors'] && filters['distributors']['BPXU'])"
7973                  @change="
7974                                      if ($event.target.checked) {
7975                                          jitsuEvent('selectFilter', {
7976                                              filter_type: 'distributors',
7977                                              filter_value: 'BPXU'                                          })
7978                                      }
7979                                      $dispatch('filter-changed', { facet: 'distributors', key: 'BPXU', checked: $event.target.checked })
7980                                  "
7981                  
7982                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
7983                />
7984                <label
7985                  for="facet-distributors-BPXU"
7986                  
7987                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
7988                >
7989                  <span class="truncate" title="BPX Electro Mechanical Co. Ltd">
7990                    BPX Electro Mechanic...
7991                  </span>
7992                  
7993                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12725</span>
7994                </label>
7995              </li>
7996                                        
7997              <li
7998                wire:key="facet-distributors-CCAU"
7999                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8000                                x-show="showAll || 1 &lt; 6"
8001              >
8002                
8003                <input
8004                  type="checkbox"
8005                  id="facet-distributors-CCAU"
8006                  :checked="!!(filters['distributors'] && filters['distributors']['CCAU'])"
8007                  @change="
8008                                      if ($event.target.checked) {
8009                                          jitsuEvent('selectFilter', {
8010                                              filter_type: 'distributors',
8011                                              filter_value: 'CCAU'                                          })
8012                                      }
8013                                      $dispatch('filter-changed', { facet: 'distributors', key: 'CCAU', checked: $event.target.checked })
8014                                  "
8015                  
8016                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8017                />
8018                <label
8019                  for="facet-distributors-CCAU"
8020                  
8021                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8022                >
8023                  <span class="truncate" title="Control Components Anglia">
8024                    Control Components A...
8025                  </span>
8026                  
8027                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9736</span>
8028                </label>
8029              </li>
8030                                        
8031              <li
8032                wire:key="facet-distributors-FARNUK"
8033                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8034                                x-show="showAll || 2 &lt; 6"
8035              >
8036                
8037                <input
8038                  type="checkbox"
8039                  id="facet-distributors-FARNUK"
8040                  :checked="!!(filters['distributors'] && filters['distributors']['FARNUK'])"
8041                  @change="
8042                                      if ($event.target.checked) {
8043                                          jitsuEvent('selectFilter', {
8044                                              filter_type: 'distributors',
8045                                              filter_value: 'FARNUK'                                          })
8046                                      }
8047                                      $dispatch('filter-changed', { facet: 'distributors', key: 'FARNUK', checked: $event.target.checked })
8048                                  "
8049                  
8050                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8051                />
8052                <label
8053                  for="facet-distributors-FARNUK"
8054                  
8055                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8056                >
8057                  <span class="truncate" title="Farnell">
8058                    Farnell
8059                  </span>
8060                  
8061                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20700</span>
8062                </label>
8063              </li>
8064                                        
8065              <li
8066                wire:key="facet-distributors-RSCUK"
8067                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8068                                x-show="showAll || 3 &lt; 6"
8069              >
8070                
8071                <input
8072                  type="checkbox"
8073                  id="facet-distributors-RSCUK"
8074                  :checked="!!(filters['distributors'] && filters['distributors']['RSCUK'])"
8075                  @change="
8076                                      if ($event.target.checked) {
8077                                          jitsuEvent('selectFilter', {
8078                                              filter_type: 'distributors',
8079                                              filter_value: 'RSCUK'                                          })
8080                                      }
8081                                      $dispatch('filter-changed', { facet: 'distributors', key: 'RSCUK', checked: $event.target.checked })
8082                                  "
8083                  
8084                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8085                />
8086                <label
8087                  for="facet-distributors-RSCUK"
8088                  
8089                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8090                >
8091                  <span class="truncate" title="RS Components">
8092                    RS Components
8093                  </span>
8094                  
8095                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17311</span>
8096                </label>
8097              </li>
8098                                        
8099              <li
8100                wire:key="facet-distributors-REXU"
8101                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8102                                x-show="showAll || 4 &lt; 6"
8103              >
8104                
8105                <input
8106                  type="checkbox"
8107                  id="facet-distributors-REXU"
8108                  :checked="!!(filters['distributors'] && filters['distributors']['REXU'])"
8109                  @change="
8110                                      if ($event.target.checked) {
8111                                          jitsuEvent('selectFilter', {
8112                                              filter_type: 'distributors',
8113                                              filter_value: 'REXU'                                          })
8114                                      }
8115                                      $dispatch('filter-changed', { facet: 'distributors', key: 'REXU', checked: $event.target.checked })
8116                                  "
8117                  
8118                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8119                />
8120                <label
8121                  for="facet-distributors-REXU"
8122                  
8123                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8124                >
8125                  <span class="truncate" title="Rexel Group">
8126                    Rexel Group
8127                  </span>
8128                  
8129                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7357</span>
8130                </label>
8131              </li>
8132                                        
8133              <li
8134                wire:key="facet-distributors-RSEU"
8135                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8136                                x-show="showAll || 5 &lt; 6"
8137              >
8138                
8139                <input
8140                  type="checkbox"
8141                  id="facet-distributors-RSEU"
8142                  :checked="!!(filters['distributors'] && filters['distributors']['RSEU'])"
8143                  @change="
8144                                      if ($event.target.checked) {
8145                                          jitsuEvent('selectFilter', {
8146                                              filter_type: 'distributors',
8147                                              filter_value: 'RSEU'                                          })
8148                                      }
8149                                      $dispatch('filter-changed', { facet: 'distributors', key: 'RSEU', checked: $event.target.checked })
8150                                  "
8151                  
8152                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8153                />
8154                <label
8155                  for="facet-distributors-RSEU"
8156                  
8157                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8158                >
8159                  <span class="truncate" title="RS Electrical Supplies">
8160                    RS Electrical Suppli...
8161                  </span>
8162                  
8163                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1460</span>
8164                </label>
8165              </li>
8166                                        
8167              <li
8168                wire:key="facet-distributors-TLAUK"
8169                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8170                                x-show="showAll || 6 &lt; 6"
8171              >
8172                
8173                <input
8174                  type="checkbox"
8175                  id="facet-distributors-TLAUK"
8176                  :checked="!!(filters['distributors'] && filters['distributors']['TLAUK'])"
8177                  @change="
8178                                      if ($event.target.checked) {
8179                                          jitsuEvent('selectFilter', {
8180                                              filter_type: 'distributors',
8181                                              filter_value: 'TLAUK'                                          })
8182                                      }
8183                                      $dispatch('filter-changed', { facet: 'distributors', key: 'TLAUK', checked: $event.target.checked })
8184                                  "
8185                  
8186                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8187                />
8188                <label
8189                  for="facet-distributors-TLAUK"
8190                  
8191                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8192                >
8193                  <span class="truncate" title="TLA">
8194                    TLA
8195                  </span>
8196                  
8197                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20333</span>
8198                </label>
8199              </li>
8200                                        
8201              <li
8202                wire:key="facet-distributors-CEF"
8203                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8204                                x-show="showAll || 7 &lt; 6"
8205              >
8206                
8207                <input
8208                  type="checkbox"
8209                  id="facet-distributors-CEF"
8210                  :checked="!!(filters['distributors'] && filters['distributors']['CEF'])"
8211                  @change="
8212                                      if ($event.target.checked) {
8213                                          jitsuEvent('selectFilter', {
8214                                              filter_type: 'distributors',
8215                                              filter_value: 'CEF'                                          })
8216                                      }
8217                                      $dispatch('filter-changed', { facet: 'distributors', key: 'CEF', checked: $event.target.checked })
8218                                  "
8219                  
8220                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8221                />
8222                <label
8223                  for="facet-distributors-CEF"
8224                  
8225                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8226                >
8227                  <span class="truncate" title="City Electrical Factors">
8228                    City Electrical Fact...
8229                  </span>
8230                  
8231                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5079</span>
8232                </label>
8233              </li>
8234                                        
8235              <li
8236                wire:key="facet-distributors-LSU"
8237                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8238                                x-show="showAll || 8 &lt; 6"
8239              >
8240                
8241                <input
8242                  type="checkbox"
8243                  id="facet-distributors-LSU"
8244                  :checked="!!(filters['distributors'] && filters['distributors']['LSU'])"
8245                  @change="
8246                                      if ($event.target.checked) {
8247                                          jitsuEvent('selectFilter', {
8248                                              filter_type: 'distributors',
8249                                              filter_value: 'LSU'                                          })
8250                                      }
8251                                      $dispatch('filter-changed', { facet: 'distributors', key: 'LSU', checked: $event.target.checked })
8252                                  "
8253                  
8254                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8255                />
8256                <label
8257                  for="facet-distributors-LSU"
8258                  
8259                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8260                >
8261                  <span class="truncate" title="Lightsave">
8262                    Lightsave
8263                  </span>
8264                  
8265                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">612</span>
8266                </label>
8267              </li>
8268            <!--[if ENDBLOCK]><![endif]-->          </ul>
8269
8270          
8271          <button
8272            type="button"
8273            class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none "
8274            x-on:click="showAll = !showAll"
8275          >
8276            <span x-show="!showAll">View 3 More</span>
8277            <span x-show="showAll">View Less</span>
8278          </button>
8279        </div>
8280                      <div
8281          wire:key="facet-classifications"
8282          x-data="{ showAll: false }"
8283          class="py-4 first:pt-0 last:pb-0"
8284        >
8285          <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Categories</p>
8286
8287          
8288          <ul class="space-y-0.5">
8289            <!--[if BLOCK]><![endif]-->                            
8290              <li
8291                wire:key="facet-classifications-led-lighting-luminaires"
8292                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8293                                x-show="showAll || 0 &lt; 6"
8294              >
8295                
8296                <input
8297                  type="checkbox"
8298                  id="facet-classifications-led-lighting-luminaires"
8299                  :checked="!!(filters['classifications'] && filters['classifications']['led-lighting-luminaires'])"
8300                  @change="
8301                                      if ($event.target.checked) {
8302                                          jitsuEvent('selectFilter', {
8303                                              filter_type: 'classifications',
8304                                              filter_value: 'led-lighting-luminaires'                                          })
8305                                      }
8306                                      $dispatch('filter-changed', { facet: 'classifications', key: 'led-lighting-luminaires', checked: $event.target.checked })
8307                                  "
8308                  
8309                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8310                />
8311                <label
8312                  for="facet-classifications-led-lighting-luminaires"
8313                  
8314                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8315                >
8316                  <span class="truncate" title="LED Lighting &amp; Luminaires">
8317                    LED Lighting &amp; Luminaires
8318                  </span>
8319                  
8320                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17626</span>
8321                </label>
8322              </li>
8323                                        
8324              <li
8325                wire:key="facet-classifications-led-lighting"
8326                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8327                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 1 &lt; 6"
8328              >
8329                
8330                <input
8331                  type="checkbox"
8332                  id="facet-classifications-led-lighting"
8333                  :checked="!!(filters['classifications'] && filters['classifications']['led-lighting'])"
8334                  @change="
8335                                      if ($event.target.checked) {
8336                                          jitsuEvent('selectFilter', {
8337                                              filter_type: 'classifications',
8338                                              filter_value: 'led-lighting'                                          })
8339                                      }
8340                                      $dispatch('filter-changed', { facet: 'classifications', key: 'led-lighting', checked: $event.target.checked })
8341                                  "
8342                  
8343                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8344                />
8345                <label
8346                  for="facet-classifications-led-lighting"
8347                  
8348                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8349                >
8350                  <span class="truncate" title="LED Lighting">
8351                    LED Lighting
8352                  </span>
8353                  
8354                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12194</span>
8355                </label>
8356              </li>
8357                                        
8358              <li
8359                wire:key="facet-classifications-luminaires"
8360                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8361                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 2 &lt; 6"
8362              >
8363                
8364                <input
8365                  type="checkbox"
8366                  id="facet-classifications-luminaires"
8367                  :checked="!!(filters['classifications'] && filters['classifications']['luminaires'])"
8368                  @change="
8369                                      if ($event.target.checked) {
8370                                          jitsuEvent('selectFilter', {
8371                                              filter_type: 'classifications',
8372                                              filter_value: 'luminaires'                                          })
8373                                      }
8374                                      $dispatch('filter-changed', { facet: 'classifications', key: 'luminaires', checked: $event.target.checked })
8375                                  "
8376                  
8377                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8378                />
8379                <label
8380                  for="facet-classifications-luminaires"
8381                  
8382                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8383                >
8384                  <span class="truncate" title="Luminaires">
8385                    Luminaires
8386                  </span>
8387                  
8388                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2664</span>
8389                </label>
8390              </li>
8391                                        
8392              <li
8393                wire:key="facet-classifications-emergency-lighting"
8394                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8395                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 3 &lt; 6"
8396              >
8397                
8398                <input
8399                  type="checkbox"
8400                  id="facet-classifications-emergency-lighting"
8401                  :checked="!!(filters['classifications'] && filters['classifications']['emergency-lighting'])"
8402                  @change="
8403                                      if ($event.target.checked) {
8404                                          jitsuEvent('selectFilter', {
8405                                              filter_type: 'classifications',
8406                                              filter_value: 'emergency-lighting'                                          })
8407                                      }
8408                                      $dispatch('filter-changed', { facet: 'classifications', key: 'emergency-lighting', checked: $event.target.checked })
8409                                  "
8410                  
8411                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8412                />
8413                <label
8414                  for="facet-classifications-emergency-lighting"
8415                  
8416                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8417                >
8418                  <span class="truncate" title="Emergency Lighting">
8419                    Emergency Lighting
8420                  </span>
8421                  
8422                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">979</span>
8423                </label>
8424              </li>
8425                                        
8426              <li
8427                wire:key="facet-classifications-commercial-lighting"
8428                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8429                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 4 &lt; 6"
8430              >
8431                
8432                <input
8433                  type="checkbox"
8434                  id="facet-classifications-commercial-lighting"
8435                  :checked="!!(filters['classifications'] && filters['classifications']['commercial-lighting'])"
8436                  @change="
8437                                      if ($event.target.checked) {
8438                                          jitsuEvent('selectFilter', {
8439                                              filter_type: 'classifications',
8440                                              filter_value: 'commercial-lighting'                                          })
8441                                      }
8442                                      $dispatch('filter-changed', { facet: 'classifications', key: 'commercial-lighting', checked: $event.target.checked })
8443                                  "
8444                  
8445                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8446                />
8447                <label
8448                  for="facet-classifications-commercial-lighting"
8449                  
8450                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8451                >
8452                  <span class="truncate" title="Commercial Lighting">
8453                    Commercial Lighting
8454                  </span>
8455                  
8456                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">41</span>
8457                </label>
8458              </li>
8459                                        
8460              <li
8461                wire:key="facet-classifications-industrial-lighting"
8462                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8463                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 5 &lt; 6"
8464              >
8465                
8466                <input
8467                  type="checkbox"
8468                  id="facet-classifications-industrial-lighting"
8469                  :checked="!!(filters['classifications'] && filters['classifications']['industrial-lighting'])"
8470                  @change="
8471                                      if ($event.target.checked) {
8472                                          jitsuEvent('selectFilter', {
8473                                              filter_type: 'classifications',
8474                                              filter_value: 'industrial-lighting'                                          })
8475                                      }
8476                                      $dispatch('filter-changed', { facet: 'classifications', key: 'industrial-lighting', checked: $event.target.checked })
8477                                  "
8478                  
8479                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8480                />
8481                <label
8482                  for="facet-classifications-industrial-lighting"
8483                  
8484                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8485                >
8486                  <span class="truncate" title="Industrial Lighting">
8487                    Industrial Lighting
8488                  </span>
8489                  
8490                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1070</span>
8491                </label>
8492              </li>
8493                                        
8494              <li
8495                wire:key="facet-classifications-specialty-lamps"
8496                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8497                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 6 &lt; 6"
8498              >
8499                
8500                <input
8501                  type="checkbox"
8502                  id="facet-classifications-specialty-lamps"
8503                  :checked="!!(filters['classifications'] && filters['classifications']['specialty-lamps'])"
8504                  @change="
8505                                      if ($event.target.checked) {
8506                                          jitsuEvent('selectFilter', {
8507                                              filter_type: 'classifications',
8508                                              filter_value: 'specialty-lamps'                                          })
8509                                      }
8510                                      $dispatch('filter-changed', { facet: 'classifications', key: 'specialty-lamps', checked: $event.target.checked })
8511                                  "
8512                  
8513                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8514                />
8515                <label
8516                  for="facet-classifications-specialty-lamps"
8517                  
8518                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8519                >
8520                  <span class="truncate" title="Specialty Lamps">
8521                    Specialty Lamps
8522                  </span>
8523                  
8524                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">104</span>
8525                </label>
8526              </li>
8527                                        
8528              <li
8529                wire:key="facet-classifications-led-panels"
8530                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8531                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 7 &lt; 6"
8532              >
8533                
8534                <input
8535                  type="checkbox"
8536                  id="facet-classifications-led-panels"
8537                  :checked="!!(filters['classifications'] && filters['classifications']['led-panels'])"
8538                  @change="
8539                                      if ($event.target.checked) {
8540                                          jitsuEvent('selectFilter', {
8541                                              filter_type: 'classifications',
8542                                              filter_value: 'led-panels'                                          })
8543                                      }
8544                                      $dispatch('filter-changed', { facet: 'classifications', key: 'led-panels', checked: $event.target.checked })
8545                                  "
8546                  
8547                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8548                />
8549                <label
8550                  for="facet-classifications-led-panels"
8551                  
8552                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8553                >
8554                  <span class="truncate" title="LED Panels">
8555                    LED Panels
8556                  </span>
8557                  
8558                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">500</span>
8559                </label>
8560              </li>
8561                                        
8562              <li
8563                wire:key="facet-classifications-lighting-controls"
8564                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8565                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 8 &lt; 6"
8566              >
8567                
8568                <input
8569                  type="checkbox"
8570                  id="facet-classifications-lighting-controls"
8571                  :checked="!!(filters['classifications'] && filters['classifications']['lighting-controls'])"
8572                  @change="
8573                                      if ($event.target.checked) {
8574                                          jitsuEvent('selectFilter', {
8575                                              filter_type: 'classifications',
8576                                              filter_value: 'lighting-controls'                                          })
8577                                      }
8578                                      $dispatch('filter-changed', { facet: 'classifications', key: 'lighting-controls', checked: $event.target.checked })
8579                                  "
8580                  
8581                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8582                />
8583                <label
8584                  for="facet-classifications-lighting-controls"
8585                  
8586                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8587                >
8588                  <span class="truncate" title="Lighting Controls">
8589                    Lighting Controls
8590                  </span>
8591                  
8592                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">962</span>
8593                </label>
8594              </li>
8595                                        
8596              <li
8597                wire:key="facet-classifications-amenity-lighting"
8598                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8599                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 9 &lt; 6"
8600              >
8601                
8602                <input
8603                  type="checkbox"
8604                  id="facet-classifications-amenity-lighting"
8605                  :checked="!!(filters['classifications'] && filters['classifications']['amenity-lighting'])"
8606                  @change="
8607                                      if ($event.target.checked) {
8608                                          jitsuEvent('selectFilter', {
8609                                              filter_type: 'classifications',
8610                                              filter_value: 'amenity-lighting'                                          })
8611                                      }
8612                                      $dispatch('filter-changed', { facet: 'classifications', key: 'amenity-lighting', checked: $event.target.checked })
8613                                  "
8614                  
8615                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8616                />
8617                <label
8618                  for="facet-classifications-amenity-lighting"
8619                  
8620                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8621                >
8622                  <span class="truncate" title="Amenity Lighting">
8623                    Amenity Lighting
8624                  </span>
8625                  
8626                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2385</span>
8627                </label>
8628              </li>
8629                                        
8630              <li
8631                wire:key="facet-classifications-surface-mount-lighting"
8632                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8633                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 10 &lt; 6"
8634              >
8635                
8636                <input
8637                  type="checkbox"
8638                  id="facet-classifications-surface-mount-lighting"
8639                  :checked="!!(filters['classifications'] && filters['classifications']['surface-mount-lighting'])"
8640                  @change="
8641                                      if ($event.target.checked) {
8642                                          jitsuEvent('selectFilter', {
8643                                              filter_type: 'classifications',
8644                                              filter_value: 'surface-mount-lighting'                                          })
8645                                      }
8646                                      $dispatch('filter-changed', { facet: 'classifications', key: 'surface-mount-lighting', checked: $event.target.checked })
8647                                  "
8648                  
8649                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8650                />
8651                <label
8652                  for="facet-classifications-surface-mount-lighting"
8653                  
8654                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8655                >
8656                  <span class="truncate" title="Surface Mount Lighting">
8657                    Surface Mount Lighting
8658                  </span>
8659                  
8660                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">471</span>
8661                </label>
8662              </li>
8663                                        
8664              <li
8665                wire:key="facet-classifications-recessed-downlighters"
8666                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8667                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 11 &lt; 6"
8668              >
8669                
8670                <input
8671                  type="checkbox"
8672                  id="facet-classifications-recessed-downlighters"
8673                  :checked="!!(filters['classifications'] && filters['classifications']['recessed-downlighters'])"
8674                  @change="
8675                                      if ($event.target.checked) {
8676                                          jitsuEvent('selectFilter', {
8677                                              filter_type: 'classifications',
8678                                              filter_value: 'recessed-downlighters'                                          })
8679                                      }
8680                                      $dispatch('filter-changed', { facet: 'classifications', key: 'recessed-downlighters', checked: $event.target.checked })
8681                                  "
8682                  
8683                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8684                />
8685                <label
8686                  for="facet-classifications-recessed-downlighters"
8687                  
8688                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8689                >
8690                  <span class="truncate" title="Recessed Downlighters">
8691                    Recessed Downlighters
8692                  </span>
8693                  
8694                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">804</span>
8695                </label>
8696              </li>
8697                                        
8698              <li
8699                wire:key="facet-classifications-floodlighting"
8700                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8701                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 12 &lt; 6"
8702              >
8703                
8704                <input
8705                  type="checkbox"
8706                  id="facet-classifications-floodlighting"
8707                  :checked="!!(filters['classifications'] && filters['classifications']['floodlighting'])"
8708                  @change="
8709                                      if ($event.target.checked) {
8710                                          jitsuEvent('selectFilter', {
8711                                              filter_type: 'classifications',
8712                                              filter_value: 'floodlighting'                                          })
8713                                      }
8714                                      $dispatch('filter-changed', { facet: 'classifications', key: 'floodlighting', checked: $event.target.checked })
8715                                  "
8716                  
8717                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8718                />
8719                <label
8720                  for="facet-classifications-floodlighting"
8721                  
8722                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8723                >
8724                  <span class="truncate" title="Floodlighting">
8725                    Floodlighting
8726                  </span>
8727                  
8728                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">277</span>
8729                </label>
8730              </li>
8731                                        
8732              <li
8733                wire:key="facet-classifications-street-lighting"
8734                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8735                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 13 &lt; 6"
8736              >
8737                
8738                <input
8739                  type="checkbox"
8740                  id="facet-classifications-street-lighting"
8741                  :checked="!!(filters['classifications'] && filters['classifications']['street-lighting'])"
8742                  @change="
8743                                      if ($event.target.checked) {
8744                                          jitsuEvent('selectFilter', {
8745                                              filter_type: 'classifications',
8746                                              filter_value: 'street-lighting'                                          })
8747                                      }
8748                                      $dispatch('filter-changed', { facet: 'classifications', key: 'street-lighting', checked: $event.target.checked })
8749                                  "
8750                  
8751                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8752                />
8753                <label
8754                  for="facet-classifications-street-lighting"
8755                  
8756                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8757                >
8758                  <span class="truncate" title="Street Lighting">
8759                    Street Lighting
8760                  </span>
8761                  
8762                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">156</span>
8763                </label>
8764              </li>
8765                                        
8766              <li
8767                wire:key="facet-classifications-post-top-lighting"
8768                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8769                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 14 &lt; 6"
8770              >
8771                
8772                <input
8773                  type="checkbox"
8774                  id="facet-classifications-post-top-lighting"
8775                  :checked="!!(filters['classifications'] && filters['classifications']['post-top-lighting'])"
8776                  @change="
8777                                      if ($event.target.checked) {
8778                                          jitsuEvent('selectFilter', {
8779                                              filter_type: 'classifications',
8780                                              filter_value: 'post-top-lighting'                                          })
8781                                      }
8782                                      $dispatch('filter-changed', { facet: 'classifications', key: 'post-top-lighting', checked: $event.target.checked })
8783                                  "
8784                  
8785                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8786                />
8787                <label
8788                  for="facet-classifications-post-top-lighting"
8789                  
8790                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8791                >
8792                  <span class="truncate" title="Post Top Lighting">
8793                    Post Top Lighting
8794                  </span>
8795                  
8796                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">157</span>
8797                </label>
8798              </li>
8799                                        
8800              <li
8801                wire:key="facet-classifications-cable-management-systems"
8802                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8803                                x-show="showAll || 15 &lt; 6"
8804              >
8805                
8806                <input
8807                  type="checkbox"
8808                  id="facet-classifications-cable-management-systems"
8809                  :checked="!!(filters['classifications'] && filters['classifications']['cable-management-systems'])"
8810                  @change="
8811                                      if ($event.target.checked) {
8812                                          jitsuEvent('selectFilter', {
8813                                              filter_type: 'classifications',
8814                                              filter_value: 'cable-management-systems'                                          })
8815                                      }
8816                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-management-systems', checked: $event.target.checked })
8817                                  "
8818                  
8819                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8820                />
8821                <label
8822                  for="facet-classifications-cable-management-systems"
8823                  
8824                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8825                >
8826                  <span class="truncate" title="Cable Management Systems">
8827                    Cable Management Systems
8828                  </span>
8829                  
8830                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">11091</span>
8831                </label>
8832              </li>
8833                                        
8834              <li
8835                wire:key="facet-classifications-cable-trays"
8836                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8837                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 16 &lt; 6"
8838              >
8839                
8840                <input
8841                  type="checkbox"
8842                  id="facet-classifications-cable-trays"
8843                  :checked="!!(filters['classifications'] && filters['classifications']['cable-trays'])"
8844                  @change="
8845                                      if ($event.target.checked) {
8846                                          jitsuEvent('selectFilter', {
8847                                              filter_type: 'classifications',
8848                                              filter_value: 'cable-trays'                                          })
8849                                      }
8850                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-trays', checked: $event.target.checked })
8851                                  "
8852                  
8853                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8854                />
8855                <label
8856                  for="facet-classifications-cable-trays"
8857                  
8858                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8859                >
8860                  <span class="truncate" title="Cable Trays">
8861                    Cable Trays
8862                  </span>
8863                  
8864                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1366</span>
8865                </label>
8866              </li>
8867                                        
8868              <li
8869                wire:key="facet-classifications-electrical-conduits"
8870                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8871                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 17 &lt; 6"
8872              >
8873                
8874                <input
8875                  type="checkbox"
8876                  id="facet-classifications-electrical-conduits"
8877                  :checked="!!(filters['classifications'] && filters['classifications']['electrical-conduits'])"
8878                  @change="
8879                                      if ($event.target.checked) {
8880                                          jitsuEvent('selectFilter', {
8881                                              filter_type: 'classifications',
8882                                              filter_value: 'electrical-conduits'                                          })
8883                                      }
8884                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-conduits', checked: $event.target.checked })
8885                                  "
8886                  
8887                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8888                />
8889                <label
8890                  for="facet-classifications-electrical-conduits"
8891                  
8892                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8893                >
8894                  <span class="truncate" title="Electrical Conduits">
8895                    Electrical Conduits
8896                  </span>
8897                  
8898                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4770</span>
8899                </label>
8900              </li>
8901                                        
8902              <li
8903                wire:key="facet-classifications-cable-ties"
8904                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8905                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 18 &lt; 6"
8906              >
8907                
8908                <input
8909                  type="checkbox"
8910                  id="facet-classifications-cable-ties"
8911                  :checked="!!(filters['classifications'] && filters['classifications']['cable-ties'])"
8912                  @change="
8913                                      if ($event.target.checked) {
8914                                          jitsuEvent('selectFilter', {
8915                                              filter_type: 'classifications',
8916                                              filter_value: 'cable-ties'                                          })
8917                                      }
8918                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-ties', checked: $event.target.checked })
8919                                  "
8920                  
8921                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8922                />
8923                <label
8924                  for="facet-classifications-cable-ties"
8925                  
8926                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8927                >
8928                  <span class="truncate" title="Cable Ties">
8929                    Cable Ties
8930                  </span>
8931                  
8932                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2100</span>
8933                </label>
8934              </li>
8935                                        
8936              <li
8937                wire:key="facet-classifications-cable-glands"
8938                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8939                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 19 &lt; 6"
8940              >
8941                
8942                <input
8943                  type="checkbox"
8944                  id="facet-classifications-cable-glands"
8945                  :checked="!!(filters['classifications'] && filters['classifications']['cable-glands'])"
8946                  @change="
8947                                      if ($event.target.checked) {
8948                                          jitsuEvent('selectFilter', {
8949                                              filter_type: 'classifications',
8950                                              filter_value: 'cable-glands'                                          })
8951                                      }
8952                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-glands', checked: $event.target.checked })
8953                                  "
8954                  
8955                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8956                />
8957                <label
8958                  for="facet-classifications-cable-glands"
8959                  
8960                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8961                >
8962                  <span class="truncate" title="Cable Glands">
8963                    Cable Glands
8964                  </span>
8965                  
8966                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2873</span>
8967                </label>
8968              </li>
8969                                        
8970              <li
8971                wire:key="facet-classifications-electrical-cables-wiring"
8972                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
8973                                x-show="showAll || 20 &lt; 6"
8974              >
8975                
8976                <input
8977                  type="checkbox"
8978                  id="facet-classifications-electrical-cables-wiring"
8979                  :checked="!!(filters['classifications'] && filters['classifications']['electrical-cables-wiring'])"
8980                  @change="
8981                                      if ($event.target.checked) {
8982                                          jitsuEvent('selectFilter', {
8983                                              filter_type: 'classifications',
8984                                              filter_value: 'electrical-cables-wiring'                                          })
8985                                      }
8986                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-cables-wiring', checked: $event.target.checked })
8987                                  "
8988                  
8989                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
8990                />
8991                <label
8992                  for="facet-classifications-electrical-cables-wiring"
8993                  
8994                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
8995                >
8996                  <span class="truncate" title="Electrical Cables &amp; Wiring">
8997                    Electrical Cables &amp; Wiring
8998                  </span>
8999                  
9000                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8370</span>
9001                </label>
9002              </li>
9003                                        
9004              <li
9005                wire:key="facet-classifications-swa-armoured-cables"
9006                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9007                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 21 &lt; 6"
9008              >
9009                
9010                <input
9011                  type="checkbox"
9012                  id="facet-classifications-swa-armoured-cables"
9013                  :checked="!!(filters['classifications'] && filters['classifications']['swa-armoured-cables'])"
9014                  @change="
9015                                      if ($event.target.checked) {
9016                                          jitsuEvent('selectFilter', {
9017                                              filter_type: 'classifications',
9018                                              filter_value: 'swa-armoured-cables'                                          })
9019                                      }
9020                                      $dispatch('filter-changed', { facet: 'classifications', key: 'swa-armoured-cables', checked: $event.target.checked })
9021                                  "
9022                  
9023                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9024                />
9025                <label
9026                  for="facet-classifications-swa-armoured-cables"
9027                  
9028                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9029                >
9030                  <span class="truncate" title="SWA Armoured Cables">
9031                    SWA Armoured Cables
9032                  </span>
9033                  
9034                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">748</span>
9035                </label>
9036              </li>
9037                                        
9038              <li
9039                wire:key="facet-classifications-building-wire-power-cables"
9040                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9041                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 22 &lt; 6"
9042              >
9043                
9044                <input
9045                  type="checkbox"
9046                  id="facet-classifications-building-wire-power-cables"
9047                  :checked="!!(filters['classifications'] && filters['classifications']['building-wire-power-cables'])"
9048                  @change="
9049                                      if ($event.target.checked) {
9050                                          jitsuEvent('selectFilter', {
9051                                              filter_type: 'classifications',
9052                                              filter_value: 'building-wire-power-cables'                                          })
9053                                      }
9054                                      $dispatch('filter-changed', { facet: 'classifications', key: 'building-wire-power-cables', checked: $event.target.checked })
9055                                  "
9056                  
9057                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9058                />
9059                <label
9060                  for="facet-classifications-building-wire-power-cables"
9061                  
9062                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9063                >
9064                  <span class="truncate" title="Building Wire &amp; Power Cables">
9065                    Building Wire &amp; Power Cables
9066                  </span>
9067                  
9068                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4938</span>
9069                </label>
9070              </li>
9071                                        
9072              <li
9073                wire:key="facet-classifications-data-communication-cables"
9074                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9075                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 23 &lt; 6"
9076              >
9077                
9078                <input
9079                  type="checkbox"
9080                  id="facet-classifications-data-communication-cables"
9081                  :checked="!!(filters['classifications'] && filters['classifications']['data-communication-cables'])"
9082                  @change="
9083                                      if ($event.target.checked) {
9084                                          jitsuEvent('selectFilter', {
9085                                              filter_type: 'classifications',
9086                                              filter_value: 'data-communication-cables'                                          })
9087                                      }
9088                                      $dispatch('filter-changed', { facet: 'classifications', key: 'data-communication-cables', checked: $event.target.checked })
9089                                  "
9090                  
9091                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9092                />
9093                <label
9094                  for="facet-classifications-data-communication-cables"
9095                  
9096                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9097                >
9098                  <span class="truncate" title="Data &amp; Communication Cables">
9099                    Data &amp; Communication Cables
9100                  </span>
9101                  
9102                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1565</span>
9103                </label>
9104              </li>
9105                                        
9106              <li
9107                wire:key="facet-classifications-specialist-cables"
9108                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9109                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 24 &lt; 6"
9110              >
9111                
9112                <input
9113                  type="checkbox"
9114                  id="facet-classifications-specialist-cables"
9115                  :checked="!!(filters['classifications'] && filters['classifications']['specialist-cables'])"
9116                  @change="
9117                                      if ($event.target.checked) {
9118                                          jitsuEvent('selectFilter', {
9119                                              filter_type: 'classifications',
9120                                              filter_value: 'specialist-cables'                                          })
9121                                      }
9122                                      $dispatch('filter-changed', { facet: 'classifications', key: 'specialist-cables', checked: $event.target.checked })
9123                                  "
9124                  
9125                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9126                />
9127                <label
9128                  for="facet-classifications-specialist-cables"
9129                  
9130                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9131                >
9132                  <span class="truncate" title="Specialist Cables">
9133                    Specialist Cables
9134                  </span>
9135                  
9136                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">871</span>
9137                </label>
9138              </li>
9139                                        
9140              <li
9141                wire:key="facet-classifications-wiring-accessories-installation"
9142                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9143                                x-show="showAll || 25 &lt; 6"
9144              >
9145                
9146                <input
9147                  type="checkbox"
9148                  id="facet-classifications-wiring-accessories-installation"
9149                  :checked="!!(filters['classifications'] && filters['classifications']['wiring-accessories-installation'])"
9150                  @change="
9151                                      if ($event.target.checked) {
9152                                          jitsuEvent('selectFilter', {
9153                                              filter_type: 'classifications',
9154                                              filter_value: 'wiring-accessories-installation'                                          })
9155                                      }
9156                                      $dispatch('filter-changed', { facet: 'classifications', key: 'wiring-accessories-installation', checked: $event.target.checked })
9157                                  "
9158                  
9159                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9160                />
9161                <label
9162                  for="facet-classifications-wiring-accessories-installation"
9163                  
9164                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9165                >
9166                  <span class="truncate" title="Wiring Accessories &amp; Installation">
9167                    Wiring Accessories &amp; Installation
9168                  </span>
9169                  
9170                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12311</span>
9171                </label>
9172              </li>
9173                                        
9174              <li
9175                wire:key="facet-classifications-sockets-switches"
9176                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9177                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 26 &lt; 6"
9178              >
9179                
9180                <input
9181                  type="checkbox"
9182                  id="facet-classifications-sockets-switches"
9183                  :checked="!!(filters['classifications'] && filters['classifications']['sockets-switches'])"
9184                  @change="
9185                                      if ($event.target.checked) {
9186                                          jitsuEvent('selectFilter', {
9187                                              filter_type: 'classifications',
9188                                              filter_value: 'sockets-switches'                                          })
9189                                      }
9190                                      $dispatch('filter-changed', { facet: 'classifications', key: 'sockets-switches', checked: $event.target.checked })
9191                                  "
9192                  
9193                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9194                />
9195                <label
9196                  for="facet-classifications-sockets-switches"
9197                  
9198                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9199                >
9200                  <span class="truncate" title="Sockets &amp; Switches">
9201                    Sockets &amp; Switches
9202                  </span>
9203                  
9204                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9384</span>
9205                </label>
9206              </li>
9207                                        
9208              <li
9209                wire:key="facet-classifications-junction-boxes"
9210                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9211                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 27 &lt; 6"
9212              >
9213                
9214                <input
9215                  type="checkbox"
9216                  id="facet-classifications-junction-boxes"
9217                  :checked="!!(filters['classifications'] && filters['classifications']['junction-boxes'])"
9218                  @change="
9219                                      if ($event.target.checked) {
9220                                          jitsuEvent('selectFilter', {
9221                                              filter_type: 'classifications',
9222                                              filter_value: 'junction-boxes'                                          })
9223                                      }
9224                                      $dispatch('filter-changed', { facet: 'classifications', key: 'junction-boxes', checked: $event.target.checked })
9225                                  "
9226                  
9227                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9228                />
9229                <label
9230                  for="facet-classifications-junction-boxes"
9231                  
9232                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9233                >
9234                  <span class="truncate" title="Junction Boxes">
9235                    Junction Boxes
9236                  </span>
9237                  
9238                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">460</span>
9239                </label>
9240              </li>
9241                                        
9242              <li
9243                wire:key="facet-classifications-wiring-accessories"
9244                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9245                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 28 &lt; 6"
9246              >
9247                
9248                <input
9249                  type="checkbox"
9250                  id="facet-classifications-wiring-accessories"
9251                  :checked="!!(filters['classifications'] && filters['classifications']['wiring-accessories'])"
9252                  @change="
9253                                      if ($event.target.checked) {
9254                                          jitsuEvent('selectFilter', {
9255                                              filter_type: 'classifications',
9256                                              filter_value: 'wiring-accessories'                                          })
9257                                      }
9258                                      $dispatch('filter-changed', { facet: 'classifications', key: 'wiring-accessories', checked: $event.target.checked })
9259                                  "
9260                  
9261                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9262                />
9263                <label
9264                  for="facet-classifications-wiring-accessories"
9265                  
9266                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9267                >
9268                  <span class="truncate" title="Wiring Accessories">
9269                    Wiring Accessories
9270                  </span>
9271                  
9272                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1857</span>
9273                </label>
9274              </li>
9275                                        
9276              <li
9277                wire:key="facet-classifications-cable-fixings-clips"
9278                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9279                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 29 &lt; 6"
9280              >
9281                
9282                <input
9283                  type="checkbox"
9284                  id="facet-classifications-cable-fixings-clips"
9285                  :checked="!!(filters['classifications'] && filters['classifications']['cable-fixings-clips'])"
9286                  @change="
9287                                      if ($event.target.checked) {
9288                                          jitsuEvent('selectFilter', {
9289                                              filter_type: 'classifications',
9290                                              filter_value: 'cable-fixings-clips'                                          })
9291                                      }
9292                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-fixings-clips', checked: $event.target.checked })
9293                                  "
9294                  
9295                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9296                />
9297                <label
9298                  for="facet-classifications-cable-fixings-clips"
9299                  
9300                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9301                >
9302                  <span class="truncate" title="Cable Fixings &amp; Clips">
9303                    Cable Fixings &amp; Clips
9304                  </span>
9305                  
9306                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">644</span>
9307                </label>
9308              </li>
9309                                        
9310              <li
9311                wire:key="facet-classifications-heating-ventilation"
9312                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9313                                x-show="showAll || 30 &lt; 6"
9314              >
9315                
9316                <input
9317                  type="checkbox"
9318                  id="facet-classifications-heating-ventilation"
9319                  :checked="!!(filters['classifications'] && filters['classifications']['heating-ventilation'])"
9320                  @change="
9321                                      if ($event.target.checked) {
9322                                          jitsuEvent('selectFilter', {
9323                                              filter_type: 'classifications',
9324                                              filter_value: 'heating-ventilation'                                          })
9325                                      }
9326                                      $dispatch('filter-changed', { facet: 'classifications', key: 'heating-ventilation', checked: $event.target.checked })
9327                                  "
9328                  
9329                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9330                />
9331                <label
9332                  for="facet-classifications-heating-ventilation"
9333                  
9334                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9335                >
9336                  <span class="truncate" title="Heating &amp; Ventilation">
9337                    Heating &amp; Ventilation
9338                  </span>
9339                  
9340                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">816</span>
9341                </label>
9342              </li>
9343                                        
9344              <li
9345                wire:key="facet-classifications-electric-heaters"
9346                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9347                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 31 &lt; 6"
9348              >
9349                
9350                <input
9351                  type="checkbox"
9352                  id="facet-classifications-electric-heaters"
9353                  :checked="!!(filters['classifications'] && filters['classifications']['electric-heaters'])"
9354                  @change="
9355                                      if ($event.target.checked) {
9356                                          jitsuEvent('selectFilter', {
9357                                              filter_type: 'classifications',
9358                                              filter_value: 'electric-heaters'                                          })
9359                                      }
9360                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electric-heaters', checked: $event.target.checked })
9361                                  "
9362                  
9363                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9364                />
9365                <label
9366                  for="facet-classifications-electric-heaters"
9367                  
9368                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9369                >
9370                  <span class="truncate" title="Electric Heaters">
9371                    Electric Heaters
9372                  </span>
9373                  
9374                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">486</span>
9375                </label>
9376              </li>
9377                                        
9378              <li
9379                wire:key="facet-classifications-fans-ventilation"
9380                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9381                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 32 &lt; 6"
9382              >
9383                
9384                <input
9385                  type="checkbox"
9386                  id="facet-classifications-fans-ventilation"
9387                  :checked="!!(filters['classifications'] && filters['classifications']['fans-ventilation'])"
9388                  @change="
9389                                      if ($event.target.checked) {
9390                                          jitsuEvent('selectFilter', {
9391                                              filter_type: 'classifications',
9392                                              filter_value: 'fans-ventilation'                                          })
9393                                      }
9394                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fans-ventilation', checked: $event.target.checked })
9395                                  "
9396                  
9397                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9398                />
9399                <label
9400                  for="facet-classifications-fans-ventilation"
9401                  
9402                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9403                >
9404                  <span class="truncate" title="Fans &amp; Ventilation">
9405                    Fans &amp; Ventilation
9406                  </span>
9407                  
9408                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">150</span>
9409                </label>
9410              </li>
9411                                        
9412              <li
9413                wire:key="facet-classifications-hvac-controls-systems"
9414                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9415                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 33 &lt; 6"
9416              >
9417                
9418                <input
9419                  type="checkbox"
9420                  id="facet-classifications-hvac-controls-systems"
9421                  :checked="!!(filters['classifications'] && filters['classifications']['hvac-controls-systems'])"
9422                  @change="
9423                                      if ($event.target.checked) {
9424                                          jitsuEvent('selectFilter', {
9425                                              filter_type: 'classifications',
9426                                              filter_value: 'hvac-controls-systems'                                          })
9427                                      }
9428                                      $dispatch('filter-changed', { facet: 'classifications', key: 'hvac-controls-systems', checked: $event.target.checked })
9429                                  "
9430                  
9431                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9432                />
9433                <label
9434                  for="facet-classifications-hvac-controls-systems"
9435                  
9436                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9437                >
9438                  <span class="truncate" title="HVAC Controls &amp; Systems">
9439                    HVAC Controls &amp; Systems
9440                  </span>
9441                  
9442                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">111</span>
9443                </label>
9444              </li>
9445                                        
9446              <li
9447                wire:key="facet-classifications-smart-thermostats"
9448                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9449                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 34 &lt; 6"
9450              >
9451                
9452                <input
9453                  type="checkbox"
9454                  id="facet-classifications-smart-thermostats"
9455                  :checked="!!(filters['classifications'] && filters['classifications']['smart-thermostats'])"
9456                  @change="
9457                                      if ($event.target.checked) {
9458                                          jitsuEvent('selectFilter', {
9459                                              filter_type: 'classifications',
9460                                              filter_value: 'smart-thermostats'                                          })
9461                                      }
9462                                      $dispatch('filter-changed', { facet: 'classifications', key: 'smart-thermostats', checked: $event.target.checked })
9463                                  "
9464                  
9465                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9466                />
9467                <label
9468                  for="facet-classifications-smart-thermostats"
9469                  
9470                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9471                >
9472                  <span class="truncate" title="Smart Thermostats">
9473                    Smart Thermostats
9474                  </span>
9475                  
9476                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">65</span>
9477                </label>
9478              </li>
9479                                        
9480              <li
9481                wire:key="facet-classifications-switchgear-circuit-protection"
9482                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9483                                x-show="showAll || 35 &lt; 6"
9484              >
9485                
9486                <input
9487                  type="checkbox"
9488                  id="facet-classifications-switchgear-circuit-protection"
9489                  :checked="!!(filters['classifications'] && filters['classifications']['switchgear-circuit-protection'])"
9490                  @change="
9491                                      if ($event.target.checked) {
9492                                          jitsuEvent('selectFilter', {
9493                                              filter_type: 'classifications',
9494                                              filter_value: 'switchgear-circuit-protection'                                          })
9495                                      }
9496                                      $dispatch('filter-changed', { facet: 'classifications', key: 'switchgear-circuit-protection', checked: $event.target.checked })
9497                                  "
9498                  
9499                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9500                />
9501                <label
9502                  for="facet-classifications-switchgear-circuit-protection"
9503                  
9504                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9505                >
9506                  <span class="truncate" title="Switchgear &amp; Circuit Protection">
9507                    Switchgear &amp; Circuit Protection
9508                  </span>
9509                  
9510                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">55579</span>
9511                </label>
9512              </li>
9513                                        
9514              <li
9515                wire:key="facet-classifications-distribution-boards"
9516                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9517                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 36 &lt; 6"
9518              >
9519                
9520                <input
9521                  type="checkbox"
9522                  id="facet-classifications-distribution-boards"
9523                  :checked="!!(filters['classifications'] && filters['classifications']['distribution-boards'])"
9524                  @change="
9525                                      if ($event.target.checked) {
9526                                          jitsuEvent('selectFilter', {
9527                                              filter_type: 'classifications',
9528                                              filter_value: 'distribution-boards'                                          })
9529                                      }
9530                                      $dispatch('filter-changed', { facet: 'classifications', key: 'distribution-boards', checked: $event.target.checked })
9531                                  "
9532                  
9533                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9534                />
9535                <label
9536                  for="facet-classifications-distribution-boards"
9537                  
9538                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9539                >
9540                  <span class="truncate" title="Distribution Boards">
9541                    Distribution Boards
9542                  </span>
9543                  
9544                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2777</span>
9545                </label>
9546              </li>
9547                                        
9548              <li
9549                wire:key="facet-classifications-circuit-breakers"
9550                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9551                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 37 &lt; 6"
9552              >
9553                
9554                <input
9555                  type="checkbox"
9556                  id="facet-classifications-circuit-breakers"
9557                  :checked="!!(filters['classifications'] && filters['classifications']['circuit-breakers'])"
9558                  @change="
9559                                      if ($event.target.checked) {
9560                                          jitsuEvent('selectFilter', {
9561                                              filter_type: 'classifications',
9562                                              filter_value: 'circuit-breakers'                                          })
9563                                      }
9564                                      $dispatch('filter-changed', { facet: 'classifications', key: 'circuit-breakers', checked: $event.target.checked })
9565                                  "
9566                  
9567                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9568                />
9569                <label
9570                  for="facet-classifications-circuit-breakers"
9571                  
9572                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9573                >
9574                  <span class="truncate" title="Circuit Breakers">
9575                    Circuit Breakers
9576                  </span>
9577                  
9578                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">27599</span>
9579                </label>
9580              </li>
9581                                        
9582              <li
9583                wire:key="facet-classifications-switchgear"
9584                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9585                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 38 &lt; 6"
9586              >
9587                
9588                <input
9589                  type="checkbox"
9590                  id="facet-classifications-switchgear"
9591                  :checked="!!(filters['classifications'] && filters['classifications']['switchgear'])"
9592                  @change="
9593                                      if ($event.target.checked) {
9594                                          jitsuEvent('selectFilter', {
9595                                              filter_type: 'classifications',
9596                                              filter_value: 'switchgear'                                          })
9597                                      }
9598                                      $dispatch('filter-changed', { facet: 'classifications', key: 'switchgear', checked: $event.target.checked })
9599                                  "
9600                  
9601                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9602                />
9603                <label
9604                  for="facet-classifications-switchgear"
9605                  
9606                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9607                >
9608                  <span class="truncate" title="Switchgear">
9609                    Switchgear
9610                  </span>
9611                  
9612                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">13553</span>
9613                </label>
9614              </li>
9615                                        
9616              <li
9617                wire:key="facet-classifications-contactors-motor-starters"
9618                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9619                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 39 &lt; 6"
9620              >
9621                
9622                <input
9623                  type="checkbox"
9624                  id="facet-classifications-contactors-motor-starters"
9625                  :checked="!!(filters['classifications'] && filters['classifications']['contactors-motor-starters'])"
9626                  @change="
9627                                      if ($event.target.checked) {
9628                                          jitsuEvent('selectFilter', {
9629                                              filter_type: 'classifications',
9630                                              filter_value: 'contactors-motor-starters'                                          })
9631                                      }
9632                                      $dispatch('filter-changed', { facet: 'classifications', key: 'contactors-motor-starters', checked: $event.target.checked })
9633                                  "
9634                  
9635                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9636                />
9637                <label
9638                  for="facet-classifications-contactors-motor-starters"
9639                  
9640                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9641                >
9642                  <span class="truncate" title="Contactors &amp; Motor Starters">
9643                    Contactors &amp; Motor Starters
9644                  </span>
9645                  
9646                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8813</span>
9647                </label>
9648              </li>
9649                                        
9650              <li
9651                wire:key="facet-classifications-busbars"
9652                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9653                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 40 &lt; 6"
9654              >
9655                
9656                <input
9657                  type="checkbox"
9658                  id="facet-classifications-busbars"
9659                  :checked="!!(filters['classifications'] && filters['classifications']['busbars'])"
9660                  @change="
9661                                      if ($event.target.checked) {
9662                                          jitsuEvent('selectFilter', {
9663                                              filter_type: 'classifications',
9664                                              filter_value: 'busbars'                                          })
9665                                      }
9666                                      $dispatch('filter-changed', { facet: 'classifications', key: 'busbars', checked: $event.target.checked })
9667                                  "
9668                  
9669                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9670                />
9671                <label
9672                  for="facet-classifications-busbars"
9673                  
9674                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9675                >
9676                  <span class="truncate" title="Busbars">
9677                    Busbars
9678                  </span>
9679                  
9680                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4300</span>
9681                </label>
9682              </li>
9683                                        
9684              <li
9685                wire:key="facet-classifications-terminals-connectors-interconnects"
9686                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9687                                x-show="showAll || 41 &lt; 6"
9688              >
9689                
9690                <input
9691                  type="checkbox"
9692                  id="facet-classifications-terminals-connectors-interconnects"
9693                  :checked="!!(filters['classifications'] && filters['classifications']['terminals-connectors-interconnects'])"
9694                  @change="
9695                                      if ($event.target.checked) {
9696                                          jitsuEvent('selectFilter', {
9697                                              filter_type: 'classifications',
9698                                              filter_value: 'terminals-connectors-interconnects'                                          })
9699                                      }
9700                                      $dispatch('filter-changed', { facet: 'classifications', key: 'terminals-connectors-interconnects', checked: $event.target.checked })
9701                                  "
9702                  
9703                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9704                />
9705                <label
9706                  for="facet-classifications-terminals-connectors-interconnects"
9707                  
9708                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9709                >
9710                  <span class="truncate" title="Terminals, Connectors &amp; Interconnects">
9711                    Terminals, Connectors &amp; Interconnects
9712                  </span>
9713                  
9714                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">15533</span>
9715                </label>
9716              </li>
9717                                        
9718              <li
9719                wire:key="facet-classifications-terminal-blocks"
9720                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9721                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 42 &lt; 6"
9722              >
9723                
9724                <input
9725                  type="checkbox"
9726                  id="facet-classifications-terminal-blocks"
9727                  :checked="!!(filters['classifications'] && filters['classifications']['terminal-blocks'])"
9728                  @change="
9729                                      if ($event.target.checked) {
9730                                          jitsuEvent('selectFilter', {
9731                                              filter_type: 'classifications',
9732                                              filter_value: 'terminal-blocks'                                          })
9733                                      }
9734                                      $dispatch('filter-changed', { facet: 'classifications', key: 'terminal-blocks', checked: $event.target.checked })
9735                                  "
9736                  
9737                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9738                />
9739                <label
9740                  for="facet-classifications-terminal-blocks"
9741                  
9742                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9743                >
9744                  <span class="truncate" title="Terminal Blocks">
9745                    Terminal Blocks
9746                  </span>
9747                  
9748                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9569</span>
9749                </label>
9750              </li>
9751                                        
9752              <li
9753                wire:key="facet-classifications-industrial-connectors"
9754                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9755                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 43 &lt; 6"
9756              >
9757                
9758                <input
9759                  type="checkbox"
9760                  id="facet-classifications-industrial-connectors"
9761                  :checked="!!(filters['classifications'] && filters['classifications']['industrial-connectors'])"
9762                  @change="
9763                                      if ($event.target.checked) {
9764                                          jitsuEvent('selectFilter', {
9765                                              filter_type: 'classifications',
9766                                              filter_value: 'industrial-connectors'                                          })
9767                                      }
9768                                      $dispatch('filter-changed', { facet: 'classifications', key: 'industrial-connectors', checked: $event.target.checked })
9769                                  "
9770                  
9771                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9772                />
9773                <label
9774                  for="facet-classifications-industrial-connectors"
9775                  
9776                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9777                >
9778                  <span class="truncate" title="Industrial Connectors">
9779                    Industrial Connectors
9780                  </span>
9781                  
9782                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2846</span>
9783                </label>
9784              </li>
9785                                        
9786              <li
9787                wire:key="facet-classifications-pcb-connectors"
9788                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9789                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 44 &lt; 6"
9790              >
9791                
9792                <input
9793                  type="checkbox"
9794                  id="facet-classifications-pcb-connectors"
9795                  :checked="!!(filters['classifications'] && filters['classifications']['pcb-connectors'])"
9796                  @change="
9797                                      if ($event.target.checked) {
9798                                          jitsuEvent('selectFilter', {
9799                                              filter_type: 'classifications',
9800                                              filter_value: 'pcb-connectors'                                          })
9801                                      }
9802                                      $dispatch('filter-changed', { facet: 'classifications', key: 'pcb-connectors', checked: $event.target.checked })
9803                                  "
9804                  
9805                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9806                />
9807                <label
9808                  for="facet-classifications-pcb-connectors"
9809                  
9810                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9811                >
9812                  <span class="truncate" title="PCB Connectors">
9813                    PCB Connectors
9814                  </span>
9815                  
9816                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1646</span>
9817                </label>
9818              </li>
9819                                        
9820              <li
9821                wire:key="facet-classifications-cable-lugs-terminals"
9822                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9823                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 45 &lt; 6"
9824              >
9825                
9826                <input
9827                  type="checkbox"
9828                  id="facet-classifications-cable-lugs-terminals"
9829                  :checked="!!(filters['classifications'] && filters['classifications']['cable-lugs-terminals'])"
9830                  @change="
9831                                      if ($event.target.checked) {
9832                                          jitsuEvent('selectFilter', {
9833                                              filter_type: 'classifications',
9834                                              filter_value: 'cable-lugs-terminals'                                          })
9835                                      }
9836                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cable-lugs-terminals', checked: $event.target.checked })
9837                                  "
9838                  
9839                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9840                />
9841                <label
9842                  for="facet-classifications-cable-lugs-terminals"
9843                  
9844                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9845                >
9846                  <span class="truncate" title="Cable Lugs &amp; Terminals">
9847                    Cable Lugs &amp; Terminals
9848                  </span>
9849                  
9850                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1425</span>
9851                </label>
9852              </li>
9853                                        
9854              <li
9855                wire:key="facet-classifications-test-measurement-equipment"
9856                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9857                                x-show="showAll || 46 &lt; 6"
9858              >
9859                
9860                <input
9861                  type="checkbox"
9862                  id="facet-classifications-test-measurement-equipment"
9863                  :checked="!!(filters['classifications'] && filters['classifications']['test-measurement-equipment'])"
9864                  @change="
9865                                      if ($event.target.checked) {
9866                                          jitsuEvent('selectFilter', {
9867                                              filter_type: 'classifications',
9868                                              filter_value: 'test-measurement-equipment'                                          })
9869                                      }
9870                                      $dispatch('filter-changed', { facet: 'classifications', key: 'test-measurement-equipment', checked: $event.target.checked })
9871                                  "
9872                  
9873                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9874                />
9875                <label
9876                  for="facet-classifications-test-measurement-equipment"
9877                  
9878                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9879                >
9880                  <span class="truncate" title="Test &amp; Measurement Equipment">
9881                    Test &amp; Measurement Equipment
9882                  </span>
9883                  
9884                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">412</span>
9885                </label>
9886              </li>
9887                                        
9888              <li
9889                wire:key="facet-classifications-multimeters"
9890                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9891                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 47 &lt; 6"
9892              >
9893                
9894                <input
9895                  type="checkbox"
9896                  id="facet-classifications-multimeters"
9897                  :checked="!!(filters['classifications'] && filters['classifications']['multimeters'])"
9898                  @change="
9899                                      if ($event.target.checked) {
9900                                          jitsuEvent('selectFilter', {
9901                                              filter_type: 'classifications',
9902                                              filter_value: 'multimeters'                                          })
9903                                      }
9904                                      $dispatch('filter-changed', { facet: 'classifications', key: 'multimeters', checked: $event.target.checked })
9905                                  "
9906                  
9907                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9908                />
9909                <label
9910                  for="facet-classifications-multimeters"
9911                  
9912                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9913                >
9914                  <span class="truncate" title="Multimeters">
9915                    Multimeters
9916                  </span>
9917                  
9918                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">177</span>
9919                </label>
9920              </li>
9921                                        
9922              <li
9923                wire:key="facet-classifications-oscilloscopes"
9924                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9925                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 48 &lt; 6"
9926              >
9927                
9928                <input
9929                  type="checkbox"
9930                  id="facet-classifications-oscilloscopes"
9931                  :checked="!!(filters['classifications'] && filters['classifications']['oscilloscopes'])"
9932                  @change="
9933                                      if ($event.target.checked) {
9934                                          jitsuEvent('selectFilter', {
9935                                              filter_type: 'classifications',
9936                                              filter_value: 'oscilloscopes'                                          })
9937                                      }
9938                                      $dispatch('filter-changed', { facet: 'classifications', key: 'oscilloscopes', checked: $event.target.checked })
9939                                  "
9940                  
9941                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9942                />
9943                <label
9944                  for="facet-classifications-oscilloscopes"
9945                  
9946                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9947                >
9948                  <span class="truncate" title="Oscilloscopes">
9949                    Oscilloscopes
9950                  </span>
9951                  
9952                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">15</span>
9953                </label>
9954              </li>
9955                                        
9956              <li
9957                wire:key="facet-classifications-inspection-testing-tools"
9958                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9959                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 49 &lt; 6"
9960              >
9961                
9962                <input
9963                  type="checkbox"
9964                  id="facet-classifications-inspection-testing-tools"
9965                  :checked="!!(filters['classifications'] && filters['classifications']['inspection-testing-tools'])"
9966                  @change="
9967                                      if ($event.target.checked) {
9968                                          jitsuEvent('selectFilter', {
9969                                              filter_type: 'classifications',
9970                                              filter_value: 'inspection-testing-tools'                                          })
9971                                      }
9972                                      $dispatch('filter-changed', { facet: 'classifications', key: 'inspection-testing-tools', checked: $event.target.checked })
9973                                  "
9974                  
9975                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
9976                />
9977                <label
9978                  for="facet-classifications-inspection-testing-tools"
9979                  
9980                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
9981                >
9982                  <span class="truncate" title="Inspection &amp; Testing Tools">
9983                    Inspection &amp; Testing Tools
9984                  </span>
9985                  
9986                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">256</span>
9987                </label>
9988              </li>
9989                                        
9990              <li
9991                wire:key="facet-classifications-hand-tools-power-tools"
9992                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
9993                                x-show="showAll || 50 &lt; 6"
9994              >
9995                
9996                <input
9997                  type="checkbox"
9998                  id="facet-classifications-hand-tools-power-tools"
9999                  :checked="!!(filters['classifications'] && filters['classifications']['hand-tools-power-tools'])"
10000                  @change="
10001                                      if ($event.target.checked) {
10002                                          jitsuEvent('selectFilter', {
10003                                              filter_type: 'classifications',
10004                                              filter_value: 'hand-tools-power-tools'                                          })
10005                                      }
10006                                      $dispatch('filter-changed', { facet: 'classifications', key: 'hand-tools-power-tools', checked: $event.target.checked })
10007                                  "
10008                  
10009                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10010                />
10011                <label
10012                  for="facet-classifications-hand-tools-power-tools"
10013                  
10014                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10015                >
10016                  <span class="truncate" title="Hand Tools &amp; Power Tools">
10017                    Hand Tools &amp; Power Tools
10018                  </span>
10019                  
10020                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2694</span>
10021                </label>
10022              </li>
10023                                        
10024              <li
10025                wire:key="facet-classifications-socket-sets"
10026                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10027                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 51 &lt; 6"
10028              >
10029                
10030                <input
10031                  type="checkbox"
10032                  id="facet-classifications-socket-sets"
10033                  :checked="!!(filters['classifications'] && filters['classifications']['socket-sets'])"
10034                  @change="
10035                                      if ($event.target.checked) {
10036                                          jitsuEvent('selectFilter', {
10037                                              filter_type: 'classifications',
10038                                              filter_value: 'socket-sets'                                          })
10039                                      }
10040                                      $dispatch('filter-changed', { facet: 'classifications', key: 'socket-sets', checked: $event.target.checked })
10041                                  "
10042                  
10043                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10044                />
10045                <label
10046                  for="facet-classifications-socket-sets"
10047                  
10048                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10049                >
10050                  <span class="truncate" title="Socket Sets">
10051                    Socket Sets
10052                  </span>
10053                  
10054                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">46</span>
10055                </label>
10056              </li>
10057                                        
10058              <li
10059                wire:key="facet-classifications-pliers"
10060                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10061                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 52 &lt; 6"
10062              >
10063                
10064                <input
10065                  type="checkbox"
10066                  id="facet-classifications-pliers"
10067                  :checked="!!(filters['classifications'] && filters['classifications']['pliers'])"
10068                  @change="
10069                                      if ($event.target.checked) {
10070                                          jitsuEvent('selectFilter', {
10071                                              filter_type: 'classifications',
10072                                              filter_value: 'pliers'                                          })
10073                                      }
10074                                      $dispatch('filter-changed', { facet: 'classifications', key: 'pliers', checked: $event.target.checked })
10075                                  "
10076                  
10077                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10078                />
10079                <label
10080                  for="facet-classifications-pliers"
10081                  
10082                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10083                >
10084                  <span class="truncate" title="Pliers">
10085                    Pliers
10086                  </span>
10087                  
10088                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1172</span>
10089                </label>
10090              </li>
10091                                        
10092              <li
10093                wire:key="facet-classifications-screwdrivers"
10094                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10095                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 53 &lt; 6"
10096              >
10097                
10098                <input
10099                  type="checkbox"
10100                  id="facet-classifications-screwdrivers"
10101                  :checked="!!(filters['classifications'] && filters['classifications']['screwdrivers'])"
10102                  @change="
10103                                      if ($event.target.checked) {
10104                                          jitsuEvent('selectFilter', {
10105                                              filter_type: 'classifications',
10106                                              filter_value: 'screwdrivers'                                          })
10107                                      }
10108                                      $dispatch('filter-changed', { facet: 'classifications', key: 'screwdrivers', checked: $event.target.checked })
10109                                  "
10110                  
10111                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10112                />
10113                <label
10114                  for="facet-classifications-screwdrivers"
10115                  
10116                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10117                >
10118                  <span class="truncate" title="Screwdrivers">
10119                    Screwdrivers
10120                  </span>
10121                  
10122                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">74</span>
10123                </label>
10124              </li>
10125                                        
10126              <li
10127                wire:key="facet-classifications-power-tools"
10128                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10129                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 54 &lt; 6"
10130              >
10131                
10132                <input
10133                  type="checkbox"
10134                  id="facet-classifications-power-tools"
10135                  :checked="!!(filters['classifications'] && filters['classifications']['power-tools'])"
10136                  @change="
10137                                      if ($event.target.checked) {
10138                                          jitsuEvent('selectFilter', {
10139                                              filter_type: 'classifications',
10140                                              filter_value: 'power-tools'                                          })
10141                                      }
10142                                      $dispatch('filter-changed', { facet: 'classifications', key: 'power-tools', checked: $event.target.checked })
10143                                  "
10144                  
10145                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10146                />
10147                <label
10148                  for="facet-classifications-power-tools"
10149                  
10150                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10151                >
10152                  <span class="truncate" title="Power Tools">
10153                    Power Tools
10154                  </span>
10155                  
10156                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">490</span>
10157                </label>
10158              </li>
10159                                        
10160              <li
10161                wire:key="facet-classifications-hand-tools"
10162                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10163                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 55 &lt; 6"
10164              >
10165                
10166                <input
10167                  type="checkbox"
10168                  id="facet-classifications-hand-tools"
10169                  :checked="!!(filters['classifications'] && filters['classifications']['hand-tools'])"
10170                  @change="
10171                                      if ($event.target.checked) {
10172                                          jitsuEvent('selectFilter', {
10173                                              filter_type: 'classifications',
10174                                              filter_value: 'hand-tools'                                          })
10175                                      }
10176                                      $dispatch('filter-changed', { facet: 'classifications', key: 'hand-tools', checked: $event.target.checked })
10177                                  "
10178                  
10179                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10180                />
10181                <label
10182                  for="facet-classifications-hand-tools"
10183                  
10184                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10185                >
10186                  <span class="truncate" title="Hand Tools">
10187                    Hand Tools
10188                  </span>
10189                  
10190                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">907</span>
10191                </label>
10192              </li>
10193                                        
10194              <li
10195                wire:key="facet-classifications-fluorescent-hid-lighting"
10196                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10197                                x-show="showAll || 56 &lt; 6"
10198              >
10199                
10200                <input
10201                  type="checkbox"
10202                  id="facet-classifications-fluorescent-hid-lighting"
10203                  :checked="!!(filters['classifications'] && filters['classifications']['fluorescent-hid-lighting'])"
10204                  @change="
10205                                      if ($event.target.checked) {
10206                                          jitsuEvent('selectFilter', {
10207                                              filter_type: 'classifications',
10208                                              filter_value: 'fluorescent-hid-lighting'                                          })
10209                                      }
10210                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fluorescent-hid-lighting', checked: $event.target.checked })
10211                                  "
10212                  
10213                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10214                />
10215                <label
10216                  for="facet-classifications-fluorescent-hid-lighting"
10217                  
10218                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10219                >
10220                  <span class="truncate" title="Fluorescent &amp; HID Lighting">
10221                    Fluorescent &amp; HID Lighting
10222                  </span>
10223                  
10224                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">
10224392</span>
10225                </label>
10226              </li>
10227                                        
10228              <li
10229                wire:key="facet-classifications-fluorescent-tubes-fittings"
10230                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10231                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 57 &lt; 6"
10232              >
10233                
10234                <input
10235                  type="checkbox"
10236                  id="facet-classifications-fluorescent-tubes-fittings"
10237                  :checked="!!(filters['classifications'] && filters['classifications']['fluorescent-tubes-fittings'])"
10238                  @change="
10239                                      if ($event.target.checked) {
10240                                          jitsuEvent('selectFilter', {
10241                                              filter_type: 'classifications',
10242                                              filter_value: 'fluorescent-tubes-fittings'                                          })
10243                                      }
10244                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fluorescent-tubes-fittings', checked: $event.target.checked })
10245                                  "
10246                  
10247                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10248                />
10249                <label
10250                  for="facet-classifications-fluorescent-tubes-fittings"
10251                  
10252                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10253                >
10254                  <span class="truncate" title="Fluorescent Tubes &amp; Fittings">
10255                    Fluorescent Tubes &amp; Fittings
10256                  </span>
10257                  
10258                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">139</span>
10259                </label>
10260              </li>
10261                                        
10262              <li
10263                wire:key="facet-classifications-hid-lamps"
10264                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10265                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 58 &lt; 6"
10266              >
10267                
10268                <input
10269                  type="checkbox"
10270                  id="facet-classifications-hid-lamps"
10271                  :checked="!!(filters['classifications'] && filters['classifications']['hid-lamps'])"
10272                  @change="
10273                                      if ($event.target.checked) {
10274                                          jitsuEvent('selectFilter', {
10275                                              filter_type: 'classifications',
10276                                              filter_value: 'hid-lamps'                                          })
10277                                      }
10278                                      $dispatch('filter-changed', { facet: 'classifications', key: 'hid-lamps', checked: $event.target.checked })
10279                                  "
10280                  
10281                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10282                />
10283                <label
10284                  for="facet-classifications-hid-lamps"
10285                  
10286                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10287                >
10288                  <span class="truncate" title="HID Lamps">
10289                    HID Lamps
10290                  </span>
10291                  
10292                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">212</span>
10293                </label>
10294              </li>
10295                                        
10296              <li
10297                wire:key="facet-classifications-specialist-lamps"
10298                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10299                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 59 &lt; 6"
10300              >
10301                
10302                <input
10303                  type="checkbox"
10304                  id="facet-classifications-specialist-lamps"
10305                  :checked="!!(filters['classifications'] && filters['classifications']['specialist-lamps'])"
10306                  @change="
10307                                      if ($event.target.checked) {
10308                                          jitsuEvent('selectFilter', {
10309                                              filter_type: 'classifications',
10310                                              filter_value: 'specialist-lamps'                                          })
10311                                      }
10312                                      $dispatch('filter-changed', { facet: 'classifications', key: 'specialist-lamps', checked: $event.target.checked })
10313                                  "
10314                  
10315                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10316                />
10317                <label
10318                  for="facet-classifications-specialist-lamps"
10319                  
10320                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10321                >
10322                  <span class="truncate" title="Specialist Lamps">
10323                    Specialist Lamps
10324                  </span>
10325                  
10326                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">43</span>
10327                </label>
10328              </li>
10329                                        
10330              <li
10331                wire:key="facet-classifications-emergency-lighting-batteries"
10332                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10333                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 60 &lt; 6"
10334              >
10335                
10336                <input
10337                  type="checkbox"
10338                  id="facet-classifications-emergency-lighting-batteries"
10339                  :checked="!!(filters['classifications'] && filters['classifications']['emergency-lighting-batteries'])"
10340                  @change="
10341                                      if ($event.target.checked) {
10342                                          jitsuEvent('selectFilter', {
10343                                              filter_type: 'classifications',
10344                                              filter_value: 'emergency-lighting-batteries'                                          })
10345                                      }
10346                                      $dispatch('filter-changed', { facet: 'classifications', key: 'emergency-lighting-batteries', checked: $event.target.checked })
10347                                  "
10348                  
10349                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10350                />
10351                <label
10352                  for="facet-classifications-emergency-lighting-batteries"
10353                  
10354                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10355                >
10356                  <span class="truncate" title="Emergency Lighting Batteries">
10357                    Emergency Lighting Batteries
10358                  </span>
10359                  
10360                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">6</span>
10361                </label>
10362              </li>
10363                                        
10364              <li
10365                wire:key="facet-classifications-fire-detection-alarms"
10366                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10367                                x-show="showAll || 61 &lt; 6"
10368              >
10369                
10370                <input
10371                  type="checkbox"
10372                  id="facet-classifications-fire-detection-alarms"
10373                  :checked="!!(filters['classifications'] && filters['classifications']['fire-detection-alarms'])"
10374                  @change="
10375                                      if ($event.target.checked) {
10376                                          jitsuEvent('selectFilter', {
10377                                              filter_type: 'classifications',
10378                                              filter_value: 'fire-detection-alarms'                                          })
10379                                      }
10380                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fire-detection-alarms', checked: $event.target.checked })
10381                                  "
10382                  
10383                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10384                />
10385                <label
10386                  for="facet-classifications-fire-detection-alarms"
10387                  
10388                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10389                >
10390                  <span class="truncate" title="Fire Detection &amp; Alarms">
10391                    Fire Detection &amp; Alarms
10392                  </span>
10393                  
10394                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">113</span>
10395                </label>
10396              </li>
10397                                        
10398              <li
10399                wire:key="facet-classifications-fire-alarms"
10400                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10401                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 62 &lt; 6"
10402              >
10403                
10404                <input
10405                  type="checkbox"
10406                  id="facet-classifications-fire-alarms"
10407                  :checked="!!(filters['classifications'] && filters['classifications']['fire-alarms'])"
10408                  @change="
10409                                      if ($event.target.checked) {
10410                                          jitsuEvent('selectFilter', {
10411                                              filter_type: 'classifications',
10412                                              filter_value: 'fire-alarms'                                          })
10413                                      }
10414                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fire-alarms', checked: $event.target.checked })
10415                                  "
10416                  
10417                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10418                />
10419                <label
10420                  for="facet-classifications-fire-alarms"
10421                  
10422                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10423                >
10424                  <span class="truncate" title="Fire Alarms">
10425                    Fire Alarms
10426                  </span>
10427                  
10428                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17</span>
10429                </label>
10430              </li>
10431                                        
10432              <li
10433                wire:key="facet-classifications-fire-detection-systems"
10434                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10435                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 63 &lt; 6"
10436              >
10437                
10438                <input
10439                  type="checkbox"
10440                  id="facet-classifications-fire-detection-systems"
10441                  :checked="!!(filters['classifications'] && filters['classifications']['fire-detection-systems'])"
10442                  @change="
10443                                      if ($event.target.checked) {
10444                                          jitsuEvent('selectFilter', {
10445                                              filter_type: 'classifications',
10446                                              filter_value: 'fire-detection-systems'                                          })
10447                                      }
10448                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fire-detection-systems', checked: $event.target.checked })
10449                                  "
10450                  
10451                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10452                />
10453                <label
10454                  for="facet-classifications-fire-detection-systems"
10455                  
10456                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10457                >
10458                  <span class="truncate" title="Fire Detection Systems">
10459                    Fire Detection Systems
10460                  </span>
10461                  
10462                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7</span>
10463                </label>
10464              </li>
10465                                        
10466              <li
10467                wire:key="facet-classifications-smoke-detectors"
10468                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10469                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 64 &lt; 6"
10470              >
10471                
10472                <input
10473                  type="checkbox"
10474                  id="facet-classifications-smoke-detectors"
10475                  :checked="!!(filters['classifications'] && filters['classifications']['smoke-detectors'])"
10476                  @change="
10477                                      if ($event.target.checked) {
10478                                          jitsuEvent('selectFilter', {
10479                                              filter_type: 'classifications',
10480                                              filter_value: 'smoke-detectors'                                          })
10481                                      }
10482                                      $dispatch('filter-changed', { facet: 'classifications', key: 'smoke-detectors', checked: $event.target.checked })
10483                                  "
10484                  
10485                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10486                />
10487                <label
10488                  for="facet-classifications-smoke-detectors"
10489                  
10490                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10491                >
10492                  <span class="truncate" title="Smoke Detectors">
10493                    Smoke Detectors
10494                  </span>
10495                  
10496                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20</span>
10497                </label>
10498              </li>
10499                                        
10500              <li
10501                wire:key="facet-classifications-fire-alarm-accessories"
10502                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10503                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 65 &lt; 6"
10504              >
10505                
10506                <input
10507                  type="checkbox"
10508                  id="facet-classifications-fire-alarm-accessories"
10509                  :checked="!!(filters['classifications'] && filters['classifications']['fire-alarm-accessories'])"
10510                  @change="
10511                                      if ($event.target.checked) {
10512                                          jitsuEvent('selectFilter', {
10513                                              filter_type: 'classifications',
10514                                              filter_value: 'fire-alarm-accessories'                                          })
10515                                      }
10516                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fire-alarm-accessories', checked: $event.target.checked })
10517                                  "
10518                  
10519                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10520                />
10521                <label
10522                  for="facet-classifications-fire-alarm-accessories"
10523                  
10524                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10525                >
10526                  <span class="truncate" title="Fire Alarm Accessories">
10527                    Fire Alarm Accessories
10528                  </span>
10529                  
10530                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">69</span>
10531                </label>
10532              </li>
10533                                        
10534              <li
10535                wire:key="facet-classifications-security-access-control"
10536                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10537                                x-show="showAll || 66 &lt; 6"
10538              >
10539                
10540                <input
10541                  type="checkbox"
10542                  id="facet-classifications-security-access-control"
10543                  :checked="!!(filters['classifications'] && filters['classifications']['security-access-control'])"
10544                  @change="
10545                                      if ($event.target.checked) {
10546                                          jitsuEvent('selectFilter', {
10547                                              filter_type: 'classifications',
10548                                              filter_value: 'security-access-control'                                          })
10549                                      }
10550                                      $dispatch('filter-changed', { facet: 'classifications', key: 'security-access-control', checked: $event.target.checked })
10551                                  "
10552                  
10553                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10554                />
10555                <label
10556                  for="facet-classifications-security-access-control"
10557                  
10558                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10559                >
10560                  <span class="truncate" title="Security &amp; Access Control">
10561                    Security &amp; Access Control
10562                  </span>
10563                  
10564                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">412</span>
10565                </label>
10566              </li>
10567                                        
10568              <li
10569                wire:key="facet-classifications-cctv-systems"
10570                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10571                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 67 &lt; 6"
10572              >
10573                
10574                <input
10575                  type="checkbox"
10576                  id="facet-classifications-cctv-systems"
10577                  :checked="!!(filters['classifications'] && filters['classifications']['cctv-systems'])"
10578                  @change="
10579                                      if ($event.target.checked) {
10580                                          jitsuEvent('selectFilter', {
10581                                              filter_type: 'classifications',
10582                                              filter_value: 'cctv-systems'                                          })
10583                                      }
10584                                      $dispatch('filter-changed', { facet: 'classifications', key: 'cctv-systems', checked: $event.target.checked })
10585                                  "
10586                  
10587                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10588                />
10589                <label
10590                  for="facet-classifications-cctv-systems"
10591                  
10592                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10593                >
10594                  <span class="truncate" title="CCTV Systems">
10595                    CCTV Systems
10596                  </span>
10597                  
10598                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">28</span>
10599                </label>
10600              </li>
10601                                        
10602              <li
10603                wire:key="facet-classifications-access-control-systems"
10604                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10605                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 68 &lt; 6"
10606              >
10607                
10608                <input
10609                  type="checkbox"
10610                  id="facet-classifications-access-control-systems"
10611                  :checked="!!(filters['classifications'] && filters['classifications']['access-control-systems'])"
10612                  @change="
10613                                      if ($event.target.checked) {
10614                                          jitsuEvent('selectFilter', {
10615                                              filter_type: 'classifications',
10616                                              filter_value: 'access-control-systems'                                          })
10617                                      }
10618                                      $dispatch('filter-changed', { facet: 'classifications', key: 'access-control-systems', checked: $event.target.checked })
10619                                  "
10620                  
10621                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10622                />
10623                <label
10624                  for="facet-classifications-access-control-systems"
10625                  
10626                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10627                >
10628                  <span class="truncate" title="Access Control Systems">
10629                    Access Control Systems
10630                  </span>
10631                  
10632                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">205</span>
10633                </label>
10634              </li>
10635                                        
10636              <li
10637                wire:key="facet-classifications-security-accessories"
10638                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10639                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 69 &lt; 6"
10640              >
10641                
10642                <input
10643                  type="checkbox"
10644                  id="facet-classifications-security-accessories"
10645                  :checked="!!(filters['classifications'] && filters['classifications']['security-accessories'])"
10646                  @change="
10647                                      if ($event.target.checked) {
10648                                          jitsuEvent('selectFilter', {
10649                                              filter_type: 'classifications',
10650                                              filter_value: 'security-accessories'                                          })
10651                                      }
10652                                      $dispatch('filter-changed', { facet: 'classifications', key: 'security-accessories', checked: $event.target.checked })
10653                                  "
10654                  
10655                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10656                />
10657                <label
10658                  for="facet-classifications-security-accessories"
10659                  
10660                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10661                >
10662                  <span class="truncate" title="Security Accessories">
10663                    Security Accessories
10664                  </span>
10665                  
10666                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">191</span>
10667                </label>
10668              </li>
10669                                        
10670              <li
10671                wire:key="facet-classifications-transformers-power-supplies"
10672                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10673                                x-show="showAll || 70 &lt; 6"
10674              >
10675                
10676                <input
10677                  type="checkbox"
10678                  id="facet-classifications-transformers-power-supplies"
10679                  :checked="!!(filters['classifications'] && filters['classifications']['transformers-power-supplies'])"
10680                  @change="
10681                                      if ($event.target.checked) {
10682                                          jitsuEvent('selectFilter', {
10683                                              filter_type: 'classifications',
10684                                              filter_value: 'transformers-power-supplies'                                          })
10685                                      }
10686                                      $dispatch('filter-changed', { facet: 'classifications', key: 'transformers-power-supplies', checked: $event.target.checked })
10687                                  "
10688                  
10689                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10690                />
10691                <label
10692                  for="facet-classifications-transformers-power-supplies"
10693                  
10694                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10695                >
10696                  <span class="truncate" title="Transformers &amp; Power Supplies">
10697                    Transformers &amp; Power Supplies
10698                  </span>
10699                  
10700                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1379</span>
10701                </label>
10702              </li>
10703                                        
10704              <li
10705                wire:key="facet-classifications-electrical-transformers"
10706                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10707                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 71 &lt; 6"
10708              >
10709                
10710                <input
10711                  type="checkbox"
10712                  id="facet-classifications-electrical-transformers"
10713                  :checked="!!(filters['classifications'] && filters['classifications']['electrical-transformers'])"
10714                  @change="
10715                                      if ($event.target.checked) {
10716                                          jitsuEvent('selectFilter', {
10717                                              filter_type: 'classifications',
10718                                              filter_value: 'electrical-transformers'                                          })
10719                                      }
10720                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-transformers', checked: $event.target.checked })
10721                                  "
10722                  
10723                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10724                />
10725                <label
10726                  for="facet-classifications-electrical-transformers"
10727                  
10728                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10729                >
10730                  <span class="truncate" title="Electrical Transformers">
10731                    Electrical Transformers
10732                  </span>
10733                  
10734                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">649</span>
10735                </label>
10736              </li>
10737                                        
10738              <li
10739                wire:key="facet-classifications-power-supplies"
10740                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10741                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 72 &lt; 6"
10742              >
10743                
10744                <input
10745                  type="checkbox"
10746                  id="facet-classifications-power-supplies"
10747                  :checked="!!(filters['classifications'] && filters['classifications']['power-supplies'])"
10748                  @change="
10749                                      if ($event.target.checked) {
10750                                          jitsuEvent('selectFilter', {
10751                                              filter_type: 'classifications',
10752                                              filter_value: 'power-supplies'                                          })
10753                                      }
10754                                      $dispatch('filter-changed', { facet: 'classifications', key: 'power-supplies', checked: $event.target.checked })
10755                                  "
10756                  
10757                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10758                />
10759                <label
10760                  for="facet-classifications-power-supplies"
10761                  
10762                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10763                >
10764                  <span class="truncate" title="Power Supplies">
10765                    Power Supplies
10766                  </span>
10767                  
10768                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">583</span>
10769                </label>
10770              </li>
10771                                        
10772              <li
10773                wire:key="facet-classifications-din-rail-power-supplies"
10774                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10775                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 73 &lt; 6"
10776              >
10777                
10778                <input
10779                  type="checkbox"
10780                  id="facet-classifications-din-rail-power-supplies"
10781                  :checked="!!(filters['classifications'] && filters['classifications']['din-rail-power-supplies'])"
10782                  @change="
10783                                      if ($event.target.checked) {
10784                                          jitsuEvent('selectFilter', {
10785                                              filter_type: 'classifications',
10786                                              filter_value: 'din-rail-power-supplies'                                          })
10787                                      }
10788                                      $dispatch('filter-changed', { facet: 'classifications', key: 'din-rail-power-supplies', checked: $event.target.checked })
10789                                  "
10790                  
10791                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10792                />
10793                <label
10794                  for="facet-classifications-din-rail-power-supplies"
10795                  
10796                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10797                >
10798                  <span class="truncate" title="DIN Rail Power Supplies">
10799                    DIN Rail Power Supplies
10800                  </span>
10801                  
10802                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">140</span>
10803                </label>
10804              </li>
10805                                        
10806              <li
10807                wire:key="facet-classifications-building-controls-automation"
10808                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10809                                x-show="showAll || 74 &lt; 6"
10810              >
10811                
10812                <input
10813                  type="checkbox"
10814                  id="facet-classifications-building-controls-automation"
10815                  :checked="!!(filters['classifications'] && filters['classifications']['building-controls-automation'])"
10816                  @change="
10817                                      if ($event.target.checked) {
10818                                          jitsuEvent('selectFilter', {
10819                                              filter_type: 'classifications',
10820                                              filter_value: 'building-controls-automation'                                          })
10821                                      }
10822                                      $dispatch('filter-changed', { facet: 'classifications', key: 'building-controls-automation', checked: $event.target.checked })
10823                                  "
10824                  
10825                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10826                />
10827                <label
10828                  for="facet-classifications-building-controls-automation"
10829                  
10830                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10831                >
10832                  <span class="truncate" title="Building Controls &amp; Automation">
10833                    Building Controls &amp; Automation
10834                  </span>
10835                  
10836                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5715</span>
10837                </label>
10838              </li>
10839                                        
10840              <li
10841                wire:key="facet-classifications-lighting-control-systems"
10842                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10843                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 75 &lt; 6"
10844              >
10845                
10846                <input
10847                  type="checkbox"
10848                  id="facet-classifications-lighting-control-systems"
10849                  :checked="!!(filters['classifications'] && filters['classifications']['lighting-control-systems'])"
10850                  @change="
10851                                      if ($event.target.checked) {
10852                                          jitsuEvent('selectFilter', {
10853                                              filter_type: 'classifications',
10854                                              filter_value: 'lighting-control-systems'                                          })
10855                                      }
10856                                      $dispatch('filter-changed', { facet: 'classifications', key: 'lighting-control-systems', checked: $event.target.checked })
10857                                  "
10858                  
10859                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10860                />
10861                <label
10862                  for="facet-classifications-lighting-control-systems"
10863                  
10864                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10865                >
10866                  <span class="truncate" title="Lighting Control Systems">
10867                    Lighting Control Systems
10868                  </span>
10869                  
10870                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1175</span>
10871                </label>
10872              </li>
10873                                        
10874              <li
10875                wire:key="facet-classifications-sensors"
10876                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10877                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 76 &lt; 6"
10878              >
10879                
10880                <input
10881                  type="checkbox"
10882                  id="facet-classifications-sensors"
10883                  :checked="!!(filters['classifications'] && filters['classifications']['sensors'])"
10884                  @change="
10885                                      if ($event.target.checked) {
10886                                          jitsuEvent('selectFilter', {
10887                                              filter_type: 'classifications',
10888                                              filter_value: 'sensors'                                          })
10889                                      }
10890                                      $dispatch('filter-changed', { facet: 'classifications', key: 'sensors', checked: $event.target.checked })
10891                                  "
10892                  
10893                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10894                />
10895                <label
10896                  for="facet-classifications-sensors"
10897                  
10898                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10899                >
10900                  <span class="truncate" title="Sensors">
10901                    Sensors
10902                  </span>
10903                  
10904                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1120</span>
10905                </label>
10906              </li>
10907                                        
10908              <li
10909                wire:key="facet-classifications-plcs"
10910                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10911                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 77 &lt; 6"
10912              >
10913                
10914                <input
10915                  type="checkbox"
10916                  id="facet-classifications-plcs"
10917                  :checked="!!(filters['classifications'] && filters['classifications']['plcs'])"
10918                  @change="
10919                                      if ($event.target.checked) {
10920                                          jitsuEvent('selectFilter', {
10921                                              filter_type: 'classifications',
10922                                              filter_value: 'plcs'                                          })
10923                                      }
10924                                      $dispatch('filter-changed', { facet: 'classifications', key: 'plcs', checked: $event.target.checked })
10925                                  "
10926                  
10927                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10928                />
10929                <label
10930                  for="facet-classifications-plcs"
10931                  
10932                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10933                >
10934                  <span class="truncate" title="PLCs">
10935                    PLCs
10936                  </span>
10937                  
10938                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3014</span>
10939                </label>
10940              </li>
10941                                        
10942              <li
10943                wire:key="facet-classifications-energy-monitoring-systems"
10944                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10945                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 78 &lt; 6"
10946              >
10947                
10948                <input
10949                  type="checkbox"
10950                  id="facet-classifications-energy-monitoring-systems"
10951                  :checked="!!(filters['classifications'] && filters['classifications']['energy-monitoring-systems'])"
10952                  @change="
10953                                      if ($event.target.checked) {
10954                                          jitsuEvent('selectFilter', {
10955                                              filter_type: 'classifications',
10956                                              filter_value: 'energy-monitoring-systems'                                          })
10957                                      }
10958                                      $dispatch('filter-changed', { facet: 'classifications', key: 'energy-monitoring-systems', checked: $event.target.checked })
10959                                  "
10960                  
10961                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10962                />
10963                <label
10964                  for="facet-classifications-energy-monitoring-systems"
10965                  
10966                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
10967                >
10968                  <span class="truncate" title="Energy Monitoring Systems">
10969                    Energy Monitoring Systems
10970                  </span>
10971                  
10972                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">458</span>
10973                </label>
10974              </li>
10975                                        
10976              <li
10977                wire:key="facet-classifications-renewable-energy-ev-charging"
10978                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
10979                                x-show="showAll || 79 &lt; 6"
10980              >
10981                
10982                <input
10983                  type="checkbox"
10984                  id="facet-classifications-renewable-energy-ev-charging"
10985                  :checked="!!(filters['classifications'] && filters['classifications']['renewable-energy-ev-charging'])"
10986                  @change="
10987                                      if ($event.target.checked) {
10988                                          jitsuEvent('selectFilter', {
10989                                              filter_type: 'classifications',
10990                                              filter_value: 'renewable-energy-ev-charging'                                          })
10991                                      }
10992                                      $dispatch('filter-changed', { facet: 'classifications', key: 'renewable-energy-ev-charging', checked: $event.target.checked })
10993                                  "
10994                  
10995                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
10996                />
10997                <label
10998                  for="facet-classifications-renewable-energy-ev-charging"
10999                  
11000                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11001                >
11002                  <span class="truncate" title="Renewable Energy &amp; EV Charging">
11003                    Renewable Energy &amp; EV Charging
11004                  </span>
11005                  
11006                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">307</span>
11007                </label>
11008              </li>
11009                                        
11010              <li
11011                wire:key="facet-classifications-ev-charging-points"
11012                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11013                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 80 &lt; 6"
11014              >
11015                
11016                <input
11017                  type="checkbox"
11018                  id="facet-classifications-ev-charging-points"
11019                  :checked="!!(filters['classifications'] && filters['classifications']['ev-charging-points'])"
11020                  @change="
11021                                      if ($event.target.checked) {
11022                                          jitsuEvent('selectFilter', {
11023                                              filter_type: 'classifications',
11024                                              filter_value: 'ev-charging-points'                                          })
11025                                      }
11026                                      $dispatch('filter-changed', { facet: 'classifications', key: 'ev-charging-points', checked: $event.target.checked })
11027                                  "
11028                  
11029                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11030                />
11031                <label
11032                  for="facet-classifications-ev-charging-points"
11033                  
11034                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11035                >
11036                  <span class="truncate" title="EV Charging Points">
11037                    EV Charging Points
11038                  </span>
11039                  
11040                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">215</span>
11041                </label>
11042              </li>
11043                                        
11044              <li
11045                wire:key="facet-classifications-solar-pv-components"
11046                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11047                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 81 &lt; 6"
11048              >
11049                
11050                <input
11051                  type="checkbox"
11052                  id="facet-classifications-solar-pv-components"
11053                  :checked="!!(filters['classifications'] && filters['classifications']['solar-pv-components'])"
11054                  @change="
11055                                      if ($event.target.checked) {
11056                                          jitsuEvent('selectFilter', {
11057                                              filter_type: 'classifications',
11058                                              filter_value: 'solar-pv-components'                                          })
11059                                      }
11060                                      $dispatch('filter-changed', { facet: 'classifications', key: 'solar-pv-components', checked: $event.target.checked })
11061                                  "
11062                  
11063                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11064                />
11065                <label
11066                  for="facet-classifications-solar-pv-components"
11067                  
11068                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11069                >
11070                  <span class="truncate" title="Solar PV Components">
11071                    Solar PV Components
11072                  </span>
11073                  
11074                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">38</span>
11075                </label>
11076              </li>
11077                                        
11078              <li
11079                wire:key="facet-classifications-energy-storage-systems"
11080                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11081                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 82 &lt; 6"
11082              >
11083                
11084                <input
11085                  type="checkbox"
11086                  id="facet-classifications-energy-storage-systems"
11087                  :checked="!!(filters['classifications'] && filters['classifications']['energy-storage-systems'])"
11088                  @change="
11089                                      if ($event.target.checked) {
11090                                          jitsuEvent('selectFilter', {
11091                                              filter_type: 'classifications',
11092                                              filter_value: 'energy-storage-systems'                                          })
11093                                      }
11094                                      $dispatch('filter-changed', { facet: 'classifications', key: 'energy-storage-systems', checked: $event.target.checked })
11095                                  "
11096                  
11097                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11098                />
11099                <label
11100                  for="facet-classifications-energy-storage-systems"
11101                  
11102                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11103                >
11104                  <span class="truncate" title="Energy Storage Systems">
11105                    Energy Storage Systems
11106                  </span>
11107                  
11108                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">33</span>
11109                </label>
11110              </li>
11111                                        
11112              <li
11113                wire:key="facet-classifications-energy-monitoring"
11114                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11115                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 83 &lt; 6"
11116              >
11117                
11118                <input
11119                  type="checkbox"
11120                  id="facet-classifications-energy-monitoring"
11121                  :checked="!!(filters['classifications'] && filters['classifications']['energy-monitoring'])"
11122                  @change="
11123                                      if ($event.target.checked) {
11124                                          jitsuEvent('selectFilter', {
11125                                              filter_type: 'classifications',
11126                                              filter_value: 'energy-monitoring'                                          })
11127                                      }
11128                                      $dispatch('filter-changed', { facet: 'classifications', key: 'energy-monitoring', checked: $event.target.checked })
11129                                  "
11130                  
11131                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11132                />
11133                <label
11134                  for="facet-classifications-energy-monitoring"
11135                  
11136                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11137                >
11138                  <span class="truncate" title="Energy Monitoring">
11139                    Energy Monitoring
11140                  </span>
11141                  
11142                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">21</span>
11143                </label>
11144              </li>
11145                                        
11146              <li
11147                wire:key="facet-classifications-electronic-components"
11148                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11149                                x-show="showAll || 84 &lt; 6"
11150              >
11151                
11152                <input
11153                  type="checkbox"
11154                  id="facet-classifications-electronic-components"
11155                  :checked="!!(filters['classifications'] && filters['classifications']['electronic-components'])"
11156                  @change="
11157                                      if ($event.target.checked) {
11158                                          jitsuEvent('selectFilter', {
11159                                              filter_type: 'classifications',
11160                                              filter_value: 'electronic-components'                                          })
11161                                      }
11162                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electronic-components', checked: $event.target.checked })
11163                                  "
11164                  
11165                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11166                />
11167                <label
11168                  for="facet-classifications-electronic-components"
11169                  
11170                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11171                >
11172                  <span class="truncate" title="Electronic Components">
11173                    Electronic Components
11174                  </span>
11175                  
11176                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2808</span>
11177                </label>
11178              </li>
11179                                        
11180              <li
11181                wire:key="facet-classifications-resistors"
11182                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11183                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 85 &lt; 6"
11184              >
11185                
11186                <input
11187                  type="checkbox"
11188                  id="facet-classifications-resistors"
11189                  :checked="!!(filters['classifications'] && filters['classifications']['resistors'])"
11190                  @change="
11191                                      if ($event.target.checked) {
11192                                          jitsuEvent('selectFilter', {
11193                                              filter_type: 'classifications',
11194                                              filter_value: 'resistors'                                          })
11195                                      }
11196                                      $dispatch('filter-changed', { facet: 'classifications', key: 'resistors', checked: $event.target.checked })
11197                                  "
11198                  
11199                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11200                />
11201                <label
11202                  for="facet-classifications-resistors"
11203                  
11204                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11205                >
11206                  <span class="truncate" title="Resistors">
11207                    Resistors
11208                  </span>
11209                  
11210                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">110</span>
11211                </label>
11212              </li>
11213                                        
11214              <li
11215                wire:key="facet-classifications-capacitors"
11216                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11217                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 86 &lt; 6"
11218              >
11219                
11220                <input
11221                  type="checkbox"
11222                  id="facet-classifications-capacitors"
11223                  :checked="!!(filters['classifications'] && filters['classifications']['capacitors'])"
11224                  @change="
11225                                      if ($event.target.checked) {
11226                                          jitsuEvent('selectFilter', {
11227                                              filter_type: 'classifications',
11228                                              filter_value: 'capacitors'                                          })
11229                                      }
11230                                      $dispatch('filter-changed', { facet: 'classifications', key: 'capacitors', checked: $event.target.checked })
11231                                  "
11232                  
11233                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11234                />
11235                <label
11236                  for="facet-classifications-capacitors"
11237                  
11238                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11239                >
11240                  <span class="truncate" title="Capacitors">
11241                    Capacitors
11242                  </span>
11243                  
11244                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">119</span>
11245                </label>
11246              </li>
11247                                        
11248              <li
11249                wire:key="facet-classifications-transistors"
11250                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11251                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 87 &lt; 6"
11252              >
11253                
11254                <input
11255                  type="checkbox"
11256                  id="facet-classifications-transistors"
11257                  :checked="!!(filters['classifications'] && filters['classifications']['transistors'])"
11258                  @change="
11259                                      if ($event.target.checked) {
11260                                          jitsuEvent('selectFilter', {
11261                                              filter_type: 'classifications',
11262                                              filter_value: 'transistors'                                          })
11263                                      }
11264                                      $dispatch('filter-changed', { facet: 'classifications', key: 'transistors', checked: $event.target.checked })
11265                                  "
11266                  
11267                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11268                />
11269                <label
11270                  for="facet-classifications-transistors"
11271                  
11272                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11273                >
11274                  <span class="truncate" title="Transistors">
11275                    Transistors
11276                  </span>
11277                  
11278                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4</span>
11279                </label>
11280              </li>
11281                                        
11282              <li
11283                wire:key="facet-classifications-diodes"
11284                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11285                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 88 &lt; 6"
11286              >
11287                
11288                <input
11289                  type="checkbox"
11290                  id="facet-classifications-diodes"
11291                  :checked="!!(filters['classifications'] && filters['classifications']['diodes'])"
11292                  @change="
11293                                      if ($event.target.checked) {
11294                                          jitsuEvent('selectFilter', {
11295                                              filter_type: 'classifications',
11296                                              filter_value: 'diodes'                                          })
11297                                      }
11298                                      $dispatch('filter-changed', { facet: 'classifications', key: 'diodes', checked: $event.target.checked })
11299                                  "
11300                  
11301                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11302                />
11303                <label
11304                  for="facet-classifications-diodes"
11305                  
11306                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11307                >
11308                  <span class="truncate" title="Diodes">
11309                    Diodes
11310                  </span>
11311                  
11312                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">122</span>
11313                </label>
11314              </li>
11315                                        
11316              <li
11317                wire:key="facet-classifications-relays"
11318                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11319                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 89 &lt; 6"
11320              >
11321                
11322                <input
11323                  type="checkbox"
11324                  id="facet-classifications-relays"
11325                  :checked="!!(filters['classifications'] && filters['classifications']['relays'])"
11326                  @change="
11327                                      if ($event.target.checked) {
11328                                          jitsuEvent('selectFilter', {
11329                                              filter_type: 'classifications',
11330                                              filter_value: 'relays'                                          })
11331                                      }
11332                                      $dispatch('filter-changed', { facet: 'classifications', key: 'relays', checked: $event.target.checked })
11333                                  "
11334                  
11335                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11336                />
11337                <label
11338                  for="facet-classifications-relays"
11339                  
11340                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11341                >
11342                  <span class="truncate" title="Relays">
11343                    Relays
11344                  </span>
11345                  
11346                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">
113462064</span>
11347                </label>
11348              </li>
11349                                        
11350              <li
11351                wire:key="facet-classifications-semiconductors"
11352                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11353                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 90 &lt; 6"
11354              >
11355                
11356                <input
11357                  type="checkbox"
11358                  id="facet-classifications-semiconductors"
11359                  :checked="!!(filters['classifications'] && filters['classifications']['semiconductors'])"
11360                  @change="
11361                                      if ($event.target.checked) {
11362                                          jitsuEvent('selectFilter', {
11363                                              filter_type: 'classifications',
11364                                              filter_value: 'semiconductors'                                          })
11365                                      }
11366                                      $dispatch('filter-changed', { facet: 'classifications', key: 'semiconductors', checked: $event.target.checked })
11367                                  "
11368                  
11369                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11370                />
11371                <label
11372                  for="facet-classifications-semiconductors"
11373                  
11374                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11375                >
11376                  <span class="truncate" title="Semiconductors">
11377                    Semiconductors
11378                  </span>
11379                  
11380                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">251</span>
11381                </label>
11382              </li>
11383                                        
11384              <li
11385                wire:key="facet-classifications-inductors"
11386                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11387                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 91 &lt; 6"
11388              >
11389                
11390                <input
11391                  type="checkbox"
11392                  id="facet-classifications-inductors"
11393                  :checked="!!(filters['classifications'] && filters['classifications']['inductors'])"
11394                  @change="
11395                                      if ($event.target.checked) {
11396                                          jitsuEvent('selectFilter', {
11397                                              filter_type: 'classifications',
11398                                              filter_value: 'inductors'                                          })
11399                                      }
11400                                      $dispatch('filter-changed', { facet: 'classifications', key: 'inductors', checked: $event.target.checked })
11401                                  "
11402                  
11403                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11404                />
11405                <label
11406                  for="facet-classifications-inductors"
11407                  
11408                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11409                >
11410                  <span class="truncate" title="Inductors">
11411                    Inductors
11412                  </span>
11413                  
11414                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span>
11415                </label>
11416              </li>
11417                                        
11418              <li
11419                wire:key="facet-classifications-microcontrollers"
11420                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11421                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 92 &lt; 6"
11422              >
11423                
11424                <input
11425                  type="checkbox"
11426                  id="facet-classifications-microcontrollers"
11427                  :checked="!!(filters['classifications'] && filters['classifications']['microcontrollers'])"
11428                  @change="
11429                                      if ($event.target.checked) {
11430                                          jitsuEvent('selectFilter', {
11431                                              filter_type: 'classifications',
11432                                              filter_value: 'microcontrollers'                                          })
11433                                      }
11434                                      $dispatch('filter-changed', { facet: 'classifications', key: 'microcontrollers', checked: $event.target.checked })
11435                                  "
11436                  
11437                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11438                />
11439                <label
11440                  for="facet-classifications-microcontrollers"
11441                  
11442                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11443                >
11444                  <span class="truncate" title="Microcontrollers">
11445                    Microcontrollers
11446                  </span>
11447                  
11448                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">45</span>
11449                </label>
11450              </li>
11451                                        
11452              <li
11453                wire:key="facet-classifications-enclosures-panels"
11454                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11455                                x-show="showAll || 93 &lt; 6"
11456              >
11457                
11458                <input
11459                  type="checkbox"
11460                  id="facet-classifications-enclosures-panels"
11461                  :checked="!!(filters['classifications'] && filters['classifications']['enclosures-panels'])"
11462                  @change="
11463                                      if ($event.target.checked) {
11464                                          jitsuEvent('selectFilter', {
11465                                              filter_type: 'classifications',
11466                                              filter_value: 'enclosures-panels'                                          })
11467                                      }
11468                                      $dispatch('filter-changed', { facet: 'classifications', key: 'enclosures-panels', checked: $event.target.checked })
11469                                  "
11470                  
11471                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11472                />
11473                <label
11474                  for="facet-classifications-enclosures-panels"
11475                  
11476                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11477                >
11478                  <span class="truncate" title="Enclosures &amp; Panels">
11479                    Enclosures &amp; Panels
11480                  </span>
11481                  
11482                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12701</span>
11483                </label>
11484              </li>
11485                                        
11486              <li
11487                wire:key="facet-classifications-electrical-enclosures"
11488                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11489                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 94 &lt; 6"
11490              >
11491                
11492                <input
11493                  type="checkbox"
11494                  id="facet-classifications-electrical-enclosures"
11495                  :checked="!!(filters['classifications'] && filters['classifications']['electrical-enclosures'])"
11496                  @change="
11497                                      if ($event.target.checked) {
11498                                          jitsuEvent('selectFilter', {
11499                                              filter_type: 'classifications',
11500                                              filter_value: 'electrical-enclosures'                                          })
11501                                      }
11502                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-enclosures', checked: $event.target.checked })
11503                                  "
11504                  
11505                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11506                />
11507                <label
11508                  for="facet-classifications-electrical-enclosures"
11509                  
11510                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11511                >
11512                  <span class="truncate" title="Electrical Enclosures">
11513                    Electrical Enclosures
11514                  </span>
11515                  
11516                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8397</span>
11517                </label>
11518              </li>
11519                                        
11520              <li
11521                wire:key="facet-classifications-control-panels"
11522                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11523                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 95 &lt; 6"
11524              >
11525                
11526                <input
11527                  type="checkbox"
11528                  id="facet-classifications-control-panels"
11529                  :checked="!!(filters['classifications'] && filters['classifications']['control-panels'])"
11530                  @change="
11531                                      if ($event.target.checked) {
11532                                          jitsuEvent('selectFilter', {
11533                                              filter_type: 'classifications',
11534                                              filter_value: 'control-panels'                                          })
11535                                      }
11536                                      $dispatch('filter-changed', { facet: 'classifications', key: 'control-panels', checked: $event.target.checked })
11537                                  "
11538                  
11539                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11540                />
11541                <label
11542                  for="facet-classifications-control-panels"
11543                  
11544                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11545                >
11546                  <span class="truncate" title="Control Panels">
11547                    Control Panels
11548                  </span>
11549                  
11550                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3365</span>
11551                </label>
11552              </li>
11553                                        
11554              <li
11555                wire:key="facet-classifications-weatherproof-enclosures"
11556                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11557                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 96 &lt; 6"
11558              >
11559                
11560                <input
11561                  type="checkbox"
11562                  id="facet-classifications-weatherproof-enclosures"
11563                  :checked="!!(filters['classifications'] && filters['classifications']['weatherproof-enclosures'])"
11564                  @change="
11565                                      if ($event.target.checked) {
11566                                          jitsuEvent('selectFilter', {
11567                                              filter_type: 'classifications',
11568                                              filter_value: 'weatherproof-enclosures'                                          })
11569                                      }
11570                                      $dispatch('filter-changed', { facet: 'classifications', key: 'weatherproof-enclosures', checked: $event.target.checked })
11571                                  "
11572                  
11573                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11574                />
11575                <label
11576                  for="facet-classifications-weatherproof-enclosures"
11577                  
11578                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11579                >
11580                  <span class="truncate" title="Weatherproof Enclosures">
11581                    Weatherproof Enclosures
11582                  </span>
11583                  
11584                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1459</span>
11585                </label>
11586              </li>
11587                                        
11588              <li
11589                wire:key="facet-classifications-safety-equipment-workwear"
11590                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11591                                x-show="showAll || 97 &lt; 6"
11592              >
11593                
11594                <input
11595                  type="checkbox"
11596                  id="facet-classifications-safety-equipment-workwear"
11597                  :checked="!!(filters['classifications'] && filters['classifications']['safety-equipment-workwear'])"
11598                  @change="
11599                                      if ($event.target.checked) {
11600                                          jitsuEvent('selectFilter', {
11601                                              filter_type: 'classifications',
11602                                              filter_value: 'safety-equipment-workwear'                                          })
11603                                      }
11604                                      $dispatch('filter-changed', { facet: 'classifications', key: 'safety-equipment-workwear', checked: $event.target.checked })
11605                                  "
11606                  
11607                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11608                />
11609                <label
11610                  for="facet-classifications-safety-equipment-workwear"
11611                  
11612                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11613                >
11614                  <span class="truncate" title="Safety Equipment &amp; Workwear">
11615                    Safety Equipment &amp; Workwear
11616                  </span>
11617                  
11618                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">45</span>
11619                </label>
11620              </li>
11621                                        
11622              <li
11623                wire:key="facet-classifications-electrician-workwear"
11624                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11625                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 98 &lt; 6"
11626              >
11627                
11628                <input
11629                  type="checkbox"
11630                  id="facet-classifications-electrician-workwear"
11631                  :checked="!!(filters['classifications'] && filters['classifications']['electrician-workwear'])"
11632                  @change="
11633                                      if ($event.target.checked) {
11634                                          jitsuEvent('selectFilter', {
11635                                              filter_type: 'classifications',
11636                                              filter_value: 'electrician-workwear'                                          })
11637                                      }
11638                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrician-workwear', checked: $event.target.checked })
11639                                  "
11640                  
11641                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11642                />
11643                <label
11644                  for="facet-classifications-electrician-workwear"
11645                  
11646                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11647                >
11648                  <span class="truncate" title="Electrician Workwear">
11649                    Electrician Workwear
11650                  </span>
11651                  
11652                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">11</span>
11653                </label>
11654              </li>
11655                                        
11656              <li
11657                wire:key="facet-classifications-personal-protective-equipment"
11658                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11659                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 99 &lt; 6"
11660              >
11661                
11662                <input
11663                  type="checkbox"
11664                  id="facet-classifications-personal-protective-equipment"
11665                  :checked="!!(filters['classifications'] && filters['classifications']['personal-protective-equipment'])"
11666                  @change="
11667                                      if ($event.target.checked) {
11668                                          jitsuEvent('selectFilter', {
11669                                              filter_type: 'classifications',
11670                                              filter_value: 'personal-protective-equipment'                                          })
11671                                      }
11672                                      $dispatch('filter-changed', { facet: 'classifications', key: 'personal-protective-equipment', checked: $event.target.checked })
11673                                  "
11674                  
11675                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11676                />
11677                <label
11678                  for="facet-classifications-personal-protective-equipment"
11679                  
11680                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11681                >
11682                  <span class="truncate" title="Personal Protective Equipment">
11683                    Personal Protective Equipment
11684                  </span>
11685                  
11686                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">25</span>
11687                </label>
11688              </li>
11689                                        
11690              <li
11691                wire:key="facet-classifications-safety-gloves"
11692                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11693                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 100 &lt; 6"
11694              >
11695                
11696                <input
11697                  type="checkbox"
11698                  id="facet-classifications-safety-gloves"
11699                  :checked="!!(filters['classifications'] && filters['classifications']['safety-gloves'])"
11700                  @change="
11701                                      if ($event.target.checked) {
11702                                          jitsuEvent('selectFilter', {
11703                                              filter_type: 'classifications',
11704                                              filter_value: 'safety-gloves'                                          })
11705                                      }
11706                                      $dispatch('filter-changed', { facet: 'classifications', key: 'safety-gloves', checked: $event.target.checked })
11707                                  "
11708                  
11709                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11710                />
11711                <label
11712                  for="facet-classifications-safety-gloves"
11713                  
11714                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11715                >
11716                  <span class="truncate" title="Safety Gloves">
11717                    Safety Gloves
11718                  </span>
11719                  
11720                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7</span>
11721                </label>
11722              </li>
11723                                        
11724              <li
11725                wire:key="facet-classifications-hard-hats-safety-helmets"
11726                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11727                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 101 &lt; 6"
11728              >
11729                
11730                <input
11731                  type="checkbox"
11732                  id="facet-classifications-hard-hats-safety-helmets"
11733                  :checked="!!(filters['classifications'] && filters['classifications']['hard-hats-safety-helmets'])"
11734                  @change="
11735                                      if ($event.target.checked) {
11736                                          jitsuEvent('selectFilter', {
11737                                              filter_type: 'classifications',
11738                                              filter_value: 'hard-hats-safety-helmets'                                          })
11739                                      }
11740                                      $dispatch('filter-changed', { facet: 'classifications', key: 'hard-hats-safety-helmets', checked: $event.target.checked })
11741                                  "
11742                  
11743                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11744                />
11745                <label
11746                  for="facet-classifications-hard-hats-safety-helmets"
11747                  
11748                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11749                >
11750                  <span class="truncate" title="Hard Hats &amp; Safety Helmets">
11751                    Hard Hats &amp; Safety Helmets
11752                  </span>
11753                  
11754                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2</span>
11755                </label>
11756              </li>
11757                                        
11758              <li
11759                wire:key="facet-classifications-site-supplies-consumables"
11760                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11761                                x-show="showAll || 102 &lt; 6"
11762              >
11763                
11764                <input
11765                  type="checkbox"
11766                  id="facet-classifications-site-supplies-consumables"
11767                  :checked="!!(filters['classifications'] && filters['classifications']['site-supplies-consumables'])"
11768                  @change="
11769                                      if ($event.target.checked) {
11770                                          jitsuEvent('selectFilter', {
11771                                              filter_type: 'classifications',
11772                                              filter_value: 'site-supplies-consumables'                                          })
11773                                      }
11774                                      $dispatch('filter-changed', { facet: 'classifications', key: 'site-supplies-consumables', checked: $event.target.checked })
11775                                  "
11776                  
11777                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11778                />
11779                <label
11780                  for="facet-classifications-site-supplies-consumables"
11781                  
11782                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11783                >
11784                  <span class="truncate" title="Site Supplies &amp; Consumables">
11785                    Site Supplies &amp; Consumables
11786                  </span>
11787                  
11788                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3071</span>
11789                </label>
11790              </li>
11791                                        
11792              <li
11793                wire:key="facet-classifications-fixings-fasteners"
11794                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11795                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 103 &lt; 6"
11796              >
11797                
11798                <input
11799                  type="checkbox"
11800                  id="facet-classifications-fixings-fasteners"
11801                  :checked="!!(filters['classifications'] && filters['classifications']['fixings-fasteners'])"
11802                  @change="
11803                                      if ($event.target.checked) {
11804                                          jitsuEvent('selectFilter', {
11805                                              filter_type: 'classifications',
11806                                              filter_value: 'fixings-fasteners'                                          })
11807                                      }
11808                                      $dispatch('filter-changed', { facet: 'classifications', key: 'fixings-fasteners', checked: $event.target.checked })
11809                                  "
11810                  
11811                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11812                />
11813                <label
11814                  for="facet-classifications-fixings-fasteners"
11815                  
11816                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11817                >
11818                  <span class="truncate" title="Fixings &amp; Fasteners">
11819                    Fixings &amp; Fasteners
11820                  </span>
11821                  
11822                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1655</span>
11823                </label>
11824              </li>
11825                                        
11826              <li
11827                wire:key="facet-classifications-electrical-tape-insulation"
11828                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11829                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 104 &lt; 6"
11830              >
11831                
11832                <input
11833                  type="checkbox"
11834                  id="facet-classifications-electrical-tape-insulation"
11835                  :checked="!!(filters['classifications'] && filters['classifications']['electrical-tape-insulation'])"
11836                  @change="
11837                                      if ($event.target.checked) {
11838                                          jitsuEvent('selectFilter', {
11839                                              filter_type: 'classifications',
11840                                              filter_value: 'electrical-tape-insulation'                                          })
11841                                      }
11842                                      $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-tape-insulation', checked: $event.target.checked })
11843                                  "
11844                  
11845                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11846                />
11847                <label
11848                  for="facet-classifications-electrical-tape-insulation"
11849                  
11850                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11851                >
11852                  <span class="truncate" title="Electrical Tape &amp; Insulation">
11853                    Electrical Tape &amp; Insulation
11854                  </span>
11855                  
11856                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">483</span>
11857                </label>
11858              </li>
11859                                        
11860              <li
11861                wire:key="facet-classifications-marking-identification"
11862                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11863                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 105 &lt; 6"
11864              >
11865                
11866                <input
11867                  type="checkbox"
11868                  id="facet-classifications-marking-identification"
11869                  :checked="!!(filters['classifications'] && filters['classifications']['marking-identification'])"
11870                  @change="
11871                                      if ($event.target.checked) {
11872                                          jitsuEvent('selectFilter', {
11873                                              filter_type: 'classifications',
11874                                              filter_value: 'marking-identification'                                          })
11875                                      }
11876                                      $dispatch('filter-changed', { facet: 'classifications', key: 'marking-identification', checked: $event.target.checked })
11877                                  "
11878                  
11879                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11880                />
11881                <label
11882                  for="facet-classifications-marking-identification"
11883                  
11884                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11885                >
11886                  <span class="truncate" title="Marking &amp; Identification">
11887                    Marking &amp; Identification
11888                  </span>
11889                  
11890                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">959</span>
11891                </label>
11892              </li>
11893                                        
11894              <li
11895                wire:key="facet-classifications-computing-peripherals"
11896                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11897                                x-show="showAll || 106 &lt; 6"
11898              >
11899                
11900                <input
11901                  type="checkbox"
11902                  id="facet-classifications-computing-peripherals"
11903                  :checked="!!(filters['classifications'] && filters['classifications']['computing-peripherals'])"
11904                  @change="
11905                                      if ($event.target.checked) {
11906                                          jitsuEvent('selectFilter', {
11907                                              filter_type: 'classifications',
11908                                              filter_value: 'computing-peripherals'                                          })
11909                                      }
11910                                      $dispatch('filter-changed', { facet: 'classifications', key: 'computing-peripherals', checked: $event.target.checked })
11911                                  "
11912                  
11913                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11914                />
11915                <label
11916                  for="facet-classifications-computing-peripherals"
11917                  
11918                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11919                >
11920                  <span class="truncate" title="Computing &amp; Peripherals">
11921                    Computing &amp; Peripherals
11922                  </span>
11923                  
11924                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">302</span>
11925                </label>
11926              </li>
11927                                        
11928              <li
11929                wire:key="facet-classifications-pcs-laptops"
11930                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11931                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 107 &lt; 6"
11932              >
11933                
11934                <input
11935                  type="checkbox"
11936                  id="facet-classifications-pcs-laptops"
11937                  :checked="!!(filters['classifications'] && filters['classifications']['pcs-laptops'])"
11938                  @change="
11939                                      if ($event.target.checked) {
11940                                          jitsuEvent('selectFilter', {
11941                                              filter_type: 'classifications',
11942                                              filter_value: 'pcs-laptops'                                          })
11943                                      }
11944                                      $dispatch('filter-changed', { facet: 'classifications', key: 'pcs-laptops', checked: $event.target.checked })
11945                                  "
11946                  
11947                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11948                />
11949                <label
11950                  for="facet-classifications-pcs-laptops"
11951                  
11952                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11953                >
11954                  <span class="truncate" title="PCs, Laptops">
11955                    PCs, Laptops
11956                  </span>
11957                  
11958                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20</span>
11959                </label>
11960              </li>
11961                                        
11962              <li
11963                wire:key="facet-classifications-peripherals"
11964                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11965                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 108 &lt; 6"
11966              >
11967                
11968                <input
11969                  type="checkbox"
11970                  id="facet-classifications-peripherals"
11971                  :checked="!!(filters['classifications'] && filters['classifications']['peripherals'])"
11972                  @change="
11973                                      if ($event.target.checked) {
11974                                          jitsuEvent('selectFilter', {
11975                                              filter_type: 'classifications',
11976                                              filter_value: 'peripherals'                                          })
11977                                      }
11978                                      $dispatch('filter-changed', { facet: 'classifications', key: 'peripherals', checked: $event.target.checked })
11979                                  "
11980                  
11981                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
11982                />
11983                <label
11984                  for="facet-classifications-peripherals"
11985                  
11986                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
11987                >
11988                  <span class="truncate" title="Peripherals">
11989                    Peripherals
11990                  </span>
11991                  
11992                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">110</span>
11993                </label>
11994              </li>
11995                                        
11996              <li
11997                wire:key="facet-classifications-networking"
11998                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
11999                 style="padding-inline-start: 1.5rem"                 x-show="showAll || 109 &lt; 6"
12000              >
12001                
12002                <input
12003                  type="checkbox"
12004                  id="facet-classifications-networking"
12005                  :checked="!!(filters['classifications'] && filters['classifications']['networking'])"
12006                  @change="
12007                                      if ($event.target.checked) {
12008                                          jitsuEvent('selectFilter', {
12009                                              filter_type: 'classifications',
12010                                              filter_value: 'networking'                                          })
12011                                      }
12012                                      $dispatch('filter-changed', { facet: 'classifications', key: 'networking', checked: $event.target.checked })
12013                                  "
12014                  
12015                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
12016                />
12017                <label
12018                  for="facet-classifications-networking"
12019                  
12020                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
12021                >
12022                  <span class="truncate" title="Networking">
12023                    Networking
12024                  </span>
12025                  
12026                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">172</span>
12027                </label>
12028              </li>
12029                                        
12030              <li
12031                wire:key="facet-classifications-other"
12032                class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]"
12033                                x-show="showAll || 110 &lt; 6"
12034              >
12035                
12036                <input
12037                  type="checkbox"
12038                  id="facet-classifications-other"
12039                  :checked="!!(filters['classifications'] && filters['classifications']['other'])"
12040                  @change="
12041                                      if ($event.target.checked) {
12042                                          jitsuEvent('selectFilter', {
12043                                              filter_type: 'classifications',
12044                                              filter_value: 'other'                                          })
12045                                      }
12046                                      $dispatch('filter-changed', { facet: 'classifications', key: 'other', checked: $event.target.checked })
12047                                  "
12048                  
12049                  class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue"
12050                />
12051                <label
12052                  for="facet-classifications-other"
12053                  
12054                  class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink"
12055                >
12056                  <span class="truncate" title="Other">
12057                    Other
12058                  </span>
12059                  
12060                  <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">10980</span>
12061                </label>
12062              </li>
12063            <!--[if ENDBLOCK]><![endif]-->          </ul>
12064
12065          
12066          <button
12067            type="button"
12068            class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none "
12069            x-on:click="showAll = !showAll"
12070          >
12071            <span x-show="!showAll">View 105 More</span>
12072            <span x-show="showAll">View Less</span>
12073          </button>
12074        </div>
12075      <!--[if ENDBLOCK]><![endif]-->    </div>
12076
12077    
12078    <div
12079      class="border-t border-volt-ink/[0.08] bg-white px-4 pt-4 pb-[max(1rem,env(safe-area-inset-bottom))] lg:hidden"
12080    >
12081      <button
12082        type="button"
12083        wire:loading.attr="disabled"
12084        wire:target="selectedFilters,clearFilters,removeFilter"
12085        @click="
12086          flush();
12087          showFilters = false;
12088        "
12089        class="flex h-11 w-full cursor-pointer items-center justify-center gap-2 rounded-2xl bg-pilot-blue px-4 text-sm font-semibold text-white transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue disabled:opacity-60"
12090      >
12091        <span wire:loading.remove wire:target="selectedFilters,clearFilters,removeFilter">
12092          Show 160,727 results
12093        </span>
12094        <div wire:loading  wire:target="selectedFilters,clearFilters,removeFilter"  class="w-full">
12095  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin">
12096    <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
12097  </svg>
12098</div>
12099      </button>
12100    </div>
12101  </div>
12102</aside>
12103      </div>
12104
12105      <!-- Results -->
12106      <div class="lg:col-span-3 lg:col-start-2 lg:row-start-2">
12107        <div class="relative">
12108          
12109          <div
12110            wire:loading
12111            wire:target="sort,query,page,previousPage,nextPage,gotoPage,bundleId,customBundle,facetFilters,selectedFilters,setFilters,applySelectedFilters,clearFilters,removeFilter,resetBundle"
12112            class="absolute inset-0 z-10 bg-white"
12113          >
12114            <div class="grid gap-8 md:grid-cols-2 xl:grid-cols-3">
12115              <!--[if BLOCK]><![endif]-->                <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12116                  <div class="shimmer-block aspect-video w-full"></div>
12117                  <div class="flex flex-col gap-3 p-3">
12118                    <div class="shimmer-block h-6 w-20 rounded"></div>
12119                    <div class="shimmer-block h-3 w-24 rounded"></div>
12120                    <div class="shimmer-block h-4 rounded"></div>
12121                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12122                    <div class="shimmer-block h-3 rounded"></div>
12123                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12124                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12125                  </div>
12126                </div>
12127                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12128                  <div class="shimmer-block aspect-video w-full"></div>
12129                  <div class="flex flex-col gap-3 p-3">
12130                    <div class="shimmer-block h-6 w-20 rounded"></div>
12131                    <div class="shimmer-block h-3 w-24 rounded"></div>
12132                    <div class="shimmer-block h-4 rounded"></div>
12133                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12134                    <div class="shimmer-block h-3 rounded"></div>
12135                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12136                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12137                  </div>
12138                </div>
12139                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12140                  <div class="shimmer-block aspect-video w-full"></div>
12141                  <div class="flex flex-col gap-3 p-3">
12142                    <div class="shimmer-block h-6 w-20 rounded"></div>
12143                    <div class="shimmer-block h-3 w-24 rounded"></div>
12144                    <div class="shimmer-block h-4 rounded"></div>
12145                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12146                    <div class="shimmer-block h-3 rounded"></div>
12147                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12148                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12149                  </div>
12150                </div>
12151                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12152                  <div class="shimmer-block aspect-video w-full"></div>
12153                  <div class="flex flex-col gap-3 p-3">
12154                    <div class="shimmer-block h-6 w-20 rounded"></div>
12155                    <div class="shimmer-block h-3 w-24 rounded"></div>
12156                    <div class="shimmer-block h-4 rounded"></div>
12157                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12158                    <div class="shimmer-block h-3 rounded"></div>
12159                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12160                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12161                  </div>
12162                </div>
12163                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12164                  <div class="shimmer-block aspect-video w-full"></div>
12165                  <div class="flex flex-col gap-3 p-3">
12166                    <div class="shimmer-block h-6 w-20 rounded"></div>
12167                    <div class="shimmer-block h-3 w-24 rounded"></div>
12168                    <div class="shimmer-block h-4 rounded"></div>
12169                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12170                    <div class="shimmer-block h-3 rounded"></div>
12171                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12172                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12173                  </div>
12174                </div>
12175                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12176                  <div class="shimmer-block aspect-video w-full"></div>
12177                  <div class="flex flex-col gap-3 p-3">
12178                    <div class="shimmer-block h-6 w-20 rounded"></div>
12179                    <div class="shimmer-block h-3 w-24 rounded"></div>
12180                    <div class="shimmer-block h-4 rounded"></div>
12181                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12182                    <div class="shimmer-block h-3 rounded"></div>
12183                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12184                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12185                  </div>
12186                </div>
12187                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12188                  <div class="shimmer-block aspect-video w-full"></div>
12189                  <div class="flex flex-col gap-3 p-3">
12190                    <div class="shimmer-block h-6 w-20 rounded"></div>
12191                    <div class="shimmer-block h-3 w-24 rounded"></div>
12192                    <div class="shimmer-block h-4 rounded"></div>
12193                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12194                    <div class="shimmer-block h-3 rounded"></div>
12195                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12196                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12197                  </div>
12198                </div>
12199                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12200                  <div class="shimmer-block aspect-video w-full"></div>
12201                  <div class="flex flex-col gap-3 p-3">
12202                    <div class="shimmer-block h-6 w-20 rounded"></div>
12203                    <div class="shimmer-block h-3 w-24 rounded"></div>
12204                    <div class="shimmer-block h-4 rounded"></div>
12205                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12206                    <div class="shimmer-block h-3 rounded"></div>
12207                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12208                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12209                  </div>
12210                </div>
12211                              <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50">
12212                  <div class="shimmer-block aspect-video w-full"></div>
12213                  <div class="flex flex-col gap-3 p-3">
12214                    <div class="shimmer-block h-6 w-20 rounded"></div>
12215                    <div class="shimmer-block h-3 w-24 rounded"></div>
12216                    <div class="shimmer-block h-4 rounded"></div>
12217                    <div class="shimmer-block h-4 w-3/4 rounded"></div>
12218                    <div class="shimmer-block h-3 rounded"></div>
12219                    <div class="shimmer-block h-3 w-5/6 rounded"></div>
12220                    <div class="shimmer-block mt-4 h-9 rounded"></div>
12221                  </div>
12222                </div>
12223              <!--[if ENDBLOCK]><![endif]-->            </div>
12224          </div>
12225
12226          <div
12227            wire:loading.class="opacity-0"
12228            wire:target="sort,query,page,previousPage,nextPage,gotoPage,bundleId,customBundle,facetFilters,selectedFilters,setFilters,applySelectedFilters,clearFilters,removeFilter,resetBundle"
12229            class="grid gap-8 md:grid-cols-2 xl:grid-cols-3"
12230          >
12231            <!--[if BLOCK]><![endif]-->              
12232              <div
12233  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
12234>
12235  <div class="flex grow flex-col">
12236    <a href="https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="bg-white p-2">
12237      <!-- Product image -->
12238      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
12239        <div x-show="!loaded" class="shimmer-block"></div>
12240        <img
12241          loading="eager"
12242           fetchpriority="high"           width="400"
12243          height="300"
12244          src="https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852351.jpg?width=400"
12245          alt="Splicing connector with levers for all conductor types max. 4 mm² transparent"
12246          class="max-w-full object-contain"
12247          :class="{ 'opacity-0': !loaded }"
12248          style="object-position: "
12249          x-init="loaded = $el.complete"
12250          x-on:load="loaded = true"
12251          x-on:error="loaded = true"
12252        />
12253      </figure>
12254    </a>
12255
12256    <div class="flex grow flex-col border-t border-mercury p-3">
12257      <!-- ***** Picture, Name and Description ***** -->
12258      <div class="grow">
12259        <!-- Partner logo -->
12260        <figure class="mb-2">
12261          <!--[if BLOCK]><![endif]-->            <img
12262              loading="lazy"
12263              width="96"
12264              height="32"
12265              class="square h-8 max-w-24 object-contain mix-blend-multiply"
12266              src="https://content.voltimum.com/uk/145829/wago.svg"
12267              alt="Wago"
12268            />
12269          <!--[if ENDBLOCK]><![endif]-->        </figure>
12270
12271        <!-- SKU -->
12272        <p class="mb-2 text-sm font-light text-gray-900">221-415</p>
12273
12274        <!-- Product name -->
12275        <h3 class="mb-2 leading-120 font-medium text-gray-900">
12276          <a href="https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="hover:text-pilot-blue hover:underline" title="Splicing connector with levers;for all conductor types;max. 4 mm²;transparent">
12277            Splicing connector with levers for all conductor types max. 4 mm²...
12278          </a>
12279        </h3>
12280
12281        <!-- Product description -->
12282        <p class="mb-2 text-sm font-light text-gray-900">
12283          Splicing connector with levers; for all conductor types; max. 4 mm²; 5-conductor; transparent housing; Surrounding air...
12284        </p>
12285      </div>
12286
12287      <!-- ***** Feature section ***** -->
12288      <div class="mt-auto">
12289        <!-- Availability info -->
12290        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
12291            <div>
12292  <!--[if BLOCK]><![endif]-->    <button
12293      type="button"
12294      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
12295              wire:click.prevent="openProductDistributorsModal('Pr4kH54L')"
12296        @click="
12297            jitsuEvent('viewDistributorsModal', {
12298                brands: JSON.parse('[\u0022CEF\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022,\u0022RSEU\u0022,\u0022LSU\u0022]')            })
12299            toggleProductDistributorsModal()
12300        "
12301          >
12302      Available: 7 distributors
12303    </button>
12304  <!--[if ENDBLOCK]><![endif]--></div>
12305          </div>
12306        <!--[if ENDBLOCK]><![endif]-->
12307        <!-- Price info -->
12308        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
12309            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
12310  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
12311    £
12312    <span class="font-bold"> 0.52 </span>
12313    - £
12314    <span class="font-bold"> 10.79 </span>
12315    Excl. VAT
12316  </strong>
12317<!--[if ENDBLOCK]><![endif]-->          </p>
12318        <!--[if ENDBLOCK]><![endif]-->
12319        <!-- Vplus points -->
12320        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
12321    <img
12322      loading="lazy"
12323      class="size-[24px]"
12324      width="24"
12325      height="24"
12326      src="https://www.voltimum.co.uk/img/v-plus.svg"
12327      alt="Voltimum+ Loyalty Programme"
12328    />
12329    Loyalty points:
12330    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        1 (x25)
12331      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
12332<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
12333        <!-- Add to cart button -->
12334        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
12335            <!--[if BLOCK]><![endif]-->  <div
12336    x-data="{
12337      qty: 1,
12338      inc() {
12339        this.qty = Number(this.qty || 1) + 1;
12340      },
12341      dec() {
12342        this.qty = Math.max(1, Number(this.qty || 1) - 1);
12343      },
12344    }"
12345    class="flex items-stretch gap-3"
12346  >
12347    <!-- Stepper -->
12348    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
12349    <!-- Add to cart -->
12350    <button
12351      type="button"
12352      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
12353      @click="
12354                jitsuEvent('addToBasket', {
12355                    products: [
12356                        {
12357                            product_sku: '221-415',
12358                            product_brand_code: 'WAU',
12359                            product_quantity: Number(qty)
12360                        }
12361                    ],
12362                    brands: ['WAU']
12363                })
12364
12365                $wire.addToCart('Pr4kH54L', Number(qty), window.location.pathname + window.location.search)
12366                    .then(result => {
12367                        if (result.tracking && typeof track === 'function') {
12368                            track(result.tracking);
12369                        }
12370                    });
12371
12372                    cartOpen = true;
12373                    qty = 1;
12374            "
12375    >
12376      <span class="hidden sm:inline"> Add to cart </span>
12377      <span class="sm:hidden">
12378        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
12379          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
12380        </svg>
12381      </span>
12382    </button>
12383  </div>
12384<!--[if ENDBLOCK]><![endif]-->          </div>
12385        <!--[if ENDBLOCK]><![endif]-->      </div>
12386    </div>
12387  </div>
12388</div>
12389                          
12390              <div
12391  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
12392>
12393  <div class="flex grow flex-col">
12394    <a href="https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="bg-white p-2">
12395      <!-- Product image -->
12396      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
12397        <div x-show="!loaded" class="shimmer-block"></div>
12398        <img
12399          loading="eager"
12400           fetchpriority="high"           width="400"
12401          height="300"
12402          src="https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852350.jpg?width=400"
12403          alt="Splicing connector with levers for all conductor types max. 4 mm² transparent"
12404          class="max-w-full object-contain"
12405          :class="{ 'opacity-0': !loaded }"
12406          style="object-position: "
12407          x-init="loaded = $el.complete"
12408          x-on:load="loaded = true"
12409          x-on:error="loaded = true"
12410        />
12411      </figure>
12412    </a>
12413
12414    <div class="flex grow flex-col border-t border-mercury p-3">
12415      <!-- ***** Picture, Name and Description ***** -->
12416      <div class="grow">
12417        <!-- Partner logo -->
12418        <figure class="mb-2">
12419          <!--[if BLOCK]><![endif]-->            <img
12420              loading="lazy"
12421              width="96"
12422              height="32"
12423              class="square h-8 max-w-24 object-contain mix-blend-multiply"
12424              src="https://content.voltimum.com/uk/145829/wago.svg"
12425              alt="Wago"
12426            />
12427          <!--[if ENDBLOCK]><![endif]-->        </figure>
12428
12429        <!-- SKU -->
12430        <p class="mb-2 text-sm font-light text-gray-900">221-413</p>
12431
12432        <!-- Product name -->
12433        <h3 class="mb-2 leading-120 font-medium text-gray-900">
12434          <a href="https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="hover:text-pilot-blue hover:underline" title="Splicing connector with levers;for all conductor types;max. 4 mm²;transparent">
12435            Splicing connector with levers for all conductor types max. 4 mm²...
12436          </a>
12437        </h3>
12438
12439        <!-- Product description -->
12440        <p class="mb-2 text-sm font-light text-gray-900">
12441          Splicing connector with levers; for all conductor types; max. 4 mm²; 3-conductor; transparent housing; Surrounding air...
12442        </p>
12443      </div>
12444
12445      <!-- ***** Feature section ***** -->
12446      <div class="mt-auto">
12447        <!-- Availability info -->
12448        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
12449            <div>
12450  <!--[if BLOCK]><![endif]-->    <button
12451      type="button"
12452      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
12453              wire:click.prevent="openProductDistributorsModal('R4wxaD3N')"
12454        @click="
12455            jitsuEvent('viewDistributorsModal', {
12456                brands: JSON.parse('[\u0022CEF\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022,\u0022RSEU\u0022,\u0022LSU\u0022]')            })
12457            toggleProductDistributorsModal()
12458        "
12459          >
12460      Available: 7 distributors
12461    </button>
12462  <!--[if ENDBLOCK]><![endif]--></div>
12463          </div>
12464        <!--[if ENDBLOCK]><![endif]-->
12465        <!-- Price info -->
12466        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
12467            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
12468  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
12469    £
12470    <span class="font-bold"> 0.31 </span>
12471    - £
12472    <span class="font-bold"> 11.96 </span>
12473    Excl. VAT
12474  </strong>
12475<!--[if ENDBLOCK]><![endif]-->          </p>
12476        <!--[if ENDBLOCK]><![endif]-->
12477        <!-- Vplus points -->
12478        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
12479    <img
12480      loading="lazy"
12481      class="size-[24px]"
12482      width="24"
12483      height="24"
12484      src="https://www.voltimum.co.uk/img/v-plus.svg"
12485      alt="Voltimum+ Loyalty Programme"
12486    />
12487    Loyalty points:
12488    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        1 (x50)
12489      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
12490<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
12491        <!-- Add to cart button -->
12492        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
12493            <!--[if BLOCK]><![endif]-->  <div
12494    x-data="{
12495      qty: 1,
12496      inc() {
12497        this.qty = Number(this.qty || 1) + 1;
12498      },
12499      dec() {
12500        this.qty = Math.max(1, Number(this.qty || 1) - 1);
12501      },
12502    }"
12503    class="flex items-stretch gap-3"
12504  >
12505    <!-- Stepper -->
12506    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
12507    <!-- Add to cart -->
12508    <button
12509      type="button"
12510      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
12511      @click="
12512                jitsuEvent('addToBasket', {
12513                    products: [
12514                        {
12515                            product_sku: '221-413',
12516                            product_brand_code: 'WAU',
12517                            product_quantity: Number(qty)
12518                        }
12519                    ],
12520                    brands: ['WAU']
12521                })
12522
12523                $wire.addToCart('R4wxaD3N', Number(qty), window.location.pathname + window.location.search)
12524                    .then(result => {
12525                        if (result.tracking && typeof track === 'function') {
12526                            track(result.tracking);
12527                        }
12528                    });
12529
12530                    cartOpen = true;
12531                    qty = 1;
12532            "
12533    >
12534      <span class="hidden sm:inline"> Add to cart </span>
12535      <span class="sm:hidden">
12536        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
12537          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
12538        </svg>
12539      </span>
12540    </button>
12541  </div>
12542<!--[if ENDBLOCK]><![endif]-->          </div>
12543        <!--[if ENDBLOCK]><![endif]-->      </div>
12544    </div>
12545  </div>
12546</div>
12547                          
12548              <div
12549  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
12550>
12551  <div class="flex grow flex-col">
12552    <a href="https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="bg-white p-2">
12553      <!-- Product image -->
12554      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
12555        <div x-show="!loaded" class="shimmer-block"></div>
12556        <img
12557          loading="eager"
12558           fetchpriority="high"           width="400"
12559          height="300"
12560          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp4k0910bw3_image-p_file_type-rendition_1500_jpg.jpg?width=400"
12561          alt="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil"
12562          class="max-w-full object-contain"
12563          :class="{ 'opacity-0': !loaded }"
12564          style="object-position: "
12565          x-init="loaded = $el.complete"
12566          x-on:load="loaded = true"
12567          x-on:error="loaded = true"
12568        />
12569      </figure>
12570    </a>
12571
12572    <div class="flex grow flex-col border-t border-mercury p-3">
12573      <!-- ***** Picture, Name and Description ***** -->
12574      <div class="grow">
12575        <!-- Partner logo -->
12576        <figure class="mb-2">
12577          <!--[if BLOCK]><![endif]-->            <img
12578              loading="lazy"
12579              width="96"
12580              height="32"
12581              class="square h-8 max-w-24 object-contain mix-blend-multiply"
12582              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
12583              alt="Schneider Electric"
12584            />
12585          <!--[if ENDBLOCK]><![endif]-->        </figure>
12586
12587        <!-- SKU -->
12588        <p class="mb-2 text-sm font-light text-gray-900">LP4K0910BW3</p>
12589
12590        <!-- Product name -->
12591        <h3 class="mb-2 leading-120 font-medium text-gray-900">
12592          <a href="https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil">
12593            TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil
12594          </a>
12595        </h3>
12596
12597        <!-- Product description -->
12598        <p class="mb-2 text-sm font-light text-gray-900">
12599          TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V). It provides a low...
12600        </p>
12601      </div>
12602
12603      <!-- ***** Feature section ***** -->
12604      <div class="mt-auto">
12605        <!-- Availability info -->
12606        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
12607            <div>
12608  <!--[if BLOCK]><![endif]-->    <button
12609      type="button"
12610      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
12611              wire:click.prevent="openProductDistributorsModal('Bl19Hwaf')"
12612        @click="
12613            jitsuEvent('viewDistributorsModal', {
12614                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
12615            toggleProductDistributorsModal()
12616        "
12617          >
12618      Available: 7 distributors
12619    </button>
12620  <!--[if ENDBLOCK]><![endif]--></div>
12621          </div>
12622        <!--[if ENDBLOCK]><![endif]-->
12623        <!-- Price info -->
12624        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
12625            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
12626  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
12627    £
12628    <span class="font-bold"> 35.26 </span>
12629    - £
12630    <span class="font-bold"> 61.32 </span>
12631    Excl. VAT
12632  </strong>
12633<!--[if ENDBLOCK]><![endif]-->          </p>
12634        <!--[if ENDBLOCK]><![endif]-->
12635        <!-- Vplus points -->
12636        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
12637    <img
12638      loading="lazy"
12639      class="size-[24px]"
12640      width="24"
12641      height="24"
12642      src="https://www.voltimum.co.uk/img/v-plus.svg"
12643      alt="Voltimum+ Loyalty Programme"
12644    />
12645    Loyalty points:
12646    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
12647      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
12648<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
12649        <!-- Add to cart button -->
12650        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
12651            <!--[if BLOCK]><![endif]-->  <div
12652    x-data="{
12653      qty: 1,
12654      inc() {
12655        this.qty = Number(this.qty || 1) + 1;
12656      },
12657      dec() {
12658        this.qty = Math.max(1, Number(this.qty || 1) - 1);
12659      },
12660    }"
12661    class="flex items-stretch gap-3"
12662  >
12663    <!-- Stepper -->
12664    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
12665    <!-- Add to cart -->
12666    <button
12667      type="button"
12668      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
12669      @click="
12670                jitsuEvent('addToBasket', {
12671                    products: [
12672                        {
12673                            product_sku: 'LP4K0910BW3',
12674                            product_brand_code: 'SCU',
12675                            product_quantity: Number(qty)
12676                        }
12677                    ],
12678                    brands: ['SCU']
12679                })
12680
12681                $wire.addToCart('Bl19Hwaf', Number(qty), window.location.pathname + window.location.search)
12682                    .then(result => {
12683                        if (result.tracking && typeof track === 'function') {
12684                            track(result.tracking);
12685                        }
12686                    });
12687
12688                    cartOpen = true;
12689                    qty = 1;
12690            "
12691    >
12692      <span class="hidden sm:inline"> Add to cart </span>
12693      <span class="sm:hidden">
12694        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
12695          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
12696        </svg>
12697      </span>
12698    </button>
12699  </div>
12700<!--[if ENDBLOCK]><![endif]-->          </div>
12701        <!--[if ENDBLOCK]><![endif]-->      </div>
12702    </div>
12703  </div>
12704</div>
12705                          
12706              <div
12707  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
12708>
12709  <div class="flex grow flex-col">
12710    <a href="https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil" class="bg-white p-2">
12711      <!-- Product image -->
12712      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
12713        <div x-show="!loaded" class="shimmer-block"></div>
12714        <img
12715          loading="lazy"
12716                    width="400"
12717          height="300"
12718          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=400"
12719          alt="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NC aux. - 24 V DC coil"
12720          class="max-w-full object-contain"
12721          :class="{ 'opacity-0': !loaded }"
12722          style="object-position: "
12723          x-init="loaded = $el.complete"
12724          x-on:load="loaded = true"
12725          x-on:error="loaded = true"
12726        />
12727      </figure>
12728    </a>
12729
12730    <div class="flex grow flex-col border-t border-mercury p-3">
12731      <!-- ***** Picture, Name and Description ***** -->
12732      <div class="grow">
12733        <!-- Partner logo -->
12734        <figure class="mb-2">
12735          <!--[if BLOCK]><![endif]-->            <img
12736              loading="lazy"
12737              width="96"
12738              height="32"
12739              class="square h-8 max-w-24 object-contain mix-blend-multiply"
12740              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
12741              alt="Schneider Electric"
12742            />
12743          <!--[if ENDBLOCK]><![endif]-->        </figure>
12744
12745        <!-- SKU -->
12746        <p class="mb-2 text-sm font-light text-gray-900">LP1K0901BD</p>
12747
12748        <!-- Product name -->
12749        <h3 class="mb-2 leading-120 font-medium text-gray-900">
12750          <a href="https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NC aux. - 24 V DC coil">
12751            TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NC aux. - 24 V DC coil
12752          </a>
12753        </h3>
12754
12755        <!-- Product description -->
12756        <p class="mb-2 text-sm font-light text-gray-900">
12757          TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V), and for non-inductive...
12758        </p>
12759      </div>
12760
12761      <!-- ***** Feature section ***** -->
12762      <div class="mt-auto">
12763        <!-- Availability info -->
12764        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
12765            <div>
12766  <!--[if BLOCK]><![endif]-->    <button
12767      type="button"
12768      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
12769              wire:click.prevent="openProductDistributorsModal('67ajg1bA')"
12770        @click="
12771            jitsuEvent('viewDistributorsModal', {
12772                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
12773            toggleProductDistributorsModal()
12774        "
12775          >
12776      Available: 7 distributors
12777    </button>
12778  <!--[if ENDBLOCK]><![endif]--></div>
12779          </div>
12780        <!--[if ENDBLOCK]><![endif]-->
12781        <!-- Price info -->
12782        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
12783            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
12784  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
12785    £
12786    <span class="font-bold"> 25.65 </span>
12787    - £
12788    <span class="font-bold"> 44.59 </span>
12789    Excl. VAT
12790  </strong>
12791<!--[if ENDBLOCK]><![endif]-->          </p>
12792        <!--[if ENDBLOCK]><![endif]-->
12793        <!-- Vplus points -->
12794        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
12795    <img
12796      loading="lazy"
12797      class="size-[24px]"
12798      width="24"
12799      height="24"
12800      src="https://www.voltimum.co.uk/img/v-plus.svg"
12801      alt="Voltimum+ Loyalty Programme"
12802    />
12803    Loyalty points:
12804    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        5
12805      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
12806<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
12807        <!-- Add to cart button -->
12808        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
12809            <!--[if BLOCK]><![endif]-->  <div
12810    x-data="{
12811      qty: 1,
12812      inc() {
12813        this.qty = Number(this.qty || 1) + 1;
12814      },
12815      dec() {
12816        this.qty = Math.max(1, Number(this.qty || 1) - 1);
12817      },
12818    }"
12819    class="flex items-stretch gap-3"
12820  >
12821    <!-- Stepper -->
12822    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
12823    <!-- Add to cart -->
12824    <button
12825      type="button"
12826      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
12827      @click="
12828                jitsuEvent('addToBasket', {
12829                    products: [
12830                        {
12831                            product_sku: 'LP1K0901BD',
12832                            product_brand_code: 'SCU',
12833                            product_quantity: Number(qty)
12834                        }
12835                    ],
12836                    brands: ['SCU']
12837                })
12838
12839                $wire.addToCart('67ajg1bA', Number(qty), window.location.pathname + window.location.search)
12840                    .then(result => {
12841                        if (result.tracking && typeof track === 'function') {
12842                            track(result.tracking);
12843                        }
12844                    });
12845
12846                    cartOpen = true;
12847                    qty = 1;
12848            "
12849    >
12850      <span class="hidden sm:inline"> Add to cart </span>
12851      <span class="sm:hidden">
12852        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
12853          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
12854        </svg>
12855      </span>
12856    </button>
12857  </div>
12858<!--[if ENDBLOCK]><![endif]-->          </div>
12859        <!--[if ENDBLOCK]><![endif]-->      </div>
12860    </div>
12861  </div>
12862</div>
12863                          
12864              <div
12865  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
12866>
12867  <div class="flex grow flex-col">
12868    <a href="https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="bg-white p-2">
12869      <!-- Product image -->
12870      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
12871        <div x-show="!loaded" class="shimmer-block"></div>
12872        <img
12873          loading="lazy"
12874                    width="400"
12875          height="300"
12876          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=400"
12877          alt="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil"
12878          class="max-w-full object-contain"
12879          :class="{ 'opacity-0': !loaded }"
12880          style="object-position: "
12881          x-init="loaded = $el.complete"
12882          x-on:load="loaded = true"
12883          x-on:error="loaded = true"
12884        />
12885      </figure>
12886    </a>
12887
12888    <div class="flex grow flex-col border-t border-mercury p-3">
12889      <!-- ***** Picture, Name and Description ***** -->
12890      <div class="grow">
12891        <!-- Partner logo -->
12892        <figure class="mb-2">
12893          <!--[if BLOCK]><![endif]-->            <img
12894              loading="lazy"
12895              width="96"
12896              height="32"
12897              class="square h-8 max-w-24 object-contain mix-blend-multiply"
12898              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
12899              alt="Schneider Electric"
12900            />
12901          <!--[if ENDBLOCK]><![endif]-->        </figure>
12902
12903        <!-- SKU -->
12904        <p class="mb-2 text-sm font-light text-gray-900">LP1K0910BD</p>
12905
12906        <!-- Product name -->
12907        <h3 class="mb-2 leading-120 font-medium text-gray-900">
12908          <a href="https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil">
12909            TeSys K contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NO aux. - 24 V DC coil
12910          </a>
12911        </h3>
12912
12913        <!-- Product description -->
12914        <p class="mb-2 text-sm font-light text-gray-900">
12915          TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V), and for non-inductive...
12916        </p>
12917      </div>
12918
12919      <!-- ***** Feature section ***** -->
12920      <div class="mt-auto">
12921        <!-- Availability info -->
12922        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
12923            <div>
12924  <!--[if BLOCK]><![endif]-->    <button
12925      type="button"
12926      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
12927              wire:click.prevent="openProductDistributorsModal('fLgjwZEQ')"
12928        @click="
12929            jitsuEvent('viewDistributorsModal', {
12930                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
12931            toggleProductDistributorsModal()
12932        "
12933          >
12934      Available: 7 distributors
12935    </button>
12936  <!--[if ENDBLOCK]><![endif]--></div>
12937          </div>
12938        <!--[if ENDBLOCK]><![endif]-->
12939        <!-- Price info -->
12940        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
12941            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
12942  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
12943    £
12944    <span class="font-bold"> 25.65 </span>
12945    - £
12946    <span class="font-bold"> 44.59 </span>
12947    Excl. VAT
12948  </strong>
12949<!--[if ENDBLOCK]><![endif]-->          </p>
12950        <!--[if ENDBLOCK]><![endif]-->
12951        <!-- Vplus points -->
12952        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
12953    <img
12954      loading="lazy"
12955      class="size-[24px]"
12956      width="24"
12957      height="24"
12958      src="https://www.voltimum.co.uk/img/v-plus.svg"
12959      alt="Voltimum+ Loyalty Programme"
12960    />
12961    Loyalty points:
12962    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        5
12963      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
12964<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
12965        <!-- Add to cart button -->
12966        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
12967            <!--[if BLOCK]><![endif]-->  <div
12968    x-data="{
12969      qty: 1,
12970      inc() {
12971        this.qty = Number(this.qty || 1) + 1;
12972      },
12973      dec() {
12974        this.qty = Math.max(1, Number(this.qty || 1) - 1);
12975      },
12976    }"
12977    class="flex items-stretch gap-3"
12978  >
12979    <!-- Stepper -->
12980    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
12981    <!-- Add to cart -->
12982    <button
12983      type="button"
12984      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
12985      @click="
12986                jitsuEvent('addToBasket', {
12987                    products: [
12988                        {
12989                            product_sku: 'LP1K0910BD',
12990                            product_brand_code: 'SCU',
12991                            product_quantity: Number(qty)
12992                        }
12993                    ],
12994                    brands: ['SCU']
12995                })
12996
12997                $wire.addToCart('fLgjwZEQ', Number(qty), window.location.pathname + window.location.search)
12998                    .then(result => {
12999                        if (result.tracking && typeof track === 'function') {
13000                            track(result.tracking);
13001                        }
13002                    });
13003
13004                    cartOpen = true;
13005                    qty = 1;
13006            "
13007    >
13008      <span class="hidden sm:inline"> Add to cart </span>
13009      <span class="sm:hidden">
13010        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13011          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13012        </svg>
13013      </span>
13014    </button>
13015  </div>
13016<!--[if ENDBLOCK]><![endif]-->          </div>
13017        <!--[if ENDBLOCK]><![endif]-->      </div>
13018    </div>
13019  </div>
13020</div>
13021                          
13022              <div
13023  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13024>
13025  <div class="flex grow flex-col">
13026    <a href="https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil" class="bg-white p-2">
13027      <!-- Product image -->
13028      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13029        <div x-show="!loaded" class="shimmer-block"></div>
13030        <img
13031          loading="lazy"
13032                    width="400"
13033          height="300"
13034          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=400"
13035          alt="TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NC aux. - 24 V DC coil"
13036          class="max-w-full object-contain"
13037          :class="{ 'opacity-0': !loaded }"
13038          style="object-position: "
13039          x-init="loaded = $el.complete"
13040          x-on:load="loaded = true"
13041          x-on:error="loaded = true"
13042        />
13043      </figure>
13044    </a>
13045
13046    <div class="flex grow flex-col border-t border-mercury p-3">
13047      <!-- ***** Picture, Name and Description ***** -->
13048      <div class="grow">
13049        <!-- Partner logo -->
13050        <figure class="mb-2">
13051          <!--[if BLOCK]><![endif]-->            <img
13052              loading="lazy"
13053              width="96"
13054              height="32"
13055              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13056              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13057              alt="Schneider Electric"
13058            />
13059          <!--[if ENDBLOCK]><![endif]-->        </figure>
13060
13061        <!-- SKU -->
13062        <p class="mb-2 text-sm font-light text-gray-900">LP1K0601BD</p>
13063
13064        <!-- Product name -->
13065        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13066          <a href="https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NC aux. - 24 V DC coil">
13067            TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NC aux. - 24 V DC coil
13068          </a>
13069        </h3>
13070
13071        <!-- Product description -->
13072        <p class="mb-2 text-sm font-light text-gray-900">
13073          TeSys K contactor, 3 poles (3NO), for motor control applications up to 6A/690V AC-3 (2.2kW@400V). It provides a 24V DC...
13074        </p>
13075      </div>
13076
13077      <!-- ***** Feature section ***** -->
13078      <div class="mt-auto">
13079        <!-- Availability info -->
13080        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13081            <div>
13082  <!--[if BLOCK]><![endif]-->    <button
13083      type="button"
13084      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13085              wire:click.prevent="openProductDistributorsModal('bGryreiW')"
13086        @click="
13087            jitsuEvent('viewDistributorsModal', {
13088                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13089            toggleProductDistributorsModal()
13090        "
13091          >
13092      Available: 7 distributors
13093    </button>
13094  <!--[if ENDBLOCK]><![endif]--></div>
13095          </div>
13096        <!--[if ENDBLOCK]><![endif]-->
13097        <!-- Price info -->
13098        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13099            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13100  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13101    £
13102    <span class="font-bold"> 24.85 </span>
13103    - £
13104    <span class="font-bold"> 43.22 </span>
13105    Excl. VAT
13106  </strong>
13107<!--[if ENDBLOCK]><![endif]-->          </p>
13108        <!--[if ENDBLOCK]><![endif]-->
13109        <!-- Vplus points -->
13110        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13111    <img
13112      loading="lazy"
13113      class="size-[24px]"
13114      width="24"
13115      height="24"
13116      src="https://www.voltimum.co.uk/img/v-plus.svg"
13117      alt="Voltimum+ Loyalty Programme"
13118    />
13119    Loyalty points:
13120    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        5
13121      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13122<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13123        <!-- Add to cart button -->
13124        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13125            <!--[if BLOCK]><![endif]-->  <div
13126    x-data="{
13127      qty: 1,
13128      inc() {
13129        this.qty = Number(this.qty || 1) + 1;
13130      },
13131      dec() {
13132        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13133      },
13134    }"
13135    class="flex items-stretch gap-3"
13136  >
13137    <!-- Stepper -->
13138    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13139    <!-- Add to cart -->
13140    <button
13141      type="button"
13142      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13143      @click="
13144                jitsuEvent('addToBasket', {
13145                    products: [
13146                        {
13147                            product_sku: 'LP1K0601BD',
13148                            product_brand_code: 'SCU',
13149                            product_quantity: Number(qty)
13150                        }
13151                    ],
13152                    brands: ['SCU']
13153                })
13154
13155                $wire.addToCart('bGryreiW', Number(qty), window.location.pathname + window.location.search)
13156                    .then(result => {
13157                        if (result.tracking && typeof track === 'function') {
13158                            track(result.tracking);
13159                        }
13160                    });
13161
13162                    cartOpen = true;
13163                    qty = 1;
13164            "
13165    >
13166      <span class="hidden sm:inline"> Add to cart </span>
13167      <span class="sm:hidden">
13168        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13169          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13170        </svg>
13171      </span>
13172    </button>
13173  </div>
13174<!--[if ENDBLOCK]><![endif]-->          </div>
13175        <!--[if ENDBLOCK]><![endif]-->      </div>
13176    </div>
13177  </div>
13178</div>
13179                          
13180              <div
13181  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13182>
13183  <div class="flex grow flex-col">
13184    <a href="https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil" class="bg-white p-2">
13185      <!-- Product image -->
13186      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13187        <div x-show="!loaded" class="shimmer-block"></div>
13188        <img
13189          loading="lazy"
13190                    width="400"
13191          height="300"
13192          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=400"
13193          alt="TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NO aux. - 24 V DC coil"
13194          class="max-w-full object-contain"
13195          :class="{ 'opacity-0': !loaded }"
13196          style="object-position: "
13197          x-init="loaded = $el.complete"
13198          x-on:load="loaded = true"
13199          x-on:error="loaded = true"
13200        />
13201      </figure>
13202    </a>
13203
13204    <div class="flex grow flex-col border-t border-mercury p-3">
13205      <!-- ***** Picture, Name and Description ***** -->
13206      <div class="grow">
13207        <!-- Partner logo -->
13208        <figure class="mb-2">
13209          <!--[if BLOCK]><![endif]-->            <img
13210              loading="lazy"
13211              width="96"
13212              height="32"
13213              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13214              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13215              alt="Schneider Electric"
13216            />
13217          <!--[if ENDBLOCK]><![endif]-->        </figure>
13218
13219        <!-- SKU -->
13220        <p class="mb-2 text-sm font-light text-gray-900">LP1K0610BD</p>
13221
13222        <!-- Product name -->
13223        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13224          <a href="https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NO aux. - 24 V DC coil">
13225            TeSys K contactor - 3P - AC-3 &lt;= 440 V 6 A - 1 NO aux. - 24 V DC coil
13226          </a>
13227        </h3>
13228
13229        <!-- Product description -->
13230        <p class="mb-2 text-sm font-light text-gray-900">
13231          TeSys K contactor, 3 poles (3NO), for motor control applications up to 6A/690V AC-3 (2.2kW@400V). It provides a 24V DC...
13232        </p>
13233      </div>
13234
13235      <!-- ***** Feature section ***** -->
13236      <div class="mt-auto">
13237        <!-- Availability info -->
13238        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13239            <div>
13240  <!--[if BLOCK]><![endif]-->    <button
13241      type="button"
13242      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13243              wire:click.prevent="openProductDistributorsModal('gwwCgK72')"
13244        @click="
13245            jitsuEvent('viewDistributorsModal', {
13246                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13247            toggleProductDistributorsModal()
13248        "
13249          >
13250      Available: 7 distributors
13251    </button>
13252  <!--[if ENDBLOCK]><![endif]--></div>
13253          </div>
13254        <!--[if ENDBLOCK]><![endif]-->
13255        <!-- Price info -->
13256        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13257            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13258  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13259    £
13260    <span class="font-bold"> 24.85 </span>
13261    - £
13262    <span class="font-bold"> 43.22 </span>
13263    Excl. VAT
13264  </strong>
13265<!--[if ENDBLOCK]><![endif]-->          </p>
13266        <!--[if ENDBLOCK]><![endif]-->
13267        <!-- Vplus points -->
13268        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13269    <img
13270      loading="lazy"
13271      class="size-[24px]"
13272      width="24"
13273      height="24"
13274      src="https://www.voltimum.co.uk/img/v-plus.svg"
13275      alt="Voltimum+ Loyalty Programme"
13276    />
13277    Loyalty points:
13278    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        5
13279      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13280<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13281        <!-- Add to cart button -->
13282        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13283            <!--[if BLOCK]><![endif]-->  <div
13284    x-data="{
13285      qty: 1,
13286      inc() {
13287        this.qty = Number(this.qty || 1) + 1;
13288      },
13289      dec() {
13290        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13291      },
13292    }"
13293    class="flex items-stretch gap-3"
13294  >
13295    <!-- Stepper -->
13296    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13297    <!-- Add to cart -->
13298    <button
13299      type="button"
13300      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13301      @click="
13302                jitsuEvent('addToBasket', {
13303                    products: [
13304                        {
13305                            product_sku: 'LP1K0610BD',
13306                            product_brand_code: 'SCU',
13307                            product_quantity: Number(qty)
13308                        }
13309                    ],
13310                    brands: ['SCU']
13311                })
13312
13313                $wire.addToCart('gwwCgK72', Number(qty), window.location.pathname + window.location.search)
13314                    .then(result => {
13315                        if (result.tracking && typeof track === 'function') {
13316                            track(result.tracking);
13317                        }
13318                    });
13319
13320                    cartOpen = true;
13321                    qty = 1;
13322            "
13323    >
13324      <span class="hidden sm:inline"> Add to cart </span>
13325      <span class="sm:hidden">
13326        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13327          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13328        </svg>
13329      </span>
13330    </button>
13331  </div>
13332<!--[if ENDBLOCK]><![endif]-->          </div>
13333        <!--[if ENDBLOCK]><![endif]-->      </div>
13334    </div>
13335  </div>
13336</div>
13337                          
13338              <div
13339  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13340>
13341  <div class="flex grow flex-col">
13342    <a href="https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil" class="bg-white p-2">
13343      <!-- Product image -->
13344      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13345        <div x-show="!loaded" class="shimmer-block"></div>
13346        <img
13347          loading="lazy"
13348                    width="400"
13349          height="300"
13350          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lc2k0601m7_image-p_file_type-rendition_1500_jpg.png?width=400"
13351          alt="TeSys K reversing contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NC - 230...240 VAC coil"
13352          class="max-w-full object-contain"
13353          :class="{ 'opacity-0': !loaded }"
13354          style="object-position: "
13355          x-init="loaded = $el.complete"
13356          x-on:load="loaded = true"
13357          x-on:error="loaded = true"
13358        />
13359      </figure>
13360    </a>
13361
13362    <div class="flex grow flex-col border-t border-mercury p-3">
13363      <!-- ***** Picture, Name and Description ***** -->
13364      <div class="grow">
13365        <!-- Partner logo -->
13366        <figure class="mb-2">
13367          <!--[if BLOCK]><![endif]-->            <img
13368              loading="lazy"
13369              width="96"
13370              height="32"
13371              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13372              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13373              alt="Schneider Electric"
13374            />
13375          <!--[if ENDBLOCK]><![endif]-->        </figure>
13376
13377        <!-- SKU -->
13378        <p class="mb-2 text-sm font-light text-gray-900">LC2K0901U7</p>
13379
13380        <!-- Product name -->
13381        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13382          <a href="https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K reversing contactor - 3P - AC-3 &lt;= 440 V 9 A - 1 NC - 230...240 VAC coil">
13383            TeSys K reversing contactor - 3P -...
13384          </a>
13385        </h3>
13386
13387        <!-- Product description -->
13388        <p class="mb-2 text-sm font-light text-gray-900">
13389          TeSys K reversing contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V). It provides...
13390        </p>
13391      </div>
13392
13393      <!-- ***** Feature section ***** -->
13394      <div class="mt-auto">
13395        <!-- Availability info -->
13396        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13397            <div>
13398  <!--[if BLOCK]><![endif]-->    <button
13399      type="button"
13400      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13401              wire:click.prevent="openProductDistributorsModal('vnYLLgfN')"
13402        @click="
13403            jitsuEvent('viewDistributorsModal', {
13404                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13405            toggleProductDistributorsModal()
13406        "
13407          >
13408      Available: 7 distributors
13409    </button>
13410  <!--[if ENDBLOCK]><![endif]--></div>
13411          </div>
13412        <!--[if ENDBLOCK]><![endif]-->
13413        <!-- Price info -->
13414        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13415            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13416  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13417    £
13418    <span class="font-bold"> 44.47 </span>
13419    - £
13420    <span class="font-bold"> 97.56 </span>
13421    Excl. VAT
13422  </strong>
13423<!--[if ENDBLOCK]><![endif]-->          </p>
13424        <!--[if ENDBLOCK]><![endif]-->
13425        <!-- Vplus points -->
13426        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13427    <img
13428      loading="lazy"
13429      class="size-[24px]"
13430      width="24"
13431      height="24"
13432      src="https://www.voltimum.co.uk/img/v-plus.svg"
13433      alt="Voltimum+ Loyalty Programme"
13434    />
13435    Loyalty points:
13436    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        11
13437      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13438<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13439        <!-- Add to cart button -->
13440        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13441            <!--[if BLOCK]><![endif]-->  <div
13442    x-data="{
13443      qty: 1,
13444      inc() {
13445        this.qty = Number(this.qty || 1) + 1;
13446      },
13447      dec() {
13448        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13449      },
13450    }"
13451    class="flex items-stretch gap-3"
13452  >
13453    <!-- Stepper -->
13454    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13455    <!-- Add to cart -->
13456    <button
13457      type="button"
13458      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13459      @click="
13460                jitsuEvent('addToBasket', {
13461                    products: [
13462                        {
13463                            product_sku: 'LC2K0901U7',
13464                            product_brand_code: 'SCU',
13465                            product_quantity: Number(qty)
13466                        }
13467                    ],
13468                    brands: ['SCU']
13469                })
13470
13471                $wire.addToCart('vnYLLgfN', Number(qty), window.location.pathname + window.location.search)
13472                    .then(result => {
13473                        if (result.tracking && typeof track === 'function') {
13474                            track(result.tracking);
13475                        }
13476                    });
13477
13478                    cartOpen = true;
13479                    qty = 1;
13480            "
13481    >
13482      <span class="hidden sm:inline"> Add to cart </span>
13483      <span class="sm:hidden">
13484        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13485          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13486        </svg>
13487      </span>
13488    </button>
13489  </div>
13490<!--[if ENDBLOCK]><![endif]-->          </div>
13491        <!--[if ENDBLOCK]><![endif]-->      </div>
13492    </div>
13493  </div>
13494</div>
13495                          
13496              <div
13497  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13498>
13499  <div class="flex grow flex-col">
13500    <a href="https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked" class="bg-white p-2">
13501      <!-- Product image -->
13502      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13503        <div x-show="!loaded" class="shimmer-block"></div>
13504        <img
13505          loading="lazy"
13506                    width="400"
13507          height="300"
13508          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2022001-p_file_type-rendition_1500_jpg.jpg?width=400"
13509          alt="Push button head, plastic, flush, white, Ø22, spring return, unmarked"
13510          class="max-w-full object-contain"
13511          :class="{ 'opacity-0': !loaded }"
13512          style="object-position: "
13513          x-init="loaded = $el.complete"
13514          x-on:load="loaded = true"
13515          x-on:error="loaded = true"
13516        />
13517      </figure>
13518    </a>
13519
13520    <div class="flex grow flex-col border-t border-mercury p-3">
13521      <!-- ***** Picture, Name and Description ***** -->
13522      <div class="grow">
13523        <!-- Partner logo -->
13524        <figure class="mb-2">
13525          <!--[if BLOCK]><![endif]-->            <img
13526              loading="lazy"
13527              width="96"
13528              height="32"
13529              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13530              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13531              alt="Schneider Electric"
13532            />
13533          <!--[if ENDBLOCK]><![endif]-->        </figure>
13534
13535        <!-- SKU -->
13536        <p class="mb-2 text-sm font-light text-gray-900">ZB5AA1</p>
13537
13538        <!-- Product name -->
13539        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13540          <a href="https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked" class="hover:text-pilot-blue hover:underline" title="Push button head, plastic, flush, white, Ø22, spring return, unmarked">
13541            Push button head, plastic, flush, white, Ø22, spring return, unmarked
13542          </a>
13543        </h3>
13544
13545        <!-- Product description -->
13546        <p class="mb-2 text-sm font-light text-gray-900">
13547          This Harmony XB5, flush white button head operates with a spring return mechanism. This button head provides an...
13548        </p>
13549      </div>
13550
13551      <!-- ***** Feature section ***** -->
13552      <div class="mt-auto">
13553        <!-- Availability info -->
13554        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13555            <div>
13556  <!--[if BLOCK]><![endif]-->    <button
13557      type="button"
13558      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13559              wire:click.prevent="openProductDistributorsModal('qjzwcNMk')"
13560        @click="
13561            jitsuEvent('viewDistributorsModal', {
13562                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13563            toggleProductDistributorsModal()
13564        "
13565          >
13566      Available: 7 distributors
13567    </button>
13568  <!--[if ENDBLOCK]><![endif]--></div>
13569          </div>
13570        <!--[if ENDBLOCK]><![endif]-->
13571        <!-- Price info -->
13572        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13573            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13574  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13575    £
13576    <span class="font-bold"> 3.82 </span>
13577    - £
13578    <span class="font-bold"> 6.13 </span>
13579    Excl. VAT
13580  </strong>
13581<!--[if ENDBLOCK]><![endif]-->          </p>
13582        <!--[if ENDBLOCK]><![endif]-->
13583        <!-- Vplus points -->
13584        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13585    <img
13586      loading="lazy"
13587      class="size-[24px]"
13588      width="24"
13589      height="24"
13590      src="https://www.voltimum.co.uk/img/v-plus.svg"
13591      alt="Voltimum+ Loyalty Programme"
13592    />
13593    Loyalty points:
13594    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        1
13595      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13596<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13597        <!-- Add to cart button -->
13598        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13599            <!--[if BLOCK]><![endif]-->  <div
13600    x-data="{
13601      qty: 1,
13602      inc() {
13603        this.qty = Number(this.qty || 1) + 1;
13604      },
13605      dec() {
13606        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13607      },
13608    }"
13609    class="flex items-stretch gap-3"
13610  >
13611    <!-- Stepper -->
13612    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13613    <!-- Add to cart -->
13614    <button
13615      type="button"
13616      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13617      @click="
13618                jitsuEvent('addToBasket', {
13619                    products: [
13620                        {
13621                            product_sku: 'ZB5AA1',
13622                            product_brand_code: 'SCU',
13623                            product_quantity: Number(qty)
13624                        }
13625                    ],
13626                    brands: ['SCU']
13627                })
13628
13629                $wire.addToCart('qjzwcNMk', Number(qty), window.location.pathname + window.location.search)
13630                    .then(result => {
13631                        if (result.tracking && typeof track === 'function') {
13632                            track(result.tracking);
13633                        }
13634                    });
13635
13636                    cartOpen = true;
13637                    qty = 1;
13638            "
13639    >
13640      <span class="hidden sm:inline"> Add to cart </span>
13641      <span class="sm:hidden">
13642        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13643          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13644        </svg>
13645      </span>
13646    </button>
13647  </div>
13648<!--[if ENDBLOCK]><![endif]-->          </div>
13649        <!--[if ENDBLOCK]><![endif]-->      </div>
13650    </div>
13651  </div>
13652</div>
13653                          
13654              <div
13655  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13656>
13657  <div class="flex grow flex-col">
13658    <a href="https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked" class="bg-white p-2">
13659      <!-- Product image -->
13660      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13661        <div x-show="!loaded" class="shimmer-block"></div>
13662        <img
13663          loading="lazy"
13664                    width="400"
13665          height="300"
13666          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2016165-p_file_type-rendition_1500_jpg.jpg?width=400"
13667          alt="Push button head, plastic, flush, yellow, Ø22, spring return, unmarked"
13668          class="max-w-full object-contain"
13669          :class="{ 'opacity-0': !loaded }"
13670          style="object-position: "
13671          x-init="loaded = $el.complete"
13672          x-on:load="loaded = true"
13673          x-on:error="loaded = true"
13674        />
13675      </figure>
13676    </a>
13677
13678    <div class="flex grow flex-col border-t border-mercury p-3">
13679      <!-- ***** Picture, Name and Description ***** -->
13680      <div class="grow">
13681        <!-- Partner logo -->
13682        <figure class="mb-2">
13683          <!--[if BLOCK]><![endif]-->            <img
13684              loading="lazy"
13685              width="96"
13686              height="32"
13687              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13688              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13689              alt="Schneider Electric"
13690            />
13691          <!--[if ENDBLOCK]><![endif]-->        </figure>
13692
13693        <!-- SKU -->
13694        <p class="mb-2 text-sm font-light text-gray-900">ZB5AA5</p>
13695
13696        <!-- Product name -->
13697        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13698          <a href="https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked" class="hover:text-pilot-blue hover:underline" title="Push button head, plastic, flush, yellow, Ø22, spring return, unmarked">
13699            Push button head, plastic, flush, yellow, Ø22, spring return, unmarked
13700          </a>
13701        </h3>
13702
13703        <!-- Product description -->
13704        <p class="mb-2 text-sm font-light text-gray-900">
13705          This Harmony XB5, flush yellow button head operates with a spring return mechanism. This button head provides an...
13706        </p>
13707      </div>
13708
13709      <!-- ***** Feature section ***** -->
13710      <div class="mt-auto">
13711        <!-- Availability info -->
13712        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13713            <div>
13714  <!--[if BLOCK]><![endif]-->    <button
13715      type="button"
13716      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13717              wire:click.prevent="openProductDistributorsModal('OXSqvV0Y')"
13718        @click="
13719            jitsuEvent('viewDistributorsModal', {
13720                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13721            toggleProductDistributorsModal()
13722        "
13723          >
13724      Available: 7 distributors
13725    </button>
13726  <!--[if ENDBLOCK]><![endif]--></div>
13727          </div>
13728        <!--[if ENDBLOCK]><![endif]-->
13729        <!-- Price info -->
13730        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13731            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13732  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13733    £
13734    <span class="font-bold"> 3.82 </span>
13735    - £
13736    <span class="font-bold"> 6.13 </span>
13737    Excl. VAT
13738  </strong>
13739<!--[if ENDBLOCK]><![endif]-->          </p>
13740        <!--[if ENDBLOCK]><![endif]-->
13741        <!-- Vplus points -->
13742        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13743    <img
13744      loading="lazy"
13745      class="size-[24px]"
13746      width="24"
13747      height="24"
13748      src="https://www.voltimum.co.uk/img/v-plus.svg"
13749      alt="Voltimum+ Loyalty Programme"
13750    />
13751    Loyalty points:
13752    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        1
13753      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13754<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13755        <!-- Add to cart button -->
13756        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13757            <!--[if BLOCK]><![endif]-->  <div
13758    x-data="{
13759      qty: 1,
13760      inc() {
13761        this.qty = Number(this.qty || 1) + 1;
13762      },
13763      dec() {
13764        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13765      },
13766    }"
13767    class="flex items-stretch gap-3"
13768  >
13769    <!-- Stepper -->
13770    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13771    <!-- Add to cart -->
13772    <button
13773      type="button"
13774      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13775      @click="
13776                jitsuEvent('addToBasket', {
13777                    products: [
13778                        {
13779                            product_sku: 'ZB5AA5',
13780                            product_brand_code: 'SCU',
13781                            product_quantity: Number(qty)
13782                        }
13783                    ],
13784                    brands: ['SCU']
13785                })
13786
13787                $wire.addToCart('OXSqvV0Y', Number(qty), window.location.pathname + window.location.search)
13788                    .then(result => {
13789                        if (result.tracking && typeof track === 'function') {
13790                            track(result.tracking);
13791                        }
13792                    });
13793
13794                    cartOpen = true;
13795                    qty = 1;
13796            "
13797    >
13798      <span class="hidden sm:inline"> Add to cart </span>
13799      <span class="sm:hidden">
13800        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13801          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13802        </svg>
13803      </span>
13804    </button>
13805  </div>
13806<!--[if ENDBLOCK]><![endif]-->          </div>
13807        <!--[if ENDBLOCK]><![endif]-->      </div>
13808    </div>
13809  </div>
13810</div>
13811                          
13812              <div
13813  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13814>
13815  <div class="flex grow flex-col">
13816    <a href="https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc" class="bg-white p-2">
13817      <!-- Product image -->
13818      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13819        <div x-show="!loaded" class="shimmer-block"></div>
13820        <img
13821          loading="lazy"
13822                    width="400"
13823          height="300"
13824          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-luca12fu_image-01-p_file_type-rendition_1500_jpg.png?width=400"
13825          alt="Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC"
13826          class="max-w-full object-contain"
13827          :class="{ 'opacity-0': !loaded }"
13828          style="object-position: "
13829          x-init="loaded = $el.complete"
13830          x-on:load="loaded = true"
13831          x-on:error="loaded = true"
13832        />
13833      </figure>
13834    </a>
13835
13836    <div class="flex grow flex-col border-t border-mercury p-3">
13837      <!-- ***** Picture, Name and Description ***** -->
13838      <div class="grow">
13839        <!-- Partner logo -->
13840        <figure class="mb-2">
13841          <!--[if BLOCK]><![endif]-->            <img
13842              loading="lazy"
13843              width="96"
13844              height="32"
13845              class="square h-8 max-w-24 object-contain mix-blend-multiply"
13846              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
13847              alt="Schneider Electric"
13848            />
13849          <!--[if ENDBLOCK]><![endif]-->        </figure>
13850
13851        <!-- SKU -->
13852        <p class="mb-2 text-sm font-light text-gray-900">LUCA12FU</p>
13853
13854        <!-- Product name -->
13855        <h3 class="mb-2 leading-120 font-medium text-gray-900">
13856          <a href="https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc" class="hover:text-pilot-blue hover:underline" title="Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC">
13857            Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic...
13858          </a>
13859        </h3>
13860
13861        <!-- Product description -->
13862        <p class="mb-2 text-sm font-light text-gray-900">
13863          TeSys U standard control unit to be inserted in power bases LUB12, LUB32, LUB38 to form a TeSys U starter controller,...
13864        </p>
13865      </div>
13866
13867      <!-- ***** Feature section ***** -->
13868      <div class="mt-auto">
13869        <!-- Availability info -->
13870        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
13871            <div>
13872  <!--[if BLOCK]><![endif]-->    <button
13873      type="button"
13874      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
13875              wire:click.prevent="openProductDistributorsModal('LfVeZHps')"
13876        @click="
13877            jitsuEvent('viewDistributorsModal', {
13878                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
13879            toggleProductDistributorsModal()
13880        "
13881          >
13882      Available: 7 distributors
13883    </button>
13884  <!--[if ENDBLOCK]><![endif]--></div>
13885          </div>
13886        <!--[if ENDBLOCK]><![endif]-->
13887        <!-- Price info -->
13888        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
13889            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
13890  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
13891    £
13892    <span class="font-bold"> 41.92 </span>
13893    - £
13894    <span class="font-bold"> 92.96 </span>
13895    Excl. VAT
13896  </strong>
13897<!--[if ENDBLOCK]><![endif]-->          </p>
13898        <!--[if ENDBLOCK]><![endif]-->
13899        <!-- Vplus points -->
13900        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
13901    <img
13902      loading="lazy"
13903      class="size-[24px]"
13904      width="24"
13905      height="24"
13906      src="https://www.voltimum.co.uk/img/v-plus.svg"
13907      alt="Voltimum+ Loyalty Programme"
13908    />
13909    Loyalty points:
13910    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        11
13911      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
13912<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
13913        <!-- Add to cart button -->
13914        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
13915            <!--[if BLOCK]><![endif]-->  <div
13916    x-data="{
13917      qty: 1,
13918      inc() {
13919        this.qty = Number(this.qty || 1) + 1;
13920      },
13921      dec() {
13922        this.qty = Math.max(1, Number(this.qty || 1) - 1);
13923      },
13924    }"
13925    class="flex items-stretch gap-3"
13926  >
13927    <!-- Stepper -->
13928    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
13929    <!-- Add to cart -->
13930    <button
13931      type="button"
13932      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
13933      @click="
13934                jitsuEvent('addToBasket', {
13935                    products: [
13936                        {
13937                            product_sku: 'LUCA12FU',
13938                            product_brand_code: 'SCU',
13939                            product_quantity: Number(qty)
13940                        }
13941                    ],
13942                    brands: ['SCU']
13943                })
13944
13945                $wire.addToCart('LfVeZHps', Number(qty), window.location.pathname + window.location.search)
13946                    .then(result => {
13947                        if (result.tracking && typeof track === 'function') {
13948                            track(result.tracking);
13949                        }
13950                    });
13951
13952                    cartOpen = true;
13953                    qty = 1;
13954            "
13955    >
13956      <span class="hidden sm:inline"> Add to cart </span>
13957      <span class="sm:hidden">
13958        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
13959          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
13960        </svg>
13961      </span>
13962    </button>
13963  </div>
13964<!--[if ENDBLOCK]><![endif]-->          </div>
13965        <!--[if ENDBLOCK]><![endif]-->      </div>
13966    </div>
13967  </div>
13968</div>
13969                          
13970              <div
13971  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
13972>
13973  <div class="flex grow flex-col">
13974    <a href="https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v" class="bg-white p-2">
13975      <!-- Product image -->
13976      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
13977        <div x-show="!loaded" class="shimmer-block"></div>
13978        <img
13979          loading="lazy"
13980                    width="400"
13981          height="300"
13982          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub12_image-01-p_file_type-rendition_1500_jpg.png?width=400"
13983          alt="Power base, TeSys U, 3P, 12A/690V"
13984          class="max-w-full object-contain"
13985          :class="{ 'opacity-0': !loaded }"
13986          style="object-position: "
13987          x-init="loaded = $el.complete"
13988          x-on:load="loaded = true"
13989          x-on:error="loaded = true"
13990        />
13991      </figure>
13992    </a>
13993
13994    <div class="flex grow flex-col border-t border-mercury p-3">
13995      <!-- ***** Picture, Name and Description ***** -->
13996      <div class="grow">
13997        <!-- Partner logo -->
13998        <figure class="mb-2">
13999          <!--[if BLOCK]><![endif]-->            <img
14000              loading="lazy"
14001              width="96"
14002              height="32"
14003              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14004              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14005              alt="Schneider Electric"
14006            />
14007          <!--[if ENDBLOCK]><![endif]-->        </figure>
14008
14009        <!-- SKU -->
14010        <p class="mb-2 text-sm font-light text-gray-900">LUB12</p>
14011
14012        <!-- Product name -->
14013        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14014          <a href="https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v" class="hover:text-pilot-blue hover:underline" title="Power base, TeSys U, 3P, 12A/690V">
14015            Power base, TeSys U, 3P, 12A/690V
14016          </a>
14017        </h3>
14018
14019        <!-- Product description -->
14020        <p class="mb-2 text-sm font-light text-gray-900">
14021          TeSys U standard power base, 3 poles (3NO), 12A/690V, to be completed with a control unit LUC to form a TeSys U...
14022        </p>
14023      </div>
14024
14025      <!-- ***** Feature section ***** -->
14026      <div class="mt-auto">
14027        <!-- Availability info -->
14028        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14029            <div>
14030  <!--[if BLOCK]><![endif]-->    <button
14031      type="button"
14032      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14033              wire:click.prevent="openProductDistributorsModal('TEz6vRtm')"
14034        @click="
14035            jitsuEvent('viewDistributorsModal', {
14036                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14037            toggleProductDistributorsModal()
14038        "
14039          >
14040      Available: 7 distributors
14041    </button>
14042  <!--[if ENDBLOCK]><![endif]--></div>
14043          </div>
14044        <!--[if ENDBLOCK]><![endif]-->
14045        <!-- Price info -->
14046        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14047            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14048  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14049    £
14050    <span class="font-bold"> 44.02 </span>
14051    - £
14052    <span class="font-bold"> 76.56 </span>
14053    Excl. VAT
14054  </strong>
14055<!--[if ENDBLOCK]><![endif]-->          </p>
14056        <!--[if ENDBLOCK]><![endif]-->
14057        <!-- Vplus points -->
14058        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14059    <img
14060      loading="lazy"
14061      class="size-[24px]"
14062      width="24"
14063      height="24"
14064      src="https://www.voltimum.co.uk/img/v-plus.svg"
14065      alt="Voltimum+ Loyalty Programme"
14066    />
14067    Loyalty points:
14068    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        9
14069      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14070<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14071        <!-- Add to cart button -->
14072        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14073            <!--[if BLOCK]><![endif]-->  <div
14074    x-data="{
14075      qty: 1,
14076      inc() {
14077        this.qty = Number(this.qty || 1) + 1;
14078      },
14079      dec() {
14080        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14081      },
14082    }"
14083    class="flex items-stretch gap-3"
14084  >
14085    <!-- Stepper -->
14086    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14087    <!-- Add to cart -->
14088    <button
14089      type="button"
14090      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14091      @click="
14092                jitsuEvent('addToBasket', {
14093                    products: [
14094                        {
14095                            product_sku: 'LUB12',
14096                            product_brand_code: 'SCU',
14097                            product_quantity: Number(qty)
14098                        }
14099                    ],
14100                    brands: ['SCU']
14101                })
14102
14103                $wire.addToCart('TEz6vRtm', Number(qty), window.location.pathname + window.location.search)
14104                    .then(result => {
14105                        if (result.tracking && typeof track === 'function') {
14106                            track(result.tracking);
14107                        }
14108                    });
14109
14110                    cartOpen = true;
14111                    qty = 1;
14112            "
14113    >
14114      <span class="hidden sm:inline"> Add to cart </span>
14115      <span class="sm:hidden">
14116        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14117          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14118        </svg>
14119      </span>
14120    </button>
14121  </div>
14122<!--[if ENDBLOCK]><![endif]-->          </div>
14123        <!--[if ENDBLOCK]><![endif]-->      </div>
14124    </div>
14125  </div>
14126</div>
14127                          
14128              <div
14129  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14130>
14131  <div class="flex grow flex-col">
14132    <a href="https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v" class="bg-white p-2">
14133      <!-- Product image -->
14134      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14135        <div x-show="!loaded" class="shimmer-block"></div>
14136        <img
14137          loading="lazy"
14138                    width="400"
14139          height="300"
14140          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub32_image-01-p_file_type-rendition_1500_jpg.png?width=400"
14141          alt="Power base, TeSys U, 3P, 32A/690V"
14142          class="max-w-full object-contain"
14143          :class="{ 'opacity-0': !loaded }"
14144          style="object-position: "
14145          x-init="loaded = $el.complete"
14146          x-on:load="loaded = true"
14147          x-on:error="loaded = true"
14148        />
14149      </figure>
14150    </a>
14151
14152    <div class="flex grow flex-col border-t border-mercury p-3">
14153      <!-- ***** Picture, Name and Description ***** -->
14154      <div class="grow">
14155        <!-- Partner logo -->
14156        <figure class="mb-2">
14157          <!--[if BLOCK]><![endif]-->            <img
14158              loading="lazy"
14159              width="96"
14160              height="32"
14161              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14162              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14163              alt="Schneider Electric"
14164            />
14165          <!--[if ENDBLOCK]><![endif]-->        </figure>
14166
14167        <!-- SKU -->
14168        <p class="mb-2 text-sm font-light text-gray-900">LUB32</p>
14169
14170        <!-- Product name -->
14171        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14172          <a href="https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v" class="hover:text-pilot-blue hover:underline" title="Power base, TeSys U, 3P, 32A/690V">
14173            Power base, TeSys U, 3P, 32A/690V
14174          </a>
14175        </h3>
14176
14177        <!-- Product description -->
14178        <p class="mb-2 text-sm font-light text-gray-900">
14179          TeSys U standard power base, 3 poles (3NO), 32A/690V, to be completed with a control unit LUC to form a TeSys U...
14180        </p>
14181      </div>
14182
14183      <!-- ***** Feature section ***** -->
14184      <div class="mt-auto">
14185        <!-- Availability info -->
14186        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14187            <div>
14188  <!--[if BLOCK]><![endif]-->    <button
14189      type="button"
14190      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14191              wire:click.prevent="openProductDistributorsModal('DYiaUegX')"
14192        @click="
14193            jitsuEvent('viewDistributorsModal', {
14194                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14195            toggleProductDistributorsModal()
14196        "
14197          >
14198      Available: 7 distributors
14199    </button>
14200  <!--[if ENDBLOCK]><![endif]--></div>
14201          </div>
14202        <!--[if ENDBLOCK]><![endif]-->
14203        <!-- Price info -->
14204        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14205            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14206  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14207    £
14208    <span class="font-bold"> 63.67 </span>
14209    - £
14210    <span class="font-bold"> 110.72 </span>
14211    Excl. VAT
14212  </strong>
14213<!--[if ENDBLOCK]><![endif]-->          </p>
14214        <!--[if ENDBLOCK]><![endif]-->
14215        <!-- Vplus points -->
14216        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14217    <img
14218      loading="lazy"
14219      class="size-[24px]"
14220      width="24"
14221      height="24"
14222      src="https://www.voltimum.co.uk/img/v-plus.svg"
14223      alt="Voltimum+ Loyalty Programme"
14224    />
14225    Loyalty points:
14226    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        13
14227      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14228<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14229        <!-- Add to cart button -->
14230        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14231            <!--[if BLOCK]><![endif]-->  <div
14232    x-data="{
14233      qty: 1,
14234      inc() {
14235        this.qty = Number(this.qty || 1) + 1;
14236      },
14237      dec() {
14238        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14239      },
14240    }"
14241    class="flex items-stretch gap-3"
14242  >
14243    <!-- Stepper -->
14244    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14245    <!-- Add to cart -->
14246    <button
14247      type="button"
14248      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14249      @click="
14250                jitsuEvent('addToBasket', {
14251                    products: [
14252                        {
14253                            product_sku: 'LUB32',
14254                            product_brand_code: 'SCU',
14255                            product_quantity: Number(qty)
14256                        }
14257                    ],
14258                    brands: ['SCU']
14259                })
14260
14261                $wire.addToCart('DYiaUegX', Number(qty), window.location.pathname + window.location.search)
14262                    .then(result => {
14263                        if (result.tracking && typeof track === 'function') {
14264                            track(result.tracking);
14265                        }
14266                    });
14267
14268                    cartOpen = true;
14269                    qty = 1;
14270            "
14271    >
14272      <span class="hidden sm:inline"> Add to cart </span>
14273      <span class="sm:hidden">
14274        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14275          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14276        </svg>
14277      </span>
14278    </button>
14279  </div>
14280<!--[if ENDBLOCK]><![endif]-->          </div>
14281        <!--[if ENDBLOCK]><![endif]-->      </div>
14282    </div>
14283  </div>
14284</div>
14285                          
14286              <div
14287  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14288>
14289  <div class="flex grow flex-col">
14290    <a href="https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc" class="bg-white p-2">
14291      <!-- Product image -->
14292      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14293        <div x-show="!loaded" class="shimmer-block"></div>
14294        <img
14295          loading="lazy"
14296                    width="400"
14297          height="300"
14298          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lu2b12bl_image-01-p_file_type-rendition_1500_jpg.png?width=400"
14299          alt="Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC"
14300          class="max-w-full object-contain"
14301          :class="{ 'opacity-0': !loaded }"
14302          style="object-position: "
14303          x-init="loaded = $el.complete"
14304          x-on:load="loaded = true"
14305          x-on:error="loaded = true"
14306        />
14307      </figure>
14308    </a>
14309
14310    <div class="flex grow flex-col border-t border-mercury p-3">
14311      <!-- ***** Picture, Name and Description ***** -->
14312      <div class="grow">
14313        <!-- Partner logo -->
14314        <figure class="mb-2">
14315          <!--[if BLOCK]><![endif]-->            <img
14316              loading="lazy"
14317              width="96"
14318              height="32"
14319              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14320              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14321              alt="Schneider Electric"
14322            />
14323          <!--[if ENDBLOCK]><![endif]-->        </figure>
14324
14325        <!-- SKU -->
14326        <p class="mb-2 text-sm font-light text-gray-900">LU2B12BL</p>
14327
14328        <!-- Product name -->
14329        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14330          <a href="https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc" class="hover:text-pilot-blue hover:underline" title="Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC">
14331            Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC
14332          </a>
14333        </h3>
14334
14335        <!-- Product description -->
14336        <p class="mb-2 text-sm font-light text-gray-900">
14337          TeSys U standard reversing power base, 3 poles (3NO), rated 12A/690V, to be completed with a control unit LUC to form...
14338        </p>
14339      </div>
14340
14341      <!-- ***** Feature section ***** -->
14342      <div class="mt-auto">
14343        <!-- Availability info -->
14344        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14345            <div>
14346  <!--[if BLOCK]><![endif]-->    <button
14347      type="button"
14348      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14349              wire:click.prevent="openProductDistributorsModal('MNzdRtHW')"
14350        @click="
14351            jitsuEvent('viewDistributorsModal', {
14352                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14353            toggleProductDistributorsModal()
14354        "
14355          >
14356      Available: 7 distributors
14357    </button>
14358  <!--[if ENDBLOCK]><![endif]--></div>
14359          </div>
14360        <!--[if ENDBLOCK]><![endif]-->
14361        <!-- Price info -->
14362        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14363            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14364  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14365    £
14366    <span class="font-bold"> 106.99 </span>
14367    - £
14368    <span class="font-bold"> 213.21 </span>
14369    Excl. VAT
14370  </strong>
14371<!--[if ENDBLOCK]><![endif]-->          </p>
14372        <!--[if ENDBLOCK]><![endif]-->
14373        <!-- Vplus points -->
14374        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14375    <img
14376      loading="lazy"
14377      class="size-[24px]"
14378      width="24"
14379      height="24"
14380      src="https://www.voltimum.co.uk/img/v-plus.svg"
14381      alt="Voltimum+ Loyalty Programme"
14382    />
14383    Loyalty points:
14384    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        25
14385      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14386<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14387        <!-- Add to cart button -->
14388        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14389            <!--[if BLOCK]><![endif]-->  <div
14390    x-data="{
14391      qty: 1,
14392      inc() {
14393        this.qty = Number(this.qty || 1) + 1;
14394      },
14395      dec() {
14396        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14397      },
14398    }"
14399    class="flex items-stretch gap-3"
14400  >
14401    <!-- Stepper -->
14402    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14403    <!-- Add to cart -->
14404    <button
14405      type="button"
14406      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14407      @click="
14408                jitsuEvent('addToBasket', {
14409                    products: [
14410                        {
14411                            product_sku: 'LU2B12BL',
14412                            product_brand_code: 'SCU',
14413                            product_quantity: Number(qty)
14414                        }
14415                    ],
14416                    brands: ['SCU']
14417                })
14418
14419                $wire.addToCart('MNzdRtHW', Number(qty), window.location.pathname + window.location.search)
14420                    .then(result => {
14421                        if (result.tracking && typeof track === 'function') {
14422                            track(result.tracking);
14423                        }
14424                    });
14425
14426                    cartOpen = true;
14427                    qty = 1;
14428            "
14429    >
14430      <span class="hidden sm:inline"> Add to cart </span>
14431      <span class="sm:hidden">
14432        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14433          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14434        </svg>
14435      </span>
14436    </button>
14437  </div>
14438<!--[if ENDBLOCK]><![endif]-->          </div>
14439        <!--[if ENDBLOCK]><![endif]-->      </div>
14440    </div>
14441  </div>
14442</div>
14443                          
14444              <div
14445  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14446>
14447  <div class="flex grow flex-col">
14448    <a href="https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting" class="bg-white p-2">
14449      <!-- Product image -->
14450      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14451        <div x-show="!loaded" class="shimmer-block"></div>
14452        <img
14453          loading="lazy"
14454                    width="400"
14455          height="300"
14456          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-gv1l3_image-p_file_type-rendition_1500_jpg.png?width=400"
14457          alt="Current limiter module, TeSys GV2, on device mounting"
14458          class="max-w-full object-contain"
14459          :class="{ 'opacity-0': !loaded }"
14460          style="object-position: "
14461          x-init="loaded = $el.complete"
14462          x-on:load="loaded = true"
14463          x-on:error="loaded = true"
14464        />
14465      </figure>
14466    </a>
14467
14468    <div class="flex grow flex-col border-t border-mercury p-3">
14469      <!-- ***** Picture, Name and Description ***** -->
14470      <div class="grow">
14471        <!-- Partner logo -->
14472        <figure class="mb-2">
14473          <!--[if BLOCK]><![endif]-->            <img
14474              loading="lazy"
14475              width="96"
14476              height="32"
14477              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14478              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14479              alt="Schneider Electric"
14480            />
14481          <!--[if ENDBLOCK]><![endif]-->        </figure>
14482
14483        <!-- SKU -->
14484        <p class="mb-2 text-sm font-light text-gray-900">GV1L3</p>
14485
14486        <!-- Product name -->
14487        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14488          <a href="https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting" class="hover:text-pilot-blue hover:underline" title="Current limiter module, TeSys GV2, on device mounting">
14489            Current limiter module, TeSys GV2, on device mounting
14490          </a>
14491        </h3>
14492
14493        <!-- Product description -->
14494        <p class="mb-2 text-sm font-light text-gray-900">
14495          TeSys GV short circuit current limiter block for motor circuit breakers GV2L/LE/P/ME/RT. It increases the ability of the...
14496        </p>
14497      </div>
14498
14499      <!-- ***** Feature section ***** -->
14500      <div class="mt-auto">
14501        <!-- Availability info -->
14502        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14503            <div>
14504  <!--[if BLOCK]><![endif]-->    <button
14505      type="button"
14506      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14507              wire:click.prevent="openProductDistributorsModal('QGp1i9XM')"
14508        @click="
14509            jitsuEvent('viewDistributorsModal', {
14510                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14511            toggleProductDistributorsModal()
14512        "
14513          >
14514      Available: 7 distributors
14515    </button>
14516  <!--[if ENDBLOCK]><![endif]--></div>
14517          </div>
14518        <!--[if ENDBLOCK]><![endif]-->
14519        <!-- Price info -->
14520        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14521            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14522  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14523    £
14524    <span class="font-bold"> 48.23 </span>
14525    - £
14526    <span class="font-bold"> 78.56 </span>
14527    Excl. VAT
14528  </strong>
14529<!--[if ENDBLOCK]><![endif]-->          </p>
14530        <!--[if ENDBLOCK]><![endif]-->
14531        <!-- Vplus points -->
14532        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14533    <img
14534      loading="lazy"
14535      class="size-[24px]"
14536      width="24"
14537      height="24"
14538      src="https://www.voltimum.co.uk/img/v-plus.svg"
14539      alt="Voltimum+ Loyalty Programme"
14540    />
14541    Loyalty points:
14542    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        10
14543      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14544<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14545        <!-- Add to cart button -->
14546        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14547            <!--[if BLOCK]><![endif]-->  <div
14548    x-data="{
14549      qty: 1,
14550      inc() {
14551        this.qty = Number(this.qty || 1) + 1;
14552      },
14553      dec() {
14554        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14555      },
14556    }"
14557    class="flex items-stretch gap-3"
14558  >
14559    <!-- Stepper -->
14560    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14561    <!-- Add to cart -->
14562    <button
14563      type="button"
14564      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14565      @click="
14566                jitsuEvent('addToBasket', {
14567                    products: [
14568                        {
14569                            product_sku: 'GV1L3',
14570                            product_brand_code: 'SCU',
14571                            product_quantity: Number(qty)
14572                        }
14573                    ],
14574                    brands: ['SCU']
14575                })
14576
14577                $wire.addToCart('QGp1i9XM', Number(qty), window.location.pathname + window.location.search)
14578                    .then(result => {
14579                        if (result.tracking && typeof track === 'function') {
14580                            track(result.tracking);
14581                        }
14582                    });
14583
14584                    cartOpen = true;
14585                    qty = 1;
14586            "
14587    >
14588      <span class="hidden sm:inline"> Add to cart </span>
14589      <span class="sm:hidden">
14590        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14591          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14592        </svg>
14593      </span>
14594    </button>
14595  </div>
14596<!--[if ENDBLOCK]><![endif]-->          </div>
14597        <!--[if ENDBLOCK]><![endif]-->      </div>
14598    </div>
14599  </div>
14600</div>
14601                          
14602              <div
14603  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14604>
14605  <div class="flex grow flex-col">
14606    <a href="https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms" class="bg-white p-2">
14607      <!-- Product image -->
14608      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14609        <div x-show="!loaded" class="shimmer-block"></div>
14610        <img
14611          loading="lazy"
14612                    width="400"
14613          height="300"
14614          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5110_iop-def-p_file_type-rendition_1500_jpg.png?width=400"
14615          alt="PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms"
14616          class="max-w-full object-contain"
14617          :class="{ 'opacity-0': !loaded }"
14618          style="object-position: "
14619          x-init="loaded = $el.complete"
14620          x-on:load="loaded = true"
14621          x-on:error="loaded = true"
14622        />
14623      </figure>
14624    </a>
14625
14626    <div class="flex grow flex-col border-t border-mercury p-3">
14627      <!-- ***** Picture, Name and Description ***** -->
14628      <div class="grow">
14629        <!-- Partner logo -->
14630        <figure class="mb-2">
14631          <!--[if BLOCK]><![endif]-->            <img
14632              loading="lazy"
14633              width="96"
14634              height="32"
14635              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14636              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14637              alt="Schneider Electric"
14638            />
14639          <!--[if ENDBLOCK]><![endif]-->        </figure>
14640
14641        <!-- SKU -->
14642        <p class="mb-2 text-sm font-light text-gray-900">METSEPM5110</p>
14643
14644        <!-- Product name -->
14645        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14646          <a href="https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms" class="hover:text-pilot-blue hover:underline" title="PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms">
14647            PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms
14648          </a>
14649        </h3>
14650
14651        <!-- Product description -->
14652        <p class="mb-2 text-sm font-light text-gray-900">
14653          This device is a flush-mount energy meter with a 96mm by 96mm backlit LCD display. The meter provides Class 0.5S...
14654        </p>
14655      </div>
14656
14657      <!-- ***** Feature section ***** -->
14658      <div class="mt-auto">
14659        <!-- Availability info -->
14660        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14661            <div>
14662  <!--[if BLOCK]><![endif]-->    <button
14663      type="button"
14664      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14665              wire:click.prevent="openProductDistributorsModal('34X8bw3g')"
14666        @click="
14667            jitsuEvent('viewDistributorsModal', {
14668                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14669            toggleProductDistributorsModal()
14670        "
14671          >
14672      Available: 7 distributors
14673    </button>
14674  <!--[if ENDBLOCK]><![endif]--></div>
14675          </div>
14676        <!--[if ENDBLOCK]><![endif]-->
14677        <!-- Price info -->
14678        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14679            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14680  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14681    £
14682    <span class="font-bold"> 224.91 </span>
14683    - £
14684    <span class="font-bold"> 357.44 </span>
14685    Excl. VAT
14686  </strong>
14687<!--[if ENDBLOCK]><![endif]-->          </p>
14688        <!--[if ENDBLOCK]><![endif]-->
14689        <!-- Vplus points -->
14690        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14691    <img
14692      loading="lazy"
14693      class="size-[24px]"
14694      width="24"
14695      height="24"
14696      src="https://www.voltimum.co.uk/img/v-plus.svg"
14697      alt="Voltimum+ Loyalty Programme"
14698    />
14699    Loyalty points:
14700    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        42
14701      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14702<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14703        <!-- Add to cart button -->
14704        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14705            <!--[if BLOCK]><![endif]-->  <div
14706    x-data="{
14707      qty: 1,
14708      inc() {
14709        this.qty = Number(this.qty || 1) + 1;
14710      },
14711      dec() {
14712        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14713      },
14714    }"
14715    class="flex items-stretch gap-3"
14716  >
14717    <!-- Stepper -->
14718    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14719    <!-- Add to cart -->
14720    <button
14721      type="button"
14722      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14723      @click="
14724                jitsuEvent('addToBasket', {
14725                    products: [
14726                        {
14727                            product_sku: 'METSEPM5110',
14728                            product_brand_code: 'SCU',
14729                            product_quantity: Number(qty)
14730                        }
14731                    ],
14732                    brands: ['SCU']
14733                })
14734
14735                $wire.addToCart('34X8bw3g', Number(qty), window.location.pathname + window.location.search)
14736                    .then(result => {
14737                        if (result.tracking && typeof track === 'function') {
14738                            track(result.tracking);
14739                        }
14740                    });
14741
14742                    cartOpen = true;
14743                    qty = 1;
14744            "
14745    >
14746      <span class="hidden sm:inline"> Add to cart </span>
14747      <span class="sm:hidden">
14748        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14749          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14750        </svg>
14751      </span>
14752    </button>
14753  </div>
14754<!--[if ENDBLOCK]><![endif]-->          </div>
14755        <!--[if ENDBLOCK]><![endif]-->      </div>
14756    </div>
14757  </div>
14758</div>
14759                          
14760              <div
14761  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14762>
14763  <div class="flex grow flex-col">
14764    <a href="https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms" class="bg-white p-2">
14765      <!-- Product image -->
14766      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14767        <div x-show="!loaded" class="shimmer-block"></div>
14768        <img
14769          loading="lazy"
14770                    width="400"
14771          height="300"
14772          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5100_iop-def-p_file_type-rendition_1500_jpg.png?width=400"
14773          alt="PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms"
14774          class="max-w-full object-contain"
14775          :class="{ 'opacity-0': !loaded }"
14776          style="object-position: "
14777          x-init="loaded = $el.complete"
14778          x-on:load="loaded = true"
14779          x-on:error="loaded = true"
14780        />
14781      </figure>
14782    </a>
14783
14784    <div class="flex grow flex-col border-t border-mercury p-3">
14785      <!-- ***** Picture, Name and Description ***** -->
14786      <div class="grow">
14787        <!-- Partner logo -->
14788        <figure class="mb-2">
14789          <!--[if BLOCK]><![endif]-->            <img
14790              loading="lazy"
14791              width="96"
14792              height="32"
14793              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14794              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14795              alt="Schneider Electric"
14796            />
14797          <!--[if ENDBLOCK]><![endif]-->        </figure>
14798
14799        <!-- SKU -->
14800        <p class="mb-2 text-sm font-light text-gray-900">METSEPM5100</p>
14801
14802        <!-- Product name -->
14803        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14804          <a href="https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms" class="hover:text-pilot-blue hover:underline" title="PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms">
14805            PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms
14806          </a>
14807        </h3>
14808
14809        <!-- Product description -->
14810        <p class="mb-2 text-sm font-light text-gray-900">
14811          This device is a flush-mount energy meter with a 96mm by 96mm backlit LCD display. The meter provides Class 0.5S...
14812        </p>
14813      </div>
14814
14815      <!-- ***** Feature section ***** -->
14816      <div class="mt-auto">
14817        <!-- Availability info -->
14818        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14819            <div>
14820  <!--[if BLOCK]><![endif]-->    <button
14821      type="button"
14822      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14823              wire:click.prevent="openProductDistributorsModal('t7mrqafk')"
14824        @click="
14825            jitsuEvent('viewDistributorsModal', {
14826                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14827            toggleProductDistributorsModal()
14828        "
14829          >
14830      Available: 7 distributors
14831    </button>
14832  <!--[if ENDBLOCK]><![endif]--></div>
14833          </div>
14834        <!--[if ENDBLOCK]><![endif]-->
14835        <!-- Price info -->
14836        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14837            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14838  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14839    £
14840    <span class="font-bold"> 199.18 </span>
14841    - £
14842    <span class="font-bold"> 298.72 </span>
14843    Excl. VAT
14844  </strong>
14845<!--[if ENDBLOCK]><![endif]-->          </p>
14846        <!--[if ENDBLOCK]><![endif]-->
14847        <!-- Vplus points -->
14848        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
14849    <img
14850      loading="lazy"
14851      class="size-[24px]"
14852      width="24"
14853      height="24"
14854      src="https://www.voltimum.co.uk/img/v-plus.svg"
14855      alt="Voltimum+ Loyalty Programme"
14856    />
14857    Loyalty points:
14858    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        35
14859      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
14860<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
14861        <!-- Add to cart button -->
14862        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
14863            <!--[if BLOCK]><![endif]-->  <div
14864    x-data="{
14865      qty: 1,
14866      inc() {
14867        this.qty = Number(this.qty || 1) + 1;
14868      },
14869      dec() {
14870        this.qty = Math.max(1, Number(this.qty || 1) - 1);
14871      },
14872    }"
14873    class="flex items-stretch gap-3"
14874  >
14875    <!-- Stepper -->
14876    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
14877    <!-- Add to cart -->
14878    <button
14879      type="button"
14880      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
14881      @click="
14882                jitsuEvent('addToBasket', {
14883                    products: [
14884                        {
14885                            product_sku: 'METSEPM5100',
14886                            product_brand_code: 'SCU',
14887                            product_quantity: Number(qty)
14888                        }
14889                    ],
14890                    brands: ['SCU']
14891                })
14892
14893                $wire.addToCart('t7mrqafk', Number(qty), window.location.pathname + window.location.search)
14894                    .then(result => {
14895                        if (result.tracking && typeof track === 'function') {
14896                            track(result.tracking);
14897                        }
14898                    });
14899
14900                    cartOpen = true;
14901                    qty = 1;
14902            "
14903    >
14904      <span class="hidden sm:inline"> Add to cart </span>
14905      <span class="sm:hidden">
14906        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
14907          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
14908        </svg>
14909      </span>
14910    </button>
14911  </div>
14912<!--[if ENDBLOCK]><![endif]-->          </div>
14913        <!--[if ENDBLOCK]><![endif]-->      </div>
14914    </div>
14915  </div>
14916</div>
14917                          
14918              <div
14919  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
14920>
14921  <div class="flex grow flex-col">
14922    <a href="https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a" class="bg-white p-2">
14923      <!-- Product image -->
14924      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
14925        <div x-show="!loaded" class="shimmer-block"></div>
14926        <img
14927          loading="lazy"
14928                    width="400"
14929          height="300"
14930          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd14_image-p_file_type-rendition_1500_jpg.png?width=400"
14931          alt="TeSys LRD thermal overload relays - 7...10 A - class 10A"
14932          class="max-w-full object-contain"
14933          :class="{ 'opacity-0': !loaded }"
14934          style="object-position: "
14935          x-init="loaded = $el.complete"
14936          x-on:load="loaded = true"
14937          x-on:error="loaded = true"
14938        />
14939      </figure>
14940    </a>
14941
14942    <div class="flex grow flex-col border-t border-mercury p-3">
14943      <!-- ***** Picture, Name and Description ***** -->
14944      <div class="grow">
14945        <!-- Partner logo -->
14946        <figure class="mb-2">
14947          <!--[if BLOCK]><![endif]-->            <img
14948              loading="lazy"
14949              width="96"
14950              height="32"
14951              class="square h-8 max-w-24 object-contain mix-blend-multiply"
14952              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
14953              alt="Schneider Electric"
14954            />
14955          <!--[if ENDBLOCK]><![endif]-->        </figure>
14956
14957        <!-- SKU -->
14958        <p class="mb-2 text-sm font-light text-gray-900">LRD14</p>
14959
14960        <!-- Product name -->
14961        <h3 class="mb-2 leading-120 font-medium text-gray-900">
14962          <a href="https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 7...10 A - class 10A">
14963            TeSys LRD thermal overload relays - 7...10 A - class 10A
14964          </a>
14965        </h3>
14966
14967        <!-- Product description -->
14968        <p class="mb-2 text-sm font-light text-gray-900">
14969          TeSys LRD thermal overload relay, 10A/690V, thermal setting range 7-10A, tripping class 10A, for protection of 3-phase...
14970        </p>
14971      </div>
14972
14973      <!-- ***** Feature section ***** -->
14974      <div class="mt-auto">
14975        <!-- Availability info -->
14976        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
14977            <div>
14978  <!--[if BLOCK]><![endif]-->    <button
14979      type="button"
14980      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
14981              wire:click.prevent="openProductDistributorsModal('5BraLXuu')"
14982        @click="
14983            jitsuEvent('viewDistributorsModal', {
14984                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
14985            toggleProductDistributorsModal()
14986        "
14987          >
14988      Available: 7 distributors
14989    </button>
14990  <!--[if ENDBLOCK]><![endif]--></div>
14991          </div>
14992        <!--[if ENDBLOCK]><![endif]-->
14993        <!-- Price info -->
14994        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
14995            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
14996  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
14997    £
14998    <span class="font-bold"> 32.06 </span>
14999    - £
15000    <span class="font-bold"> 52.23 </span>
15001    Excl. VAT
15002  </strong>
15003<!--[if ENDBLOCK]><![endif]-->          </p>
15004        <!--[if ENDBLOCK]><![endif]-->
15005        <!-- Vplus points -->
15006        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15007    <img
15008      loading="lazy"
15009      class="size-[24px]"
15010      width="24"
15011      height="24"
15012      src="https://www.voltimum.co.uk/img/v-plus.svg"
15013      alt="Voltimum+ Loyalty Programme"
15014    />
15015    Loyalty points:
15016    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15017      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15018<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15019        <!-- Add to cart button -->
15020        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15021            <!--[if BLOCK]><![endif]-->  <div
15022    x-data="{
15023      qty: 1,
15024      inc() {
15025        this.qty = Number(this.qty || 1) + 1;
15026      },
15027      dec() {
15028        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15029      },
15030    }"
15031    class="flex items-stretch gap-3"
15032  >
15033    <!-- Stepper -->
15034    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15035    <!-- Add to cart -->
15036    <button
15037      type="button"
15038      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15039      @click="
15040                jitsuEvent('addToBasket', {
15041                    products: [
15042                        {
15043                            product_sku: 'LRD14',
15044                            product_brand_code: 'SCU',
15045                            product_quantity: Number(qty)
15046                        }
15047                    ],
15048                    brands: ['SCU']
15049                })
15050
15051                $wire.addToCart('5BraLXuu', Number(qty), window.location.pathname + window.location.search)
15052                    .then(result => {
15053                        if (result.tracking && typeof track === 'function') {
15054                            track(result.tracking);
15055                        }
15056                    });
15057
15058                    cartOpen = true;
15059                    qty = 1;
15060            "
15061    >
15062      <span class="hidden sm:inline"> Add to cart </span>
15063      <span class="sm:hidden">
15064        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15065          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15066        </svg>
15067      </span>
15068    </button>
15069  </div>
15070<!--[if ENDBLOCK]><![endif]-->          </div>
15071        <!--[if ENDBLOCK]><![endif]-->      </div>
15072    </div>
15073  </div>
15074</div>
15075                          
15076              <div
15077  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15078>
15079  <div class="flex grow flex-col">
15080    <a href="https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a" class="bg-white p-2">
15081      <!-- Product image -->
15082      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15083        <div x-show="!loaded" class="shimmer-block"></div>
15084        <img
15085          loading="lazy"
15086                    width="400"
15087          height="300"
15088          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd16_image-p_file_type-rendition_1500_jpg.png?width=400"
15089          alt="Thermal overload relay, TeSys LRD, 9...13 A, class 10A"
15090          class="max-w-full object-contain"
15091          :class="{ 'opacity-0': !loaded }"
15092          style="object-position: "
15093          x-init="loaded = $el.complete"
15094          x-on:load="loaded = true"
15095          x-on:error="loaded = true"
15096        />
15097      </figure>
15098    </a>
15099
15100    <div class="flex grow flex-col border-t border-mercury p-3">
15101      <!-- ***** Picture, Name and Description ***** -->
15102      <div class="grow">
15103        <!-- Partner logo -->
15104        <figure class="mb-2">
15105          <!--[if BLOCK]><![endif]-->            <img
15106              loading="lazy"
15107              width="96"
15108              height="32"
15109              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15110              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15111              alt="Schneider Electric"
15112            />
15113          <!--[if ENDBLOCK]><![endif]-->        </figure>
15114
15115        <!-- SKU -->
15116        <p class="mb-2 text-sm font-light text-gray-900">LRD16</p>
15117
15118        <!-- Product name -->
15119        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15120          <a href="https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a" class="hover:text-pilot-blue hover:underline" title="Thermal overload relay, TeSys LRD, 9...13 A, class 10A">
15121            Thermal overload relay, TeSys LRD, 9...13 A, class 10A
15122          </a>
15123        </h3>
15124
15125        <!-- Product description -->
15126        <p class="mb-2 text-sm font-light text-gray-900">
15127          TeSys LRD thermal overload relay, 13A/690V, thermal setting range 9-13A, tripping class 10A, for protection of 3-phase...
15128        </p>
15129      </div>
15130
15131      <!-- ***** Feature section ***** -->
15132      <div class="mt-auto">
15133        <!-- Availability info -->
15134        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15135            <div>
15136  <!--[if BLOCK]><![endif]-->    <button
15137      type="button"
15138      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15139              wire:click.prevent="openProductDistributorsModal('PiAqKod9')"
15140        @click="
15141            jitsuEvent('viewDistributorsModal', {
15142                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15143            toggleProductDistributorsModal()
15144        "
15145          >
15146      Available: 7 distributors
15147    </button>
15148  <!--[if ENDBLOCK]><![endif]--></div>
15149          </div>
15150        <!--[if ENDBLOCK]><![endif]-->
15151        <!-- Price info -->
15152        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15153            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15154  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15155    £
15156    <span class="font-bold"> 34.35 </span>
15157    - £
15158    <span class="font-bold"> 55.93 </span>
15159    Excl. VAT
15160  </strong>
15161<!--[if ENDBLOCK]><![endif]-->          </p>
15162        <!--[if ENDBLOCK]><![endif]-->
15163        <!-- Vplus points -->
15164        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15165    <img
15166      loading="lazy"
15167      class="size-[24px]"
15168      width="24"
15169      height="24"
15170      src="https://www.voltimum.co.uk/img/v-plus.svg"
15171      alt="Voltimum+ Loyalty Programme"
15172    />
15173    Loyalty points:
15174    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15175      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15176<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15177        <!-- Add to cart button -->
15178        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15179            <!--[if BLOCK]><![endif]-->  <div
15180    x-data="{
15181      qty: 1,
15182      inc() {
15183        this.qty = Number(this.qty || 1) + 1;
15184      },
15185      dec() {
15186        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15187      },
15188    }"
15189    class="flex items-stretch gap-3"
15190  >
15191    <!-- Stepper -->
15192    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15193    <!-- Add to cart -->
15194    <button
15195      type="button"
15196      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15197      @click="
15198                jitsuEvent('addToBasket', {
15199                    products: [
15200                        {
15201                            product_sku: 'LRD16',
15202                            product_brand_code: 'SCU',
15203                            product_quantity: Number(qty)
15204                        }
15205                    ],
15206                    brands: ['SCU']
15207                })
15208
15209                $wire.addToCart('PiAqKod9', Number(qty), window.location.pathname + window.location.search)
15210                    .then(result => {
15211                        if (result.tracking && typeof track === 'function') {
15212                            track(result.tracking);
15213                        }
15214                    });
15215
15216                    cartOpen = true;
15217                    qty = 1;
15218            "
15219    >
15220      <span class="hidden sm:inline"> Add to cart </span>
15221      <span class="sm:hidden">
15222        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15223          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15224        </svg>
15225      </span>
15226    </button>
15227  </div>
15228<!--[if ENDBLOCK]><![endif]-->          </div>
15229        <!--[if ENDBLOCK]><![endif]-->      </div>
15230    </div>
15231  </div>
15232</div>
15233                          
15234              <div
15235  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15236>
15237  <div class="flex grow flex-col">
15238    <a href="https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a" class="bg-white p-2">
15239      <!-- Product image -->
15240      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15241        <div x-show="!loaded" class="shimmer-block"></div>
15242        <img
15243          loading="lazy"
15244                    width="400"
15245          height="300"
15246          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd12_image-p_file_type-rendition_1500_jpg.png?width=400"
15247          alt="Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A"
15248          class="max-w-full object-contain"
15249          :class="{ 'opacity-0': !loaded }"
15250          style="object-position: "
15251          x-init="loaded = $el.complete"
15252          x-on:load="loaded = true"
15253          x-on:error="loaded = true"
15254        />
15255      </figure>
15256    </a>
15257
15258    <div class="flex grow flex-col border-t border-mercury p-3">
15259      <!-- ***** Picture, Name and Description ***** -->
15260      <div class="grow">
15261        <!-- Partner logo -->
15262        <figure class="mb-2">
15263          <!--[if BLOCK]><![endif]-->            <img
15264              loading="lazy"
15265              width="96"
15266              height="32"
15267              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15268              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15269              alt="Schneider Electric"
15270            />
15271          <!--[if ENDBLOCK]><![endif]-->        </figure>
15272
15273        <!-- SKU -->
15274        <p class="mb-2 text-sm font-light text-gray-900">LRD12</p>
15275
15276        <!-- Product name -->
15277        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15278          <a href="https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a" class="hover:text-pilot-blue hover:underline" title="Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A">
15279            Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A
15280          </a>
15281        </h3>
15282
15283        <!-- Product description -->
15284        <p class="mb-2 text-sm font-light text-gray-900">
15285          TeSys LRD thermal overload relay, 8A/690V, thermal setting range 5.5-8A, tripping class 10A, for protection of 3-phase...
15286        </p>
15287      </div>
15288
15289      <!-- ***** Feature section ***** -->
15290      <div class="mt-auto">
15291        <!-- Availability info -->
15292        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15293            <div>
15294  <!--[if BLOCK]><![endif]-->    <button
15295      type="button"
15296      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15297              wire:click.prevent="openProductDistributorsModal('gYBWyat9')"
15298        @click="
15299            jitsuEvent('viewDistributorsModal', {
15300                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15301            toggleProductDistributorsModal()
15302        "
15303          >
15304      Available: 7 distributors
15305    </button>
15306  <!--[if ENDBLOCK]><![endif]--></div>
15307          </div>
15308        <!--[if ENDBLOCK]><![endif]-->
15309        <!-- Price info -->
15310        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15311            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15312  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15313    £
15314    <span class="font-bold"> 32.06 </span>
15315    - £
15316    <span class="font-bold"> 52.23 </span>
15317    Excl. VAT
15318  </strong>
15319<!--[if ENDBLOCK]><![endif]-->          </p>
15320        <!--[if ENDBLOCK]><![endif]-->
15321        <!-- Vplus points -->
15322        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15323    <img
15324      loading="lazy"
15325      class="size-[24px]"
15326      width="24"
15327      height="24"
15328      src="https://www.voltimum.co.uk/img/v-plus.svg"
15329      alt="Voltimum+ Loyalty Programme"
15330    />
15331    Loyalty points:
15332    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15333      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15334<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15335        <!-- Add to cart button -->
15336        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15337            <!--[if BLOCK]><![endif]-->  <div
15338    x-data="{
15339      qty: 1,
15340      inc() {
15341        this.qty = Number(this.qty || 1) + 1;
15342      },
15343      dec() {
15344        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15345      },
15346    }"
15347    class="flex items-stretch gap-3"
15348  >
15349    <!-- Stepper -->
15350    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15351    <!-- Add to cart -->
15352    <button
15353      type="button"
15354      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15355      @click="
15356                jitsuEvent('addToBasket', {
15357                    products: [
15358                        {
15359                            product_sku: 'LRD12',
15360                            product_brand_code: 'SCU',
15361                            product_quantity: Number(qty)
15362                        }
15363                    ],
15364                    brands: ['SCU']
15365                })
15366
15367                $wire.addToCart('gYBWyat9', Number(qty), window.location.pathname + window.location.search)
15368                    .then(result => {
15369                        if (result.tracking && typeof track === 'function') {
15370                            track(result.tracking);
15371                        }
15372                    });
15373
15374                    cartOpen = true;
15375                    qty = 1;
15376            "
15377    >
15378      <span class="hidden sm:inline"> Add to cart </span>
15379      <span class="sm:hidden">
15380        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15381          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15382        </svg>
15383      </span>
15384    </button>
15385  </div>
15386<!--[if ENDBLOCK]><![endif]-->          </div>
15387        <!--[if ENDBLOCK]><![endif]-->      </div>
15388    </div>
15389  </div>
15390</div>
15391                          
15392              <div
15393  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15394>
15395  <div class="flex grow flex-col">
15396    <a href="https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a" class="bg-white p-2">
15397      <!-- Product image -->
15398      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15399        <div x-show="!loaded" class="shimmer-block"></div>
15400        <img
15401          loading="lazy"
15402                    width="400"
15403          height="300"
15404          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd07_image-p_file_type-rendition_1500_jpg.png?width=400"
15405          alt="TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A"
15406          class="max-w-full object-contain"
15407          :class="{ 'opacity-0': !loaded }"
15408          style="object-position: "
15409          x-init="loaded = $el.complete"
15410          x-on:load="loaded = true"
15411          x-on:error="loaded = true"
15412        />
15413      </figure>
15414    </a>
15415
15416    <div class="flex grow flex-col border-t border-mercury p-3">
15417      <!-- ***** Picture, Name and Description ***** -->
15418      <div class="grow">
15419        <!-- Partner logo -->
15420        <figure class="mb-2">
15421          <!--[if BLOCK]><![endif]-->            <img
15422              loading="lazy"
15423              width="96"
15424              height="32"
15425              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15426              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15427              alt="Schneider Electric"
15428            />
15429          <!--[if ENDBLOCK]><![endif]-->        </figure>
15430
15431        <!-- SKU -->
15432        <p class="mb-2 text-sm font-light text-gray-900">LRD07</p>
15433
15434        <!-- Product name -->
15435        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15436          <a href="https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A">
15437            TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A
15438          </a>
15439        </h3>
15440
15441        <!-- Product description -->
15442        <p class="mb-2 text-sm font-light text-gray-900">
15443          TeSys LRD thermal overload relay, 2.5A/690V, thermal setting range 1.6-2.5A, tripping class 10A, for protection of...
15444        </p>
15445      </div>
15446
15447      <!-- ***** Feature section ***** -->
15448      <div class="mt-auto">
15449        <!-- Availability info -->
15450        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15451            <div>
15452  <!--[if BLOCK]><![endif]-->    <button
15453      type="button"
15454      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15455              wire:click.prevent="openProductDistributorsModal('c3YqTsff')"
15456        @click="
15457            jitsuEvent('viewDistributorsModal', {
15458                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15459            toggleProductDistributorsModal()
15460        "
15461          >
15462      Available: 7 distributors
15463    </button>
15464  <!--[if ENDBLOCK]><![endif]--></div>
15465          </div>
15466        <!--[if ENDBLOCK]><![endif]-->
15467        <!-- Price info -->
15468        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15469            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15470  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15471    £
15472    <span class="font-bold"> 32.06 </span>
15473    - £
15474    <span class="font-bold"> 52.23 </span>
15475    Excl. VAT
15476  </strong>
15477<!--[if ENDBLOCK]><![endif]-->          </p>
15478        <!--[if ENDBLOCK]><![endif]-->
15479        <!-- Vplus points -->
15480        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15481    <img
15482      loading="lazy"
15483      class="size-[24px]"
15484      width="24"
15485      height="24"
15486      src="https://www.voltimum.co.uk/img/v-plus.svg"
15487      alt="Voltimum+ Loyalty Programme"
15488    />
15489    Loyalty points:
15490    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15491      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15492<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15493        <!-- Add to cart button -->
15494        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15495            <!--[if BLOCK]><![endif]-->  <div
15496    x-data="{
15497      qty: 1,
15498      inc() {
15499        this.qty = Number(this.qty || 1) + 1;
15500      },
15501      dec() {
15502        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15503      },
15504    }"
15505    class="flex items-stretch gap-3"
15506  >
15507    <!-- Stepper -->
15508    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15509    <!-- Add to cart -->
15510    <button
15511      type="button"
15512      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15513      @click="
15514                jitsuEvent('addToBasket', {
15515                    products: [
15516                        {
15517                            product_sku: 'LRD07',
15518                            product_brand_code: 'SCU',
15519                            product_quantity: Number(qty)
15520                        }
15521                    ],
15522                    brands: ['SCU']
15523                })
15524
15525                $wire.addToCart('c3YqTsff', Number(qty), window.location.pathname + window.location.search)
15526                    .then(result => {
15527                        if (result.tracking && typeof track === 'function') {
15528                            track(result.tracking);
15529                        }
15530                    });
15531
15532                    cartOpen = true;
15533                    qty = 1;
15534            "
15535    >
15536      <span class="hidden sm:inline"> Add to cart </span>
15537      <span class="sm:hidden">
15538        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15539          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15540        </svg>
15541      </span>
15542    </button>
15543  </div>
15544<!--[if ENDBLOCK]><![endif]-->          </div>
15545        <!--[if ENDBLOCK]><![endif]-->      </div>
15546    </div>
15547  </div>
15548</div>
15549                          
15550              <div
15551  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15552>
15553  <div class="flex grow flex-col">
15554    <a href="https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a" class="bg-white p-2">
15555      <!-- Product image -->
15556      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15557        <div x-show="!loaded" class="shimmer-block"></div>
15558        <img
15559          loading="lazy"
15560                    width="400"
15561          height="300"
15562          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd10_image-p_file_type-rendition_1500_jpg.png?width=400"
15563          alt="TeSys LRD thermal overload relays - 4...6 A - class 10A"
15564          class="max-w-full object-contain"
15565          :class="{ 'opacity-0': !loaded }"
15566          style="object-position: "
15567          x-init="loaded = $el.complete"
15568          x-on:load="loaded = true"
15569          x-on:error="loaded = true"
15570        />
15571      </figure>
15572    </a>
15573
15574    <div class="flex grow flex-col border-t border-mercury p-3">
15575      <!-- ***** Picture, Name and Description ***** -->
15576      <div class="grow">
15577        <!-- Partner logo -->
15578        <figure class="mb-2">
15579          <!--[if BLOCK]><![endif]-->            <img
15580              loading="lazy"
15581              width="96"
15582              height="32"
15583              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15584              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15585              alt="Schneider Electric"
15586            />
15587          <!--[if ENDBLOCK]><![endif]-->        </figure>
15588
15589        <!-- SKU -->
15590        <p class="mb-2 text-sm font-light text-gray-900">LRD10</p>
15591
15592        <!-- Product name -->
15593        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15594          <a href="https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 4...6 A - class 10A">
15595            TeSys LRD thermal overload relays - 4...6 A - class 10A
15596          </a>
15597        </h3>
15598
15599        <!-- Product description -->
15600        <p class="mb-2 text-sm font-light text-gray-900">
15601          TeSys LRD thermal overload relay, 6A/690V, thermal setting range 4-6A, tripping class 10A, for protection of 3-phase...
15602        </p>
15603      </div>
15604
15605      <!-- ***** Feature section ***** -->
15606      <div class="mt-auto">
15607        <!-- Availability info -->
15608        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15609            <div>
15610  <!--[if BLOCK]><![endif]-->    <button
15611      type="button"
15612      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15613              wire:click.prevent="openProductDistributorsModal('P60LinLo')"
15614        @click="
15615            jitsuEvent('viewDistributorsModal', {
15616                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15617            toggleProductDistributorsModal()
15618        "
15619          >
15620      Available: 7 distributors
15621    </button>
15622  <!--[if ENDBLOCK]><![endif]--></div>
15623          </div>
15624        <!--[if ENDBLOCK]><![endif]-->
15625        <!-- Price info -->
15626        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15627            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15628  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15629    £
15630    <span class="font-bold"> 32.06 </span>
15631    - £
15632    <span class="font-bold"> 52.23 </span>
15633    Excl. VAT
15634  </strong>
15635<!--[if ENDBLOCK]><![endif]-->          </p>
15636        <!--[if ENDBLOCK]><![endif]-->
15637        <!-- Vplus points -->
15638        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15639    <img
15640      loading="lazy"
15641      class="size-[24px]"
15642      width="24"
15643      height="24"
15644      src="https://www.voltimum.co.uk/img/v-plus.svg"
15645      alt="Voltimum+ Loyalty Programme"
15646    />
15647    Loyalty points:
15648    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15649      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15650<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15651        <!-- Add to cart button -->
15652        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15653            <!--[if BLOCK]><![endif]-->  <div
15654    x-data="{
15655      qty: 1,
15656      inc() {
15657        this.qty = Number(this.qty || 1) + 1;
15658      },
15659      dec() {
15660        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15661      },
15662    }"
15663    class="flex items-stretch gap-3"
15664  >
15665    <!-- Stepper -->
15666    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15667    <!-- Add to cart -->
15668    <button
15669      type="button"
15670      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15671      @click="
15672                jitsuEvent('addToBasket', {
15673                    products: [
15674                        {
15675                            product_sku: 'LRD10',
15676                            product_brand_code: 'SCU',
15677                            product_quantity: Number(qty)
15678                        }
15679                    ],
15680                    brands: ['SCU']
15681                })
15682
15683                $wire.addToCart('P60LinLo', Number(qty), window.location.pathname + window.location.search)
15684                    .then(result => {
15685                        if (result.tracking && typeof track === 'function') {
15686                            track(result.tracking);
15687                        }
15688                    });
15689
15690                    cartOpen = true;
15691                    qty = 1;
15692            "
15693    >
15694      <span class="hidden sm:inline"> Add to cart </span>
15695      <span class="sm:hidden">
15696        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15697          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15698        </svg>
15699      </span>
15700    </button>
15701  </div>
15702<!--[if ENDBLOCK]><![endif]-->          </div>
15703        <!--[if ENDBLOCK]><![endif]-->      </div>
15704    </div>
15705  </div>
15706</div>
15707                          
15708              <div
15709  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15710>
15711  <div class="flex grow flex-col">
15712    <a href="https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a" class="bg-white p-2">
15713      <!-- Product image -->
15714      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15715        <div x-show="!loaded" class="shimmer-block"></div>
15716        <img
15717          loading="lazy"
15718                    width="400"
15719          height="300"
15720          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd08_image-p_file_type-rendition_1500_jpg.png?width=400"
15721          alt="TeSys LRD thermal overload relays - 2.5...4 A - class 10A"
15722          class="max-w-full object-contain"
15723          :class="{ 'opacity-0': !loaded }"
15724          style="object-position: "
15725          x-init="loaded = $el.complete"
15726          x-on:load="loaded = true"
15727          x-on:error="loaded = true"
15728        />
15729      </figure>
15730    </a>
15731
15732    <div class="flex grow flex-col border-t border-mercury p-3">
15733      <!-- ***** Picture, Name and Description ***** -->
15734      <div class="grow">
15735        <!-- Partner logo -->
15736        <figure class="mb-2">
15737          <!--[if BLOCK]><![endif]-->            <img
15738              loading="lazy"
15739              width="96"
15740              height="32"
15741              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15742              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15743              alt="Schneider Electric"
15744            />
15745          <!--[if ENDBLOCK]><![endif]-->        </figure>
15746
15747        <!-- SKU -->
15748        <p class="mb-2 text-sm font-light text-gray-900">LRD08</p>
15749
15750        <!-- Product name -->
15751        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15752          <a href="https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 2.5...4 A - class 10A">
15753            TeSys LRD thermal overload relays - 2.5...4 A - class 10A
15754          </a>
15755        </h3>
15756
15757        <!-- Product description -->
15758        <p class="mb-2 text-sm font-light text-gray-900">
15759          TeSys LRD thermal overload relay, 4A/690V, thermal setting range 2.5-4A, tripping class 10A, for protection of 3-phase...
15760        </p>
15761      </div>
15762
15763      <!-- ***** Feature section ***** -->
15764      <div class="mt-auto">
15765        <!-- Availability info -->
15766        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15767            <div>
15768  <!--[if BLOCK]><![endif]-->    <button
15769      type="button"
15770      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15771              wire:click.prevent="openProductDistributorsModal('CqhRVvqi')"
15772        @click="
15773            jitsuEvent('viewDistributorsModal', {
15774                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15775            toggleProductDistributorsModal()
15776        "
15777          >
15778      Available: 7 distributors
15779    </button>
15780  <!--[if ENDBLOCK]><![endif]--></div>
15781          </div>
15782        <!--[if ENDBLOCK]><![endif]-->
15783        <!-- Price info -->
15784        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15785            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15786  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15787    £
15788    <span class="font-bold"> 32.06 </span>
15789    - £
15790    <span class="font-bold"> 52.23 </span>
15791    Excl. VAT
15792  </strong>
15793<!--[if ENDBLOCK]><![endif]-->          </p>
15794        <!--[if ENDBLOCK]><![endif]-->
15795        <!-- Vplus points -->
15796        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15797    <img
15798      loading="lazy"
15799      class="size-[24px]"
15800      width="24"
15801      height="24"
15802      src="https://www.voltimum.co.uk/img/v-plus.svg"
15803      alt="Voltimum+ Loyalty Programme"
15804    />
15805    Loyalty points:
15806    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15807      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15808<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15809        <!-- Add to cart button -->
15810        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15811            <!--[if BLOCK]><![endif]-->  <div
15812    x-data="{
15813      qty: 1,
15814      inc() {
15815        this.qty = Number(this.qty || 1) + 1;
15816      },
15817      dec() {
15818        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15819      },
15820    }"
15821    class="flex items-stretch gap-3"
15822  >
15823    <!-- Stepper -->
15824    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15825    <!-- Add to cart -->
15826    <button
15827      type="button"
15828      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15829      @click="
15830                jitsuEvent('addToBasket', {
15831                    products: [
15832                        {
15833                            product_sku: 'LRD08',
15834                            product_brand_code: 'SCU',
15835                            product_quantity: Number(qty)
15836                        }
15837                    ],
15838                    brands: ['SCU']
15839                })
15840
15841                $wire.addToCart('CqhRVvqi', Number(qty), window.location.pathname + window.location.search)
15842                    .then(result => {
15843                        if (result.tracking && typeof track === 'function') {
15844                            track(result.tracking);
15845                        }
15846                    });
15847
15848                    cartOpen = true;
15849                    qty = 1;
15850            "
15851    >
15852      <span class="hidden sm:inline"> Add to cart </span>
15853      <span class="sm:hidden">
15854        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
15855          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
15856        </svg>
15857      </span>
15858    </button>
15859  </div>
15860<!--[if ENDBLOCK]><![endif]-->          </div>
15861        <!--[if ENDBLOCK]><![endif]-->      </div>
15862    </div>
15863  </div>
15864</div>
15865                          
15866              <div
15867  class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow"
15868>
15869  <div class="flex grow flex-col">
15870    <a href="https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a" class="bg-white p-2">
15871      <!-- Product image -->
15872      <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3">
15873        <div x-show="!loaded" class="shimmer-block"></div>
15874        <img
15875          loading="lazy"
15876                    width="400"
15877          height="300"
15878          src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd04_image-p_file_type-rendition_1500_jpg.png?width=400"
15879          alt="TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A"
15880          class="max-w-full object-contain"
15881          :class="{ 'opacity-0': !loaded }"
15882          style="object-position: "
15883          x-init="loaded = $el.complete"
15884          x-on:load="loaded = true"
15885          x-on:error="loaded = true"
15886        />
15887      </figure>
15888    </a>
15889
15890    <div class="flex grow flex-col border-t border-mercury p-3">
15891      <!-- ***** Picture, Name and Description ***** -->
15892      <div class="grow">
15893        <!-- Partner logo -->
15894        <figure class="mb-2">
15895          <!--[if BLOCK]><![endif]-->            <img
15896              loading="lazy"
15897              width="96"
15898              height="32"
15899              class="square h-8 max-w-24 object-contain mix-blend-multiply"
15900              src="https://content.voltimum.com/uk/145826/schneider-electric.svg"
15901              alt="Schneider Electric"
15902            />
15903          <!--[if ENDBLOCK]><![endif]-->        </figure>
15904
15905        <!-- SKU -->
15906        <p class="mb-2 text-sm font-light text-gray-900">LRD04</p>
15907
15908        <!-- Product name -->
15909        <h3 class="mb-2 leading-120 font-medium text-gray-900">
15910          <a href="https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A">
15911            TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A
15912          </a>
15913        </h3>
15914
15915        <!-- Product description -->
15916        <p class="mb-2 text-sm font-light text-gray-900">
15917          TeSys LRD thermal overload relay, 0.63A/690V, thermal setting range 0.4-0.63A, tripping class 10A, for protection of...
15918        </p>
15919      </div>
15920
15921      <!-- ***** Feature section ***** -->
15922      <div class="mt-auto">
15923        <!-- Availability info -->
15924        <!--[if BLOCK]><![endif]-->          <div class="mb-2">
15925            <div>
15926  <!--[if BLOCK]><![endif]-->    <button
15927      type="button"
15928      class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2"
15929              wire:click.prevent="openProductDistributorsModal('TDCmi1ji')"
15930        @click="
15931            jitsuEvent('viewDistributorsModal', {
15932                brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]')            })
15933            toggleProductDistributorsModal()
15934        "
15935          >
15936      Available: 7 distributors
15937    </button>
15938  <!--[if ENDBLOCK]><![endif]--></div>
15939          </div>
15940        <!--[if ENDBLOCK]><![endif]-->
15941        <!-- Price info -->
15942        <!--[if BLOCK]><![endif]-->          <p class="mb-2 text-sm font-light text-gray-900">
15943            <!--[if BLOCK]><![endif]-->  <!-- Price range -->
15944  <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  <strong>
15945    £
15946    <span class="font-bold"> 32.06 </span>
15947    - £
15948    <span class="font-bold"> 52.23 </span>
15949    Excl. VAT
15950  </strong>
15951<!--[if ENDBLOCK]><![endif]-->          </p>
15952        <!--[if ENDBLOCK]><![endif]-->
15953        <!-- Vplus points -->
15954        <!--[if BLOCK]><![endif]-->          <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->    <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full">
15955    <img
15956      loading="lazy"
15957      class="size-[24px]"
15958      width="24"
15959      height="24"
15960      src="https://www.voltimum.co.uk/img/v-plus.svg"
15961      alt="Voltimum+ Loyalty Programme"
15962    />
15963    Loyalty points:
15964    <!--[if BLOCK]><![endif]-->      <!--[if BLOCK]><![endif]-->        7
15965      <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->  </p>
15966<!--[if ENDBLOCK]><![endif]-->          <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
15967        <!-- Add to cart button -->
15968        <!--[if BLOCK]><![endif]-->          <div class="text-sm">
15969            <!--[if BLOCK]><![endif]-->  <div
15970    x-data="{
15971      qty: 1,
15972      inc() {
15973        this.qty = Number(this.qty || 1) + 1;
15974      },
15975      dec() {
15976        this.qty = Math.max(1, Number(this.qty || 1) - 1);
15977      },
15978    }"
15979    class="flex items-stretch gap-3"
15980  >
15981    <!-- Stepper -->
15982    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
15983    <!-- Add to cart -->
15984    <button
15985      type="button"
15986      class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue"
15987      @click="
15988                jitsuEvent('addToBasket', {
15989                    products: [
15990                        {
15991                            product_sku: 'LRD04',
15992                            product_brand_code: 'SCU',
15993                            product_quantity: Number(qty)
15994                        }
15995                    ],
15996                    brands: ['SCU']
15997                })
15998
15999                $wire.addToCart('TDCmi1ji', Number(qty), window.location.pathname + window.location.search)
16000                    .then(result => {
16001                        if (result.tracking && typeof track === 'function') {
16002                            track(result.tracking);
16003                        }
16004                    });
16005
16006                    cartOpen = true;
16007                    qty = 1;
16008            "
16009    >
16010      <span class="hidden sm:inline"> Add to cart </span>
16011      <span class="sm:hidden">
16012        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5">
16013          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
16014        </svg>
16015      </span>
16016    </button>
16017  </div>
16018<!--[if ENDBLOCK]><![endif]-->          </div>
16019        <!--[if ENDBLOCK]><![endif]-->      </div>
16020    </div>
16021  </div>
16022</div>
16023            <!--[if ENDBLOCK]><![endif]-->          </div>
16024        </div>
16025
16026        <div class="mt-12 w-full"><div class="@container">
16027    <!--[if BLOCK]><![endif]-->        <nav role="navigation" aria-label="Pagination Navigation" class="flex flex-col gap-5 @min-[50rem]:flex-row @min-[50rem]:flex-wrap @min-[50rem]:items-center @min-[50rem]:gap-x-6 @min-[50rem]:gap-y-6">
16028            
16029            <div class="flex items-center justify-between gap-3 @min-[50rem]:hidden">
16030                <!--[if BLOCK]><![endif]-->                    <span aria-disabled="true" class="inline-flex h-11 items-center justify-center rounded-lg px-4 text-sm font-semibold whitespace-nowrap transition-all duration-200 ease-out motion-reduce:transition-none cursor-default text-volt-ink/30 ring-1 ring-volt-ink/[0.07] ring-inset">
16031                        &laquo; Previous
16032                    </span>
16033                <!--[if ENDBLOCK]><![endif]-->
16034                
16035                <span class="hidden shrink-0 text-sm font-semibold tabular-nums text-volt-ink/60 @min-[22rem]:inline">
16036                    1<span class="mx-1 text-volt-ink/25" aria-hidden="true">/</span><span class="sr-only">of </span>6697
16037                </span>
16038
16039                <!--[if BLOCK]><![endif]-->                    <a  href="https://www.voltimum.co.uk/product-search?page=2"   wire:click.prevent="nextPage('page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" wire:loading.class="pointer-events-none opacity-50" dusk="nextPage.before" class="inline-flex h-11 items-center justify-center rounded-lg px-4 text-sm font-semibold whitespace-nowrap transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100">
16040                        Next &raquo;
16041                    </a>
16042                <!--[if ENDBLOCK]><![endif]-->            </div>
16043
16044            <div class="hidden shrink-0 @min-[50rem]:block">
16045                <p class="text-sm whitespace-nowrap text-volt-ink/55">
16046                    <span>Showing</span>
16047                    <span class="font-semibold tabular-nums text-volt-ink">1</span>
16048                    <span>to</span>
16049                    <span class="font-semibold tabular-nums text-volt-ink">24</span>
16050                    <span>of</span>
16051                    <span class="font-semibold tabular-nums text-volt-ink">160727</span>
16052                    <span>results</span>
16053                </p>
16054
16055                <div class="mt-2.5 h-[3px] w-full max-w-56 overflow-hidden rounded-full bg-volt-ink/10" aria-hidden="true">
16056                    <div
16057                        class="h-full min-w-[0.5rem] rounded-full bg-pilot-blue transition-[width] duration-500 ease-out motion-reduce:transition-none"
16058                        style="width: 0.01%"
16059                    ></div>
16060                </div>
16061            </div>
16062
16063            <div class="hidden @min-[50rem]:ms-auto @min-[50rem]:flex @min-[50rem]:items-center @min-[50rem]:gap-2 rtl:@min-[50rem]:flex-row-reverse">
16064                
16065                <!--[if BLOCK]><![endif]-->                    <span aria-disabled="true" aria-label="Previous" class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-all duration-200 ease-out motion-reduce:transition-none cursor-default text-volt-ink/25 ring-1 ring-volt-ink/[0.07] ring-inset">
16066                        <svg class="h-4 w-4 rtl:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
16067                            <path d="M12 4.5L6.5 10l5.5 5.5" stroke-linecap="round" stroke-linejoin="round" />
16068                        </svg>
16069                    </span>
16070                <!--[if ENDBLOCK]><![endif]-->
16071                
16072                <span class="inline-flex items-center gap-1.5 rtl:flex-row-reverse">
16073                    
16074                    <!--[if BLOCK]><![endif]-->                        
16075                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
16076                        
16077                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <span wire:key="paginator-page-page1">
16078                                    <!--[if BLOCK]><![endif]-->                                        <span aria-current="page" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-default bg-pilot-blue/[0.07] font-bold text-pilot-blue ring-1 ring-pilot-blue ring-inset">1</span>
16079                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16080                                                            <span wire:key="paginator-page-page2">
16081                                    <!--[if BLOCK]><![endif]-->                                        <a  href="https://www.voltimum.co.uk/product-search?page=2"   wire:click.prevent="gotoPage(2, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 2">
16082                                            2
16083                                        </a>
16084                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16085                                                            <span wire:key="paginator-page-page3">
16086                                    <!--[if BLOCK]><![endif]-->                                        <a  href="https://www.voltimum.co.uk/product-search?page=3"   wire:click.prevent="gotoPage(3, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 3">
16087                                            3
16088                                        </a>
16089                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16090                                                            <span wire:key="paginator-page-page4">
16091                                    <!--[if BLOCK]><![endif]-->                                        <a  href="https://www.voltimum.co.uk/product-search?page=4"   wire:click.prevent="gotoPage(4, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 4">
16092                                            4
16093                                        </a>
16094                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16095                                                            <span wire:key="paginator-page-page5">
16096                                    <!--[if BLOCK]><![endif]-->                                        <a  href="https://www.voltimum.co.uk/product-search?page=5"   wire:click.prevent="gotoPage(5, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 5">
16097                                            5
16098                                        </a>
16099                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16100                                                            <span wire:key="paginator-page-page6">
16101                                    <!--[if BLOCK]><![endif]-->                                        <a  role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6, &apos;
16101page&apos;)" wire:click.prevent="gotoPage(6, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6">
16102                                            6
16103                                        </a>
16104                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16105                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                                            
16106                        <!--[if BLOCK]><![endif]-->                            <span aria-hidden="true" class="inline-flex h-10 min-w-6 items-center justify-center text-sm font-semibold text-volt-ink/30 select-none">...</span>
16107                        <!--[if ENDBLOCK]><![endif]-->
16108                        
16109                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            
16110                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
16111                        
16112                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <span wire:key="paginator-page-page6696">
16113                                    <!--[if BLOCK]><![endif]-->                                        <a  role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6696, &apos;
16113page&apos;)" wire:click.prevent="gotoPage(6696, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6696">
16114                                            6696
16115                                        </a>
16116                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16117                                                            <span wire:key="paginator-page-page6697">
16118                                    <!--[if BLOCK]><![endif]-->                                        <a  role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6697, &apos;
16118page&apos;)" wire:click.prevent="gotoPage(6697, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6697">
16119                                            6697
16120                                        </a>
16121                                    <!--[if ENDBLOCK]><![endif]-->                                </span>
16122                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    <!--[if ENDBLOCK]><![endif]-->                </span>
16123
16124                
16125                <!--[if BLOCK]><![endif]-->                    <a  href="https://www.voltimum.co.uk/product-search?page=2"   wire:click.prevent="nextPage('page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" wire:loading.class="pointer-events-none opacity-50" dusk="nextPage.after" class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Next">
16126                        <svg class="h-4 w-4 rtl:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
16127                            <path d="M8 4.5l5.5 5.5L8 15.5" stroke-linecap="round" stroke-linejoin="round" />
16128                        </svg>
16129                    </a>
16130                <!--[if ENDBLOCK]><![endif]-->            </div>
16131        </nav>
16132    <!--[if ENDBLOCK]><![endif]--></div>
16133</div>
16134      </div>
16135    </div>
16136  </div>
16137
16138  <!--[if BLOCK]><![endif]-->    <span
16139      hidden
16140      data-brand-tracking="{&quot;brands&quot;:[&quot;WAU&quot;,&quot;SCU&quot;],&quot;brand_impressions&quot;:[{&quot;brand_code&quot;:&quot;WAU&quot;,&quot;count&quot;:2},{&quot;brand_code&quot;:&quot;SCU&quot;,&quot;count&quot;:22}]}"
16141    ></span>
16142  <!--[if ENDBLOCK]><![endif]--></div>
16143
16144
16145<!--[if BLOCK]><![endif]-->  
16145<script type="application/ld+json">
16146    {
16147    "@context": "https://schema.org",
16148    "@type": "ItemList",
16149    "numberOfItems": 160727,
16150    "itemListOrder": "https://schema.org/ItemListUnordered",
16151    "mainEntityOfPage": {
16152        "@type": "CollectionPage",
16153        "@id": "https://www.voltimum.co.uk/product-search"
16154    },
16155    "itemListElement": [
16156        {
16157            "@type": "ListItem",
16158            "position": 1,
16159            "item": {
16160                "@type": "Product",
16161                "name": "Splicing connector with levers for all conductor types max. 4 mm² transparent",
16162                "url": "https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent",
16163                "sku": "221-415",
16164                "image": "https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852351.jpg?width=800",
16165                "brand": {
16166                    "@type": "Brand",
16167                    "name": "Wago"
16168                },
16169                "offers": {
16170                    "@type": "AggregateOffer",
16171                    "priceCurrency": "GBP",
16172                    "lowPrice": "0.52",
16173                    "highPrice": "10.79",
16174                    "offerCount": 7,
16175                    "availability": "https://schema.org/InStock",
16176                    "url": "https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent",
16177                    "priceSpecification": {
16178                        "@type": "PriceSpecification",
16179                        "valueAddedTaxIncluded": false
16180                    }
16181                }
16182            }
16183        },
16184        {
16185            "@type": "ListItem",
16186            "position": 2,
16187            "item": {
16188                "@type": "Product",
16189                "name": "Splicing connector with levers for all conductor types max. 4 mm² transparent",
16190                "url": "https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent",
16191                "sku": "221-413",
16192                "image": "https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852350.jpg?width=800",
16193                "brand": {
16194                    "@type": "Brand",
16195                    "name": "Wago"
16196                },
16197                "offers": {
16198                    "@type": "AggregateOffer",
16199                    "priceCurrency": "GBP",
16200                    "lowPrice": "0.31",
16201                    "highPrice": "11.96",
16202                    "offerCount": 7,
16203                    "availability": "https://schema.org/InStock",
16204                    "url": "https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent",
16205                    "priceSpecification": {
16206                        "@type": "PriceSpecification",
16207                        "valueAddedTaxIncluded": false
16208                    }
16209                }
16210            }
16211        },
16212        {
16213            "@type": "ListItem",
16214            "position": 3,
16215            "item": {
16216                "@type": "Product",
16217                "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil",
16218                "url": "https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil",
16219                "sku": "LP4K0910BW3",
16220                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp4k0910bw3_image-p_file_type-rendition_1500_jpg.jpg?width=800",
16221                "brand": {
16222                    "@type": "Brand",
16223                    "name": "Schneider Electric"
16224                },
16225                "offers": {
16226                    "@type": "AggregateOffer",
16227                    "priceCurrency": "GBP",
16228                    "lowPrice": "35.26",
16229                    "highPrice": "61.32",
16230                    "offerCount": 7,
16231                    "availability": "https://schema.org/InStock",
16232                    "url": "https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil",
16233                    "priceSpecification": {
16234                        "@type": "PriceSpecification",
16235                        "valueAddedTaxIncluded": false
16236                    }
16237                }
16238            }
16239        },
16240        {
16241            "@type": "ListItem",
16242            "position": 4,
16243            "item": {
16244                "@type": "Product",
16245                "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NC aux. - 24 V DC coil",
16246                "url": "https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil",
16247                "sku": "LP1K0901BD",
16248                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=800",
16249                "brand": {
16250                    "@type": "Brand",
16251                    "name": "Schneider Electric"
16252                },
16253                "offers": {
16254                    "@type": "AggregateOffer",
16255                    "priceCurrency": "GBP",
16256                    "lowPrice": "25.65",
16257                    "highPrice": "44.59",
16258                    "offerCount": 7,
16259                    "availability": "https://schema.org/InStock",
16260                    "url": "https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil",
16261                    "priceSpecification": {
16262                        "@type": "PriceSpecification",
16263                        "valueAddedTaxIncluded": false
16264                    }
16265                }
16266            }
16267        },
16268        {
16269            "@type": "ListItem",
16270            "position": 5,
16271            "item": {
16272                "@type": "Product",
16273                "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil",
16274                "url": "https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil",
16275                "sku": "LP1K0910BD",
16276                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=800",
16277                "brand": {
16278                    "@type": "Brand",
16279                    "name": "Schneider Electric"
16280                },
16281                "offers": {
16282                    "@type": "AggregateOffer",
16283                    "priceCurrency": "GBP",
16284                    "lowPrice": "25.65",
16285                    "highPrice": "44.59",
16286                    "offerCount": 7,
16287                    "availability": "https://schema.org/InStock",
16288                    "url": "https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil",
16289                    "priceSpecification": {
16290                        "@type": "PriceSpecification",
16291                        "valueAddedTaxIncluded": false
16292                    }
16293                }
16294            }
16295        },
16296        {
16297            "@type": "ListItem",
16298            "position": 6,
16299            "item": {
16300                "@type": "Product",
16301                "name": "TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NC aux. - 24 V DC coil",
16302                "url": "https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil",
16303                "sku": "LP1K0601BD",
16304                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=800",
16305                "brand": {
16306                    "@type": "Brand",
16307                    "name": "Schneider Electric"
16308                },
16309                "offers": {
16310                    "@type": "AggregateOffer",
16311                    "priceCurrency": "GBP",
16312                    "lowPrice": "24.85",
16313                    "highPrice": "43.22",
16314                    "offerCount": 7,
16315                    "availability": "https://schema.org/InStock",
16316                    "url": "https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil",
16317                    "priceSpecification": {
16318                        "@type": "PriceSpecification",
16319                        "valueAddedTaxIncluded": false
16320                    }
16321                }
16322            }
16323        },
16324        {
16325            "@type": "ListItem",
16326            "position": 7,
16327            "item": {
16328                "@type": "Product",
16329                "name": "TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NO aux. - 24 V DC coil",
16330                "url": "https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil",
16331                "sku": "LP1K0610BD",
16332                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=800",
16333                "brand": {
16334                    "@type": "Brand",
16335                    "name": "Schneider Electric"
16336                },
16337                "offers": {
16338                    "@type": "AggregateOffer",
16339                    "priceCurrency": "GBP",
16340                    "lowPrice": "24.85",
16341                    "highPrice": "43.22",
16342                    "offerCount": 7,
16343                    "availability": "https://schema.org/InStock",
16344                    "url": "https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil",
16345                    "priceSpecification": {
16346                        "@type": "PriceSpecification",
16347                        "valueAddedTaxIncluded": false
16348                    }
16349                }
16350            }
16351        },
16352        {
16353            "@type": "ListItem",
16354            "position": 8,
16355            "item": {
16356                "@type": "Product",
16357                "name": "TeSys K reversing contactor - 3P - AC-3 <= 440 V 9 A - 1 NC - 230...240 VAC coil",
16358                "url": "https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil",
16359                "sku": "LC2K0901U7",
16360                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lc2k0601m7_image-p_file_type-rendition_1500_jpg.png?width=800",
16361                "brand": {
16362                    "@type": "Brand",
16363                    "name": "Schneider Electric"
16364                },
16365                "offers": {
16366                    "@type": "AggregateOffer",
16367                    "priceCurrency": "GBP",
16368                    "lowPrice": "44.47",
16369                    "highPrice": "97.56",
16370                    "offerCount": 7,
16371                    "availability": "https://schema.org/InStock",
16372                    "url": "https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil",
16373                    "priceSpecification": {
16374                        "@type": "PriceSpecification",
16375                        "valueAddedTaxIncluded": false
16376                    }
16377                }
16378            }
16379        },
16380        {
16381            "@type": "ListItem",
16382            "position": 9,
16383            "item": {
16384                "@type": "Product",
16385                "name": "Push button head, plastic, flush, white, Ø22, spring return, unmarked",
16386                "url": "https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked",
16387                "sku": "ZB5AA1",
16388                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2022001-p_file_type-rendition_1500_jpg.jpg?width=800",
16389                "brand": {
16390                    "@type": "Brand",
16391                    "name": "Schneider Electric"
16392                },
16393                "offers": {
16394                    "@type": "AggregateOffer",
16395                    "priceCurrency": "GBP",
16396                    "lowPrice": "3.82",
16397                    "highPrice": "6.13",
16398                    "offerCount": 7,
16399                    "availability": "https://schema.org/InStock",
16400                    "url": "https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked",
16401                    "priceSpecification": {
16402                        "@type": "PriceSpecification",
16403                        "valueAddedTaxIncluded": false
16404                    }
16405                }
16406            }
16407        },
16408        {
16409            "@type": "ListItem",
16410            "position": 10,
16411            "item": {
16412                "@type": "Product",
16413                "name": "Push button head, plastic, flush, yellow, Ø22, spring return, unmarked",
16414                "url": "https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked",
16415                "sku": "ZB5AA5",
16416                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2016165-p_file_type-rendition_1500_jpg.jpg?width=800",
16417                "brand": {
16418                    "@type": "Brand",
16419                    "name": "Schneider Electric"
16420                },
16421                "offers": {
16422                    "@type": "AggregateOffer",
16423                    "priceCurrency": "GBP",
16424                    "lowPrice": "3.82",
16425                    "highPrice": "6.13",
16426                    "offerCount": 7,
16427                    "availability": "https://schema.org/InStock",
16428                    "url": "https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked",
16429                    "priceSpecification": {
16430                        "@type": "PriceSpecification",
16431                        "valueAddedTaxIncluded": false
16432                    }
16433                }
16434            }
16435        },
16436        {
16437            "@type": "ListItem",
16438            "position": 11,
16439            "item": {
16440                "@type": "Product",
16441                "name": "Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC",
16442                "url": "https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc",
16443                "sku": "LUCA12FU",
16444                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-luca12fu_image-01-p_file_type-rendition_1500_jpg.png?width=800",
16445                "brand": {
16446                    "@type": "Brand",
16447                    "name": "Schneider Electric"
16448                },
16449                "offers": {
16450                    "@type": "AggregateOffer",
16451                    "priceCurrency": "GBP",
16452                    "lowPrice": "41.92",
16453                    "highPrice": "92.96",
16454                    "offerCount": 7,
16455                    "availability": "https://schema.org/InStock",
16456                    "url": "https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc",
16457                    "priceSpecification": {
16458                        "@type": "PriceSpecification",
16459                        "valueAddedTaxIncluded": false
16460                    }
16461                }
16462            }
16463        },
16464        {
16465            "@type": "ListItem",
16466            "position": 12,
16467            "item": {
16468                "@type": "Product",
16469                "name": "Power base, TeSys U, 3P, 12A/690V",
16470                "url": "https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v",
16471                "sku": "LUB12",
16472                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub12_image-01-p_file_type-rendition_1500_jpg.png?width=800",
16473                "brand": {
16474                    "@type": "Brand",
16475                    "name": "Schneider Electric"
16476                },
16477                "offers": {
16478                    "@type": "AggregateOffer",
16479                    "priceCurrency": "GBP",
16480                    "lowPrice": "44.02",
16481                    "highPrice": "76.56",
16482                    "offerCount": 7,
16483                    "availability": "https://schema.org/InStock",
16484                    "url": "https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v",
16485                    "priceSpecification": {
16486                        "@type": "PriceSpecification",
16487                        "valueAddedTaxIncluded": false
16488                    }
16489                }
16490            }
16491        },
16492        {
16493            "@type": "ListItem",
16494            "position": 13,
16495            "item": {
16496                "@type": "Product",
16497                "name": "Power base, TeSys U, 3P, 32A/690V",
16498                "url": "https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v",
16499                "sku": "LUB32",
16500                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub32_image-01-p_file_type-rendition_1500_jpg.png?width=800",
16501                "brand": {
16502                    "@type": "Brand",
16503                    "name": "Schneider Electric"
16504                },
16505                "offers": {
16506                    "@type": "AggregateOffer",
16507                    "priceCurrency": "GBP",
16508                    "lowPrice": "63.67",
16509                    "highPrice": "110.72",
16510                    "offerCount": 7,
16511                    "availability": "https://schema.org/InStock",
16512                    "url": "https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v",
16513                    "priceSpecification": {
16514                        "@type": "PriceSpecification",
16515                        "valueAddedTaxIncluded": false
16516                    }
16517                }
16518            }
16519        },
16520        {
16521            "@type": "ListItem",
16522            "position": 14,
16523            "item": {
16524                "@type": "Product",
16525                "name": "Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC",
16526                "url": "https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc",
16527                "sku": "LU2B12BL",
16528                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lu2b12bl_image-01-p_file_type-rendition_1500_jpg.png?width=800",
16529                "brand": {
16530                    "@type": "Brand",
16531                    "name": "Schneider Electric"
16532                },
16533                "offers": {
16534                    "@type": "AggregateOffer",
16535                    "priceCurrency": "GBP",
16536                    "lowPrice": "106.99",
16537                    "highPrice": "213.21",
16538                    "offerCount": 7,
16539                    "availability": "https://schema.org/InStock",
16540                    "url": "https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc",
16541                    "priceSpecification": {
16542                        "@type": "PriceSpecification",
16543                        "valueAddedTaxIncluded": false
16544                    }
16545                }
16546            }
16547        },
16548        {
16549            "@type": "ListItem",
16550            "position": 15,
16551            "item": {
16552                "@type": "Product",
16553                "name": "Current limiter module, TeSys GV2, on device mounting",
16554                "url": "https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting",
16555                "sku": "GV1L3",
16556                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-gv1l3_image-p_file_type-rendition_1500_jpg.png?width=800",
16557                "brand": {
16558                    "@type": "Brand",
16559                    "name": "Schneider Electric"
16560                },
16561                "offers": {
16562                    "@type": "AggregateOffer",
16563                    "priceCurrency": "GBP",
16564                    "lowPrice": "48.23",
16565                    "highPrice": "78.56",
16566                    "offerCount": 7,
16567                    "availability": "https://schema.org/InStock",
16568                    "url": "https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting",
16569                    "priceSpecification": {
16570                        "@type": "PriceSpecification",
16571                        "valueAddedTaxIncluded": false
16572                    }
16573                }
16574            }
16575        },
16576        {
16577            "@type": "ListItem",
16578            "position": 16,
16579            "item": {
16580                "@type": "Product",
16581                "name": "PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms",
16582                "url": "https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms",
16583                "sku": "METSEPM5110",
16584                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5110_iop-def-p_f
16584ile_type-rendition_1500_jpg.png?width=800",
16585                "brand": {
16586                    "@type": "Brand",
16587                    "name": "Schneider Electric"
16588                },
16589                "offers": {
16590                    "@type": "AggregateOffer",
16591                    "priceCurrency": "GBP",
16592                    "lowPrice": "224.91",
16593                    "highPrice": "357.44",
16594                    "offerCount": 7,
16595                    "availability": "https://schema.org/InStock",
16596                    "url": "https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms",
16597                    "priceSpecification": {
16598                        "@type": "PriceSpecification",
16599                        "valueAddedTaxIncluded": false
16600                    }
16601                }
16602            }
16603        },
16604        {
16605            "@type": "ListItem",
16606            "position": 17,
16607            "item": {
16608                "@type": "Product",
16609                "name": "PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms",
16610                "url": "https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms",
16611                "sku": "METSEPM5100",
16612                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5100_iop-def-p_file_type-rendition_1500_jpg.png?width=800",
16613                "brand": {
16614                    "@type": "Brand",
16615                    "name": "Schneider Electric"
16616                },
16617                "offers": {
16618                    "@type": "AggregateOffer",
16619                    "priceCurrency": "GBP",
16620                    "lowPrice": "199.18",
16621                    "highPrice": "298.72",
16622                    "offerCount": 7,
16623                    "availability": "https://schema.org/InStock",
16624                    "url": "https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms",
16625                    "priceSpecification": {
16626                        "@type": "PriceSpecification",
16627                        "valueAddedTaxIncluded": false
16628                    }
16629                }
16630            }
16631        },
16632        {
16633            "@type": "ListItem",
16634            "position": 18,
16635            "item": {
16636                "@type": "Product",
16637                "name": "TeSys LRD thermal overload relays - 7...10 A - class 10A",
16638                "url": "https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a",
16639                "sku": "LRD14",
16640                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd14_image-p_file_type-rendition_1500_jpg.png?width=800",
16641                "brand": {
16642                    "@type": "Brand",
16643                    "name": "Schneider Electric"
16644                },
16645                "offers": {
16646                    "@type": "AggregateOffer",
16647                    "priceCurrency": "GBP",
16648                    "lowPrice": "32.06",
16649                    "highPrice": "52.23",
16650                    "offerCount": 7,
16651                    "availability": "https://schema.org/InStock",
16652                    "url": "https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a",
16653                    "priceSpecification": {
16654                        "@type": "PriceSpecification",
16655                        "valueAddedTaxIncluded": false
16656                    }
16657                }
16658            }
16659        },
16660        {
16661            "@type": "ListItem",
16662            "position": 19,
16663            "item": {
16664                "@type": "Product",
16665                "name": "Thermal overload relay, TeSys LRD, 9...13 A, class 10A",
16666                "url": "https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a",
16667                "sku": "LRD16",
16668                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd16_image-p_file_type-rendition_1500_jpg.png?width=800",
16669                "brand": {
16670                    "@type": "Brand",
16671                    "name": "Schneider Electric"
16672                },
16673                "offers": {
16674                    "@type": "AggregateOffer",
16675                    "priceCurrency": "GBP",
16676                    "lowPrice": "34.35",
16677                    "highPrice": "55.93",
16678                    "offerCount": 7,
16679                    "availability": "https://schema.org/InStock",
16680                    "url": "https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a",
16681                    "priceSpecification": {
16682                        "@type": "PriceSpecification",
16683                        "valueAddedTaxIncluded": false
16684                    }
16685                }
16686            }
16687        },
16688        {
16689            "@type": "ListItem",
16690            "position": 20,
16691            "item": {
16692                "@type": "Product",
16693                "name": "Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A",
16694                "url": "https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a",
16695                "sku": "LRD12",
16696                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd12_image-p_file_type-rendition_1500_jpg.png?width=800",
16697                "brand": {
16698                    "@type": "Brand",
16699                    "name": "Schneider Electric"
16700                },
16701                "offers": {
16702                    "@type": "AggregateOffer",
16703                    "priceCurrency": "GBP",
16704                    "lowPrice": "32.06",
16705                    "highPrice": "52.23",
16706                    "offerCount": 7,
16707                    "availability": "https://schema.org/InStock",
16708                    "url": "https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a",
16709                    "priceSpecification": {
16710                        "@type": "PriceSpecification",
16711                        "valueAddedTaxIncluded": false
16712                    }
16713                }
16714            }
16715        },
16716        {
16717            "@type": "ListItem",
16718            "position": 21,
16719            "item": {
16720                "@type": "Product",
16721                "name": "TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A",
16722                "url": "https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a",
16723                "sku": "LRD07",
16724                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd07_image-p_file_type-rendition_1500_jpg.png?width=800",
16725                "brand": {
16726                    "@type": "Brand",
16727                    "name": "Schneider Electric"
16728                },
16729                "offers": {
16730                    "@type": "AggregateOffer",
16731                    "priceCurrency": "GBP",
16732                    "lowPrice": "32.06",
16733                    "highPrice": "52.23",
16734                    "offerCount": 7,
16735                    "availability": "https://schema.org/InStock",
16736                    "url": "https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a",
16737                    "priceSpecification": {
16738                        "@type": "PriceSpecification",
16739                        "valueAddedTaxIncluded": false
16740                    }
16741                }
16742            }
16743        },
16744        {
16745            "@type": "ListItem",
16746            "position": 22,
16747            "item": {
16748                "@type": "Product",
16749                "name": "TeSys LRD thermal overload relays - 4...6 A - class 10A",
16750                "url": "https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a",
16751                "sku": "LRD10",
16752                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd10_image-p_file_type-rendition_1500_jpg.png?width=800",
16753                "brand": {
16754                    "@type": "Brand",
16755                    "name": "Schneider Electric"
16756                },
16757                "offers": {
16758                    "@type": "AggregateOffer",
16759                    "priceCurrency": "GBP",
16760                    "lowPrice": "32.06",
16761                    "highPrice": "52.23",
16762                    "offerCount": 7,
16763                    "availability": "https://schema.org/InStock",
16764                    "url": "https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a",
16765                    "priceSpecification": {
16766                        "@type": "PriceSpecification",
16767                        "valueAddedTaxIncluded": false
16768                    }
16769                }
16770            }
16771        },
16772        {
16773            "@type": "ListItem",
16774            "position": 23,
16775            "item": {
16776                "@type": "Product",
16777                "name": "TeSys LRD thermal overload relays - 2.5...4 A - class 10A",
16778                "url": "https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a",
16779                "sku": "LRD08",
16780                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd08_image-p_file_type-rendition_1500_jpg.png?width=800",
16781                "brand": {
16782                    "@type": "Brand",
16783                    "name": "Schneider Electric"
16784                },
16785                "offers": {
16786                    "@type": "AggregateOffer",
16787                    "priceCurrency": "GBP",
16788                    "lowPrice": "32.06",
16789                    "highPrice": "52.23",
16790                    "offerCount": 7,
16791                    "availability": "https://schema.org/InStock",
16792                    "url": "https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a",
16793                    "priceSpecification": {
16794                        "@type": "PriceSpecification",
16795                        "valueAddedTaxIncluded": false
16796                    }
16797                }
16798            }
16799        },
16800        {
16801            "@type": "ListItem",
16802            "position": 24,
16803            "item": {
16804                "@type": "Product",
16805                "name": "TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A",
16806                "url": "https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a",
16807                "sku": "LRD04",
16808                "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd04_image-p_file_type-rendition_1500_jpg.png?width=800",
16809                "brand": {
16810                    "@type": "Brand",
16811                    "name": "Schneider Electric"
16812                },
16813                "offers": {
16814                    "@type": "AggregateOffer",
16815                    "priceCurrency": "GBP",
16816                    "lowPrice": "32.06",
16817                    "highPrice": "52.23",
16818                    "offerCount": 7,
16819                    "availability": "https://schema.org/InStock",
16820                    "url": "https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a",
16821                    "priceSpecification": {
16822                        "@type": "PriceSpecification",
16823                        "valueAddedTaxIncluded": false
16824                    }
16825                }
16826            }
16827        }
16828    ]
16829}
16830  </script>
16830
16831<!--[if ENDBLOCK]><![endif]-->
16832<!--[if BLOCK]><![endif]-->  
16832<script>
16833    // Merge computed brands into global Jitsu params and signal readiness
16834    try {
16835      window.dispatchEvent(
16836        new CustomEvent('jitsu:merge', {
16837          detail: { brands: ["WAU","SCU"], brand_impressions: [{"brand_code":"WAU","count":2},{"brand_code":"SCU","count":22}] },
16838        }),
16839      );
16840      window.dispatchEvent(new Event('jitsu:params-ready'));
16841    } catch (_) {}
16842  </script>
16842
16843<!--[if ENDBLOCK]><![endif]-->  </div>
16844</div>  </main>
16845
16846  <!-- Footer -->
16847  <footer wire:key="lw-1535712454-2-facet-groups-9" wire:snapshot="{&quot;data&quot;:{&quot;footer_navigations&quot;:[null,{&quot;keys&quot;:[7,8],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Navigation&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;legal_navigations&quot;:[null,{&quot;keys&quot;:[9,10,11],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Navigation&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;locale&quot;:&quot;en-gb&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;ZZjKMy1yGiOwCIkkJYnz&quot;,&quot;name&quot;:&quot;footer-navigation&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;f92ca4338c46431dba1cc53360417f601cd61ceac9712dfd82bc46af63440862&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="ZZjKMy1yGiOwCIkkJYnz" wire:name="footer-navigation" class="mt-auto bg-gray-100 px-6 pt-[64px] sm:pt-16 md:px-12 lg:pt-[94px] xl:px-3">
16848  <div class="mx-auto max-w-7xl">
16849    <div class="mx-[-12px] flex flex-row flex-wrap">
16850      <!-- Logo -->
16851      <div class="w-full px-3 max-sm:hidden lg:w-[25%]">
16852        <a aria-label="footer-logo" href="/">
16853          <img loading="lazy" src="https://www.voltimum.co.uk/img/voltimum.svg" alt="Voltimum" class="w-[137px]" />
16854        </a>
16855        <p class="text-dark-900 max-w-[430px] pt-4 text-sm leading-[1.6rem] lg:max-w-[254px]">
16856          Voltimum is a digital platform and community that provides electrical professionals with industry news, product information, training, and tools for the electrical sector.
16857        </p>
16858      </div>
16859
16860      <!-- Footer navigation -->
16861      <div class="w-full px-3 pt-0 sm:pt-9 lg:w-[74.97%] lg:pt-0">
16862        <div class="flex flex-row flex-wrap">
16863          <!--[if BLOCK]><![endif]-->            <div class="flex w-full max-sm:mb-8 sm:w-[50%] md:w-[33.33%] lg:justify-center">
16864              <ul>
16865                <li class="text-dark-900 pb-[23px] text-sm leading-120 font-semibold">Sitemap</li>
16866                <!--[if BLOCK]><![endif]-->                  <li class="pb-[15px] text-sm leading-120 font-normal">
16867                    <a
16868                      aria-label="home"
16869                      href="/"
16870                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16871                                    "
16872                    >
16873                      Home
16874                    </a>
16875                  </li>
16876                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16877                    <a
16878                      aria-label="home"
16879                      href="/news"
16880                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16881                                    "
16882                    >
16883                      News
16884                    </a>
16885                  </li>
16886                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16887                    <a
16888                      aria-label="home"
16889                      href="/academy"
16890                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16891                                    "
16892                    >
16893                      Academy
16894                    </a>
16895                  </li>
16896                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16897                    <a
16898                      aria-label="home"
16899                      href="/product-search"
16900                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16901                                    "
16902                    >
16903                      Products
16904                    </a>
16905                  </li>
16906                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16907                    <a
16908                      aria-label="home"
16909                      href="/partners"
16910                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16911                                    "
16912                    >
16913                      Partners
16914                    </a>
16915                  </li>
16916                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16917                    <a
16918                      aria-label="home"
16919                      href="/plus"
16920                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16921                                    "
16922                    >
16923                      Voltimum+
16924                    </a>
16925                  </li>
16926                <!--[if ENDBLOCK]><![endif]-->              </ul>
16927            </div>
16928                      <div class="flex w-full max-sm:mb-8 sm:w-[50%] md:w-[33.33%] lg:justify-center">
16929              <ul>
16930                <li class="text-dark-900 pb-[23px] text-sm leading-120 font-semibold">Other links</li>
16931                <!--[if BLOCK]><![endif]-->                  <li class="pb-[15px] text-sm leading-120 font-normal">
16932                    <a
16933                      aria-label="home"
16934                      href="/about"
16935                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16936                                    "
16937                    >
16938                      About
16939                    </a>
16940                  </li>
16941                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16942                    <a
16943                      aria-label="home"
16944                      href="/contact"
16945                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16946                                    "
16947                    >
16948                      Contact
16949                    </a>
16950                  </li>
16951                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16952                    <a
16953                      aria-label="home"
16954                      href="/vplus-partner"
16955                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16956                                    "
16957                    >
16958                      Partner with us
16959                    </a>
16960                  </li>
16961                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16962                    <a
16963                      aria-label="home"
16964                      href="/pdflibrary"
16965                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16966                                    "
16967                    >
16968                      Catalogues
16969                    </a>
16970                  </li>
16971                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16972                    <a
16973                      aria-label="home"
16974                      href="/voltimum-plus-faqs"
16975                                            class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16976                                    "
16977                    >
16978                      Voltimum+ FAQs
16979                    </a>
16980                  </li>
16981                                  <li class="pb-[15px] text-sm leading-120 font-normal">
16982                    <a
16983                      aria-label="home"
16984                      href="https://www.voltimum.com"
16985                       target="_blank"                       class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300
16986                                    "
16987                    >
16988                      voltimum.com
16989                    </a>
16990                  </li>
16991                <!--[if ENDBLOCK]><![endif]-->              </ul>
16992            </div>
16993          <!--[if ENDBLOCK]><![endif]-->
16994          <!-- Register -->
16995          <div class="w-full md:w-[33.33%] lg:flex lg:justify-end">
16996            <div class="xl:w-full">
16997              <!--[if BLOCK]><![endif]-->                <p class="text-dark-900 pb-4 text-sm leading-120 font-semibold">
16998                  Register with Voltimum
16999                </p>
17000                <p class="text-dark-900 max-w-[254px] min-w-full pb-[18px] text-sm leading-[1.6rem] lg:flex lg:justify-center">
17001                  Keep up with the latest industry news, and earn rewards for your electrical purchases!
17002                </p>
17003                <a
17004                  href="https://www.voltimum.co.uk/register"
17005                  class="flex justify-center rounded-md bg-pilot-blue px-12 py-[13px] text-sm leading-120 font-semibold text-white hover:bg-dark-pilot-blue max-sm:px-[96px] lg:min-w-full xl:px-[76px]"
17006                >
17007                  Sign up here
17008                </a>
17009              <!--[if ENDBLOCK]><![endif]-->            </div>
17010          </div>
17011        </div>
17012      </div>
17013    </div>
17014
17015    <div class="mt-9 border-b border-gray-600 md:mt-[53px]"></div>
17016
17017    <div class="flex flex-col flex-wrap justify-between gap-6 pt-6 pb-[67px] sm:flex-row sm:gap-[42px] md:!py-9">
17018      <!-- Legal -->
17019      <div class="flex flex-col gap-4 sm:flex-row sm:items-center">
17020        <p class="text-sm leading-120 font-normal text-nowrap">© 2002-<span id="current-year">2026</span> Voltimum</p>
17021        <!--[if BLOCK]><![endif]-->          <a
17022            href="/terms-and-conditions"
17023                        class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full"
17024          >
17025            Terms &amp; Conditions
17026          </a>
17027                  <a
17028            href="/privacy-policy"
17029                        class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full"
17030          >
17031            Privacy Policy
17032          </a>
17033                  <a
17034            href="/imprint"
17035                        class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full"
17036          >
17037            Imprint
17038          </a>
17039        <!--[if ENDBLOCK]><![endif]-->      </div>
17040
17041      <!-- Social Links -->
17042      <div class="flex items-center gap-6">
17043        <!--[if BLOCK]><![endif]-->          <a aria-label="facebook" href="https://www.facebook.com/Voltimumuk" target="_blank">
17044            <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17045  <g clip-path="url(#clip0_382_1120)">
17046    <path
17047      d="M9.101 23.6909V15.7109H6.627V12.0439H9.101V10.4639C9.101 6.37895 10.949 4.48595 14.959 4.48595C15.36 4.48595 15.914 4.52795 16.427 4.58895C16.8112 4.62848 17.1924 4.69363 17.568 4.78395V8.10895C17.3509 8.08869 17.133 8.07668 16.915 8.07295C16.6707 8.0666 16.4264 8.0636 16.182 8.06395C15.475 8.06395 14.923 8.15995 14.507 8.37295C14.2273 8.51326 13.9922 8.72862 13.828 8.99495C13.57 9.41495 13.454 9.98995 13.454 10.7469V12.0439H17.373L16.987 14.1469L16.7 15.7109H13.454V23.9559C19.396 23.2379 24 18.1789 24 12.0439C24 5.41695 18.627 0.0439453 12 0.0439453C5.373 0.0439453 0 5.41695 0 12.0439C0 17.6719 3.874 22.3939 9.101 23.6909Z"
17048      fill="currentColor"
17049    />
17050  </g>
17051  <defs>
17052    <clipPath id="clip0_382_1120">
17053      <rect width="24" height="24" fill="currentColor" />
17054    </clipPath>
17055  </defs>
17056</svg>
17057          </a>
17058        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->          <a aria-label="twitter" href="https://www.twitter.com/voltimumuk" target="_blank">
17059            <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17060  <path
17061    d="M18.901 1.15295H22.581L14.541 10.343L24 22.846H16.594L10.794 15.262L4.156 22.846H0.474L9.074 13.016L0 1.15395H7.594L12.837 8.08595L18.901 1.15295ZM17.61 20.644H19.649L6.486 3.23995H4.298L17.61 20.644Z"
17062    fill="currentColor"
17063  />
17064</svg>
17065          </a>
17066        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->          <a aria-label="u-tube" href="https://www.youtube.com/user/VoltimumUK" target="_blank">
17067            <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17068  <path
17069    d="M23.498 6.18604C23.3624 5.67532 23.095 5.20918 22.7226 4.83431C22.3502 4.45943 21.8858 4.18899 21.376 4.05004C19.505 3.54504 12 3.54504 12 3.54504C12 3.54504 4.495 3.54504 2.623 4.05004C2.11341 4.18923 1.64929 4.45978 1.27708 4.83463C0.904861 5.20947 0.637591 5.67548 0.502 6.18604C0 8.07004 0 12 0 12C0 12 0 15.93 0.502 17.814C0.637586 18.3248 0.904975 18.7909 1.27739 19.1658C1.64981 19.5407 2.11418 19.8111 2.624 19.95C4.495 20.455 12 20.455 12 20.455C12 20.455 19.505 20.455 21.377 19.95C21.8869 19.8112 22.3513 19.5408 22.7237 19.1659C23.0961 18.791 23.3635 18.3248 23.499 17.814C24 15.93 24 12 24 12C24 12 24 8.07004 23.498 6.18604ZM9.545 15.568V8.43204L15.818 12L9.545 15.568Z"
17070    fill="currentColor"
17071  />
17072</svg>
17073          </a>
17074        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->          <a aria-label="linkedin" href="https://www.linkedin.com/company/voltimum" target="_blank">
17075            <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17076  <g clip-path="url(#clip0_382_1124)">
17077    <path
17078      d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166L20.447 20.452ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z"
17079      fill="currentColor"
17080    />
17081  </g>
17082  <defs>
17083    <clipPath id="clip0_382_1125">
17084      <rect width="24" height="24" fill="currentColor" />
17085    </clipPath>
17086  </defs>
17087</svg>
17088          </a>
17089        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->          <a aria-label="instagram" href="https://www.instagram.com/voltimumuk/" target="_blank">
17090            <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17091  <path
17092    d="M13.0281 2.00073C14.1535 2.00259 14.7238 2.00855 15.2166 2.02322L15.4107 2.02956C15.6349 2.03753 15.8561 2.04753 16.1228 2.06003C17.1869 2.1092 17.9128 2.27753 18.5503 2.52503C19.2094 2.7792 19.7661 3.12253 20.3219 3.67837C20.8769 4.2342 21.2203 4.79253 21.4753 5.45003C21.7219 6.0867 21.8903 6.81337 21.9403 7.87753C21.9522 8.1442 21.9618 8.3654 21.9697 8.58964L21.976 8.78373C21.9906 9.27647 21.9973 9.84686 21.9994 10.9723L22.0002 11.7179C22.0003 11.809 22.0003 11.903 22.0003 12L22.0002 12.2821L21.9996 13.0278C21.9977 14.1532 21.9918 14.7236 21.9771 15.2163L21.9707 15.4104C21.9628 15.6347 21.9528 15.8559 21.9403 16.1225C21.8911 17.1867 21.7219 17.9125 21.4753 18.55C21.2211 19.2092 20.8769 19.7659 20.3219 20.3217C19.7661 20.8767 19.2069 21.22 18.5503 21.475C17.9128 21.7217 17.1869 21.89 16.1228 21.94C15.8561 21.9519 15.6349 21.9
17092616 15.4107 21.9694L15.2166 21.9757C14.7238 21.9904 14.1535 21.997 13.0281 21.9992L12.2824 22C12.1913 22 12.0973 22 12.0003 22L11.7182 22L10.9725 21.9993C9.8471 21.9975 9.27672 21.9915 8.78397 21.9768L8.58989 21.9705C8.36564 21.9625 8.14444 21.9525 7.87778 21.94C6.81361 21.8909 6.08861 21.7217 5.45028 21.475C4.79194 21.2209 4.23444 20.8767 3.67861 20.3217C3.12278 19.7659 2.78028 19.2067 2.52528 18.55C2.27778 17.9125 2.11028 17.1867 2.06028 16.1225C2.0484 15.8559 2.03871 15.6347 2.03086 15.4104L2.02457 15.2163C2.00994 14.7236 2.00327 14.1532 2.00111 13.0278L2.00098 10.9723C2.00284 9.84686 2.00879 9.27647 2.02346 8.78373L2.02981 8.58964C2.03778 8.3654 2.04778 8.1442 2.06028 7.87753C2.10944 6.81253 2.27778 6.08753 2.52528 5.45003C2.77944 4.7917 3.12278 4.2342 3.67861 3.67837C4.23444 3.12253 4.79278 2.78003 5.45028 2.52503C6.08778 2.27753 6.81278 2.11003 7.87778 2.06003C8.14444 2.04816 8.36564 2.03847 8.58989 2.03062L8.78397 2.02433C9.27672 2.00969 9.8471 2.00302 10.9725 2.00086L13.0281 2.00073ZM12.0003 7.00003C9.23738 7.00003 7.00028 9.23956 7.00028 12C7.00028 14.7629 9.23981 17 12.0003 17C14.7632 17 17.0003 14.7605 17.0003 12C17.0003 9.23713 14.7607 7.00003 12.0003 7.00003ZM12.0003 9.00003C13.6572 9.00003 15.0003 10.3427 15.0003 12C15.0003 13.6569 13.6576 15 12.0003 15C10.3434 15 9.00028 13.6574 9.00028 12C9.00028 10.3431 10.3429 9.00003 12.0003 9.00003ZM17.2503 5.50003C16.561 5.50003 16.0003 6.05994 16.0003 6.74918C16.0003 7.43843 16.5602 7.9992 17.2503 7.9992C17.9395 7.9992 18.5003 7.4393 18.5003 6.74918C18.5003 6.05994 17.9386 5.49917 17.2503 5.50003Z"
17093    fill="currentColor"
17094  />
17095</svg>
17096          </a>
17097        <!--[if ENDBLOCK]><![endif]-->      </div>
17098    </div>
17099  </div>
17100</footer>
17101  <!-- Product distributors modal -->
17102  <div wire:key="lw-1535712454-3-facet-groups-11" wire:snapshot="{&quot;data&quot;:{&quot;product&quot;:null,&quot;items&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;show_stock_for&quot;:[[[&quot;InStock&quot;,{&quot;class&quot;:&quot;App\\Enums\\AvailabilityType&quot;,&quot;s&quot;:&quot;enm&quot;}],[&quot;LimitedAvailability&quot;,{&quot;class&quot;:&quot;App\\Enums\\AvailabilityType&quot;,&quot;s&quot;:&quot;enm&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;hide_add_to_cart_for&quot;:[[[&quot;OutOfStock&quot;,{&quot;class&quot;:&quot;App\\Enums\\AvailabilityType&quot;,&quot;s&quot;:&quot;enm&quot;}],[&quot;Discontinued&quot;,{&quot;class&quot;:&quot;App\\Enums\\AvailabilityType&quot;,&quot;s&quot;:&quot;enm&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;elbridge_distributors&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;HcpTbths9zfgw42mBFwi&quot;,&quot;name&quot;:&quot;product-distributors-modal&quot;,&quot;path&quot;:&quot;product-search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en-gb&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;660dde305c5a991355c9b4a972b0578114e56106674ac5db64cb66a67fd10d2b&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;setProductDistributorsModal&quot;]}" wire:id="HcpTbths9zfgw42mBFwi" wire:name="product-distributors-modal" x-cloak>
17103  <div
17104    x-show="productDistributorsModalOpen"
17105    class="fixed inset-0 z-[1001] bg-black/50"
17106    @click="
17107      closeProductDistributorsModal();
17108      $wire.resetModal();
17109    "
17110  ></div>
17111
17112  <div
17113    x-show="productDistributorsModalOpen"
17114    x-transition:enter="transition ease-out duration-300"
17115    x-transition:enter-start="opacity-0 scale-95"
17116    x-transition:enter-end="opacity-100 scale-100"
17117    x-transition:leave="transition ease-in duration-200"
17118    x-transition:leave-start="opacity-100 scale-100"
17119    x-transition:leave-end="opacity-0 scale-95"
17120    class="fixed top-1/2 left-1/2 z-[10000] max-h-[90vh] w-full max-w-6xl -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-xl bg-white p-6 shadow-xl"
17121  >
17122    <div class="flex min-h-[400px] w-full items-center justify-center">
17123      <div wire:loading  class="w-full">
17124  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto 
17124size-4 animate-spin">
17125    <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
17126  </svg>
17127</div>
17128
17129      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
17130  </div>
17131</div>
17132  <div
17133  x-data="{
17134    init() {
17135      window.addEventListener('scroll', function () {
17136        let backToTop = document.getElementById('back-to-top'),
17137          scrollThreshold = 100;
17138        document.body.scrollTop > scrollThreshold || document.documentElement.scrollTop > scrollThreshold
17139          ? backToTop.classList.remove('hidden')
17140          : backToTop.classList.add('hidden');
17141      });
17142    },
17143
17144    backToTop() {
17145      window.scrollTo({ top: 0, behavior: 'smooth' });
17146    },
17147  }"
17148>
17149  <button
17150    type="button"
17151    id="back-to-top"
17152    class="!fixed end-5 bottom-5 z-[1001] hidden rounded-full bg-red-600 p-3 text-xs leading-tight font-medium text-white uppercase shadow-md transition duration-150 ease-in-out hover:bg-red-700 hover:shadow-lg focus:shadow-lg focus:ring-0 focus:outline-hidden active:bg-red-800 active:shadow-lg"
17153    @click="backToTop()"
17154  >
17155    <span class="[&>svg]:w-4">
17156      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor">
17157        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
17158      </svg>
17159    </span>
17160  </button>
17161</div>
17162
17163  <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 17163-17166
17163
17164  <noscript
17165    ><iframe
17166      src="https://www.googletagmanager.com/ns.html?id=
17166GTM-P99PFCDN
vendor: 114 bytes, lines 17166-17172
17166"
17167      height="0"
17168      width="0"
17169      style="display: none; visibility: hidden"
17170    ></iframe
17171  ></noscript>
17172  
17172<!-- End Google Tag Manager (noscript) -->
17173
17174<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM","uri":"https:\/\/www.voltimum.co.uk\/livewire-3a448f85\/update","moduleUrl":"https:\/\/www.voltimum.co.uk\/livewire-3a448f85","progressBar":"","nonce":""};</script>
17174
17175
17176  
17176<script>
17177    document.addEventListener('alpine:init', () => {
17178      Alpine.data('cartQty', ({ id, initial, min, step, save }) => ({
17179        id,
17180        qty: initial,
17181        qtyInput: initial,
17182        min,
17183        step,
17184        busy: false,
17185        t: null,
17186        reqId: 0, // for out-of-order guard
17187
17188        // Adopt a quantity the server changed for this row without a user edit.
17189        syncFromServer(detail) {
17190          const next = Number(detail?.quantities?.[this.id]);
17191
17192          if (!Number.isFinite(next) || next === this.qty) {
17193            return;
17194          }
17195
17196          clearTimeout(this.t);
17197          this.reqId++; // drop any in-flight save's late completion
17198          this.busy = false;
17199          this.qty = next;
17200          this.qtyInput = next;
17201        },
17202
17203        normalize(v) {
17204          v = Number(v || this.min);
17205          v = Math.max(this.min, v);
17206          const remainder = (v - this.min) % this.step;
17207          if (remainder !== 0) v += this.step - remainder;
17208          return v;
17209        },
17210
17211        set(v) {
17212          const normalized = this.normalize(v);
17213          if (normalized === this.qty) {
17214            // no change => no network
17215            this.qtyInput = normalized;
17216            return;
17217          }
17218          this.qty = normalized;
17219          this.qtyInput = normalized;
17220          this.debouncedSave();
17221        },
17222
17223        inc() {
17224          this.set(this.qty + this.step);
17225        },
17226        dec() {
17227          this.set(this.qty - this.step);
17228        },
17229        applyInput() {
17230          this.set(this.qtyInput);
17231        },
17232
17233        debouncedSave() {
17234          clearTimeout(this.t);
17235          const myReq = ++this.reqId;
17236          this.t = setTimeout(async () => {
17237            this.busy = true; // <= move busy here
17238            try {
17239              await save(this.qty);
17240            } finally {
17241              if (myReq === this.reqId) this.busy = false; // ignore late completions
17242            }
17243          }, 250); // faster debounce
17244        },
17245
17246        // Normalize once on init; only save if it actually changed
17247        init() {
17248          const n = this.normalize(this.qty);
17249          this.qty = this.qtyInput = n;
17250          if (n !== initial) {
17251            this.debouncedSave();
17252          }
17253        },
17254      }));
17255    });
17256  </script>
vendor: 1 bytes, line 17256
17256
17257<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"00a3fbf53f254b8fb485e599a4bb5e63","r":1,"spa":2}' crossorigin="anonymous"></script>
17257
17258</body>
17259</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.