PageSourceSearch

https://www.tmgindustrial.co.nz/collections/shop-equipment-1

html tmgindustrial.co.nz collected 2026-09-30 22:16:49 UTC 592,087 bytes, 13,598 lines download raw bytes

1<!doctype html>
2<html class="js" lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://www.tmgindustrial.co.nz/collections/shop-equipment-1"><link rel="icon" type="image/png" href="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9.png?crop=center&height=32&v=1769108618&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
9      Shop Equipment for Sale in Canada | TMG Industrial
10 &ndash; TMG Industrial New Zealand</title>
11
12    
13      <meta name="description" content="Equip your workshop with premium shop equipment from TMG Industrial. Our extensive range includes essential tools and machinery designed to enhance productivity and efficiency in your workspace. Whether you are a professional mechanic, fabricator, or DIY enthusiast, our durable and reliable equipment meets all your shop needs.">
14    
15
16    
17
18<meta property="og:site_name" content="TMG Industrial New Zealand">
19<meta property="og:url" content="https://www.tmgindustrial.co.nz/collections/shop-equipment-1">
20<meta property="og:title" content="Shop Equipment for Sale in Canada | TMG Industrial">
21<meta property="og:type" content="website">
22<meta property="og:description" content="Equip your workshop with premium shop equipment from TMG Industrial. Our extensive range includes essential tools and machinery designed to enhance productivity and efficiency in your workspace. Whether you are a professional mechanic, fabricator, or DIY enthusiast, our durable and reliable equipment meets all your shop needs."><meta name="twitter:site" content="@1"><meta name="twitter:card" content="summary_large_image">
23<meta name="twitter:title" content="Shop Equipment for Sale in Canada | TMG Industrial">
24<meta name="twitter:description" content="Equip your workshop with premium shop equipment from TMG Industrial. Our extensive range includes essential tools and machinery designed to enhance productivity and efficiency in your workspace. Whether you are a professional mechanic, fabricator, or DIY enthusiast, our durable and reliable equipment meets all your shop needs.">
25
26
27    
27<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/modernizr.js?v=74810028580595623121770958727" defer="defer"></script>
27
28    
28<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/constants.js?v=132983761750457495441770958727" defer="defer"></script>
28
29    
29<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/pubsub.js?v=158357773527763999511770958727" defer="defer"></script>
29
30    
30<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/global.js?v=122831724568249188281770958727" defer="defer"></script>
30
31    
31<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/details-disclosure.js?v=13653116266235556501770958727" defer="defer"></script>
31
32    
32<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/details-modal.js?v=25581673532751508451770958727" defer="defer"></script>
32
33    
33<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/search-form.js?v=133129549252120666541770958728" defer="defer"></script>
33<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/animations.js?v=88693664871331136111770958727" defer="defer"></script>
33<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
33<meta name="google-site-verification" content="UkOOURTmwhSAYPqEPK3FkguRg9IhIz4GcBjavqfpnw0">
34<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78703755488/digital_wallets/dialog">
35<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-equipment-1.atom" />
36<link rel="alternate" type="application/json+oembed" href="https://www.tmgindustrial.co.nz/collections/shop-equipment-1.oembed">
37<script async="async" src="/checkouts/internal/preloads.js?locale=en-NZ&default_configuration_id=3460497632"></script>
vendor: 1 bytes, line 37
37
38<script id="shopify-features" type="application/json">{"accessToken":"bd3d637fb738395e9f4da5784055210c","betas":["rich-media-storefront-analytics"],"domain":"www.tmgindustrial.co.nz","predictiveSearch":true,"shopId":78703755488,"locale":"en"}</script>
vendor: 1 bytes, line 38
38
39<script>var Shopify = Shopify || {};
40Shopify.shop = "tmg-industrial-new-zealand.myshopify.com";
41Shopify.locale = "en";
42Shopify.currency = {"active":"NZD","rate":"1.0"};
43Shopify.country = "NZ";
44Shopify.theme = {"name":"header_migration_dev","id":157273424096,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"};
45Shopify.theme.handle = "null";
46Shopify.theme.style = {"id":null,"handle":null};
47Shopify.cdnHost = "www.tmgindustrial.co.nz/cdn";
48Shopify.routes = Shopify.routes || {};
49Shopify.routes.root = "/";
50Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
51Shopify.SignInWithShop = Shopify.SignInWithShop || {};
52Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
53Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 53
53
54<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 54
54
55<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 55
55
56<script>
57  window.Shopify = window.Shopify || {};
58  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
59  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
60  window.Shopify.SignInWithShop.eligible = true;
61</script>
vendor: 1 bytes, line 61
61
62<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 62
62
63<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 63
63
64<script type="module">
65  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
66
67  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
68
69</script>
vendor: 1 bytes, line 69
69
70<script>
71  window.Shopify = window.Shopify || {};
72  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
73  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
74</script>
vendor: 1 bytes, line 74
74
75<script id="__st">var __st={"a":78703755488,"offset":46800,"reqid":"dc5102da-0174-4335-b4c2-b97c091daa03-1790806609","pageurl":"www.tmgindustrial.co.nz\/collections\/shop-equipment-1","u":"272cc877dec5","p":"collection","rtyp":"collection","rid":480923123936};</script>
vendor: 1 bytes, line 75
75
76<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 76
76
77<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 77
77
78<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.tmgindustrial.co.nz/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 78
78
79<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.tmgindustrial.co.nz/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
79<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 79
79
80<script>
81  window.Shopify = window.Shopify || {};
82  window.Shopify.MCP = window.Shopify.MCP || {};
83  window.Shopify.MCP.enabled = true;
84  window.Shopify.MCP.shop = "tmg-industrial-new-zealand.myshopify.com";
85  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.tmgindustrial.co.nz\/api\/mcp";
86  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
87</script>
vendor: 1 bytes, line 87
87
88<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.tmgindustrial.co.nz\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
89</script>
vendor: 1 bytes, line 89
89
90<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.tmgindustrial.co.nz/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
91</script>
vendor: 1 bytes, line 91
91
92<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
93  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
94</script>
vendor: 1 bytes, line 94
94
95<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
96</script>
96
97
98<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
98
99
100
101    <style data-shopify>
102      @font-face {
103  font-family: "Roboto Condensed";
104  font-weight: 400;
105  font-style: normal;
106  font-display: swap;
107  src: url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"),
108       url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff");
109}
110
111      @font-face {
112  font-family: "Roboto Condensed";
113  font-weight: 700;
114  font-style: normal;
115  font-display: swap;
116  src: url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n7.0c73a613503672be244d2f29ab6ddd3fc3cc69ae.woff2") format("woff2"),
117       url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n7.ef6ece86ba55f49c27c4904a493c283a40f3a66e.woff") format("woff");
118}
119
120      @font-face {
121  font-family: "Roboto Condensed";
122  font-weight: 400;
123  font-style: italic;
124  font-display: swap;
125  src: url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_i4.05c7f163ad2c00a3c4257606d1227691aff9070b.woff2") format("woff2"),
126       url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_i4.04d9d87e0a45b49fc67a5b9eb5059e1540f5cda3.woff") format("woff");
127}
128
129      @font-face {
130  font-family: "Roboto Condensed";
131  font-weight: 700;
132  font-style: italic;
133  font-display: swap;
134  src: url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_i7.bed9f3a01efda68cdff8b63e6195c957a0da68cb.woff2") format("woff2"),
135       url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_i7.9ca5759a0bcf75a82b270218eab4c83ec254abf8.woff") format("woff");
136}
137
138      @font-face {
139  font-family: "Roboto Condensed";
140  font-weight: 400;
141  font-style: normal;
142  font-display: swap;
143  src: url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"),
144       url("//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff");
145}
146
147
148      
149        :root,
150        .color-scheme-1 {
151          --color-background: 241,241,241;
152        
153          --gradient-background: #f1f1f1;
154        
155
156        
157
158        --color-foreground: 18,18,18;
159        --color-background-contrast: 177,177,177;
160        --color-shadow: 241,241,241;
161        --color-button: 18,18,18;
162        --color-button-text: 255,255,255;
163        --color-secondary-button: 241,241,241;
164        --color-secondary-button-text: 18,18,18;
165        --color-link: 18,18,18;
166        --color-badge-foreground: 18,18,18;
167        --color-badge-background: 241,241,241;
168        --color-badge-border: 18,18,18;
169        --payment-terms-background-color: rgb(241 241 241);
170      }
171      
172        
173        .color-scheme-2 {
174          --color-background: 255,255,255;
175        
176          --gradient-background: #ffffff;
177        
178
179        
180
181        --color-foreground: 18,18,18;
182        --color-background-contrast: 191,191,191;
183        --color-shadow: 18,18,18;
184        --color-button: 18,18,18;
185        --color-button-text: 243,243,243;
186        --color-secondary-button: 255,255,255;
187        --color-secondary-button-text: 18,18,18;
188        --color-link: 18,18,18;
189        --color-badge-foreground: 18,18,18;
190        --color-badge-background: 255,255,255;
191        --color-badge-border: 18,18,18;
192        --payment-terms-background-color: rgb(255 255 255);
193      }
194      
195        
196        .color-scheme-3 {
197          --color-background: 36,40,51;
198        
199          --gradient-background: #242833;
200        
201
202        
203
204        --color-foreground: 255,255,255;
205        --color-background-contrast: 47,52,66;
206        --color-shadow: 18,18,18;
207        --color-button: 255,255,255;
208        --color-button-text: 0,0,0;
209        --color-secondary-button: 36,40,51;
210        --color-secondary-button-text: 255,255,255;
211        --color-link: 255,255,255;
212        --color-badge-foreground: 255,255,255;
213        --color-badge-background: 36,40,51;
214        --color-badge-border: 255,255,255;
215        --payment-terms-background-color: rgb(36 40 51);
216      }
217      
218        
219        .color-scheme-4 {
220          --color-background: 18,18,18;
221        
222          --gradient-background: #121212;
223        
224
225        
226
227        --color-foreground: 255,255,255;
228        --color-background-contrast: 146,146,146;
229        --color-shadow: 18,18,18;
230        --color-button: 255,255,255;
231        --color-button-text: 18,18,18;
232        --color-secondary-button: 18,18,18;
233        --color-secondary-button-text: 255,255,255;
234        --color-link: 255,255,255;
235        --color-badge-foreground: 255,255,255;
236        --color-badge-background: 18,18,18;
237        --color-badge-border: 255,255,255;
238        --payment-terms-background-color: rgb(18 18 18);
239      }
240      
241        
242        .color-scheme-5 {
243          --color-background: 207,26,27;
244        
245          --gradient-background: #cf1a1b;
246        
247
248        
249
250        --color-foreground: 255,255,255;
251        --color-background-contrast: 94,12,12;
252        --color-shadow: 18,18,18;
253        --color-button: 255,255,255;
254        --color-button-text: 51,79,180;
255        --color-secondary-button: 207,26,27;
256        --color-secondary-button-text: 255,255,255;
257        --color-link: 255,255,255;
258        --color-badge-foreground: 255,255,255;
259        --color-badge-background: 207,26,27;
260        --color-badge-border: 255,255,255;
261        --payment-terms-background-color: rgb(207 26 27);
262      }
263      
264        
265        .color-scheme-6afbbe74-3bca-4e02-b661-2a12ca0519c3 {
266          --color-background: 241,241,241;
267        
268          --gradient-background: #f1f1f1;
269        
270
271        
272
273        --color-foreground: 18,18,18;
274        --color-background-contrast: 177,177,177;
275        --color-shadow: 207,26,27;
276        --color-button: 207,26,27;
277        --color-button-text: 255,255,255;
278        --color-secondary-button: 241,241,241;
279        --color-secondary-button-text: 207,26,27;
280        --color-link: 207,26,27;
281        --color-badge-foreground: 18,18,18;
282        --color-badge-background: 241,241,241;
283        --color-badge-border: 18,18,18;
284        --payment-terms-background-color: rgb(241 241 241);
285      }
286      
287        
288        .color-scheme-e3f1d9c5-fd45-40d0-90e0-0b83ab597244 {
289          --color-background: 243,243,243;
290        
291          --gradient-background: #f3f3f3;
292        
293
294        
295
296        --color-foreground: 255,255,255;
297        --color-background-contrast: 179,179,179;
298        --color-shadow: 241,241,241;
299        --color-button: 18,18,18;
300        --color-button-text: 255,255,255;
301        --color-secondary-button: 243,243,243;
302        --color-secondary-button-text: 18,18,18;
303        --color-link: 18,18,18;
304        --color-badge-foreground: 255,255,255;
305        --color-badge-background: 243,243,243;
306        --color-badge-border: 255,255,255;
307        --payment-terms-background-color: rgb(243 243 243);
308      }
309      
310
311      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6afbbe74-3bca-4e02-b661-2a12ca0519c3, .color-scheme-e3f1d9c5-fd45-40d0-90e0-0b83ab597244 {
312        color: rgba(var(--color-foreground), 0.75);
313        background-color: rgb(var(--color-background));
314      }
315
316      :root {
317        --font-body-family: "Roboto Condensed", sans-serif;
318        --font-body-style: normal;
319        --font-body-weight: 400;
320        --font-body-weight-bold: 700;
321
322        --font-heading-family: "Roboto Condensed", sans-serif;
323        --font-heading-style: normal;
324        --font-heading-weight: 400;
325
326        --font-body-scale: 1.0;
327        --font-heading-scale: 1.0;
328
329        --media-padding: px;
330        --media-border-opacity: 0.05;
331        --media-border-width: 1px;
332        --media-radius: 0px;
333        --media-shadow-opacity: 0.0;
334        --media-shadow-horizontal-offset: 0px;
335        --media-shadow-vertical-offset: 4px;
336        --media-shadow-blur-radius: 5px;
337        --media-shadow-visible: 0;
338
339        --page-width: 140rem;
340        --page-width-margin: 0rem;
341
342        --product-card-image-padding: 1.0rem;
343        --product-card-corner-radius: 0.0rem;
344        --product-card-text-alignment: left;
345        --product-card-border-width: 0.0rem;
346        --product-card-border-opacity: 0.1;
347        --product-card-shadow-opacity: 0.0;
348        --product-card-shadow-visible: 0;
349        --product-card-shadow-horizontal-offset: 0.0rem;
350        --product-card-shadow-vertical-offset: 0.4rem;
351        --product-card-shadow-blur-radius: 0.5rem;
352
353        --collection-card-image-padding: 0.0rem;
354        --collection-card-corner-radius: 0.0rem;
355        --collection-card-text-alignment: left;
356        --collection-card-border-width: 0.0rem;
357        --collection-card-border-opacity: 0.1;
358        --collection-card-shadow-opacity: 0.0;
359        --collection-card-shadow-visible: 0;
360        --collection-card-shadow-horizontal-offset: 0.0rem;
361        --collection-card-shadow-vertical-offset: 0.4rem;
362        --collection-card-shadow-blur-radius: 0.5rem;
363
364        --blog-card-image-padding: 0.0rem;
365        --blog-card-corner-radius: 0.0rem;
366        --blog-card-text-alignment: left;
367        --blog-card-border-width: 0.0rem;
368        --blog-card-border-opacity: 0.1;
369        --blog-card-shadow-opacity: 0.0;
370        --blog-card-shadow-visible: 0;
371        --blog-card-shadow-horizontal-offset: 0.0rem;
372        --blog-card-shadow-vertical-offset: 0.4rem;
373        --blog-card-shadow-blur-radius: 0.5rem;
374
375        --badge-corner-radius: 4.0rem;
376
377        --popup-border-width: 1px;
378        --popup-border-opacity: 0.1;
379        --popup-corner-radius: 0px;
380        --popup-shadow-opacity: 0.05;
381        --popup-shadow-horizontal-offset: 0px;
382        --popup-shadow-vertical-offset: 4px;
383        --popup-shadow-blur-radius: 5px;
384
385        --drawer-border-width: 1px;
386        --drawer-border-opacity: 0.1;
387        --drawer-shadow-opacity: 0.0;
388        --drawer-shadow-horizontal-offset: 0px;
389        --drawer-shadow-vertical-offset: 4px;
390        --drawer-shadow-blur-radius: 5px;
391
392        --spacing-sections-desktop: 0px;
393        --spacing-sections-mobile: 0px;
394
395        --grid-desktop-vertical-spacing: 16px;
396        --grid-desktop-horizontal-spacing: 16px;
397        --grid-mobile-vertical-spacing: 8px;
398        --grid-mobile-horizontal-spacing: 8px;
399
400        --text-boxes-border-opacity: 0.1;
401        --text-boxes-border-width: 0px;
402        --text-boxes-radius: 0px;
403        --text-boxes-shadow-opacity: 0.0;
404        --text-boxes-shadow-visible: 0;
405        --text-boxes-shadow-horizontal-offset: 0px;
406        --text-boxes-shadow-vertical-offset: 4px;
407        --text-boxes-shadow-blur-radius: 5px;
408
409        --buttons-radius: 0px;
410        --buttons-radius-outset: 0px;
411        --buttons-border-width: 1px;
412        --buttons-border-opacity: 1.0;
413        --buttons-shadow-opacity: 0.0;
414        --buttons-shadow-visible: 0;
415        --buttons-shadow-horizontal-offset: 0px;
416        --buttons-shadow-vertical-offset: 4px;
417        --buttons-shadow-blur-radius: 5px;
418        --buttons-border-offset: 0px;
419
420        --inputs-radius: 0px;
421        --inputs-border-width: 1px;
422        --inputs-border-opacity: 0.55;
423        --inputs-shadow-opacity: 0.0;
424        --inputs-shadow-horizontal-offset: 0px;
425        --inputs-margin-offset: 0px;
426        --inputs-shadow-vertical-offset: 4px;
427        --inputs-shadow-blur-radius: 5px;
428        --inputs-radius-outset: 0px;
429
430        --variant-pills-radius: 40px;
431        --variant-pills-border-width: 1px;
432        --variant-pills-border-opacity: 0.55;
433        --variant-pills-shadow-opacity: 0.0;
434        --variant-pills-shadow-horizontal-offset: 0px;
435        --variant-pills-shadow-vertical-offset: 4px;
436        --variant-pills-shadow-blur-radius: 5px;
437      }
438
439      *,
440      *::before,
441      *::after {
442        box-sizing: inherit;
443      }
444
445      html {
446        box-sizing: border-box;
447        font-size: calc(var(--font-body-scale) * 62.5%);
448        height: 100%;
449      }
450
451      body {
452        display: grid;
453        grid-template-rows: auto auto 1fr auto;
454        grid-template-columns: 100%;
455        min-height: 100%;
456        margin: 0;
457        font-size: 1.5rem;
458        letter-spacing: 0.06rem;
459        line-height: calc(1 + 0.8 / var(--font-body-scale));
460        font-family: var(--font-body-family);
461        font-style: var(--font-body-style);
462        font-weight: var(--font-body-weight);
463      }
464
465      .predictive-results{
466        display: none;
467      }
468
469      @media screen and (min-width: 750px) {
470        body {
471          font-size: 1.6rem;
472        }
473      }
474    </style>
475
476    <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/base.css?v=59914337305143910211770958727" rel="stylesheet" type="text/css" media="all" />
477
478    <link rel="stylesheet" href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-cart-items.css?v=123238115697927560811770958728" media="print" onload="this.media='all'">
479      
479<script>
480  console.log('Product Check:', {
481  'product_exists': 'initial',
482});
483</script>
483
484
485<script>
486  console.log('Rio Legacy Check:', {
487    'rio-legacy-disabled.value': null,
488    'condition_met': true
489  });
490
491
492
493      <link rel="preload" as="font" href="//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2" type="font/woff2" crossorigin>
494      
495
496      <link rel="preload" as="font" href="//www.tmgindustrial.co.nz/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2" type="font/woff2" crossorigin>
497      
498<link
499        rel="stylesheet"
500        href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-predictive-search.css?v=118923337488134913561770958727"
501        media="print"
502        onload="this.media='all'"
503      >
503<script>
504      if (Shopify.designMode) {
505        document.documentElement.classList.add('shopify-design-mode');
506      }
507    </script>
507
508    
509  
510     
510<script>
511  window.STOREFRONT_API_TOKEN = '1cb73545d78a17f6ea2fca658f08c689';
512</script>
512
513
514 
515<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 515-516
515
516<script async src="https://www.googletagmanager.com/gtag/js?id=
516G-DRL3G12QV9
vendor: 12 bytes, line 516
516"></script>
517<script>
518  
vendor: 134 bytes, lines 518-522
518window.dataLayer = window.dataLayer || [];
519  function gtag(){dataLayer.push(arguments);}
520  gtag('js', new Date());
521
522  gtag('config', '
522G-DRL3G12QV9
vendor: 4 bytes, line 522
522');
523</script>
523
524
525  
526
527
528
529<meta name="google-site-verification" content="48-vY0dDKZtPz-uqGsrXc1CO9XonoRn8g9lxLV5IU6o" />
530<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
531
532
533
534
535
536
537
538
539
540
541
542
543  
543<script async src="https://static.klaviyo.com/onsite/js/TChg3Z/klaviyo.js?company_id=TChg3Z"></script>
543
544  
544<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
544
545
546  
547
548
549
550
551  
551<script>
552    window.klaviyoReviewsProductDesignMode = false
553  </script>
553
554
555
556
557
558
559
560
561
562
563<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
564<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 78703755488,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 564
564
565<script>
566  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
567</script>
vendor: 1 bytes, line 567
567
568<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
568).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 78703755488,storefrontBaseUrl: "https://www.tmgindustrial.co.nz",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.tmgindustrial.co.nz/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"TMG Industrial New Zealand","paymentSettings":{"currencyCode":"NZD"},"myshopifyDomain":"tmg-industrial-new-zealand.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.tmgindustrial.co.nz"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9096606351584","handle":"150-ton-electric-hydraulic-shop-press","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48408523931872","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9094518833376","handle":"150-ton-electric-hydraulic-shop-press-tmg-sp150","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48404785103072","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9094517489888","handle":"50-ton-hydraulic-air-shop-press-with-adjustable-bed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48404783792352","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9094517424352","handle":"sp100-100-ton-hydraulic-shop-press","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48404783923424","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9094517326048","handle":"sp75-75-ton-hydraulic-shop-press","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48404783562976","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.tmgindustrial.co.nz/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"157273424096","themePublished":"true","eventMetadataId":"8420f5ad-bde0-460f-818c-f2131f8c482b","pageType":"collection","resourceId":"480923123936","shopId":"78703755488","storefrontBaseUrl":"https:\/\/www.tmgindustrial.co.nz","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"480923123936\",\"title\":\"Shop Equipment\",\"productVariants\":[{\"price\":{\"amount\":17999.0,\"currencyCode\":\"NZD\"},\"product\":{\"title\":\"150 Ton Capacity Electric Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150\",\"vendor\":\"TMG Industrial\",\"id\":\"9096606351584\",\"untranslatedTitle\":\"150 Ton Capacity Electric Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150\",\"url\":\"\/products\/150-ton-electric-hydraulic-shop-press\",\"type\":\"active\"},\"id\":\"48408523931872\",\"image\":{\"src\":\"\/\/www.tmgindustrial.co.nz\/cdn\/shop\/files\/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360\"}
568,\"sku\":\"TMG-SP150\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":8799.0,\"currencyCode\":\"NZD\"},\"product\":{\"title\":\"150 Ton Electric Hydraulic Shop Press, 8500 PSI Heavy Duty Pressing, TMG-SP150\",\"vendor\":\"TMG Industrial\",\"id\":\"9094518833376\",\"untranslatedTitle\":\"150 Ton Electric Hydraulic Shop Press, 8500 PSI Heavy Duty Pressing, TMG-SP150\",\"url\":\"\/products\/150-ton-electric-hydraulic-shop-press-tmg-sp150\",\"type\":\"active\"},\"id\":\"48404785103072\",\"image\":{\"src\":\"\/\/www.tmgindustrial.co.nz\/cdn\/shop\/files\/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403\"},\"sku\":\"TMG-SP150\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1399.0,\"currencyCode\":\"NZD\"},\"product\":{\"title\":\"50 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP50\",\"vendor\":\"TMG Industrial\",\"id\":\"9094517489888\",\"untranslatedTitle\":\"50 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP50\",\"url\":\"\/products\/
56850-ton-hydraulic-air-shop-press-with-adjustable-bed\",\"type\":\"active\"},\"id\":\"48404783792352\",\"image\":{\"src\":\"\/\/www.tmgindustrial.co.nz\/cdn\/shop\/files\/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074\"},\"sku\":\"TMG-SP50\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3499.0,\"currencyCode\":\"NZD\"},\"product\":{\"title\":\"100 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, Protective Grid Guard, TMG-SP100\",\"vendor\":\"TMG Industrial\",\"id\":\"9094517424352\",\"untranslatedTitle\":\"100 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, Protective Grid Guard, TMG-SP100\",\"url\":\"\/products\/sp100-100-ton-hydraulic-shop-press\",\"type\":\"active\"},\"id\":\"48404783923424\",\"image\":{\"src\":\"\/\/www.tmgindustrial.co.nz\/cdn\/shop\/files\/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067\"},\"sku\":\"TMG-SP100\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2899.0,\"currencyCode\":\"NZD\"},\"product\":{\"title\":\"75 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP75\",\"vendor\":\"TMG Industrial\",\"id\":\"9094517326048\",\"untranslatedTitle\":\"75 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP75\",\"url\":\"\/products\/sp75-75-ton-hydraulic-shop-press\",\"type\":\"active\"},\"id\":\"48404783562976\",\"image\":{\"src\":\"\/\/www.tmgindustrial.co.nz\/cdn\/shop\/files\/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053\"},\"sku\":\"TMG-SP75\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
568<script>
569  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
570  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
571  window.ShopifyAnalytics.meta.currency = 'NZD';
572  var meta = {"products":[{"id":9096606351584,"gid":"gid:\/\/shopify\/Product\/9096606351584","vendor":"TMG Industrial","type":"active","handle":"150-ton-electric-hydraulic-shop-press","variants":[{"id":48408523931872,"price":1799900,"name":"150 Ton Capacity Electric Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150","public_title":null,"sku":"TMG-SP150"}],"remote":false},{"id":9094518833376,"gid":"gid:\/\/shopify\/Product\/9094518833376","vendor":"TMG Industrial","type":"active","handle":"150-ton-electric-hydraulic-shop-press-tmg-sp150","variants":[{"id":48404785103072,"price":879900,"name":"150 Ton Electric Hydraulic Shop Press, 8500 PSI Heavy Duty Pressing, TMG-SP150","public_title":null,"sku":"TMG-SP150"}],"remote":false},{"id":9094517489888,"gid":"gid:\/\/shopify\/Product\/9094517489888","vendor":"TMG Industrial","type":"active","handle":"50-ton-hydraulic-air-shop-press-with-adjustable-bed","variants":[{"id":48404783792352,"price":139900,"name":"50 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP50","public_title":null,"sku":"TMG-SP50"}],"remote":false},{"id":9094517424352,"gid":"gid:\/\/shopify\/Product\/9094517424352","vendor":"TMG Industrial","type":"active","handle":"sp100-100-ton-hydraulic-shop-press","variants":[{"id":48404783923424,"price":349900,"name":"100 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, Protective Grid Guard, TMG-SP100","public_title":null,"sku":"TMG-SP100"}],"remote":false},{"id":9094517326048,"gid":"gid:\/\/shopify\/Product\/9094517326048","vendor":"TMG Industrial","type":"active","handle":"sp75-75-ton-hydraulic-shop-press","variants":[{"id":48404783562976,"price":289900,"name":"75 Ton Hydraulic Shop Press, Air \u0026 Manual Dual Operation, TMG-SP75","public_title":null,"sku":"TMG-SP75"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":480923123936,"requestId":"dc5102da-0174-4335-b4c2-b97c091daa03-1790806609"}};
573  for (var attr in meta) {
574    window.ShopifyAnalytics.meta[attr] = meta[attr];
575  }
576</script>
vendor: 1 bytes, line 576
576
577<script class="analytics">
578  (function () {
579    var customDocumentWrite = function(content) {
580      var jquery = null;
581
582      if (window.jQuery) {
583        jquery = window.jQuery;
584      } else if (window.Checkout && window.Checkout.$) {
585        jquery = window.Checkout.$;
586      }
587
588      if (jquery) {
589        jquery('body').append(content);
590      }
591    };
592
593    var hasLoggedConversion = function(token) {
594      if (token) {
595        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
596      }
597      return false;
598    }
599
600    var setCookieIfConversion = function(token) {
601      if (token) {
602        var twoMonthsFromNow = new Date(Date.now());
603        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
604
605        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
606      }
607    }
608
609    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
610    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
611    if (trekkie.integrations) {
612      return;
613    }
614    trekkie.methods = [
615      'identify',
616      'page',
617      'ready',
618      'track',
619      'trackForm',
620      'trackLink'
621    ];
622    trekkie.factory = function(method) {
623      return function() {
624        var args = Array.prototype.slice.call(arguments);
625        args.unshift(method);
626        trekkie.push(args);
627        if (method == 'track' || method == 'page') {
628          var pageUrl;
629          try {
630            pageUrl = window.location.href;
631          } catch (e) {}
632          var pageReferrer;
633          try {
634            pageReferrer = document.referrer;
635          } catch (e) {}
636          try {
637            if (window.__TREKKIE_SHIM_QUEUE == null) {
638              window.__TREKKIE_SHIM_QUEUE = [];
639            }
640            window.__TREKKIE_SHIM_QUEUE.push({
641              from: 'trekkie-stub',
642              method: method,
643              args: args.slice(1),
644              pageContext: {
645                url: pageUrl,
646                referrer: pageReferrer
647              }
648            });
649          } catch (e) {
650            // no-op
651          }
652        }
653        return trekkie;
654      };
655    };
656    for (var i = 0; i < trekkie.methods.length; i++) {
657      var key = trekkie.methods[i];
658      trekkie[key] = trekkie.factory(key);
659    }
660    trekkie.load = function(config) {
661      trekkie.config = config || {};
662      trekkie.config.initialDocumentCookie = document.cookie;
663      var first = document.getElementsByTagName('script')[0];
664var script = document.createElement('script');
665script.type = 'text/javascript';
666script.onerror = function(e) {
667  var scriptFallback = document.createElement('script');
668  scriptFallback.type = 'text/javascript';
669  scriptFallback.onerror = function(error) {
670          var Monorail = {
671      produce: function produce(monorailDomain, schemaId, payload) {
672        var currentMs = new Date().getTime();
673        var event = {
674          schema_id: schemaId,
675          payload: payload,
676          metadata: {
677            event_created_at_ms: currentMs,
678            event_sent_at_ms: currentMs
679          }
680        };
681        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
682      },
683      sendRequest: function sendRequest(endpointUrl, payload) {
684        // Try the sendBeacon API
685        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
686          var blobData = new window.Blob([payload], {
687            type: 'text/plain'
688          });
689
690          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
691            return true;
692          } // sendBeacon was not successful
693
694        } // XHR beacon
695
696        var xhr = new XMLHttpRequest();
697
698        try {
699          xhr.open('POST', endpointUrl);
700          xhr.setRequestHeader('Content-Type', 'text/plain');
701          xhr.send(payload);
702        } catch (e) {
703          console.log(e);
704        }
705
706        return false;
707      },
708      isIos12: function isIos12() {
709        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
710      }
711    };
712    Monorail.produce('monorail-edge.shopifysvc.com',
713      'trekkie_storefront_load_errors/1.1',
714      {shop_id: 78703755488,
715      theme_id: 157273424096,
716      app_name: "storefront",
717      context_url: window.location.href,
718      source_url: "//www.tmgindustrial.co.nz/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js"});
719
720  };
721  scriptFallback.async = true;
722  scriptFallback.src = '//www.tmgindustrial.co.nz/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
723  first.parentNode.insertBefore(scriptFallback, first);
724};
725script.async = true;
726script.src = '//www.tmgindustrial.co.nz/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
727first.parentNode.insertBefore(script, first);
728
729    };
730    trekkie.load(
731      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78703755488,"isMerchantRequest":null,"themeId":157273424096,"themeCityHash":"15247240146147564933","contentLanguage":"en","currency":"NZD","eventMetadataId":"8420f5ad-bde0-460f-818c-f2131f8c482b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
732    );
733
734    var loaded = false;
735    trekkie.ready(function() {
736      if (loaded) return;
737      loaded = true;
738
739      window.ShopifyAnalytics.lib = window.trekkie;
740
741      var originalDocumentWrite = document.write;
742      document.write = customDocumentWrite;
743      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
744      document.write = originalDocumentWrite;
745
746      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
747      var token = match? match[1]: undefined;
748      if (!hasLoggedConversion(token)) {
749        setCookieIfConversion(token);
750        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"NZD","category":"Collection: shop-equipment-1","collectionName":"shop-equipment-1","collectionId":480923123936,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
751      }
752    });
753
754    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":480923123936,"requestId":"dc5102da-0174-4335-b4c2-b97c091daa03-1790806609","shopifyEmitted":true});
755
756    var eventsListenerScript = document.createElement('script');
757    eventsListenerScript.async = true;
758    eventsListenerScript.src = "//www.tmgindustrial.co.nz/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
759    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
760})();</script>
vendor: 1 bytes, line 760
760
761<script
762  defer
763  src="https://www.tmgindustrial.co.nz/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
764  data-application="storefront-renderer"
765  data-shop-id="78703755488"
766  data-render-region="gcp-europe-west1"
767  data-page-type="collection"
768  data-theme-instance-id="157273424096"
769  data-theme-name="Dawn"
770  data-theme-version="15.2.0"
771  data-monorail-region="shop_domain"
772  data-resource-timing-sampling-rate="10"
773  data-shs="true"
774  data-shs-beacon="true"
775  data-shs-export-with-fetch="true"
776  data-shs-logs-sample-rate="1"
777  data-shs-beacon-endpoint="https://www.tmgindustrial.co.nz/api/collect"
778></script>
778
779<meta name="shopify-y" content="e67e519c-18f6-47a7-a2ea-127ef0376851" data-expiration="1822364209000"><meta name="shopify-s" content="65d3505d-c641-4179-93c1-62b70b36d142" data-expiration="1790808409000"><meta name="new-cookie-storage-activated" content="t">
780</head>
781
782  <body class="gradient">
783   
784    
784<script>
785      (function () {
786        // 1) Kill browser scroll restoration
787        if ('scrollRestoration' in history) {
788          history.scrollRestoration = 'manual';
789        }
790
791        // 2) Temporarily disable smooth scroll so it doesn’t animate jumps
792        var html = document.documentElement;
793        var originalScrollBehavior = html.style.scrollBehavior || '';
794        html.style.scrollBehavior = 'auto';
795
796        // 3) Hard lock: keep forcing scrollTop = 0 for ~2 seconds
797        var start = Date.now();
798        var hardLockInterval = setInterval(function () {
799          window.scrollTo(0, 0);
800          if (Date.now() - start > 2000) {
801            clearInterval(hardLockInterval);
802            // restore scroll-behavior once we’re done
803            html.style.scrollBehavior = originalScrollBehavior;
804          }
805        }, 50);
806
807        // 4) Soft lock: block explicit scroll APIs during that time
808        var lockScroll = true;
809
810        var _scroll   = window.scroll;
811        var _scrollTo = window.scrollTo;
812        var _scrollBy = window.scrollBy;
813        var _siv      = Element.prototype.scrollIntoView;
814
815        function stayTop() {
816          if (lockScroll) {
817            _scrollTo.call(window, 0, 0);
818          }
819        }
820
821        window.scroll = function () {
822          stayTop();
823        };
824
825        window.scrollTo = function () {
826          stayTop();
827        };
828
829        window.scrollBy = function () {
830          stayTop();
831        };
832
833        Element.prototype.scrollIntoView = function () {
834          stayTop();
835        };
836
837        // Always snap on key lifecycle events
838        function snapTop() {
839          _scrollTo.call(window, 0, 0);
840        }
841
842        window.addEventListener('DOMContentLoaded', snapTop);
843        window.addEventListener('load', snapTop);
844        window.addEventListener('pageshow', function (e) {
845          if (e.persisted) snapTop();
846        });
847
848        // After 2s, restore normal behavior
849        setTimeout(function () {
850          lockScroll = false;
851          window.scroll        = _scroll;
852          window.scrollTo      = _scrollTo;
853          window.scrollBy      = _scrollBy;
854          Element.prototype.scrollIntoView = _siv;
855        }, 2000);
856      })();
857    </script>
857
858    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
859      Skip to content
860    </a>
861
862<cart-notification>
863  <div class="cart-notification-wrapper page-width">
864    <div
865      id="cart-notification"
866      class="cart-notification focus-inset"
867      aria-modal="true"
868      aria-label="Item added to your cart"
869      role="dialog"
870      tabindex="-1"
871    >
872      <div class="cart-notification__header">
873        <h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
874Item added to your cart
875        </h2>
876        <button
877          type="button"
878          class="cart-notification__close modal__close-button link link--text focus-inset"
879          aria-label="Close"
880        >
881          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
882</span>
883        </button>
884      </div>
885      <div id="cart-notification-product" class="cart-notification-product"></div>
886      <div class="cart-notification__links">
887        <a
888          href="/cart"
889          id="cart-notification-button"
890          class="button button--secondary button--full-width"
891        >View cart</a>
892        <form action="/cart" method="post" id="cart-notification-form">
893          <button class="button button--primary button--full-width" name="checkout">
894            Check out
895          </button>
896        </form>
897        <button type="button" class="link button-label">Continue shopping</button>
898      </div>
899    </div>
900  </div>
901</cart-notification>
902<style data-shopify>
903  .cart-notification {
904    display: none;
905  }
906</style>
907<!-- BEGIN sections: header-group -->
908<div id="shopify-section-sections--21102509555936__announcement_bar_yxMwUX" class="shopify-section shopify-section-group-header-group site-announcement">
908<script
909  type="application/json"
910  data-section-id="sections--21102509555936__announcement_bar_yxMwUX"
911  data-section-type="static-announcement">
912</script>
912
913
914
915
916
917
918
919
920
921
922
923  
924  
925    
926      <div
927        class="
928          tmg-announcement-bar
929          
930        "
931        style="
932          margin-bottom: -1px;
933          color: #000000;
934          background:  #ff671b;
935        ">
936        
937
938        
939          <div class="tmg-announcement-text">
940            <span class="tmg-announcement-line">
941              <b style="text-align: center; display: block;">Exclusive Pre-order Access Now Open</b>
942            </span>
943            <span class="tmg-announcement-line">
944              
945            </span>
946          </div>
947        
948
949        <div class="tmg-announcement-text-mobile">
950          
951        </div>
952      </div>
953    
954
955  
956
957
958<style>
959  :root {
960    /* HEIGHT of your custom TMG announcement bar */
961    --tmg-announcement-height: 48px; /* bump to 60/80px if you want it taller */
962  }
963
964  /* === TMG ANNOUNCEMENT BAR: STICKY AT TOP === */
965  .tmg-announcement-bar {
966    position: relative;   /* <— STICKY, not fixed - to make it sticky say fixed */
967    top: 0;
968    left: 0;
969    right: 0;
970    width: 100%;
971    z-index: 100000001;         /* above normal content */
972    display: flex;
973    align-items: center;
974    justify-content: center;
975    min-height: var(--tmg-announcement-height);
976    box-sizing: border-box;
977     z-index: 2147483647 !important; /* highest possible */
978  }
979
980  @media screen and (max-width: 749px) {
981    div#shopify-section-sections--25582685847871__header_old_tmg_LYcthW{    margin-bottom: 5% !important;}
982    .tmg-announcement-bar {
983      max-width: 100% !important;
984      max-height:100%!important;
985    }
986  }
987
988  /* Optional: center text in the bar */
989  .tmg-announcement-text,
990  .tmg-announcement-text-mobile {
991    display: flex;
992    align-items: center;
993    justify-content: center;
994    flex-direction: row;
995    gap: 8px;
996    text-align: center;
997  }
998
999  .tmg-announcement-only-mobile .tmg-announcement-text {
1000    display: none;
1001  }
1002
1003  @media screen and (max-width: 749px) {
1004    .tmg-announcement-only-mobile .tmg-announcement-text-mobile {
1005      display: flex;
1006    }
1007  }
1008
1009  @media screen and (min-width: 750px) {
1010    .tmg-announcement-only-mobile .tmg-announcement-text-mobile {
1011      display: none;
1012    }
1013  }
1014</style>
1015
1016
1017</div><div id="shopify-section-sections--21102509555936__header_old_tmg_LYcthW" class="shopify-section shopify-section-group-header-group site-header-wrapper">
1017<script>
1018document.addEventListener('DOMContentLoaded', function () {
1019  const viewport = document.getElementById('tmgNavViewport');
1020  if (!viewport) return;
1021
1022  const list = viewport.querySelector('.tmg-nav-scroll__list');
1023  if (!list) return;
1024
1025  function setFiveAndHalfItems() {
1026    const items = Array.from(list.querySelectorAll('li.tmg-nav-item'));
1027    if (items.length < 2) return;
1028
1029    // Need at least 6 to do 5.5 properly; fallback to "all that exists"
1030    const idxFull = Math.min(4, items.length - 1);   // 5th item index
1031    const idxHalf = Math.min(5, items.length - 1);   // 6th item index
1032
1033    const vpRect = viewport.getBoundingClientRect();
1034    const fullRect = items[idxFull].getBoundingClientRect();
1035    const halfRect = items[idxHalf].getBoundingClientRect();
1036
1037    // width from viewport left to end of 5th item + half of 6th item
1038    const fullEnd = fullRect.right - vpRect.left;
1039    const halfWidth = halfRect.width * 2.7;
1040
1041    const targetW = Math.ceil(fullEnd + halfWidth);
1042
1043    // Force viewport to not stretch full width
1044    viewport.style.width = targetW + 'px';
1045    viewport.style.maxWidth = targetW + 'px';
1046    viewport.style.flex = '0 0 ' + targetW + 'px'; // important if parent is flex
1047    viewport.style.overflowX = 'auto';
1048    viewport.style.overflowY = 'hidden';
1049  }
1050
1051  // Run now + after fonts load (text width changes)
1052  setFiveAndHalfItems();
1053  window.addEventListener('resize', setFiveAndHalfItems);
1054  window.addEventListener('load', setFiveAndHalfItems);
1055
1056  function scrollByDir(dir){
1057    const amount = Math.max(240, Math.floor(viewport.clientWidth * 0.65));
1058    viewport.scrollBy({
1059      left: dir === 'left' ? -amount : amount,
1060      behavior: 'smooth'
1061    });
1062  }
1063
1064  document.querySelectorAll('[data-nav-scroll]').forEach(btn => {
1065    btn.addEventListener('click', function(e){
1066      e.preventDefault();
1067      e.stopPropagation();
1068      scrollByDir(btn.getAttribute('data-nav-scroll'));
1069    });
1070  });
1071});
1072</script>
vendor: 1 bytes, line 1072
1072
1073<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/mega-menu.js?v=66438262592535497621770958727" defer="defer"></script>
vendor: 1 bytes, line 1073
1073
1074<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/header-mobile-menu.js?v=179615902439377400021770958727" defer="defer"></script>
vendor: 1 bytes, line 1074
1074
1075<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/mobile-header.js?v=1362" defer="defer"></script>
vendor: 1 bytes, line 1075
1075
1076<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/fs-mobile-menu.js?v=32251367449236153421770958727" defer="defer"></script>
1076
1077
1078
1079
1080
1081
1082
1083
1084<style>
1085.search-icon--active{
1086display: none;
1087}
1088
1089
1090
1091.icon-account{
1092color: white;
1093}
1094
1095.site-header-actions__account-link{
1096height: 29px;
1097}
1098
1099.site-header__account-icon{
1100width: 19px;
1101padding-top: 6px;
1102}
1103
1104
1105:root{
1106  --tmg-black:#000;
1107  --tmg-border:#252525;
1108  --tmg-panel:#101010;
1109  --tmg-muted:#bdbdbd;
1110  --tmg-accent:#ff671d;
1111
1112  --tmg-max:1600px;
1113  --tmg-pad:16px;
1114
1115  --nav-h:54px;
1116  --tmg-sticky-h:72px; /* JS updates */
1117  --tmg-drawer-w:min(92vw, 420px);
1118  --tmg-drawer-radius:16px;
1119}
1120
1121/* =========================
1122   Base / container
1123   ========================= */
1124.site-header{ background:var(--tmg-black); }
1125
1126
1127
1128/* extra compact header (global) */
1129.tmg-header__container{
1130  padding-top:3px !important;
1131  padding-bottom:3px !important;
1132}
1133
1134/* =========================
1135   Utility bar
1136   ========================= */
1137.tmg-utility{ background:#FF671D; }
1138
1139.tmg-utility__inner{
1140  position:relative;
1141  display:flex;
1142  align-items:center;
1143  justify-content:flex-end;
1144  gap:91px;
1145  padding-right:1.5rem;
1146  min-height:34px;
1147}
1148
1149/* compact utility */
1150.tmg-utility__inner{ min-height:24px !important; }
1151
1152.tmg-utility__center{
1153
1154  max-width:calc(100% - 320px);
1155  text-align:center;
1156  color:black;
1157  font-size:12px;
1158  letter-spacing:.4px;
1159  text-transform:uppercase;
1160  font-weight:400;
1161  opacity:.95;
1162
1163  white-space:nowrap;
1164  overflow:hidden;
1165  text-overflow:ellipsis;
1166}
1167
1168/* compact utility text */
1169.tmg-utility__center{ letter-spacing:.25px !important; }
1170
1171.tmg-utility__right{
1172  display:flex;
1173  align-items:center;
1174  gap:18px;
1175  flex:0 0 auto;
1176}
1177
1178.tmg-utility__link{
1179  color:black;
1180  text-decoration:none;
1181  font-size:12px;
1182  letter-spacing:.4px;
1183  text-transform:uppercase;
1184  font-weight:400;
1185  opacity:.95;
1186  white-space:nowrap;
1187}
1188
1189/* compact link */
1190.tmg-utility__link{  letter-spacing:.25px !important; }
1191
1192.tmg-utility__link:hover{ opacity:.8; }
1193
1194/* cart bubble */
1195.site-header-cart--count{ position:absolute; top:-10px; }
1196.site-header-cart--count.visible{ display:inline-flex; }
1197
1198/* =========================
1199   Normal header (non-sticky group)
1200   ========================= */
1201.tmg-header-normal{ position:relative; z-index:20; }
1202
1203/* =========================
1204   Main header row
1205   ========================= */
1206.tmg-main{ background:#000000; }
1207
1208.tmg-main__inner{
1209  display:flex;
1210  align-items:center;
1211  gap:14px;
1212}
1213
1214/* compact main spacing */
1215.tmg-main__inner{ gap:6px !important; }
1216
1217.tmg-main__left{
1218  flex:0 0 auto;
1219  display:flex;
1220  align-items:center;
1221  gap:10px;
1222}
1223
1224/* compact left spacing */
1225.tmg-main__left{ gap:17px !important; }
1226
1227.tmg-main__center{
1228  flex:1 1 auto;
1229  min-width:0;
1230  display:flex;
1231  align-items:center;
1232  gap:14px;
1233}
1234
1235/* center is search-only on desktop (see desktop block) */
1236
1237.tmg-logo{
1238  display:flex;
1239  align-items:center;
1240  flex:0 0 auto;
1241}
1242
1243.site-logo{ max-width:200px; display:flex; align-items:center; }
1244.site-logo-image{ max-height:60px; }
1245
1246/* compact logo (main header) */
1247.site-logo-image{ max-height:26px !important; }
1248
1249.tmg-search{ flex:1 1 auto; min-width:0; }
1250.tmg-search .live-search{ width:100%; }
1251
1252.tmg-main__right{
1253  flex:0 0 auto;
1254  display:flex;
1255  align-items:center;
1256  gap:14px;
1257  margin-left:auto;
1258  white-space:nowrap;
1259}
1260
1261/* compact right spacing */
1262.tmg-main__right{ gap:8px !important; }
1263
1264/* icon colors */
1265.site-header-menu-toggle--button svg,
1266.site-header-mobile-search-button--button svg,
1267.site-header-cart--button svg,
1268.site-header-cart---svg svg,
1269.site-header-actions__account-link a{
1270  color:#ffffff !important;
1271}
1272
1273.site-header-menu-toggle--button .toggle-icon--bar{
1274  background-color:#ffffff;
1275}
1276
1277/* =========================
1278   Country dropdown
1279   ========================= */
1280.tmg-country{ position:relative; display:inline-flex; align-items:center; }
1281
1282.tmg-country__trigger{
1283  display:inline-flex;
1284  align-items:center;
1285  gap:8px;
1286  background:transparent;
1287  border:0;
1288  color:#fff;
1289  padding:6px 8px;
1290  border-radius:6px;
1291}
1292
1293.tmg-country__flag img{
1294  width:22px;
1295  height:22px;
1296  border-radius:50%;
1297  object-fit:cover;
1298  display:block;
1299}
1300
1301.tmg-country__code{ font-weight:400; letter-spacing:.5px; }
1302
1303.tmg-country__caret{
1304  display:inline-flex;
1305  align-items:center;
1306  justify-content:center;
1307  width:34px;
1308  height:34px;
1309  border:1px solid dimgrey;
1310  border-radius:6px;
1311  background:rgba(255,255,255,.04);
1312  cursor:pointer;
1313  padding:0;
1314}
1315
1316.tmg-country__caret:hover{ background:rgba(255,255,255,.08); }
1317
1318.tmg-country__dropdown{
1319  position:absolute;
1320  right:0;
1321  top:calc(100% + 10px);
1322  min-width:240px;
1323  background:#000;
1324  border:1px solid var(--tmg-border);
1325  box-shadow:0 8px 24px rgba(0,0,0,.5);
1326  padding:12px;
1327  z-index:9999;
1328  border-radius:10px;
1329}
1330
1331.tmg-country__row{
1332  display:flex;
1333  align-items:center;
1334  gap:10px;
1335  padding:10px 8px;
1336  color:#fff;
1337  text-decoration:none;
1338  border-radius:8px;
1339  font-weight:400;
1340}
1341
1342.tmg-country__row:hover{ background:#151515; }
1343.tmg-country__row img{ border-radius:2px; }
1344
1345/* =========================
1346   Nav row (desktop)
1347   ========================= */
1348.tmg-nav{
1349  background:#000;
1350  border-bottom:1px solid var(--tmg-border);
1351}
1352
1353.tmg-nav__inner{
1354  display:flex;
1355  align-items:center;
1356  gap:0;
1357  height:3rem;
1358}
1359
1360/* nav layout: static zones + scroll zone */
1361.tmg-nav__inner{
1362  gap:12px;
1363  height:52px;
1364}
1365
1366.tmg-nav-static-left,
1367.tmg-nav-static-right{
1368  display:flex;
1369  align-items:center;
1370  gap:23px;
1371  flex:0 0 auto;
1372}
1373
1374.tmg-nav-scroll{
1375  position:relative;
1376  flex:1 1 auto;
1377  min-width:0;
1378  display:flex;
1379  align-items:center;
1380  height:var(--nav-h);
1381  overflow:hidden;
1382}
1383
1384.tmg-nav-scroll__viewport{
1385  flex:1 1 auto;
1386  min-width:0;
1387  height:var(--nav-h);
1388  overflow-x:auto;
1389  overflow-y:hidden;
1390  scroll-behavior:smooth;
1391  -ms-overflow-style:none;
1392  scrollbar-width:none;
1393}
1394
1395.tmg-nav-scroll__viewport::-webkit-scrollbar{ display:none; }
1396
1397.tmg-nav-scroll__list{
1398  display:flex;
1399  align-items:center;
1400  gap:26px;
1401  height:var(--nav-h);
1402  padding:0;
1403  margin:0;
1404  list-style:none;
1405  white-space:nowrap;
1406}
1407
1408/* categories (default) */
1409.tmg-categories{
1410  height:var(--nav-h);
1411  display:flex;
1412  align-items:center;
1413  position:relative;
1414}
1415
1416.tmg-categories > a{
1417  height:var(--nav-h);
1418  display:flex;
1419  align-items:center;
1420  gap:10px;
1421  padding:0 16px;
1422  color:#fff;
1423  text-decoration:none;
1424  font-size:14px;
1425  letter-spacing:.4px;
1426  text-transform:none;
1427  font-weight:400;
1428  white-space:nowrap;
1429}
1430
1431.tmg-categories > a:hover{ background:rgba(255,255,255,.08); }
1432.tmg-categories svg{ width:18px; height:18px; }
1433
1434.tmg-nav-item{
1435  position:relative;
1436  height:var(--nav-h);
1437  display:flex;
1438  align-items:center;
1439}
1440
1441.tmg-nav-link{
1442  display:flex;
1443  align-items:center;
1444  gap:3px;
1445  height:var(--nav-h);
1446  padding:0;
1447
1448  color:#fff;
1449  text-decoration:none;
1450  font-size:14px;
1451  font-family:"Manrope", sans-serif !important;
1452  font-weight:400;
1453  text-transform:none;
1454  opacity:.95;
1455}
1456
1457.tmg-nav-link:hover{ opacity:.8; }
1458
1459/* arrows */
1460.tmg-nav-arrow{
1461  width:32px;
1462  height:32px;
1463  border:1px solid black;
1464  border-radius:10px;
1465  background:rgba(255,255,255,.04);
1466  color:#fff;
1467  cursor:pointer;
1468  display:flex;
1469  align-items:center;
1470  justify-content:center;
1471  font-size:18px;
1472}
1473
1474.tmg-nav-arrow:hover{ background:rgba(255,255,255,.12); }
1475
1476/* keep markup dropdown hidden; floating layer will show on hover/focus */
1477.tmg-dropdown{ display:none !important; }
1478
1479/* =========================
1480   Floating dropdown layer (Deals/Brands)
1481   ========================= */
1482.tmg-float-dropdown{
1483  position:fixed;
1484  top:0;
1485  left:0;
1486  min-width:220px;
1487  background:#000;
1488  border:1px solid var(--tmg-border);
1489  border-radius:12px;
1490  box-shadow:0 14px 34px rgba(0,0,0,.6);
1491  padding:10px 0;
1492  z-index:2147483646;
1493  opacity:0;
1494  transform:translateY(6px);
1495  pointer-events:none;
1496  transition:opacity .12s ease, transform .12s ease;
1497}
1498
1499.tmg-float-dropdown.is-open{
1500  opacity:1;
1501  transform:translateY(0);
1502  pointer-events:auto;
1503}
1504
1505.tmg-float-dropdown a{
1506  display:block;
1507  padding:10px 16px;
1508  color:#fff;
1509  text-decoration:none;
1510  font-size:13px;
1511  font-weight:400;
1512  opacity:.95;
1513  white-space:nowrap;
1514}
1515
1516.tmg-float-dropdown a:hover{
1517  background:rgba(255,255,255,.08);
1518  opacity:1;
1519}
1520
1521.tmg-float-dropdown .tmg-float-title{
1522  padding:10px 16px 8px;
1523  color:#bdbdbd;
1524  font-size:11px;
1525  letter-spacing:.5px;
1526  text-transform:uppercase;
1527}
1528
1529/* user override: hide title */
1530.tmg-float-title{ display:none; }
1531
1532/* =========================
1533   Mega menu
1534   ========================= */
1535.mega-menu{
1536  display:none;
1537  position:absolute;
1538  top:94%;
1539  left:0;
1540  width:min(1280px, calc(100vw - 2*var(--tmg-pad)));
1541  background:var(--tmg-panel);
1542  border:1px solid var(--tmg-border);
1543  box-shadow:0 8px 24px rgba(0,0,0,.5);
1544  overflow:hidden;
1545  z-index:2500;
1546  border-radius:14px;
1547}
1548
1549.tmg-categories:hover .mega-menu,
1550.tmg-sticky-categories:hover .mega-menu{ display:block; }
1551
1552.mega-menu-container{ display:flex; align-items:stretch; }
1553
1554.mega-menu-left{
1555  width:333px;
1556  background:#171717;
1557  border-right:1px solid var(--tmg-border);
1558  display:flex;
1559  flex-direction:column;
1560  padding:18px 0;
1561}
1562
1563.mega-left-item{
1564  display:flex;
1565  justify-content:flex-start;
1566  gap:10px;
1567  padding:12px 18px;
1568  color:#fff;
1569  text-decoration:none;
1570  font-size:14px;
1571  font-weight:400;
1572  opacity:.95;
1573}
1574
1575.mega-left-item:hover,
1576.mega-left-item.active{
1577  background:#222;
1578  opacity:1;
1579}
1580
1581span.mega-left-text{ font-size:16px; }
1582
1583.mega-menu-right{ flex:1; padding:22px 28px 26px; }
1584
1585.mega-category{ display:none; }
1586.mega-category.active{ display:block; }
1587
1588.mega-header{
1589  display:flex;
1590  justify-content:space-between;
1591  align-items:center;
1592  margin-bottom:18px;
1593}
1594
1595.mega-header h2{ margin:0; font-size:20px; font-weight:700; }
1596.mega-header h2 a{ color:#fff; text-decoration:none; }
1597
1598.mega-header .see-all{
1599  color:var(--tmg-accent);
1600  font-weight:400;
1601  text-decoration:none;
1602  font-size:13px;
1603}
1604
1605.mega-grid{
1606  display:grid;
1607  grid-template-columns:repeat(4, minmax(170px, 1fr));
1608  gap:18px 26px;
1609}
1610
1611.mega-col-title{ margin:0 0 8px; font-size:16px; font-weight:400; }
1612.mega-col-title a{ color:#fff; text-decoration:none; }
1613
1614.mega-link{
1615  display:block;
1616  padding:3px 0;
1617  color:#cfcfcf;
1618  text-decoration:none;
1619  font-size:14px;
1620}
1621
1622.mega-link:hover{ color:#fff; }
1623
1624/* =========================
1625   Promo bar
1626   ========================= */
1627.tmg-promo{
1628  background:#0a0a0a;
1629  border-bottom:1px solid var(--tmg-border);
1630}
1631
1632.tmg-promo__inner{
1633  display:flex;
1634  align-items:center;
1635  justify-content:center;
1636  gap:8px;
1637  flex-wrap:wrap;
1638  text-align:center;
1639  padding:10px 0;
1640
1641  color:#fff;
1642  font-size:13px;
1643  letter-spacing:.2px;
1644  font-weight:400;
1645}
1646
1647/* compact promo */
1648.tmg-promo__inner{ padding:6px 0 !important; font-size:11px !important; }
1649
1650.tmg-promo__code{
1651  color:#fff;
1652  font-weight:400;
1653  padding:2px 8px;
1654  border:1px solid rgba(255,255,255,.25);
1655}
1656
1657.tmg-promo__ends{ color:var(--tmg-muted); font-weight:400; }
1658
1659/* =========================
1660   Desktop mini sticky header
1661   ========================= */
1662.tmg-sticky-mini{
1663  position:fixed !important;
1664  top:0 !important;
1665  left:0;
1666  right:0;
1667  z-index:2;
1668
1669  background:#0b0b0b;
1670  border-bottom:1px solid #1f1f1f;
1671  transform:translateY(-110%);
1672  transition:transform .22s ease;
1673  will-change:transform;
1674}
1675
1676body.tmg-sticky-on .tmg-sticky-mini{ transform:translateY(0) !important; }
1677body.tmg-sticky-on .tmg-utility,
1678body.tmg-sticky-on .tmg-header-normal{ display:none; }
1679body.tmg-sticky-on{ padding-top:var(--tmg-sticky-h); }
1680
1681.tmg-sticky-mini__inner{
1682  display:flex;
1683  align-items:center;
1684  height:52px !important;
1685  gap:8px !important;
1686}
1687
1688.tmg-sticky-logo{ flex:0 0 auto; display:flex; align-items:center; }
1689.tmg-sticky-logo img{ width:auto; display:block; max-height:26px !important; }
1690
1691.tmg-sticky-categories{
1692  flex:0 0 auto;
1693  display:flex;
1694  align-items:center;
1695  position:relative;
1696}
1697
1698.tmg-sticky-categories > a{
1699  display:flex;
1700  align-items:center;
1701  white-space:nowrap;
1702
1703  border:1px solid #2b2b2b;
1704  background:rgba(255,255,255,.02);
1705  color:#fff;
1706  text-decoration:none;
1707  font-weight:400;
1708
1709  height:30px !important;
1710  padding:0 10px !important;
1711  border-radius:8px !important;
1712  font-size:13px !important;
1713  gap:8px !important;
1714}
1715
1716.tmg-sticky-categories > a:hover{ background:rgba(255,255,255,.06); }
1717.tmg-sticky-categories > a svg{ width:16px !important; height:16px !important; }
1718
1719.tmg-sticky-navwrap{
1720  flex:1 1 auto;
1721  min-width:0;
1722  display:flex;
1723  align-items:center;
1724  gap:10px;
1725}
1726
1727.tmg-sticky-nav{ flex:1 1 auto; min-width:0; }
1728
1729.tmg-sticky-nav__viewport{
1730  overflow-x:auto;
1731  overflow-y:hidden;
1732  scroll-behavior:smooth;
1733  -ms-overflow-style:none;
1734  scrollbar-width:none;
1735}
1736.tmg-sticky-nav__viewport::-webkit-scrollbar{ display:none; }
1737
1738.tmg-sticky-nav__list{
1739  display:flex;
1740  align-items:center;
1741  gap:22px;
1742  margin:0;
1743  padding:0;
1744  list-style:none;
1745  white-space:nowrap;
1746}
1747
1748.tmg-sticky-nav .tmg-nav-link{
1749  font-weight:400;
1750  opacity:1;
1751  height:30px !important;
1752  font-size:13px !important;
1753}
1754
1755.tmg-sticky-arrow{
1756  flex:0 0 auto;
1757  display:inline-flex;
1758  align-items:center;
1759  justify-content:center;
1760  cursor:pointer;
1761  color:#fff;
1762
1763  border:1px solid #2b2b2b;
1764  background:rgba(255,255,255,.02);
1765  width:28px !important;
1766  height:28px !important;
1767  border-radius:8px !important;
1768}
1769
1770.tmg-sticky-arrow:hover{ background:rgba(255,255,255,.06); }
1771
1772.tmg-sticky-search{
1773  flex:0 0 auto;
1774  width:min(520px, 38vw);
1775  min-width:220px !important;
1776}
1777
1778.tmg-sticky-search input[type="search"],
1779.tmg-sticky-search input[type="text"]{
1780  width:100% !important;
1781  height:30px !important;
1782  border-radius:999px !important;
1783  border:1px solid #2b2b2b !important;
1784  background:#f3f3f3 !important;
1785  color:#111 !important;
1786  padding:0 36px 0 12px !important;
1787  font-size:13px !important;
1788}
1789
1790.tmg-sticky-actions{
1791  flex:0 0 auto;
1792  display:flex;
1793  align-items:center;
1794  gap:6px !important;
1795}
1796
1797.tmg-sticky-actions .site-header-cart--button,
1798.tmg-sticky-actions .site-header-actions__account-link a{
1799  display:inline-flex;
1800  align-items:center;
1801  justify-content:center;
1802
1803  width:30px !important;
1804  height:30px !important;
1805  border:1px solid #2b2b2b;
1806  border-radius:8px !important;
1807  background:rgba(255,255,255,.02);
1808  text-decoration:none;
1809}
1810
1811.tmg-sticky-actions .site-header-cart--button:hover,
1812.tmg-sticky-actions .site-header-actions__account-link a:hover{
1813  background:rgba(255,255,255,.06);
1814}
1815
1816/* Desktop sticky header search (cleaned) */
1817@media (min-width: 991px){
1818  .tmg-sticky-mini .tmg-sticky-search input[type="search"],
1819  .tmg-sticky-mini .tmg-sticky-search input[type="text"],
1820  .tmg-sticky-mini .tmg-sticky-search .form-field-input{
1821    background:#fff !important;
1822    color:#111 !important;
1823    border:none !important;
1824    box-shadow:none !important;
1825    outline:none !important;
1826  }
1827
1828  .tmg-mob-top-icon,
1829.tmg-mob-top-account{
1830width: 21px;
1831position: relative;
1832bottom: -5px;
1833
1834}
1835
1836  .tmg-sticky-mini .tmg-sticky-search input::placeholder{
1837    color:#000 !important;
1838    font-weight:400;
1839  }
1840
1841  .tmg-sticky-mini .tmg-sticky-search button,
1842  .tmg-sticky-mini .tmg-sticky-search .live-search-button,
1843  .tmg-sticky-mini .tmg-sticky-search .form-field-button{
1844    background:transparent !important;
1845    border:none !important;
1846    color:#000 !important;
1847    box-shadow:none !important;
1848  }
1849
1850  .tmg-sticky-mini .tmg-sticky-search .form-field,
1851  .tmg-sticky-mini .tmg-sticky-search .live-search{
1852    border:none !important;
1853    background:transparent !important;
1854  }
1855}
1856
1857/* =========================
1858   FS mobile menu drawer
1859   ========================= */
1860.fs-mobile-menu{
1861  position:fixed;
1862  inset:0;
1863  z-index:999999;
1864  display:none;
1865}
1866.fs-mobile-menu.fs-mobile-menu--open{ display:block; }
1867body.fs-mobile-menu-open{ overflow:hidden; }
1868
1869.fs-mobile-menu__backdrop{
1870  position:absolute;
1871  inset:0;
1872  background:rgba(0,0,0,.55);
1873  opacity:0;
1874  transition:opacity .18s ease;
1875}
1876.fs-mobile-menu.fs-mobile-menu--open .fs-mobile-menu__backdrop{ opacity:1; }
1877
1878.fs-mobile-menu__panel{
1879  position:absolute;
1880  top:0;
1881  left:0;
1882  right:auto;
1883
1884  width:100%;
1885  max-width:100%;
1886  height:100%;
1887
1888  background:#0b0b0b;
1889  border-right:1px solid #1f1f1f;
1890  box-shadow:18px 0 50px rgba(0,0,0,.55);
1891
1892  transform:translateX(-102%);
1893  transition:transform .22s ease;
1894
1895  display:flex;
1896  flex-direction:column;
1897  padding-bottom:70px;
1898}
1899.fs-mobile-menu.fs-mobile-menu--open .fs-mobile-menu__panel{ transform:translateX(0); }
1900
1901.fs-mobile-menu__header{
1902  position:sticky;
1903  top:0;
1904  z-index:2;
1905
1906  display:flex;
1907  align-items:center;
1908  justify-content:space-between;
1909
1910  padding:14px 16px;
1911  border-bottom:1px solid rgba(255,255,255,.10);
1912  background:linear-gradient(180deg, rgba(15,15,15,1) 0%, rgba(11,11,11,1) 100%);
1913}
1914
1915.fs-mobile-menu__header span{
1916  font-size:14px;
1917  letter-spacing:.3px;
1918  text-transform:uppercase;
1919  opacity:.92;
1920}
1921
1922.fs-mobile-menu__close{
1923  width:40px;
1924  height:40px;
1925  border-radius:12px;
1926  border:1px solid rgba(255,255,255,.10);
1927  background:rgba(255,255,255,.03);
1928  color:#fff;
1929  display:inline-flex;
1930  align-items:center;
1931  justify-content:center;
1932  cursor:pointer;
1933}
1934.fs-mobile-menu__close:hover{ background:rgba(255,255,255,.07); }
1935
1936.fs-mobile-menu__content{ -webkit-overflow-scrolling:touch; }
1937
1938/* generic styling for whatever mobile_nav renders */
1939.fs-mobile-menu__content a{ color:#fff; text-decoration:none; }
1940.fs-mobile-menu__content ul{ list-style:none; margin:0; padding:0; }
1941.fs-mobile-menu__content li{ margin:0; padding:0; }
1942.fs-mobile-menu__content a,
1943.fs-mobile-menu__content button{ font-family:"Manrope", sans-serif; }
1944
1945.fs-mobile-menu__content .menu-title,
1946.fs-mobile-menu__content .fs-menu-title{
1947  color:#bdbdbd;
1948  font-size:11px;
1949  letter-spacing:.5px;
1950  text-transform:uppercase;
1951  padding:12px 10px 8px;
1952}
1953
1954.fs-mobile-menu__content .menu-link,
1955.fs-mobile-menu__content a.menu-link,
1956.fs-mobile-menu__content a{
1957  display:flex;
1958  align-items:center;
1959  justify-content:space-between;
1960  gap:12px;
1961  padding:12px 12px;
1962  border-radius:12px;
1963  font-size:14px;
1964  line-height:1.2;
1965  background:transparent;
1966}
1967
1968.fs-mobile-menu__content a:hover{ background:rgba(255,255,255,.06); }
1969
1970.fs-mobile-menu__content .submenu,
1971.fs-mobile-menu__content .child-menu,
1972.fs-mobile-menu__content ul ul{
1973  margin-top:6px;
1974  padding-left:10px;
1975  border-left:1px solid rgba(255,255,255,.10);
1976}
1977
1978.fs-mobile-menu__content ul ul a{
1979  font-size:13px;
1980  opacity:.92;
1981  padding:10px 12px;
1982}
1983
1984.fs-mobile-menu__content hr,
1985.fs-mobile-menu__content .divider{
1986  border:0;
1987  border-top:1px solid rgba(255,255,255,.10);
1988  margin:12px 8px;
1989}
1990
1991/* =========================
1992   Visibility helpers
1993   ========================= */
1994.tmg-mobile-logo-row,
1995.tmg-mobile-icons-row,
1996.tmg-mobile-quicknav,
1997.mobile_search_form{ display:none; }
1998
1999/* desktop/mobile flag visibility */
2000@media (min-width: 991px){ .country_mobile{ display:none !important; } }
2001@media (max-width: 990px){ .country_desktop{ display:none !important; } }
2002
2003span.form-field-select-wrapper.live-search-filter-wrapper{ display:none; }
2004
2005.change_style{
2006  color:#fff !important;
2007  background:transparent !important;
2008  border:none !important;
2009}
2010
2011/* =========================
2012   Mobile layout
2013   ========================= */
2014@media (max-width: 990px){
2015  div.tmg-main__center{ display:none; }
2016  .tmg-nav{ display:none; } /* drawer handles nav */
2017  .country_desktop{ display:none; }
2018  .country_mobile{ display:flex; }
2019
2020  /* desktop sticky mini hidden on mobile */
2021  .tmg-sticky-mini{ display:none !important; }
2022  body.tmg-sticky-on{ padding-top:0; }
2023
2024  /* announcement only */
2025  .tmg-utility__right{ display:none !important; }
2026  .tmg-utility__inner{ justify-content:center !important; }
2027  .tmg-utility__center{
2028    position:static !important;
2029    transform:none !important;
2030    max-width:100% !important;
2031    white-space:inherit;
2032    overflow:hidden;
2033    text-overflow:ellipsis;
2034    text-align:center;
2035  }
2036
2037  /* stack header rows */
2038  .tmg-main__inner{
2039    flex-direction:column !important;
2040    align-items:stretch !important;
2041    gap:0 !important;
2042  }
2043
2044  /* hide desktop pieces */
2045  .tmg-main__left,
2046  .tmg-main__right,
2047  .tmg-search{ display:none !important; }
2048
2049  /* show mobile rows */
2050  .tmg-mobile-logo-row,
2051  .tmg-mobile-icons-row,
2052  .tmg-mobile-quicknav{ display:block; }
2053
2054  .tmg-mobile-logo-row{
2055    display:flex;
2056    justify-content:center;
2057    align-items:center;
2058  }
2059
2060  .tmg-mobile-icons-row{
2061    display:flex;
2062    align-items:center;
2063    justify-content:space-between;
2064    gap:10px;
2065    border-top:1px solid rgba(255,255,255,.08);
2066  }
2067
2068  .tmg-mobile-icons-left,
2069  .tmg-mobile-icons-right{
2070    display:flex;
2071    align-items:center;
2072    gap:10px;
2073  }
2074
2075  .tmg-mobile-iconbtn{
2076    width:32px !important;
2077    height:32px !important;
2078    display:inline-flex;
2079    align-items:center;
2080    justify-content:center;
2081    border-radius:10px !important;
2082    background:rgba(255,255,255,.03);
2083    color:#fff;
2084    cursor:pointer;
2085    text-decoration:none;
2086    border:1px solid rgba(255,255,255,.08);
2087  }
2088
2089  .tmg-mobile-iconbtn:hover{ background:rgba(255,255,255,.07); }
2090
2091  .tmg-mobile-flag img{
2092    width:22px;
2093    height:16px;
2094    object-fit:cover;
2095    display:block;
2096    border-radius:3px;
2097  }
2098
2099  /* mobile quicknav */
2100  .tmg-mobile-quicknav{
2101    position:relative;
2102    display:flex;
2103    align-items:center;
2104    height:40px !important;
2105    background:#000;
2106    border-top:1px solid rgba(255,255,255,.08);
2107    border-bottom:1px solid rgba(255,255,255,.08);
2108  }
2109
2110  .tmg-nav-scroll{
2111    flex:1 1 auto;
2112    min-width:0;
2113    height:100%;
2114    display:flex;
2115    align-items:center;
2116  }
2117
2118  .tmg-nav-scroll__viewport{
2119    height:100%;
2120    display:flex;
2121    align-items:center;
2122    overflow-x:auto;
2123    overflow-y:hidden;
2124    scroll-behavior:smooth;
2125    -ms-overflow-style:none;
2126    scrollbar-width:none;
2127  }
2128  .tmg-nav-scroll__viewport::-webkit-scrollbar{ display:none; }
2129
2130  .tmg-nav-scroll__list{
2131    display:flex;
2132    align-items:center;
2133    height:100%;
2134    margin:0;
2135    padding:0 10px;
2136    list-style:none;
2137    gap:18px;
2138    white-space:nowrap;
2139  }
2140
2141  .tmg-nav-link{
2142    display:flex;
2143    align-items:center;
2144    height:100%;
2145  }
2146
2147  .tmg-mobile-nav-arrow{
2148    flex:0 0 auto;
2149    width:34px;
2150    height:34px;
2151    border:1px solid #2b2b2b;
2152    border-radius:12px;
2153    background:rgba(255,255,255,.05);
2154    color:#fff;
2155    display:flex;
2156    align-items:center;
2157    justify-content:center;
2158    font-size:20px;
2159    line-height:1;
2160    cursor:pointer;
2161    z-index:2;
2162  }
2163
2164  .tmg-mobile-nav-arrow:hover{ background:rgba(255,255,255,.12); }
2165
2166  .tmg-mobile-nav-arrow--left{ margin-left:6px; }
2167  .tmg-mobile-nav-arrow--right{ margin-right:6px; }
2168
2169
2170
2171  .mobile_search_form input[type="search"],
2172  .mobile_search_form input[type="text"],
2173  .mobile_search_form .form-field-input{
2174    height:34px !important;
2175    font-size:13px !important;
2176  }
2177
2178  /* hide search toggle icon (search bar always visible) */
2179  [data-mobile-search-toggle]{ display:none !important; }
2180
2181  /* account icon size tweaks (merged) */
2182  .tmg-mobile-icons-right a.tmg-mobile-iconbtn[aria-label="Account"]{
2183    width:34px !important;
2184    height:34px !important;
2185    padding:0 !important;
2186  }
2187  .tmg-mobile-icons-right a.tmg-mobile-iconbtn[aria-label="Account"] svg{
2188    width:25px !important;
2189    height:25px !important;
2190  }
2191}
2192
2193/* =========================
2194   Desktop layout (Row1/Row2)
2195   ========================= */
2196@media (min-width: 991px){
2197  .tmg-header__container{
2198    padding-top:10px;
2199    padding-bottom:10px;
2200  }
2201
2202  .tmg-main__inner{
2203    gap:16px;
2204    align-items:center;
2205  }
2206
2207  /* left = categories + logo */
2208  .tmg-main__left{
2209    display:flex !important;
2210    align-items:center;
2211    gap:16px;
2212    flex:0 0 auto;
2213  }
2214
2215  /* center = search only */
2216  .tmg-main__center{
2217    display:flex !important;
2218    align-items:center;
2219    flex:1 1 auto;
2220    min-width:0;
2221    gap:0;
2222  }
2223
2224  .tmg-search{ width:100%; flex:1 1 auto; min-width:0; }
2225  .tmg-logo.site-header-logo{ margin:0; }
2226
2227  /* categories button top row */
2228  .tmg-categories--top{
2229    height:34px !important;
2230    display:flex;
2231    align-items:center;
2232    position:relative;
2233  }
2234
2235  .tmg-categories--top > a{
2236    height:34px !important;
2237    display:flex;
2238    align-items:center;
2239    gap:8px !important;
2240    padding:0 10px !important;
2241    border-radius:8px !important;
2242    border:1px solid dimgrey;
2243    background:rgba(255,255,255,.02);
2244    color:#fff;
2245    text-decoration:none;
2246    font-size:12px !important;
2247    font-weight:400;
2248    white-space:nowrap;
2249  }
2250
2251  .tmg-categories--top > a:hover{ background:rgba(255,255,255,.06); }
2252  .tmg-categories--top > a svg{ width:16px !important; height:16px !important; }
2253
2254  /* row2 nav */
2255  .tmg-nav{
2256    background:#000;
2257    border-top:1px solid var(--tmg-border);
2258    border-bottom:1px solid var(--tmg-border);
2259  }
2260
2261  .tmg-nav__inner{
2262    height:38px !important;
2263    gap:25px !important;
2264  }
2265
2266  .tmg-nav-scroll{ height:38px !important; }
2267  .tmg-nav-scroll__viewport{ height:38px !important; display:flex; align-items:center; }
2268  .tmg-nav-scroll__list{ height:38px !important; gap:23px !important; align-items:center; }
2269  .tmg-nav-link{ height:38px !important; font-size:14px !important; }
2270
2271  .tmg-nav-arrow{
2272 
2273    border-radius:8px !important;
2274    font-size:18px !important;
2275    background:black;}
2276
2277  .tmg-nav-arrow:hover{ background:rgba(255,255,255,.06); }
2278
2279  /* mega menu positioning when categories is top row */
2280  .tmg-categories--top .mega-menu{
2281    top:calc(100% + 0px);
2282    left:0;
2283  }
2284
2285  /* desktop search pill + icon inside */
2286  .tmg-main__center .tmg-search{
2287    position:relative;
2288    border-radius:999px;
2289    overflow:hidden;
2290    background:#fff;
2291  }
2292
2293  .tmg-main__center .tmg-search .live-search,
2294  .tmg-main__center .tmg-search .form-field{
2295    display:flex;
2296    align-items:center;
2297    border-radius:999px !important;
2298    overflow:hidden;
2299    background:#fff;
2300  }
2301
2302  .tmg-main__center .tmg-search button,
2303  .tmg-main__center .tmg-search .live-search-button,
2304  .tmg-main__center .tmg-search .form-field-button{
2305    position:absolute;
2306    right:10px;
2307    top:50%;
2308    transform:translateY(-50%);
2309    width:32px;
2310    height:32px;
2311    border-radius:0 !important;
2312    background:transparent !important;
2313    border:none !important;
2314    padding:0;
2315    display:flex;
2316    align-items:center;
2317    justify-content:center;
2318    cursor:pointer;
2319  }
2320}
2321
2322/* =========================
2323   Mobile sticky header (mini)
2324   ========================= */
2325.tmg-sticky-mobile{
2326  position:fixed;
2327  top:0;
2328  left:0;
2329  right:0;
2330  z-index: 3;
2331  background:#0b0b0b;
2332  border-bottom:1px solid #1f1f1f;
2333  transform:translateY(-110%);
2334  transition:transform .22s ease;
2335  will-change:transform;
2336  display:none;
2337}
2338
2339
2340@media (max-width: 990px){
2341  .tmg-sticky-mobile{ display:block; }
2342
2343  body.tmg-mobile-sticky-on .tmg-utility,
2344  body.tmg-mobile-sticky-on .tmg-header-normal{ display:none; }
2345
2346  body.tmg-mobile-sticky-on .tmg-sticky-mobile{ transform:translateY(0); }
2347  body.tmg-mobile-sticky-on{ padding-top:var(--tmg-mobile-sticky-h, 120px); }
2348
2349  .tmg-sticky-mobile__inner{
2350    display:flex;
2351    align-items:center;
2352    gap:10px;
2353    height:46px !important;
2354  }
2355
2356  .tmg-sticky-mobile__actions{
2357    flex:0 0 auto;
2358    display:flex;
2359    align-items:center;
2360    gap:8px;
2361  }
2362
2363  .tmg-sticky-mobile__iconbtn{
2364    width:22px;
2365    height:22px;
2366    display:inline-flex;
2367    align-items:center;
2368    justify-content:center;
2369    border-radius:12px;
2370    background:rgba(255,255,255,.03);
2371    border:1px solid rgba(255,255,255,.08);
2372    color:#fff;
2373    padding:0;
2374  }
2375
2376  .tmg-sticky-mobile__search{
2377    flex:1 1 auto;
2378    min-width:0;
2379    padding:0;
2380    background:transparent !important;
2381  }
2382
2383  .tmg-sticky-mobile__search .live-search,
2384  .tmg-sticky-mobile__search .form-field{
2385    width:100% !important;
2386  }
2387
2388  .tmg-sticky-mobile__search input[type="search"],
2389  .tmg-sticky-mobile__search input[type="text"],
2390  .tmg-sticky-mobile__search .form-field-input{
2391    width:100% !important;
2392    height:32px !important;
2393    border-radius:999px !important;
2394    border:1px solid rgba(255,255,255,.25) !important;
2395    background:#fff !important;
2396
2397    /* NOTE: you had color:#fff with white background; keeping readable */
2398    color:#111 !important;
2399
2400    box-shadow:none !important;
2401    outline:none !important;
2402    padding:0 44px 0 16px !important;
2403    font-size:13px !important;
2404  }
2405
2406  .tmg-sticky-mobile__search input::placeholder{
2407    color:#000 !important;
2408    font-size:13px;
2409  }
2410
2411  .tmg-sticky-mobile__search button,
2412  .tmg-sticky-mobile__search .live-search-button,
2413  .tmg-sticky-mobile__search .form-field-button{
2414    background:transparent !important;
2415    border:none !important;
2416    color:#000 !important;
2417    position: relative;
2418    left: 87%;
2419    top: -24px;
2420  }
2421
2422  .tmg-sticky-mobile__search svg,
2423  .tmg-sticky-mobile__search svg *{
2424    stroke:#000 !important;
2425    fill:none !important;
2426  }
2427
2428  .tmg-sticky-mobile__quicknav{
2429    display:flex;
2430    align-items:center;
2431    height:40px !important;
2432    border-top:1px solid rgba(255,255,255,.08);
2433  }
2434}
2435.tmg-nav-scroll{
2436  display: flex;
2437  align-items: center;
2438  gap: 6px;
2439}
2440
2441#tmgNavViewport{
2442  overflow-x: auto;
2443  overflow-y: hidden;
2444  flex: 0 0 auto;            /* 🔑 prevents full width */
2445  white-space: nowrap;
2446}
2447
2448.tmg-nav-scroll__list{
2449  display: flex;
2450  gap: 18px;                 /* spacing between items */
2451  padding: 0;
2452  margin: 0;
2453  list-style: none;
2454}
2455
2456.tmg-nav-item{
2457  flex: 0 0 auto;
2458}
2459
2460.tmg-nav-link{
2461  white-space: nowrap;
2462}
2463/* FIX: remove the empty stretched space in the desktop nav row */
2464@media (min-width: 991px){
2465  /* make the scroll wrapper NOT consume leftover width */
2466  .tmg-nav__inner .tmg-nav-scroll{
2467    flex: 0 0 auto !important;
2468    min-width: unset !important;
2469  }
2470
2471 .ui-menu{
2472max-width: 1380px !important;
2473margin: auto;
2474}
2475
2476.tmg-sticky-search.change_style .ui-menu {
2477right: 50px !important;
2478}
2479
2480  /* (optional) remove any extra container vertical padding inside the nav row */
2481  .tmg-nav .tmg-header__container{
2482    padding-top: 0 !important;
2483    padding-bottom: 0 !important;
2484  }
2485}
2486@media (min-width: 991px){
2487  .tmg-nav__inner{
2488    gap: 23px !important;
2489  }
2490}
2491/* =========================
2492   SEARCH BAR SIZE OVERRIDES
2493   Put this at the VERY END of your <style>
2494   ========================= */
2495
2496/* ---- Desktop main search (Row 1) ---- */
2497@media (min-width: 991px){
2498  /* reduce overall width (max) */
2499  .tmg-main__center{
2500    max-width: 820px;         /* ✅ adjust: 700–900 */
2501    margin: 0 auto;           /* keeps it centered in row */
2502  }
2503
2504  /* reduce height + pill size */
2505  .tmg-main__center .tmg-search .live-search,
2506  .tmg-main__center .tmg-search .form-field{
2507    height: 40px !important;  /* ✅ adjust: 36–44 */
2508  }
2509
2510  .tmg-main__center .tmg-search input[type="search"],
2511  .tmg-main__center .tmg-search input[type="text"],
2512  .tmg-main__center .tmg-search .form-field-input{
2513    height: 40px !important;
2514    font-size: 13px !important;
2515    padding: 0 44px 0 14px !important; /* right padding for icon */
2516    line-height: 40px !important;
2517    width: 900px;
2518    Background: transparent;
2519    border-radius: 50px;
2520    border: 0px;
2521  }
2522
2523  /* shrink the search icon button */
2524  .tmg-main__center .tmg-search button,
2525  .tmg-main__center .tmg-search .live-search-button,
2526  .tmg-main__center .tmg-search .form-field-button{
2527    width: 28px !important;
2528    height: 28px !important;
2529    right: 10px !important;
2530  }
2531}
2532
2533/* ---- Desktop sticky mini search ---- */
2534@media (min-width: 991px){
2535  .tmg-sticky-search{
2536    width: min(420px, 30vw) !important; /* ✅ smaller than your 520px */
2537    min-width: 200px !important;
2538  }
2539
2540  .tmg-sticky-mini .tmg-sticky-search .live-search,
2541  .tmg-sticky-mini .tmg-sticky-search .form-field{
2542    height: 30px !important;            /* ✅ slimmer */
2543  }
2544
2545  .tmg-sticky-mini .tmg-sticky-search input[type="search"],
2546  .tmg-sticky-mini .tmg-sticky-search input[type="text"],
2547  .tmg-sticky-mini .tmg-sticky-search .form-field-input{
2548    height: 30px !important;
2549    font-size: 12px !important;
2550    padding: 0 38px 0 12px !important;
2551    line-height: 30px !important;
2552  }
2553
2554  .tmg-sticky-mini .tmg-sticky-search button,
2555  .tmg-sticky-mini .tmg-sticky-search .live-search-button,
2556  .tmg-sticky-mini .tmg-sticky-search .form-field-button{
2557    width: 24px !important;
2558    height: 24px !important;
2559    right: 8px !important;
2560    top: -22px;
2561    position: relative;
2562    left: 381px;
2563  }
2564
2565
2566}
2567
2568/* ---- Mobile visible search bar (mobile_search_form) ---- */
2569@media (max-width: 990px)
2570{
2571  .mobile_search_form .live-search,
2572  .mobile_search_form .form-field{
2573    height: 34px !important;   /* ✅ adjust: 30–36 */
2574  }
2575
2576  .mobile_search_form input[type="search"],
2577  .mobile_search_form input[type="text"],
2578  .mobile_search_form .form-field-input{
2579    height: 34px !important;
2580    font-size: 13px !important;
2581    padding: 0 40px 0 14px !important;
2582    line-height: 34px !important;
2583    border: 0 !important;
2584  }
2585
2586  .mobile_search_form button,
2587  .mobile_search_form .live-search-button,
2588  .mobile_search_form .form-field-button{
2589    width: 26px !important;
2590    height: 26px !important;
2591    border: 0 !important;
2592    background-color: transparent !important;
2593  }
2594
2595  /* Mobile sticky mini search */
2596  .tmg-sticky-mobile__search .live-search,
2597  .tmg-sticky-mobile__search .form-field{
2598    height: 30px !important;
2599    top:-3px;
2600  }
2601
2602  .tmg-sticky-mobile__search input[type="search"],
2603  .tmg-sticky-mobile__search input[type="text"],
2604  .tmg-sticky-mobile__search .form-field-input{
2605    height: 30px !important;
2606    font-size: 12px !important;
2607    padding: 0 40px 0 12px !important;
2608    line-height: 30px !important;
2609  }
2610    .tmg-utility__center::before {
2611
2612    left: 2px !important;
2613    top: 24% !important;}
2614}
2615}
2616button.live-search-takeover-cancel{display:none!important;}
2617div.tmg-main{background-color:#1c1c1c;}
2618  /* Utility bar green status dot */
2619.tmg-utility__center{
2620  position: relative;
2621  padding-left: 14px; /* space for the dot */
2622}
2623
2624.tmg-utility__center::before{
2625  content: '';
2626  position: absolute;
2627  left: 0px;top: 43%;
2628  transform: translateY(-50%);
2629  width: 6px;
2630  height: 6px;
2631  border-radius: 50%;
2632  background: #22c55e; /* green */
2633  
2634}
2635
2636/* =========================================================
2637   Utility bar icons (custom SVG files)
2638   ========================================================= */
2639
2640.tmg-utility__right{
2641  display: flex;
2642  align-items: center;
2643  gap: 18px;
2644}
2645
2646/* base link + icon spacing */
2647.tmg-utility__link{
2648  position: relative;
2649  display: inline-flex;
2650  align-items: center;
2651  padding-left: 20px;        /* space for icon */
2652  font-size: 10px;           /* matches your utility text */
2653  letter-spacing: .25px;
2654  white-space: nowrap;
2655}
2656
2657/* base icon style */
2658.tmg-utility__link::before{
2659  content: '';
2660  position: absolute;
2661  left: 0;
2662  top: 50%;
2663  transform: translateY(-50%);
2664  width: 12px;
2665  height: 12px;
2666  background-repeat: no-repeat;
2667  background-position: center;
2668  background-size: contain;
2669}
2670
2671/* FIND A SERVICE POINT */
2672.tmg-utility__link:nth-child(1)::before{
2673  background-image: url('//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/Icon.svg?v=163925516425402140091770958727');
2674}
2675
2676/* FIND A DEALER */
2677.tmg-utility__link:nth-child(2)::before{
2678  background-image: url('//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/Icon2.svg?v=166738820319563047661770958727');
2679}
2680
2681/* FIND AN INSTALLER */
2682.tmg-utility__link:nth-child(3)::before{
2683  background-image: url('//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/Icon3.svg?v=94415647639993112181770958727');
2684}
2685
2686/* CONTACT US */
2687.tmg-utility__link:nth-child(4)::before{
2688  background-image: url('//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/Icon4.svg?v=152471639008895013301770958727');
2689}
2690/* Force utility icons to BLACK */
2691.tmg-utility__link::before{
2692  filter: brightness(0) saturate(100%) !important;
2693}
2694@media (min-width: 991px){
2695  .tmg-header__container{
2696  max-width:var(--tmg-max);
2697  margin:0 auto;
2698  width:100%;
2699  box-sizing:border-box;
2700  padding:4px 48px;
2701}
2702}
2703@media (max-width: 991px){
2704  .tmg-header__container{
2705  max-width:var(--tmg-max);
2706  margin:0 auto;
2707  width:100%;
2708  box-sizing:border-box;
2709  padding:4px 8px;
2710}
2711.tmg-country__trigger{
2712  display:inline-flex;
2713  align-items:center;
2714  gap:4px;
2715  background:transparent;
2716  border:0;
2717  color:#fff;
2718  padding:6px 8px;
2719  border-radius:6px;
2720}
2721
2722}
2723/* =========================
2724   Mobile layout (MATCH screenshot)
2725   ========================= */
2726@media (max-width: 990px){
2727
2728  /* hide desktop nav row (row 2) */
2729  .tmg-nav{ display:none !important; }
2730
2731  /* hide desktop sticky mini on mobile */
2732  .tmg-sticky-mini{ display:none !important; }
2733  body.tmg-sticky-on{ padding-top:0 !important; }
2734
2735  /* utility bar = center text only (like screenshot) */
2736  .tmg-utility__right{ display:none !important; }
2737  .tmg-utility__inner{
2738    justify-content:center !important;
2739    min-height:26px !important;
2740    padding-right:0 !important;
2741  }
2742  .tmg-utility__center{
2743    position:static !important;
2744    transform:none !important;
2745    max-width:100% !important;
2746    white-space:normal !important;
2747    overflow:hidden !important;
2748    text-overflow:ellipsis !important;
2749    text-align:center !important;
2750  }
2751 
2752  /* ✅ TOP HEADER ROW: logo + search + icons (single row) */
2753  .tmg-main__inner{
2754    flex-direction:row !important;
2755    align-items:center !important;
2756    gap:0px !important;
2757    padding:6px 0 !important;
2758  }
2759
2760  /* show real header parts on mobile */
2761  .tmg-main__left,
2762  .tmg-main__center,
2763  .tmg-main__right{
2764    display:flex !important;
2765    align-items:center !important;
2766  }
2767
2768  /* hide the custom stacked rows you created earlier */
2769  .tmg-mobile-logo-row,
2770  .tmg-mobile-icons-row{
2771    display:none !important;
2772  }
2773
2774  /* left: logo only (hide categories button on mobile top row) */
2775  .tmg-main__left{
2776    gap:8px !important;
2777    flex:0 0 auto !important;
2778  }
2779  .tmg-main__left .tmg-categories--top{
2780    display:none !important;
2781  }
2782  .tmg-main__left #fs-mobile-menu-toggle{
2783    display:none !important; /* hamburger should be in row 2 like screenshot */
2784  }
2785  .tmg-main__left .country_mobile{
2786    display:none !important; /* country should be on right side like screenshot */
2787  }
2788
2789  /* logo sizing */
2790  .site-logo-image{
2791    max-height:34px!important;
2792  }
2793
2794  /* center: search takes remaining space */
2795  .tmg-main__center{
2796    flex:1 1 auto !important;
2797    min-width:0 !important;
2798  }
2799  .tmg-search{
2800    width:100% !important;
2801    min-width:0 !important;
2802  }
2803  .tmg-search .live-search,
2804  .tmg-search .form-field{
2805    height:34px !important;
2806    border-radius:999px !important;
2807    overflow:hidden !important;
2808    background:#fff !important;
2809  }
2810  .tmg-search input[type="search"],
2811  .tmg-search input[type="text"],
2812  .tmg-search .form-field-input{
2813    height:34px !important;
2814    font-size:13px !important;
2815    padding:0 40px 0 14px !important;
2816    color:#111 !important;
2817  }
2818  .tmg-search button,
2819  .tmg-search .live-search-button,
2820  .tmg-search .form-field-button{
2821    width:28px !important;
2822    height:28px !important;
2823    right:8px !important;
2824  }
2825
2826  /* right: icons exactly like screenshot */
2827  .tmg-main__right{
2828    flex:0 0 auto !important;
2829    gap:10px !important;
2830    margin-left:auto !important;
2831  }
2832
2833  /* show the mobile flag inside right area */
2834  .country_desktop{ display:none !important; }
2835  .country_mobile{ display:flex !important; }
2836
2837  /* make your icons tighter */
2838  .tmg-main__right .site-header-cart--button,
2839  .tmg-main__right .site-header-actions__account-link a,
2840  .tmg-main__right .header-nav-item--country{
2841    display:inline-flex !important;
2842    align-items:center !important;
2843  }
2844
2845  /* ✅ remove the extra always-visible mobile search row */
2846  .mobile_search_form{
2847    
2848  }
2849
2850  /* ✅ SECOND ROW (quick nav) must be visible */
2851  .tmg-mobile-quicknav{
2852    display:flex !important;
2853  }
2854
2855  /* hide arrows to match screenshot */
2856  .tmg-mobile-nav-arrow{
2857    display:none !important;
2858  }
2859
2860  /* quicknav style like screenshot */
2861  .tmg-mobile-quicknav{
2862    height:42px !important;
2863    background:#000 !important;
2864    border-top:1px solid rgba(255,255,255,.10) !important;
2865    border-bottom:1px solid rgba(255,255,255,.10) !important;
2866    gap:10px !important;
2867    padding:0 10px !important;
2868  }
2869
2870  .tmg-mobile-quicknav .tmg-nav-scroll{
2871    flex:1 1 auto !important;
2872    min-width:0 !important;
2873  }
2874  .tmg-mobile-quicknav .tmg-nav-scroll__viewport{
2875    width:100% !important;
2876  }
2877  .tmg-mobile-quicknav .tmg-nav-scroll__list{
2878    padding:0 !important;
2879    gap:16px !important;
2880  }
2881  .tmg-mobile-quicknav .tmg-nav-link{
2882    font-size:14px !important;
2883    opacity:1 !important;
2884  }
2885
2886  /* hamburger button style (row 2 left) */
2887  .tmg-mobile-hamburger-row2{
2888    width:34px !important;
2889    height:34px !important;
2890    display:inline-flex !important;
2891    align-items:center !important;
2892    justify-content:center !important;
2893    border-radius:10px !important;
2894    background:rgba(255,255,255,.03) !important;
2895    border:1px solid black !important;
2896    color:#fff !important;
2897    padding:0 !important;
2898    flex:0 0 auto !important;
2899  }
2900}
2901  @media (max-width: 990px){
2902
2903  /* 1) SHOW the mobile search icon button again */
2904  [data-mobile-search-toggle]{
2905    display: inline-flex !important;
2906  }
2907
2908  /* 2) Make sure Account/Login icon is visible (some themes hide it on mobile) */
2909  .tmg-main__right .site-header-actions__account-link,
2910  .tmg-main__right .site-header-actions__account-link a{
2911    display: inline-flex !important;
2912    align-items: center !important;
2913    justify-content: center !important;
2914  }
2915
2916  /* 3) Ensure the magnifier icon inside the search field is visible + positioned */
2917  .tmg-main__center .tmg-search{
2918    position: relative !important;
2919  }
2920
2921  .tmg-main__center .tmg-search button,
2922  .tmg-main__center .tmg-search .live-search-button,
2923  .tmg-main__center .tmg-search .form-field-button{
2924    position: absolute !important;
2925    right: 8px !important;
2926    top: 50% !important;
2927    transform: translateY(-50%) !important;
2928    width: 28px !important;
2929    height: 28px !important;
2930    background: transparent !important;
2931    border: 0 !important;
2932    padding: 0 !important;
2933    display: inline-flex !important;
2934    align-items: center !important;
2935    justify-content: center !important;
2936    z-index: 5 !important;
2937  }
2938
2939  /* icon color (black on white input) */
2940  .tmg-main__center .tmg-search svg,
2941  .tmg-main__center .tmg-search svg *{
2942    stroke: #111 !important;
2943    fill: none !important;
2944  }
2945}
2946
2947
2948
2949@media (max-width: 990px){
2950  .tmg-mob-top-icon{
2951    width: 34px !important;
2952    height: 34px !important;
2953    display: inline-flex !important;
2954    align-items: center !important;
2955    justify-content: center !important;
2956    
2957    background: rgba(255,255,255,.03) !important;
2958    
2959    color: #fff !important;
2960    padding: 0 !important;
2961    text-decoration: none !important;
2962    cursor: pointer;
2963  }
2964
2965  .tmg-mob-top-icon svg{
2966    width: 20px !important;
2967    height: 20px !important;
2968  }
2969
2970  /* make the account icon match size nicely */
2971  .tmg-mob-top-account svg{
2972    width: 22px !important;
2973    height: 22px !important;
2974  }
2975
2976  /* keep right side tight */
2977  .tmg-main__right{
2978    gap: 0px !important;
2979  }
2980}
2981
2982@media (max-width: 990px){
2983
2984  .tmg-search{
2985    position: relative !important;
2986  }
2987
2988  /* search icon button */
2989  .tmg-mob-top-search{
2990    position: absolute !important;
2991    right: 8px !important;
2992    top: 50% !important;
2993    transform: translateY(-50%) !important;
2994    width: 28px !important;
2995    height: 28px !important;
2996    padding: 0 !important;
2997    background: transparent !important;
2998    border: 0 !important;
2999    z-index: 5 !important;
3000    display: inline-flex !important;
3001    align-items: center !important;
3002    justify-content: center !important;
3003    cursor: pointer;
3004  }
3005
3006  /* input padding so text doesn’t overlap icon */
3007  .tmg-search input[type="search"],
3008  .tmg-search input[type="text"],
3009  .tmg-search .form-field-input{
3010    padding-right: 42px !important;
3011  }
3012
3013  /* icon color */
3014  .tmg-mob-top-search svg,
3015  .tmg-mob-top-search svg *{
3016    stroke: #111 !important;
3017  }
3018}
3019 @media (max-width: 990px){
3020  /* make left area allow search */
3021  .tmg-mobile-icons-left{
3022    display:flex !important;
3023    align-items:center !important;
3024    gap:10px !important;
3025    min-width:0 !important;
3026  }
3027
3028  /* inline search wrapper */
3029  .mobile_search_form{
3030    display:block !important;
3031    flex: 1 1 auto !important;
3032    min-width: 140px !important;
3033    max-width: 320px !important; /* adjust if you want */
3034  }
3035
3036  .mobile_search_form .live-search,
3037  .mobile_search_form .form-field{
3038    height: 34px !important;
3039    border-radius: 999px !important;
3040    overflow: hidden !important;
3041    background: #fff !important;
3042    top: -6px;
3043  }
3044
3045  .mobile_search_form input[type="search"],
3046  .mobile_search_form input[type="text"],
3047  .mobile_search_form .form-field-input{
3048    height: 34px !important;
3049    font-size: 13px !important;
3050    padding: 1px 7px 0 12px !important;
3051    color:#111 !important;
3052    position: relative;
3053    bottom: 3px;
3054    width: 117px;
3055  }
3056
3057  .mobile_search_form button,
3058  .mobile_search_form .live-search-button,
3059  .mobile_search_form .form-field-button{
3060    width: 28px !important;
3061    height: 28px !important;
3062    right: 10% !important;
3063    position: relative;
3064    top: 4px;
3065  }
3066 
3067}
3068  @media (max-width: 990px){
3069.site-header-actions{
3070display: none;
3071}
3072  /* logo container crops the END (right side) */
3073  .tmg-logo .site-logo{
3074    width: 66px;            /* 👈 controls where it cuts */
3075    overflow: hidden;
3076    display: block;
3077  }
3078
3079  /* image stays fully aligned to the LEFT */
3080  .tmg-logo .site-logo-image{
3081    display: block;
3082    height: 32px;
3083    width: auto;
3084    max-width: none;        /* 🔑 important for SVG */
3085    object-fit: none;      /* 🔑 prevents re-scaling */
3086    object-position: left center;
3087  }
3088  img.site-logo-image{}
3089}
3090  @media (max-width: 990px){
3091  #tmgMobileStickyNavViewport{
3092    overflow-x:auto;
3093    overflow-y:hidden;
3094    -ms-overflow-style:none;
3095    scrollbar-width:none;
3096    white-space:nowrap;
3097  }
3098  #tmgMobileStickyNavViewport::-webkit-scrollbar{ display:none; }
3099 
3100  /* cart bubble inside the mobile sticky icon button */
3101  .tmg-sticky-mobile__cartbtn .site-header-cart--count{
3102    position:absolute !important;
3103    top:-11px !important;
3104    right:-3px !important;
3105
3106    min-width:18px !important;
3107    height:18px !important;
3108    padding:0 5px !important;
3109
3110    display:none;                 /* shown only when .visible is added */
3111    align-items:center !important;
3112    justify-content:center !important;
3113
3114    border-radius:999px !important;
3115    font-size:11px !important;
3116    line-height:18px !important;
3117    font-weight:600 !important;
3118
3119    background:#ff671d !important; /* your accent */
3120    color:#fff !important;
3121    border:2px solid #0b0b0b !important; /* matches sticky bg */
3122    box-sizing:border-box;
3123    z-index:5 !important;
3124  }
3125
3126  .tmg-sticky-mobile__cartbtn .site-header-cart--count.visible{
3127    display:none !important;
3128  }
3129
3130  .tmg-sticky-mobile__iconbtn[fs-mobile-menu-toggle]{
3131    z-index: 999999 !important;
3132    pointer-events: auto !important;
3133  }
3134}
3135.tmg-nav-arrow.is-active{
3136    color:#ff671d !important;
3137    
3138  }
3139
3140</style>
3141
3142
3143<style>
3144
3145
3146@media (min-width: 991px){
3147
3148
3149  .live-search-button{
3150  border: 0;
3151  background-color: transparent;
3152  }
3153  /* Wrap arrows + viewport more tightly */
3154  .tmg-nav-scroll{
3155    gap: 6px !important;              /* ⬅️ closer arrows */
3156    padding: 0 4px !important;        /* ⬅️ small breathing room */
3157  }
3158
3159  /* Arrow base */
3160  .tmg-nav-arrow{
3161    width: 23px !important;           /* ⬅️ bigger click target */
3162    height: 35px !important;
3163    
3164  
3165   
3166
3167    display: inline-flex !important;
3168    align-items: center !important;
3169    justify-content: center !important;
3170
3171    font-size: 26px !important;       /* ⬅️ clearer arrows */
3172    line-height: 1 !important;
3173
3174    cursor: pointer;
3175    
3176  }
3177
3178  /* Hover (clear affordance) */
3179  .tmg-nav-arrow:hover{
3180
3181   
3182  }
3183
3184  /* Active state (your JS toggles this) */
3185  .tmg-nav-arrow.is-active{
3186    color: var(--tmg-accent) !important;
3187    
3188  }
3189
3190  /* Disabled-looking arrows (cannot scroll) */
3191  .tmg-nav-arrow:not(.is-active){
3192    opacity: 0.35;
3193    cursor: default;
3194  }
3195
3196  /* Prevent hover jump when disabled */
3197  .tmg-nav-arrow:not(.is-active):hover{
3198   
3199    transform: none;
3200  }
3201
3202  /* Keep arrows visually tight to nav text */
3203  .tmg-nav-scroll__viewport{
3204    margin: 0 2px !important;
3205  }
3206}
3207
3208
3209
3210@media (min-width: 991px){
3211
3212  /* Remove flex gap between ALL direct children in nav row */
3213  .tmg-nav__inner{
3214    gap: 0 !important;
3215  }
3216
3217  /* Keep Deals block separated (optional) */
3218  .tmg-nav-static-left{
3219    margin-right: 18px !important; /* adjust if you want */
3220  }
3221
3222  /* Make viewport block hug arrows (no padding/margins) */
3223  .tmg-nav__inner > .tmg-nav-scroll{
3224    margin: 0 !important;
3225    padding: 0 !important;
3226  }
3227
3228  /* ZERO gap BEFORE left arrow + BETWEEN arrows + AFTER right arrow */
3229  .tmg-nav__inner > .tmg-nav-arrow{
3230    margin: 0;
3231    padding: 0 !important;
3232  }
3233
3234  /* remove any accidental spacing between arrows specifically */
3235  .tmg-nav__inner > .tmg-nav-arrow + .tmg-nav-arrow{
3236    margin-left: 0px !important;
3237  }
3238
3239  /* remove any “breathing room” you added earlier */
3240  .tmg-nav__inner .tmg-nav-scroll__viewport{
3241    margin: 0;}
3242
3243  /* If you want arrows to visually touch the viewport edge */
3244  .tmg-nav-scroll__viewport{
3245    border-radius: 0 !important;
3246  }
3247
3248  /* Ensure right static links start immediately after right arrow */
3249  .tmg-nav-static-right{
3250    margin-left: 0 !important;
3251  }
3252  .tmg-nav-arrow{
3253align-self: flex-start;
3254
3255}
3256}
3257@media (min-width: 750px){
3258  .tmg-utility__center,
3259  .tmg-utility__link{
3260    font-size: 12px;
3261    font-weight: 600;
3262  }
3263}
3264
3265
3266/* ✅ DESKTOP: align utility announcement with View Categories (same container left edge) */
3267@media (min-width: 991px){
3268  .tmg-utility__inner{
3269    position: relative !important;
3270    justify-content: space-between !important;
3271    gap: 18px !important;
3272    padding-right: 0 !important;     /* remove the extra right shift */
3273  }
3274
3275  .tmg-utility__center{
3276    position: relative !important;   /* ✅ remove absolute positioning */
3277    left: auto !important;
3278    transform: none !important;      /* ✅ remove translateX(-50%) */
3279    max-width: none !important;
3280    text-align: left !important;     /* ✅ aligns with View Categories */
3281    flex: 1 1 auto !important;
3282  }
3283
3284  .tmg-utility__right{
3285    flex: 0 0 auto !important;
3286    margin-left: auto !important;
3287  }
3288 div.site-header-menu-toggle--button{display:none;}
3289}
3290button.live-search-takeover-cancel{display:none!important;}
3291</style>
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311<style>
3312  /* ===============================
3313   MOBILE / TABLET ≤ 900px (FIXED)
3314================================ */
3315@media (max-width: 900px) {
3316
3317  /* IMPORTANT: allow accordion to show fully inside the scroll area */
3318  #tmgMobileNavViewport{
3319    overflow-x: auto;        /* keep horizontal scroll */
3320    overflow-y: hidden;     /* allow dropdown to expand */
3321    -webkit-overflow-scrolling: touch;
3322  }
3323
3324  .tmg-nav-scroll__list{
3325    overflow: visible;       /* prevent clipping */
3326  }
3327
3328  /* dropdown container stays in flow */
3329  .tmg-nav-item--dropdown{
3330    position: relative;      /* keep it stable */
3331  }
3332
3333  /* toggle becomes full-tap target */
3334  .tmg-nav-dd__toggle{
3335    width: auto;             /* keep it like other nav items */
3336    display: inline-flex;
3337    align-items: center;
3338    justify-content: space-between;
3339    padding: 0;              /* match your nav look */
3340    gap: 6px;
3341    white-space: nowrap;
3342    -webkit-tap-highlight-color: transparent;
3343  }
3344
3345  /* accordion panel: NOT absolute on mobile */
3346  .tmg-nav-dd__panel{
3347    position: static;
3348    display: none;
3349    min-width: 100%;
3350    width: 100%;
3351    margin-top: 10px;
3352
3353    background: #fff;
3354    border: 1px solid rgba(0,0,0,.12);
3355    border-radius: 10px;
3356    box-shadow: none;
3357    padding: 6px 0;
3358    z-index: 1;
3359  }
3360
3361  /* Make dropdown items readable */
3362  .tmg-nav-dd__link{
3363    padding: 10px 14px;
3364    display: block;
3365  }
3366
3367  /* open */
3368  .tmg-nav-item--dropdown.is-open .tmg-nav-dd__panel{
3369    display: block;
3370  }
3371}
3372
3373
3374/* ===============================
3375   MOBILE POPOVER DROPDOWN ≤ 900px
3376   (opens below tapped item)
3377================================ */
3378@media (max-width: 900px){
3379
3380  /* keep horizontal slider, but don’t clip dropdown */
3381  #tmgMobileNavViewport{
3382    overflow-x: auto;
3383    overflow-y: hidden;
3384    -webkit-overflow-scrolling: touch;
3385  }
3386  .tmg-nav-scroll__list{ overflow: visible; }
3387
3388  .tmg-nav-item--dropdown{ position: relative; }
3389
3390  /* panel becomes a floating popover BELOW the item */
3391  .tmg-nav-dd__panel{
3392    position: absolute;
3393    left: 0;
3394    top: calc(100% + 10px);
3395    display: none;
3396
3397    min-width: 240px;
3398    max-width: min(90vw, 340px);
3399
3400    background: #fff;
3401    border: 1px solid rgba(0,0,0,.12);
3402    border-radius: 12px;
3403    box-shadow: 0 12px 30px rgba(0,0,0,.16);
3404    padding: 8px 0;
3405    z-index: 9999;
3406  }
3407
3408  .tmg-nav-item--dropdown.is-open .tmg-nav-dd__panel{ display:block; }
3409
3410  /* make tap target easier */
3411  .tmg-nav-dd__toggle{
3412    display: inline-flex;
3413    align-items: center;
3414    gap: 6px;
3415    background: transparent;
3416    border: 0;
3417    padding: 0;
3418    font: inherit;
3419    cursor: pointer;
3420    white-space: nowrap;
3421    -webkit-tap-highlight-color: transparent;
3422  }
3423
3424  /* nicer list spacing */
3425  .tmg-nav-dd__link{
3426    padding: 10px 14px;
3427    display: block;
3428  }
3429}
3430@media (max-width: 990px){
3431  .tmg-mobile-dd{
3432    position: fixed;
3433    left: 0; top: 0;
3434    min-width: 240px;
3435    max-width: min(92vw, 340px);
3436    background: #fff;
3437    border: 1px solid rgba(0,0,0,.12);
3438    border-radius: 12px;
3439    box-shadow: 0 12px 30px rgba(0,0,0,.16);
3440    padding: 8px 0;
3441    z-index: 88888;
3442    opacity: 0;
3443    transform: translateY(6px);
3444    pointer-events: none;
3445    transition: opacity .12s ease, transform .12s ease;
3446  }
3447  .tmg-mobile-dd.is-open{
3448    opacity: 1;
3449    transform: translateY(0);
3450    pointer-events: auto;
3451  }
3452  .tmg-mobile-dd a{
3453    display:block;
3454    padding:10px 14px;
3455    color:#111;
3456    text-decoration:none;
3457    font-size:14px;
3458    white-space:nowrap;
3459  }
3460  .tmg-mobile-dd a:hover{ background: rgba(0,0,0,.06); }
3461}
3462
3463.search-flydown{
3464display: none;
3465}
3466</style>
3467<script>
3468document.addEventListener('DOMContentLoaded', function () {
3469  const viewport = document.getElementById('tmgMobileNavViewport');
3470  if (!viewport) return;
3471
3472  document.querySelectorAll('[data-mobile-nav-scroll]').forEach(btn => {
3473    btn.addEventListener('click', function (e) {
3474      e.preventDefault();
3475      const dir = btn.getAttribute('data-mobile-nav-scroll');
3476      const amount = Math.max(220, Math.floor(viewport.clientWidth * 0.6));
3477      viewport.scrollBy({ left: dir === 'left' ? -amount : amount, behavior: 'smooth' });
3478    });
3479  });
3480});
3481</script>
3481
3482
3483<header class="site-header site-header-nav--open" role="banner" data-site-header>
3484
3485  <!-- Row 1: Utility bar -->
3486  
3487
3488  <!-- NORMAL header (non-sticky) -->
3489  <div class="tmg-header-normal">
3490
3491    <!-- Main header row -->
3492    <div class="tmg-main" data-site-header-main data-site-header-sticky data-site-header-mobile-search-bar>
3493      <div class="tmg-header__container">
3494        <div class="tmg-main__inner">
3495
3496          <!-- LEFT (desktop): ✅ View Categories + Logo (mobile items still present but hidden on desktop by CSS) -->
3497          <div class="tmg-main__left"><div class="tmg-categories tmg-categories--top">
3498              <a href="/collections/all" aria-label="View Categories">
3499                <svg viewBox="0 0 24 24" fill="none">
3500                  <path d="M4 6h16M4 12h16M4 18h16" stroke="white" stroke-width="2" stroke-linecap="round"/>
3501                </svg>
3502                <span style="font-size:16px;">View Categories</span>
3503              </a>
3504
3505              
3506                <div class="mega-menu">
3507                  <div class="mega-menu-container">
3508                    <div class="mega-menu-left">
3509                      
3510                        <a href="/collections/agricultural"
3511                          class="mega-left-item active"
3512                          data-category="agricultural">
3513
3514                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3515                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3516                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3517                              </svg></span>
3518
3519                          <span class="mega-left-text">Agricultural</span>
3520                        </a>
3521                      
3522                        <a href="/collections/attachments"
3523                          class="mega-left-item "
3524                          data-category="attachments">
3525
3526                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3527                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3528                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3529                              </svg></span>
3530
3531                          <span class="mega-left-text">Attachments</span>
3532                        </a>
3533                      
3534                        <a href="/collections/automotive"
3535                          class="mega-left-item "
3536                          data-category="automotive">
3537
3538                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3539                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3540                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3541                              </svg></span>
3542
3543                          <span class="mega-left-text">Automotive</span>
3544                        </a>
3545                      
3546                        <a href="/collections/automotive-equipment-1"
3547                          class="mega-left-item "
3548                          data-category="automotive">
3549
3550                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3551                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3552                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3553                              </svg></span>
3554
3555                          <span class="mega-left-text">Automotive</span>
3556                        </a>
3557                      
3558                        <a href="/collections/wood"
3559                          class="mega-left-item "
3560                          data-category="forestry">
3561
3562                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3563                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3564                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3565                              </svg></span>
3566
3567                          <span class="mega-left-text">Forestry</span>
3568                        </a>
3569                      
3570                        <a href="/collections/landscaping"
3571                          class="mega-left-item "
3572                          data-category="landscaping">
3573
3574                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3575                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3576                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3577                              </svg></span>
3578
3579                          <span class="mega-left-text">Landscaping</span>
3580                        </a>
3581                      
3582                        <a href="/collections/storage-sheds"
3583                          class="mega-left-item "
3584                          data-category="storage">
3585
3586                          <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3587                                <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
3588                                <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
3589                              </svg></span>
3590
3591                          <span class="mega-left-text">Storage</span>
3592                        </a>
3593                      
3594                    </div>
3595
3596                    <div class="mega-menu-right">
3597                      
3598                        <div class="mega-category active" data-category="agricultural">
3599                          <div class="mega-header">
3600                            <h2><a href="/collections/agricultural">Agricultural</a></h2>
3601                            <a href="/collections/agricultural" class="see-all">See All →</a>
3602                          </div>
3603
3604                          <div class="mega-grid">
3605                            
3606                              <div class="mega-col">
3607                                <h3 class="mega-col-title"><a href="/collections/soil-preparations">Soil Preparations </a></h3>
3608                                
3609                                  
3610                                    <a class="mega-link" href="/collections/aerators">Aerators </a>
3611                                  
3612                                    <a class="mega-link" href="/collections/box-scrapers">Box Scrapers </a>
3613                                  
3614                                    <a class="mega-link" href="/collections/disc-harrows">Disc Harrows </a>
3615                                  
3616                                    <a class="mega-link" href="/collections/rotary-tillers">Rotary Tillers </a>
3617                                  
3618                                    <a class="mega-link" href="/products/tmg-slr72-72-skid-steer-land-ripper-scarifier-with-rake-comb">Land Scarifier </a>
3619                                  
3620                                
3621                              </div>
3622                            
3623                              <div class="mega-col">
3624                                <h3 class="mega-col-title"><a href="/collections/greenhouses">Greenhouses</a></h3>
3625                                
3626                                  
3627                                    <a class="mega-link" href="/collections/20-ft-tunnel-greenhouse">6m Tunnel Greenhouses</a>
3628                                  
3629                                    <a class="mega-link" href="/collections/30-ft-tunnel-greenhouses">9m Tunnel Greenhouses</a>
3630                                  
3631                                    <a class="mega-link" href="/collections/40-ft-tunnel-greenhouses">12m Tunnel Greenhouses</a>
3632                                  
3633                                    <a class="mega-link" href="/collections/50-ft-tunnel-greenhouses">15m Tunnel Greenhouses</a>
3634                                  
3635                                    <a class="mega-link" href="/collections/60-ft-tunnel-greenhouses">18m Tunnel Greenhouses</a>
3636                                  
3637                                    <a class="mega-link" href="/collections/80-ft-tunnel-greenhouses">24m Tunnel Greenhouses</a>
3638                                  
3639                                
3640                              </div>
3641                            
3642                              <div class="mega-col">
3643                                <h3 class="mega-col-title"><a href="/collections/livestock">Livestocks</a></h3>
3644                                
3645                                  
3646                                    <a class="mega-link" href="/collections/cattle-chutes">Cattle Chutes</a>
3647                                  
3648                                    <a class="mega-link" href="/collections/chicken-coops">Chicken Coops</a>
3649                                  
3650                                    <a class="mega-link" href="/collections/dog-kennels">Dog Kennels</a>
3651                                  
3652                                    <a class="mega-link" href="/collections/livestock-s
3652heds">Livestock Sheds</a>
3653                                  
3654                                
3655                              </div>
3656                            
3657                              <div class="mega-col">
3658                                <h3 class="mega-col-title"><a href="/collections/post-driver">Post Driver</a></h3>
3659                                
3660                                  <a class="mega-link" href="/collections/post-driver">View All Post Driver</a>
3661                                
3662                              </div>
3663                            
3664                          </div>
3665                        </div>
3666                      
3667                        <div class="mega-category " data-category="attachments">
3668                          <div class="mega-header">
3669                            <h2><a href="/collections/attachments">Attachments</a></h2>
3670                            <a href="/collections/attachments" class="see-all">See All →</a>
3671                          </div>
3672
3673                          <div class="mega-grid">
3674                            
3675                              <div class="mega-col">
3676                                <h3 class="mega-col-title"><a href="/collections/excavator-attachments">Excavator Attachments</a></h3>
3677                                
3678                                  
3679                                    <a class="mega-link" href="/collections/excavator-hydraulic-breakers">Excavator Hydraulic Breakers</a>
3680                                  
3681                                    <a class="mega-link" href="/collections/excavator-mowers">Excavator Mowers</a>
3682                                  
3683                                    <a class="mega-link" href="/collections/excavator-compactors">Excavator Compactors </a>
3684                                  
3685                                
3686                              </div>
3687                            
3688                              <div class="mega-col">
3689                                <h3 class="mega-col-title"><a href="/collections/skid-steer-attachments">Skid Steer Attachments</a></h3>
3690                                
3691                                  
3692                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-grapple">Skid Steer Grapples</a>
3693                                  
3694                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy">Skid Steer Buckets</a>
3695                                  
3696                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy-1">Skid Steer Backhoes</a>
3697                                  
3698                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-hydraulic-breaker">Skid Steer Hydraulic Breakers</a>
3699                                  
3700                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-post-driver">Skid Steer Post Drivers</a>
3701                                  
3702                                    <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-soil-equipment">Skid Steer Soil Equipment</a>
3703                                  
3704                                
3705                              </div>
3706                            
3707                              <div class="mega-col">
3708                                <h3 class="mega-col-title"><a href="/collections/tractor-attachments">Tractor Attachments</a></h3>
3709                                
3710                                  
3711                                    <a class="mega-link" href="/collections/tractor-mowers-1">Tractor Mowers</a>
3712                                  
3713                                    <a class="mega-link" href="/collections/tractor-backhoes">Tractor Backhoes</a>
3714                                  
3715                                    <a class="mega-link" href="/collections/tractor-tillers">Tractor Tillers</a>
3716                                  
3717                                    <a class="mega-link" href="/collections/tractor-forestry">Tractor Forestry</a>
3718                                  
3719                                    <a class="mega-link" href="/collections/tractor-adaptor">Tractor Adaptor</a>
3720                                  
3721                                
3722                              </div>
3723                            
3724                              <div class="mega-col">
3725                                <h3 class="mega-col-title"><a href="/collections/atv-mowers">ATV Mowers</a></h3>
3726                                
3727                                  <a class="mega-link" href="/collections/atv-mowers">View All ATV Mowers</a>
3728                                
3729                              </div>
3730                            
3731                          </div>
3732                        </div>
3733                      
3734                        <div class="mega-category " data-category="automotive">
3735                          <div class="mega-header">
3736                            <h2><a href="/collections/automotive">Automotive</a></h2>
3737                            <a href="/collections/automotive" class="see-all">See All →</a>
3738                          </div>
3739
3740                          <div class="mega-grid">
3741                            
3742                              <div class="mega-col">
3743                                <h3 class="mega-col-title"><a href="/collections/autolift">Autolifts</a></h3>
3744                                
3745                                  
3746                                    <a class="mega-link" href="/collections/motorcycle-lifts">Motorcycle Lifts</a>
3747                                  
3748                                
3749                              </div>
3750                            
3751                              <div class="mega-col">
3752                                <h3 class="mega-col-title"><a href="/collections/shop-equipment-1">Shop Equipment</a></h3>
3753                                
3754                                  
3755                                    <a class="mega-link" href="/collections/shop-presses">Shop Press</a>
3756                                  
3757                                
3758                              </div>
3759                            
3760                              <div class="mega-col">
3761                                <h3 class="mega-col-title"><a href="/collections/tool-storage-solutions-tmg-industrial-au">Tool Storage</a></h3>
3762                                
3763                                  
3764                                    <a class="mega-link" href="/collections/workbenches">Workbenches</a>
3765                                  
3766                                    <a class="mega-link" href="/collections/tool-chests">Tool Chests</a>
3767                                  
3768                                
3769                              </div>
3770                            
3771                          </div>
3772                        </div>
3773                      
3774                        <div class="mega-category " data-category="automotive">
3775                          <div class="mega-header">
3776                            <h2><a href="/collections/automotive-equipment-1">Automotive</a></h2>
3777                            <a href="/collections/automotive-equipment-1" class="see-all">See All →</a>
3778                          </div>
3779
3780                          <div class="mega-grid">
3781                            
3782                              <div class="mega-col">
3783                                <h3 class="mega-col-title"><a href="/collections/autolift">Autolifts</a></h3>
3784                                
3785                                  <a class="mega-link" href="/collections/autolift">View All Autolifts</a>
3786                                
3787                              </div>
3788                            
3789                              <div class="mega-col">
3790                                <h3 class="mega-col-title"><a href="/collections/shop-equipment-1">Shop Equipment</a></h3>
3791                                
3792                                  <a class="mega-link" href="/collections/shop-equipment-1">View All Shop Equipment</a>
3793                                
3794                              </div>
3795                            
3796                              <div class="mega-col">
3797                                <h3 class="mega-col-title"><a href="/collections/tool-storage-solutions-tmg-industrial-au">Tool Storage</a></h3>
3798                                
3799                                  <a class="mega-link" href="/collections/tool-storage-solutions-tmg-industrial-au">View All Tool Storage</a>
3800                                
3801                              </div>
3802                            
3803                          </div>
3804                        </div>
3805                      
3806                        <div class="mega-category " data-category="forestry">
3807                          <div class="mega-header">
3808                            <h2><a href="/collections/wood">Forestry</a></h2>
3809                            <a href="/collections/wood" class="see-all">See All →</a>
3810                          </div>
3811
3812                          <div class="mega-grid">
3813                            
3814                              <div class="mega-col">
3815                                <h3 class="mega-col-title"><a href="/collections/log-equipment">Log Equipment</a></h3>
3816                                
3817                                  
3818                                    <a class="mega-link" href="/collections/log-grapples">Log Grapples</a>
3819                                  
3820                                    <a class="mega-link" href="/collections/skidding-winchs">Skidding Winchs</a>
3821                                  
3822                                
3823                              </div>
3824                            
3825                              <div class="mega-col">
3826                                <h3 class="mega-col-title"><a href="/collections/mulchers">Mulchers</a></h3>
3827                                
3828                                  
3829                                    <a class="mega-link" href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80">Excavator Mulcher</a>
3830                                  
3831                                
3832                              </div>
3833                            
3834                              <div class="mega-col">
3835                                <h3 class="mega-col-title"><a href="/collections/tree-equipment">Tree Equipment</a></h3>
3836                                
3837                                  
3838                                    <a class="mega-link" href="/products/tmg-sdr72">Root Rake</a>
3839                                  
3840                                    <a class="mega-link" href="/products/heavy-duty-50-stump-bucket-with-universal-quick-attach-for-skid-steers">Stump Bucket</a>
3841                                  
3842                                    <a class="mega-link" href="/collections/stump-grinders">Stump Grinders</a>
3843                                  
3844                                    <a class="mega-link" href="/products/42-heavy-duty-tree-scoop-for-skid-steers">Tree Scoop</a>
3845                                  
3846                                
3847                              </div>
3848                            
3849                              <div class="mega-col">
3850                                <h3 class="mega-col-title"><a href="/collections/wood-working">Wood Working</a></h3>
3851                                
3852                                  
3853                                    <a class="mega-link" href="/collections/log-splitters">Log Splitters</a>
3854                                  
3855                                    <a class="mega-link" href="/collections/sawmills">Sawmills</a>
3856                                  
3857                                    <a class="mega-link" href="/collections/wood-chippers">Wood Chippers</a>
3858                                  
3859                                
3860                              </div>
3861                            
3862                          </div>
3863                        </div>
3864                      
3865                        <div class="mega-category " data-category="landscaping">
3866                          <div class="mega-header">
3867                            <h2><a href="/collections/landscaping">Landscaping</a></h2>
3868                            <a href="/collections/landscaping" class="see-all">See All →</a>
3869                          </div>
3870
3871                          <div class="mega-grid">
3872                            
3873                              <div class="mega-col">
3874                                <h3 class="mega-col-title"><a href="/collections/flail-mowers-for-tractors">Flail Mowers</a></h3>
3875                                
3876                                  
3877                                    <a class="mega-link" href="/collections/tractor-mowers-1">Tractor Mowers</a>
3878                                  
3879                                    <a class="mega-link" href="/collections/skidder-mowers">Skidder Mowers</a>
3880                                  
3881                                    <a class="mega-link" href="/collections/excavator-mowers">Excavator Mowers</a>
3882                                  
3883                                    <a class="mega-link" href="/collections/atv-mowers">ATV/UTV Mowers</a>
3884                                  
3885                                
3886                              </div>
3887                            
3888                              <div class="mega-col">
3889                                <h3 class="mega-col-title"><a href="/collections/offside-mowers">Offside Mowers</a></h3>
3890                                
3891                                  
3892                                    <a class="mega-link" href="/collections/ditch-bank-mowers">Ditch Bank Mowers</a>
3893                                  
3894                                    <a class="mega-link" href="/collections/side-shift-mowers">Side Shift Mowers</a>
3895                                  
3896                                
3897                              </div>
3898                            
3899                              <div class="mega-col">
3900                                <h3 class="mega-col-title"><a href="/collections/mulchers">Mulchers</a></h3>
3901                                
3902                                  
3903                                    <a class="mega-link" href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80">Excavator Mulcher</a>
3904                                  
3905                                
3906                              </div>
3907                            
3908                          </div>
3909                        </div>
3910                      
3911                        <div class="mega-category " data-category="storage">
3912                          <div class="mega-header">
3913                            <h2><a href="/collections/storage-sheds">Storage</a></h2>
3914                            <a href="/collections/storage-sheds" class="see-all">See All →</a>
3915                          </div>
3916
3917                          <div class="mega-grid">
3918                            
3919                              <div class="mega-col">
3920                                <h3 class="mega-col-title"><a href="/collections/metal-sheds">Metal Sheds</a></h3>
3921                                
3922                                  <a class="mega-link" href="/collections/metal-sheds">View All Metal Sheds</a>
3923                                
3924                              </div>
3925                            
3926                              <div class="mega-col">
3927                                <h3 class="mega-col-title"><a href="/collections/metal-carports">Metal Carports</a></h3>
3928                                
3929                                  <a class="mega-link" href="/collections/metal-carports">View All Metal Carports</a>
3930                                
3931                              </div>
3932                            
3933                              <div class="mega-col">
3934                                
3934<h3 class="mega-col-title"><a href="/collections/fabric-shelters">Fabric Shelters</a></h3>
3935                                
3936                                  <a class="mega-link" href="/collections/fabric-shelters">View All Fabric Shelters</a>
3937                                
3938                              </div>
3939                            
3940                              <div class="mega-col">
3941                                <h3 class="mega-col-title"><a href="/collections/container-shelters">Container Shelters</a></h3>
3942                                
3943                                  <a class="mega-link" href="/collections/container-shelters">View All Container Shelters</a>
3944                                
3945                              </div>
3946                            
3947                              <div class="mega-col">
3948                                <h3 class="mega-col-title"><a href="/collections/party-tents">Party Tents</a></h3>
3949                                
3950                                  <a class="mega-link" href="/collections/party-tents">View All Party Tents</a>
3951                                
3952                              </div>
3953                            
3954                              <div class="mega-col">
3955                                <h3 class="mega-col-title"><a href="/collections/fabric-shelters">Shelters</a></h3>
3956                                
3957                                  <a class="mega-link" href="/collections/fabric-shelters">View All Shelters</a>
3958                                
3959                              </div>
3960                            
3961                          </div>
3962                        </div>
3963                      
3964                    </div>
3965
3966                  </div>
3967                </div>
3968              
3969            </div><div class="tmg-logo site-header-logo">
3970              <a class="site-logo" href="/">
3971                
3972                  
3973                  
3974                  
3975
3976  
3977
3978  <img
3979    
3980      src="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_290x59.png?v=1769108618"
3981    
3982    alt=""
3983
3984    
3985      data-rimg
3986      srcset="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_290x59.png?v=1769108618 1x"
3987    
3988
3989    class="site-logo-image"
3990    style="
3991        object-fit:cover;object-position:50.0% 50.0%;
3992      
3993"
3994    
3995  >
3996
3997
3998
3999
4000                
4001              </a>
4002            </div><div class="header-nav-item header-nav-item--country dropdown-container country-selector dropdown-trigger country_mobile">
4003              <span class="country-flag-current">
4004                <img src="https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg" alt="Canada" width="20" height="14" data-domain="ca">
4005                <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" alt="USA" width="20" height="14" data-domain="com" style="display:none;">
4006                <img src="https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" alt="Australia" width="20" height="14" data-domain="com.au" style="display:none;">
4007                <img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg" alt="UK" width="20" height="14" data-domain="co.uk" style="display:none;">
4008                <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg" alt="NZ" width="20" height="14" data-domain="co.nz" style="display:none;">
4009                <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg" alt="DE" width="20" height="14" data-domain="de" style="display:none;">
4010                <img src="https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg" alt="NL" width="20" height="14" data-domain="nl" style="display:none;">
4011                <img src="https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg" alt="PL" width="20" height="14" data-domain="pl" style="display:none;">
4012                <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Flag_of_Finland.svg" alt="FI" width="20" height="14" data-domain="fi" style="display:none;">
4013              </span>
4014            </div>
4015
4016          </div>
4017
4018          <!-- CENTER (desktop): ✅ Search ONLY -->
4019          <div class="tmg-main__center">
4020            <div class="tmg-search">
4021              
4022
4023
4024
4025
4026
4027<div class="live-search" data-live-search><form
4028    class="
4029      live-search-form
4030      form-fields-inline
4031      
4032    "
4033    action="/search"
4034    method="get"
4035    role="search"
4036    aria-label="Product"
4037    data-live-search-form
4038  >
4039    <div class="form-field no-label">
4040      <input type="hidden" name="type" value=""><span class="form-field-select-wrapper live-search-filter-wrapper">
4041          <select
4042            class="live-search-filter"
4043            id="live-search-filter"
4044            data-live-search-filter
4045            data-filter-all="All categories"
4046          >
4047            
4048            <option value="" selected>All categories</option>
4049            <option value="" disabled>------</option>
4050            
4051          </select>
4052
4053          <label
4054            class="
4055              live-search-filter-label
4056              form-field-select
4057            "
4058            for="live-search-filter"
4059            data-live-search-filter-label
4060          >All categories
4061</label>
4062          <svg
4063  aria-hidden="true"
4064  focusable="false"
4065  role="presentation"
4066  width="8"
4067  height="6"
4068  viewBox="0 0 8 6"
4069  fill="none"
4070  xmlns="http://www.w3.org/2000/svg"
4071  class="icon-chevron-down"
4072>
4073<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
4074<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
4075</svg>
4076
4077        </span><input
4078        class="form-field-input live-search-form-field"
4079        type="text"
4080        name="q"
4081        aria-label="Search"
4082        placeholder="What are you looking for?"
4083        
4084        autocomplete="off"
4085        data-live-search-input
4086      >
4087      <button
4088        class="live-search-takeover-cancel"
4089        type="button"
4090        data-live-search-takeover-cancel>
4091        Cancel
4092      </button>
4093
4094      <button
4095        class="live-search-button"
4096        type="submit"
4097        aria-label="Search"
4098        data-live-search-submit
4099      >
4100        <span class="search-icon search-icon--inactive">
4101          <svg
4102  aria-hidden="true"
4103  focusable="false"
4104  role="presentation"
4105  xmlns="http://www.w3.org/2000/svg"
4106  width="23"
4107  height="24"
4108  fill="none"
4109  viewBox="0 0 23 24"
4110>
4111  <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"/>
4112  <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2.25"/>
4113</svg>
4114
4115        </span>
4116        <span class="search-icon search-icon--active">
4117          <svg
4118  aria-hidden="true"
4119  focusable="false"
4120  role="presentation"
4121  width="26"
4122  height="26"
4123  viewBox="0 0 26 26"
4124  xmlns="http://www.w3.org/2000/svg"
4125>
4126  <g fill-rule="nonzero" fill="currentColor">
4127    <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"/>
4128  </g>
4129</svg>
4130        </span>
4131      </button>
4132    </div>
4133
4134    <div class="search-flydown" data-live-search-flydown>
4135      <div class="search-flydown--placeholder" data-live-search-placeholder>
4136        <div class="search-flydown--product-items">
4137          
4138            <a class="search-flydown--product search-flydown--product" href="#">
4139              
4140                <div class="search-flydown--product-image">
4141                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4142                </div>
4143              
4144
4145              <div class="search-flydown--product-text">
4146                <span class="search-flydown--product-title placeholder--content-text"></span>
4147                <span class="search-flydown--product-price placeholder--content-text"></span>
4148              </div>
4149            </a>
4150          
4151            <a class="search-flydown--product search-flydown--product" href="#">
4152              
4153                <div class="search-flydown--product-image">
4154                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4155                </div>
4156              
4157
4158              <div class="search-flydown--product-text">
4159                <span class="search-flydown--product-title placeholder--content-text"></span>
4160                <span class="search-flydown--product-price placeholder--content-text"></span>
4161              </div>
4162            </a>
4163          
4164            <a class="search-flydown--product search-flydown--product" href="#">
4165              
4166                <div class="search-flydown--product-image">
4167                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4168                </div>
4169              
4170
4171              <div class="search-flydown--product-text">
4172                <span class="search-flydown--product-title placeholder--content-text"></span>
4173                <span class="search-flydown--product-price placeholder--content-text"></span>
4174              </div>
4175            </a>
4176          
4177        </div>
4178      </div>
4179
4180      <div
4181        class="
4182          search-flydown--results
4183          
4184        "
4185        data-live-search-results
4186      ></div>
4187
4188      
4189    </div>
4190  </form>
4191</div>
4192
4193            </div>
4194          </div>
4195
4196          <!-- RIGHT (desktop) -->
4197          <div class="tmg-main__right">
4198  
4199          <div class="mobile_search_form">
4200            
4201
4202
4203
4204
4205
4206<div class="live-search" data-live-search><form
4207    class="
4208      live-search-form
4209      form-fields-inline
4210      
4211    "
4212    action="/search"
4213    method="get"
4214    role="search"
4215    aria-label="Product"
4216    data-live-search-form
4217  >
4218    <div class="form-field no-label">
4219      <input type="hidden" name="type" value=""><span class="form-field-select-wrapper live-search-filter-wrapper">
4220          <select
4221            class="live-search-filter"
4222            id="live-search-filter"
4223            data-live-search-filter
4224            data-filter-all="All categories"
4225          >
4226            
4227            <option value="" selected>All categories</option>
4228            <option value="" disabled>------</option>
4229            
4230          </select>
4231
4232          <label
4233            class="
4234              live-search-filter-label
4235              form-field-select
4236            "
4237            for="live-search-filter"
4238            data-live-search-filter-label
4239          >All categories
4240</label>
4241          <svg
4242  aria-hidden="true"
4243  focusable="false"
4244  role="presentation"
4245  width="8"
4246  height="6"
4247  viewBox="0 0 8 6"
4248  fill="none"
4249  xmlns="http://www.w3.org/2000/svg"
4250  class="icon-chevron-down"
4251>
4252<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
4253<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
4254</svg>
4255
4256        </span><input
4257        class="form-field-input live-search-form-field"
4258        type="text"
4259        name="q"
4260        aria-label="Search"
4261        placeholder="What are you looking for?"
4262        
4263        autocomplete="off"
4264        data-live-search-input
4265      >
4266      <button
4267        class="live-search-takeover-cancel"
4268        type="button"
4269        data-live-search-takeover-cancel>
4270        Cancel
4271      </button>
4272
4273      <button
4274        class="live-search-button"
4275        type="submit"
4276        aria-label="Search"
4277        data-live-search-submit
4278      >
4279        <span class="search-icon search-icon--inactive">
4280          <svg
4281  aria-hidden="true"
4282  focusable="false"
4283  role="presentation"
4284  xmlns="http://www.w3.org/2000/svg"
4285  width="23"
4286  height="24"
4287  fill="none"
4288  viewBox="0 0 23 24"
4289>
4290  <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"/>
4291  <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2.25"/>
4292</svg>
4293
4294        </span>
4295        <span class="search-icon search-icon--active">
4296          <svg
4297  aria-hidden="true"
4298  focusable="false"
4299  role="presentation"
4300  width="26"
4301  height="26"
4302  viewBox="0 0 26 26"
4303  xmlns="http://www.w3.org/2000/svg"
4304>
4305  <g fill-rule="nonzero" fill="currentColor">
4306    <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"/>
4307  </g>
4308</svg>
4309        </span>
4310      </button>
4311    </div>
4312
4313    <div class="search-flydown" data-live-search-flydown>
4314      <div class="search-flydown--placeholder" data-live-search-placeholder>
4315        <div class="search-flydown--product-items">
4316          
4317            <a class="search-flydown--product search-flydown--product" href="#">
4318              
4319                <div class="search-flydown--product-image">
4320                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4321                </div>
4322              
4323
4324              <div class="search-flydown--product-text">
4325                <span class="search-flydown--product-title placeholder--content-text"></span>
4326                <span class="search-flydown--product-price placeholder--content-text"></span>
4327              </div>
4328            </a>
4329          
4330            <a class="search-flydown--product search-flydown--product" href="#">
4331              
4332                <div class="search-flydown--product-image">
4333                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4334                </div>
4335              
4336
4337              <div class="search-flydown--product-text">
4338                <span class="search-flydown--product-title placeholder--content-text"></span>
4339                <span class="search-flydown--product-price placeholder--content-text"></span>
4340              </div>
4341            </a>
4342          
4343            <a class="search-flydown--product search-flydown--product" href="#">
4344              
4345                <div class="search-flydown--product-image">
4346                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
4347                </div>
4348              
4349
4350              <div class="search-flydown--product-text">
4351                <span class="search-flydown--product-title placeholder--content-text"></span>
4352                <span class="search-flydown--product-price placeholder--content-text"></span>
4353              </div>
4354            </a>
4355          
4356        </div>
4357      </div>
4358
4359      <div
4360        class="
4361          search-flydown--results
4362          
4363        "
4364        data-live-search-results
4365      ></div>
4366
4367      
4368    </div>
4369  </form>
4370</div>
4371
4372          </div>
4373
4374            <div class="header-nav-item header-nav-item--country dropdown-container country_desktop tmg-country">
4375              <div class="tmg-country__trigger" aria-expanded="false" aria-controls="tmg-country-dropdown">
4376                <span class="tmg-country__flag">
4377                  <img src="https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" alt="Canada" data-domain="com.au">
4378                </span>
4379                <span class="tmg-country__code">AU</span>
4380
4381                <button type="button" class="tmg-country__caret" aria-label="Change country" aria-expanded="false" aria-controls="tmg-country-dropdown">
4382                  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
4383                    <path d="M15.2219 7.34689L9.59692 12.9719C9.51854 13.0506 9.42539 13.113 9.32283 13.1556C9.22027 13.1981 9.11032 13.2201 8.99927 13.2201C8.88822 13.2201 8.77826 13.1981 8.6757 13.1556C8.57314 13.113 8.48 13.0506 8.40161 12.9719L2.77661 7.34689C2.6181 7.18839 2.52905 6.9734 2.52905 6.74924C2.52905 6.52507 2.6181 6.31009 2.77661 6.15158C2.93512 5.99307 3.1501 5.90402 3.37427 5.90402C3.59843 5.90402 3.81341 5.99307 3.97192 6.15158L8.99997 11.1796L14.028 6.15088C14.1865 5.99237 14.4015 5.90332 14.6257 5.90332C14.8498 5.90332 15.0648 5.99237 15.2233 6.15088C15.3818 6.30939 15.4709 6.52437 15.4709 6.74853C15.4709 6.9727 15.3818 7.
438318768 15.2233 7.34619L15.2219 7.34689Z" fill="white"/>
4384                  </svg>
4385                </button>
4386              </div>
4387
4388              <div id="tmg-country-dropdown" class="tmg-country__dropdown" hidden>
4389                <a href="https://tmgindustrial.com" class="tmg-country__row" data-domain="com">
4390                  <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" alt="USA Flag" width="20" height="14">
4391                  <span>United States</span>
4392                </a>
4393                <a href="https://tmgindustrial.com.au" class="tmg-country__row" data-domain="com.au">
4394                  <img src="https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" alt="Australia Flag" width="20" height="14">
4395                  <span>Australia</span>
4396                </a>
4397                <a href="https://tmgindustrial.ca" class="tmg-country__row" data-domain="ca">
4398                  <img src="https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg" alt="Canada Flag" width="20" height="14">
4399                  <span>Canada</span>
4400                </a>
4401                <a href="https://tmgindustrial.co.uk" class="tmg-country__row" data-domain="co.uk">
4402                  <img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg" alt="UK Flag" width="20" height="14">
4403                  <span>United Kingdom</span>
4404                </a>
4405                <a href="https://tmgindustrial.co.nz" class="tmg-country__row" data-domain="co.nz">
4406                  <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg" alt="NZ Flag" width="20" height="14">
4407                  <span>New Zealand</span>
4408                </a>
4409                <a href="https://tmgindustrial.de" class="tmg-country__row" data-domain="de">
4410                  <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg" alt="Germany Flag" width="20" height="14">
4411                  <span>Germany</span>
4412                </a>
4413                <a href="https://tmgindustrial.nl" class="tmg-country__row" data-domain="nl">
4414                  <img src="https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg" alt="Netherlands Flag" width="20" height="14">
4415                  <span>Netherlands</span>
4416                </a>
4417                <a href="https://tmgindustrial.pl" class="tmg-country__row" data-domain="pl">
4418                  <img src="https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg" alt="Poland Flag" width="20" height="14">
4419                  <span>Poland</span>
4420                </a>
4421                <a href="https://tmgindustrial.fi" class="tmg-country__row" data-domain="fi">
4422                  <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Flag_of_Finland.svg" alt="Finland Flag" width="20" height="14">
4423                  <span>Finland</span>
4424                </a>
4425              </div>
4426            </div>
4427
4428           
4429
4430            <a class="site-header-cart--button" href="/cart" style="position:relative; display:inline-flex; align-items:center;">
4431              <span class="site-header-cart--count "
4432                data-header-cart-count=""></span>
4433
4434              <span class="site-header-cart-icon site-header-cart-icon--svg" style="display:flex;">
4435                
4436                  
4437
4438
4439              <svg width="25" height="24" viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H1.33877H1.33883C1.61048 2.00005 2.00378 2.23945 2.10939 2.81599L2.10937 2.816L2.11046 2.82171L5.01743 18.1859C5.12011 18.7286 5.64325 19.0852 6.18591 18.9826C6.21078 18.9779 6.23526 18.9723 6.25933 18.9658C6.28646 18.968 6.31389 18.9692 6.34159 18.9692H18.8179H18.8181C19.0302 18.9691 19.2141 18.9765 19.4075 18.9842L19.4077 18.9842C19.5113 18.9884 19.6175 18.9926 19.7323 18.9959C20.0255 19.0043 20.3767 19.0061 20.7177 18.9406C21.08 18.871 21.4685 18.7189 21.8028 18.3961C22.1291 18.081 22.3266 17.6772 22.4479 17.2384C22.4569 17.2058 22.4642 17.1729 22.4699 17.1396L23.944 8.46865C24.2528 7.20993 23.2684 5.99987 21.9896 6H21.9894H4.74727L4.07666 2.45562L4.07608 2.4525C3.83133 1.12381 2.76159 8.49962e-05 1.33889 0H1.33883H1ZM5.12568 8L6.8227 16.9692H18.8178H18.8179C19.0686 16.9691 19.3257 16.9793 19.5406 16.9877L19.5413 16.9877C19.633 16.9913 19.7171 16.9947 19.7896 16.9967C20.0684 17.0047 20.2307 16.9976 20.3403 16.9766C20.3841 16.9681 20.4059 16.96 20.4151 16.9556C20.4247 16.9443 20.4639 16.8918 20.5077 16.7487L21.9794 8.09186C21.9842 8.06359 21.9902 8.03555 21.9974 8.0078C21.9941 8.00358 21.9908 8.00108 21.989 8H5.12568ZM20.416 16.9552C20.4195 16.9534 20.4208 16.9524 20.4205 16.9523C20.4204 16.9523 20.4199 16.9525 20.4191 16.953L2
44390.416 16.9552ZM10.8666 22.4326C10.8666 23.2982 10.195 24 9.36658 24C8.53815 24 7.86658 23.2982 7.86658 22.4326C7.86658 21.567 8.53815 20.8653 9.36658 20.8653C10.195 20.8653 10.8666 21.567 10.8666 22.4326ZM18.0048 24C18.8332 24 19.5048 23.2982 19.5048 22.4326C19.5048 21.567 18.8332 20.8653 18.0048 20.8653C17.1763 20.8653 16.5048 21.567 16.5048 22.4326C16.5048 23.2982 17.1763 24 18.0048 24Z" fill="currentColor"/>    </svg>                                                                                                              
4440
4441                
4442              </span>
4443              <span class="visually-hidden">View cart</span>
4444            </a><a class="tmg-mob-top-icon tmg-mob-top-account"
4445   href="/account"
4446   aria-label="Login / Account">
4447  
4448
4449
4450    <svg class="icon-account "    aria-hidden="true"    focusable="false"    role="presentation"    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M11.3336 14.4447C14.7538 14.4447 17.5264 11.6417 17.5264 8.18392C17.5264 4.72616 14.7538 1.9231 11.3336 1.9231C7.91347 1.9231 5.14087 4.72616 5.14087 8.18392C5.14087 11.6417 7.91347 14.4447 11.3336 14.4447Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>      <path d="M20.9678 24.0769C19.5098 20.0278 15.7026 17.3329 11.4404 17.3329C7.17822 17.3329 3.37107 20.0278 1.91309 24.0769" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>                                                                                                                        
4451
4452</a>
4453
4454          </div><div class="tmg-mobile-icons-row">
4455            <div class="tmg-mobile-icons-left">
4456              <button id="tmg-mobile-hamburger-row2" class="tmg-mobile-hamburger-row2" type="button" aria-label="Open menu">
4457
4458                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
4459                  <path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
4460                </svg>
4461              </button>
4462
4463              <span class="tmg-mobile-flag" aria-label="Country">
4464                <span class="country-flag-current">
4465                  <img src="https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg" alt="CA" width="20" height="14" data-domain="ca">
4466                  <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" alt="USA" width="20" height="14" data-domain="com" style="display:none;">
4467                  <img src="https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" alt="AU" width="20" height="14" data-domain="com.au" style="display:none;">
4468                  <img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg" alt="UK" width="20" height="14" data-domain="co.uk" style="display:none;">
4469                  <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg" alt="NZ" width="20" height="14" data-domain="co.nz" style="display:none;">
4470                  <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg" alt="DE" width="20" height="14" data-domain="de" style="display:none;">
4471                  <img src="https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg" alt="NL" width="20" height="14" data-domain="nl" style="display:none;">
4472                  <img src="https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg" alt="PL" width="20" height="14" data-domain="pl" style="display:none;">
4473                  <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Flag_of_Finland.svg" alt="FI" width="20" height="14" data-domain="fi" style="display:none;">
4474                </span>
4475              </span>
4476            </div>
4477
4478            <div class="tmg-mobile-logo-row">
4479              <div class="tmg-logo site-header-logo">
4480                <a class="site-logo" href="/">
4481                  
4482                    
4483                    
4484                    
4485
4486  
4487
4488  <img
4489    
4490      src="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_290x59.png?v=1769108618"
4491    
4492    alt=""
4493
4494    
4495      data-rimg
4496      srcset="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_290x59.png?v=1769108618 1x"
4497    
4498
4499    class="site-logo-image"
4500    style="
4501        object-fit:cover;object-position:50.0% 50.0%;
4502      
4503"
4504    
4505  >
4506
4507
4508
4509
4510                  
4511                </a>
4512              </div>
4513            </div>
4514
4515            <div class="tmg-mobile-icons-right">
4516              <button type="button" class="tmg-mobile-iconbtn" data-mobile-search-toggle aria-label="Search">
4517                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
4518                  <path d="M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" stroke="currentColor" stroke-width="2"/>
4519                  <path d="M21 21l-4.2-4.2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
4520                </svg>
4521              </button>
4522
4523              <a class="tmg-mobile-iconbtn" href="/account" aria-label="Account">
4524                
4525
4526
4527    <svg class="icon-account "    aria-hidden="true"    focusable="false"    role="presentation"    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M11.3336 14.4447C14.7538 14.4447 17.5264 11.6417 17.5264 8.18392C17.5264 4.72616 14.7538 1.9231 11.3336 1.9231C7.91347 1.9231 5.14087 4.72616 5.14087 8.18392C5.14087 11.6417 7.91347 14.4447 11.3336 14.4447Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>      <path d="M20.9678 24.0769C19.5098 20.0278 15.7026 17.3329 11.4404 17.3329C7.17822 17.3329 3.37107 20.0278 1.91309 24.0769" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>                                                                                                                        
4528
4529              </a>
4530
4531              <a class="site-header-cart--button tmg-mobile-iconbtn"
4532                 href="/cart"
4533                 style="position:relative;"
4534                 aria-label="View cart">
4535                <span class="site-header-cart--count "
4536                  data-header-cart-count="">0
4537                </span>
4538                <span class="site-header-cart-icon site-header-cart-icon--svg" style="display:flex;">
4539                  
4540                    
4541
4542
4543              <svg width="25" height="24" viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H1.33877H1.33883C1.61048 2.00005 2.00378 2.23945 2.10939 2.81599L2.10937 2.816L2.11046 2.82171L5.01743 18.1859C5.12011 18.7286 5.64325 19.0852 6.18591 18.9826C6.21078 18.9779 6.23526 18.9723 6.25933 18.9658C6.28646 18.968 6.31389 18.9692 6.34159 18.9692H18.8179H18.8181C19.0302 18.9691 19.2141 18.9765 19.4075 18.9842L19.4077 18.9842C19.5113 18.9884 19.6175 18.9926 19.7323 18.9959C20.0255 19.0043 20.3767 19.0061 20.7177 18.9406C21.08 18.871 21.4685 18.7189 21.8028 18.3961C22.1291 18.081 22.3266 17.6772 22.4479 17.2384C22.4569 17.2058 22.4642 17.1729 22.4699 17.1396L23.944 8.46865C24.2528 7.20993 23.2684 5.99987 21.9896 6H21.9894H4.74727L4.07666 2.45562L4.07608 2.4525C3.83133 1.12381 2.76159 8.49962e-05 1.33889 0H1.33883H1ZM5.12568 8L6.8227 16.9692H18.8178H18.8179C19.0686 16.9691 19.3257 16.9793 19.5406 16.9877L19.5413 16.9877C19.633 16.9913 19.7171 16.9947 19.7896 16.9967C20.0684 17.0047 20.2307 16.9976 20.3403 16.9766C20.3841 16.9681 20.4059 16.96 20.4151 16.9556C20.4247 16.9443 20.4639 16.8918 20.5077 16.7487L21.9794 8.09186C21.9842 8.06359 21.9902 8.03555 21.9974 8.0078C21.9941 8.00358 21.9908 8.00108 21.989 8H5.12568ZM20.416 16.9552C20.4195 16.9534 20.4208 16.9524 20.4205 16.9523C20.4204 16.9523 20.4199 16.9525 20.4191 16.953L20.416 16.9552ZM10.8666 22.4326C10.8666 23.2982 10.195 24 9.36658 24C8.53815 24 7.86658 23.2982 7.86658 22.4326C7.86658 21.567 8.53815 20.8653 9.36658 20.8653C10.195 20.8653 10.8666 21.567 10.8666 22.4326ZM18.0048 24C18.8332 24 19.5048 23.2982 19.5048 22.4326C19.5048 21.567 18.8332 20.8653 18.0048 20.8653C17.1763 20.8653 16.5048 21.567 16.5048 22.4326C16.5048 23.2982 17.1763 24 18.0048 24Z" fill="currentColor"/>    </svg>                                                                                                              
4544
4545                  
4546                </span>
4547              </a>
4548            </div>
4549          </div>
4550
4551
4552        </div>
4553      </div>
4554    </div>
4555
4556   <div class="tmg-mobile-quicknav">
4557  <!-- ✅ Hamburger on Row 2 (like screenshot) -->
4558  <button id="tmg-mobile-hamburger" class="tmg-mobile-hamburger-row2" type="button" aria-label="Open menu">
4559    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
4560      <path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
4561    </svg>
4562  </button>
4563<div class="tmg-nav-scroll">
4564  <div class="tmg-nav-scroll__viewport" id="tmgMobileNavViewport">
4565    <ul class="tmg-nav-scroll__list">
4566
4567        <li class="tmg-nav-item">
4568          <a class="tmg-nav-link" href="/pages/about-us/pages/about-us">ABOUT US</a>
4569        </li>
4570      
4571
4572
4573      
4574
4575      
4576        <li class="tmg-nav-item">
4577          <a class="tmg-nav-link" href="https://www.tmgindustrial.co.nz/pages/tmg-nz-parts" style="color:#ff671d; font-weight:600;">
4578            PARTS
4579          </a>
4580        </li>
4581      
4582<li class="tmg-nav-item">
4583            <a class="tmg-nav-link" href="/pages/contact">📞Pre Order (Contact Us)  </a>
4584          </li><li class="tmg-nav-item">
4585            <a class="tmg-nav-link" href="/collections/fabric-shelters">Shelters</a>
4586          </li><li class="tmg-nav-item">
4587            <a class="tmg-nav-link" href="/collections/metal-sheds">Metal Sheds</a>
4588          </li><li class="tmg-nav-item">
4589            <a class="tmg-nav-link" href="/collections/flail-mowers">Flail Mowers</a>
4590          </li><li class="tmg-nav-item">
4591            <a class="tmg-nav-link" href="/collections/skid-steer-attachments">Skidder Attach</a>
4592          </li><li class="tmg-nav-item">
4593            <a class="tmg-nav-link" href="/collections/tractor-attachments">Tractor Attach</a>
4594          </li><li class="tmg-nav-item">
4595            <a class="tmg-nav-link" href="/collections/wood-chippers">Wood Chippers</a>
4596          </li><li class="tmg-nav-item">
4597            <a class="tmg-nav-link" href="/collections/sawmills">Sawmills</a>
4598          </li><li class="tmg-nav-item">
4599            <a class="tmg-nav-link" href="/collections/greenhouse">Greenhouses</a>
4600          </li><li class="tmg-nav-item">
4601            <a class="tmg-nav-link" href="/collections/groundworks">Soil Compaction</a>
4602          </li></ul>
4603  </div>
4604</div>
4605</div>
4606
4607
4608  </div>
4609
4610  
4611<div class="tmg-nav" data-site-navigation>
4612  <div class="tmg-header__container">
4613    <div class="tmg-nav__inner">
4614
4615      <!-- ✅ STATIC LEFT (Deals only) -->
4616      
4617
4618      <!-- ◀ LEFT ARROW -->
4619     
4620
4621      <!-- 🔁 SCROLLABLE CENTER -->
4622  <div class="tmg-nav-scroll">
4623  <!-- optional left arrow -->
4624 
4625
4626<div class="tmg-nav-scroll__viewport" id="tmgNavViewport">
4627  <ul class="tmg-nav-scroll__list"><li class="tmg-nav-item">
4628          <a class="tmg-nav-link" href="/pages/contact">📞Pre Order (Contact Us)  </a>
4629        </li><li class="tmg-nav-item">
4630          <a class="tmg-nav-link" href="/collections/fabric-shelters">Shelters</a>
4631        </li><li class="tmg-nav-item">
4632          <a class="tmg-nav-link" href="/collections/metal-sheds">Metal Sheds</a>
4633        </li><li class="tmg-nav-item">
4634          <a class="tmg-nav-link" href="/collections/flail-mowers">Flail Mowers</a>
4635        </li><li class="tmg-nav-item">
4636          <a class="tmg-nav-link" href="/collections/skid-steer-attachments">Skidder Attach</a>
4637        </li><li class="tmg-nav-item">
4638          <a class="tmg-nav-link" href="/collections/tractor-attachments">Tractor Attach</a>
4639        </li><li class="tmg-nav-item">
4640          <a class="tmg-nav-link" href="/collections/wood-chippers">Wood Chippers</a>
4641        </li><li class="tmg-nav-item">
4642          <a class="tmg-nav-link" href="/collections/sawmills">Sawmills</a>
4643        </li><li class="tmg-nav-item">
4644          <a class="tmg-nav-link" href="/collections/greenhouse">Greenhouses</a>
4645        </li><li class="tmg-nav-item">
4646          <a class="tmg-nav-link" href="/collections/groundworks">Soil Compaction</a>
4647        </li></ul>
4648</div>
4649
4650
4651
4652</div>
4653
4654
4655 <button class="tmg-nav-arrow"
4656              type="button"
4657              aria-label="Scroll left"
4658              data-nav-scroll="left">
4659        ‹
4660      </button>
4661      <!-- ▶ RIGHT ARROW -->
4662      <button class="tmg-nav-arrow"
4663              type="button"
4664              aria-label="Scroll right"
4665              data-nav-scroll="right">
4666        ›
4667      </button>
4668
4669      <!-- ✅ STATIC RIGHT -->
4670      <div class="tmg-nav-static-right">
4671        
4672          <a style="color:#ff671d; font-weight:600;" class="tmg-nav-link" href="https://www.tmgindustrial.co.nz/pages/tmg-nz-parts">Parts</a>
4673        
4674
4675        
4676         <a class="tmg-nav-link" href="https://www.tmgindustrial.co.nz/pages/about-us">About Us</a>
4677         
4678      </div>
4679
4680    </div>
4681  </div>
4682</div>
4683
4684
4685  
4686
4687  <!-- MINI STICKY HEADER (desktop only) -->
4688  <div class="tmg-sticky-mini" data-tmg-sticky-mini aria-hidden="true">
4689    <div class="tmg-header__container">
4690      <div class="tmg-sticky-mini__inner">
4691
4692        <div class="tmg-sticky-logo">
4693          <a href="/" aria-label="TMG Industrial New Zealand">
4694            
4695              
4696
4697  
4698
4699  <img
4700    
4701      src="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_140x29.png?v=1769108618"
4702    
4703    alt=""
4704
4705    
4706      data-rimg
4707      srcset="//www.tmgindustrial.co.nz/cdn/shop/files/Group_9_140x29.png?v=1769108618 1x, //www.tmgindustrial.co.nz/cdn/shop/files/Group_9_280x58.png?v=1769108618 2x, //www.tmgindustrial.co.nz/cdn/shop/files/Group_9_290x60.png?v=1769108618 2.07x"
4708    
4709
4710    
4711    
4712    
4713  >
4714
4715
4716
4717
4718            
4719          </a>
4720        </div>
4721
4722        <div class="tmg-sticky-categories">
4723          <a href="/collections/all" aria-label="View Categories">
4724            <svg viewBox="0 0 24 24" fill="none">
4725              <path d="M4 6h16M4 12h16M4 18h16" stroke="white" stroke-width="2" stroke-linecap="round"/>
4726            </svg>
4727            <span>View Categories</span>
4728          </a>
4729
4730          
4731            <div class="mega-menu">
4732              <div class="mega-menu-container">
4733                <div class="mega-menu-left">
4734                  
4735                    <a href="/collections/agricultural"
4736                      class="mega-left-item active"
4737                      data-category="agricultural">
4738
4739                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4740                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4741                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4742                          </svg></span>
4743
4744                      <span class="mega-left-text">Agricultural</span>
4745                    </a>
4746                  
4747                    <a href="/collections/attachments"
4748                      class="mega-left-item "
4749                      data-category="attachments">
4750
4751                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4752                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4753                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4754                          </svg></span>
4755
4756                      <span class="mega-left-text">Attachments</span>
4757                    </a>
4758                  
4759                    <a href="/collections/automotive"
4760                      class="mega-left-item "
4761                      data-category="automotive">
4762
4763                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4764                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4765                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4766                          </svg></span>
4767
4768                      <span class="mega-left-text">Automotive</span>
4769                    </a>
4770                  
4771                    <a href="/collections/automotive-equipment-1"
4772                      class="mega-left-item "
4773                      data-category="automotive">
4774
4775                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4776                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4777                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4778                          </svg></span>
4779
4780                      <span class="mega-left-text">Automotive</span>
4781                    </a>
4782                  
4783                    <a href="/collections/wood"
4784                      class="mega-left-item "
4785                      data-category="forestry">
4786
4787                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4788                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4789                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4790                          </svg></span>
4791
4792                      <span class="mega-left-text">Forestry</span>
4793                    </a>
4794                  
4795                    <a href="/collections/landscaping"
4796                      class="mega-left-item "
4797                      data-category="landscaping">
4798
4799                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4800                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4801                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4802                          </svg></span>
4803
4804                      <span class="mega-left-text">Landscaping</span>
4805                    </a>
4806                  
4807                    <a href="/collections/storage-sheds"
4808                      class="mega-left-item "
4809                      data-category="storage">
4810
4811                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
4812                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
4813                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
4814                          </svg></span>
4815
4816                      <span class="mega-left-text">Storage</span>
4817                    </a>
4818                  
4819                </div>
4820                <div class="mega-menu-right">
4821                  
4822                    <div class="mega-category active" data-category="agricultural">
4823                      <div class="mega-header">
4824                        <h2><a href="/collections/agricultural">Agricultural</a></h2>
4825                        <a href="/collections/agricultural" class="see-all">See All →</a>
4826                      </div>
4827                      <div class="mega-grid">
4828                        
4829                          <div class="mega-col">
4830                            <h3 class="mega-col-title"><a href="/collections/soil-preparations">Soil Preparations </a></h3>
4831                            
4832                              
4833                                <a class="mega-link" href="/collections/aerators">Aerators </a>
4834                              
4835                                <a class="mega-link" href="/collections/box-scrapers">Box Scrapers </a>
4836                              
4837                                <a class="mega-link" href="/collections/disc-harrows">Disc Harrows </a>
4838                              
4839                                <a class="mega-link" href="/collections/rotary-tillers">Rotary Tillers </a>
4840                              
4841                                <a class="mega-link" href="/products/tmg-slr72-72-skid-steer-land-ripper-scarifier-with-rake-comb">Land Scarifier </a>
4842                              
4843                            
4844                          </div>
4845                        
4846                          <div class="mega-col">
4847                            <h3 class="mega-col-title"><a href="/collections/greenhouses">Greenhouses</a></h3>
4848                            
4849                              
4850                                <a class="mega-link" href="/collections/20-ft-tunnel-greenhouse">6m Tunnel Greenhouses</a>
4851                              
4852                                <a class="mega-link" href="/collections/30-ft-tunnel-greenhouses">9m Tunnel Greenhouses</a>
4853                              
4854                                <a class="mega-link" href="/collections/40-ft-tunnel-greenhouses">12m Tunnel Greenhouses</a>
4855                              
4856                                <a class="mega-link" href="/collections/50-ft-tunnel-greenhouses">15m Tunnel Greenhouses</a>
4857                              
4858                                <a class="mega-link" href="/collections/60-ft-tunnel-greenhouses">18m Tunnel Greenhouses</a>
4859                              
4860                                <a class="mega-link" href="/collections/80-ft-tunnel-greenhouses">24m Tunnel Greenhouses</a>
4861                              
4862                            
4863                          </div>
4864                        
4865                          <div class="mega-col">
4866                            <h3 class="mega-col-title"><a href="/collections/livestock">Livestocks</a></h3>
4867                            
4868                              
4869                                <a class="mega-link" href="/collections/cattle-chutes">Cattle Chutes</a>
4870                              
4871                                <a class="mega-link" href="/collections/chicken-coops">Chicken Coops</a>
4872                              
4873                                <a class="mega-link" href="/collections/dog-kennels">Dog Kennels</a>
4874                              
4875                                <a class="mega-link" href="/collections/livestock-s
4875heds">Livestock Sheds</a>
4876                              
4877                            
4878                          </div>
4879                        
4880                          <div class="mega-col">
4881                            <h3 class="mega-col-title"><a href="/collections/post-driver">Post Driver</a></h3>
4882                            
4883                              <a class="mega-link" href="/collections/post-driver">View All Post Driver</a>
4884                            
4885                          </div>
4886                        
4887                      </div>
4888                    </div>
4889                  
4890                    <div class="mega-category " data-category="attachments">
4891                      <div class="mega-header">
4892                        <h2><a href="/collections/attachments">Attachments</a></h2>
4893                        <a href="/collections/attachments" class="see-all">See All →</a>
4894                      </div>
4895                      <div class="mega-grid">
4896                        
4897                          <div class="mega-col">
4898                            <h3 class="mega-col-title"><a href="/collections/excavator-attachments">Excavator Attachments</a></h3>
4899                            
4900                              
4901                                <a class="mega-link" href="/collections/excavator-hydraulic-breakers">Excavator Hydraulic Breakers</a>
4902                              
4903                                <a class="mega-link" href="/collections/excavator-mowers">Excavator Mowers</a>
4904                              
4905                                <a class="mega-link" href="/collections/excavator-compactors">Excavator Compactors </a>
4906                              
4907                            
4908                          </div>
4909                        
4910                          <div class="mega-col">
4911                            <h3 class="mega-col-title"><a href="/collections/skid-steer-attachments">Skid Steer Attachments</a></h3>
4912                            
4913                              
4914                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-grapple">Skid Steer Grapples</a>
4915                              
4916                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy">Skid Steer Buckets</a>
4917                              
4918                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy-1">Skid Steer Backhoes</a>
4919                              
4920                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-hydraulic-breaker">Skid Steer Hydraulic Breakers</a>
4921                              
4922                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-post-driver">Skid Steer Post Drivers</a>
4923                              
4924                                <a class="mega-link" href="https://tmgindustrial.com.au/collections/skid-steer-soil-equipment">Skid Steer Soil Equipment</a>
4925                              
4926                            
4927                          </div>
4928                        
4929                          <div class="mega-col">
4930                            <h3 class="mega-col-title"><a href="/collections/tractor-attachments">Tractor Attachments</a></h3>
4931                            
4932                              
4933                                <a class="mega-link" href="/collections/tractor-mowers-1">Tractor Mowers</a>
4934                              
4935                                <a class="mega-link" href="/collections/tractor-backhoes">Tractor Backhoes</a>
4936                              
4937                                <a class="mega-link" href="/collections/tractor-tillers">Tractor Tillers</a>
4938                              
4939                                <a class="mega-link" href="/collections/tractor-forestry">Tractor Forestry</a>
4940                              
4941                                <a class="mega-link" href="/collections/tractor-adaptor">Tractor Adaptor</a>
4942                              
4943                            
4944                          </div>
4945                        
4946                          <div class="mega-col">
4947                            <h3 class="mega-col-title"><a href="/collections/atv-mowers">ATV Mowers</a></h3>
4948                            
4949                              <a class="mega-link" href="/collections/atv-mowers">View All ATV Mowers</a>
4950                            
4951                          </div>
4952                        
4953                      </div>
4954                    </div>
4955                  
4956                    <div class="mega-category " data-category="automotive">
4957                      <div class="mega-header">
4958                        <h2><a href="/collections/automotive">Automotive</a></h2>
4959                        <a href="/collections/automotive" class="see-all">See All →</a>
4960                      </div>
4961                      <div class="mega-grid">
4962                        
4963                          <div class="mega-col">
4964                            <h3 class="mega-col-title"><a href="/collections/autolift">Autolifts</a></h3>
4965                            
4966                              
4967                                <a class="mega-link" href="/collections/motorcycle-lifts">Motorcycle Lifts</a>
4968                              
4969                            
4970                          </div>
4971                        
4972                          <div class="mega-col">
4973                            <h3 class="mega-col-title"><a href="/collections/shop-equipment-1">Shop Equipment</a></h3>
4974                            
4975                              
4976                                <a class="mega-link" href="/collections/shop-presses">Shop Press</a>
4977                              
4978                            
4979                          </div>
4980                        
4981                          <div class="mega-col">
4982                            <h3 class="mega-col-title"><a href="/collections/tool-storage-solutions-tmg-industrial-au">Tool Storage</a></h3>
4983                            
4984                              
4985                                <a class="mega-link" href="/collections/workbenches">Workbenches</a>
4986                              
4987                                <a class="mega-link" href="/collections/tool-chests">Tool Chests</a>
4988                              
4989                            
4990                          </div>
4991                        
4992                      </div>
4993                    </div>
4994                  
4995                    <div class="mega-category " data-category="automotive">
4996                      <div class="mega-header">
4997                        <h2><a href="/collections/automotive-equipment-1">Automotive</a></h2>
4998                        <a href="/collections/automotive-equipment-1" class="see-all">See All →</a>
4999                      </div>
5000                      <div class="mega-grid">
5001                        
5002                          <div class="mega-col">
5003                            <h3 class="mega-col-title"><a href="/collections/autolift">Autolifts</a></h3>
5004                            
5005                              <a class="mega-link" href="/collections/autolift">View All Autolifts</a>
5006                            
5007                          </div>
5008                        
5009                          <div class="mega-col">
5010                            <h3 class="mega-col-title"><a href="/collections/shop-equipment-1">Shop Equipment</a></h3>
5011                            
5012                              <a class="mega-link" href="/collections/shop-equipment-1">View All Shop Equipment</a>
5013                            
5014                          </div>
5015                        
5016                          <div class="mega-col">
5017                            <h3 class="mega-col-title"><a href="/collections/tool-storage-solutions-tmg-industrial-au">Tool Storage</a></h3>
5018                            
5019                              <a class="mega-link" href="/collections/tool-storage-solutions-tmg-industrial-au">View All Tool Storage</a>
5020                            
5021                          </div>
5022                        
5023                      </div>
5024                    </div>
5025                  
5026                    <div class="mega-category " data-category="forestry">
5027                      <div class="mega-header">
5028                        <h2><a href="/collections/wood">Forestry</a></h2>
5029                        <a href="/collections/wood" class="see-all">See All →</a>
5030                      </div>
5031                      <div class="mega-grid">
5032                        
5033                          <div class="mega-col">
5034                            <h3 class="mega-col-title"><a href="/collections/log-equipment">Log Equipment</a></h3>
5035                            
5036                              
5037                                <a class="mega-link" href="/collections/log-grapples">Log Grapples</a>
5038                              
5039                                <a class="mega-link" href="/collections/skidding-winchs">Skidding Winchs</a>
5040                              
5041                            
5042                          </div>
5043                        
5044                          <div class="mega-col">
5045                            <h3 class="mega-col-title"><a href="/collections/mulchers">Mulchers</a></h3>
5046                            
5047                              
5048                                <a class="mega-link" href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80">Excavator Mulcher</a>
5049                              
5050                            
5051                          </div>
5052                        
5053                          <div class="mega-col">
5054                            <h3 class="mega-col-title"><a href="/collections/tree-equipment">Tree Equipment</a></h3>
5055                            
5056                              
5057                                <a class="mega-link" href="/products/tmg-sdr72">Root Rake</a>
5058                              
5059                                <a class="mega-link" href="/products/heavy-duty-50-stump-bucket-with-universal-quick-attach-for-skid-steers">Stump Bucket</a>
5060                              
5061                                <a class="mega-link" href="/collections/stump-grinders">Stump Grinders</a>
5062                              
5063                                <a class="mega-link" href="/products/42-heavy-duty-tree-scoop-for-skid-steers">Tree Scoop</a>
5064                              
5065                            
5066                          </div>
5067                        
5068                          <div class="mega-col">
5069                            <h3 class="mega-col-title"><a href="/collections/wood-working">Wood Working</a></h3>
5070                            
5071                              
5072                                <a class="mega-link" href="/collections/log-splitters">Log Splitters</a>
5073                              
5074                                <a class="mega-link" href="/collections/sawmills">Sawmills</a>
5075                              
5076                                <a class="mega-link" href="/collections/wood-chippers">Wood Chippers</a>
5077                              
5078                            
5079                          </div>
5080                        
5081                      </div>
5082                    </div>
5083                  
5084                    <div class="mega-category " data-category="landscaping">
5085                      <div class="mega-header">
5086                        <h2><a href="/collections/landscaping">Landscaping</a></h2>
5087                        <a href="/collections/landscaping" class="see-all">See All →</a>
5088                      </div>
5089                      <div class="mega-grid">
5090                        
5091                          <div class="mega-col">
5092                            <h3 class="mega-col-title"><a href="/collections/flail-mowers-for-tractors">Flail Mowers</a></h3>
5093                            
5094                              
5095                                <a class="mega-link" href="/collections/tractor-mowers-1">Tractor Mowers</a>
5096                              
5097                                <a class="mega-link" href="/collections/skidder-mowers">Skidder Mowers</a>
5098                              
5099                                <a class="mega-link" href="/collections/excavator-mowers">Excavator Mowers</a>
5100                              
5101                                <a class="mega-link" href="/collections/atv-mowers">ATV/UTV Mowers</a>
5102                              
5103                            
5104                          </div>
5105                        
5106                          <div class="mega-col">
5107                            <h3 class="mega-col-title"><a href="/collections/offside-mowers">Offside Mowers</a></h3>
5108                            
5109                              
5110                                <a class="mega-link" href="/collections/ditch-bank-mowers">Ditch Bank Mowers</a>
5111                              
5112                                <a class="mega-link" href="/collections/side-shift-mowers">Side Shift Mowers</a>
5113                              
5114                            
5115                          </div>
5116                        
5117                          <div class="mega-col">
5118                            <h3 class="mega-col-title"><a href="/collections/mulchers">Mulchers</a></h3>
5119                            
5120                              
5121                                <a class="mega-link" href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80">Excavator Mulcher</a>
5122                              
5123                            
5124                          </div>
5125                        
5126                      </div>
5127                    </div>
5128                  
5129                    <div class="mega-category " data-category="storage">
5130                      <div class="mega-header">
5131                        <h2><a href="/collections/storage-sheds">Storage</a></h2>
5132                        <a href="/collections/storage-sheds" class="see-all">See All →</a>
5133                      </div>
5134                      <div class="mega-grid">
5135                        
5136                          <div class="mega-col">
5137                            <h3 class="mega-col-title"><a href="/collections/metal-sheds">Metal Sheds</a></h3>
5138                            
5139                              <a class="mega-link" href="/collections/metal-sheds">View All Metal Sheds</a>
5140                            
5141                          </div>
5142                        
5143                          <div class="mega-col">
5144                            <h3 class="mega-col-title"><a href="/collections/metal-carports">Metal Carports</a></h3>
5145                            
5146                              <a class="mega-link" href="/collections/metal-carports">View All Metal Carports</a>
5147                            
5148                          </div>
5149                        
5150                          <div class="mega-col">
5151                            <h3 class="mega-col-title"><a href="/collections/fabric-shelters">Fabric Shelters</a></h3>
5152                            
5153                              <a class="mega-link" href="/collections/fabric-shelters">View All Fabric Shelters</a>
5154                            
5155                          </div>
5156                        
5157                          <div class="mega-col">
5158                            <h3 class="mega-col-title"><a href="/collections/container-shelters">Container Shelters</a></h3>
5159                            
5160                              <a class="mega-link" href="/collections/container-shelters">View All Container Shelters</a>
5161                            
5162                          </div>
5163                        
5164                          <div class="mega-col">
5165                            <h3 class="mega-col-title"><a href="/collections/party-tents">Party Tents</a></h3>
5166                            
5167                              <a class="mega-link" href="/collections/party-tents">View All Party Tents</a>
5168                            
5169                          </div>
5170                
5170        
5171                          <div class="mega-col">
5172                            <h3 class="mega-col-title"><a href="/collections/fabric-shelters">Shelters</a></h3>
5173                            
5174                              <a class="mega-link" href="/collections/fabric-shelters">View All Shelters</a>
5175                            
5176                          </div>
5177                        
5178                      </div>
5179                    </div>
5180                  
5181                </div>
5182              </div>
5183            </div>
5184          
5185        </div>
5186
5187        <div class="tmg-sticky-navwrap">
5188          <button class="tmg-sticky-arrow" type="button" data-tmg-sticky-scroll="left" aria-label="Scroll left">
5189            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
5190              <path d="M10.5 3.5L6 8l4.5 4.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5191            </svg>
5192          </button>
5193
5194          <nav class="tmg-sticky-nav" aria-label="Primary">
5195            <div class="tmg-sticky-nav__viewport" id="tmgStickyNavViewport">
5196             <ul class="tmg-sticky-nav__list">
5197
5198  
5199
5200  
5201
5202  
5203
5204  
5205    <li class="tmg-nav-item">
5206      <a style="color:#ff671d; font-weight:600;" class="tmg-nav-link" href="https://www.tmgindustrial.co.nz/pages/tmg-nz-parts">PARTS</a>
5207    </li>
5208  
5209
5210  
5211    <li class="tmg-nav-item">
5212      <a class="tmg-nav-link" href="/pages/about-us/pages/about-us">ABOUT US</a>
5213    </li>
5214  
5215<li class="tmg-nav-item">
5216        <a class="tmg-nav-link" href="/pages/contact">📞Pre Order (Contact Us)  </a>
5217      </li><li class="tmg-nav-item">
5218        <a class="tmg-nav-link" href="/collections/fabric-shelters">Shelters</a>
5219      </li><li class="tmg-nav-item">
5220        <a class="tmg-nav-link" href="/collections/metal-sheds">Metal Sheds</a>
5221      </li><li class="tmg-nav-item">
5222        <a class="tmg-nav-link" href="/collections/flail-mowers">Flail Mowers</a>
5223      </li><li class="tmg-nav-item">
5224        <a class="tmg-nav-link" href="/collections/skid-steer-attachments">Skidder Attach</a>
5225      </li><li class="tmg-nav-item">
5226        <a class="tmg-nav-link" href="/collections/tractor-attachments">Tractor Attach</a>
5227      </li><li class="tmg-nav-item">
5228        <a class="tmg-nav-link" href="/collections/wood-chippers">Wood Chippers</a>
5229      </li><li class="tmg-nav-item">
5230        <a class="tmg-nav-link" href="/collections/sawmills">Sawmills</a>
5231      </li><li class="tmg-nav-item">
5232        <a class="tmg-nav-link" href="/collections/greenhouse">Greenhouses</a>
5233      </li><li class="tmg-nav-item">
5234        <a class="tmg-nav-link" href="/collections/groundworks">Soil Compaction</a>
5235      </li></ul>
5236
5237            </div>
5238          </nav>
5239
5240          <button class="tmg-sticky-arrow" type="button" data-tmg-sticky-scroll="right" aria-label="Scroll right">
5241            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
5242              <path d="M5.5 3.5L10 8l-4.5 4.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5243            </svg>
5244          </button>
5245        </div>
5246
5247        <div class="tmg-sticky-search change_style" aria-label="Search">
5248
5249  <style>
5250    /* scope ONLY to sticky search */
5251    .tmg-sticky-search.change_style svg {
5252      margin-top:-4px;
5253    }
5254  </style>
5255
5256  
5257
5258
5259
5260
5261
5262<div class="live-search" data-live-search><form
5263    class="
5264      live-search-form
5265      form-fields-inline
5266      
5267    "
5268    action="/search"
5269    method="get"
5270    role="search"
5271    aria-label="Product"
5272    data-live-search-form
5273  >
5274    <div class="form-field no-label">
5275      <input type="hidden" name="type" value=""><span class="form-field-select-wrapper live-search-filter-wrapper">
5276          <select
5277            class="live-search-filter"
5278            id="live-search-filter"
5279            data-live-search-filter
5280            data-filter-all="All categories"
5281          >
5282            
5283            <option value="" selected>All categories</option>
5284            <option value="" disabled>------</option>
5285            
5286          </select>
5287
5288          <label
5289            class="
5290              live-search-filter-label
5291              form-field-select
5292            "
5293            for="live-search-filter"
5294            data-live-search-filter-label
5295          >All categories
5296</label>
5297          <svg
5298  aria-hidden="true"
5299  focusable="false"
5300  role="presentation"
5301  width="8"
5302  height="6"
5303  viewBox="0 0 8 6"
5304  fill="none"
5305  xmlns="http://www.w3.org/2000/svg"
5306  class="icon-chevron-down"
5307>
5308<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
5309<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
5310</svg>
5311
5312        </span><input
5313        class="form-field-input live-search-form-field"
5314        type="text"
5315        name="q"
5316        aria-label="Search"
5317        placeholder="What are you looking for?"
5318        
5319        autocomplete="off"
5320        data-live-search-input
5321      >
5322      <button
5323        class="live-search-takeover-cancel"
5324        type="button"
5325        data-live-search-takeover-cancel>
5326        Cancel
5327      </button>
5328
5329      <button
5330        class="live-search-button"
5331        type="submit"
5332        aria-label="Search"
5333        data-live-search-submit
5334      >
5335        <span class="search-icon search-icon--inactive">
5336          <svg
5337  aria-hidden="true"
5338  focusable="false"
5339  role="presentation"
5340  xmlns="http://www.w3.org/2000/svg"
5341  width="23"
5342  height="24"
5343  fill="none"
5344  viewBox="0 0 23 24"
5345>
5346  <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"/>
5347  <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2.25"/>
5348</svg>
5349
5350        </span>
5351        <span class="search-icon search-icon--active">
5352          <svg
5353  aria-hidden="true"
5354  focusable="false"
5355  role="presentation"
5356  width="26"
5357  height="26"
5358  viewBox="0 0 26 26"
5359  xmlns="http://www.w3.org/2000/svg"
5360>
5361  <g fill-rule="nonzero" fill="currentColor">
5362    <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"/>
5363  </g>
5364</svg>
5365        </span>
5366      </button>
5367    </div>
5368
5369    <div class="search-flydown" data-live-search-flydown>
5370      <div class="search-flydown--placeholder" data-live-search-placeholder>
5371        <div class="search-flydown--product-items">
5372          
5373            <a class="search-flydown--product search-flydown--product" href="#">
5374              
5375                <div class="search-flydown--product-image">
5376                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
5377                </div>
5378              
5379
5380              <div class="search-flydown--product-text">
5381                <span class="search-flydown--product-title placeholder--content-text"></span>
5382                <span class="search-flydown--product-price placeholder--content-text"></span>
5383              </div>
5384            </a>
5385          
5386            <a class="search-flydown--product search-flydown--product" href="#">
5387              
5388                <div class="search-flydown--product-image">
5389                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
5390                </div>
5391              
5392
5393              <div class="search-flydown--product-text">
5394                <span class="search-flydown--product-title placeholder--content-text"></span>
5395                <span class="search-flydown--product-price placeholder--content-text"></span>
5396              </div>
5397            </a>
5398          
5399            <a class="search-flydown--product search-flydown--product" href="#">
5400              
5401                <div class="search-flydown--product-image">
5402                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
5403                </div>
5404              
5405
5406              <div class="search-flydown--product-text">
5407                <span class="search-flydown--product-title placeholder--content-text"></span>
5408                <span class="search-flydown--product-price placeholder--content-text"></span>
5409              </div>
5410            </a>
5411          
5412        </div>
5413      </div>
5414
5415      <div
5416        class="
5417          search-flydown--results
5418          
5419        "
5420        data-live-search-results
5421      ></div>
5422
5423      
5424    </div>
5425  </form>
5426</div>
5427
5428
5429</div>
5430
5431
5432        <div class="tmg-sticky-actions">
5433          <ul class="site-header-actions" data-header-actions >
5434  
5435    
5436      <li class="site-header-actions__account-link">
5437        <a
5438          class="site-header_account-link-anchor"
5439          href="https://www.tmgindustrial.co.nz/customer_authentication/redirect?locale=en&region_country=NZ"
5440        >
5441          <span class="site-header__account-icon">
5442            
5443
5444
5445    <svg class="icon-account "    aria-hidden="true"    focusable="false"    role="presentation"    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M11.3336 14.4447C14.7538 14.4447 17.5264 11.6417 17.5264 8.18392C17.5264 4.72616 14.7538 1.9231 11.3336 1.9231C7.91347 1.9231 5.14087 4.72616 5.14087 8.18392C5.14087 11.6417 7.91347 14.4447 11.3336 14.4447Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>      <path d="M20.9678 24.0769C19.5098 20.0278 15.7026 17.3329 11.4404 17.3329C7.17822 17.3329 3.37107 20.0278 1.91309 24.0769" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>                                                                                                                        
5446
5447          </span>
5448          
5449          <span class="site-header_account-link-text">
5450            Login
5451          </span>
5452        </a>
5453      </li>
5454    
5455  
5456</ul>
5457
5458
5459          <a class="site-header-cart--button" href="/cart" style="position:relative;">
5460            <span class="site-header-cart--count " style="    top: -12px !important;
5461    right: 9px !important;"
5462              data-header-cart-count=""></span>
5463            <span class="site-header-cart-icon site-header-cart-icon--svg" style="display:flex;">
5464              
5465
5466
5467              <svg width="25" height="24" viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H1.33877H1.33883C1.61048 2.00005 2.00378 2.23945 2.10939 2.81599L2.10937 2.816L2.11046 2.82171L5.01743 18.1859C5.12011 18.7286 5.64325 19.0852 6.18591 18.9826C6.21078 18.9779 6.23526 18.9723 6.25933 18.9658C6.28646 18.968 6.31389 18.9692 6.34159 18.9692H18.8179H18.8181C19.0302 18.9691 19.2141 18.9765 19.4075 18.9842L19.4077 18.9842C19.5113 18.9884 19.6175 18.9926 19.7323 18.9959C20.0255 19.0043 20.3767 19.0061 20.7177 18.9406C21.08 18.871 21.4685 18.7189 21.8028 18.3961C22.1291 18.081 22.3266 17.6772 22.4479 17.2384C22.4569 17.2058 22.4642 17.1729 22.4699 17.1396L23.944 8.46865C24.2528 7.20993 23.2684 5.99987 21.9896 6H21.9894H4.74727L4.07666 2.45562L4.07608 2.4525C3.83133 1.12381 2.76159 8.49962e-05 1.33889 0H1.33883H1ZM5.12568 8L6.8227 16.9692H18.8178H18.8179C19.0686 16.9691 19.3257 16.9793 19.5406 16.9877L19.5413 16.9877C19.633 16.9913 19.7171 16.9947 19.7896 16.9967C20.0684 17.0047 20.2307 16.9976 20.3403 16.9766C20.3841 16.9681 20.4059 16.96 20.4151 16.9556C20.4247 16.9443 20.4639 16.8918 20.5077 16.7487L21.9794 8.09186C21.9842 8.06359 21.9902 8.03555 21.9974 8.0078C21.9941 8.00358 21.9908 8.00108 21.989 8H5.12568ZM20.416 16.9552C20.4195 16.9534 20.4208 16.9524 20.4205 16.9523C20.4204 16.9523 20.4199 16.9525 20.4191 16.953L2
54670.416 16.9552ZM10.8666 22.4326C10.8666 23.2982 10.195 24 9.36658 24C8.53815 24 7.86658 23.2982 7.86658 22.4326C7.86658 21.567 8.53815 20.8653 9.36658 20.8653C10.195 20.8653 10.8666 21.567 10.8666 22.4326ZM18.0048 24C18.8332 24 19.5048 23.2982 19.5048 22.4326C19.5048 21.567 18.8332 20.8653 18.0048 20.8653C17.1763 20.8653 16.5048 21.567 16.5048 22.4326C16.5048 23.2982 17.1763 24 18.0048 24Z" fill="currentColor"/>    </svg>                                                                                                              
5468
5469            </span>
5470            <span class="visually-hidden">View cart</span>
5471          </a>
5472        </div>
5473
5474      </div>
5475    </div>
5476  </div>
5477
5478  <!-- fs mobile menu drawer (IMPROVED STRUCTURE) -->
5479  <div class="fs-mobile-menu" aria-hidden="true">
5480    <div class="fs-mobile-menu__backdrop" data-fs-mobile-close tabindex="-1" aria-hidden="true"></div>
5481
5482    <div class="fs-mobile-menu__panel" role="dialog" aria-modal="true" aria-label="Mobile menu">
5483      <div class="fs-mobile-menu__header">
5484        <span style="color:#fff; font-family:Manrope, sans-serif; font-weight:500;">Menu</span>
5485        <button type="button" class="fs-mobile-menu__close" data-fs-mobile-close aria-label="Close menu">
5486          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
5487            <path d="M3.5 3.5L12.5 12.5M12.5 3.5L3.5 12.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
5488          </svg>
5489        </button>
5490      </div>
5491
5492      <div class="fs-mobile-menu__content">
5493        <!-- ✅ Tabs: Menu / Account -->
5494<div class="fs-mobile-tabs" data-mobile-tabs>
5495  <div class="fs-mobile-tabs__bar" role="tablist" aria-label="Mobile drawer tabs">
5496    <button type="button"
5497      class="fs-mobile-tabs__btn is-active"
5498      role="tab"
5499      aria-selected="true"
5500      aria-controls="fs-mobile-tab-panel--menu"
5501      id="fs-mobile-tab--menu"
5502      data-mobile-tab="menu">Menu</button>
5503
5504    <button type="button"
5505      class="fs-mobile-tabs__btn"
5506      role="tab"
5507      aria-selected="false"
5508      aria-controls="fs-mobile-tab-panel--account"
5509      id="fs-mobile-tab--account"
5510      data-mobile-tab="account">Account</button>
5511  </div>
5512
5513  <!-- ✅ MENU TAB -->
5514  <div id="fs-mobile-tab-panel--menu"
5515       class="fs-mobile-tabs__panel is-active"
5516       role="tabpanel"
5517       aria-labelledby="fs-mobile-tab--menu"
5518       data-mobile-tab-panel="menu"><div class="fs-mobile-menu__nav-section">
5519        <div class="fs-mobile-menu__nav-item fs-mobile-menu__nav-item--expandable">
5520          <div class="fs-mobile-dropdown fs-mobile-dropdown--level-1 is-open" style="display:block;"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
5521                <div class="fs-mobile-dropdown__content">
5522                  <a href="/collections/agricultural" class="fs-mobile-dropdown__link">
5523                    <span class="fs-mobile-dropdown__label">
5524                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
5525                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
5526                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
5527                          </svg></span>
5528                      <span class="fs-mobile-dropdown__text">Agricultural</span>
5529                    </span>
5530                  </a><!-- ✅ NEW: next-page arrow -->
5531                    <button type="button"
5532                            class="fs-mobile-dropdown__next-btn"
5533                            data-mobile-next="l1-agricultural"
5534                            aria-controls="fs-mobile-panel--l1-agricultural"
5535                            aria-label="Open Agricultural">
5536                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5537                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5538                      </svg>
5539                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
5540                  <div id="fs-mobile-panel--l1-agricultural" class="fs-mobile-panel" data-mobile-panel>
5541                    <div class="fs-mobile-panel__head">
5542                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5543                      <div class="fs-mobile-panel__title">Agricultural</div>
5544                    </div>
5545
5546                    <div id="fs-mobile-dropdown--l1-agricultural"
5547                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
5548                         style="display:block;"
5549                         data-mobile-dropdown="l1-agricultural"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5550                          <div class="fs-mobile-dropdown__content">
5551                            <a href="/collections/soil-preparations" class="fs-mobile-dropdown__link">
5552                              <span class="fs-mobile-dropdown__label">Soil Preparations </span>
5553                            </a><!-- ✅ NEW: next-page arrow -->
5554                              <button type="button"
5555                                      class="fs-mobile-dropdown__next-btn"
5556                                      data-mobile-next="l2-agricultural-soil-preparations"
5557                                      aria-controls="fs-mobile-panel--l2-agricultural-soil-preparations"
5558                                      aria-label="Open Soil Preparations ">
5559                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5560                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5561                                </svg>
5562                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5563                            <div id="fs-mobile-panel--l2-agricultural-soil-preparations" class="fs-mobile-panel" data-mobile-panel>
5564                              <div class="fs-mobile-panel__head">
5565                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5566                                <div class="fs-mobile-panel__title">Soil Preparations </div>
5567                              </div>
5568
5569                              <div id="fs-mobile-dropdown--l2-agricultural-soil-preparations"
5570                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5571                                   style="display:block;"
5572                                   data-mobile-dropdown="l2-agricultural-soil-preparations"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5573                                    <div class="fs-mobile-dropdown__content">
5574                                      <a href="/collections/aerators" class="fs-mobile-dropdown__link">
5575                                        <span class="fs-mobile-dropdown__label">Aerators </span>
5576                                      </a>
5577                                    </div>
5578                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5579                                    <div class="fs-mobile-dropdown__content">
5580                                      <a href="/collections/box-scrapers" class="fs-mobile-dropdown__link">
5581                                        <span class="fs-mobile-dropdown__label">Box Scrapers </span>
5582                                      </a>
5583                                    </div>
5584                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5585                                    <div class="fs-mobile-dropdown__content">
5586                                      <a href="/collections/disc-harrows" class="fs-mobile-dropdown__link">
5587                                        <span class="fs-mobile-dropdown__label">Disc Harrows </span>
5588                                      </a>
5589                                    </div>
5590                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5591                                    <div class="fs-mobile-dropdown__content">
5592                                      <a href="/collections/rotary-tillers" class="fs-mobile-dropdown__link">
5593                                        <span class="fs-mobile-dropdown__label">Rotary Tillers </span>
5594                                      </a>
5595                                    </div>
5596                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5597                                    <div class="fs-mobile-dropdown__content">
5598                                      <a href="/products/tmg-slr72-72-skid-steer-land-ripper-scarifier-with-rake-comb" class="fs-mobile-dropdown__link">
5599                                        <span class="fs-mobile-dropdown__label">Land Scarifier </span>
5600                                      </a>
5601                                    </div>
5602                                  </div></div>
5603                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5604                          <div class="fs-mobile-dropdown__content">
5605                            <a href="/collections/greenhouses" class="fs-mobile-dropdown__link">
5606                              <span class="fs-mobile-dropdown__label">Greenhouses</span>
5607                            </a><!-- ✅ NEW: next-page arrow -->
5608                              <button type="button"
5609                                      class="fs-mobile-dropdown__next-btn"
5610                                      data-mobile-next="l2-agricultural-greenhouses"
5611                                      aria-controls="fs-mobile-panel--l2-agricultural-greenhouses"
5612                                      aria-label="Open Greenhouses">
5613                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5614                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5615                                </svg>
5616                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5617                            <div id="fs-mobile-panel--l2-agricultural-greenhouses" class="fs-mobile-panel" data-mobile-panel>
5618                              <div class="fs-mobile-panel__head">
5619                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5620                                <div class="fs-mobile-panel__title">Greenhouses</div>
5621                              </div>
5622
5623                              <div id="fs-mobile-dropdown--l2-agricultural-greenhouses"
5624                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5625                                   style="display:block;"
5626                                   data-mobile-dropdown="l2-agricultural-greenhouses"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5627                                    <div class="fs-mobile-dropdown__content">
5628                                      <a href="/collections/20-ft-tunnel-greenhouse" class="fs-mobile-dropdown__link">
5629                                        <span class="fs-mobile-dropdown__label">6m Tunnel Greenhouses</span>
5630                                      </a>
5631                                    </div>
5632                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5633                                    <div class="fs-mobile-dropdown__content">
5634                                      <a href="/collections/30-ft-tunnel-greenhouses" class="fs-mobile-dropdown__link">
5635                                        <span class="fs-mobile-dropdown__label">9m Tunnel Greenhouses</span>
5636                                      </a>
5637                                    </div>
5638                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5639                                    <div class="fs-mobile-dropdown__content">
5640                                      <a href="/collections/40-ft-tunnel-greenhouses" class="fs-mobile-dropdown__link">
5641                                        <span class="fs-mobile-dropdown__label">12m Tunnel Greenhouses</span>
5642                                      </a>
5643                                    </div>
5644                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5645                                    <div class="fs-mobile-dropdown__content">
5646                                      <a href="/collections/50-ft-tunnel-greenhouses" class="fs-mobile-dropdown__link">
5647                                        <span class="fs-mobile-dropdown__label">15m Tunnel Greenhouses</span>
5648                                      </a>
5649                                    </div>
5650                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5651                                    <div class="fs-mobile-dropdown__content">
5652                                      <a href="/collections/60-ft-tunnel-greenhouses" class="fs-mobile-dropdown__link">
5653                                        <span class="fs-mobile-dropdown__label">18m Tunnel Greenhouses</span>
5654                                      </a>
5655                                    </div>
5656                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5657                                    <div class="fs-mobile-dropdown__content">
5658                                      <a href="/collections/80-ft-tunnel-greenhouses" class="fs-mobile-dropdown__link">
5659                                        <span class="fs-mobile-dropdown__label">24m Tunnel Greenhouses</span>
5660                                      </a>
5661                                    </div>
5662                                  </div></div>
5663                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5664                          <div class="fs-mobile-dropdown__content">
5665                            <a href="/collections/livestock" class="fs-mobile-dropdown__link">
5666                              <span class="fs-mobile-dropdown__label">Livestocks</span>
5667                            </a><!-- ✅ NEW: next-page arrow -->
5668                              <button type="button"
5669                                      class="fs-mobile-dropdown__next-btn"
5670                                      data-mobile-next="l2-agricultural-livestocks"
5671                                      aria-controls="fs-mobile-panel--l2-agricultural-livestocks"
5672                                      aria-label="Open Livestocks">
5673                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5674                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5675                                </svg>
5676                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5677                            <div id="fs-mobile-panel--l2-agricultural-livestocks" class="fs-mobile-panel" data-mobile-panel>
5678                              <div class="fs-mobile-panel__head">
5679                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5680                                <div class="fs-mobile-panel__title">Livestocks</div>
5681                              </div>
5682
5683                              <div id="fs-mobile-dropdown--l2-agricultural-livestocks"
5684                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5685                                   style="display:block;"
5686                                   data-mobile-dropdown="l2-agricultural-livestocks"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5687                                    <div class="fs-mobile-dropdown__content">
5688                                      <a href="/collections/cattle-chutes" class="fs-mobile-dropdown__link">
5689                                        <span class="fs-mobile-dropdown__label">Cattle Chutes</span>
5690                                      </a>
5691                                    </div>
5692                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5693                                    <div class="fs-mobile-dropdown__content">
5694                                      <a href="/collections/chicken-coops" class="fs-mobile-dropdown__link">
5695                                        <span class="fs-mobile-dropdown__label">Chicken Coops</span>
5696                                      </a>
5697                                    </div>
5698                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5699                                    <div class="fs-mobile-dropdown__content">
5700                                      <a href="/collections/dog-kennels" class="fs-mobile-dropdown__link">
5701                                        <span class="fs-mobile-dropdown__label">Dog Kennels</span>
5702                                      </a>
5703                                    </div>
5704                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5705                                    <div class="fs-mobile-dropdown__content">
5706                                      <a href="/collections/livestock-sheds" class="fs-mobile-dropdown__link">
5707                                        <span class="fs-mobile-dropdown__label">Livestock Sheds</span>
5708                                      </a>
5709                                    </div>
5710                                  </div></div>
5711                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
5712                          <div class="fs-mobile-dropdown__content">
5713                            <a href="/collections/post-driver" class="fs-mobile-dropdown__link">
5714                              <span class="fs-mobile-dropdown__label">Post Driver</span>
5715                            </a></div></div></div>
5716                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
5717                <div class="fs-mobile-dropdown__content">
5718                  <a href="/collections/attachments" class="fs-mobile-dropdown__link">
5719                    <span class="fs-mobile-dropdown__label">
5720                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
5721                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
5722                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
5723                          </svg></span>
5724                      <span class="fs-mobile-dropdown__text">Attachments</span>
5725                    </span>
5726                  </a><!-- ✅ NEW: next-page arrow -->
5727                    <button type="button"
5728                            class="fs-mobile-dropdown__next-btn"
5729                            data-mobile-next="l1-attachments"
5730                            aria-controls="fs-mobile-panel--l1-attachments"
5731                            aria-label="Open Attachments">
5732                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5733                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5734                      </svg>
5735                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
5736                  <div id="fs-mobile-panel--l1-attachments" class="fs-mobile-panel" data-mobile-panel>
5737                    <div class="fs-mobile-panel__head">
5738                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5739                      <div class="fs-mobile-panel__title">Attachments</div>
5740                    </div>
5741
5742                    <div id="fs-mobile-dropdown--l1-attachments"
5743                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
5744                         style="display:block;"
5745                         data-mobile-dropdown="l1-attachments"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5746                          <div class="fs-mobile-dropdown__content">
5747                            <a href="/collections/excavator-attachments" class="fs-mobile-dropdown__link">
5748                              <span class="fs-mobile-dropdown__label">Excavator Attachments</span>
5749                            </a><!-- ✅ NEW: next-page arrow -->
5750                              <button type="button"
5751                                      class="fs-mobile-dropdown__next-btn"
5752                                      data-mobile-next="l2-attachments-excavator-attachments"
5753                                      aria-controls="fs-mobile-panel--l2-attachments-excavator-attachments"
5754                                      aria-label="Open Excavator Attachments">
5755                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5756                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5757                                </svg>
5758                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5759                            <div id="fs-mobile-panel--l2-attachments-excavator-attachments" class="fs-mobile-panel" data-mobile-panel>
5760                              <div class="fs-mobile-panel__head">
5761                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5762                                <div class="fs-mobile-panel__title">Excavator Attachments</div>
5763                              </div>
5764
5765                              <div id="fs-mobile-dropdown--l2-attachments-excavator-attachments"
5766                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5767                                   style="display:block;"
5768                                   data-mobile-dropdown="l2-attachments-excavator-attachments"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5769                                    <div class="fs-mobile-dropdown__content">
5770                                      <a href="/collections/excavator-hydraulic-breakers" class="fs-mobile-dropdown__link">
5771                                        <span class="fs-mobile-dropdown__label">Excavator Hydraulic Breakers</span>
5772                                      </a>
5773                                    </div>
5774                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5775                                    <div class="fs-mobile-dropdown__content">
5776                                      <a href="/collections/excavator-mowers" class="fs-mobile-dropdown__link">
5777                                        <span class="fs-mobile-dropdown__label">Excavator Mowers</span>
5778                                      </a>
5779                                    </div>
5780                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5781                                    <div class="fs-mobile-dropdown__content">
5782                                      <a href="/collections/excavator-compactors" class="fs-mobile-dropdown__link">
5783                                        <span class="fs-mobile-dropdown__label">Excavator Compactors </span>
5784                                      </a>
5785                                    </div>
5786                                  </div></div>
5787                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5788                          <div class="fs-mobile-dropdown__content">
5789                            <a href="/collections/skid-steer-attachments" class="fs-mobile-dropdown__link">
5790                              <span class="fs-mobile-dropdown__label">Skid Steer Attachments</span>
5791                            </a><!-- ✅ NEW: next-page arrow -->
5792                              <button type="button"
5793                                      class="fs-mobile-dropdown__next-btn"
5794                                      data-mobile-next="l2-attachments-skid-steer-attachments"
5795                                      aria-controls="fs-mobile-panel--l2-attachments-skid-steer-attachments"
5796                                      aria-label="Open Skid Steer Attachments">
5797                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5798                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5799                                </svg>
5800                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5801                            <div id="fs-mobile-panel--l2-attachments-skid-steer-attachments" class="fs-mobile-panel" data-mobile-panel>
5802                              <div class="fs-mobile-panel__head">
5803                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5804                                <div class="fs-mobile-panel__title">Skid Steer Attachments</div>
5805                              </div>
5806
5807                              <div id="fs-mobile-dropdown--l2-attachments-skid-steer-attachments"
5808                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5809                                   style="display:block;"
5810                                   data-mobile-dropdown="l2-attachments-skid-steer-attachments"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5811                                    <div class="fs-mobile-dropdown__content">
5812                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-grapple" class="fs-mobile-dropdown__link">
5813                                        <span class="fs-mobile-dropdown__label">Skid Steer Grapples</span>
5814                                      </a>
5815                                    </div>
5816                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5817                                    <div class="fs-mobile-dropdown__content">
5818                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy" class="fs-mobile-dropdown__link">
5819                                        <span class="fs-mobile-dropdown__label">Skid Steer Buckets</span>
5820                                      </a>
5821                                    </div>
5822                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5823                                    <div class="fs-mobile-dropdown__content">
5824                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-mower-copy-1" class="fs-mobile-dropdown__link">
5825                                        <span class="fs-mobile-dropdown__label">Skid Steer Backhoes</span>
5826                                      </a>
5827                                    </div>
5828                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5829                                    <div class="fs-mobile-dropdown__content">
5830                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-hydraulic-breaker" class="fs-mobile-dropdown__link">
5831                                        <span class="fs-mobile-dropdown__label">Skid Steer Hydraulic Breakers</span>
5832                                      </a>
5833                                    </div>
5834                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5835                                    <div class="fs-mobile-dropdown__content">
5836                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-post-driver" class="fs-mobile-dropdown__link">
5837                                        <span class="fs-mobile-dropdown__label">Skid Steer Post Drivers</span>
5838                                      </a>
5839                                    </div>
5840                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5841                                    <div class="fs-mobile-dropdown__content">
5842                                      <a href="https://tmgindustrial.com.au/collections/skid-steer-soil-equipment" class="fs-mobile-dropdown__link">
5843                                        <span class="fs-mobile-dropdown__label">Skid Steer Soil Equipment</span>
5844                                      </a>
5845                                    </div>
5846                                  </div></div>
5847                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5848                          <div class="fs-mobile-dropdown__content">
5849                            <a href="/collections/tractor-attachments" class="fs-mobile-dropdown__link">
5850                              <span class="fs-mobile-dropdown__label">Tractor Attachments</span>
5851                            </a><!-- ✅ NEW: next-page arrow -->
5852                              <button type="button"
5853                                      class="fs-mobile-dropdown__next-btn"
5854                                      data-mobile-next="l2-attachments-tractor-attachments"
5855                                      aria-controls="fs-mobile-panel--l2-attachments-tractor-attachments"
5856                                      aria-label="Open Tractor Attachments">
5857                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5858                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5859                                </svg>
5860                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5861                            <div id="fs-mobile-panel--l2-attachments-tractor-attachments" class="fs-mobile-panel" data-mobile-panel>
5862                              <div class="fs-mobile-panel__head">
5863                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5864                                <div class="fs-mobile-panel__title">Tractor Attachments</div>
5865                              </div>
5866
5867                              <div id="fs-mobile-dropdown--l2-attachments-tractor-attachments"
5868                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5869                                   style="display:block;"
5870                                   data-mobile-dropdown="l2-attachments-tractor-attachments"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5871                                    <div class="fs-mobile-dropdown__content">
5872                                      <a href="/collections/tractor-mowers-1" class="fs-mobile-dropdown__link">
5873                                        <span class="fs-mobile-dropdown__label">Tractor Mowers</span>
5874                                      </a>
5875                                    </div>
5876                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5877                                    <div class="fs-mobile-dropdown__content">
5878                                      <a href="/collections/tractor-backhoes" class="fs-mobile-dropdown__link">
5879                                        <span class="fs-mobile-dropdown__label">Tractor Backhoes</span>
5880                                      </a>
5881                                    </div>
5882                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5883                                    <div class="fs-mobile-dropdown__content">
5884                                      <a href="/collections/tractor-tillers" class="fs-mobile-dropdown__link">
5885                                        <span class="fs-mobile-dropdown__label">Tractor Tillers</span>
5886                                      </a>
5887                                    </div>
5888                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5889                                    <div class="fs-mobile-dropdown__content">
5890                                      <a href="/collections/tractor-forestry" class="fs-mobile-dropdown__link">
5891                                        <span class="fs-mobile-dropdown__label">Tractor Forestry</span>
5892                                      </a>
5893                                    </div>
5894                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5895                                    <div class="fs-mobile-dropdown__content">
5896                                      <a href="/collections/tractor-adaptor" class="fs-mobile-dropdown__link">
5897                                        <span class="fs-mobile-dropdown__label">Tractor Adaptor</span>
5898                                      </a>
5899                                    </div>
5900                                  </div></div>
5901                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
5902                          <div class="fs-mobile-dropdown__content">
5903                            <a href="/collections/atv-mowers" class="fs-mobile-dropdown__link">
5904                              <span class="fs-mobile-dropdown__label">ATV Mowers</span>
5905                            </a></div></div></div>
5906                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
5907                <div class="fs-mobile-dropdown__content">
5908                  <a href="/collections/automotive" class="fs-mobile-dropdown__link">
5909                    <span class="fs-mobile-dropdown__label">
5910                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
5911                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
5912                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
5913                          </svg></span>
5914                      <span class="fs-mobile-dropdown__text">Automotive</span>
5915                    </span>
5916                  </a><!-- ✅ NEW: next-page arrow -->
5917                    <button type="button"
5918                            class="fs-mobile-dropdown__next-btn"
5919                            data-mobile-next="l1-automotive"
5920                            aria-controls="fs-mobile-panel--l1-automotive"
5921                            aria-label="Open Automotive">
5922                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5923                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5924                      </svg>
5925                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
5926                  <div id="fs-mobile-panel--l1-automotive" class="fs-mobile-panel" data-mobile-panel>
5927                    <div class="fs-mobile-panel__head">
5928                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5929                      <div class="fs-mobile-panel__title">Automotive</div>
5930                    </div>
5931
5932                    <div id="fs-mobile-dropdown--l1-automotive"
5933                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
5934                         style="display:block;"
5935                         data-mobile-dropdown="l1-automotive"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5936                          <div class="fs-mobile-dropdown__content">
5937                            <a href="/collections/autolift" class="fs-mobile-dropdown__link">
5938                              <span class="fs-mobile-dropdown__label">Autolifts</span>
5939                            </a><!-- ✅ NEW: next-page arrow -->
5940                              <button type="button"
5941                                      class="fs-mobile-dropdown__next-btn"
5942                                      data-mobile-next="l2-automotive-autolifts"
5943                                      aria-controls="fs-mobile-panel--l2-automotive-autolifts"
5944                                      aria-label="Open Autolifts">
5945                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5946                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5947                                </svg>
5948                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5949                            <div id="fs-mobile-panel--l2-automotive-autolifts" class="fs-mobile-panel" data-mobile-panel>
5950                              <div class="fs-mobile-panel__head">
5951                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5952                                <div class="fs-mobile-panel__title">Autolifts</div>
5953                              </div>
5954
5955                              <div id="fs-mobile-dropdown--l2-automotive-autolifts"
5956                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5957                                   style="display:block;"
5958                                   data-mobile-dropdown="l2-automotive-autolifts"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5959                                    <div class="fs-mobile-dropdown__content">
5960                                      <a href="/collections/motorcycle-lifts" class="fs-mobile-dropdown__link">
5961                                        <span class="fs-mobile-dropdown__label">Motorcycle Lifts</span>
5962                                      </a>
5963                                    </div>
5964                                  </div></div>
5965                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5966                          <div class="fs-mobile-dropdown__content">
5967                            <a href="/collections/shop-equipment-1" class="fs-mobile-dropdown__link">
5968                              <span class="fs-mobile-dropdown__label">Shop Equipment</span>
5969                            </a><!-- ✅ NEW: next-page arrow -->
5970                              <button type="button"
5971                                      class="fs-mobile-dropdown__next-btn"
5972                                      data-mobile-next="l2-automotive-shop-equipment"
5973                                      aria-controls="fs-mobile-panel--l2-automotive-shop-equipment"
5974                                      aria-label="Open Shop Equipment">
5975                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5976                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5977                                </svg>
5978                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
5979                            <div id="fs-mobile-panel--l2-automotive-shop-equipment" class="fs-mobile-panel" data-mobile-panel>
5980                              <div class="fs-mobile-panel__head">
5981                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
5982                                <div class="fs-mobile-panel__title">Shop Equipment</div>
5983                              </div>
5984
5985                              <div id="fs-mobile-dropdown--l2-automotive-shop-equipment"
5986                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
5987                                   style="display:block;"
5988                                   data-mobile-dropdown="l2-automotive-shop-equipment"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
5989                                    <div class="fs-mobile-dropdown__content">
5990                                      <a href="/collections/shop-presses" class="fs-mobile-dropdown__link">
5991                                        <span class="fs-mobile-dropdown__label">Shop Press</span>
5992                                      </a>
5993                                    </div>
5994                                  </div></div>
5995                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
5996                          <div class="fs-mobile-dropdown__content">
5997                            <a href="/collections/tool-storage-solutions-tmg-industrial-au" class="fs-mobile-dropdown__link">
5998                              <span class="fs-mobile-dropdown__label">Tool Storage</span>
5999                            </a><!-- ✅ NEW: next-page arrow -->
6000                              <button type="button"
6001                                      class="fs-mobile-dropdown__next-btn"
6002                                      data-mobile-next="l2-automotive-tool-storage"
6003                                      aria-controls="fs-mobile-panel--l2-automotive-tool-storage"
6004                                      aria-label="Open Tool Storage">
6005                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6006                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6007                                </svg>
6008                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6009                            <div id="fs-mobile-panel--l2-automotive-tool-storage" class="fs-mobile-panel" data-mobile-panel>
6010                              <div class="fs-mobile-panel__head">
6011                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6012                                <div class="fs-mobile-panel__title">Tool Storage</div>
6013                              </div>
6014
6015                              <div id="fs-mobile-dropdown--l2-automotive-tool-storage"
6016                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6017                                   style="display:block;"
6018                                   data-mobile-dropdown="l2-automotive-tool-storage"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6019                                    <div class="fs-mobile-dropdown__content">
6020                                      <a href="/collections/workbenches" class="fs-mobile-dropdown__link">
6021                                        <span class="fs-mobile-dropdown__label">Workbenches</span>
6022                                      </a>
6023                                    </div>
6024                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6025                                    <div class="fs-mobile-dropdown__content">
6026                                      <a href="/collections/tool-chests" class="fs-mobile-dropdown__link">
6027                                        <span class="fs-mobile-dropdown__label">Tool Chests</span>
6028                                      </a>
6029                                    </div>
6030                                  </div></div>
6031                            </div></div></div>
6032                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
6033                <div class="fs-mobile-dropdown__content">
6034                  <a href="/collections/automotive-equipment-1" class="fs-mobile-dropdown__link">
6035                    <span class="fs-mobile-dropdown__label">
6036                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
6037                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6038                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6039                          </svg></span>
6040                      <span class="fs-mobile-dropdown__text">Automotive</span>
6041                    </span>
6042                  </a><!-- ✅ NEW: next-page arrow -->
6043                    <button type="button"
6044                            class="fs-mobile-dropdown__next-btn"
6045                            data-mobile-next="l1-automotive"
6046                            aria-controls="fs-mobile-panel--l1-automotive"
6047                            aria-label="Open Automotive">
6048                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6049                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6050                      </svg>
6051                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
6052                  <div id="fs-mobile-panel--l1-automotive" class="fs-mobile-panel" data-mobile-panel>
6053                    <div class="fs-mobile-panel__head">
6054                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6055                      <div class="fs-mobile-panel__title">Automotive</div>
6056                    </div>
6057
6058                    <div id="fs-mobile-dropdown--l1-automotive"
6059                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
6060                         style="display:block;"
6061                         data-mobile-dropdown="l1-automotive"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6062                          <div class="fs-mobile-dropdown__content">
6063                            <a href="/collections/autolift" class="fs-mobile-dropdown__link">
6064                              <span class="fs-mobile-dropdown__label">Autolifts</span>
6065                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6066                          <div class="fs-mobile-dropdown__content">
6067                            <a href="/collections/shop-equipment-1" class="fs-mobile-dropdown__link">
6068                              <span class="fs-mobile-dropdown__label">Shop Equipment</span>
6069                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6070                          <div class="fs-mobile-dropdown__content">
6071                            <a href="/collections/tool-storage-solutions-tmg-industrial-au" class="fs-mobile-dropdown__link">
6072                              <span class="fs-mobile-dropdown__label">Tool Storage</span>
6073                            </a></div></div></div>
6074                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
6075                <div class="fs-mobile-dropdown__content">
6076                  <a href="/collections/wood" class="fs-mobile-dropdown__link">
6077                    <span class="fs-mobile-dropdown__label">
6078                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
6079                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6080                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6081                          </svg></span>
6082                      <span class="fs-mobile-dropdown__text">Forestry</span>
6083                    </span>
6084                  </a><!-- ✅ NEW: next-page arrow -->
6085                    <button type="button"
6086                            class="fs-mobile-dropdown__next-btn"
6087                            data-mobile-next="l1-forestry"
6088                            aria-controls="fs-mobile-panel--l1-forestry"
6089                            aria-label="Open Forestry">
6090                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6091                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6092                      </svg>
6093                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
6094                  <div id="fs-mobile-panel--l1-forestry" class="fs-mobile-panel" data-mobile-panel>
6095                    <div class="fs-mobile-panel__head">
6096                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6097                      <div class="fs-mobile-panel__title">Forestry</div>
6098                    </div>
6099
6100                    <div id="fs-mobile-dropdown--l1-forestry"
6101                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
6102                         style="display:block;"
6103                         data-mobile-dropdown="l1-forestry"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6104                          <div class="fs-mobile-dropdown__content">
6105                            <a href="/collections/log-equipment" class="fs-mobile-dropdown__link">
6106                              <span class="fs-mobile-dropdown__label">Log Equipment</span>
6107                            </a><!-- ✅ NEW: next-page arrow -->
6108                              <button type="button"
6109                                      class="fs-mobile-dropdown__next-btn"
6110                                      data-mobile-next="l2-forestry-log-equipment"
6111                                      aria-controls="fs-mobile-panel--l2-forestry-log-equipment"
6112                                      aria-label="Open Log Equipment">
6113                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6114                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6115                                </svg>
6116                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6117                            <div id="fs-mobile-panel--l2-forestry-log-equipment" class="fs-mobile-panel" data-mobile-panel>
6118                              <div class="fs-mobile-panel__head">
6119                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6120                                <div class="fs-mobile-panel__title">Log Equipment</div>
6121                              </div>
6122
6123                              <div id="fs-mobile-dropdown--l2-forestry-log-equipment"
6124                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6125                                   style="display:block;"
6126                                   data-mobile-dropdown="l2-forestry-log-equipment"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6127                                    <div class="fs-mobile-dropdown__content">
6128                                      <a href="/collections/log-grapples" class="fs-mobile-dropdown__link">
6129                                        <span class="fs-mobile-dropdown__label">Log Grapples</span>
6130                                      </a>
6131                                    </div>
6132                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6133                                    <div class="fs-mobile-dropdown__content">
6134                                      <a href="/collections/skidding-winchs" class="fs-mobile-dropdown__link">
6135                                        <span class="fs-mobile-dropdown__label">Skidding Winchs</span>
6136                                      </a>
6137                                    </div>
6138                                  </div></div>
6139                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6140                          <div class="fs-mobile-dropdown__content">
6141                            <a href="/collections/mulchers" class="fs-mobile-dropdown__link">
6142                              <span class="fs-mobile-dropdown__label">Mulchers</span>
6143                            </a><!-- ✅ NEW: next-page arrow -->
6144                              <button type="button"
6145                                      class="fs-mobile-dropdown__next-btn"
6146                                      data-mobile-next="l2-forestry-mulchers"
6147                                      aria-controls="fs-mobile-panel--l2-forestry-mulchers"
6148                                      aria-label="Open Mulchers">
6149                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6150                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6151                                </svg>
6152                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6153                            <div id="fs-mobile-panel--l2-forestry-mulchers" class="fs-mobile-panel" data-mobile-panel>
6154                              <div class="fs-mobile-panel__head">
6155                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6156                                <div class="fs-mobile-panel__title">Mulchers</div>
6157                              </div>
6158
6159                              <div id="fs-mobile-dropdown--l2-forestry-mulchers"
6160                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6161                                   style="display:block;"
6162                                   data-mobile-dropdown="l2-forestry-mulchers"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6163                                    <div class="fs-mobile-dropdown__content">
6164                                      <a href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80" class="fs-mobile-dropdown__link">
6165                                        <span class="fs-mobile-dropdown__label">Excavator Mulcher</span>
6166                                      </a>
6167                                    </div>
6168                                  </div></div>
6169                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6170                          <div class="fs-mobile-dropdown__content">
6171                            <a href="/collections/tree-equipment" class="fs-mobile-dropdown__link">
6172                              <span class="fs-mobile-dropdown__label">Tree Equipment</span>
6173                            </a><!-- ✅ NEW: next-page arrow -->
6174                              <button type="button"
6175                                      class="fs-mobile-dropdown__next-btn"
6176                                      data-mobile-next="l2-forestry-tree-equipment"
6177                                      aria-controls="fs-mobile-panel--l2-forestry-tree-equipment"
6178                                      aria-label="Open Tree Equipment">
6179                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6180                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6181                                </svg>
6182                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6183                            <div id="fs-mobile-panel--l2-forestry-tree-equipment" class="fs-mobile-panel" data-mobile-panel>
6184                              <div class="fs-mobile-panel__head">
6185                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6186                                <div class="fs-mobile-panel__title">Tree Equipment</div>
6187                              </div>
6188
6189                              <div id="fs-mobile-dropdown--l2-forestry-tree-equipment"
6190                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6191                                   style="display:block;"
6192                                   data-mobile-dropdown="l2-forestry-tree-equipment"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6193                                    <div class="fs-mobile-dropdown__content">
6194                                      <a href="/products/tmg-sdr72" class="fs-mobile-dropdown__link">
6195                                        <span class="fs-mobile-dropdown__label">Root Rake</span>
6196                                      </a>
6197                                    </div>
6198                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6199                                    <div class="fs-mobile-dropdown__content">
6200                                      <a href="/products/heavy-duty-50-stump-bucket-with-universal-quick-attach-for-skid-steers" class="fs-mobile-dropdown__link">
6201                                        <span class="fs-mobile-dropdown__label">Stump Bucket</span>
6202                                      </a>
6203                                    </div>
6204                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6205                                    <div class="fs-mobile-dropdown__content">
6206                                      <a href="/collections/stump-grinders" class="fs-mobile-dropdown__link">
6207                                        <span class="fs-mobile-dropdown__label">Stump Grinders</span>
6208                                      </a>
6209                                    </div>
6210                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6211                                    <div class="fs-mobile-dropdown__content">
6212                                      <a href="/products/42-heavy-duty-tree-scoop-for-skid-steers" class="fs-mobile-dropdown__link">
6213                                        <span class="fs-mobile-dropdown__label">Tree Scoop</span>
6214                                      </a>
6215                                    </div>
6216                                  </div></div>
6217                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6218                          <div class="fs-mobile-dropdown__content">
6219                            <a href="/collections/wood-working" class="fs-mobile-dropdown__link">
6220                              <span class="fs-mobile-dropdown__label">Wood Working</span>
6221                            </a><!-- ✅ NEW: next-page arrow -->
6222                              <button type="button"
6223                                      class="fs-mobile-dropdown__next-btn"
6224                                      data-mobile-next="l2-forestry-wood-working"
6225                                      aria-controls="fs-mobile-panel--l2-forestry-wood-working"
6226                                      aria-label="Open Wood Working">
6227                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6228                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6229                                </svg>
6230                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6231                            <div id="fs-mobile-panel--l2-forestry-wood-working" class="fs-mobile-panel" data-mobile-panel>
6232                              <div class="fs-mobile-panel__head">
6233                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6234                                <div class="fs-mobile-panel__title">Wood Working</div>
6235                              </div>
6236
6237                              <div id="fs-mobile-dropdown--l2-forestry-wood-working"
6238                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6239                                   style="display:block;"
6240                                   data-mobile-dropdown="l2-forestry-wood-working"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6241                                    <div class="fs-mobile-dropdown__content">
6242                                      <a href="/collections/log-splitters" class="fs-mobile-dropdown__link">
6243                                        <span class="fs-mobile-dropdown__label">Log Splitters</span>
6244                                      </a>
6245                                    </div>
6246                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6247                                    <div class="fs-mobile-dropdown__content">
6248                                      <a href="/collections/sawmills" class="fs-mobile-dropdown__link">
6249                                        <span class="fs-mobile-dropdown__label">Sawmills</span>
6250                                      </a>
6251                                    </div>
6252                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6253                                    <div class="fs-mobile-dropdown__content">
6254                                      <a href="/collections/wood-chippers" class="fs-mobile-dropdown__link">
6255                                        <span class="fs-mobile-dropdown__label">Wood Chippers</span>
6256                                      </a>
6257                                    </div>
6258                                  </div></div>
6259                            </div></div></div>
6260                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
6261                <div class="fs-mobile-dropdown__content">
6262                  <a href="/collections/landscaping" class="fs-mobile-dropdown__link">
6263                    <span class="fs-mobile-dropdown__label">
6264                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
6265                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6266                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6267                          </svg></span>
6268                      <span class="fs-mobile-dropdown__text">Landscaping</span>
6269                    </span>
6270                  </a><!-- ✅ NEW: next-page arrow -->
6271                    <button type="button"
6272                            class="fs-mobile-dropdown__next-btn"
6273                            data-mobile-next="l1-landscaping"
6274                            aria-controls="fs-mobile-panel--l1-landscaping"
6275                            aria-label="Open Landscaping">
6276                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6277                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6278                      </svg>
6279                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
6280                  <div id="fs-mobile-panel--l1-landscaping" class="fs-mobile-panel" data-mobile-panel>
6281                    <div class="fs-mobile-panel__head">
6282                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6283                      <div class="fs-mobile-panel__title">Landscaping</div>
6284                    </div>
6285
6286                    <div id="fs-mobile-dropdown--l1-landscaping"
6287                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
6288                         style="display:block;"
6289                         data-mobile-dropdown="l1-landscaping"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6290                          <div class="fs-mobile-dropdown__content">
6291                            <a href="/collections/flail-mowers-for-tractors" class="fs-mobile-dropdown__link">
6292                              <span class="fs-mobile-dropdown__label">Flail Mowers</span>
6293                            </a><!-- ✅ NEW: next-page arrow -->
6294                              <button type="button"
6295                                      class="fs-mobile-dropdown__next-btn"
6296                                      data-mobile-next="l2-landscaping-flail-mowers"
6297                                      aria-controls="fs-mobile-panel--l2-landscaping-flail-mowers"
6298                                      aria-label="Open Flail Mowers">
6299                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6300                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6301                                </svg>
6302                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6303                            <div id="fs-mobile-panel--l2-landscaping-flail-mowers" class="fs-mobile-panel" data-mobile-panel>
6304                              <div class="fs-mobile-panel__head">
6305                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6306                                <div class="fs-mobile-panel__title">Flail Mowers</div>
6307                              </div>
6308
6309                              <div id="fs-mobile-dropdown--l2-landscaping-flail-mowers"
6310                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6311                                   style="display:block;"
6312                                   data-mobile-dropdown="l2-landscaping-flail-mowers"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6313                                    <div class="fs-mobile-dropdown__content">
6314                                      <a href="/collections/tractor-mowers-1" class="fs-mobile-dropdown__link">
6315                                        <span class="fs-mobile-dropdown__label">Tractor Mowers</span>
6316                                      </a>
6317                                    </div>
6318                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6319                                    <div class="fs-mobile-dropdown__content">
6320                                      <a href="/collections/skidder-mowers" class="fs-mobile-dropdown__link">
6321                                        <span class="fs-mobile-dropdown__label">Skidder Mowers</span>
6322                                      </a>
6323                                    </div>
6324                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6325                                    <div class="fs-mobile-dropdown__content">
6326                                      <a href="/collections/excavator-mowers" class="fs-mobile-dropdown__link">
6327                                        <span class="fs-mobile-dropdown__label">Excavator Mowers</span>
6328                                      </a>
6329                                    </div>
6330                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6331                                    <div class="fs-mobile-dropdown__content">
6332                                      <a href="/collections/atv-mowers" class="fs-mobile-dropdown__link">
6333                                        <span class="fs-mobile-dropdown__label">ATV/UTV Mowers</span>
6334                                      </a>
6335                                    </div>
6336                                  </div></div>
6337                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6338                          <div class="fs-mobile-dropdown__content">
6339                            <a href="/collections/offside-mowers" class="fs-mobile-dropdown__link">
6340                              <span class="fs-mobile-dropdown__label">Offside Mowers</span>
6341                            </a><!-- ✅ NEW: next-page arrow -->
6342                              <button type="button"
6343                                      class="fs-mobile-dropdown__next-btn"
6344                                      data-mobile-next="l2-landscaping-offside-mowers"
6345                                      aria-controls="fs-mobile-panel--l2-landscaping-offside-mowers"
6346                                      aria-label="Open Offside Mowers">
6347                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6348                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6349                                </svg>
6350                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6351                            <div id="fs-mobile-panel--l2-landscaping-offside-mowers" class="fs-mobile-panel" data-mobile-panel>
6352                              <div class="fs-mobile-panel__head">
6353                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6354                                <div class="fs-mobile-panel__title">Offside Mowers</div>
6355                              </div>
6356
6357                              <div id="fs-mobile-dropdown--l2-landscaping-offside-mowers"
6358                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6359                                   style="display:block;"
6360                                   data-mobile-dropdown="l2-landscaping-offside-mowers"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6361                                    <div class="fs-mobile-dropdown__content">
6362                                      <a href="/collections/ditch-bank-mowers" class="fs-mobile-dropdown__link">
6363                                        <span class="fs-mobile-dropdown__label">Ditch Bank Mowers</span>
6364                                      </a>
6365                                    </div>
6366                                  </div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6367                                    <div class="fs-mobile-dropdown__content">
6368                                      <a href="/collections/side-shift-mowers" class="fs-mobile-dropdown__link">
6369                                        <span class="fs-mobile-dropdown__label">Side Shift Mowers</span>
6370                                      </a>
6371                                    </div>
6372                                  </div></div>
6373                            </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2 fs-mobile-dropdown__item--expandable">
6374                          <div class="fs-mobile-dropdown__content">
6375                            <a href="/collections/mulchers" class="fs-mobile-dropdown__link">
6376                              <span class="fs-mobile-dropdown__label">Mulchers</span>
6377                            </a><!-- ✅ NEW: next-page arrow -->
6378                              <button type="button"
6379                                      class="fs-mobile-dropdown__next-btn"
6380                                      data-mobile-next="l2-landscaping-mulchers"
6381                                      aria-controls="fs-mobile-panel--l2-landscaping-mulchers"
6382                                      aria-label="Open Mulchers">
6383                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6384                                  <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6385                                </svg>
6386                              </button></div><!-- ✅ NEW: slide-in panel for Level 3 -->
6387                            <div id="fs-mobile-panel--l2-landscaping-mulchers" class="fs-mobile-panel" data-mobile-panel>
6388                              <div class="fs-mobile-panel__head">
6389                                <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6390                                <div class="fs-mobile-panel__title">Mulchers</div>
6391                              </div>
6392
6393                              <div id="fs-mobile-dropdown--l2-landscaping-mulchers"
6394                                   class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-3 is-open"
6395                                   style="display:block;"
6396                                   data-mobile-dropdown="l2-landscaping-mulchers"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-3">
6397                                    <div class="fs-mobile-dropdown__content">
6398                                      <a href="/products/tmg-industrial-31-working-width-4-diameter-cutting-capacity-3600-psi-16-21-gpm-tmg-efm80" class="fs-mobile-dropdown__link">
6399                                        <span class="fs-mobile-dropdown__label">Excavator Mulcher</span>
6400                                      </a>
6401                                    </div>
6402                                  </div></div>
6403                            </div></div></div>
6404                  </div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-1 fs-mobile-dropdown__item--expandable">
6405                <div class="fs-mobile-dropdown__content">
6406                  <a href="/collections/storage-sheds" class="fs-mobile-dropdown__link">
6407                    <span class="fs-mobile-dropdown__label">
6408                      <span class="fs-mobile-dropdown__icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
6409                            <path d="M9 18h6M10 22h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6410                            <path d="M12 2a7 7 0 0 0-4 12c.7.6 1 1.3 1 2h6c0-.7.3-1.4 1-2A7 7 0 0 0 12 2Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6411                          </svg></span>
6412                      <span class="fs-mobile-dropdown__text">Storage</span>
6413                    </span>
6414                  </a><!-- ✅ NEW: next-page arrow -->
6415                    <button type="button"
6416                            class="fs-mobile-dropdown__next-btn"
6417                            data-mobile-next="l1-storage"
6418                            aria-controls="fs-mobile-panel--l1-storage"
6419                            aria-label="Open Storage">
6420                      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6421                        <path d="M6.5 3.5L11.5 8.5L6.5 13.5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6422                      </svg>
6423                    </button></div><!-- ✅ NEW: slide-in panel for Level 2 -->
6424                  <div id="fs-mobile-panel--l1-storage" class="fs-mobile-panel" data-mobile-panel>
6425                    <div class="fs-mobile-panel__head">
6426                      <button type="button" class="fs-mobile-panel__back" data-mobile-back aria-label="Back">← Back</button>
6427                      <div class="fs-mobile-panel__title">Storage</div>
6428                    </div>
6429
6430                    <div id="fs-mobile-dropdown--l1-storage"
6431                         class="fs-mobile-dropdown fs-mobile-dropdown--sub fs-mobile-dropdown--level-2 is-open"
6432                         style="display:block;"
6433                         data-mobile-dropdown="l1-storage"><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6434                          <div class="fs-mobile-dropdown__content">
6435                            <a href="/collections/metal-sheds" class="fs-mobile-dropdown__link">
6436                              <span class="fs-mobile-dropdown__label">Metal Sheds</span>
6437                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6438                          <div class="fs-mobile-dropdown__content">
6439                            <a href="/collections/metal-carports" class="fs-mobile-dropdown__link">
6440                              <span class="fs-mobile-dropdown__label">Metal Carports</span>
6441                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6442                          <div class="fs-mobile-dropdown__content">
6443                            <a href="/collections/fabric-shelters" class="fs-mobile-dropdown__link">
6444                              <span class="fs-mobile-dropdown__label">Fabric Shelters</span>
6445                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6446                          <div class="fs-mobile-dropdown__content">
6447                            <a href="/collections/container-shelters" class="fs-mobile-dropdown__link">
6448                              <span class="fs-mobile-dropdown__label">Container Shelters</span>
6449                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6450                          <div class="fs-mobile-dropdown__content">
6451                            <a href="/collections/party-tents" class="fs-mobile-dropdown__link">
6452                              <span class="fs-mobile-dropdown__label">Party Tents</span>
6453                            </a></div></div><div class="fs-mobile-dropdown__item fs-mobile-dropdown__item--level-2">
6454                          <div class="fs-mobile-dropdown__content">
6455                            <a href="/collections/fabric-shelters" class="fs-mobile-dropdown__link">
6456                              <span class="fs-mobile-dropdown__label">Shelters</span>
6457                            </a></div></div></div>
6458                  </div></div></div>
6459        </div>
6460      </div></div>
6461
6462  <!-- ✅ ACCOUNT TAB -->
6463  <div id="fs-mobile-tab-panel--account"
6464       class="fs-mobile-tabs__panel"
6465       role="tabpanel"
6466       aria-labelledby="fs-mobile-tab--account"
6467       data-mobile-tab-panel="account">
6468
6469    <div class="fs-mobile-account"><div class="fs-mobile-account__title">Account</div>
6470          <div class="fs-mobile-account__actions">
6471            <a class="fs-mobile-account__btn" href="https://www.tmgindustrial.co.nz/customer_authentication/redirect?locale=en&region_country=NZ">Log in</a>
6472            <a class="fs-mobile-account__btn fs-mobile-account__btn--secondary" href="https://shopify.com/78703755488/account?locale=en&region_country=NZ&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0bWctaW5kdXN0cmlhbC1uZXctemVhbGFuZC5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE0MTE0MDksIm5iZiI6MTc5MDgwNjYwOX0.mCQ7HxXoauv24wRyIqLOmc635SrYwbwLJPO8Cy_EZrY">Create account</a>
6473          </div></div>
6474
6475    <!-- ✅ Country selector (inside Account tab) -->
6476 <!-- ✅ UPDATED Country selector (improved UI + dropdown opens below) -->
6477<div class="header-nav-item header-nav-item--country dropdown-container country-selector country_mobile"
6478     data-country-dropdown>
6479
6480  <button type="button"
6481          class="country-trigger"
6482          aria-expanded="false"
6483          aria-controls="country-dropdown-panel">
6484
6485    <!-- Left: Flag circle (dynamic per store) -->
6486    <span class="country-flag-wrap" aria-hidden="true">
6487      <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg" alt="NZ" width="22" height="16" style="border-radius:4px;object-fit:cover;">
6488    </span>
6489
6490    <!-- Middle: label + value -->
6491    <span class="country-trigger__text">
6492      <span class="country-trigger__title">Country</span>
6493      <span class="country-trigger__value">NZ</span>
6494    </span>
6495
6496    <!-- Right: Chevron -->
6497    <span class="country-chevron-wrap" aria-hidden="true">
6498      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="country-chevron">
6499        <path d="M15.2219 7.34689L9.59692 12.9719C9.51854 13.0506 9.42539 13.113 9.32283 13.1556C9.22027 13.1981 9.11032 13.2201 8.99927 13.2201C8.88822 13.2201 8.77826 13.1981 8.6757 13.1556C8.57314 13.113 8.48 13.0506 8.40161 12.9719L2.77661 7.34689C2.6181 7.18839 2.52905 6.9734 2.52905 6.74924C2.52905 6.52507 2.6181 6.31009 2.77661 6.15158C2.93512 5.99307 3.1501 5.90402 3.37427 5.90402C3.59843 5.90402 3.81341 5.99307 3.97192 6.15158L8.99997 11.1796L14.028 6.15088C14.1865 5.99237 14.4015 5.90332 14.6257 5.90332C14.8498 5.90332 15.0648 5.99237 15.2233 6.15088C15.3818 6.30939 15.4709 6.52437 15.4709 6.74853C15.4709 6.9727 15.3818 7.18768 15.2233 7.34619L15.2219 7.34689Z" fill="white"/>
6500      </svg>
6501    </span>
6502  </button>
6503
6504  <!-- ✅ Dropdown (below trigger) -->
6505  <div id="country-dropdown-panel" class="dropdown-menu country-dropdown" aria-hidden="true">
6506    <div class="country-dropdown-container">
6507
6508      <a href="https://tmgindustrial.com" class="country-row" data-domain="com">
6509        <span class="country-row__flag">
6510          <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" alt="USA Flag" width="22" height="16">
6511        </span>
6512        <span class="country-row__label">
6513          <span class="country-row__name">United States</span>
6514          <span class="country-row__code">USA</span>
6515        </span>
6516        <span class="country-row__arrow" aria-hidden="true">→</span>
6517      </a>
6518
6519      <a href="https://tmgindustrial.com.au" class="country-row" data-domain="com.au">
6520        <span class="country-row__flag">
6521          <img src="https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" alt="Australia Flag" width="22" height="16">
6522        </span>
6523        <span class="country-row__label">
6524          <span class="country-row__name">Australia</span>
6525          <span class="country-row__code">AU</span>
6526        </span>
6527        <span class="country-row__arrow" aria-hidden="true">→</span>
6528      </a>
6529
6530      <a href="https://tmgindustrial.ca" class="country-row" data-domain="ca">
6531        <span class="country-row__flag">
6532          <img src="https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg" alt="Canada Flag" width="22" height="16">
6533        </span>
6534        <span class="country-row__label">
6535          <span class="country-row__name">Canada</span>
6536          <span class="country-row__code">CA</span>
6537        </span>
6538        <span class="country-row__arrow" aria-hidden="true">→</span>
6539      </a>
6540
6541      <a href="https://tmgindustrial.co.uk" class="country-row" data-domain="co.uk">
6542        <span class="country-row__flag">
6543          <img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg" alt="UK Flag" width="22" height="16">
6544        </span>
6545        <span class="country-row__label">
6546          <span class="country-row__name">United Kingdom</span>
6547          <span class="country-row__code">UK</span>
6548        </span>
6549        <span class="country-row__arrow" aria-hidden="true">→</span>
6550      </a>
6551
6552      <a href="https://tmgindustrial.co.nz" class="country-row" data-domain="co.nz">
6553        <span class="country-row__flag">
6554          <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg" alt="NZ Flag" width="22" height="16">
6555        </span>
6556        <span class="country-row__label">
6557          <span class="country-row__name">New Zealand</span>
6558          <span class="country-row__code">NZ</span>
6559        </span>
6560        <span class="country-row__arrow" aria-hidden="true">→</span>
6561      </a>
6562
6563      <a href="https://tmgindustrial.de" class="country-row" data-domain="de">
6564        <span class="country-row__flag">
6565          <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg" alt="Germany Flag" width="22" height="16">
6566        </span>
6567        <span class="country-row__label">
6568          <span class="country-row__name">Germany</span>
6569          <span class="country-row__code">DE</span>
6570        </span>
6571        <span class="country-row__arrow" aria-hidden="true">→</span>
6572      </a>
6573
6574      <a href="https://tmgindustrial.nl" class="country-row" data-domain="nl">
6575        <span class="country-row__flag">
6576          <img src="https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg" alt="Netherlands Flag" width="22" height="16">
6577        </span>
6578        <span class="country-row__label">
6579          <span class="country-row__name">Netherlands</span>
6580          <span class="country-row__code">NL</span>
6581        </span>
6582        <span class="country-row__arrow" aria-hidden="true">→</span>
6583      </a>
6584
6585      <a href="https://tmgindustrial.pl" class="country-row" data-domain="pl">
6586        <span class="country-row__flag">
6587          <img src="https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg" alt="Poland Flag" width="22" height="16">
6588        </span>
6589        <span class="country-row__label">
6590          <span class="country-row__name">Poland</span>
6591          <span class="country-row__code">PL</span>
6592        </span>
6593        <span class="country-row__arrow" aria-hidden="true">→</span>
6594      </a>
6595
6596      <a href="https://tmgindustrial.fi" class="country-row" data-domain="fi">
6597        <span class="country-row__flag">
6598          <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Flag_of_Finland.svg" alt="Finland Flag" width="22" height="16">
6599        </span>
6600        <span class="country-row__label">
6601          <span class="country-row__name">Finland</span>
6602          <span class="country-row__code">FI</span>
6603        </span>
6604        <span class="country-row__arrow" aria-hidden="true">→</span>
6605      </a>
6606
6607    </div>
6608  </div>
6609</div>
6610
6611<style>
6612/* ===== Improved Country selector UI + dropdown below trigger ===== */
6613
6614/* anchor */
6615[data-country-dropdown]{ position:relative; }
6616
6617/* trigger */
6618.country-trigger{
6619  width:100%;
6620  display:flex;
6621  align-items:center;
6622  gap:12px;
6623  background:rgba(255,255,255,.06);
6624  border:1px solid rgba(255,255,255,.14);
6625  padding:12px 14px;
6626  color:#fff;
6627  cursor:pointer;
6628  text-align:left;
6629  border-radius:14px;
6630  transition: background .18s ease, border-color .18s ease, transform .12s ease;
6631}
6632.country-trigger:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.20); }
6633.country-trigger:active{ transform:scale(.99); }
6634
6635.country-flag-wrap{
6636  width:34px;
6637  height:34px;
6638  border-radius:999px;
6639  display:flex;
6640  align-items:center;
6641  justify-content:center;
6642  background:rgba(0,0,0,.35);
6643  border:1px solid rgba(255,255,255,.12);
6644  flex:0 0 auto;
6645}
6646
6647.country-trigger__text{
6648  display:flex;
6649  flex-direction:column;
6650  min-width:0;
6651  flex:1 1 auto;
6652  line-height:1.15;
6653}
6654.country-trigger__title{
6655  font-size:12px;
6656  color:rgba(255,255,255,.70);
6657  font-weight:700;
6658  letter-spacing:.2px;
6659}
6660.country-trigger__value{
6661  font-size:15px;
6662  font-weight:900;
6663  overflow:hidden;
6664  text-overflow:ellipsis;
6665  white-space:nowrap;
6666}
6667
6668.country-chevron-wrap{
6669  width:34px;
6670  height:34px;
6671  border-radius:12px;
6672  display:flex;
6673  align-items:center;
6674  justify-content:center;
6675  background:rgba(0,0,0,.35);
6676  border:1px solid rgba(255,255,255,.12);
6677  flex:0 0 auto;
6678}
6679
6680.country-chevron{ transition:transform .18s ease; }
6681[data-country-dropdown].is-open .country-chevron{ transform:rotate(180deg); }
6682
6683/* ✅ Dropdown positioned below (floating card) */
6684#country-dropdown-panel.country-dropdown{
6685  position:absolute;
6686  left:0;
6687  right:0;
6688  top:calc(100% + 10px);
6689  z-index:9999;
6690
6691  display:none;
6692  padding:0;
6693
6694  opacity:0;
6695  transform:translateY(-4px);
6696  transition: transform .18s ease, opacity .18s ease;
6697}
6698[data-country-dropdown].is-open #country-dropdown-panel.country-dropdown{
6699  display:block;
6700  opacity:1;
6701  transform:translateY(0);
6702}
6703
6704/* Card container */
6705#country-dropdown-panel .country-dropdown-container{
6706  background: rgba(10,10,10,.96);
6707  border: 1px solid rgba(255,255,255,.12);
6708  border-radius: 16px;
6709  padding: 10px;
6710  box-shadow: 0 18px 40px rgba(0,0,0,.45);
6711
6712  display:flex;
6713  flex-direction:column;
6714  gap:10px;
6715}
6716
6717/* Rows */
6718.country-row{
6719  display:flex;
6720  align-items:center;
6721  gap:12px;
6722  padding:12px 12px;
6723  border-radius:14px;
6724  color:#fff;
6725  text-decoration:none;
6726  background:rgba(255,255,255,.05);
6727  border:1px solid rgba(255,255,255,.12);
6728  transition: background .18s ease, border-color .18s ease, transform .12s ease;
6729}
6730.country-row:hover{ background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.18); }
6731.country-row:active{ transform:scale(.99); }
6732
6733.country-row__flag{
6734  width:40px;
6735  height:28px;
6736  border-radius:10px;
6737  display:flex;
6738  align-items:center;
6739  justify-content:center;
6740  background:rgba(0,0,0,.30);
6741  border:1px solid rgba(255,255,255,.10);
6742  overflow:hidden;
6743  flex:0 0 auto;
6744}
6745.country-row__flag img{ width:28px; height:auto; display:block; }
6746
6747.country-row__label{
6748  display:flex;
6749  align-items:baseline;
6750  gap:10px;
6751  min-width:0;
6752  flex:1 1 auto;
6753}
6754.country-row__name{
6755  font-weight:900;
6756  font-size:14px;
6757  overflow:hidden;
6758  text-overflow:ellipsis;
6759  white-space:nowrap;
6760}
6761.country-row__code{
6762  font-size:12px;
6763  font-weight:800;
6764  color:rgba(255,255,255,.75);
6765  background:rgba(0,0,0,.28);
6766  border:1px solid rgba(255,255,255,.10);
6767  padding:4px 8px;
6768  border-radius:999px;
6769  flex:0 0 auto;
6770}
6771.country-row__arrow{
6772  opacity:.75;
6773  font-weight:900;
6774  flex:0 0 auto;
6775}
6776</style>
6777
6778
6779  </div>
6780</div>
6781
6782<script>
6783/* ✅ Tabs: Menu / Account */
6784document.addEventListener('click', function(e){
6785  const btn = e.target.closest('[data-mobile-tabs] [data-mobile-tab]');
6786  if (!btn) return;
6787
6788  e.preventDefault();
6789
6790  const root = btn.closest('[data-mobile-tabs]');
6791  const key  = btn.getAttribute('data-mobile-tab');
6792  if (!root || !key) return;
6793
6794  const allBtns   = root.querySelectorAll('[data-mobile-tab]');
6795  const allPanels = root.querySelectorAll('[data-mobile-tab-panel]');
6796
6797  allBtns.forEach(b => {
6798    const active = b.getAttribute('data-mobile-tab') === key;
6799    b.classList.toggle('is-active', active);
6800    b.setAttribute('aria-selected', active ? 'true' : 'false');
6801  });
6802
6803  allPanels.forEach(p => {
6804    const active = p.getAttribute('data-mobile-tab-panel') === key;
6805    p.classList.toggle('is-active', active);
6806  });
6807
6808  /* close country dropdown when switching tabs */
6809  const wrap = root.querySelector('[data-country-dropdown]');
6810  const panel = root.querySelector('#country-dropdown-panel');
6811  const trigger = root.querySelector('[data-country-dropdown] .country-trigger');
6812  if (wrap) wrap.classList.remove('is-open');
6813  if (trigger) trigger.setAttribute('aria-expanded', 'false');
6814  if (panel) panel.setAttribute('aria-hidden', 'true');
6815
6816  /* close any open slide-in panels when switching tabs */
6817  const menuRoot = root.querySelector('[data-mobile-tab-panel="menu"]');
6818  if (menuRoot) {
6819    const openPanels = menuRoot.querySelectorAll('.fs-mobile-panel.is-active');
6820    openPanels.forEach(p => p.classList.remove('is-active'));
6821    menuRoot._panelStack = [];
6822    menuRoot.classList.remove('has-panel');
6823  }
6824});
6825
6826/* ✅ Slide “new page” navigation for menu */
6827(function(){
6828  function getMenuRoot(el){
6829    return el.closest('[data-mobile-tab-panel="menu"]') || document;
6830  }
6831
6832  function openPanel(panel, root){
6833    if (!panel) return;
6834    panel.classList.add('is-active');
6835
6836    const stack = root._panelStack || (root._panelStack = []);
6837    stack.push(panel);
6838
6839    root.classList.add('has-panel');
6840  }
6841
6842  function closeTopPanel(root){
6843    const stack = root._panelStack || [];
6844    const top = stack.pop();
6845    if (top) top.classList.remove('is-active');
6846    if (stack.length === 0) root.classList.remove('has-panel');
6847  }
6848
6849  document.addEventListener('click', function(e){
6850    const nextBtn = e.target.closest('[data-mobile-next]');
6851    if (nextBtn) {
6852      e.preventDefault();
6853      e.stopPropagation();
6854
6855      const key = nextBtn.getAttribute('data-mobile-next');
6856      const panel = document.getElementById('fs-mobile-panel--' + key);
6857      const root = getMenuRoot(nextBtn);
6858
6859      openPanel(panel, root);
6860      return;
6861    }
6862
6863    const backBtn = e.target.closest('[data-mobile-back]');
6864    if (backBtn) {
6865      e.preventDefault();
6866      e.stopPropagation();
6867
6868      const root = getMenuRoot(backBtn);
6869      closeTopPanel(root);
6870      return;
6871    }
6872  });
6873
6874  document.addEventListener('keydown', function(e){
6875    if (e.key !== 'Escape') return;
6876
6877    const menuRoot = document.querySelector('[data-mobile-tab-panel="menu"]');
6878    if (!menuRoot) return;
6879
6880    // close country dropdown too
6881    const anyWrap = document.querySelector('[data-country-dropdown]');
6882    if (anyWrap) {
6883      const panel = document.getElementById('country-dropdown-panel');
6884      const btn = anyWrap.querySelector('.country-trigger');
6885      anyWrap.classList.remove('is-open');
6886      if (btn) btn.setAttribute('aria-expanded', 'false');
6887      if (panel) panel.setAttribute('aria-hidden', 'true');
6888    }
6889
6890    closeTopPanel(menuRoot);
6891  });
6892})();
6893
6894/* ✅ Country dropdown */
6895document.addEventListener('click', function (event) {
6896  const trigger = event.target.closest('.country-trigger');
6897  const wrap = event.target.closest('[data-country-dropdown]');
6898  if (!wrap) return;
6899
6900  const panel = document.getElementById('country-dropdown-panel');
6901  const btn = wrap.querySelector('.country-trigger');
6902
6903  if (trigger) {
6904    event.preventDefault();
6905    event.stopPropagation();
6906
6907    const isOpen = wrap.classList.contains('is-open');
6908    wrap.classList.toggle('is-open', !isOpen);
6909
6910    if (btn) btn.setAttribute('aria-expanded', (!isOpen).toString());
6911    if (panel) panel.setAttribute('aria-hidden', (isOpen).toString());
6912    return;
6913  }
6914});
6915
6916document.addEventListener('click', function (event) {
6917  const anyWrap = document.querySelector('[data-country-dropdown]');
6918  if (anyWrap && !event.target.closest('[data-country-dropdown]')) {
6919    const panel = document.getElementById('country-dropdown-panel');
6920    const btn = anyWrap.querySelector('.country-trigger');
6921    anyWrap.classList.remove('is-open');
6922    if (btn) btn.setAttribute('aria-expanded', 'false');
6923    if (panel) panel.setAttribute('aria-hidden', 'true');
6924  }
6925});
6926
6927document.addEventListener('keydown', function(e){
6928  if (e.key !== 'Escape') return;
6929
6930  const anyWrap = document.querySelector('[data-country-dropdown]');
6931  if (!anyWrap) return;
6932
6933  const panel = document.getElementById('country-dropdown-panel');
6934  const btn = anyWrap.querySelector('.country-trigger');
6935
6936  anyWrap.classList.remove('is-open');
6937  if (btn) btn.setAttribute('aria-expanded', 'false');
6938  if (panel) panel.setAttribute('aria-hidden', 'true');
6939});
6940</script>
6940
6941
6942<style>
6943/* ===== Tabs ===== */
6944.fs-mobile-tabs{ border-bottom: 1px solid rgba(255,255,255,.10); margin-bottom: 6px; }
6945.fs-mobile-tabs__bar{
6946  display:grid;
6947  grid-template-columns:1fr 1fr;
6948  gap:10px;
6949  padding:12px 16px 10px;
6950}
6951.fs-mobile-tabs__btn{
6952  border:1px solid rgba(255,255,255,.14);
6953  background:rgba(255,255,255,.06);
6954  color:#fff;
6955  border-radius:12px;
6956  padding:10px 12px;
6957  font-weight:700;
6958  cursor:pointer;
6959}
6960.fs-mobile-tabs__btn.is-active{
6961  background:rgba(255,255,255,.14);
6962  border-color:rgba(255,255,255,.22);
6963}
6964.fs-mobile-tabs__panel{ display:none; }
6965.fs-mobile-tabs__panel.is-active{ display:block; }
6966
6967/* ===== Account block ===== */
6968.fs-mobile-account{ padding:12px 16px 6px; }
6969.fs-mobile-account__title{
6970  color:#fff;
6971  font-weight:800;
6972  font-size:15px;
6973  margin-bottom:10px;
6974}
6975.fs-mobile-account__note{ color:rgba(255,255,255,.75); font-size:13px; }
6976.fs-mobile-account__actions{ display:grid; gap:10px; margin-bottom: 10px; }
6977.fs-mobile-account__btn{
6978  display:block;
6979  text-align:center;
6980  text-decoration:none;
6981  padding:12px 12px;
6982  border-radius:12px;
6983  font-weight:700;
6984  color:#fff;
6985  background:rgba(255,255,255,.14);
6986  border:1px solid rgba(255,255,255,.18);
6987}
6988.fs-mobile-account__btn--secondary{ background:transparent; }
6989
6990/* ===== Country selector (Account tab) ===== */
6991.header-nav-item--country.country_mobile{ padding: 8px 0 18px !important; }
6992.country-trigger{
6993  width:100%;
6994  display:flex;
6995  align-items:center;
6996  gap:10px;
6997  background:transparent;
6998  border:0;
6999  padding:12px 16px;
7000  color:#fff;
7001  cursor:pointer;
7002  text-align:left;
7003}
7004.country-trigger .country-label{ font-weight:600; }
7005.country-trigger .country-chevron{ transition:transform .18s ease; }
7006[data-country-dropdown].is-open .country-chevron{ transform:rotate(180deg); }
7007
7008.country-dropdown{ display:none; padding:6px 0 10px; }
7009[data-country-dropdown].is-open .country-dropdown{ display:block; }
7010
7011.country-dropdown-container{
7012  display:flex;
7013  flex-direction:column;
7014  gap:6px;
7015  padding:0 16px;
7016}
7017.country-row{
7018  display:flex;
7019  align-items:center;
7020  gap:10px;
7021  padding:10px 10px;
7022  border-radius:10px;
7023  color:#fff;
7024  text-decoration:none;
7025  background:rgba(255,255,255,.04);
7026  border:1px solid rgba(255,255,255,.10);
7027}
7028.country-row:hover{ background:rgba(255,255,255,.08); }
7029
7030/* ===== Dropdown alignment ===== */
7031.fs-mobile-dropdown{ background-color: transparent; display:none; }
7032.fs-mobile-dropdown.is-open{ display:block; }
7033.fs-mobile-dropdown--level-1{ display:block; } /* main list visible */
7034
7035.fs-mobile-dropdown__content{
7036  display:flex !important;
7037  align-items:center;
7038  justify-content:space-between;
7039  gap:12px;
7040  width:100%;
7041  padding:2px 16px;
7042  box-sizing:border-box;
7043}
7044
7045.fs-mobile-dropdown__link{
7046  flex:1 1 auto;
7047  min-width:0;
7048  display:block;
7049  text-decoration:none;
7050}
7051
7052.fs-mobile-dropdown__label{
7053  display:block;
7054  white-space:nowrap;
7055  overflow:hidden;
7056  text-overflow:ellipsis;
7057  color:#fff;
7058}
7059
7060/* Row separators */
7061.fs-mobile-dropdown__item{ border-bottom: 1px solid rgba(255,255,255,.08); }
7062.fs-mobile-dropdown__item:last-child{ border-bottom: 0; }
7063
7064/* Keep tap targets working */
7065@media (max-width: 767px) {
7066  .fs-mobile-dropdown__link{ position:relative; z-index:10; pointer-events:auto !important; }
7067  .fs-mobile-dropdown__next-btn{ position:relative; z-index:11; }
7068}
7069
7070/* ✅ icon + label text */
7071.fs-mobile-dropdown__label{
7072  display:flex;
7073  align-items:center;
7074  gap:10px;
7075  white-space:nowrap;
7076  overflow:hidden;
7077  text-overflow:ellipsis;
7078  color:#fff;
7079}
7080.fs-mobile-dropdown__icon{
7081  width:18px;
7082  height:18px;
7083  display:inline-flex;
7084  align-items:center;
7085  justify-content:center;
7086  opacity:.95;
7087  flex:0 0 auto;
7088  display:none;
7089}
7090.fs-mobile-dropdown__icon svg{ width:18px; height:18px; display:none;}
7091.fs-mobile-dropdown__text{
7092  min-width:0;
7093  overflow:hidden;
7094  text-overflow:ellipsis;
7095  white-space:nowrap;
7096  font-size:15px;
7097}
7098
7099/* ===== NEW: slide-in “page” panels ===== */
7100[data-mobile-tab-panel="menu"]{ position:relative; }
7101
7102.fs-mobile-panel{
7103  position:absolute;
7104  inset:0;
7105  background:#0b0b0b;
7106  transform:translateX(100%);
7107  transition:transform .22s ease;
7108  z-index:50;
7109  display:block;
7110  padding-bottom:30px;
7111  overflow:auto;
7112}
7113.fs-mobile-panel.is-active{ transform:translateX(0); }
7114
7115.fs-mobile-panel__head{
7116  position:sticky;
7117  top:0;
7118  z-index:2;
7119  display:flex;
7120  align-items:center;
7121  gap:10px;
7122  padding:14px 16px;
7123  background:#0b0b0b;
7124  border-bottom:1px solid rgba(255,255,255,.10);
7125}
7126.fs-mobile-panel__back{
7127  border:0;
7128  background:rgba(255,255,255,.08);
7129  color:#fff;
7130  padding:8px 10px;
7131  border-radius:10px;
7132  cursor:pointer;
7133  font-weight:700;
7134}
7135.fs-mobile-panel__title{
7136  color:#fff;
7137  font-weight:800;
7138  font-size:14px;
7139  overflow:hidden;
7140  text-overflow:ellipsis;
7141  white-space:nowrap;
7142}
7143
7144/* Arrow button (next page) */
7145.fs-mobile-dropdown__next-btn{
7146  width:34px;
7147  height:34px;
7148  display:inline-flex;
7149  align-items:center;
7150  justify-content:center;
7151  border-radius:10px;
7152  border:none;
7153  background:black;
7154  padding:0;
7155  cursor:pointer;
7156  -webkit-appearance:none;
7157  appearance:none;
7158  flex:0 0 auto;
7159}
7160.fs-mobile-dropdown__next-btn:hover{ background:rgba(255,255,255,.08); }
7161
7162/* Slight indentation inside panels */
7163.fs-mobile-dropdown--level-2 .fs-mobile-dropdown__content{ padding-left: 16px; }
7164.fs-mobile-dropdown--level-3 .fs-mobile-dropdown__content{ padding-left: 16px; }
7165</style>
7166
7167      </div>
7168    </div>
7169  </div>
7170
7171  <!-- ✅ MOBILE MINI STICKY HEADER (mobile only) -->
7172  <div class="tmg-sticky-mobile" data-tmg-sticky-mobile aria-hidden="true">
7173    <div class="tmg-header__container">
7174      <div class="tmg-sticky-mobile__inner">
7175<button type="button"
7176  class="tmg-sticky-mobile__iconbtn"
7177  fs-mobile-menu-toggle
7178  aria-label="Open menu">
7179  <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
7180    <path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
7181  </svg>
7182</button>
7183
7184
7185        <div class="tmg-sticky-mobile__search">
7186  <style>
7187    .tmg-sticky-mobile__search button svg,
7188    .tmg-sticky-mobile__search .live-search-button svg,
7189    .tmg-sticky-mobile__search .form-field-button svg{
7190      margin-top:-4px;
7191    }
7192  </style>
7193
7194  
7195
7196
7197
7198
7199
7200<div class="live-search" data-live-search><form
7201    class="
7202      live-search-form
7203      form-fields-inline
7204      
7205    "
7206    action="/search"
7207    method="get"
7208    role="search"
7209    aria-label="Product"
7210    data-live-search-form
7211  >
7212    <div class="form-field no-label">
7213      <input type="hidden" name="type" value=""><span class="form-field-select-wrapper live-search-filter-wrapper">
7214          <select
7215            class="live-search-filter"
7216            id="live-search-filter"
7217            data-live-search-filter
7218            data-filter-all="All categories"
7219          >
7220            
7221            <option value="" selected>All categories</option>
7222            <option value="" disabled>------</option>
7223            
7224          </select>
7225
7226          <label
7227            class="
7228              live-search-filter-label
7229              form-field-select
7230            "
7231            for="live-search-filter"
7232            data-live-search-filter-label
7233          >All categories
7234</label>
7235          <svg
7236  aria-hidden="true"
7237  focusable="false"
7238  role="presentation"
7239  width="8"
7240  height="6"
7241  viewBox="0 0 8 6"
7242  fill="none"
7243  xmlns="http://www.w3.org/2000/svg"
7244  class="icon-chevron-down"
7245>
7246<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
7247<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
7248</svg>
7249
7250        </span><input
7251        class="form-field-input live-search-form-field"
7252        type="text"
7253        name="q"
7254        aria-label="Search"
7255        placeholder="What are you looking for?"
7256        
7257        autocomplete="off"
7258        data-live-search-input
7259      >
7260      <button
7261        class="live-search-takeover-cancel"
7262        type="button"
7263        data-live-search-takeover-cancel>
7264        Cancel
7265      </button>
7266
7267      <button
7268        class="live-search-button"
7269        type="submit"
7270        aria-label="Search"
7271        data-live-search-submit
7272      >
7273        <span class="search-icon search-icon--inactive">
7274          <svg
7275  aria-hidden="true"
7276  focusable="false"
7277  role="presentation"
7278  xmlns="http://www.w3.org/2000/svg"
7279  width="23"
7280  height="24"
7281  fill="none"
7282  viewBox="0 0 23 24"
7283>
7284  <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"/>
7285  <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2.25"/>
7286</svg>
7287
7288        </span>
7289        <span class="search-icon search-icon--active">
7290          <svg
7291  aria-hidden="true"
7292  focusable="false"
7293  role="presentation"
7294  width="26"
7295  height="26"
7296  viewBox="0 0 26 26"
7297  xmlns="http://www.w3.org/2000/svg"
7298>
7299  <g fill-rule="nonzero" fill="currentColor">
7300    <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"/>
7301  </g>
7302</svg>
7303        </span>
7304      </button>
7305    </div>
7306
7307    <div class="search-flydown" data-live-search-flydown>
7308      <div class="search-flydown--placeholder" data-live-search-placeholder>
7309        <div class="search-flydown--product-items">
7310          
7311            <a class="search-flydown--product search-flydown--product" href="#">
7312              
7313                <div class="search-flydown--product-image">
7314                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
7315                </div>
7316              
7317
7318              <div class="search-flydown--product-text">
7319                <span class="search-flydown--product-title placeholder--content-text"></span>
7320                <span class="search-flydown--product-price placeholder--content-text"></span>
7321              </div>
7322            </a>
7323          
7324            <a class="search-flydown--product search-flydown--product" href="#">
7325              
7326                <div class="search-flydown--product-image">
7327                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
7328                </div>
7329              
7330
7331              <div class="search-flydown--product-text">
7332                <span class="search-flydown--product-title placeholder--content-text"></span>
7333                <span class="search-flydown--product-price placeholder--content-text"></span>
7334              </div>
7335            </a>
7336          
7337            <a class="search-flydown--product search-flydown--product" href="#">
7338              
7339                <div class="search-flydown--product-image">
7340                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
7341                </div>
7342              
7343
7344              <div class="search-flydown--product-text">
7345                <span class="search-flydown--product-title placeholder--content-text"></span>
7346                <span class="search-flydown--product-price placeholder--content-text"></span>
7347              </div>
7348            </a>
7349          
7350        </div>
7351      </div>
7352
7353      <div
7354        class="
7355          search-flydown--results
7356          
7357        "
7358        data-live-search-results
7359      ></div>
7360
7361      
7362    </div>
7363  </form>
7364</div>
7365
7366</div>
7367
7368
7369        <div class="tmg-sticky-mobile__actions">
7370          <a class="tmg-sticky-mobile__iconbtn" href="/account" aria-label="Account">
7371            
7372
7373
7374    <svg class="icon-account "    aria-hidden="true"    focusable="false"    role="presentation"    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M11.3336 14.4447C14.7538 14.4447 17.5264 11.6417 17.5264 8.18392C17.5264 4.72616 14.7538 1.9231 11.3336 1.9231C7.91347 1.9231 5.14087 4.72616 5.14087 8.18392C5.14087 11.6417 7.91347 14.4447 11.3336 14.4447Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>      <path d="M20.9678 24.0769C19.5098 20.0278 15.7026 17.3329 11.4404 17.3329C7.17822 17.3329 3.37107 20.0278 1.91309 24.0769" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>                                                                                                                        
7375
7376          </a>
7377<a class="tmg-sticky-mobile__iconbtn tmg-sticky-mobile__cartbtn"
7378   href="/cart"
7379   aria-label="View cart"
7380   style="position:relative;">
7381
7382  <span class="site-header-cart--count "
7383        data-header-cart-count=""></span>
7384
7385  <span class="site-header-cart-icon site-header-cart-icon--svg" style="display:flex;">
7386    
7387      
7388
7389
7390              <svg width="25" height="24" viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H1.33877H1.33883C1.61048 2.00005 2.00378 2.23945 2.10939 2.81599L2.10937 2.816L2.11046 2.82171L5.01743 18.1859C5.12011 18.7286 5.64325 19.0852 6.18591 18.9826C6.21078 18.9779 6.23526 18.9723 6.25933 18.9658C6.28646 18.968 6.31389 18.9692 6.34159 18.9692H18.8179H18.8181C19.0302 18.9691 19.2141 18.9765 19.4075 18.9842L19.4077 18.9842C19.5113 18.9884 19.6175 18.9926 19.7323 18.9959C20.0255 19.0043 20.3767 19.0061 20.7177 18.9406C21.08 18.871 21.4685 18.7189 21.8028 18.3961C22.1291 18.081 22.3266 17.6772 22.4479 17.2384C22.4569 17.2058 22.4642 17.1729 22.4699 17.1396L23.944 8.46865C24.2528 7.20993 23.2684 5.99987 21.9896 6H21.9894H4.74727L4.07666 2.45562L4.07608 2.4525C3.83133 1.12381 2.76159 8.49962e-05 1.33889 0H1.33883H1ZM5.12568 8L6.8227 16.9692H18.8178H18.8179C19.0686 16.9691 19.3257 16.9793 19.5406 16.9877L19.5413 16.9877C19.633 16.9913 19.7171 16.9947 19.7896 16.9967C20.0684 17.0047 20.2307 16.9976 20.3403 16.9766C20.3841 16.9681 20.4059 16.96 20.4151 16.9556C20.4247 16.9443 20.4639 16.8918 20.5077 16.7487L21.9794 8.09186C21.9842 8.06359 21.9902 8.03555 21.9974 8.0078C21.9941 8.00358 21.9908 8.00108 21.989 8H5.12568ZM20.416 16.9552C20.4195 16.9534 20.4208 16.9524 20.4205 16.9523C20.4204 16.9523 20.4199 16.9525 20.4191 16.953L2
73900.416 16.9552ZM10.8666 22.4326C10.8666 23.2982 10.195 24 9.36658 24C8.53815 24 7.86658 23.2982 7.86658 22.4326C7.86658 21.567 8.53815 20.8653 9.36658 20.8653C10.195 20.8653 10.8666 21.567 10.8666 22.4326ZM18.0048 24C18.8332 24 19.5048 23.2982 19.5048 22.4326C19.5048 21.567 18.8332 20.8653 18.0048 20.8653C17.1763 20.8653 16.5048 21.567 16.5048 22.4326C16.5048 23.2982 17.1763 24 18.0048 24Z" fill="currentColor"/>    </svg>                                                                                                              
7391
7392    
7393  </span>
7394</a>
7395
7396        </div>
7397
7398      </div>
7399
7400     <div class="tmg-sticky-mobile__quicknav">
7401  <button
7402    class="tmg-mobile-nav-arrow tmg-mobile-nav-arrow--left"
7403    type="button"
7404    aria-label="Scroll left"
7405    data-mobile-sticky-scroll="left">
7406    ‹
7407  </button>
7408
7409  <div class="tmg-nav-scroll">
7410    <div class="tmg-nav-scroll__viewport" id="tmgMobileStickyNavViewport">
7411      <ul class="tmg-nav-scroll__list">
7412
7413        
7414          <li class="tmg-nav-item">
7415            <a class="tmg-nav-link" href="/pages/about-us/pages/about-us">ABOUT US</a>
7416          </li>
7417        
7418
7419
7420        
7421
7422        
7423          <li class="tmg-nav-item">
7424            <a style="color:#ff671d; font-weight:600;" class="tmg-nav-link" href="https://www.tmgindustrial.co.nz/pages/tmg-nz-parts">PARTS</a>
7425          </li>
7426        
7427<li class="tmg-nav-item">
7428              <a class="tmg-nav-link" href="/pages/contact">📞Pre Order (Contact Us)  </a>
7429            </li><li class="tmg-nav-item">
7430              <a class="tmg-nav-link" href="/collections/fabric-shelters">Shelters</a>
7431            </li><li class="tmg-nav-item">
7432              <a class="tmg-nav-link" href="/collections/metal-sheds">Metal Sheds</a>
7433            </li><li class="tmg-nav-item">
7434              <a class="tmg-nav-link" href="/collections/flail-mowers">Flail Mowers</a>
7435            </li><li class="tmg-nav-item">
7436              <a class="tmg-nav-link" href="/collections/skid-steer-attachments">Skidder Attach</a>
7437            </li><li class="tmg-nav-item">
7438              <a class="tmg-nav-link" href="/collections/tractor-attachments">Tractor Attach</a>
7439            </li><li class="tmg-nav-item">
7440              <a class="tmg-nav-link" href="/collections/wood-chippers">Wood Chippers</a>
7441            </li><li class="tmg-nav-item">
7442              <a class="tmg-nav-link" href="/collections/sawmills">Sawmills</a>
7443            </li><li class="tmg-nav-item">
7444              <a class="tmg-nav-link" href="/collections/greenhouse">Greenhouses</a>
7445            </li><li class="tmg-nav-item">
7446              <a class="tmg-nav-link" href="/collections/groundworks">Soil Compaction</a>
7447            </li></ul>
7448    </div>
7449  </div>
7450
7451  <button
7452    class="tmg-mobile-nav-arrow tmg-mobile-nav-arrow--right"
7453    type="button"
7454    aria-label="Scroll right"
7455    data-mobile-sticky-scroll="right">
7456    ›
7457  </button>
7458</div>
7459
7460    </div>
7461  </div>
7462<div id="tmgMobileDD" class="tmg-mobile-dd" aria-hidden="true"></div>
7463</header>
7464
7465<!-- Floating dropdown container (Deals/Brands) -->
7466<div id="tmgFloatDropdown" class="tmg-float-dropdown" aria-hidden="true"></div>
7467
7468<script>
7469/* ✅ Desktop nav arrows (Row 2) */
7470document.addEventListener('DOMContentLoaded', function () {
7471  const viewport = document.getElementById('tmgNavScrollList');
7472  if (!viewport) return;
7473
7474  document.querySelectorAll('[data-tmg-nav-scroll]').forEach(btn => {
7475    btn.addEventListener('click', function(e){
7476      e.preventDefault();
7477      const dir = btn.getAttribute('data-tmg-nav-scroll');
7478      const amount = Math.max(260, Math.floor(viewport.clientWidth * 0.65));
7479      viewport.scrollBy({ left: dir === 'left' ? -amount : amount, behavior: 'smooth' });
7480    });
7481  });
7482});
7483</script>
7483
7484
7485
7486<script>
7487/* Mega menu hover switching (left column) */
7488document.addEventListener("DOMContentLoaded", function () {
7489  document.querySelectorAll(".mega-left-item").forEach(function(btn){
7490    btn.addEventListener("mouseover", function () {
7491      var category = btn.dataset.category;
7492      document.querySelectorAll(".mega-left-item").forEach(function(b){ b.classList.remove("active"); });
7493      btn.classList.add("active");
7494      document.querySelectorAll(".mega-category").forEach(function(c){
7495        c.classList.toggle("active", c.dataset.category === category);
7496      });
7497    });
7498  });
7499});
7500</script>
7500
7501
7502<script>
7503/* Detect current domain and show correct flag (mobile .country-flag-current) */
7504document.addEventListener('DOMContentLoaded', function () {
7505  var host = (window.location.hostname || '').toLowerCase();
7506  var currentDomain = 'ca';
7507  if (host.endsWith('.com.au') || /(^|\.)tmgindustrial\.com\.au$/.test(host)) currentDomain = 'com.au';
7508  else if (host.endsWith('.co.nz') || /(^|\.)tmgindustrial\.co\.nz$/.test(host)) currentDomain = 'co.nz';
7509  else if (host.endsWith('.de') || /(^|\.)tmgindustrial\.de$/.test(host)) currentDomain = 'de';
7510  else if (host.endsWith('.co.uk') || /(^|\.)tmgindustrial\.co\.uk$/.test(host)) currentDomain = 'co.uk';
7511  else if (host.endsWith('.fi') || /(^|\.)tmgindustrial\.fi$/.test(host)) currentDomain = 'fi';
7512  else if (host.endsWith('.pl') || /(^|\.)tmgindustrial\.pl$/.test(host)) currentDomain = 'pl';
7513  else if (host.endsWith('.nl') || /(^|\.)tmgindustrial\.nl$/.test(host)) currentDomain = 'nl';
7514  else if (host.endsWith('.com') || /(^|\.)tmgindustrial\.com$/.test(host)) currentDomain = 'com';
7515  else if (host.endsWith('.ca') || /(^|\.)tmgindustrial\.ca$/.test(host)) currentDomain = 'ca';
7516
7517  document.querySelectorAll('.country-flag-current').forEach(function(flagWrapper){
7518    var imgs = flagWrapper.querySelectorAll('img[data-domain]');
7519    imgs.forEach(function (img) {
7520      img.style.display = (img.getAttribute('data-domain') === currentDomain) ? 'inline-block' : 'none';
7521    });
7522  });
7523});
7524</script>
7524
7525
7526<script>
7527/* Desktop country selector: update flag, label, and mark active row based on host */
7528(function() {
7529  try {
7530    var wrap = document.querySelector('.tmg-country');
7531    if (!wrap) return;
7532
7533    var flagImg = wrap.querySelector('.tmg-country__flag img');
7534    var codeEl = wrap.querySelector('.tmg-country__code');
7535    var rows = Array.prototype.slice.call(wrap.querySelectorAll('.tmg-country__row'));
7536
7537    var FLAGS = {
7538      com: 'https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg',
7539      'com.au': 'https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg',
7540      ca: 'https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg',
7541      'co.uk': 'https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg',
7542      'co.nz': 'https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg',
7543      de: 'https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg',
7544      nl: 'https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg',
7545      pl: 'https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg',
7546      fi: 'https://upload.wikimedia.org/wikipedia/commons/b/bc/Flag_of_Finland.svg'
7547    };
7548    var LABELS = {
7549      com: 'USA', 'com.au': 'AU', ca: 'CA', 'co.uk': 'UK', 'co.nz': 'NZ',
7550      de: 'DE', nl: 'NL', pl: 'PL', fi: 'FI'
7551    };
7552
7553    function rowByDomain(dom) {
7554      return rows.find(function(r){ return (r.getAttribute('data-domain')||'').toLowerCase() === dom; });
7555    }
7556
7557    var host = (location.hostname || '').toLowerCase();
7558    var domain = 'ca', activeRow = rowByDomain('ca');
7559
7560    if (host.endsWith('.com.au') || /(^|\.)tmgindustrial\.com\.au$/.test(host)) {
7561      domain = 'com.au'; activeRow = rowByDomain('com.au');
7562    } else if (host.endsWith('.co.nz') || /(^|\.)tmgindustrial\.co\.nz$/.test(host)) {
7563      domain = 'co.nz'; activeRow = rowByDomain('co.nz');
7564    } else if (host.endsWith('.de') || /(^|\.)tmgindustrial\.de$/.test(host)) {
7565      domain = 'de'; activeRow = rowByDomain('de');
7566    } else if (host.endsWith('.co.uk') || /(^|\.)tmgindustrial\.co\.uk$/.test(host)) {
7567      domain = 'co.uk'; activeRow = rowByDomain('co.uk');
7568    } else if (host.endsWith('.fi') || /(^|\.)tmgindustrial\.fi$/.test(host)) {
7569      domain = 'fi'; activeRow = rowByDomain('fi');
7570    } else if (host.endsWith('.pl') || /(^|\.)tmgindustrial\.pl$/.test(host)) {
7571      domain = 'pl'; activeRow = rowByDomain('pl');
7572    } else if (host.endsWith('.nl') || /(^|\.)tmgindustrial\.nl$/.test(host)) {
7573      domain = 'nl'; activeRow = rowByDomain('nl');
7574    } else if (host.endsWith('.com') || /(^|\.)tmgindustrial\.com$/.test(host)) {
7575      domain = 'com'; activeRow = rowByDomain('com');
7576    } else if (host.endsWith('.ca') || /(^|\.)tmgindustrial\.ca$/.test(host)) {
7577      domain = 'ca'; activeRow = rowByDomain('ca');
7578    }
7579
7580    if (flagImg && FLAGS[domain]) flagImg.src = FLAGS[domain];
7581    if (codeEl && LABELS[domain]) codeEl.textContent = LABELS[domain];
7582    rows.forEach(function(r){ r.removeAttribute('aria-current'); r.removeAttribute('data-selected'); });
7583    if (activeRow) { activeRow.setAttribute('aria-current', 'true'); activeRow.setAttribute('data-selected', 'true'); }
7584  } catch(e) { /* silent fail */ }
7585})();
7586</script>
7586
7587
7588<script>
7589/* Country dropdown: open ONLY when clicking arrow button */
7590document.addEventListener('DOMContentLoaded', function () {
7591  const wrap = document.querySelector('.tmg-country');
7592  if (!wrap) return;
7593
7594  const caret = wrap.querySelector('.tmg-country__caret');
7595  const dropdown = wrap.querySelector('#tmg-country-dropdown');
7596
7597  function openDropdown(){ dropdown.hidden = false; caret.setAttribute('aria-expanded','true'); }
7598  function closeDropdown(){ dropdown.hidden = true; caret.setAttribute('aria-expanded','false'); }
7599  function toggleDropdown(){ dropdown.hidden ? openDropdown() : closeDropdown(); }
7600
7601  caret.addEventListener('click', function(e){
7602    e.preventDefault(); e.stopPropagation(); toggleDropdown();
7603  });
7604
7605  document.addEventListener('click', function(e){
7606    if (!wrap.contains(e.target)) closeDropdown();
7607  });
7608
7609  document.addEventListener('keydown', function(e){
7610    if (e.key === 'Escape') closeDropdown();
7611  });
7612});
7613</script>
7613
7614
7615<script>
7616/* ✅ Desktop Deals/Brands dropdown fix (floating panel) */
7617document.addEventListener('DOMContentLoaded', function () {
7618  const float = document.getElementById('tmgFloatDropdown');
7619  if (!float) return;
7620
7621  let activeAnchor = null;
7622  let closeTimer = null;
7623
7624  function isDesktop(){ return window.matchMedia('(min-width: 991px)').matches; }
7625
7626  function closeFloat(){
7627    activeAnchor = null;
7628    float.classList.remove('is-open');
7629    float.setAttribute('aria-hidden','true');
7630    float.innerHTML = '';
7631  }
7632
7633  function positionFloat(anchor){
7634    const r = anchor.getBoundingClientRect();
7635    const gap = -5;
7636    let top = r.bottom + gap;
7637    let left = r.left;
7638
7639    const vw = window.innerWidth;
7640    const padding = 10;
7641
7642    float.style.top = '0px';
7643    float.style.left = '0px';
7644
7645    const w = float.offsetWidth || 240;
7646    const h = float.offsetHeight || 200;
7647
7648    if (left + w > vw - padding) left = Math.max(padding, vw - w - padding);
7649    if (top + h > window.innerHeight - padding) top = Math.max(padding, r.top - h - gap);
7650
7651    float.style.top = Math.round(top) + 'px';
7652    float.style.left = Math.round(left) + 'px';
7653  }
7654
7655  function openFloatFromItem(item){
7656    if (!isDesktop()) return;
7657
7658    const anchor = item.querySelector('.tmg-nav-link');
7659    const dropdown = item.querySelector('.tmg-dropdown');
7660    if (!anchor || !dropdown) return;
7661
7662    const links = dropdown.querySelectorAll('a');
7663    if (!links.length) return;
7664
7665    activeAnchor = anchor;
7666
7667    const title = item.getAttribute('data-float-title') || '';
7668    let html = '';
7669    if (title) html += '<div class="tmg-float-title">' + title + '</div>';
7670
7671    links.forEach(a => {
7672      const href = a.getAttribute('href') || '#';
7673      const text = (a.textContent || '').trim();
7674      if (text) html += '<a href="' + href + '">' + text.replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</a>';
7675    });
7676
7677    float.innerHTML = html;
7678    float.setAttribute('aria-hidden','false');
7679    float.classList.add('is-open');
7680    positionFloat(anchor);
7681  }
7682
7683  function scheduleClose(){
7684    clearTimeout(closeTimer);
7685    closeTimer = setTimeout(closeFloat, 140);
7686  }
7687  function cancelClose(){ clearTimeout(closeTimer); }
7688
7689  function bind(){
7690    document.querySelectorAll('.tmg-nav-item--float').forEach(item => {
7691      item.addEventListener('mouseenter', function(){ cancelClose(); openFloatFromItem(item); });
7692      item.addEventListener('mouseleave', function(){ scheduleClose(); });
7693
7694      const a = item.querySelector('.tmg-nav-link');
7695      if (a){
7696        a.addEventListener('focus', function(){ cancelClose(); openFloatFromItem(item); });
7697        a.addEventListener('blur', function(){ scheduleClose(); });
7698      }
7699    });
7700  }
7701
7702  float.addEventListener('mouseenter', cancelClose);
7703  float.addEventListener('mouseleave', scheduleClose);
7704
7705  document.addEventListener('scroll', function(){ if (isDesktop()) closeFloat(); }, { passive:true });
7706  window.addEventListener('resize', function(){ if (activeAnchor && isDesktop()) positionFloat(activeAnchor); }, { passive:true });
7707  document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeFloat(); });
7708
7709  document.addEventListener('click', function(e){
7710    if (!float.classList.contains('is-open')) return;
7711    const hitFloat = float.contains(e.target);
7712    const hitTrigger = e.target.closest && e.target.closest('.tmg-nav-item--float');
7713    if (!hitFloat && !hitTrigger) closeFloat();
7714  });
7715
7716  bind();
7717});
7718</script>
7718
7719
7720
7721
7722<script>
7723/* Sticky mini nav arrows */
7724document.addEventListener('DOMContentLoaded', function () {
7725  const viewport = document.getElementById('tmgStickyNavViewport');
7726  if (!viewport) return;
7727
7728  document.querySelectorAll('[data-tmg-sticky-scroll]').forEach(btn => {
7729    btn.addEventListener('click', function(){
7730      const dir = btn.getAttribute('data-tmg-sticky-scroll');
7731      const amount = 260;
7732      viewport.scrollBy({ left: dir === 'left' ? -amount : amount, behavior: 'smooth' });
7733    });
7734  });
7735});
7736</script>
7736
7737
7738
7739
7740<script>
7741document.addEventListener('DOMContentLoaded', function () {
7742  const btn = document.querySelector('[data-tmg-mobile-focus-search]');
7743  if (!btn) return;
7744
7745  btn.addEventListener('click', function(e){
7746    e.preventDefault();
7747
7748    const input =
7749      document.querySelector('.tmg-main__center .tmg-search input[type="search"]') ||
7750      document.querySelector('.tmg-main__center .tmg-search input[type="text"]') ||
7751      document.querySelector('.tmg-main__center .tmg-search .form-field-input');
7752
7753    if (!input) return;
7754
7755    input.focus({ preventScroll: true });
7756    input.scrollIntoView({ block: 'center', behavior: 'smooth' });
7757  });
7758});
7759</script>
vendor: 1 bytes, line 7759
7759
7760<script>
7761document.addEventListener('DOMContentLoaded', function () {
7762  const btn = document.querySelector('[data-tmg-mobile-focus-search]');
7763  if (!btn) return;
7764
7765  btn.addEventListener('click', function (e) {
7766    e.preventDefault();
7767
7768    const input =
7769      document.querySelector('.tmg-search input[type="search"]') ||
7770      document.querySelector('.tmg-search input[type="text"]') ||
7771      document.querySelector('.tmg-search .form-field-input');
7772
7773    if (!input) return;
7774
7775    input.focus({ preventScroll: true });
7776    input.scrollIntoView({ block: 'center', behavior: 'smooth' });
7777  });
7778});
7779</script>
7779
7780
7781
7782<script>
7783document.addEventListener('DOMContentLoaded', function () {
7784  var stickyEnabled = true;
7785  if (!stickyEnabled) return;
7786
7787  const desktopMini = document.querySelector('[data-tmg-sticky-mini]');
7788  const mobileMini  = document.querySelector('[data-tmg-sticky-mobile]');
7789  const isMobile = window.matchMedia('(max-width: 768px)');
7790
7791  if (desktopMini && desktopMini.parentElement !== document.body) document.body.appendChild(desktopMini);
7792  if (mobileMini  && mobileMini.parentElement  !== document.body) document.body.appendChild(mobileMini);
7793
7794  function setHeights(){
7795    if (!isMobile.matches && desktopMini){
7796      document.documentElement.style.setProperty(
7797        '--tmg-sticky-h',
7798        (desktopMini.offsetHeight || 72) + 'px'
7799      );
7800    }
7801
7802    if (isMobile.matches && mobileMini){
7803      document.documentElement.style.setProperty(
7804        '--tmg-mobile-sticky-h',
7805        (mobileMini.offsetHeight || 120) + 'px'
7806      );
7807    }
7808  }
7809
7810  function onScroll(){
7811    const y = window.scrollY || 0;
7812    const active = y > 60;
7813
7814    if (isMobile.matches){
7815      document.body.classList.toggle('tmg-mobile-sticky-on', active);
7816      document.body.classList.remove('tmg-sticky-on');
7817    } else {
7818      document.body.classList.toggle('tmg-sticky-on', active);
7819      document.body.classList.remove('tmg-mobile-sticky-on');
7820    }
7821  }
7822
7823  setHeights();
7824  onScroll();
7825
7826  window.addEventListener('scroll', onScroll, { passive:true });
7827  window.addEventListener('resize', setHeights, { passive:true });
7828});
7829</script>
7829
7830
7831
7832
7833<script>
7834document.addEventListener('DOMContentLoaded', function () {
7835  const menu = document.querySelector('.fs-mobile-menu');
7836  if (!menu) return;
7837
7838  const backdrop = menu.querySelector('.fs-mobile-menu__backdrop');
7839
7840  // ✅ Collect ALL open buttons (NOT just the first one)
7841  const openBtns = [
7842    ...document.querySelectorAll('[fs-mobile-menu-toggle]'),
7843    ...document.querySelectorAll('[data-mobile-menu-open]'),
7844    document.getElementById('tmg-mobile-hamburger'),
7845    document.getElementById('tmg-mobile-hamburger-row2'),
7846    document.getElementById('fs-mobile-menu-toggle'),
7847  ].filter(Boolean);
7848
7849  const closeBtns = Array.from(menu.querySelectorAll('[data-fs-mobile-close]'));
7850
7851  function openMenu(e){
7852    if (e){ e.preventDefault(); e.stopPropagation(); }
7853    menu.classList.add('fs-mobile-menu--open');
7854    document.body.classList.add('fs-mobile-menu-open');
7855  }
7856
7857  function closeMenu(e){
7858    if (e) e.preventDefault();
7859    menu.classList.remove('fs-mobile-menu--open');
7860    document.body.classList.remove('fs-mobile-menu-open');
7861  }
7862
7863  function toggleMenu(e){
7864    if (e){ e.preventDefault(); e.stopPropagation(); }
7865    if (menu.classList.contains('fs-mobile-menu--open')) closeMenu();
7866    else openMenu(e);
7867  }
7868
7869  // ✅ Bind clicks
7870  openBtns.forEach(btn => btn.addEventListener('click', toggleMenu));
7871  closeBtns.forEach(btn => btn.addEventListener('click', closeMenu));
7872  if (backdrop) backdrop.addEventListener('click', closeMenu);
7873
7874  document.addEventListener('keydown', function(e){
7875    if (e.key === 'Escape') closeMenu(e);
7876  });
7877});
7878</script>
vendor: 1 bytes, line 7878
7878
7879<script>
7880(function(){
7881  const DESKTOP_MIN = 991;
7882
7883  function isDesktop(){
7884    return window.matchMedia(`(min-width:${DESKTOP_MIN}px)`).matches;
7885  }
7886
7887  function setupNavArrows(){
7888    if (!isDesktop()) return;
7889
7890    // Desktop nav viewport (your scrollable list container)
7891    const viewport =
7892      document.querySelector('.tmg-nav .tmg-nav-scroll__viewport') ||
7893      document.querySelector('.tmg-nav-scroll__viewport') ||
7894      document.querySelector('#tmgNavViewport');
7895
7896    if (!viewport) return;
7897
7898    // Arrows (you said they're div.tmg-nav-arrow)
7899    const arrows = Array.from(document.querySelectorAll('.tmg-nav .tmg-nav-arrow, .tmg-nav-arrow'));
7900    if (arrows.length < 2) return;
7901
7902    // Assume first is left, last is right
7903    const leftArrow  = arrows[0];
7904    const rightArrow = arrows[arrows.length - 1];
7905
7906    // Accessibility (optional but nice)
7907    leftArrow.setAttribute('role','button');
7908    rightArrow.setAttribute('role','button');
7909    leftArrow.setAttribute('tabindex','0');
7910    rightArrow.setAttribute('tabindex','0');
7911    leftArrow.setAttribute('aria-label','Scroll left');
7912    rightArrow.setAttribute('aria-label','Scroll right');
7913
7914    function canScrollLeft(){
7915      return viewport.scrollLeft > 1;
7916    }
7917
7918    function canScrollRight(){
7919      return (viewport.scrollLeft + viewport.clientWidth) < (viewport.scrollWidth - 1);
7920    }
7921
7922    function updateActive(){
7923      // left arrow active if you can scroll left
7924      leftArrow.classList.toggle('is-active', canScrollLeft());
7925
7926      // right arrow active if you can scroll right
7927      rightArrow.classList.toggle('is-active', canScrollRight());
7928    }
7929
7930    function scrollByAmount(dir){
7931      const amount = Math.round(viewport.clientWidth * 0.55); // scroll ~half viewport
7932      viewport.scrollBy({ left: dir * amount, behavior: 'smooth' });
7933    }
7934
7935    // Click handlers
7936    leftArrow.addEventListener('click', () => scrollByAmount(-1));
7937    rightArrow.addEventListener('click', () => scrollByAmount(1));
7938
7939    // Keyboard handlers (Enter / Space)
7940    function keyHandler(dir){
7941      return (e) => {
7942        if (e.key === 'Enter' || e.key === ' ') {
7943          e.preventDefault();
7944          scrollByAmount(dir);
7945        }
7946      };
7947    }
7948    leftArrow.addEventListener('keydown', keyHandler(-1));
7949    rightArrow.addEventListener('keydown', keyHandler(1));
7950
7951    // Update on scroll/resize
7952    viewport.addEventListener('scroll', updateActive, { passive:true });
7953    window.addEventListener('resize', () => {
7954      if (!isDesktop()) return;
7955      updateActive();
7956    });
7957
7958    // Initial update (also after fonts/layout settle)
7959    updateActive();
7960    requestAnimationFrame(updateActive);
7961    setTimeout(updateActive, 250);
7962  }
7963
7964  // Run when DOM is ready
7965  if (document.readyState === 'loading'){
7966    document.addEventListener('DOMContentLoaded', setupNavArrows);
7967  } else {
7968    setupNavArrows();
7969  }
7970})();
7971</script>
7971
7972
7973
7974
7975<script>
7976document.addEventListener('DOMContentLoaded', function(){
7977  const mq = window.matchMedia('(max-width: 990px)');
7978  const pop = document.getElementById('tmgMobileDD');
7979  if (!pop) return;
7980
7981  let activeBtn = null;
7982
7983  function closePop(){
7984    activeBtn = null;
7985    pop.classList.remove('is-open');
7986    pop.setAttribute('aria-hidden','true');
7987    pop.innerHTML = '';
7988  }
7989
7990  let lastScrollY = window.scrollY;
7991
7992function handleScroll() {
7993  // Only on mobile + only if popup is open
7994  if (!mq.matches) return;
7995  if (!pop.classList.contains('is-open')) return;
7996
7997  closePop();
7998}
7999
8000window.addEventListener('scroll', handleScroll, { passive: true });
8001
8002
8003  function openFrom(dd){
8004    const btn   = dd.querySelector('[data-dd-toggle]');
8005    const panel = dd.querySelector('[data-dd-panel]');
8006    if (!btn || !panel) return;
8007
8008    const links = panel.querySelectorAll('a');
8009    if (!links.length) return;
8010
8011    // Build popover HTML
8012    let html = '';
8013    links.forEach(a => {
8014      const href = a.getAttribute('href') || '#';
8015      const text = (a.textContent || '').trim();
8016      if (text) html += '<a href="'+href+'">'+text.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'</a>';
8017    });
8018    pop.innerHTML = html;
8019
8020    // Position below button
8021    const r = btn.getBoundingClientRect();
8022    const gap = -10;
8023    let top  = r.bottom + gap;
8024    let left = r.left;
8025
8026    pop.style.top = '0px';
8027    pop.style.left = '0px';
8028    pop.classList.add('is-open');
8029    pop.setAttribute('aria-hidden','false');
8030
8031    // After open, clamp to viewport
8032    const w = pop.offsetWidth || 260;
8033    const h = pop.offsetHeight || 200;
8034    const pad = 10;
8035
8036    if (left + w > window.innerWidth - pad) left = Math.max(pad, window.innerWidth - w - pad);
8037    if (top + h > window.innerHeight - pad) top = Math.max(pad, r.top - h - gap);
8038
8039    pop.style.left = Math.round(left) + 'px';
8040    pop.style.top  = Math.round(top) + 'px';
8041
8042    activeBtn = btn;
8043  }
8044
8045  // Bind each dropdown toggle
8046  document.querySelectorAll('.tmg-nav-item--dropdown[data-dd]').forEach(dd => {
8047    const btn = dd.querySelector('[data-dd-toggle]');
8048    if (!btn) return;
8049
8050    btn.addEventListener('click', function(e){
8051      if (!mq.matches) return;
8052      e.preventDefault();
8053      e.stopPropagation();
8054
8055      // toggle
8056      const wasOpen = pop.classList.contains('is-open') && activeBtn === btn;
8057      closePop();
8058      if (!wasOpen) openFrom(dd);
8059    });
8060  });
8061
8062  // Keep clicks inside popover from closing it
8063  pop.addEventListener('click', function(e){ e.stopPropagation(); });
8064
8065  // Close on outside click / escape / resize / scroll
8066  document.addEventListener('click', function(){ if (mq.matches) closePop(); });
8067  document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closePop(); });
8068
8069  window.addEventListener('resize', function(){
8070    if (!mq.matches) return closePop();
8071    // if open, re-position using activeBtn
8072    if (activeBtn){
8073      const dd = activeBtn.closest('.tmg-nav-item--dropdown[data-dd]');
8074      if (dd) openFrom(dd);
8075    }
8076  });
8077
8078  // IMPORTANT: do NOT close on every scroll event (it kills mobile taps)
8079  // If you really want it, debounce it, but I'd remove it for mobile quicknav.
8080});
8081</script>
vendor: 1 bytes, line 8081
8081
8082<script>
8083document.addEventListener('DOMContentLoaded', function () {
8084
8085  const desktopFloat = document.getElementById('tmgFloatDropdown');
8086  const mobileFloat  = document.getElementById('tmgMobileDD');
8087
8088  let ticking = false;
8089
8090  function closeDropdownsOnScroll(){
8091    // Desktop floating dropdown
8092    if (desktopFloat && desktopFloat.classList.contains('is-open')){
8093      desktopFloat.classList.remove('is-open');
8094      desktopFloat.setAttribute('aria-hidden', 'true');
8095      desktopFloat.innerHTML = '';
8096    }
8097
8098    // Mobile dropdown
8099    if (mobileFloat && mobileFloat.classList.contains('is-open')){
8100      mobileFloat.classList.remove('is-open');
8101      mobileFloat.setAttribute('aria-hidden', 'true');
8102      mobileFloat.innerHTML = '';
8103    }
8104  }
8105});
8106
8107</script>
8107
8108
8109<style>
8110  /* ===============================
8111   TABLET POLISH (750px–990px)
8112   Put this at the VERY END
8113================================ */
8114
8115@media (min-width: 750px) and (max-width: 990px){
8116
8117  /* a little more breathing room on tablet */
8118  .tmg-header__container{
8119    padding: 6px 18px !important;
8120  }
8121
8122  /* ---------- Utility bar (show right links on tablet) ---------- */
8123  .tmg-utility__inner{
8124    justify-content: space-between !important;
8125    gap: 14px !important;
8126    min-height: 30px !important;
8127    padding-right: 0 !important;
8128  }
8129
8130  /* you hide these on mobile ≤990; tablet should show them */
8131  .tmg-utility__right{
8132    display: flex !important;
8133    gap: 14px !important;
8134  }
8135
8136  .tmg-utility__center{
8137    max-width: calc(100% - 460px) !important; /* room for links */
8138    font-size: 12px !important;
8139    font-weight: 600 !important;
8140    white-space: nowrap !important;
8141  }
8142
8143  .tmg-utility__link{
8144    font-size: 11px !important;
8145    font-weight: 600 !important;
8146    padding-left: 18px !important;
8147  }
8148
8149  .tmg-utility__link::before{
8150    width: 12px !important;
8151    height: 12px !important;
8152  }
8153
8154  /* status dot alignment */
8155  .tmg-utility__center{
8156    padding-left: 14px !important;
8157  }
8158  .tmg-utility__center::before{
8159    top: 50% !important;
8160  }
8161
8162  /* ---------- Main header row (logo + search + icons) ---------- */
8163  .tmg-main__inner{
8164    padding: 8px 0 !important;
8165  }
8166
8167  .site-logo-image{
8168    max-height: 38px !important;
8169  }
8170
8171  /* search slightly larger on tablet */
8172  .tmg-search .live-search,
8173  .tmg-search .form-field{
8174    height: 38px !important;
8175  }
8176
8177  .tmg-search input[type="search"],
8178  .tmg-search input[type="text"],
8179  .tmg-search .form-field-input{
8180    height: 38px !important;
8181    line-height: 38px !important;
8182    font-size: 14px !important;
8183    padding: 0 44px 0 14px !important;
8184  }
8185
8186  .tmg-main__center .tmg-search button,
8187  .tmg-main__center .tmg-search .live-search-button,
8188  .tmg-main__center .tmg-search .form-field-button{
8189    width: 30px !important;
8190    height: 30px !important;
8191    right: 8px !important;
8192  }
8193
8194  /* right-side icons nicer size for tablet */
8195  .tmg-main__right{
8196    gap: 8px !important;
8197  }
8198
8199  .tmg-mob-top-icon{
8200    width: 36px !important;
8201    height: 36px !important;
8202    border-radius: 12px !important;
8203  }
8204
8205  .tmg-mob-top-icon svg{
8206    width: 22px !important;
8207    height: 22px !important;
8208  }
8209
8210  /* ---------- Tablet quicknav row ---------- */
8211  .tmg-mobile-quicknav{
8212    height: 46px !important;
8213    padding: 0 14px !important;
8214  }
8215
8216  .tmg-mobile-quicknav .tmg-nav-scroll__list{
8217    gap: 20px !important;
8218  }
8219
8220  .tmg-mobile-quicknav .tmg-nav-link{
8221    font-size: 15px !important;
8222  }
8223
8224  /* if you ever want arrows on tablet only, uncomment:
8225  .tmg-mobile-nav-arrow{ display:flex !important; }
8226  */
8227}
8228
8229/* OPTIONAL: make your fixed mobile dropdown match your black theme on tablet */
8230@media (min-width: 750px) and (max-width: 990px){
8231  .tmg-mobile-dd{
8232    background:#000 !important;
8233    border:1px solid rgba(255,255,255,.18) !important;
8234    box-shadow:0 14px 34px rgba(0,0,0,.55) !important;
8235  }
8236  .tmg-mobile-dd a{
8237    color:#fff !important;
8238  }
8239  .tmg-mobile-dd a:hover{
8240    background: rgba(255,255,255,.08) !important;
8241  }
8242}
8243
8244
8245
8246</style><style> #shopify-section-sections--21102509555936__header_old_tmg_LYcthW .header-top-bar__link {color: #ff671b;} #shopify-section-sections--21102509555936__header_old_tmg_LYcthW .header-top-bar__link {background: black;} #shopify-section-sections--21102509555936__header_old_tmg_LYcthW .header-top-bar__container {padding-left: 0px; padding-right: 0px;} </style></div><div id="shopify-section-sections--21102509555936__17725833008f6b1860" class="shopify-section shopify-section-group-header-group">
8247
8248</div><div id="shopify-section-sections--21102509555936__1772224531d63da5c1" class="shopify-section shopify-section-group-header-group">
8249
8250</div><section id="shopify-section-sections--21102509555936__177636568067a4a86b" class="shopify-section shopify-section-group-header-group section"><div class="page-width scroll-trigger animate--slide-in"><div id="shopify-block-ANWM2aUwzbnNMWHFYM__zeno_ai_search_bar_app_block_e9P9tm" class="shopify-block shopify-app-block section-semantic-header"><style data-shopify>
8251  /* Scope variables to this section to override theme defaults */
8252  #shopify-section-sections--21102509555936__177636568067a4a86b {
8253    --semantic-bg: ;
8254    --semantic-text: ;
8255
8256    /* MODIFIED: Set Input Background to Transparent */
8257    --semantic-input-bg: transparent;
8258
8259    /* --semantic-border: ; */
8260    --semantic-accent: ;
8261  }
8262
8263  /* Force wrapper to use these colors */
8264  #shopify-section-sections--21102509555936__177636568067a4a86b .semantic-section-wrapper {
8265    /* background-color: var(--semantic-bg) !important; */ /* Allow transparent/inherited */
8266    /* color: var(--semantic-text) !important; */
8267    width: 100%; /* Take available space */
8268  }
8269
8270  #shopify-section-sections--21102509555936__177636568067a4a86b .selector-trigger,
8271  #shopify-section-sections--21102509555936__177636568067a4a86b .semantic-search-icon {
8272    /* color: var(--semantic-text) !important; */
8273    color: inherit;
8274  }
8275
8276  /* Ensure placeholder text is visible on transparent background */
8277  #shopify-section-sections--21102509555936__177636568067a4a86b .search__input::placeholder {
8278    color: var(--semantic-text);
8279    opacity: 0.7;
8280  }
8281</style>
8282
8283<link href="//cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-search.css" rel="stylesheet" type="text/css" media="all" />
8284
8285
8286
8287
8288  
8288<script>
8289    (() => {
8290      document.documentElement.classList.add('semantic-collection-prehide');
8291      window.SemanticApp = window.SemanticApp || {};
8292      window.SemanticApp.__collectionPrehideFromSection = true;
8293      window.SemanticApp.__releaseCollectionPrehide = () => {
8294        document.documentElement.classList.remove('semantic-collection-prehide');
8295        window.SemanticApp.__collectionPrehideReleased = true;
8296      };
8297    })();
8298  </script>
8298
8299  <style>
8300    html.semantic-collection-prehide #main-collection-filters,
8301    html.semantic-collection-prehide .facets-wrapper,
8302    html.semantic-collection-prehide .facets-container,
8303    html.semantic-collection-prehide .collection-filters {
8304      visibility: hidden !important;
8305      opacity: 0 !important;
8306      pointer-events: none !important;
8307    }
8308
8309    html.semantic-collection-prehide #main-collection-filters > :not(#semantic-collection-filters),
8310    html.semantic-collection-prehide .facets-wrapper > :not(#semantic-collection-filters),
8311    html.semantic-collection-prehide .facets-container > :not(#semantic-collection-filters),
8312    html.semantic-collection-prehide .collection-filters > :not(#semantic-collection-filters),
8313    html.semantic-collection-prehide .facets__form,
8314    html.semantic-collection-prehide facet-filters-form,
8315    html.semantic-collection-prehide .active-facets,
8316    html.semantic-collection-prehide .mobile-facets__wrapper {
8317      display: none !important;
8318      visibility: hidden !important;
8319      opacity: 0 !important;
8320      height: 0 !important;
8321      overflow: hidden !important;
8322      pointer-events: none !important;
8323    }
8324  </style>
8325
8326
8327<div class="semantic-section-wrapper" data-section-id="sections--21102509555936__177636568067a4a86b">
8328  <div
8329    class="semantic-search-container"
8330    data-columns=""
8331    data-api-base-url=""
8332    data-shop-domain="tmg-industrial-new-zealand.myshopify.com"
8333    data-collection-handle="shop-equipment-1"
8334    data-collection-title="Shop Equipment"
8335    data-collection-id="480923123936"
8336    data-collection-admin-graphql-id=""
8337  >
8338    <div class="semantic-input-wrapper">
8339      <input
8340        type="text"
8341        class="search__input semantic-search-input"
8342        placeholder=""
8343        autocomplete="off"
8344      >
8345      <svg
8346        class="semantic-search-icon"
8347        role="button"
8348        tabindex="0"
8349        aria-label="Search"
8350        xmlns="http://www.w3.org/2000/svg"
8351        viewBox="0 0 24 24"
8352        fill="none"
8353        stroke="currentColor"
8354        stroke-width="2"
8355        stroke-linecap="round"
8356        stroke-linejoin="round"
8357      >
8358        <circle cx="11" cy="11" r="8"></circle>
8359        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
8360      </svg>
8361    </div>
8362
8363    <div class="semantic-search-dropdown"></div>
8364  </div>
8365</div>
8366
8367<script>
8368  window.SemanticApp = window.SemanticApp || {};
8369  window.SemanticApp.__disableLegacyUi = true;
8370</script>
vendor: 1 bytes, line 8370
8370
8371<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-core.js" defer="defer"></script>
vendor: 1 bytes, line 8371
8371
8372<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-utils.js" defer="defer"></script>
vendor: 1 bytes, line 8372
8372
8373<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-api.js" defer="defer"></script>
vendor: 1 bytes, line 8373
8373
8374<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-ui-grid.js" defer="defer"></script>
vendor: 1 bytes, line 8374
8374
8375<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-ui-filters.js" defer="defer"></script>
vendor: 1 bytes, line 8375
8375
8376<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-ui-init.js" defer="defer"></script>
vendor: 1 bytes, line 8376
8376
8377<script src="https://cdn.shopify.com/extensions/01a06b1c-c73c-7aa1-9737-2b4a9c6bae95/ai-search-filter-799/assets/semantic-search.js" defer="defer"></script>
vendor: 1 bytes, line 8377
8377
8378<script defer="defer">
8379  window.SemanticApp = window.SemanticApp || {};
8380  window.SemanticApp.config = window.SemanticApp.config || {};
8381  if (!window.SemanticApp.config.apiBaseUrl) {
8382    window.SemanticApp.config.apiBaseUrl = "";
8383  }
8384</script>
8384
8385
8386</div>
8387</div>
8388
8389
8390</section>
8391<!-- END sections: header-group -->
8392
8393    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
8394      <div id="shopify-section-template--21102510211296__product-grid" class="shopify-section section"><link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/template-collection.css?v=58558206033505836701770958728" rel="stylesheet" type="text/css" media="all" />
8395<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-card.css?v=90577430943392715411770958728" rel="stylesheet" type="text/css" media="all" />
8396<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-price.css?v=70597045685524123971770958727" rel="stylesheet" type="text/css" media="all" />
8397
8398<style data-shopify>.section-template--21102510211296__product-grid-padding {
8399    padding-top: 12px;
8400    padding-bottom: 27px;
8401  }
8402
8403  .title-tomorrow-small {
8404    max-width: var(--page-width);
8405    margin: auto;
8406    padding: 0 5rem;
8407    font-size: 22px;
8408    font-weight: bold;
8409    padding-bottom: 51px;
8410    text-transform: uppercase;
8411  }
8412  .section-description-medium {
8413    max-width: var(--page-width);
8414    margin: auto;
8415    padding: 0 5rem;
8416    width: 80%;
8417  }
8418  .collection-desc-container-main {
8419    display: flex;
8420    max-width: var(--page-width);
8421    margin: auto;
8422    padding: 0 5rem;
8423  }
8424  .collection-description-collapsed {
8425    display: -webkit-box;
8426    -webkit-line-clamp: 4;
8427    -webkit-box-orient: vertical;
8428    overflow: hidden;
8429    position: relative;
8430    transition: max-height 0.3s ease-in-out;
8431  }
8432  .collection-description-collapsed.expanded {
8433    -webkit-line-clamp: unset;
8434    display: block;
8435    overflow: visible;
8436  }
8437  .collection-description-toggle {
8438    display: inline-block;
8439    margin-top: 10px;
8440    color: #000;
8441    text-decoration: underline;
8442    cursor: pointer;
8443    font-size: 14px;
8444  }
8445  @media screen and (min-width: 750px) {
8446    .section-template--21102510211296__product-grid-padding {
8447      padding-top: 16px;
8448      padding-bottom: 36px;
8449    }
8450  }
8451  @media screen and (max-width: 768px) {
8452    .collection-description-container {
8453      display: none;
8454    }
8455    .section-description-medium {
8456      padding: 0;
8457      margin: 0;
8458      width: 100%;
8459    }
8460    .collection-desc-container-main {
8461      padding: 0;
8462    }
8463  }
8464  .grid__item{
8465    border-style: solid;
8466border-color: rgba(255, 102, 27, 0.2);
8467    border-radius:10px;
8468    border-width: light;
8469
8470  }
8471  .select .svg-wrapper {
8472  animation: none !important;
8473  transition: none !important;
8474  transform: none !important;
8475  top:0px !important;
8476}
8477.svg-wrapper {
8478  animation: none !important;
8479  transition: none !important;
8480  transform: none !important;
8481
8482}</style><div class="section-template--21102510211296__product-grid-padding gradient color-scheme-2">
8483  <h1 class="title-tomorrow-small">Shop Equipment</h1>
8484<facet-filters-form class="facets facets-vertical-sort page-width small-hide">
8485        <form class="facets-vertical-form" id="FacetSortForm">
8486          <div class="facet-filters sorting caption">
8487            <div class="facet-filters__field">
8488              <h2 class="facet-filters__label caption-large text-body">
8489                <label for="SortBy">Sort by:</label>
8490              </h2>
8491              <div class="select"><select
8492                  name="sort_by"
8493                  class="facet-filters__sort select__select caption-large"
8494                  id="SortBy"
8495                  aria-describedby="a11y-refresh-page-message"
8496                ><option
8497                      value="manual"
8498                      
8499                    >
8500                      Featured
8501                    </option><option
8502                      value="most-relevant"
8503                      
8504                    >
8505                      Most relevant
8506                    </option><option
8507                      value="best-selling"
8508                      
8509                        selected="selected"
8510                      
8511                    >
8512                      Best selling
8513                    </option><option
8514                      value="title-ascending"
8515                      
8516                    >
8517                      Alphabetically, A-Z
8518                    </option><option
8519                      value="title-descending"
8520                      
8521                    >
8522                      Alphabetically, Z-A
8523                    </option><option
8524                      value="price-ascending"
8525                      
8526                    >
8527                      Price, low to high
8528                    </option><option
8529                      value="price-descending"
8530                      
8531                    >
8532                      Price, high to low
8533                    </option><option
8534                      value="created-ascending"
8535                      
8536                    >
8537                      Date, old to new
8538                    </option><option
8539                      value="created-descending"
8540                      
8541                    >
8542                      Date, new to old
8543                    </option></select>
8544                <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
8545</span>
8546              </div>
8547            </div>
8548          </div>
8549
8550          <div class="product-count-vertical light" role="status">
8551            <h2 class="product-count__text text-body">
8552              <span id="ProductCountDesktop">5 products
8553</span>
8554            </h2>
8555
8556<div class="loading__spinner hidden">
8557  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
8558
8559</div>
8560</div>
8561        </form>
8562      </facet-filters-form><div class=" facets-vertical page-width">
8563      <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-facets.css?v=119036684537245397451770958728" rel="stylesheet" type="text/css" media="all" />
8564      
8564<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/facets.js?v=42798985796066624181770958727" defer="defer"></script>
8564<aside
8565          aria-labelledby="verticalTitle"
8566          class="facets-wrapper"
8567          id="main-collection-filters"
8568          data-id="template--21102510211296__product-grid"
8569        >
8570          
8571
8572<style>
8573  .facets-filter-icon,
8574  .facets-sort-icon {
8575    display: inline-block;
8576    width: 20px;
8577    height: 20px;
8578    vertical-align: middle;
8579  }
8580  .facets-filter-icon svg,
8581  .facets-sort-icon svg {
8582    width: 100%;
8583    height: 100%;
8584    color: #ff661b;
8585  }
8586  .mobile-facets__open-label {
8587    color: #ff661b;
8588  }
8589</style>
8590
8591<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-show-more.css?v=139536189637226996221770958727" rel="stylesheet" type="text/css" media="all" />
8592<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-swatch-input.css?v=61683592951238328641770958727" rel="stylesheet" type="text/css" media="all" />
8593<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-swatch.css?v=6811383713633888781770958727" rel="stylesheet" type="text/css" media="all" />
8594<div class="facets-container scroll-trigger animate--fade-in"><facet-filters-form class="facets small-hide">
8595      <form
8596        id="FacetFiltersForm"
8597        class="facets__form-vertical"
8598      >
8599          
8600          <div
8601            id="FacetsWrapperDesktop"
8602            
8603          >
8604<div class="active-facets active-facets-desktop">
8605                <div class="active-facets-vertical-filter"><h2
8606                      class="facets__heading facets__heading--vertical caption-large text-body"
8607                      id="verticalTitle"
8608                      tabindex="-1"
8609                    >
8610                      Filter:
8611                    </h2><facet-remove class="active-facets__button-wrapper">
8612                    <a href="/collections/shop-equipment-1" class="active-facets__button-remove underlined-link">
8613                      <span>Remove all</span>
8614                    </a>
8615                  </facet-remove>
8616                </div>
8617
8618                    
8619                    
8620
8621</div>
8621<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/show-more.js?v=135784227224860024771770958727" defer="defer"></script>
8621
8622            
8623
8624
8625              
8626                  <details
8627                    id="Details-filter.v.availability-template--21102510211296__product-grid"
8628                    class=" facets__disclosure-vertical js-filter"
8629                    data-index="1"
8630                    
8631                      open
8632                    
8633                  >
8634                    <summary
8635                      class="facets__summary caption-large focus-offset"
8636                      aria-label="Availability (0 selected)"
8637                    >
8638                      <div>
8639                        <span class="facets__summary-label">Availability
8640<span class="facets__selected hidden">
8641                              (0)</span
8642                            ></span><span class="facets-svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
8643</span>
8644                      </div>
8645                    </summary>
8646                    <div
8647                      id="Facet-1-template--21102510211296__product-grid"
8648                      class="parent-display facets__display-vertical"
8649                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
8650                        <legend class="visually-hidden">Availability</legend><ul
8651                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
8652                          role="list"
8653                        >
8654<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-1" class="facets__label facet-checkbox
8655">
8656                                  <input
8657                                    type="checkbox"
8658                                    name="filter.v.availability"
8659                                    value="0"
8660                                    id="Filter-filter.v.availability-1"
8661                                    
8662                                    
8663                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
8664<div class="facets-svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
8665</div><span class="facet-checkbox__text" aria-hidden="true">
8666                                <span class="facet-checkbox__text-label">Out of stock</span> (5)
8667                              </span>
8668                              <span class="visually-hidden">Out of stock (5 products)
8669                              </span>
8670                                </label></li>
8671<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-2" class="facets__label facet-checkbox disabled
8672">
8673                                  <input
8674                                    type="checkbox"
8675                                    name="filter.v.availability"
8676                                    value="1"
8677                                    id="Filter-filter.v.availability-2"
8678                                    
8679                                    
8680                                      disabled
8681                                    
8682                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
8683<div class="facets-svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
8684</div><span class="facet-checkbox__text" aria-hidden="true">
8685                                <span class="facet-checkbox__text-label">In stock</span> (0)
8686                              </span>
8687                              <span class="visually-hidden">In stock (0 products)
8688                              </span>
8689                                </label></li></ul>
8690                      </fieldset>
8691                    </div>
8692                  </details>
8693                
8694
8695
8696              
8697                  <details
8698                    id="Details-filter.v.price-template--21102510211296__product-grid"
8699                    class=" facets__disclosure-vertical js-filter"
8700                    data-index="2"
8701                    
8702                  >
8703                    <summary class="facets__summary caption-large focus-offset">
8704                      <div>
8705                        <span>Price</span>
8706                        <span class="facets-svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
8707</span>
8708                      </div>
8709                    </summary>
8710                    <div
8711                      id="Facet-2-template--21102510211296__product-grid"
8712                      class="facets__display-vertical"
8713                    >
8714                      <div class="facets__header-vertical"><span class="facets__selected">The highest price is $17,999.00</span></div>
8715                      <price-range class="facets__price">
8716                        <span class="field-currency">$</span>
8717
8718<div class="field">
8719  <input
8720    class="field__input"
8721    name="filter.v.price.gte"
8722    id="Filter-Price-GTE"type="text"
8723    inputmode="decimal"
8724    placeholder="0"
8725    data-pattern="\d| |,|\."
8726    data-min="0"
8727    data-max="17,999.00"
8728  >
8729  <label class="field__label" for="Filter-Price-GTE">From</label>
8730</div><div class="field">
8731  <input
8732    class="field__input"
8733    name="filter.v.price.lte"
8734    id="Filter-Price-LTE"type="text"
8735    inputmode="decimal"
8736    placeholder="17,999.00"
8737    data-pattern="\d| |,|\."
8738    data-min="0"
8739    data-max="17,999.00"
8740  >
8741  <label class="field__label" for="Filter-Price-LTE">To</label>
8742</div>
8743
8744                      </price-range>
8745                    </div>
8746                  </details>
8747              
8748</div>
8749          
8750
8751
8752        
8753</form>
8754    </facet-filters-form>
8755<menu-drawer
8756      class="mobile-facets__wrapper medium-hide large-up-hide"
8757      data-breakpoint="mobile"
8758    >
8759      <details class="mobile-facets__disclosure disclosure-has-popup">
8760        <summary class="mobile-facets__open-wrapper focus-offset">
8761          <span class="mobile-facets__open">
8762            <span class="facets-filter-icon"><svg class="icon-filters " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">      <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8733 3.448H19.0202C19.5613 3.448 20 3.88666 20 4.42777C20 4.96888 19.5613 5.40753 19.0202 5.40753H16.8733C16.6687 6.11494 16.2488 6.73525 15.6759 7.17629C15.1031 7.61732 14.4078 7.85553 13.6935 7.85553C12.9792 7.85553 12.284 7.61732 11.7111 7.17629C11.1382 6.73525 10.7183 6.11494 10.5137 5.40753H0.979765C0.438656 5.40753 0 4.96888 0 4.42777C0 3.88666 0.438656 3.448 0.979764 3.448H10.5137C10.7183 2.74059 11.1382 2.12028 11.7111 1.67925C12.284 1.23822 12.9792 1 13.6935 1C14.4078 1 15.1031 1.23822 15.6759 1.67925C16.2488 2.12028 16.6687 2.74059 16.8733 3.448ZM9.49889 14H19.0177C19.5588 14 19.9975 14.4387 19.9975 14.9798C19.9975 15.5209 19.5588 15.9595 19.0177 15.9595H9.49889C9.29432 16.6669 8.8744 17.2873 8.30153 17.7283C7.72866 18.1693 7.03342 18.4075 6.31912 18.4075C5.60481 18.4075 4.90957 18.1693 4.3367 17.7283C3.76383 17.2873 3.34391 16.6669 3.13934 15.9595H0.979764C0.438655 15.9595 0 15.5209 0 14.9798C0 14.4387 0.438655 14 0.979763 14H3.13934C3.34391 13.2926 3.76383 12.6723 4.3367 12.2312C4.90957 11.7902 5.60481 11.552 6.31912 11.552C7.03342 11.552 7.72866 11.7902 8.30153 12.2312C8.8744 12.6723 9.29432 13.2926 9.49889 14ZM6.31912 16.776C5.85823 16.776 5.41623 16.5868 5.09034 16.2499C4.76444 15.913 4.58136 15.4562 4.58136 14.9798C4.58136 14.5034 4.76444 14.0465 5.09034 13.7096C5.41623 13.3728 5.85823 13.1835 6.31912 13.1835C6.78 13.1835 7.222 13.3728 7.5479 13.7096C
87627.87379 14.0465 8.05687 14.5034 8.05687 14.9798C8.05687 15.4562 7.87379 15.913 7.5479 16.2499C7.222 16.5868 6.78 16.776 6.31912 16.776ZM13.6935 6.224C13.2326 6.224 12.7906 6.03476 12.4647 5.6979C12.1389 5.36104 11.9558 4.90416 11.9558 4.42777C11.9558 3.95138 12.1389 3.4945 12.4647 3.15764C12.7906 2.82078 13.2326 2.63153 13.6935 2.63153C14.1544 2.63153 14.5964 2.82078 14.9223 3.15764C15.2482 3.4945 15.4313 3.95138 15.4313 4.42777C15.4313 4.90416 15.2482 5.36104 14.9223 5.6979C14.5964 6.03476 14.1544 6.224 13.6935 6.224Z" fill="currentColor"></path>    </svg></span>
8763            <span class="mobile-facets__open-label button-label medium-hide large-up-hide">
8764              Filter
8765            </span>
8766            <span class="mobile-facets__open-label button-label small-hide">
8767              Filter
8768            </span>
8769          </span>
8770          <span tabindex="0" class="mobile-facets__close">
8771            <span class="facets-svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
8772</span>
8773          </span>
8774        </summary>
8775        <facet-filters-form>
8776          <form id="FacetFiltersFormMobile" class="mobile-facets">
8777            <div class="mobile-facets__inner gradient">
8778              <div class="mobile-facets__header">
8779                <div class="mobile-facets__header-inner">
8780                  <h2 class="mobile-facets__heading medium-hide large-up-hide">
8781                    Filter
8782                  </h2>
8783                  <h2 class="mobile-facets__heading small-hide">
8784                    Filter
8785                  </h2>
8786                  <p class="mobile-facets__count">5 products
8787</p>
8788                </div>
8789              </div>
8790              <div
8791                id="FacetsWrapperMobile"
8792                class="mobile-facets__main has-submenu gradient"
8793              >
8794
8795                  
8796                      <details
8797                        id="Details-Mobile-filter.v.availability-template--21102510211296__product-grid"
8798                        class="mobile-facets__details js-filter"
8799                        data-index="mobile-1"
8800                      >
8801                        <summary class="mobile-facets__summary focus-inset">
8802                          <div>
8803                            <span>Availability</span>
8804                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
8804ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
8805</span>
8806                          </div>
8807                        </summary>
8808                        <div
8809                          id="FacetMobile-1-template--21102510211296__product-grid"
8810                          class="mobile-facets__submenu gradient"
8811                        >
8812                          <button
8813                            class="mobile-facets__close-button link link--text focus-inset"
8814                            aria-expanded="true"
8815                            type="button"
8816                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
8817<span>Availability</span></button>
8818                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
8819<li class="mobile-facets__item list-menu__item">
8820                                
8821                                  <label for="Filter-filter.v.availability-mobile-1" class="facets__label mobile-facets__label
8822">
8823                                    <input
8824                                      class="mobile-facets__checkbox"
8825                                      type="checkbox"
8826                                      name="filter.v.availability"
8827                                      value="0"
8828                                      id="Filter-filter.v.availability-mobile-1"
8829                                      
8830                                      
8831                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
8832<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
8833
8834
8835                                    <span class="facet-checkbox__text" aria-hidden="true">
8836                                  <span class="facet-checkbox__text-label">Out of stock</span> (5)
8837                                </span>
8838                                <span class="visually-hidden">Out of stock (5 products)
8839                                </span>
8840                                  </label>
8841                                
8842                              </li>
8843<li class="mobile-facets__item list-menu__item">
8844                                
8845                                  <label for="Filter-filter.v.availability-mobile-2" class="facets__label mobile-facets__label disabled
8846">
8847                                    <input
8848                                      class="mobile-facets__checkbox"
8849                                      type="checkbox"
8850                                      name="filter.v.availability"
8851                                      value="1"
8852                                      id="Filter-filter.v.availability-mobile-2"
8853                                      
8854                                      
8855                                        disabled
8856                                      
8857                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
8858<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
8859
8860
8861                                    <span class="facet-checkbox__text" aria-hidden="true">
8862                                  <span class="facet-checkbox__text-label">In stock</span> (0)
8863                                </span>
8864                                <span class="visually-hidden">In stock (0 products)
8865                                </span>
8866                                  </label>
8867                                
8868                              </li></ul>
8869
8870                          <div class="mobile-facets__footer gradient">
8871                            <facet-remove class="mobile-facets__clear-wrapper">
8872                              <a href="/collections/shop-equipment-1" class="mobile-facets__clear underlined-link">Clear</a>
8873                            </facet-remove>
8874                            <button
8875                              type="button"
8876                              class="button button--primary"
8877                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
8878                            >
8879                              Apply
8880                            </button>
8881                          </div>
8882                        </div>
8883                      </details>
8884                    
8885
8886
8887                  
8888                      <details
8889                        id="Details-Mobile-filter.v.price-template--21102510211296__product-grid"
8890                        class="mobile-facets__details js-filter"
8891                        data-index="mobile-2"
8892                      >
8893                        <summary class="mobile-facets__summary focus-inset">
8894                          <div>
8895                            <span>Price</span>
8896                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
8896ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
8897</span>
8898                          </div>
8899                        </summary>
8900                        <div
8901                          id="FacetMobile-2-template--21102510211296__product-grid"
8902                          class="mobile-facets__submenu gradient"
8903                        >
8904                          <button
8905                            class="mobile-facets__close-button link link--text focus-inset"
8906                            aria-expanded="true"
8907                            type="button"
8908                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
8909Price
8910                          </button><p class="mobile-facets__info">
8911                            The highest price is $17,999.00
8912                          </p>
8913
8914                          <price-range class="facets__price">
8915                            <span class="field-currency">$</span>
8916
8917<div class="field">
8918  <input
8919    class="field__input"
8920    name="filter.v.price.gte"
8921    id="Mobile-Filter-Price-GTE"type="text"
8922    inputmode="decimal"
8923    placeholder="0"
8924    data-pattern="\d| |,|\."
8925    data-min="0"
8926    data-max="17,999.00"
8927  >
8928  <label class="field__label" for="Mobile-Filter-Price-GTE">From</label>
8929</div><span class="field-currency">$</span><div class="field">
8930  <input
8931    class="field__input"
8932    name="filter.v.price.lte"
8933    id="Mobile-Filter-Price-LTE"type="text"
8934    inputmode="decimal"
8935    placeholder="17,999.00"
8936    data-pattern="\d| |,|\."
8937    data-min="0"
8938    data-max="17,999.00"
8939  >
8940  <label class="field__label" for="Mobile-Filter-Price-LTE">To</label>
8941</div>
8942
8943                          </price-range>
8944                          <div class="mobile-facets__footer">
8945                            <facet-remove class="mobile-facets__clear-wrapper">
8946                              <a href="/collections/shop-equipment-1" class="mobile-facets__clear underlined-link">Clear</a>
8947                            </facet-remove>
8948                            <button
8949                              type="button"
8950                              class="button button--primary"
8951                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
8952                            >
8953                              Apply
8954                            </button>
8955                          </div>
8956                        </div>
8957                      </details>
8958                  
8959</div>
8960            </div>
8961          </form>
8962        </facet-filters-form>
8963      </details>
8964    </menu-drawer><menu-drawer
8965      class="mobile-facets__wrapper medium-hide large-up-hide"
8966      data-breakpoint="mobile"
8967    >
8968      <details class="mobile-facets__disclosure disclosure-has-popup">
8969        <summary class="mobile-facets__open-wrapper focus-offset">
8970          <span class="mobile-facets__open">
8971            <span class="facets-sort-icon"><svg class="icon-sort " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 14.7071L5.20711 18.2071C4.81658 18.5976 4.18342 18.5976 3.79289 18.2071L0.292893 14.7071C-0.0976311 14.3166 -0.0976311 13.6834 0.292893 13.2929C0.683417 12.9024 1.31658 12.9024 1.70711 13.2929L3.5 15.0858V3C3.5 2.44771 3.94772 2 4.5 2C5.05228 2 5.5 2.44771 5.5 3V15.0858L7.2929 13.2929C7.68342 12.9024 8.31658 12.9024 8.70711 13.2929C9.09763 13.6834 9.09763 14.3166 8.70711 14.7071ZM16.2071 2.29289C15.8166 1.90237 15.1834 1.90237 14.7929 2.29289L11.2929 5.79289C10.9024 6.18342 10.9024 6.81658 11.2929 7.20711C11.6834 7.59763 12.3166 7.59763 12.7071 7.20711L14.5 5.41421V17.5C14.5 18.0523 14.9477 18.5 15.5 18.5C16.0523 18.5 16.5 18.0523 16.5 17.5V5.41421L18.2929 7.20711C18.6834 7.59763 19.3166 7.59763 19.7071 7.20711C20.0976 6.81658 20.0976 6.18342 19.7071 5.79289L16.2071 2.29289Z" fill="currentColor"></path>    </svg></span>
8972            <span class="mobile-facets__open-label button-label medium-hide large-up-hide">
8973              Sort
8974            </span>
8975            <span class="mobile-facets__open-label button-label small-hide">
8976              Sort
8977            </span>
8978          </span>
8979          <span tabindex="0" class="mobile-facets__close">
8980            <span class="facets-svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
8981</span>
8982          </span>
8983        </summary>
8984        <facet-filters-form>
8985          <form id="FacetSortFormMobile" class="mobile-facets">
8986            <div class="mobile-facets__inner gradient">
8987              <div class="mobile-facets__header">
8988                <div class="mobile-facets__header-inner">
8989                  <h2 class="mobile-facets__heading medium-hide large-up-hide">
8990                    Sort
8991                  </h2>
8992                  <h2 class="mobile-facets__heading small-hide">
8993                    Sort
8994                  </h2>
8995                </div>
8996              </div>
8997              <div class="mobile-facets__main has-submenu gradient">
8998                <div class="mobile-facets__details js-filter">
8999                  <div class="mobile-facets__summary">
9000                    <div class="mobile-facets__sort">
9001                      <label for="SortBy-mobile">Sort by:</label>
9002                      <div class="select">
9003                        <select
9004                          name="sort_by"
9005                          class="select__select"
9006                          id="SortBy-mobile"
9007                          aria-describedby="a11y-refresh-page-message"
9008                        ><option
9009                              value="manual"
9010                              
9011                            >
9012                              Featured
9013                            </option><option
9014                              value="most-relevant"
9015                              
9016                            >
9017                              Most relevant
9018                            </option><option
9019                              value="best-selling"
9020                              
9021                                selected="selected"
9022                              
9023                            >
9024                              Best selling
9025                            </option><option
9026                              value="title-ascending"
9027                              
9028                            >
9029                              Alphabetically, A-Z
9030                            </option><option
9031                              value="title-descending"
9032                              
9033                            >
9034                              Alphabetically, Z-A
9035                            </option><option
9036                              value="price-ascending"
9037                              
9038                            >
9039                              Price, low to high
9040                            </option><option
9041                              value="price-descending"
9042                              
9043                            >
9044                              Price, high to low
9045                            </option><option
9046                              value="created-ascending"
9047                              
9048                            >
9049                              Date, old to new
9050                            </option><option
9051                              value="created-descending"
9052                              
9053                            >
9054                              Date, new to old
9055                            </option></select>
9056                        <span class="facets-svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
9057</span>
9058                      </div>
9059                    </div>
9060                  </div>
9061                </div>
9062              </div>
9063            </div>
9064          </form>
9065        </facet-filters-form>
9066      </details>
9067    </menu-drawer><div class="active-facets active-facets-mobile medium-hide large-up-hide">
9068        
9069<facet-remove class="active-facets__button-wrapper">
9070      <a href="/collections/shop-equipment-1" class="active-facets__button-remove underlined-link">
9071        <span>Remove all</span>
9072      </a>
9073    </facet-remove>
9074  </div>
9075  
9076<div
9077    class="product-count light medium-hide large-up-hide"
9078    role="status"
9079  >
9080    <h2 class="product-count__text text-body">
9081      <span id="ProductCount">5 products
9082</span>
9083    </h2>
9084
9085<div class="loading__spinner hidden">
9086  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
9087
9088</div>
9089</div></div>
9090
9091        </aside><div
9092        class="product-grid-container scroll-trigger animate--slide-in"
9093        id="ProductGridContainer"
9094        
9095          data-cascade
9096        
9097      ><div
9098            class="collection"
9099          >
9100            <div class="loading-overlay gradient"></div>
9101            <ul
9102               style="background-color:white;"
9103              id="product-grid"
9104              data-id="template--21102510211296__product-grid"
9105              class="
9106                grid product-grid grid--2-col-tablet-down
9107                grid--3-col-desktop
9108                
9109              "
9110
9111              data-globo-filter-items data-settingscustom='{"card_color_scheme": "scheme-1", "sold_out_badge_color_scheme": "scheme-3"}'data-section-id="template--21102510211296__product-grid" data-sectionId="template--21102510211296__product-grid" data-settings='{"toppx":"450","mobtoppx":"535","products_per_page":20,"columns_desktop":3,"color_scheme":{"error":"json not allowed for this object"},"image_ratio":"adapt","image_shape":"default","show_secondary_image":false,"show_vendor":false,"show_rating":false,"quick_add":"none","enable_filtering":true,"filter_type":"vertical","enable_sorting":true,"columns_mobile":"2","padding_top":16,"padding_bottom":36}'
9112            >
9113              
9114
9115<li
9116                  class="grid__item scroll-trigger animate--slide-in"
9117                  
9118                    data-cascade
9119                    style="--animation-order: 1;"
9120                  
9121                >
9122                  
9123<link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-rating.css?v=179577762467860590411770958727" rel="stylesheet" type="text/css" media="all" />
9124  <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-volume-pricing.css?v=111870094811454961941770958727" rel="stylesheet" type="text/css" media="all" />
9125  <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/component-price.css?v=70597045685524123971770958727" rel="stylesheet" type="text/css" media="all" />
9126  <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/quick-order-list.css?v=129932180309343703061770958727" rel="stylesheet" type="text/css" media="all" />
9127  <link href="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/quantity-popover.css?v=129068967981937647381770958727" rel="stylesheet" type="text/css" media="all" />
9128<style data-shopify>
9129  .card_title_text {
9130  display: -webkit-box !important;
9131  -webkit-line-clamp: 2 !important; /* Limits the text to 2 lines */ 
9132  -webkit-box-orient: vertical !important;
9133  overflow: hidden !important;
9134  text-overflow: ellipsis !important;
9135  white-space: normal !important; /* Ensures text wraps to the next line */
9136}
9137   .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9138      top: 450px !important;
9139    }
9140    .pto{
9141      padding-top:80px;
9142    }
9143    @media only screen and (max-width: 768px) {
9144      .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9145      top: 535px !important;
9146    }
9147      .pto{
9148        padding-top:120px;
9149      }
9150  }
9151  
9152  .card__media {
9153  width: 100% !important;
9154      background-color:white !important;
9155      color:white !important;
9156
9157
9158}
9159  .card--media{
9160          background-color:white !important;
9161
9162  }
9163
9164.card__content{
9165  background-color:white !important;
9166  color:white !important;
9167}
9168.media img {
9169  width: 100% !important;
9170  height: auto;
9171  object-fit: cover; /* or 'contain' if you prefer */
9172  display: block;
9173}
9174  .price--on-sale .price_sale_current {
9175    display: flex;
9176    align-items: center;
9177    gap: 10px;
9178  }
9179  .price_current {
9180    color: red;
9181    font-weight: bold;
9182    font-size:1.5vw;
9183  }
9184  .price__compare {
9185    color: grey;
9186    font-size:0.8vw;
9187    text-decoration: line-through;
9188  }
9189  .card__media {
9190    position: relative;
9191  }
9192  .price-tags {
9193    position: absolute;
9194    top: 5px;
9195    right: 0px;
9196    display: flex;
9197    flex-direction: column;
9198    gap: 2px;
9199    z-index: 1;
9200  }
9201  .discount-tag, .shipping-tag {
9202    position: relative;
9203    display: inline-block;
9204    padding: 2px 8px 2px 15px;
9205    color: white;
9206    font-size: 8px;
9207    font-weight: bold;
9208    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%);
9209  }
9210  .discount-tag {
9211    background-color: #ff661b;
9212  }
9213  .shipping-tag {
9214    background-color: green;
9215  }
9216  .discount-tag::before, .shipping-tag::before {
9217    content: '';
9218    position: absolute;
9219    left: 4px;
9220    top: 50%;
9221    transform: translateY(-50%);
9222    width: 4px;
9223    height: 4px;
9224    background: white;
9225    border-radius: 50%;
9226  }
9227  /* Responsive Styles */
9228  @media only screen and (max-width: 768px) {
9229    .discount-tag {
9230      padding: 2px 6px;
9231      font-size: 7px;
9232    }
9233    .price_current{
9234      font-size:5vw !important;
9235    }
9236    .price__compare{
9237      font-size:2vw !important;
9238    }
9239
9240    .bss_pl_img .bss-pl-bottom-center,
9241    .bss_pl_img .bss-pl-bottom-left,
9242    .bss_pl_img .bss-pl-bottom-right {
9243      top: 535px !important;
9244    }
9245    .pto {
9246      padding-top: 120px;
9247    }
9248
9249  }
9250   @media screen and (max-width: 480px) {
9251        .price-tags {
9252          top: 5px;
9253          right: 0px;
9254          gap: 3px;
9255        }
9256        
9257        .discount-tag,
9258        .shipping-tag {
9259          padding: 3px 2px 3px 15px;
9260        }
9261      }
9262sc-add-to-compare::part(checkbox-label) {
9263  color: black;
9264}
9265
9266
9267</style>
9268<div class="card-wrapper product-card-wrapper underline-links-hover">
9269    <div
9270      class="
9271        card card--card
9272         card--media
9273         color-scheme-1 gradient
9274        
9275        
9276        
9277        
9278      "
9279      style="--ratio-percent: 100.0%;"
9280    >
9281      <div
9282        class="card__inner  ratio"
9283        style="--ratio-percent: 100.0%;"
9284      ><div class="card__media">
9285            <div class="media media--transparent media--hover-effect">
9286              
9287              <img
9288                srcset="//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=165 165w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=360 360w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=533 533w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=720 720w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=940 940w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=1066 1066w,//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360 3988w
9289                "
9290                src="//www.tmgindustrial.co.nz/cdn/shop/files/150-Ton-Capacity-Hydraulic-Shop-Press-Heavy-Duty-Pressing-Protective-Grid-Guard-Fully-Welded-H-Frame-TMG-SP150.jpg?v=1765562360&width=533"
9291                sizes="(min-width: 1400px) 317px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
9292                alt="150 Ton Capacity Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150"
9293                class="motion-reduce"
9294                
9295                width="3988"
9296                height="3988"
9297              >
9298              
9299</div><span class="out-of-stock-badge">
9300      Pre order
9301    </span></div>
9302
9303      </div>
9304
9305      <div class="card__content">
9306        <div class="card__information">
9307          <h3
9308            class="card__heading h5 card_title_text"
9309            
9310              id="title-template--21102510211296__product-grid-9096606351584"
9311            
9312          >
9313            <a
9314              href="/products/150-ton-electric-hydraulic-shop-press"
9315              id="CardLink-template--21102510211296__product-grid-9096606351584"
9316              class="full-unstyled-link"
9317              aria-labelledby="CardLink-template--21102510211296__product-grid-9096606351584 Badge-template--21102510211296__product-grid-9096606351584"
9318            >
9319              150 Ton Capacity Electric Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150
9320            </a>
9321          </h3>
9322          <h4
9323            
9324            class="sku"
9325          >
9326            TMG-SP150
9327          </h4>
9328
9329          <div class="card-information">
9330
9331            <span class="caption-large light"></span>
9332
9333            <div
9334              class="stamped-product-reviews-badge"
9335              data-id="9096606351584"
9336              data-product-sku="TMG-SP150">
9337            </div>
9338
9339            
9340
9341            
9342
9343            <div class="price ">
9344              
9345              <div class="price_sale_current"><span class="price__compare"></span>
9346                  <span class="price_current"  style="color:black">
9347                    $17,999.00
9348                  </span></div>
9349            </div>
9350
9351            <div style="display: flex; justify-content: space-between; align-items: center; gap: 5px;">
9352  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9353    <figure style="margin: 0;">
9354      
9355        <img src="https://cdn.shopify.com/s/files/1/0925/9050/6303/files/blank.png?v=1746571264"
9356             alt="Metal Shed"
9357             style="width: 100%; height: 100%; object-fit: contain;">
9358      
9359    </figure>
9360  </div>
9361  
9362  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9363    <figure style="margin: 0;">
9364      
9365        <img src="https://cdn.shopify.com/s/files/1/0925/9050/6303/files/blank.png?v=1746571264"
9366             alt="Metal Shed"
9367             style="width: 100%; height: 100%; object-fit: contain;">
9368      
9369    </figure>
9370  </div>
9371  
9372  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9373    <figure style="margin: 0;">
9374      
9375        <img src="https://cdn.shopify.com/s/files/1/0925/9050/6303/files/blank.png?v=1746571264"
9376             alt="Metal Shed"
9377             style="width: 100%; height: 100%; object-fit: contain;">
9378      
9379    </figure>
9380  </div>
9381</div></div>
9382        </div>
9383
9384        
9385
9386        
9387        <div class="card__badge bottom left"><span
9388              id="Badge-template--21102510211296__product-grid-9096606351584"
9389              class="badge badge--bottom-left color-scheme-3"
9390            >Pre order</span></div>
9391      </div>
9392    </div>
9393  </div><style>
9394  /* Out of stock label */
9395.out-of-stock-badge {
9396  position: absolute;
9397  top: 8px;
9398  left: 8px;
9399  padding: 4px 8px;
9400  font-size: 11px;
9401  font-weight: 600;
9402  text-transform: uppercase;
9403  background: #1b1717;
9404  color: #ffffff;
9405  border-radius: 999px;
9406  z-index: 99;
9407  letter-spacing: 0.04em;
9408}
9409
9410/* Make sure card__media is positioned for the badge */
9411.card__media {
9412  position: relative;
9413}
9414</style>
9415
9416
9417
9418
9419
9420                </li>
9421<li
9422                  class="grid__item scroll-trigger animate--slide-in"
9423                  
9424                    data-cascade
9425                    style="--animation-order: 2;"
9426                  
9427                >
9428                  
9429<style data-shopify>
9430  .card_title_text {
9431  display: -webkit-box !important;
9432  -webkit-line-clamp: 2 !important; /* Limits the text to 2 lines */ 
9433  -webkit-box-orient: vertical !important;
9434  overflow: hidden !important;
9435  text-overflow: ellipsis !important;
9436  white-space: normal !important; /* Ensures text wraps to the next line */
9437}
9438   .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9439      top: 450px !important;
9440    }
9441    .pto{
9442      padding-top:80px;
9443    }
9444    @media only screen and (max-width: 768px) {
9445      .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9446      top: 535px !important;
9447    }
9448      .pto{
9449        padding-top:120px;
9450      }
9451  }
9452  
9453  .card__media {
9454  width: 100% !important;
9455      background-color:white !important;
9456      color:white !important;
9457
9458
9459}
9460  .card--media{
9461          background-color:white !important;
9462
9463  }
9464
9465.card__content{
9466  background-color:white !important;
9467  color:white !important;
9468}
9469.media img {
9470  width: 100% !important;
9471  height: auto;
9472  object-fit: cover; /* or 'contain' if you prefer */
9473  display: block;
9474}
9475  .price--on-sale .price_sale_current {
9476    display: flex;
9477    align-items: center;
9478    gap: 10px;
9479  }
9480  .price_current {
9481    color: red;
9482    font-weight: bold;
9483    font-size:1.5vw;
9484  }
9485  .price__compare {
9486    color: grey;
9487    font-size:0.8vw;
9488    text-decoration: line-through;
9489  }
9490  .card__media {
9491    position: relative;
9492  }
9493  .price-tags {
9494    position: absolute;
9495    top: 5px;
9496    right: 0px;
9497    display: flex;
9498    flex-direction: column;
9499    gap: 2px;
9500    z-index: 1;
9501  }
9502  .discount-tag, .shipping-tag {
9503    position: relative;
9504    display: inline-block;
9505    padding: 2px 8px 2px 15px;
9506    color: white;
9507    font-size: 8px;
9508    font-weight: bold;
9509    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%);
9510  }
9511  .discount-tag {
9512    background-color: #ff661b;
9513  }
9514  .shipping-tag {
9515    background-color: green;
9516  }
9517  .discount-tag::before, .shipping-tag::before {
9518    content: '';
9519    position: absolute;
9520    left: 4px;
9521    top: 50%;
9522    transform: translateY(-50%);
9523    width: 4px;
9524    height: 4px;
9525    background: white;
9526    border-radius: 50%;
9527  }
9528  /* Responsive Styles */
9529  @media only screen and (max-width: 768px) {
9530    .discount-tag {
9531      padding: 2px 6px;
9532      font-size: 7px;
9533    }
9534    .price_current{
9535      font-size:5vw !important;
9536    }
9537    .price__compare{
9538      font-size:2vw !important;
9539    }
9540
9541    .bss_pl_img .bss-pl-bottom-center,
9542    .bss_pl_img .bss-pl-bottom-left,
9543    .bss_pl_img .bss-pl-bottom-right {
9544      top: 535px !important;
9545    }
9546    .pto {
9547      padding-top: 120px;
9548    }
9549
9550  }
9551   @media screen and (max-width: 480px) {
9552        .price-tags {
9553          top: 5px;
9554          right: 0px;
9555          gap: 3px;
9556        }
9557        
9558        .discount-tag,
9559        .shipping-tag {
9560          padding: 3px 2px 3px 15px;
9561        }
9562      }
9563sc-add-to-compare::part(checkbox-label) {
9564  color: black;
9565}
9566
9567
9568</style>
9569<div class="card-wrapper product-card-wrapper underline-links-hover">
9570    <div
9571      class="
9572        card card--card
9573         card--media
9574         color-scheme-1 gradient
9575        
9576        
9577        
9578        
9579      "
9580      style="--ratio-percent: 100.0%;"
9581    >
9582      <div
9583        class="card__inner  ratio"
9584        style="--ratio-percent: 100.0%;"
9585      ><div class="card__media">
9586            <div class="media media--transparent media--hover-effect">
9587              
9588              <img
9589                srcset="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=165 165w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=360 360w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=533 533w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=720 720w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=940 940w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=1066 1066w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403 3988w
9590                "
9591                src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150-ShopPress01_cb52c5d6-2b15-4118-8b30-b459e63e9ffc.jpg?v=1772217403&width=533"
9592                sizes="(min-width: 1400px) 317px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
9593                alt="150 Ton Capacity Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, TMG-SP150"
9594                class="motion-reduce"
9595                
9596                width="3988"
9597                height="3988"
9598              >
9599              
9600</div><span class="out-of-stock-badge">
9601      Pre order
9602    </span></div>
9603
9604      </div>
9605
9606      <div class="card__content">
9607        <div class="card__information">
9608          <h3
9609            class="card__heading h5 card_title_text"
9610            
9611              id="title-template--21102510211296__product-grid-9094518833376"
9612            
9613          >
9614            <a
9615              href="/products/150-ton-electric-hydraulic-shop-press-tmg-sp150"
9616              id="CardLink-template--21102510211296__product-grid-9094518833376"
9617              class="full-unstyled-link"
9618              aria-labelledby="CardLink-template--21102510211296__product-grid-9094518833376 Badge-template--21102510211296__product-grid-9094518833376"
9619            >
9620              150 Ton Electric Hydraulic Shop Press, 8500 PSI Heavy Duty Pressing, TMG-SP150
9621            </a>
9622          </h3>
9623          <h4
9624            
9625            class="sku"
9626          >
9627            TMG-SP150
9628          </h4>
9629
9630          <div class="card-information">
9631
9632            <span class="caption-large light"></span>
9633
9634            <div
9635              class="stamped-product-reviews-badge"
9636              data-id="9094518833376"
9637              data-product-sku="TMG-SP150">
9638            </div>
9639
9640            
9641
9642            
9643
9644            <div class="price ">
9645              
9646              <div class="price_sale_current"><span class="price__compare"></span>
9647                  <span class="price_current"  style="color:black">
9648                    $8,799.00
9649                  </span></div>
9650            </div>
9651
9652            <div style="display: flex; justify-content: space-between; align-items: center; gap: 5px;">
9653  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9654    <figure style="margin: 0;">
9655      
9656        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150_ICON_1_c9654a25-9963-41f1-acb3-5c265b90cf3d.jpg?v=1772219965"
9657             alt="Metal Shed"
9658             style="width: 100%; height: 100%; object-fit: contain;">
9659      
9660    </figure>
9661  </div>
9662  
9663  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9664    <figure style="margin: 0;">
9665      
9666        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150_ICON_2_7d88e1e7-bb53-475f-96fb-63f5daa76e5c.jpg?v=1772219965"
9667             alt="Metal Shed"
9668             style="width: 100%; height: 100%; object-fit: contain;">
9669      
9670    </figure>
9671  </div>
9672  
9673  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9674    <figure style="margin: 0;">
9675      
9676        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP150_ICON_3_31706f0d-3a02-4533-b3fd-9eb28b97da77.jpg?v=1772219965"
9677             alt="Metal Shed"
9678             style="width: 100%; height: 100%; object-fit: contain;">
9679      
9680    </figure>
9681  </div>
9682</div></div>
9683        </div>
9684
9685        
9686
9687        
9688        <div class="card__badge bottom left"><span
9689              id="Badge-template--21102510211296__product-grid-9094518833376"
9690              class="badge badge--bottom-left color-scheme-3"
9691            >Pre order</span></div>
9692      </div>
9693    </div>
9694  </div><style>
9695  /* Out of stock label */
9696.out-of-stock-badge {
9697  position: absolute;
9698  top: 8px;
9699  left: 8px;
9700  padding: 4px 8px;
9701  font-size: 11px;
9702  font-weight: 600;
9703  text-transform: uppercase;
9704  background: #1b1717;
9705  color: #ffffff;
9706  border-radius: 999px;
9707  z-index: 99;
9708  letter-spacing: 0.04em;
9709}
9710
9711/* Make sure card__media is positioned for the badge */
9712.card__media {
9713  position: relative;
9714}
9715</style>
9716
9717
9718
9719
9720
9721                </li>
9722<li
9723                  class="grid__item scroll-trigger animate--slide-in"
9724                  
9725                    data-cascade
9726                    style="--animation-order: 3;"
9727                  
9728                >
9729                  
9730<style data-shopify>
9731  .card_title_text {
9732  display: -webkit-box !important;
9733  -webkit-line-clamp: 2 !important; /* Limits the text to 2 lines */ 
9734  -webkit-box-orient: vertical !important;
9735  overflow: hidden !important;
9736  text-overflow: ellipsis !important;
9737  white-space: normal !important; /* Ensures text wraps to the next line */
9738}
9739   .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9740      top: 450px !important;
9741    }
9742    .pto{
9743      padding-top:80px;
9744    }
9745    @media only screen and (max-width: 768px) {
9746      .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
9747      top: 535px !important;
9748    }
9749      .pto{
9750        padding-top:120px;
9751      }
9752  }
9753  
9754  .card__media {
9755  width: 100% !important;
9756      background-color:white !important;
9757      color:white !important;
9758
9759
9760}
9761  .card--media{
9762          background-color:white !important;
9763
9764  }
9765
9766.card__content{
9767  background-color:white !important;
9768  color:white !important;
9769}
9770.media img {
9771  width: 100% !important;
9772  height: auto;
9773  object-fit: cover; /* or 'contain' if you prefer */
9774  display: block;
9775}
9776  .price--on-sale .price_sale_current {
9777    display: flex;
9778    align-items: center;
9779    gap: 10px;
9780  }
9781  .price_current {
9782    color: red;
9783    font-weight: bold;
9784    font-size:1.5vw;
9785  }
9786  .price__compare {
9787    color: grey;
9788    font-size:0.8vw;
9789    text-decoration: line-through;
9790  }
9791  .card__media {
9792    position: relative;
9793  }
9794  .price-tags {
9795    position: absolute;
9796    top: 5px;
9797    right: 0px;
9798    display: flex;
9799    flex-direction: column;
9800    gap: 2px;
9801    z-index: 1;
9802  }
9803  .discount-tag, .shipping-tag {
9804    position: relative;
9805    display: inline-block;
9806    padding: 2px 8px 2px 15px;
9807    color: white;
9808    font-size: 8px;
9809    font-weight: bold;
9810    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%);
9811  }
9812  .discount-tag {
9813    background-color: #ff661b;
9814  }
9815  .shipping-tag {
9816    background-color: green;
9817  }
9818  .discount-tag::before, .shipping-tag::before {
9819    content: '';
9820    position: absolute;
9821    left: 4px;
9822    top: 50%;
9823    transform: translateY(-50%);
9824    width: 4px;
9825    height: 4px;
9826    background: white;
9827    border-radius: 50%;
9828  }
9829  /* Responsive Styles */
9830  @media only screen and (max-width: 768px) {
9831    .discount-tag {
9832      padding: 2px 6px;
9833      font-size: 7px;
9834    }
9835    .price_current{
9836      font-size:5vw !important;
9837    }
9838    .price__compare{
9839      font-size:2vw !important;
9840    }
9841
9842    .bss_pl_img .bss-pl-bottom-center,
9843    .bss_pl_img .bss-pl-bottom-left,
9844    .bss_pl_img .bss-pl-bottom-right {
9845      top: 535px !important;
9846    }
9847    .pto {
9848      padding-top: 120px;
9849    }
9850
9851  }
9852   @media screen and (max-width: 480px) {
9853        .price-tags {
9854          top: 5px;
9855          right: 0px;
9856          gap: 3px;
9857        }
9858        
9859        .discount-tag,
9860        .shipping-tag {
9861          padding: 3px 2px 3px 15px;
9862        }
9863      }
9864sc-add-to-compare::part(checkbox-label) {
9865  color: black;
9866}
9867
9868
9869</style>
9870<div class="card-wrapper product-card-wrapper underline-links-hover">
9871    <div
9872      class="
9873        card card--card
9874         card--media
9875         color-scheme-1 gradient
9876        
9877        
9878        
9879        
9880      "
9881      style="--ratio-percent: 100.0%;"
9882    >
9883      <div
9884        class="card__inner  ratio"
9885        style="--ratio-percent: 100.0%;"
9886      ><div class="card__media">
9887            <div class="media media--transparent media--hover-effect">
9888              
9889              <img
9890                srcset="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=165 165w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=360 360w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=533 533w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=720 720w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=940 940w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=1066 1066w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074 1200w
9891                "
9892                src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50-01_c98817c9-43bf-4fd1-bd56-644abf3f24f9.jpg?v=1772217074&width=533"
9893                sizes="(min-width: 1400px) 317px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
9894                alt="TMG Industrial 50 Ton Capacity Hydraulic Shop Press, Heavy Duty Pressing, Fully Welded H-Frame, Air &amp; Manual Dual Operation, TMG-SP50"
9895                class="motion-reduce"
9896                
9897                  loading="lazy"
9898                
9899                width="1200"
9900                height="1200"
9901              >
9902              
9903</div><span class="out-of-stock-badge">
9904      Pre order
9905    </span></div>
9906
9907      </div>
9908
9909      <div class="card__content">
9910        <div class="card__information">
9911          <h3
9912            class="card__heading h5 card_title_text"
9913            
9914              id="title-template--21102510211296__product-grid-9094517489888"
9915            
9916          >
9917            <a
9918              href="/products/50-ton-hydraulic-air-shop-press-with-adjustable-bed"
9919              id="CardLink-template--21102510211296__product-grid-9094517489888"
9920              class="full-unstyled-link"
9921              aria-labelledby="CardLink-template--21102510211296__product-grid-9094517489888 Badge-template--21102510211296__product-grid-9094517489888"
9922            >
9923              50 Ton Hydraulic Shop Press, Air &amp; Manual Dual Operation, TMG-SP50
9924            </a>
9925          </h3>
9926          <h4
9927            
9928            class="sku"
9929          >
9930            TMG-SP50
9931          </h4>
9932
9933          <div class="card-information">
9934
9935            <span class="caption-large light"></span>
9936
9937            <div
9938              class="stamped-product-reviews-badge"
9939              data-id="9094517489888"
9940              data-product-sku="TMG-SP50">
9941            </div>
9942
9943            
9944
9945            
9946
9947            <div class="price ">
9948              
9949              <div class="price_sale_current"><span class="price__compare"></span>
9950                  <span class="price_current"  style="color:black">
9951                    $1,399.00
9952                  </span></div>
9953            </div>
9954
9955            <div style="display: flex; justify-content: space-between; align-items: center; gap: 5px;">
9956  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9957    <figure style="margin: 0;">
9958      
9959        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50_ICON_1_f47865fc-a532-4353-bd87-1d1a8c7da107.jpg?v=1772219965"
9960             alt="Metal Shed"
9961             style="width: 100%; height: 100%; object-fit: contain;">
9962      
9963    </figure>
9964  </div>
9965  
9966  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9967    <figure style="margin: 0;">
9968      
9969        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50_ICON_2_fcb766e2-28c5-41a5-a5db-20ea0ec2089b.jpg?v=1772219965"
9970             alt="Metal Shed"
9971             style="width: 100%; height: 100%; object-fit: contain;">
9972      
9973    </figure>
9974  </div>
9975  
9976  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
9977    <figure style="margin: 0;">
9978      
9979        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP50_ICON_3_4d482793-55de
9979-4af2-9b1e-3aa20e89b6cb.jpg?v=1772219965"
9980             alt="Metal Shed"
9981             style="width: 100%; height: 100%; object-fit: contain;">
9982      
9983    </figure>
9984  </div>
9985</div></div>
9986        </div>
9987
9988        
9989
9990        
9991        <div class="card__badge bottom left"><span
9992              id="Badge-template--21102510211296__product-grid-9094517489888"
9993              class="badge badge--bottom-left color-scheme-3"
9994            >Pre order</span></div>
9995      </div>
9996    </div>
9997  </div><style>
9998  /* Out of stock label */
9999.out-of-stock-badge {
10000  position: absolute;
10001  top: 8px;
10002  left: 8px;
10003  padding: 4px 8px;
10004  font-size: 11px;
10005  font-weight: 600;
10006  text-transform: uppercase;
10007  background: #1b1717;
10008  color: #ffffff;
10009  border-radius: 999px;
10010  z-index: 99;
10011  letter-spacing: 0.04em;
10012}
10013
10014/* Make sure card__media is positioned for the badge */
10015.card__media {
10016  position: relative;
10017}
10018</style>
10019
10020
10021
10022
10023
10024                </li>
10025<li
10026                  class="grid__item scroll-trigger animate--slide-in"
10027                  
10028                    data-cascade
10029                    style="--animation-order: 4;"
10030                  
10031                >
10032                  
10033<style data-shopify>
10034  .card_title_text {
10035  display: -webkit-box !important;
10036  -webkit-line-clamp: 2 !important; /* Limits the text to 2 lines */ 
10037  -webkit-box-orient: vertical !important;
10038  overflow: hidden !important;
10039  text-overflow: ellipsis !important;
10040  white-space: normal !important; /* Ensures text wraps to the next line */
10041}
10042   .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
10043      top: 450px !important;
10044    }
10045    .pto{
10046      padding-top:80px;
10047    }
10048    @media only screen and (max-width: 768px) {
10049      .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
10050      top: 535px !important;
10051    }
10052      .pto{
10053        padding-top:120px;
10054      }
10055  }
10056  
10057  .card__media {
10058  width: 100% !important;
10059      background-color:white !important;
10060      color:white !important;
10061
10062
10063}
10064  .card--media{
10065          background-color:white !important;
10066
10067  }
10068
10069.card__content{
10070  background-color:white !important;
10071  color:white !important;
10072}
10073.media img {
10074  width: 100% !important;
10075  height: auto;
10076  object-fit: cover; /* or 'contain' if you prefer */
10077  display: block;
10078}
10079  .price--on-sale .price_sale_current {
10080    display: flex;
10081    align-items: center;
10082    gap: 10px;
10083  }
10084  .price_current {
10085    color: red;
10086    font-weight: bold;
10087    font-size:1.5vw;
10088  }
10089  .price__compare {
10090    color: grey;
10091    font-size:0.8vw;
10092    text-decoration: line-through;
10093  }
10094  .card__media {
10095    position: relative;
10096  }
10097  .price-tags {
10098    position: absolute;
10099    top: 5px;
10100    right: 0px;
10101    display: flex;
10102    flex-direction: column;
10103    gap: 2px;
10104    z-index: 1;
10105  }
10106  .discount-tag, .shipping-tag {
10107    position: relative;
10108    display: inline-block;
10109    padding: 2px 8px 2px 15px;
10110    color: white;
10111    font-size: 8px;
10112    font-weight: bold;
10113    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%);
10114  }
10115  .discount-tag {
10116    background-color: #ff661b;
10117  }
10118  .shipping-tag {
10119    background-color: green;
10120  }
10121  .discount-tag::before, .shipping-tag::before {
10122    content: '';
10123    position: absolute;
10124    left: 4px;
10125    top: 50%;
10126    transform: translateY(-50%);
10127    width: 4px;
10128    height: 4px;
10129    background: white;
10130    border-radius: 50%;
10131  }
10132  /* Responsive Styles */
10133  @media only screen and (max-width: 768px) {
10134    .discount-tag {
10135      padding: 2px 6px;
10136      font-size: 7px;
10137    }
10138    .price_current{
10139      font-size:5vw !important;
10140    }
10141    .price__compare{
10142      font-size:2vw !important;
10143    }
10144
10145    .bss_pl_img .bss-pl-bottom-center,
10146    .bss_pl_img .bss-pl-bottom-left,
10147    .bss_pl_img .bss-pl-bottom-right {
10148      top: 535px !important;
10149    }
10150    .pto {
10151      padding-top: 120px;
10152    }
10153
10154  }
10155   @media screen and (max-width: 480px) {
10156        .price-tags {
10157          top: 5px;
10158          right: 0px;
10159          gap: 3px;
10160        }
10161        
10162        .discount-tag,
10163        .shipping-tag {
10164          padding: 3px 2px 3px 15px;
10165        }
10166      }
10167sc-add-to-compare::part(checkbox-label) {
10168  color: black;
10169}
10170
10171
10172</style>
10173<div class="card-wrapper product-card-wrapper underline-links-hover">
10174    <div
10175      class="
10176        card card--card
10177         card--media
10178         color-scheme-1 gradient
10179        
10180        
10181        
10182        
10183      "
10184      style="--ratio-percent: 100.0%;"
10185    >
10186      <div
10187        class="card__inner  ratio"
10188        style="--ratio-percent: 100.0%;"
10189      ><div class="card__media">
10190            <div class="media media--transparent media--hover-effect">
10191              
10192              <img
10193                srcset="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=165 165w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=360 360w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=533 533w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=720 720w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=940 940w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=1066 1066w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067 1200w
10194                "
10195                src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100-Product-images-1_02ae1d5a-a439-47f4-bd1f-47356486716e.jpg?v=1772217067&width=533"
10196                sizes="(min-width: 1400px) 317px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
10197                alt="TMG Industrial 100 Ton Capacity Hydraulic Shop Press, Heavy Duty Pressing, Protective Grid Guard, Fully Welded H-Frame, Air &amp; Manual Dual Operation, TMG-SP100"
10198                class="motion-reduce"
10199                
10200                  loading="lazy"
10201                
10202                width="1200"
10203                height="1200"
10204              >
10205              
10206</div><span class="out-of-stock-badge">
10207      Pre order
10208    </span></div>
10209
10210      </div>
10211
10212      <div class="card__content">
10213        <div class="card__information">
10214          <h3
10215            class="card__heading h5 card_title_text"
10216            
10217              id="title-template--21102510211296__product-grid-9094517424352"
10218            
10219          >
10220            <a
10221              href="/products/sp100-100-ton-hydraulic-shop-press"
10222              id="CardLink-template--21102510211296__product-grid-9094517424352"
10223              class="full-unstyled-link"
10224              aria-labelledby="CardLink-template--21102510211296__product-grid-9094517424352 Badge-template--21102510211296__product-grid-9094517424352"
10225            >
10226              100 Ton Hydraulic Shop Press, Air &amp; Manual Dual Operation, Protective Grid Guard, TMG-SP100
10227            </a>
10228          </h3>
10229          <h4
10230            
10231            class="sku"
10232          >
10233            TMG-SP100
10234          </h4>
10235
10236          <div class="card-information">
10237
10238            <span class="caption-large light"></span>
10239
10240            <div
10241              class="stamped-product-reviews-badge"
10242              data-id="9094517424352"
10243              data-product-sku="TMG-SP100">
10244            </div>
10245
10246            
10247
10248            
10249
10250            <div class="price ">
10251              
10252              <div class="price_sale_current"><span class="price__compare"></span>
10253                  <span class="price_current"  style="color:black">
10254                    $3,499.00
10255                  </span></div>
10256            </div>
10257
10258            <div style="display: flex; justify-content: space-between; align-items: center; gap: 5px;">
10259  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10260    <figure style="margin: 0;">
10261      
10262        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100_ICON_1_2d34dfe8-5d84-40c6-b789-9e4b5cf1f0df.jpg?v=1772219965"
10263             alt="Metal Shed"
10264             style="width: 100%; height: 100%; object-fit: contain;">
10265      
10266    </figure>
10267  </div>
10268  
10269  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10270    <figure style="margin: 0;">
10271      
10272        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100_ICON_2_f98392f7-c602-4bec-8a79-ada94b7ac730.jpg?v=1772219965"
10273             alt="Metal Shed"
10274             style="width: 100%; height: 100%; object-fit: contain;">
10275      
10276    </figure>
10277  </div>
10278  
10279  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10280    <figure style="margin: 0;">
10281      
10282        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP100_ICON_3_9a55b6b3-f183-443a-b74b-e8e2ed2b8589.jpg?v=1772219965"
10283             alt="Metal Shed"
10284             style="width: 100%; height: 100%; object-fit: contain;">
10285      
10286    </figure>
10287  </div>
10288</div></div>
10289        </div>
10290
10291        
10292
10293        
10294        <div class="card__badge bottom left"><span
10295              id="Badge-template--21102510211296__product-grid-9094517424352"
10296              class="badge badge--bottom-left color-scheme-3"
10297            >Pre order</span></div>
10298      </div>
10299    </div>
10300  </div><style>
10301  /* Out of stock label */
10302.out-of-stock-badge {
10303  position: absolute;
10304  top: 8px;
10305  left: 8px;
10306  padding: 4px 8px;
10307  font-size: 11px;
10308  font-weight: 600;
10309  text-transform: uppercase;
10310  background: #1b1717;
10311  color: #ffffff;
10312  border-radius: 999px;
10313  z-index: 99;
10314  letter-spacing: 0.04em;
10315}
10316
10317/* Make sure card__media is positioned for the badge */
10318.card__media {
10319  position: relative;
10320}
10321</style>
10322
10323
10324
10325
10326
10327                </li>
10328<li
10329                  class="grid__item scroll-trigger animate--slide-in"
10330                  
10331                    data-cascade
10332                    style="--animation-order: 5;"
10333                  
10334                >
10335                  
10336<style data-shopify>
10337  .card_title_text {
10338  display: -webkit-box !important;
10339  -webkit-line-clamp: 2 !important; /* Limits the text to 2 lines */ 
10340  -webkit-box-orient: vertical !important;
10341  overflow: hidden !important;
10342  text-overflow: ellipsis !important;
10343  white-space: normal !important; /* Ensures text wraps to the next line */
10344}
10345   .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
10346      top: 450px !important;
10347    }
10348    .pto{
10349      padding-top:80px;
10350    }
10351    @media only screen and (max-width: 768px) {
10352      .bss_pl_img .bss-pl-bottom-center, .bss_pl_img .bss-pl-bottom-left, .bss_pl_img .bss-pl-bottom-right{
10353      top: 535px !important;
10354    }
10355      .pto{
10356        padding-top:120px;
10357      }
10358  }
10359  
10360  .card__media {
10361  width: 100% !important;
10362      background-color:white !important;
10363      color:white !important;
10364
10365
10366}
10367  .card--media{
10368          background-color:white !important;
10369
10370  }
10371
10372.card__content{
10373  background-color:white !important;
10374  color:white !important;
10375}
10376.media img {
10377  width: 100% !important;
10378  height: auto;
10379  object-fit: cover; /* or 'contain' if you prefer */
10380  display: block;
10381}
10382  .price--on-sale .price_sale_current {
10383    display: flex;
10384    align-items: center;
10385    gap: 10px;
10386  }
10387  .price_current {
10388    color: red;
10389    font-weight: bold;
10390    font-size:1.5vw;
10391  }
10392  .price__compare {
10393    color: grey;
10394    font-size:0.8vw;
10395    text-decoration: line-through;
10396  }
10397  .card__media {
10398    position: relative;
10399  }
10400  .price-tags {
10401    position: absolute;
10402    top: 5px;
10403    right: 0px;
10404    display: flex;
10405    flex-direction: column;
10406    gap: 2px;
10407    z-index: 1;
10408  }
10409  .discount-tag, .shipping-tag {
10410    position: relative;
10411    display: inline-block;
10412    padding: 2px 8px 2px 15px;
10413    color: white;
10414    font-size: 8px;
10415    font-weight: bold;
10416    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%);
10417  }
10418  .discount-tag {
10419    background-color: #ff661b;
10420  }
10421  .shipping-tag {
10422    background-color: green;
10423  }
10424  .discount-tag::before, .shipping-tag::before {
10425    content: '';
10426    position: absolute;
10427    left: 4px;
10428    top: 50%;
10429    transform: translateY(-50%);
10430    width: 4px;
10431    height: 4px;
10432    background: white;
10433    border-radius: 50%;
10434  }
10435  /* Responsive Styles */
10436  @media only screen and (max-width: 768px) {
10437    .discount-tag {
10438      padding: 2px 6px;
10439      font-size: 7px;
10440    }
10441    .price_current{
10442      font-size:5vw !important;
10443    }
10444    .price__compare{
10445      font-size:2vw !important;
10446    }
10447
10448    .bss_pl_img .bss-pl-bottom-center,
10449    .bss_pl_img .bss-pl-bottom-left,
10450    .bss_pl_img .bss-pl-bottom-right {
10451      top: 535px !important;
10452    }
10453    .pto {
10454      padding-top: 120px;
10455    }
10456
10457  }
10458   @media screen and (max-width: 480px) {
10459        .price-tags {
10460          top: 5px;
10461          right: 0px;
10462          gap: 3px;
10463        }
10464        
10465        .discount-tag,
10466        .shipping-tag {
10467          padding: 3px 2px 3px 15px;
10468        }
10469      }
10470sc-add-to-compare::part(checkbox-label) {
10471  color: black;
10472}
10473
10474
10475</style>
10476<div class="card-wrapper product-card-wrapper underline-links-hover">
10477    <div
10478      class="
10479        card card--card
10480         card--media
10481         color-scheme-1 gradient
10482        
10483        
10484        
10485        
10486      "
10487      style="--ratio-percent: 100.0%;"
10488    >
10489      <div
10490        class="card__inner  ratio"
10491        style="--ratio-percent: 100.0%;"
10492      ><div class="card__media">
10493            <div class="media media--transparent media--hover-effect">
10494              
10495              <img
10496                srcset="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=165 165w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=360 360w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=533 533w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=720 720w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=940 940w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=1066 1066w,//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053 12
1049600w
10497                "
10498                src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75-Product-images-3_3d6de740-41bc-4e3d-aa7b-a82fb9f1d758.jpg?v=1772217053&width=533"
10499                sizes="(min-width: 1400px) 317px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
10500                alt="TMG Industrial 75 Ton Capacity Hydraulic Shop Press, Heavy Duty Pressing, Fully Welded H-Frame, Air &amp; Manual Dual Operation, TMG-SP75"
10501                class="motion-reduce"
10502                
10503                  loading="lazy"
10504                
10505                width="1200"
10506                height="1200"
10507              >
10508              
10509</div><span class="out-of-stock-badge">
10510      Pre order
10511    </span></div>
10512
10513      </div>
10514
10515      <div class="card__content">
10516        <div class="card__information">
10517          <h3
10518            class="card__heading h5 card_title_text"
10519            
10520              id="title-template--21102510211296__product-grid-9094517326048"
10521            
10522          >
10523            <a
10524              href="/products/sp75-75-ton-hydraulic-shop-press"
10525              id="CardLink-template--21102510211296__product-grid-9094517326048"
10526              class="full-unstyled-link"
10527              aria-labelledby="CardLink-template--21102510211296__product-grid-9094517326048 Badge-template--21102510211296__product-grid-9094517326048"
10528            >
10529              75 Ton Hydraulic Shop Press, Air &amp; Manual Dual Operation, TMG-SP75
10530            </a>
10531          </h3>
10532          <h4
10533            
10534            class="sku"
10535          >
10536            TMG-SP75
10537          </h4>
10538
10539          <div class="card-information">
10540
10541            <span class="caption-large light"></span>
10542
10543            <div
10544              class="stamped-product-reviews-badge"
10545              data-id="9094517326048"
10546              data-product-sku="TMG-SP75">
10547            </div>
10548
10549            
10550
10551            
10552
10553            <div class="price ">
10554              
10555              <div class="price_sale_current"><span class="price__compare"></span>
10556                  <span class="price_current"  style="color:black">
10557                    $2,899.00
10558                  </span></div>
10559            </div>
10560
10561            <div style="display: flex; justify-content: space-between; align-items: center; gap: 5px;">
10562  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10563    <figure style="margin: 0;">
10564      
10565        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75_ICON_1_3b6f7550-13ae-4e1b-a641-7066af244b31.jpg?v=1772219965"
10566             alt="Metal Shed"
10567             style="width: 100%; height: 100%; object-fit: contain;">
10568      
10569    </figure>
10570  </div>
10571  
10572  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10573    <figure style="margin: 0;">
10574      
10575        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75_ICON_2_29ad888b-3433-4ce7-9610-3a0f90b4baac.jpg?v=1772219965"
10576             alt="Metal Shed"
10577             style="width: 100%; height: 100%; object-fit: contain;">
10578      
10579    </figure>
10580  </div>
10581  
10582  <div style="flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center;">
10583    <figure style="margin: 0;">
10584      
10585        <img src="//www.tmgindustrial.co.nz/cdn/shop/files/TMG-SP75_ICON_3_08976aea-c87b-443e-a885-e02fab8ce4ba.jpg?v=1772219965"
10586             alt="Metal Shed"
10587             style="width: 100%; height: 100%; object-fit: contain;">
10588      
10589    </figure>
10590  </div>
10591</div></div>
10592        </div>
10593
10594        
10595
10596        
10597        <div class="card__badge bottom left"><span
10598              id="Badge-template--21102510211296__product-grid-9094517326048"
10599              class="badge badge--bottom-left color-scheme-3"
10600            >Pre order</span></div>
10601      </div>
10602    </div>
10603  </div><style>
10604  /* Out of stock label */
10605.out-of-stock-badge {
10606  position: absolute;
10607  top: 8px;
10608  left: 8px;
10609  padding: 4px 8px;
10610  font-size: 11px;
10611  font-weight: 600;
10612  text-transform: uppercase;
10613  background: #1b1717;
10614  color: #ffffff;
10615  border-radius: 999px;
10616  z-index: 99;
10617  letter-spacing: 0.04em;
10618}
10619
10620/* Make sure card__media is positioned for the badge */
10621.card__media {
10622  position: relative;
10623}
10624</style>
10625
10626
10627
10628
10629
10630                </li></ul></div></div>
10631    </div><div class="collection-desc-container-main">
10632    <div class="collection-description-container" style="width: 20%;"></div>
10633    
10634      <div class="section-description-medium" style="padding: 20px;">
10635        <div>
10636          <div id="collection-description" class="collection-description-collapsed"><p><strong>Top-Quality Shop Equipment for Sale in Canada | TMG Industrial</strong></p>
10637<p>Equip your workshop with premium shop equipment from TMG Industrial. Our extensive range includes essential tools and machinery designed to enhance productivity and efficie
10637ncy in your workspace. Whether you are a professional mechanic, fabricator, or DIY enthusiast, our durable and reliable equipment meets all your shop needs.</p>
10638<!----></div>
10639          <a href="javascript:void(0);" id="toggle-description" class="collection-description-toggle">See more</a>
10640        </div>
10641      </div>
10642    
10643  </div>
10644</div>
10645
10646<script>
10647  document.addEventListener('DOMContentLoaded', function() {
10648    var toggle = document.getElementById('toggle-description');
10649    var description = document.getElementById('collection-description');
10650    if (toggle && description) {
10651      toggle.addEventListener('click', function() {
10652        description.classList.toggle('expanded');
10653        toggle.textContent = description.classList.contains('expanded') ? 'See less' : 'See more';
10654      });
10655    }
10656  });
10657</script>
10657
10658
10659
10660<style> #shopify-section-template--21102510211296__product-grid card-content {background-color: white;} </style></div><section id="shopify-section-template--21102510211296__1746124368a34f19c7" class="shopify-section section"><div class="page-width scroll-trigger animate--slide-in"></div>
10661
10662
10663</section><section id="shopify-section-template--21102510211296__17466837824f4af22e" class="shopify-section section"><div class="page-width scroll-trigger animate--slide-in"></div>
10664
10665
10666</section>
10667    </main>
10668
10669    <!-- BEGIN sections: footer-group -->
10670<div id="shopify-section-sections--21102509523168__footer" class="shopify-section shopify-section-group-footer-group"><div class="c_footer-instance1">
10671  <div class="c_footer-frame10">
10672    <svg width="184" height="39" viewBox="0 0 184 39" fill="none" xmlns="http://www.w3.org/2000/svg" class="c_footer-instance2">
10673      <path d="M179.28 31.4121H85.2729V34.5968H179.28V31.4121Z" fill="#FF671B"/>
10674      <path d="M2.17965 1.18994L0 8.20269H7.65228L8.18544 8.74955V37.9586H18.2212V8.7978L18.8485 8.20269H23.443V37.9586H33.2279V16.1001L38.4967 24.8177L43.7184 16.1001V37.9586H53.472V1.18994H43.6714L38.4653 11.6769L33.1338 1.18994H2.17965Z" fill="#FF671B"/>
10675      <path d="M55.683 3.36121V35.6263C55.683 35.6263 66.5655 42.0922 79.5493 35.6263L79.4396 17.258H67.6789L67.773 20.9252L69.5292 21.3595V32.9402C69.5292 32.9402 69.5135 33.3101 69.1999 33.3101H66.2519C66.2519 33.3101 65.8599 33.3101 65.8599 32.908V6.11163C65.8599 6.11163 65.7972 5.6291 66.2519 5.6291H69.1215C69.1215 5.6291 69.4822 5.64518 69.4822 5.99904V12.8027H79.6277V3.34513C79.6277 3.34513 68.3532 -3.05641 55.683 3.34513" fill="#FF671B"/>
10676      <path d="M179.28 4.69629H85.2729V7.9614H179.28V4.69629Z" fill="#FF671B"/>
10677      <path d="M88.2052 25.6537H85.2886V13.9766H88.2052V25.6537Z" fill="white"/>
10678      <path d="M99.9189 25.6537H97.0022L93.2388 18.8984V25.6537H90.3065V13.9766H93.2388L97.0022 20.732V13.9766H99.9189V25.6537Z" fill="white"/>
10679      <path d="M104.796 25.6537H101.863V13.9766H104.796V25.6537ZM103.102 25.6537V23.225H105.611C106.113 23.225 106.521 23.1124 106.866 22.8712C107.21 22.6299 107.461 22.2761 107.634 21.8096C107.806 21.3271 107.9 20.732 107.9 20.0082V19.6061C107.9 18.8823 107.806 18.2872 107.634 17.8207C107.461 17.3543 107.195 17.0004 106.85 16.7591C106.505 16.5179 106.066 16.4053 105.564 16.4053H103.055V13.9766H105.564C106.599 13.9766 107.524 14.2178 108.324 14.7004C109.124 15.1829 109.751 15.8423 110.206 16.6948C110.66 17.5473 110.88 18.5123 110.88 19.6221V20.0082C110.88 21.1019 110.66 22.083 110.206 22.9355C109.751 23.788 109.124 24.4474 108.34 24.93C107.54 25.4125 106.63 25.6537 105.611 25.6537H103.102Z" fill="white"/>
10680      <path d="M121.559 13.9766V21.5362C121.559 22.453 121.37 23.2411 120.994 23.8684C120.618 24.5118 120.1 24.9943 119.426 25.316C118.752 25.6377 117.952 25.8146 117.042 25.8146C116.133 25.8146 115.349 25.6537 114.659 25.316C113.969 24.9943 113.436 24.5118 113.059 23.8684C112.683 23.225 112.495 22.453 112.495 21.5362V13.9766H115.443V21.5362C115.443 21.9865 115.506 22.3404 115.615 22.6138C115.741 22.8873 115.913 23.0803 116.149 23.2089C116.384 23.3376 116.682 23.3859 117.027 23.3859C117.372 23.3859 117.67 23.3215 117.905 23.2089C118.14 23.0803 118.313 22.8873 118.422 22.6138C118.548 22.3404 118.595 21.9865 118.595 21.5362V13.9766H121.527H121.559Z" fill="white"/>
10681      <path d="M129.274 22.5015C129.274 22.2924 129.227 22.1154 129.148 21.9546C129.054 21.7937 128.882 21.6329 128.615 21.4721C128.348 21.3112 127.941 21.1343 127.392 20.9574C126.906 20.7804 126.42 20.5874 125.965 20.3783C125.494 20.1532 125.087 19.8958 124.71 19.6063C124.334 19.3168 124.052 18.9629 123.832 18.5608C123.613 18.1587 123.503 17.6923 123.503 17.1454C123.503 16.5985 123.691 15.8747 124.083 15.3761C124.475 14.8775 124.993 14.4915 125.667 14.2341C126.341 13.9607 127.094 13.832 127.941 13.832C128.787 13.832 129.524 13.9768 130.167 14.2663C130.81 14.5558 131.312 14.974 131.688 15.5209C132.049 16.0677 132.237 16.7111 132.237 17.4832H129.321C129.321 17.2258 129.274 17.0167 129.164 16.8237C129.07 16.6307 128.913 16.4859 128.693 16.3733C128.49 16.2608 128.207 16.2125 127.878 16.2125C127.549 16.2125 127.298 16.2608 127.078 16.3412C126.859 16.4377 126.702 16.5503 126.592 16.695C126.482 16.8398 126.435 17.0006 12
106816.435 17.1936C126.435 17.3867 126.514 17.5797 126.686 17.7405C126.859 17.9014 127.078 18.0461 127.376 18.1748C127.674 18.3035 128.019 18.4482 128.411 18.5769C129.227 18.8503 129.916 19.1559 130.481 19.5098C131.046 19.8636 131.485 20.2818 131.783 20.7804C132.08 21.263 132.222 21.842 132.222 22.5175C132.222 23.1931 132.049 23.8365 131.704 24.319C131.359 24.8176 130.873 25.1875 130.23 25.4449C129.587 25.7022 128.85 25.8309 127.988 25.8309C127.125 25.8309 126.812 25.7505 126.247 25.6057C125.683 25.4449 125.165 25.2036 124.695 24.8819C124.24 24.5602 123.864 24.1421 123.597 23.6274C123.331 23.1127 123.189 22.5015 123.189 21.7937H126.122C126.122 22.1154 126.153 22.3889 126.231 22.598C126.31 22.8071 126.42 22.984 126.576 23.1127C126.733 23.2413 126.921 23.3378 127.157 23.3861C127.392 23.4343 127.658 23.4665 127.972 23.4665C128.286 23.4665 128.552 23.4183 128.74 23.3378C128.929 23.2413 129.07 23.1287 129.148 22.984C129.227 22.8392 129.274 22.6945 129.274 22.5336V22.5015Z" fill="white"/>
10682      <path d="M142.932 16.4053H133.351V13.9766H142.932V16.4053ZM139.576 25.6537H136.644V13.9766H139.576V25.6537Z" fill="white"/>
10683      <path d="M148.906 13.9766C149.8 13.9766 150.568 14.1052 151.227 14.3787C151.885 14.6521 152.387 15.0381 152.732 15.5689C153.093 16.0997 153.265 16.7431 153.265 17.5151C153.265 18.2871 153.171 18.7858 152.967 19.2361C152.764 19.6865 152.481 20.0564 152.136 20.3459C151.776 20.6355 151.368 20.8767 150.882 21.0858L149.925 21.6809H146.209V19.2522H148.89C149.22 19.2522 149.486 19.204 149.706 19.0914C149.925 18.9788 150.082 18.8179 150.192 18.6088C150.302 18.3997 150.349 18.1424 150.349 17.8207C150.349 17.3703 150.223 17.0165 149.988 16.7752C149.753 16.5179 149.392 16.4053 148.922 16.4053H147.307V25.6537H144.374V13.9766H148.922H148.906ZM148.012 20.5068H151.117C151.117 20.4907 153.61 25.5251 153.61 25.5251V25.6537H150.474L147.997 20.5068H148.012Z" fill="white"/>
10684      <path d="M158.221 25.6537H155.304V13.9766H158.221V25.6537Z" fill="white"/>
10685      <path d="M162.627 25.6537H159.475L163.646 13.9766H165.638L165.293 16.7913L162.627 25.6537ZM167.41 23.6915H161.576V21.2627H167.41V23.6915ZM164.775 16.7913L164.399 13.9766H166.406L170.608 25.6537H167.457L164.791 16.7913H164.775Z" fill="white"/>
10686      <path d="M174.591 25.6537H171.659V13.9766H174.591V25.6537ZM179.28 25.6537H173.556V23.225H179.28V25.6537Z" fill="white"/>
10687      <path d="M182.651 31.911C182.73 31.9432 182.808 32.0075 182.855 32.0719C182.902 32.1362 182.934 32.2005 182.965 32.2649C182.996 32.3292 183.012 32.4096 183.012 32.5061C183.012 32.6026 182.981 32.7152 182.934 32.8278C182.887 32.9404 182.793 33.0047 182.667 33.053C182.777 33.1013 182.84 33.1495 182.887 33.2299C182.934 33.3103 182.949 33.4229 182.949 33.5838V33.7446C182.949 33.8572 182.949 33.9216 182.949 33.9537C182.949 34.0181 182.996 34.0502 183.028 34.0824V34.1467H182.51C182.51 34.0985 182.479 34.0502 182.479 34.0181C182.479 33.9537 182.463 33.8894 182.463 33.825V33.6159C182.463 33.4712 182.432 33.3747 182.385 33.3264C182.338 33.2782 182.244 33.246 182.118 33.246H181.664V34.1467H181.209V31.8467H182.275C182.432 31.8467 182.542 31.8628 182.636 31.911H182.651ZM181.679 32.2488V32.86H182.181C182.275 32.86 182.354 32.86 182.401 32.8278C182.495 32.7796 182.526 32.6991 182.526 32.5705C182.526 32.4418 182.479 32.3453 182.401 32.297C182.354 32.2649 182.275 32.2488 182.181 32.2488H181.664H181.679Z" fill="#FF671B"/>
10688      <path d="M182.056 34.9992C180.989 34.9992 180.111 34.1145 180.111 33.0047C180.111 31.8949 180.974 31.0103 182.056 31.0103C183.138 31.0103 184 31.8949 184 33.0047C184 34.1145 183.138 34.9992 182.056 34.9992ZM182.056 31.3641C181.177 31.3641 180.456 32.104 180.456 33.0047C180.456 33.9054 181.177 34.6453 182.056 34.6453C182.934 34.6453 183.655 33.9054 183.655 33.0047C183.655 32.104 182.934 31.3641 182.056 31.3641Z" fill="#FF671B"/>
10689    </svg>
10690    <div class="c_footer-text10">
10691      <p class="c_footer-text11">
10692        TMG Industrial is your trusted industrial product supplier with seven
10693        distribution warehouses in Vancouver, Toronto, Seattle, Charlotte, Melbourne, the United Kingdom, and New Zealand. Since
10694        2007, we've been a reliable choice for customers looking to Get Work
10695        Done!
10696      </p>
10697    </div>
10698  </div>
10699  
10700  <svg width="100vw" height="1" viewBox="0 0 1248 1" fill="none" xmlns="http://www.w3.org/2000/svg">
10701    <rect width="1248" height="1" fill="#1C1C1C"/>
10702    </svg>
10703  
10704  <div class="c_footer-frame12">
10705    <div class="c_footer-frame13">
10706      <div class="c_footer-frame14">
10707        <div class="c_footer-text12">
10708          <p class="c_footer-text13">Get Support</p>
10709        </div>
10710        <div class="c_footer-frame15">
10711          <div class="c_footer-text48">
10712            <p class="c_footer-text49"><a href="/pages/dealers">Find a Dealer</a></p>
10713          </div>
10714          <div class="c_footer-text48">
10715            <p class="c_footer-text49"><a href="/pages/find-an-installer">Find an Installer</a></p>
10716          </div>
10717
10718          
10719          <div class="c_footer-text18">
10720            <p class="c_footer-text19"><a href="/blogs/support-center/tracking-orders">Tracking Orders</a></p>
10721          </div>
10722          <div class="c_footer-text20">
10723            <p class="c_footer-text21"><a href="/blogs/support-center/shipping-information">Shipping Information</a></p>
10724          </div>
10725          <div class="c_footer-text22">
10726            <p class="c_footer-text23"><a href="/blogs/support-center/returns-and-exchanges">Returns & Exchanges</a></p>
10727          </div>
10728         
10729          <div class="c_footer-text26">
10730            <p class="c_footer-text27"><a href="/blogs/support-center/warranty">Warranty</a></p>
10731          </div>
10732          
10733         
10734        </div>
10735      </div>
10736      
10737      <div class="c_footer-frame16">
10738        <div class="c_footer-text32">
10739          <p class="c_footer-text33">Learn More</p>
10740        </div>
10741        <div class="c_footer-frame17">
10742          <div class="c_footer-text34">
10743            <p class="c_footer-text35"><a href="/pages/contact">Contact</a></p>
10744          </div>
10745          <div class="c_footer-text36">
10746            <p class="c_footer-text37"><a href="/pages/about-us">About Us</a></p>
10747          </div>
10748          <div class="c_footer-text38">
10749            <p class="c_footer-text39"><a href="/blogs/news">Blog</a></p>
10750          </div>
10751          <div class="c_footer-text40">
10752            <p class="c_footer-text41"><a href="/pages/career">Careers</a></p>
10753          </div>
10754          
10755        </div>
10756      </div>
10757      
10758      <div class="c_footer-frame18">
10759        <div class="c_footer-text44">
10760          <p class="c_footer-text45">Partner With Us</p>
10761        </div>
10762        <div class="c_footer-frame19">
10763     <div class="c_footer-text46">
10764            <p class="c_footer-text47"><a href="/pages/affiliate">Affiliate</a></p>
10765          </div>
10766          <div class="c_footer-text48">
10767            <p class="c_footer-text49"><a href="/pages/dealer">Become a Dealer</a></p>
10768          </div>
10769        
10770          <div class="c_footer-text50">
10771            <p class="c_footer-text51">
10771<a href="/pages/installers"></a></p>
10772          </div>
10773          <div class="c_footer-text50">
10774            <p class="c_footer-text51"><a href="/pages/service-point-providers">Find a Service Point</a></p>
10775          </div>
10776          
10777        </div>
10778      </div>
10779    </div>
10780    
10781   <div class="footer-column footer-column-5">
10782      <div class="site-footer-block-item site-footer-block-newsletter">
10783        <h2 style="margin-top: 0px;" class="site-footer-block-title">Unlock $100 Off Your First Order</h2>
10784        <div class="site-footer-block-content">
10785          <p>Save on your first order (over $3000). Get exclusive offers when you join. Cannot be used on sale items.</p>
10786        </div>
10787        <div class="klaviyo-form-VxLeeT klaviyo-form form-version-cid-1">
10788          <!-- Klaviyo form code (abbreviated for brevity) -->
10789          <!-- ><form class="klaviyo-form" novalidate="">
10790            <input type="email" name="email" placeholder="Email" aria-label="Email" style="width: 70%; padding: 8px; margin-right: 10px;">
10791            <button type="button" style="padding: 8px 15px;">Sign Up</button>
10792          </form> -->
10793          <div class="klaviyo-form-XdTRSZ"></div>
10794 
10795        </div>
10796        
10797      </div>
10798    </div>
10799  </div>
10800  
10801  <div class="c_footer-frame27">
10802    <div class="c_footer-frame28">
10803      <a href="https://www.facebook.com/TMG-Industrial-100715701813609" class="c_footer-instance5">
10804        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
10805          <path d="M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10806          <path d="M21 11H19C18.2044 11 17.4413 11.3161 16.8787 11.8787C16.3161 12.4413 16 13.2044 16 14V28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10807          <path d="M12 18H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10808        </svg>
10809      </a>
10810      <a href="https://www.instagram.com/tmg_industrial/" class="c_footer-instance6">
10811        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
10812          <path d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
10813          <path d="M22 4H10C6.68629 4 4 6.68629 4 10V22C4 25.3137 6.68629 28 10 28H22C25.3137 28 28 25.3137 28 22V10C28 6.68629 25.3137 4 22 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10814          <path d="M22.5 11C23.3284 11 24 10.3284 24 9.5C24 8.67157 23.3284 8 22.5 8C21.6716 8 21 8.67157 21 9.5C21 10.3284 21.6716 11 22.5 11Z" fill="white"/>
10815        </svg>
10816      </a>
10817      <a href="https://www.youtube.com/channel/UCxE3ATMoFe2QuZlT33InuWw" class="c_footer-instance7">
10818        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
10819          <path d="M20 16L14 12V20L20 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10820          <path d="M3 16.0001C3 19.7389 3.38375 21.9314 3.67625 23.0589C3.7536 23.3655 3.90258 23.6495 4.11096 23.8875C4.31935 24.1254 4.58119 24.3105 4.875 24.4276C9.065 26.0439 16 26.0001 16 26.0001C16 26.0001 22.935 26.0439 27.125 24.4276C27.4197 24.3112 27.6826 24.1263 27.8919 23.8883C28.1012 23.6504 28.2509 23.3661 28.3288 23.0589C28.6213 21.9339 29.005 19.7389 29.005 16.0001C29.005 12.2614 28.6213 10.0689 28.3288 8.94137C28.2518 8.63302 28.1024 8.34746 27.8931 8.10834C27.6838 7.86922 27.4205 7.68343 27.125 7.56637C22.935 5.95637 16 6.00012 16 6.00012C16 6.00012 9.065 5.95637 4.875 7.57262C4.57954 7.68968 4.31623 7.87547 4.1069 8.11459C3.89756 8.35371 3.74822 8.63927 3.67125 8.94762C3.38375 10.0676 3 12.2614 3 16.0001Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10821        </svg>
10822      </a>
10823    </div>
10824    <div class="c_footer-frame29">
10825      <img
10826        src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/large-business-logo.jpg?v=30502576133140832611770958730"
10827        alt="BBB Logo"
10828        width="67"
10829        height="66"
10830        class="c_footer-rectangle"
10831      />
10832      <a href="https://www.bbb.org/ca/bc/richmond/profile/tents/tmg-industrial-0037-2404361/#sealclick" target="_blank" rel="nofollow" class="c_footer-frame30">
10833        <svg width="190" height="66" viewBox="0 0 190 66" fill="none" xmlns="http://www.w3.org/2000/svg">
10834          <path d="M8.70697 0.676758C6.578 0.676758 4.53623 1.51865 3.03082 3.01723C1.52542 4.51582 0.679688 6.54833 0.679688 8.66765V57.3414C0.679688 59.4607 1.52542 61.4933 3.03082 62.9918C4.53623 64.4904 6.578 65.3323 8.70697 65.3323H60.5369V0.676758H8.70697Z" fill="white"/>
10835          <path d="M61.2176 66H8.70748C6.40061 65.9974 4.18882 65.0847 2.5567 63.4618C0.924571 61.8389 0.00519713 59.6382 0 57.3418L0 8.668C0.00259974 6.3699 0.920827 4.16666 2.55323 2.54166C4.18564 0.916652 6.39891 0.00258796 8.70748 0L61.2176 0V66ZM8.70748 1.35422C6.76051 1.35938 4.89476 2.1316 3.51803 3.50208C2.14131 4.87256 1.36558 6.72985 1.36039 8.668V57.3418C1.36558 59.2799 2.14131 61.1372 3.51803 62.5077C4.89476 63.8782 6.76051 64.6504 8.70748 64.6556H59.8572V1.35422H8.70748Z" fill="#015A75"/>
10836          <path d="M175.649 57.3414V8.66765C175.649 7.61827 175.441 6.57917 175.038 5.60967C174.635 4.64017 174.043 3.75926 173.298 3.01723C172.553 2.27521 171.668 1.68661 170.694 1.28503C169.72 0.883448 168.676 0.676758 167.622 0.676758H60.5365V65.3323H167.622C169.751 65.3323 171.793 64.4904 173.298 62.9918C174.803 61.4933 175.649 59.4607 175.649 57.3414Z" fill="#015A75"/>
10837          <path d="M167.622 66H59.8568V0H167.622C169.931 0.00258796 172.144 0.916652 173.777 2.54166C175.409 4.16666 176.327 6.3699 176.33 8.668V57.3418C176.325 59.6382 175.405 61.8389 173.773 63.4618C172.141 65.0847 169.929 65.9974 167.622 66ZM61.2172 64.6556H167.622C169.569 64.6504 171.435 63.8782 172.812 62.5077C174.188 61.1372 174.964 59.2799 174.969 57.3418V8.668C174.964 6.72985 174.188 4.87256 172.812 3.50208C171.435 2.1316 169.569 1.35938 167.622 1.35422H61.2172V64.6556ZM188.453 57.178L185.826 60.6222V60.676L190 60.126V61.9984L185.826 61.5096V61.5658L188.482 64.8707L186.739 65.8631L185.079 62.0058H185.023L183.223 65.89L181.646 64.8976L184.274 61.5364V61.4827L180.178 62.0058V60.1333L184.244 60.6564V60.6002L181.644 57.2391L183.331 56.276L185.05 60.104H185.106L186.793 56.2491L188.453 57.178Z" fill="#015A75"/>
10838          <path fill-rule="evenodd" clip-rule="evenodd" d="M26.2591 21.8185L23.4573 25.666C22.0527 27.5898 22.4874 31.0022 24.4052 32.3809L29.5987 36.1136C30.4901 36.754 30.5613 37.3896 30.1365 38.0691L30.8903 38.6265L33.5203 35.0014C35.1459 32.7622 34.9936 29.7116 32.5945 27.9662L27.3592 24.1578C26.733 23.7031 26.6667 23.0676 27.0154 22.3562L26.2616 21.8209M30.7528 4.8418L26.3917 10.8478C24.3462 13.6638 25.0903 18.472 27.8847 20.5131L35.055 25.7516C36.5087 26.8125 36.6978 29.5185 35.6394 30.9045L36.2484 31.3591L41.194 24.4316C43.404 21.3222 43.2861 16.7267 39.7992 14.2065L32.128 8.66002C31.0549 7.88269 30.5196 6.56513 31.4134 5.30624L30.7528 4.8418ZM19.2607 42.4936H25.0461L26.075 45.9818H35.5191L36.548 42.4936H42.3284L41.5697 39.9269H20.017L19.2583 42.4936M21.9692 54.1609C22.9858 53.5694 23.6096 52.6942 23.6096 51.5087C23.6096 49.1254 21.6451 48.1549 19.5087 48.1549H13.5319V60.8049H19.4523C21.9815 60.8049 24.6605 59.7049 24.2284 56.8082C23.9828 55.1509 23.31 54.7525 21.9668 54.1634M16.2355 50.5725H19.3393C21.2792 50.5725 21.348 53.2614 19.4621 53.2614H16.2355V50.5725ZM19.6978 58.4216H16.2355V55.5274H19.6978C22.2443 55.5274 22.0994 58.4216 19.6978 58.4216ZM33.8321 54.1609C34.8487 53.5694 35.4725 52.6942 35.4725 51.5087C35.4725 49.1254 33.508 48.1549 31.3716 48.1549H25.3972V60.8049H31.3176C33.8444 60.8049 36.5259 59.7049 36.0937 56.8082C35.8482 55.1509 35.1753 54.7525 33.8346 54.1634M28.1008 50.5749H31.2047C33.1446 50.5749 33.2158 53.2638 31.3274 53.2638H28.0984L28.1008 50.5749ZM31.5607 58.4216H28.0984V55.5274H31.5607C34.1072 55.5274 33.9524 58.4216 31.5607 58.4216ZM47.9566 56.8058C47.7111 55.1485 47.0382 54.75 45.695 54.1609C46.7116 53.5694 47.3354 52.6942 47.3354 51.5087C47.3354 49.1254 45.3709 48.1549 43.2345 48.1549H37.2601V60.8049H43.1805C45.7073 60.8049 48.3888 59.7049 47.9566 56.8082M39.9637 50.5749H43.0676C45.0075 50.5749 45.0787 53.2638 43.1903 53.2638H39.9637V50.5749ZM43.4261 58.4216H39.9637V55.5274H43.4261C45.9725 55.5274 45.8178 58.4216 43.4261 58.4216Z" fill="#015A75"/>
10839          <path d="M76.8077 30.3311L76.2257 28.7373H72.174L71.5798 30.3311H69.2838L72.9303 20.9249H75.4522L79.0939 30.3311H76.8077ZM74.2023 22.9269L72.729 26.9749H75.6757L74.2023 22.9269ZM78.9048 25.6329C78.9048 22.7411 81.1001 20.7685 83.9338 20.7685C84.7428 20.7448 85.5421 20.9476 86.241 21.3538C86.94 21.76 87.5103 22.3533 87.8873 23.0662L86.1684 23.912C85.9553 23.5059 85.6363 23.1644 85.2448 22.9236C84.8533 22.6827 84.4038 22.5513 83.9436 22.5431C82.2247 22.5431 80.9822 23.8558 80.9822 25.6305C80.9822 27.4051 82.2296 28.7178 83.9436 28.7178C84.4044 28.7126 84.8551 28.5823 85.2471 28.3411C85.6391 28.0999 85.95
1083976 27.7569 86.1684 27.3489L87.8873 28.18C87.2071 29.3509 86.0161 30.4925 83.9338 30.4925C81.1001 30.4998 78.9048 28.5247 78.9048 25.6329ZM88.3686 25.6329C88.3686 22.7411 90.5639 20.7685 93.3976 20.7685C94.2066 20.7448 95.0059 20.9476 95.7048 21.3538C96.4037 21.76 96.9741 22.3533 97.3511 23.0662L95.6322 23.912C95.4191 23.5059 95.1001 23.1644 94.7086 22.9236C94.3171 22.6827 93.8676 22.5513 93.4074 22.5431C91.6885 22.5431 90.446 23.8558 90.446 25.6305C90.446 27.4051 91.6934 28.7178 93.4074 28.7178C93.8682 28.7126 94.3189 28.5823 94.7109 28.3411C95.1029 28.0999 95.4214 27.7569 95.6322 27.3489L97.3511 28.18C96.6709 29.3509 95.4799 30.4925 93.3976 30.4925C90.5663 30.4998 88.3686 28.5247 88.3686 25.6329ZM103.898 30.3311L102.041 26.9896H100.568V30.3311H98.5568V20.9249H102.977C104.941 20.9249 106.149 22.2082 106.149 23.956C106.149 25.6207 105.101 26.508 104.082 26.7476L106.206 30.3287L103.898 30.3311ZM104.094 23.956C104.094 23.1665 103.485 22.6873 102.677 22.6873H100.565V25.2247H102.677C103.485 25.2247 104.094 24.7456 104.094 23.956ZM107.665 30.3311V20.9249H114.351V22.6873H109.685V24.6747H114.26V26.4371H109.678V28.5662H114.344V30.3287L107.665 30.3311ZM115.925 30.3311V20.9249H119.65C122.612 20.9249 124.664 22.7998 124.664 25.6353C124.664 28.4709 122.609 30.3311 119.65 30.3311H115.925ZM122.612 25.6353C122.612 23.9707 121.593 22.6873 119.65 22.6873H117.931V28.5687H119.65C121.521 28.5662 122.612 27.2267 122.612 25.6329V25.6353ZM126.096 30.3311V20.9249H128.107V30.3311H126.096ZM132.161 30.3311V22.6873H129.409V20.9249H136.945V22.6873H134.187V30.3311H132.161ZM138.224 30.3311V20.9249H144.911V22.6873H140.245V24.6747H144.82V26.4371H140.235V28.5662H144.901V30.3287L138.224 30.3311ZM146.485 30.3311V20.9249H150.21C153.171 20.9249 155.224 22.7998 155.224 25.6353C155.224 28.4709 153.169 30.3311 150.21 30.3311H146.485ZM153.171 25.6353C153.171 23.9707 152.152 22.6873 150.21 22.6873H148.491V28.5687H150.21C152.079 28.5662 153.171 27.2267 153.171 25.6329V25.6353ZM70.2906 46.4865V37.0778H75.2631C77.0631 37.0778 77.9839 38.2193 77.9839 39.4758C77.9839 40.6613 77.2473 41.4509 76.3559 41.6342C77.3627 41.7882 78.1681 42.7636 78.1681 43.9467C78.1681 45.3571 77.2178 46.484 75.4203 46.484L70.2906 46.4865ZM75.9384 39.8302C75.9414 39.6882 75.9143 39.5471 75.8588 39.4161C75.8033 39.2852 75.7208 39.1673 75.6166 39.0703C75.5123 38.9732 75.3887 38.899 75.2538 38.8527C75.1189 38.8063 74.9756 38.7887 74.8334 38.8011H72.3042V40.8471H74.8261C75.5063 40.8447 75.9311 40.4218 75.9311 39.8278L75.9384 39.8302ZM76.1226 43.6656C76.1226 43.074 75.6978 42.5656 74.8948 42.5656H72.3042V44.7509H74.8948C75.661 44.7509 76.1226 44.3427 76.1226 43.6656ZM79.6856 42.7342V37.0778H81.7262V42.6633C81.7262 43.976 82.4924 44.878 83.951 44.878C85.4096 44.878 86.161 43.976 86.161 42.6633V37.0778H88.2163V42.7196C88.2163 45.0613 86.8289 46.6551 83.951 46.6551C81.073 46.6551 79.6856 45.0467 79.6856 42.7342ZM89.4318 45.1591L90.5221 43.6362C90.9104 44.039 91.3767 44.3592 91.893 44.5773C92.4092 44.7953 92.9645 44.9068 93.5253 44.9049C94.6303 44.9049 95.1681 44.3965 95.1681 43.8611C95.1681 43.1693 94.289 42.9738 93.2552 42.7196C91.7106 42.3676 89.7265 41.9447 89.7265 39.8009C89.7265 38.2365 91.0869 36.9385 93.3116 36.9385C94.8145 36.9385 96.0594 37.3907 96.995 38.2511L95.8753 39.7178C95.1204 39.0455 94.1403 38.6784 93.1275 38.6887C92.2631 38.6887 91.7818 39.07 91.7818 39.6347C91.7818 40.2409 92.6462 40.4389 93.6653 40.6785C95.2245 41.0451 97.2062 41.5096 97.2062 43.6411C97.2062 45.3522 95.9784 46.66 93.4246 46.66C91.6124 46.6551 90.3109 46.0489 89.4318 45.1591ZM98.569 46.4865V37.0778H100.58V46.484L98.569 46.4865ZM108.968 46.4865L104.462 40.3509V46.4865H102.451V37.0778H104.519L108.897 42.986V37.0778H110.908V46.484L108.968 46.4865ZM112.779 46.4865V37.0778H119.466V38.8402H114.8V40.8227H119.375V42.5851H114.791V44.7338H119.456V46.4962L112.779 46.4865ZM120.402 45.1591L121.492 43.6362C121.88 44.0393 122.347 44.3597 122.864 44.5777C123.381 44.7958 123.936 44.9071 124.497 44.9049C125.603 44.9049 126.14 44.3965 126.14 43.8611C126.14 43.1693 125.261 42.9738 124.227 42.7196C122.683 42.3676 120.699 41.9447 120.699 39.8009C120.699 38.2365 122.059 36.9385 124.284 36.9385C125.787 36.9385 127.032 37.3907 127.967 38.2511L126.847 39.7178C126.093 39.0455 125.113 38.6784 124.1 38.6887C123.235 38.6887 122.754 39.07 122.754 39.6347C122.754 40.2409 123.618 40.4389 124.637 40.6785C126.197 41.0451 128.178 41.5096 128.178 43.6411C128.178 45.3522 126.951 46.66 124.397 46.66C122.582 46.6551 121.281 46.0489 120.402 45.1591ZM128.76 45.1591L129.851 43.6362C130.238 44.0381 130.703 44.3578 131.218 44.5758C131.733 44.7939 132.287 44.9058 132.846 44.9049C133.951 44.9049 134.489 44.3965 134.489 43.8611C134.489 43.1693 133.61 42.9738 132.576 42.7196C131.032 42.3676 129.048 41.9447 129.048 39.8009C129.048 38.2365 130.408 36.9385 132.633 36.9385C134.136 36.9385 135.381 37.3907 136.316 38.2511L135.196 39.7178C134.442 39.0455 133.461 38.6784 132.449 38.6887C131.584 38.6887 131.103 39.07 131.103 39.6347C131.103 40.2409 131.967 40.4389 132.986 40.6785C134.565 41.0427 136.53 41.5071 136.53 43.6362C136.53 45.3473 135.302 46.6551 132.748 46.6551C130.941 46.6551 129.639 46.0489 128.76 45.1591Z" fill="white"/>
10840        </svg>
10841      </a>
10842    </div>
10843  </div>
10844  
10845  <div class="c_footer-frame31">
10846    <div class="c_footer-frame32">
10847      <div class="c_footer-text64">
10848        <p class="c_footer-text65">Copyright © 2026 TMG Industrial.</p>
10849      </div>
10850      <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
10851        <rect width="4" height="4" rx="2" fill="#302B2B"/>
10852        </svg>
10853      <div class="c_footer-text66">
10854        <p class="c_footer-text67"><a href="/policies/privacy-policy">Privacy Policy</a></p>
10855      </div>
10856      <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
10857        <rect width="4" height="4" rx="2" fill="#302B2B"/>
10858        </svg>
10859      <div class="c_footer-text68">
10860        <p class="c_footer-text69"><a href="/policies/terms-of-service">Terms of Service</a></p>
10861      </div>
10862    </div>
10863    <div class="c_footer-frame35">
10864      <div class="c_footer-frame36">
10865        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10866          <g clip-path="url(#clip0_2532_1592)">
10867            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10868            <path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="white"/>
10869            <path d="M28.3 10.1H28C27.6 11.1 27.3 11.6 27 13.1H28.9C28.6 11.6 28.6 10.9 28.3 10.1ZM31.2 16H29.5C29.4 16 29.4 16 29.3 15.9L29.1 15L29 14.8H26.6C26.5 14.8 26.4 14.8 26.4 15L26.1 15.9C26.1 16 26 16 26 16H23.9L24.1 15.5L27 8.7C27 8.2 27.3 8 27.8 8H29.3C29.4 8 29.5 8 29.5 8.2L30.9 14.7C31 15.1 31.1 15.4 31.1 15.8C31.2 15.9 31.2 15.9 31.2 16
10869ZM17.8 15.7L18.2 13.9C18.3 13.9 18.4 14 18.4 14C19.1 14.3 19.8 14.5 20.5 14.4C20.7 14.4 21 14.3 21.2 14.2C21.7 14 21.7 13.5 21.3 13.1C21.1 12.9 20.8 12.8 20.5 12.6C20.1 12.4 19.7 12.2 19.4 11.9C18.2 10.9 18.6 9.5 19.3 8.8C19.9 8.4 20.2 8 21 8C22.2 8 23.5 8 24.1 8.2H24.2C24.1 8.8 24 9.3 23.8 9.9C23.3 9.7 22.8 9.5 22.3 9.5C22 9.5 21.7 9.5 21.4 9.6C21.2 9.6 21.1 9.7 21 9.8C20.8 10 20.8 10.3 21 10.5L21.5 10.9C21.9 11.1 22.3 11.3 22.6 11.5C23.1 11.8 23.6 12.3 23.7 12.9C23.9 13.8 23.6 14.6 22.8 15.2C22.3 15.6 22.1 15.8 21.4 15.8C20 15.8 18.9 15.9 18 15.6C17.9 15.8 17.9 15.8 17.8 15.7ZM14.3 16C14.4 15.3 14.4 15.3 14.5 15C15 12.8 15.5 10.5 15.9 8.3C16 8.1 16 8 16.2 8H18C17.8 9.2 17.6 10.1 17.3 11.2C17 12.7 16.7 14.2 16.3 15.7C16.3 15.9 16.2 15.9 16 15.9M5 8.2C5 8.1 5.2 8 5.3 8H8.7C9.2 8 9.6 8.3 9.7 8.8L10.6 13.2C10.6 13.3 10.6 13.3 10.7 13.4C10.7 13.3 10.8 13.3 10.8 13.3L12.9 8.2C12.8 8.1 12.9 8 13 8H15.1C15.1 8.1 15.1 8.1 15 8.2L11.9 15.5C11.8 15.7 11.8 15.8 11.7 15.9C11.6 16 11.4 15.9 11.2 15.9H9.7C9.6 15.9 9.5 15.9 9.5 15.7L7.9 9.5C7.7 9.3 7.4 9 7 8.9C6.4 8.6 5.3 8.4 5.1 8.4L5 8.2Z" fill="#142688"/>
10870          </g>
10871          <defs>
10872            <clipPath id="clip0_2532_1592">
10873              <rect width="38" height="24" fill="white"/>
10874            </clipPath>
10875          </defs>
10876        </svg>
10877      </div>
10878      <div class="c_footer-frame37">
10879        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10880          <g clip-path="url(#clip0_2532_1582)">
10881            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10882            <path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="white"/>
10883            <path d="M15 19C18.866 19 22 15.866 22 12C22 8.13401 18.866 5 15 5C11.134 5 8 8.13401 8 12C8 15.866 11.134 19 15 19Z" fill="#EB001B"/>
10884            <path d="M23 19C26.866 19 30 15.866 30 12C30 8.13401 26.866 5 23 5C19.134 5 16 8.13401 16 12C16 15.866 19.134 19 23 19Z" fill="#F79E1B"/>
10885            <path d="M22 11.9998C22 9.5998 20.8 7.4998 19 6.2998C17.2 7.5998 16 9.6998 16 11.9998C16 14.2998 17.2 16.4998 19 17.6998C20.8 16.4998 22 14.3998 22 11.9998Z" fill="#FF5F00"/>
10886          </g>
10887          <defs>
10888            <clipPath id="clip0_2532_1582">
10889              <rect width="38" height="24" fill="white"/>
10890            </clipPath>
10891          </defs>
10892        </svg>
10893      </div>
10894      <div class="c_footer-frame38">
10895        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10896          <g clip-path="url(#clip0_2532_1560)">
10897            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10898            <path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#006FCF"/>
10899            <path d="M22.012 19.9361V11.5151L37 11.5281V13.8541L35.268 15.7061L37 17.5731V19.9481H34.234L32.764 18.3261L31.304 19.9541L22.012 19.9341V19.9361Z" fill="white"/>
10900            <path d="M23.0129 19.0119V12.4419H28.5849V13.9549H24.8169V14.9829H28.4949V16.4709H24.8169V17.4809H28.5849V19.0119H23.0129Z" fill="#006FCF"/>
10901            <path d="M28.557 19.0119L31.64 15.7229L28.557 12.4409H30.943L32.827 14.5239L34.717 12.4419H37V12.4929L33.983 15.7229L37 18.9199V19.0129H34.693L32.776 16.9099L30.878 19.0139H28.557V19.0119Z" fill="#006FCF"/>
10902            <path d="M22.71 4.04004H26.324L27.593 6.92104V4.04004H32.053L32.823 6.19904L33.594 4.04004H37V12.461H19L22.71 4.04004Z" fill="white"/>
10903            <path d="M23.395 4.95508L20.479 11.5211H22.479L23.029 10.2061H26.009L26.559 11.5211H28.609L25.705 4.95508H23.395ZM23.645 8.73208L24.52 6.64208L25.393 8.73208H23.645Z" fill="#006FCF"/>
10904            <path d="M28.5811 11.5201V4.95312L31.3921 4.96312L32.8401 9.00012L34.2961 4.95412H37.0001V11.5191L35.2601 11.5351V7.02513L33.6161 11.5191H32.0261L30.3501 7.01013V11.5201H28.5821H28.5811Z" fill="#006FCF"/>
10905          </g>
10906          <defs>
10907            <clipPath id="clip0_2532_1560">
10908              <rect width="38" height="24" fill="white"/>
10909            </clipPath>
10910          </defs>
10911        </svg>
10912      </div>
10913      <div class="c_footer-frame39">
10914        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10915          <g clip-path="url(#clip0_2532_1573)">
10916            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10917            <path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="white"/>
10918            <path d="M12 12V15.7C12 16 11.8 16 11.5 15.9C9.59998 15.1 8.49998 12.6 9.19998 10.5C9.59998 9.4 10.4 8.5 11.5 8.1C11.9 7.9 12 8 12 8.3V12ZM14 12V8.3C14 8 14 8 14.3 8.1C16.4 8.9 17.5 11.4 16.7 13.5C16.3 14.6 15.5 15.5 14.4 15.9C14 16.1 14 16 14 15.7V12ZM21.2 5H13C16.8 5 19.8 8.1 19.8 12C19.8 15.9 16.8 19 13 19H21.2C25 19 28 15.9 28 12C28 8.1 25 5 21.2 5Z" fill="#3086C8"/>
10919          </g>
10920          <defs>
10921            <clipPath id="clip0_2532_1573">
10922              <rect width="38" height="24" fill="white"/>
10923            </clipPath>
10924          </defs>
10925        </svg>
10926      </div>
10927      <div class="c_footer-frame40">
10928        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10929          <g clip-path="url(#clip0_2532_1588)">
10930            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10931            <path d="M35.889 0C37.05 0 38 0.982 38 2.182V21.818C38 23.018 37.05 24 35.889 24H2.11C0.95 24 0 23.018 0 21.818V2.182C0 0.982 0.95 0 2.111 0H35.889Z" fill="#5A31F4"/>
10932            <path d="M9.35001 11.368C8.33301 11.145 7.88001 11.058 7.88001 10.663C7.88001 10.291 8.18601 10.105 8.80001 10.105C9.34001 10.105 9.73401 10.343 10.025 10.809C10.0353 10.8263 10.0517 10.839 10.0711 10.8446C10.0904 10.8502 10.1111 10.8482 10.129 10.839L11.275 10.255C11.2848 10.2498 11.2934 10.2427 11.3003 10.234C11.3072 10.2254 11.3123 10.2155 11.3153 10.2048C11.3183 10.1942 11.3191 10.183 11.3177 10.1721C11.3163 10.1611 11.3126 10.1505 11.307 10.141C10.832 9.31 9.95401 8.855 8.79701 8.855C7.27701 8.855 6.33301 9.61 6.33301 10.811C6.33301 12.086 7.48301 12.408 8.50301 12.631C9.52301 12.853 9.97701 12.941 9.97701 13.336C9.97701 13.732 9.64501 13.918 8.98401 13.918C8.37201 13.918 7.91901 13.636 7.64401 13.088C7.63438 13.0692 7.61774 13.055 7.59771 13.0485C7.57767 13.0419 7.55586 13.0436 7.53701 13.053L6.39401 13.623C6.37461 13.633 6.35995 13.6503 6.35321 13.6711C6.34647 13.6919 6.34819 13.7145 6.35801 13.734C6.81201 14.654 7.74201 15.171 8.98501 15.171C10.568 15.171 11.524 14.429 11.524 13.191C11.524 11.953 10.369 11.593 9.35101 11.371L9.35001 11.368ZM15.49 8.855C14.84 8.855 14.266 9.087 13.854 9.501C13.8484 9.50698 13.841 9.51107 13.8329 9.51272C13.8249 9.51437 13.8165 9.5135 13.809 9.51022C13.8014 9.50694 13.7951 9.50141 13.7908 9.4944C13.7865 9.48738 13.7845 9.47921 13.785 9.471V6.831C13.7851 6.82041 13.7832 6.8099 13.7792 6.80008C13.7752 6.79026 13.7694 6.78132 13.7619 6.77378C13.7545 6.76625 13.7456 6.76027 13.7359 6.75618C13.7261 6.7521 13.7156 6.75 13.705 6.75H12.27C12.2593 6.75 12.2488 6.75213 12.2389 6.75628C12.2291 6.76042 12.2202 6.76649 12.2127 6.77413C12.2053 6.78178 
1093212.1994 6.79083 12.1955 6.80077C12.1916 6.81071 12.1897 6.82133 12.19 6.832V15.026C12.1897 15.0367 12.1916 15.0473 12.1955 15.0572C12.1994 15.0672 12.2053 15.0762 12.2127 15.0839C12.2202 15.0915 12.2291 15.0976 12.2389 15.1017C12.2488 15.1059 12.2593 15.108 12.27 15.108H13.703C13.7138 15.1081 13.7244 15.1061 13.7344 15.102C13.7444 15.0979 13.7534 15.0919 13.7609 15.0842C13.7685 15.0766 13.7744 15.0675 13.7784 15.0575C13.7824 15.0475 13.7843 15.0368 13.784 15.026V11.432C13.784 10.737 14.312 10.205 15.023 10.205C15.733 10.205 16.249 10.726 16.249 11.432V15.026C16.2487 15.0368 16.2506 15.0475 16.2546 15.0575C16.2586 15.0675 16.2645 15.0766 16.2721 15.0842C16.2796 15.0919 16.2887 15.0979 16.2986 15.102C16.3086 15.1061 16.3192 15.1081 16.33 15.108H17.763C17.7738 15.1081 17.7844 15.1061 17.7944 15.102C17.8044 15.0979 17.8134 15.0919 17.8209 15.0842C17.8285 15.0766 17.8344 15.0675 17.8384 15.0575C17.8424 15.0475 17.8443 15.0368 17.844 15.026V11.432C17.844 9.922 16.864 8.855 15.49 8.855ZM20.753 8.62C19.975 8.62 19.246 8.86 18.723 9.208C18.7055 9.21932 18.6929 9.2369 18.6879 9.25715C18.6829 9.2774 18.6858 9.29881 18.696 9.317L19.328 10.405C19.3332 10.4143 19.3402 10.4224 19.3485 10.4289C19.3569 10.4354 19.3665 10.4402 19.3767 10.443C19.387 10.4458 19.3977 10.4466 19.4082 10.4452C19.4187 10.4438 19.4288 10.4403 19.438 10.435C19.8348 10.1928 20.2912 10.0661 20.756 10.069C22.006 10.069 22.926 10.96 22.926 12.137C22.926 13.14 22.19 13.882 21.257 13.882C20.497 13.882 19.969 13.436 19.969 12.805C19.969 12.444 20.121 12.148 20.517 11.939C20.5268 11.934 20.5355 11.927 20.5425 11.9185C20.5495 11.91 20.5547 11.9001 20.5577 11.8895C20.5607 11.8789 20.5615 11.8678 20.56 11.8568C20.5585 11.8459 20.5548 11.8354 20.549 11.826L19.953 10.808C19.9435 10.7914 19.9284 10.7788 19.9105 10.7724C19.8925 10.766 19.8728 10.7662 19.855 10.773C19.056 11.072 18.496 11.791 18.496 12.757C18.496 14.217 19.648 15.307 21.256 15.307C23.133 15.307 24.483 13.994 24.483 12.112C24.483 10.094 22.913 8.62 20.753 8.62ZM28.675 8.843C27.951 8.843 27.302 9.113 26.83 9.589C26.804 9.616 26.761 9.596 26.761 9.56V8.988C26.7613 8.97733 26.7594 8.96671 26.7555 8.95677C26.7516 8.94683 26.7458 8.93778 26.7383 8.93013C26.7308 8.92249 26.7219 8.91642 26.7121 8.91228C26.7023 8.90813 26.6917 8.906 26.681 8.906H25.284C25.2733 8.906 25.2628 8.90813 25.2529 8.91228C25.2431 8.91642 25.2342 8.92249 25.2267 8.93013C25.2193 8.93778 25.2134 8.94683 25.2095 8.95677C25.2056 8.96671 25.2037 8.97733 25.204 8.988V17.17C25.2039 17.1806 25.2058 17.1911 25.2098 17.2009C25.2138 17.2107 25.2196 17.2197 25.2271 17.2272C25.2345 17.2348 25.2434 17.2407 25.2532 17.2448C25.2629 17.2489 25.2734 17.251 25.284 17.251H26.717C26.7277 17.2511 26.7383 17.2491 26.7482 17.2451C26.7581 17.2411 26.767 17.2351 26.7746 17.2276C26.7821 17.22 26.7881 17.211 26.7921 17.2012C26.7961 17.1913 26.7981 17.1807 26.798 17.17V14.487C26.798 14.451 26.841 14.433 26.867 14.457C27.3569 14.9147 28.0046 15.1655 28.675 15.157C30.357 15.157 31.668 13.784 31.668 12C31.668 10.216 30.355 8.843 28.675 8.843ZM28.404 13.772C27.448 13.772 26.723 13.004 26.723 11.989C26.723 10.974 27.446 10.206 28.404 10.206C29.362 10.206 30.084 10.961 30.084 11.989C30.084 13.016 29.372 13.772 28.404 13.772Z" fill="white"/>
10933          </g>
10934          <defs>
10935            <clipPath id="clip0_2532_1588">
10936              <rect width="38" height="24" fill="white"/>
10937            </clipPath>
10938          </defs>
10939        </svg>
10940      </div>
10941      <div class="c_footer-frame41">
10942        <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10943          <g clip-path="url(#clip0_2532_1573)">
10944            <path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/>
10945            <path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="white"/>
10946            <path d="M12 12V15.7C12 16 11.8 16 11.5 15.9C9.59998 15.1 8.49998 12.6 9.19998 10.5C9.59998 9.4 10.4 8.5 11.5 8.1C11.9 7.9 12 8 12 8.3V12ZM14 12V8.3C14 8 14 8 14.3 8.1C16.4 8.9 17.5 11.4 16.7 13.5C16.3 14.6 15.5 15.5 14.4 15.9C14 16.1 14 16 14 15.7V12ZM21.2 5H13C16.8 5 19.8 8.1 19.8 12C19.8 15.9 16.8 19 13 19H21.2C25 19 28 15.9 28 12C28 8.1 25 5 21.2 5Z" fill="#3086C8"/>
10947          </g>
10948          <defs>
10949            <clipPath id="clip0_2532_1573">
10950              <rect width="38" height="24" fill="white"/>
10951            </clipPath>
10952          </defs>
10953        </svg>
10954      </div>
10955    </div>
10956  </div>
10957</div>
10958
10959<style>
10960.c_footer-frame10,
10961.c_footer-instance1 {
10962  width: 100%;
10963  display: flex;
10964  position: relative;
10965  box-sizing: border-box;
10966}
10967
10968.c_footer-instance1 {
10969  gap: 48px;
10970  padding: 96px;
10971
10972  align-items: center;
10973  flex-direction: column;
10974  justify-content: flex-start;
10975  background-color: #0e0e0e;
10976}
10977
10978.c_footer-frame10 {
10979  gap: 49px;
10980  max-width: 1248px;
10981  align-items: center;
10982  justify-content: left;
10983}
10984
10985.c_footer-instance2 {
10986  width: 100%;
10987  max-width: 184px;
10988  box-sizing: border-box;
10989  transition: transform 0.3s ease;
10990}
10991
10992.c_footer-instance2:hover {
10993  transform: scale(1.02);
10994}
10995
10996.c_footer-text10,
10997.c_footer-text11 {
10998  margin-top: 0;
10999  text-align: left;
11000  margin-bottom: 0;
11001}
11002
11003.c_footer-text10 {
11004  width: 100%;
11005  max-width: 394px;
11006  min-height: 39px;
11007}
11008
11009.c_footer-text11 {
11010  color: #a4a4a4;
11011  font-size: 10px;
11012  font-style: normal;
11013  font-family: "Manrope",sans-serif;
11014  font-weight: 400;
11015  line-height: 13px;
11016  letter-spacing: 0;
11017  text-transform: none;
11018}
11019
11020.c_footer-frame11 {
11021  width: 100%;
11022  height: auto;
11023  margin: 0;
11024  display: block;
11025  max-width: 1248px;
11026}
11027
11028.c_footer-frame12,
11029.c_footer-frame13,
11030.c_footer-frame14 {
11031  gap: 128px;
11032  width: 100%;
11033  display: flex;
11034  position: relative;
11035  box-sizing: border-box;
11036  align-items: flex-start;
11037}
11038
11039.c_footer-frame12 {
11040  overflow: hidden;
11041  max-width: 1248px;
11042  justify-content: space-between;
11043}
11044
11045.c_footer-frame13,
11046.c_footer-frame14 {
11047  max-width: 646px;
11048  justify-content: flex-start;
11049}
11050
11051.c_footer-frame14 {
11052  gap: 16px;
11053  overflow: hidden;
11054  max-width: 123px;
11055  flex-direction: column;
11056}
11057
11058.c_footer-text12,
11059.c_footer-text13 {
11060  margin-top: 0;
11061  text-align: left;
11062  margin-bottom: 0;
11063}
11064
11065.c_footer-text12 {
11066  width: 100%;
11067  max-width: auto;
11068  min-height: auto;
11069}
11070
11071.c_footer-text13 {
11072  color: #fff;
11073  font-size: 16px;
11074  font-style: normal;
11075  font-family: "Manrope",sans-serif;
11076  font-weight: 700;
11077  line-height: 21px;
11078  letter-spacing: 0;
11079  text-transform: none;
11080}
11081
11082.c_footer-frame15 {
11083  gap: 6px;
11084  width: 100%;
11085  display: flex;
11086  position: relative;
11087  max-width: 123px;
11088  box-sizing: border-box;
11089  align-items: flex-start;
11090  flex-direction: column;
11091  justify-content: flex-start;
11092}
11093
11094.c_footer-text14 {
11095  width: 100%;
11096  max-width: auto;
11097  min-height: auto;
11098}
11099
11100.c_footer-text14,
11101.c_footer-text15,
11102.c_footer-text16 {
11103  margin-top: 0;
11104  text-align: left;
11105  margin-bottom: 0;
11106}
11107
11108.c_footer-text15 {
11109  color: #968e8c;
11110  font-size: 12px;
11111  font-style: normal;
11112  font-family: "Manrope",sans-serif;
11113  font-weight: 400;
11114  line-height: 16px;
11115  letter-spacing: 0;
11116  text-transform: none;
11117}
11118
11119.c_footer-text15 a,
11120.c_footer-text17 a,
11121.c_footer-text19 a,
11122.c_footer-text21 a,
11123.c_footer-text23 a,
11124.c_footer-text25 a,
11125.c_footer-text27 a,
11126.c_footer-text29 a,
11127.c_footer-text31 a,
11128.c_footer-text35 a,
11129.c_footer-text37 a,
11130.c_footer-text39 a,
11131.c_footer-text41 a,
11132.c_footer-text43 a,
11133.c_footer-text47 a,
11134.c_footer-text49 a,
11135.c_footer-text51 a,
11136.c_footer-text53 a,
11137.c_footer-text67 a,
11138.c_footer-text69 a {
11139  color: #968e8c;
11140  text-decoration: none;
11141  transition: color 0.3s ease;
11142}
11143
11144.c_footer-text15 a:hover,
11145.c_footer-text17 a:hover,
11146.c_footer-text19 a:hover,
11147.c_footer-text21 a:hover,
11148.c_footer-text23 a:hover,
11149.c_footer-text25 a:hover,
11150.c_footer-text27 a:hover,
11151.c_footer-text29 a:hover,
11152.c_footer-text31 a:hover,
11153.c_footer-text35 a:hover,
11154.c_footer-text37 a:hover,
11155.c_footer-text39 a:hover,
11156.c_footer-text41 a:hover,
11157.c_footer-text43 a:hover,
11158.c_footer-text47 a:hover,
11159.c_footer-text49 a:hover,
11160.c_footer-text51 a:hover,
11161.c_footer-text53 a:hover,
11162.c_footer-text67 a:hover,
11163.c_footer-text69 a:hover {
11164  color: #fff;
11165}
11166
11167.c_footer-text16 {
11168  width: 100%;
11169  max-width: auto;
11170  min-height: auto;
11171}
11172
11173.c_footer-text17 {
11174  color: #968e8c;
11175  font-size: 12px;
11176  font-style: normal;
11177  font-family: "Manrope",sans-serif;
11178  font-weight: 400;
11179  line-height: 16px;
11180  letter-spacing: 0;
11181  text-transform: none;
11182}
11183
11184.c_footer-text17,
11185.c_footer-text18,
11186.c_footer-text19 {
11187  margin-top: 0;
11188  text-align: left;
11189  margin-bottom: 0;
11190}
11191
11192.c_footer-text18 {
11193  width: 100%;
11194  max-width: auto;
11195  min-height: auto;
11196}
11197
11198.c_footer-text19 {
11199  color: #968e8c;
11200  font-size: 12px;
11201  font-style: normal;
11202  font-family: "Manrope",sans-serif;
11203  font-weight: 400;
11204  line-height: 16px;
11205  letter-spacing: 0;
11206  text-transform: none;
11207}
11208
11209.c_footer-text20 {
11210  width: 100%;
11211  max-width: auto;
11212  min-height: auto;
11213}
11214
11215.c_footer-text20,
11216.c_footer-text21,
11217.c_footer-text22 {
11218  margin-top: 0;
11219  text-align: left;
11220  margin-bottom: 0;
11221}
11222
11223.c_footer-text21 {
11224  color: #968e8c;
11225  font-size: 12px;
11226  font-style: normal;
11227  font-family: "Manrope",sans-serif;
11228  font-weight: 400;
11229  line-height: 16px;
11230  letter-spacing: 0;
11231  text-transform: none;
11232}
11233
11234.c_footer-text22 {
11235  width: 100%;
11236  max-width: auto;
11237  min-height: auto;
11238}
11239
11240.c_footer-text23 {
11241  color: #968e8c;
11242  font-size: 12px;
11243  font-style: normal;
11244  font-family: "Manrope",sans-serif;
11245  font-weight: 400;
11246  line-height: 16px;
11247  letter-spacing: 0;
11248  text-transform: none;
11249}
11250
11251.c_footer-text23,
11252.c_footer-text24,
11253.c_footer-text25 {
11254  margin-top: 0;
11255  text-align: left;
11256  margin-bottom: 0;
11257}
11258
11259.c_footer-text24 {
11260  width: 100%;
11261  max-width: auto;
11262  min-height: auto;
11263}
11264
11265.c_footer-text25 {
11266  color: #968e8c;
11267  font-size: 12px;
11268  font-style: normal;
11269  font-family: "Manrope",sans-serif;
11270  font-weight: 400;
11271  line-height: 16px;
11272  letter-spacing: 0;
11273  text-transform: none;
11274}
11275
11276.c_footer-text26 {
11277  width: 100%;
11278  max-width: auto;
11279  min-height: auto;
11280}
11281
11282.c_footer-text26,
11283.c_footer-text27,
11284.c_footer-text28 {
11285  margin-top: 0;
11286  text-align: left;
11287  margin-bottom: 0;
11288}
11289
11290.c_footer-text27 {
11291  color: #968e8c;
11292  font-size: 12px;
11293  font-style: normal;
11294  font-family: "Manrope",sans-serif;
11295  font-weight: 400;
11296  line-height: 16px;
11297  letter-spacing: 0;
11298  text-transform: none;
11299}
11300
11301.c_footer-text28 {
11302  width: 100%;
11303  max-width: auto;
11304  min-height: auto;
11305}
11306
11307.c_footer-text29 {
11308  color: #968e8c;
11309  font-size: 12px;
11310  font-style: normal;
11311  font-family: "Manrope",sans-serif;
11312  font-weight: 400;
11313  line-height: 16px;
11314  letter-spacing: 0;
11315  text-transform: none;
11316}
11317
11318.c_footer-text29,
11319.c_footer-text30,
11320.c_footer-text31 {
11321  margin-top: 0;
11322  text-align: left;
11323  margin-bottom: 0;
11324}
11325
11326.c_footer-text30 {
11327  width: 100%;
11328  max-width: auto;
11329  min-height: auto;
11330}
11331
11332.c_footer-text31 {
11333  color: #968e8c;
11334  font-size: 12px;
11335  font-style: normal;
11336  font-family: "Manrope",sans-serif;
11337  font-weight: 400;
11338  line-height: 16px;
11339  letter-spacing: 0;
11340  text-transform: none;
11341}
11342
11343.c_footer-frame16 {
11344  gap: 16px;
11345  width: 100%;
11346  display: flex;
11347  overflow: hidden;
11348  position: relative;
11349  max-width: 87px;
11350  box-sizing: border-box;
11351  align-items: flex-start;
11352  flex-direction: column;
11353  justify-content: flex-start;
11354}
11355
11356.c_footer-text32,
11357.c_footer-text33 {
11358  margin-top: 0;
11359  text-align: left;
11360  margin-bottom: 0;
11361}
11362
11363.c_footer-text32 {
11364  width: 100%;
11365  max-width: auto;
11366  min-height: auto;
11367}
11368
11369.c_footer-text33 {
11370  color: #fff;
11371  font-size: 16px;
11372  font-style: normal;
11373  font-family: "Manrope",sans-serif;
11374  font-weight: 700;
11375  line-height: 21px;
11376  letter-spacing: 0;
11377  text-transform: none;
11378}
11379
11380.c_footer-frame17 {
11381  gap: 6px;
11382  width: 100%;
11383  display: flex;
11384  position: relative;
11385  max-width: 63px;
11386  box-sizing: border-box;
11387  align-items: flex-start;
11388  flex-direction: column;
11389  justify-content: flex-start;
11390}
11391
11392.c_footer-text34 {
11393  width: 100%;
11394  max-width: auto;
11395  margin-top: 0;
11396  min-height: auto;
11397  text-align: left;
11398  margin-bottom: 0;
11399}
11400
11401.c_footer-text35 {
11402  color: #968e8c;
11403  font-size: 12px;
11404  font-style: normal;
11405  font-family: "Manrope",sans-serif;
11406  font-weight: 400;
11407  line-height: 16px;
11408  letter-spacing: 0;
11409  text-transform: none;
11410}
11411
11412.c_footer-text35,
11413.c_footer-text36,
11414.c_footer-text37 {
11415  margin-top: 0;
11416  text-align: left;
11417  margin-bottom: 0;
11418}
11419
11420.c_footer-text36 {
11421  width: 100%;
11422  max-width: auto;
11423  min-height: auto;
11424}
11425
11426.c_footer-text37 {
11427  color: #968e8c;
11428  font-size: 12px;
11429  font-style: normal;
11430  font-family: "Manrope",sans-serif;
11431  font-weight: 400;
11432  line-height: 16px;
11433  letter-spacing: 0;
11434  text-transform: none;
11435}
11436
11437.c_footer-text38 {
11438  width: 100%;
11439  max-width: auto;
11440  min-height: auto;
11441}
11442
11443.c_footer-text38,
11444.c_footer-text39,
11445.c_footer-text40 {
11446  margin-top: 0;
11447  text-align: left;
11448  margin-bottom: 0;
11449}
11450
11451.c_footer-text39 {
11452  color: #968e8c;
11453  font-size: 12px;
11454  font-style: normal;
11455  font-family: "Manrope",sans-serif;
11456  font-weight: 400;
11457  line-height: 16px;
11458  letter-spacing: 0;
11459  text-transform: none;
11460}
11461
11462.c_footer-text40 {
11463  width: 100%;
11464  max-width: auto;
11465  min-height: auto;
11466}
11467
11468.c_footer-text41 {
11469  color: #968e8c;
11470  font-size: 12px;
11471  font-style: normal;
11472  font-family: "Manrope",sans-serif;
11473  font-weight: 400;
11474  line-height: 16px;
11475  letter-spacing: 0;
11476  text-transform: none;
11477}
11478
11479.c_footer-text41,
11480.c_footer-text42,
11481.c_footer-text43 {
11482  margin-top: 0;
11483  text-align: left;
11484  margin-bottom: 0;
11485}
11486
11487.c_footer-text42 {
11488  width: 100%;
11489  max-width: auto;
11490  min-height: auto;
11491}
11492
11493.c_footer-text43 {
11494  color: #968e8c;
11495  font-size: 12px;
11496  font-style: normal;
11497  font-family: "Manrope",sans-serif;
11498  font-weight: 400;
11499  line-height: 16px;
11500  letter-spacing: 0;
11501  text-transform: none;
11502}
11503
11504.c_footer-frame18 {
11505  gap: 16px;
11506  width: 100%;
11507  display: flex;
11508  overflow: hidden;
11509  position: relative;
11510  max-width:100%;
11511  box-sizing: border-box;
11512  align-items: flex-start;
11513  flex-direction: column;
11514  justify-content: flex-start;
11515}
11516
11517.c_footer-text44,
11518.c_footer-text45 {
11519  margin-top: 0;
11520  text-align: left;
11521  margin-bottom: 0;
11522}
11523
11524.c_footer-text44 {
11525  width: 100%;
11526  max-width: auto;
11527  min-height: auto;
11528}
11529
11530.c_footer-text45 {
11531  color: #fff;
11532  font-size: 16px;
11533  font-style: normal;
11534  font-family: "Manrope",sans-serif;
11535  font-weight: 700;
11536  line-height: 21px;
11537  letter-spacing: 0;
11538  text-transform: none;
11539}
11540
11541.c_footer-frame19 {
11542  gap: 6px;
11543  width: 100%;
11544  display: flex;
11545  position: relative;
11546  max-width: 96px;
11547  box-sizing: border-box;
11548  align-items: flex-start;
11549  flex-direction: column;
11550  justify-content: flex-start;
11551}
11552
11553.c_footer-text46,
11554.c_footer-text47 {
11555  margin-top: 0;
11556  text-align: left;
11557  margin-bottom: 0;
11558}
11559
11560.c_footer-text46 {
11561  width: 100%;
11562  max-width: auto;
11563  min-height: auto;
11564}
11565
11566.c_footer-text47 {
11567  color: #968e8c;
11568  font-size: 12px;
11569  font-style: normal;
11570  font-family: "Manrope",sans-serif;
11571  font-weight: 400;
11572  line-height: 16px;
11573  letter-spacing: 0;
11574  text-transform: none;
11575}
11576
11577.c_footer-text48 {
11578  width: 100%;
11579  max-width: auto;
11580  min-height: auto;
11581}
11582
11583.c_footer-text48,
11584.c_footer-text49,
11585.c_footer-text50 {
11586  margin-top: 0;
11587  text-align: left;
11588  margin-bottom: 0;
11589}
11590
11591.c_footer-text49 {
11592  color: #968e8c;
11593  font-size: 12px;
11594  font-style: normal;
11595  font-family: "Manrope",sans-serif;
11596  font-weight: 400;
11597  line-height: 16px;
11598  letter-spacing: 0;
11599  text-transform: none;
11600}
11601
11602.c_footer-text50 {
11603  width: 100%;
11604  max-width: auto;
11605  min-height: auto;
11606}
11607
11608.c_footer-text51 {
11609  color: #968e8c;
11610  font-size: 12px;
11611  font-style: normal;
11612  font-family: "Manrope",sans-serif;
11613  font-weight: 400;
11614  line-height: 16px;
11615  letter-spacing: 0;
11616  text-transform: none;
11617}
11618
11619.c_footer-text51,
11620.c_footer-text52,
11621.c_footer-text53 {
11622  margin-top: 0;
11623  text-align: left;
11624  margin-bottom: 0;
11625}
11626
11627.c_footer-text52 {
11628  width: 100%;
11629  max-width: auto;
11630  min-height: auto;
11631}
11632
11633.c_footer-text53 {
11634  color: #968e8c;
11635  font-size: 12px;
11636  font-style: normal;
11637  font-family: "Manrope",sans-serif;
11638  font-weight: 400;
11639  line-height: 16px;
11640  letter-spacing: 0;
11641  text-transform: none;
11642}
11643
11644.c_footer-frame20 {
11645  gap: 16px;
11646  width: 100%;
11647  display: flex;
11648  overflow: hidden;
11649  position: relative;
11650  max-width: 272px;
11651  box-sizing: border-box;
11652  align-items: flex-start;
11653  flex-direction: column;
11654  justify-content: flex-start;
11655}
11656
11657.c_footer-text54,
11658.c_footer-text55 {
11659  margin-top: 0;
11660  text-align: left;
11661  margin-bottom: 0;
11662}
11663
11664.c_footer-text54 {
11665  width: 100%;
11666  max-width: auto;
11667  min-height: auto;
11668}
11669
11670.c_footer-text55 {
11671  color: #fff;
11672  font-size: 16px;
11673  font-style: normal;
11674  font-family: "Manrope",sans-serif;
11675  font-weight: 700;
11676  line-height: 21px;
11677  letter-spacing: 0;
11678  text-transform: none;
11679}
11680
11681.c_footer-frame21 {
11682  width: 100%;
11683  max-width: 272px;
11684  box-sizing: border-box;
11685}
11686
11687.c_footer-text56,
11688.c_footer-text57 {
11689  margin-top: 0;
11690  text-align: left;
11691  margin-bottom: 0;
11692}
11693
11694.c_footer-text56 {
11695  width: 100%;
11696  max-width: 100%;
11697  min-height: auto;
11698}
11699
11700.c_footer-text57 {
11701  color: #968e8c;
11702  font-size: 12px;
11703  font-style: normal;
11704  font-family: "Manrope",sans-serif;
11705  font-weight: 400;
11706  line-height: 16px;
11707  letter-spacing: 0;
11708  text-transform: none;
11709}
11710
11711.c_footer-frame22 {
11712  gap: 8px;
11713  max-width: 272px;
11714  align-items: flex-start;
11715  flex-direction: column;
11716  justify-content: flex-start;
11717}
11718
11719.c_footer-frame22,
11720.c_footer-frame23,
11721.c_footer-frame24,
11722.c_footer-instance3 {
11723  width: 100%;
11724  display: flex;
11725  position: relative;
11726  box-sizing: border-box;
11727}
11728
11729.c_footer-instance3 {
11730  gap: 4px;
11731  padding: 8px 0 0;
11732  overflow: hidden;
11733  max-width: 272px;
11734  align-items: flex-start;
11735  flex-direction: column;
11736  justify-content: center;
11737}
11738
11739.c_footer-frame23,
11740.c_footer-frame24 {
11741  gap: 8px;
11742  align-items: center;
11743  justify-content: flex-start;
11744}
11745
11746.c_footer-frame23 {
11747  padding: 14px 16px 12px;
11748  overflow: hidden;
11749  max-width: 272px;
11750  border-top: 1px solid #635e5c;
11751  border-left: 1px solid #635e5c;
11752  border-right: 1px solid #635e5c;
11753  border-bottom: 1px solid #635e5c;
11754  border-radius: 3px 3px 3px 3px;
11755  background-color: #0e0e0e;
11756}
11757
11758.c_footer-frame24 {
11759  max-width: 240px;
11760}
11761
11762.c_footer-text58,
11763.c_footer-text59 {
11764  margin-top: 0;
11765  text-align: left;
11766  margin-bottom: 0;
11767}
11768
11769.c_footer-text58 {
11770  width: 100%;
11771  max-width: auto;
11772  min-height: auto;
11773}
11774
11775.c_footer-text59 {
11776  color: #635e5c;
11777  font-size: 14px;
11778  font-style: normal;
11779  font-family: "Manrope",sans-serif;
11780  font-weight: 500;
11781  line-height: 18px;
11782  letter-spacing: 0;
11783  text-transform: none;
11784}
11785
11786.c_footer-frame25 {
11787  width: 100%;
11788  height: auto;
11789  margin: 0;
11790  display: block;
11791  position: absolute;
11792  max-width: 100px;
11793  max-height: 30px;
11794}
11795
11796.c_footer-frame26 {
11797  gap: 10px;
11798  width: 100%;
11799  display: flex;
11800  padding: 2px 4px;
11801  position: absolute;
11802  max-width: 39px;
11803  box-sizing: border-box;
11804  align-items: center;
11805  justify-content: center;
11806  background-color: #0e0e0e;
11807}
11808
11809.c_footer-text60,
11810.c_footer-text61 {
11811  margin-top: 0;
11812  text-align: left;
11813  margin-bottom: 0;
11814}
11815
11816.c_footer-text60 {
11817  width: 100%;
11818  max-width: auto;
11819  min-height: auto;
11820}
11821
11822.c_footer-text61 {
11823  color: #fff;
11824  font-size: 12px;
11825  font-style: normal;
11826  font-family: "Manrope",sans-serif;
11827  font-weight: 500;
11828  line-height: normal;
11829  letter-spacing: 0;
11830  text-transform: none;
11831}
11832
11833.c_footer-instance4 {
11834  gap: 6px;
11835  width: 100%;
11836  display: flex;
11837  padding: 12px 18px;
11838  position: relative;
11839  max-width: 272px;
11840  box-sizing: border-box;
11841  align-items: center;
11842  border-radius: 3px 3px 3px 3px;
11843  justify-content: center;
11844  background-color: #fff;
11845  cursor: pointer;
11846  transition: background-color 0.3s ease;
11847}
11848
11849.c_footer-instance4:hover {
11850  background-color: #f0f0f0;
11851}
11852
11853.c_footer-text62,
11854.c_footer-text63 {
11855  margin-top: 0;
11856  text-align: left;
11857  margin-bottom: 0;
11858}
11859
11860.c_footer-text62 {
11861  width: 100%;
11862  max-width: auto;
11863  min-height: auto;
11864}
11865
11866.c_footer-text63 {
11867  color: #1b1717;
11868  font-size: 14px;
11869  font-style: normal;
11870  font-family: "Manrope",sans-serif;
11871  font-weight: 700;
11872  line-height: 17px;
11873  letter-spacing: -1px;
11874  text-transform: none;
11875}
11876
11877.c_footer-frame27,
11878.c_footer-frame28 {
11879  width: 100%;
11880  display: flex;
11881  position: relative;
11882  box-sizing: border-box;
11883  align-items: center;
11884}
11885
11886.c_footer-frame27 {
11887  gap: 128px;
11888  overflow: hidden;
11889  max-width: 1248px;
11890  justify-content: space-between;
11891}
11892
11893.c_footer-frame28 {
11894  gap: 16px;
11895  max-width: 128px;
11896  justify-content: flex-start;
11897}
11898
11899.c_footer-frame29,
11900.c_footer-instance5,
11901.c_footer-instance6,
11902.c_footer-instance7 {
11903  width: 100%;
11904  box-sizing: border-box;
11905  align-items: flex-start;
11906  justify-content: flex-start;
11907}
11908
11909.c_footer-instance5,
11910.c_footer-instance6,
11911.c_footer-instance7 {
11912  max-width: 32px;
11913  flex-direction: column;
11914  cursor: pointer;
11915  transition: opacity 0.3s ease;
11916  display: flex;
11917  align-items: center;
11918  justify-content: center;
11919  text-decoration: none;
11920}
11921
11922.c_footer-instance5:hover,
11923.c_footer-instance6:hover,
11924.c_footer-instance7:hover {
11925  opacity: 0.7;
11926}
11927
11928.c_footer-instance5 svg,
11929.c_footer-instance6 svg,
11930.c_footer-instance7 svg {
11931  width: 32px;
11932  height: 32px;
11933  transition: transform 0.3s ease;
11934}
11935
11936.c_footer-instance5:hover svg,
11937.c_footer-instance6:hover svg,
11938.c_footer-instance7:hover svg {
11939  transform: scale(1.1);
11940}
11941
11942.c_footer-frame29 {
11943  gap: 8px;
11944  display: flex;
11945  position: relative;
11946  max-width: 265px;
11947}
11948
11949.c_footer-rectangle {
11950  width: 100%;
11951  height: auto;
11952  margin: 0;
11953  display: block;
11954  max-width: 67px;
11955  border-radius: 12px 12px 12px 12px;
11956}
11957
11958.c_footer-frame30 {
11959  width: 100%;
11960  overflow: hidden;
11961  max-width: 190px;
11962  box-sizing: border-box;
11963  align-items: flex-start;
11964  flex-direction: column;
11965  justify-content: flex-start;
11966  text-decoration: none;
11967  display: flex;
11968  transition: opacity 0.3s ease;
11969}
11970
11971.c_footer-frame30:hover {
11972  opacity: 0.8;
11973}
11974
11975.c_footer-frame30 svg {
11976  width: 190px;
11977  height: 66px;
11978  transition: transform 0.3s ease;
11979}
11980
11981.c_footer-frame30:hover svg {
11982  transform: scale(1.02);
11983}
11984
11985.c_footer-frame31,
11986.c_footer-frame32 {
11987  gap: 16px;
11988  width: 100%;
11989  display: flex;
11990  position: relative;
11991  box-sizing: border-box;
11992  align-items: center;
11993}
11994
11995.c_footer-frame31 {
11996  overflow: hidden;
11997  max-width: 1248px;
11998  justify-content: space-between;
11999}
12000
12001.c_footer-frame32 {
12002  max-width: 436px;
12003  justify-content: flex-start;
12004}
12005
12006.c_footer-text64,
12007.c_footer-text65 {
12008  margin-top: 0;
12009  text-align: left;
12010  margin-bottom: 0;
12011}
12012
12013.c_footer-text64 {
12014  width: 100%;
12015  max-width: auto;
12016  min-height: auto;
12017}
12018
12019.c_footer-text65 {
12020  color: #968e8c;
12021  font-size: 12px;
12022  font-style: normal;
12023  font-family: "Manrope",sans-serif;
12024  font-weight: 400;
12025  line-height: 16px;
12026  letter-spacing: 0;
12027  text-transform: none;
12028}
12029
12030.c_footer-frame33 {
12031  width: 100%;
12032  height: auto;
12033  margin: 0;
12034  display: block;
12035  max-width: 4px;
12036  border-radius: 999px 999px 999px 999px;
12037}
12038
12039.c_footer-text66,
12040.c_footer-text67 {
12041  margin-top: 0;
12042  text-align: left;
12043  margin-bottom: 0;
12044}
12045
12046.c_footer-text66 {
12047  width: 100%;
12048  max-width: auto;
12049  min-height: auto;
12050}
12051
12052.c_footer-text67 {
12053  color: #968e8c;
12054  font-size: 12px;
12055  font-style: normal;
12056  font-family: "Manrope",sans-serif;
12057  font-weight: 400;
12058  line-height: 16px;
12059  letter-spacing: 0;
12060  text-transform: none;
12061}
12062
12063.c_footer-frame34 {
12064  width: 100%;
12065  height: auto;
12066  margin: 0;
12067  display: block;
12068  max-width: 4px;
12069  border-radius: 999px 999px 999px 999px;
12070}
12071
12072.c_footer-text68,
12073.c_footer-text69 {
12074  margin-top: 0;
12075  text-align: left;
12076  margin-bottom: 0;
12077}
12078
12079.c_footer-text68 {
12080  width: 100%;
12081  max-width: auto;
12082  min-height: auto;
12083}
12084
12085.c_footer-text69 {
12086  color: #968e8c;
12087  font-size: 12px;
12088  font-style: normal;
12089  font-family: "Manrope",sans-serif;
12090  font-weight: 400;
12091  line-height: 16px;
12092  letter-spacing: 0;
12093  text-transform: none;
12094}
12095
12096.c_footer-frame35 {
12097  gap: 10px;
12098  width: 100%;
12099  display: flex;
12100  position: relative;
12101  max-width: 278px;
12102  box-sizing: border-box;
12103  align-items: flex-start;
12104  justify-content: flex-start;
12105}
12106
12107.c_footer-frame36,
12108.c_footer-frame37,
12109.c_footer-frame38,
12110.c_footer-frame39,
12111.c_footer-frame40,
12112.c_footer-frame41 {
12113  width: 100%;
12114  overflow: hidden;
12115  max-width: 38px;
12116  box-sizing: border-box;
12117  align-items: flex-start;
12118  flex-direction: column;
12119  justify-content: flex-start;
12120  cursor: pointer;
12121  transition: opacity 0.3s ease;
12122  display: flex;
12123}
12124
12125.c_footer-frame36:hover,
12126.c_footer-frame37:hover,
12127.c_footer-frame38:hover,
12128.c_footer-frame39:hover,
12129.c_footer-frame40:hover,
12130.c_footer-frame41:hover {
12131  opacity: 0.7;
12132}
12133
12134.c_footer-frame36 svg,
12135.c_footer-frame37 svg,
12136.c_footer-frame38 svg,
12137.c_footer-frame39 svg,
12138.c_footer-frame40 svg,
12139.c_footer-frame41 svg {
12140  width: 38px;
12141  height: 24px;
12142  transition: transform 0.3s ease;
12143}
12144
12145.c_footer-frame36:hover svg,
12146.c_footer-frame37:hover svg,
12147.c_footer-frame38:hover svg,
12148.c_footer-frame39:hover svg,
12149.c_footer-frame40:hover svg,
12150.c_footer-frame41:hover svg {
12151  transform: scale(1.05);
12152}
12153
12154/* Responsive Design */
12155@media (max-width: 768px) {
12156  .c_footer-instance1 {
12157    padding: 0px 20px 48px 20px;
12158    gap: 15px;
12159  }
12160  
12161  .c_footer-frame10 {
12162    flex-direction: column;
12163    gap: 24px;
12164    text-align: left;
12165    align-items: flex-start;
12166  }
12167  
12168  .c_footer-frame12 {
12169    flex-direction: column;
12170    gap: 32px;
12171    align-items: flex-start;
12172  }
12173  
12174  .c_footer-frame13 {
12175    flex-direction: column;
12176    gap: 32px;
12177    align-items: flex-start;
12178  }
12179  
12180  .c_footer-frame27 {
12181    flex-direction: column;
12182    gap: 24px;
12183    align-items: flex-start;
12184  }
12185  
12186  .c_footer-frame28 {
12187    justify-content: flex-start;
12188  }
12189  
12190  .c_footer-frame29 {
12191    justify-content: flex-start;
12192  }
12193  
12194  .c_footer-frame31 {
12195    flex-direction: column;
12196    gap: 24px;
12197    align-items: flex-start;
12198  }
12199  
12200  .c_footer-frame32 {
12201    flex-direction: column;
12202    gap: 2px;
12203    text-align: left;
12204    align-items: flex-start;
12205  }
12206  
12207  .c_footer-frame35 {
12208    justify-content: flex-start;
12209  }
12210  
12211  .c_footer-text10,
12212  .c_footer-text11 {
12213    text-align: left;
12214  }
12215}
12216
12217@media (min-width: 769px) and (max-width: 1024px) {
12218  .c_footer-instance1 {
12219    padding: 64px 40px;
12220  }
12221  
12222  .c_footer-frame12 {
12223    gap: 64px;
12224  }
12225  
12226  .c_footer-frame13 {
12227    gap: 64px;
12228  }
12229}
12230</style>
12231<style>
12232  /* Keep "Become an Installer" on one line */
12233.c_footer-frame19{
12234  max-width: 180px;        /* was 96px — gives room for the longer label */
12235}
12236
12237/* No wrapping on that specific line */
12238.c_footer-text51,
12239.c_footer-text51 a{
12240  white-space: nowrap;
12241  word-break: normal;
12242  overflow-wrap: normal;
12243}
12244
12245/* (Optional) match on smaller screens too */
12246@media (max-width: 768px){
12247  .c_footer-frame19{ max-width: 100%; } /* full width column on mobile */
12248}
12249</style>
12250
12251
12252<style>
12253  .site-footer {
12254  background-color: #000000;
12255  padding: 40px 20px;
12256  font-family: Arial, sans-serif;
12257  color: #ffffff; /* Set default text color to white */
12258}
12259
12260.footer-row {
12261  display: grid;
12262  grid-template-columns: repeat(5, 1fr);
12263  gap: 20px;
12264  max-width: 1200px;
12265  margin: 0 auto;
12266}
12267
12268.footer-row-2 {
12269  grid-template-columns: repeat(3, 1fr);
12270  margin-top: 30px;
12271}
12272
12273.footer-column {
12274  display: flex;
12275  flex-direction: column;
12276}
12277
12278.footer-logo {
12279  max-width: 150px;
12280  color: #ffffff; /* Ensure logo text is white */
12281  height: auto;
12282  margin-bottom: 10px;
12283}
12284
12285.site-footer-block-title {
12286  color: #ffffff; /* Ensure block titles are white */
12287  font-size: 16px;
12288  font-weight: bold;
12289  margin-bottom: 15px;
12290  text-transform: uppercase;
12291}
12292
12293.footer-links {
12294  list-style: none;
12295  padding: 0;
12296  margin: 0;
12297}
12298
12299.footer-links li {
12300  margin-bottom: 10px;
12301}
12302
12303.footer-links a {
12304  color: #ffffff; /* Ensure links are white */
12305  text-decoration: none;
12306  font-size: 14px;
12307  transition: color 0.3s;
12308}
12309
12310.footer-links a:hover {
12311  color: #ff661b; /* Maintain orange hover effect for contrast */
12312}
12313
12314.mobile-links {
12315  display: none;
12316  width: 100%;
12317  padding: 10px;
12318  font-size: 14px;
12319  color: #ffffff; /* Ensure mobile links text is white */
12320  background-color: #000000; /* Ensure background contrasts with white text */
12321  border: 1px solid #ffffff; /* White border for visibility */
12322  border-radius: 4px;
12323}
12324
12325.mobile-links option {
12326  color: #ffffff; /* Ensure dropdown options are white */
12327  background-color: #000000; /* Ensure dropdown background is black */
12328}
12329
12330.footer-social-icons {
12331  display: flex;
12332  gap: 15px;
12333  margin-top: 20px;
12334}
12335
12336.social-icon-svg {
12337  width: 24px;
12338  height: 24px;
12339  fill: #ffffff; /* Ensure social icons are white */
12340  transition: fill 0.3s;
12341}
12342
12343.footer-social-icon a:hover .social-icon-svg {
12344  fill: #ff661b; /* Orange hover effect for social icons */
12345}
12346
12347.site-footer-block-newsletter .klaviyo-form {
12348  display: flex;
12349  flex-wrap: wrap;
12350  gap: 10px;
12351}
12352
12353.site-footer-block-newsletter .klaviyo-form input[type="email"] {
12354  color: #ffffff; /* Ensure input text is white */
12355  background-color: #000000; /* Black background for input */
12356  border: 1px solid #ffffff; /* White border for input */
12357}
12358
12359.site-footer-block-newsletter .klaviyo-form button {
12360  color: #ffffff; /* Ensure button text is white */
12361  background-color: #000000; /* Black background for button */
12362  border: 1px solid #ffffff; /* White border for button */
12363}
12364
12365.site-footer-block-newsletter .klaviyo-form button:hover {
12366  background-color: #ff661b; /* Orange background on hover */
12367  color: #ffffff; /* Keep text white on hover */
12368}
12369
12370.site-footer-block-content p {
12371  color: #ffffff; /* Ensure newsletter content text is white */
12372  font-size: 14px;
12373}
12374
12375.site-footer-block-disclaimer p {
12376  color: #ffffff; /* Ensure disclaimer text is white */
12377  font-size: 12px;
12378  margin-bottom: 10px;
12379}
12380
12381.footer-bbb-badge {
12382  display: flex;
12383  align-items: center;
12384  gap: 15px;
12385}
12386
12387.bbb-logo {
12388  max-width: 100px;
12389  height: auto;
12390}
12391
12392.bbb-seal {
12393  max-width: 150px;
12394  height: auto;
12395}
12396
12397.payment-icons {
12398  display: flex;
12399  flex-wrap: wrap;
12400  gap: 10px;
12401  list-style: none;
12402  padding: 0;
12403  margin: 0;
12404}
12405
12406.payment-icons-item svg {
12407  width: 38px;
12408  height: 24px;
12409  fill: #ffffff; /* Ensure payment icons are white */
12410}
12411
12412
12413@media (max-width: 768px) {
12414  .footer-row,
12415  .footer-row-2 {
12416    grid-template-columns: 1fr;
12417    gap: 30px;
12418  }
12419
12420  .desktop-links {
12421    display: none;
12422  }
12423
12424  .mobile-links {
12425    display: block;
12426    color: #ffffff; /* Ensure mobile links are white */
12427    background-color: #000000; /* Black background */
12428    border: 1px solid #ffffff; /* White border */
12429  }
12430
12431  .footer-logo {
12432    max-width: 120px;
12433  }
12434
12435  .social-icon-svg {
12436    width: 20px;
12437    height: 20px;
12438  }
12439
12440  .footer-bbb-badge {
12441    flex-direction: column;
12442    align-items: flex-start;
12443  }
12444
12445  .bbb-logo,
12446  .bbb-seal {
12447    max-width: 120px;
12448  }
12449}
12450
12451@media (min-width: 769px) and (max-width: 1024px) {
12452  .footer-row {
12453    grid-template-columns: repeat(3, 1fr);
12454  }
12455
12456  .footer-row-2 {
12457    grid-template-columns: repeat(3, 1fr);
12458  }
12459
12460  .footer-column-1,
12461  .footer-column-5 {
12462    grid-column: span 1;
12463  }
12464}
12465</style>
12466
12467<script>
12468  document.querySelectorAll('.mobile-links').forEach(select => {
12469    select.addEventListener('change', function() {
12470      if (this.value) {
12471        window.location.href = this.value;
12472      }
12473    });
12474  });
12475</script>
12475
12476<style>
12477  .c_footer-frame10 {
12478  display: flex;
12479  flex-direction: row;
12480  gap: 16px;
12481  text-align: left;
12482  align-items: center;
12483  flex-wrap: nowrap;
12484}
12485
12486/* Logo stays fixed width */
12487.c_footer-instance2 {
12488  flex: 0 0 160px; /* fixed width for logo (you can adjust) */
12489  max-width: 160px;
12490}
12491
12492/* Paragraph takes up remaining space */
12493.c_footer-text10 {
12494  flex: 1 1 auto;      /* let it grow to fill remaining width */
12495  width: 100%;         /* ensure it uses available space */
12496  max-width: 100%;     /* prevent shrinking */
12497}
12498
12499/* Optional: improve readability */
12500.c_footer-text11 {
12501  white-space: normal;
12502  line-height: 1.5;
12503  font-size: 18px;
12504}
12505
12506/* Responsive: stack on mobile */
12507@media (max-width: 768px) {
12508  .c_footer-frame10 {
12509    flex-direction: column;
12510    align-items: flex-start;
12511    gap: 0px;
12512  }
12513
12514  .c_footer-text10 {
12515    width: 100%;
12516  }
12517}
12518
12519</style></div>
12520<!-- END sections: footer-group -->
12521
12522    <ul hidden>
12523      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
12524      <li id="a11y-new-window-message">Opens in a new window.</li>
12525    </ul>
12526
12527    
12527<script>
12528      window.shopUrl = 'https://www.tmgindustrial.co.nz';
12529      window.routes = {
12530        cart_add_url: '/cart/add',
12531        cart_change_url: '/cart/change',
12532        cart_update_url: '/cart/update',
12533        cart_url: '/cart',
12534        predictive_search_url: '/search/suggest',
12535      };
12536
12537      window.cartStrings = {
12538        error: `There was an error while updating your cart. Please try again.`,
12539        quantityError: `You can only add [quantity] of this item to your cart.`,
12540      };
12541
12542      window.variantStrings = {
12543        addToCart: `Add to cart`,
12544        soldOut: `Pre order`,
12545        unavailable: `Unavailable`,
12546        unavailable_with_option: `[value] - Unavailable`,
12547      };
12548
12549      window.quickOrderListStrings = {
12550        itemsAdded: `[quantity] items added`,
12551        itemAdded: `[quantity] item added`,
12552        itemsRemoved: `[quantity] items removed`,
12553        itemRemoved: `[quantity] item removed`,
12554        viewCart: `View cart`,
12555        each: `[money]/ea`,
12556        min_error: `This item has a minimum of [min]`,
12557        max_error: `This item has a maximum of [max]`,
12558        step_error: `You can only add this item in increments of [step]`,
12559      };
12560
12561      window.accessibilityStrings = {
12562        imageAvailable: `Image [index] is now available in gallery view`,
12563        shareSuccess: `Link copied to clipboard`,
12564        pauseSlideshow: `Pause slideshow`,
12565        playSlideshow: `Play slideshow`,
12566        recipientFormExpanded: `Gift card recipient form expanded`,
12567        recipientFormCollapsed: `Gift card recipient form collapsed`,
12568        countrySelectorSearchCount: `[count] countries/regions found`,
12569      };
12570
12571      window.Shopify = window.Shopify || {};
12572      window.Shopify.theme = window.Shopify.theme || {};
12573      window.Shopify.theme.settings = {
12574        cart_type: 'page'
12575      };
12576      
12577      
12578    </script>
12578<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/predictive-search.js?v=57209189334897115771770958727" defer="defer"></script>
12578<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/cart-notification.js?v=20603431601922985511770958727" defer="defer"></script>
12578
12579    
12579<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/product-form.js?v=49080737872126674431770958727" defer="defer"></script>
12579
12580
12581    
12581<script
12582      src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"
12583    ></script>
12583
12584    
12585    
12585<script>
12586      metafieldNav = document.getElementById("metafieldNav");
12587      mobileBottomCTA = document.getElementById("mobileBottomCTA");
12588
12589      var myScrollFunc = function () {
12590        var y = window.scrollY;
12591        if (y >= 800) {
12592          metafieldNav.className = "metafield-nav show";
12593          mobileBottomCTA.className = "mobile-bottom-cta show";
12594        } else {
12595          metafieldNav.className = "metafield-nav hide";
12596          mobileBottomCTA.className = "mobile-bottom-cta hide";
12597        }
12598      };
12599
12600      window.addEventListener("scroll", myScrollFunc);
12601    </script>
12601
12602
12603    
12603<script>
12604      document.addEventListener("DOMContentLoaded", function() {
12605          function reloadStampedBadges() {
12606              if (typeof StampedFn !== "undefined" && typeof StampedFn.loadBadges === "function") {
12607                  console.log("Reloading Stamped badges...");
12608                  StampedFn.loadBadges();
12609              } else {
12610                  console.log("StampedFn is not defined yet.");
12611              }
12612          }
12613
12614          reloadStampedBadges();
12615
12616          const observer = new MutationObserver((mutations) => {
12617              mutations.forEach((mutation) => {
12618                  mutation.addedNodes.forEach((node) => {
12619                      if (node.nodeType === 1 && node.querySelector(".stamped-product-reviews-badge")) {
12620                          console.log("Detected new products! Reloading Stamped badges...");
12621                          reloadStampedBadges();
12622                      }
12623                  });
12624              });
12625          });
12626
12627          observer.observe(document.body, { childList: true, subtree: true });
12628          
12629          document.addEventListener("ajaxComplete", reloadStampedBadges);
12630          document.addEventListener("shopify:section:load", reloadStampedBadges);
12631          document.addEventListener("shopify:section:unload", reloadStampedBadges);
12632          document.addEventListener("shopify:section:select", reloadStampedBadges);
12633          document.addEventListener("shopify:section:deselect", reloadStampedBadges);
12634          document.addEventListener("shopify:section:reorder", reloadStampedBadges);
12635      });
12636    </script>
12636
12637    <a href="tel:+1800870844" class="sticky-call-btn" title="Call Us">
12638  📞 <span class="callphhide">1-800-870-844</span><span class="callhide">Call Us</span>
12639</a>
12640
12641<!--Stamped Main Script: Begin-->
12642<script> function myInit(){ StampedFn.init({ apiKey: '7267651b-c034-48c5-ad91-e9981224f8b8', sId: '350746' });} </script>
vendor: 1 bytes, line 12642
12642
12643<script async onload="myInit()" type="text/javascript"  src="https://cdn1.stamped.io/files/widget.min.js"></script>
12643
12644<!--Stamped Main Script: End -->
12644<script id="gspfProduct" type="template/html">
12645  {%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%}
12646  {%- assign image_options  = '' | downcase | split: "~~" | uniq -%}
12647  {%- assign text_options   = 'Size' | downcase | split: "~~" | uniq  -%}
12648
12649  {%- assign image_size     = '360x504' -%}
12650  {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%}
12651
12652  {%- assign featured_image            = product.featured_image -%}
12653  {%- assign product_price             = product.price -%}
12654  {%- assign product_compare_at_price  = product.compare_at_price -%}
12655  {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%}
12656  {%- assign variant_url = '' -%}
12657    {%- if product.selected_or_first_available_variant -%}
12658    {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%}
12659  {%- endif -%}
12660      {% if product.selected_or_first_available_variant %}
12661    {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %}
12662    {% assign product_price             = selected_or_first_available_variant.price %}
12663    {% assign product_compare_at_price  = selected_or_first_available_variant.compare_at_price %}
12664    {% if selected_or_first_available_variant.image %}
12665      {% assign featured_image = selected_or_first_available_variant.image %}
12666    {% endif %}
12667  {% endif %}
12668                            {%- assign variants_count = product.variants | size -%}
12669  
12670  
12671  
12672  
12673  {% assign lazy_load = false %}  
12674  {%- if forloop.index > 2 -%}
12675    {%- assign lazy_load = true -%}
12676  {%- endif -%}
12677
12678  {%- assign card_product = product -%} 
12679  {%- assign media_aspect_ratio = section.settings.image_ratio -%}
12680  {%- assign image_shape = section.settings.image_shape -%}
12681  {%- assign show_secondary_image = section.settings.show_secondary_image -%}
12682  {%- assign show_vendor = section.settings.show_vendor -%}
12683  {%- assign show_rating = section.settings.show_rating -%}
12684  {%- assign quick_add = section.settings.quick_add -%}
12685  {%- assign section_id = section.id %}
12686
12687  {%- liquid
12688    assign ratio = 1
12689    if card_product.featured_image and media_aspect_ratio == 'portrait'
12690      assign ratio = 0.8
12691    elsif card_product.featured_image and media_aspect_ratio == 'adapt'
12692      assign ratio = card_product.featured_image.aspect_ratio
12693    endif
12694    if ratio == 0 or ratio == null
12695      assign ratio = 1
12696    endif
12697  -%}
12698  
12699  <li{% if showPageData %} data-page="{{page}}" {% endif %}
12700    class="grid__item{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
12701    {% if settings.animations_reveal_on_scroll %}
12702      data-cascade
12703      style="--animation-order: {{ forloop.index }};"
12704    {% endif %}    
12705  >
12706
12707    <div class="card-wrapper product-card-wrapper underline-links-hover">
12708    <div
12709      class="
12710        card card--{{ settings.card_style }}
12711        {% if card_product.featured_image %} card--media{% else %} card--text{% endif %}
12712        {% if settings.card_style == 'card' %} color-{{ section.settingscustom.card_color_scheme }} gradient{% endif %}
12713        {% if image_shape and image_shape != 'default' %} card--shape{% endif %}
12714        {% if extend_height %} card--extend-height{% endif %}
12715        {% if card_product.featured_image == nil and settings.card_style == 'card' %} ratio{% endif %}
12716        {% if horizontal_class %} card--horizontal{% endif %}
12717      "
12718      style="--ratio-percent: {{ 1 | divided_by: ratio | times: 100 }}%;"
12719    >
12720      <div
12721        class="card__inner {% if settings.card_style == 'standard' %}color-{{ section.settingscustom.card_color_scheme }} gradient{% endif %}{% if card_product.featured_image or settings.card_style == 'standard' %} ratio{% endif %}"
12722        style="--ratio-percent: {{ 1 | divided_by: ratio | times: 100 }}%;"
12723      >
12724                                  {%- if card_product.featured_image -%}
12725          <div class="card__media{% if image_shape and image_shape != 'default' %} shape--{{ image_shape }} color-{{ section.settingscustom.card_color_scheme }} gradient{% endif %}">
12726            <div class="media media--transparent media--hover-effect">
12727              {% comment %}
12727theme-check-disable ImgLazyLoading{% endcomment %}
12728              <img
12729                srcset="
12730                  {%- if card_product.featured_image.width >= 165 -%}{{ card_product.featured_image | img_url: '165x' }} 165w,{%- endif -%}
12731                  {%- if card_product.featured_image.width >= 360 -%}{{ card_product.featured_image | img_url: '360x' }} 360w,{%- endif -%}
12732                  {%- if card_product.featured_image.width >= 533 -%}{{ card_product.featured_image | img_url: '533x' }} 533w,{%- endif -%}
12733                  {%- if card_product.featured_image.width >= 720 -%}{{ card_product.featured_image | img_url: '720x' }} 720w,{%- endif -%}
12734                  {%- if card_product.featured_image.width >= 940 -%}{{ card_product.featured_image | img_url: '940x' }} 940w,{%- endif -%}
12735                  {%- if card_product.featured_image.width >= 1066 -%}{{ card_product.featured_image | img_url: '1066x' }} 1066w,{%- endif -%}
12736                  {{ card_product.featured_image | img_url: '533x' }} {{ card_product.featured_image.width }}w
12737                "
12738                src="{{ card_product.featured_image | img_url: '533x' }}"
12739                sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 130 | divided_by: 4 }}px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
12740                alt="{{ card_product.featured_image.alt | escape }}"
12741                class="motion-reduce"
12742                {% unless lazy_load == false %}
12743                  loading="lazy"
12744                {% endunless %}
12745                width="{{ card_product.featured_image.width }}"
12746                height="{{ card_product.featured_image.height }}"
12747              >
12748              {% comment %}
12748theme-check-enable ImgLazyLoading{% endcomment %}
12749
12750              {%- if card_product.images[1] != null and show_secondary_image -%}
12751                <img
12752                  srcset="
12753                    {%- if card_product.images[1].width >= 165 -%}{{ card_product.images[1] | img_url: '165x' }} 165w,{%- endif -%}
12754                    {%- if card_product.images[1].width >= 360 -%}{{ card_product.images[1] | img_url: '360x' }} 360w,{%- endif -%}
12755                    {%- if card_product.images[1].width >= 533 -%}{{ card_product.images[1] | img_url: '533x' }} 533w,{%- endif -%}
12756                    {%- if card_product.images[1].width >= 720 -%}{{ card_product.images[1] | img_url: '720x' }} 720w,{%- endif -%}
12757                    {%- if card_product.images[1].width >= 940 -%}{{ card_product.images[1] | img_url: '940x' }} 940w,{%- endif -%}
12758                    {%- if card_product.images[1].width >= 1066 -%}{{ card_product.images[1] | img_url: '1066x' }} 1066w,{%- endif -%}
12759                    {{ card_product.images[1] | img_url: '533x' }} {{ card_product.images[1].width }}w
12760                  "
12761                  src="{{ card_product.images[1] | img_url: '533x' }}"
12762                  sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 130 | divided_by: 4 }}px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
12763                  alt=""
12764                  class="motion-reduce"
12765                  loading="lazy"
12766                  width="{{ card_product.images[1].width }}"
12767                  height="{{ card_product.images[1].height }}"
12768                >
12769              {%- endif -%}
12770            </div>
12771          </div>
12772        {%- endif -%}
12773        <div class="card__content">
12774          <div class="card__information">
12775            <h3
12776              class="card__heading"
12777              {% if card_product.featured_image == null and settings.card_style == 'standard' %}
12778                id="title-{{ section_id }}-{{ card_product.id }}"
12779              {% endif %}
12780            >
12781              <a
12782                href="{{ card_product.url }}"
12783                id="StandardCardNoMediaLink-{{ section_id }}-{{ card_product.id }}"
12784                class="full-unstyled-link"
12785                aria-labelledby="StandardCardNoMediaLink-{{ section_id }}-{{ card_product.id }} NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
12786              >
12787                {{ card_product.title | escape }}
12788              </a>
12789            </h3>
12790          </div>
12791          <div class="card__badge {{ settings.badge_position }}">
12792            {%- if card_product.available == false -%}
12793              <span
12794                id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
12795                class="badge badge--bottom-left color-{{ section.settingscustom.sold_out_badge_color_scheme }}"
12796              >
12797                
12798              </span>
12799            {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
12800              <span
12801                id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
12802                class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}"
12803              >
12804                
12805              </span>
12806            {%- endif -%}
12807          </div>
12808        </div>
12809      </div>
12810      <div class="card__content">
12811        <div class="card__information">
12812          <h3
12813            class="card__heading{% if card_product.featured_image or settings.card_style == 'standard' %} h5{% endif %}"
12814            {% if card_product.featured_image or settings.card_style == 'card' %}
12815              id="title-{{ section_id }}-{{ card_product.id }}"
12816            {% endif %}
12817          >
12818            <a
12819              href="{{ card_product.url }}"
12820              id="CardLink-{{ section_id }}-{{ card_product.id }}"
12821              class="full-unstyled-link"
12822              aria-labelledby="CardLink-{{ section_id }}-{{ card_product.id }} Badge-{{ section_id }}-{{ card_product.id }}"
12823            >
12824              {{ card_product.title | escape }}
12825            </a>
12826          </h3>
12827          <div class="card-information">
12828            {%- if show_vendor -%}
12829              <span class="visually-hidden"></span>
12830              <div class="caption-with-letter-spacing light">{{ card_product.vendor }}</div>
12831            {%- endif -%}
12832
12833            {%- if show_rating and card_product.metafields.reviews.rating != blank -%}
12834              {% liquid
12835                assign rating_decimal = 0
12836                assign decimal = card_product.metafields.reviews.rating | modulo: 1
12837                if decimal >= 0.3 and decimal <= 0.7
12838                  assign rating_decimal = 0.5
12839                elsif decimal > 0.7
12840                  assign rating_decimal = 1
12841                endif
12842              %}
12843              <div
12844                class="rating"
12845                role="img"
12846              >
12847                <span
12848                  aria-hidden="true"
12849                  class="rating-star"
12850                  style="--rating: {{ card_product.metafields.reviews.rating | floor }}; --rating-max: 5; --rating-decimal: {{ rating_decimal }};"
12851                ></span>
12852              </div>
12853              <p class="rating-text caption">
12854                <span aria-hidden="true">
12855                  {{- card_product.metafields.reviews.rating.value }} / 5
12856                </span>
12857              </p>
12858              <p class="rating-count caption">
12859                <span aria-hidden="true">({{ card_product.metafields.reviews.rating_count }})</span>
12860                <span class="visually-hidden">
12861                  {{- card_product.metafields.reviews.rating_count }}
12862                  
12863                </span>
12864              </p>
12865            {%- endif -%}
12866            {%- assign show_compare_at_price = true -%}
12867            {%- liquid
12868              if use_variant
12869                assign target = card_product.selected_or_first_available_variant
12870              else
12871                assign target = card_product
12872              endif
12873            
12874              assign compare_at_price = target.compare_at_price
12875              assign price = target.price | default: 1999
12876              assign price_min = card_product.price_min
12877              assign price_max = card_product.price_max
12878              assign available = target.available | default: false
12879              assign money_price = price | money
12880              assign money_price_min = price_min | money
12881              assign money_price_max = price_max | money
12882              if settings.currency_code_enabled
12883                assign money_price = price | money_with_currency
12884                assign money_price_min = price_min | money_with_currency
12885                assign money_price_max = price_max | money_with_currency
12886              endif
12887            
12888            -%}
12889            {%- if target == card_product and card_product.price_varies -%}
12890            {%- assign price = money_price %} 
12891            {%- capture money_price %}  {%- endcapture -%}
12892            {%- endif -%}
12893            <div
12894              class="
12895                price
12896                {%- if price_class %} {{ price_class }}{% endif -%}
12897                {%- if available == false %} price--sold-out{% endif -%}
12898                {%- if compare_at_price > price and card_product.quantity_price_breaks_configured != true %} price--on-sale{% endif -%}
12899                {%- if compare_at_price > price and card_product.quantity_price_breaks_configured %} volume-pricing--sale-badge{% endif -%}
12900                {%- if card_product.price_varies == false and card_product.compare_at_price_varies %} price--no-compare{% endif -%}
12901                {%- if show_badges %} price--show-badge{% endif -%}
12902              "
12903            >
12904              <div class="price__container">
12905                <div class="price__regular">
12906                  {%- if card_product.quantity_price_breaks_configured -%}
12907                    {%- if show_compare_at_price and compare_at_price -%}
12908                      {%- unless card_product.price_varies == false and card_product.compare_at_price_varies %}
12909                        <span class="visually-hidden visually-hidden--inline">
12910                          
12911                        </span>
12912                        <span>
12913                          <s class="price-item price-item--regular variant-item__old-price">
12914                            {% if settings.currency_code_enabled %}
12915                              {{ compare_at_price | money_with_currency }}
12916                            {% else %}
12917                              {{ compare_at_price | money }}
12918                            {% endif %}
12919                          </s>
12920                        </span>
12921                      {%- endunless -%}
12922                    {%- endif -%}
12923                    <span class="visually-hidden visually-hidden--inline"></span>
12924                    <span class="price-item price-item--regular">
12925                      {{ money_price_min }} - {{ money_price_max }}
12926                    </span>
12927                  {%- else -%}
12928                    <span class="visually-hidden visually-hidden--inline"></span>
12929                    <span class="price-item price-item--regular">
12930                      {{ money_price }}
12931                    </span>
12932                  {%- endif -%}
12933                </div>
12934                <div class="price__sale">
12935                  {%- unless product.price_varies == false and product.compare_at_price_varies %}
12936                    <span class="visually-hidden visually-hidden--inline"></span>
12937                    <span>
12938                      <s class="price-item price-item--regular">
12939                        {% if settings.currency_code_enabled %}
12940                          {{ compare_at_price | money_with_currency }}
12941                        {% else %}
12942                          {{ compare_at_price | money }}
12943                        {% endif %}
12944                      </s>
12945                    </span>
12946                  {%- endunless -%}
12947                  <span class="visually-hidden visually-hidden--inline"></span>
12948                  <span class="price-item price-item--sale price-item--last">
12949                    {{ money_price }}
12950                  </span>
12951                </div>
12952              </div>
12953              {%- if show_badges -%}
12954                <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
12955                  
12956                </span>
12957            
12958                <span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
12959                  
12960                </span>
12961              {%- endif -%}
12962            </div>
12963            {%- if card_product.quantity_price_breaks_configured -%}
12964              <div class="card__information-volume-pricing-note">
12965                <span class="caption"></span>
12966              </div>
12967            {%- endif -%}
12968                          <span class="stamped-product-reviews-badge" data-id="{{product.id}}"></span>
12969                                        </div>
12970        </div>
12971        {% assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id %}
12972        {% if quick_add == 'standard' %}
12973          <div class="quick-add no-js-hidden">
12974            {%- liquid
12975              assign qty_rules = false
12976              if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1
12977                assign qty_rules = true
12978              endif
12979            -%}
12980            {%- if variants_count > 1 or qty_rules -%}
12981              <modal-opener data-modal="#QuickAdd-{{ card_product.id }}">
12982                <button
12983                  id="{{ product_form_id }}-submit"
12984                  type="submit"
12985                  name="add"
12986                  class="quick-add__submit button button--full-width button--secondary{% if horizontal_quick_add %} card--horizontal__quick-add animate-arrow{% endif %}"
12987                  aria-haspopup="dialog"
12988                  aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
12989                  data-product-url="{{ card_product.url }}"
12990                >
12991                  
12992                  {%- if horizontal_quick_add -%}
12993                    <span class="icon-wrap">
12994                      <svg
12995                        viewBox="0 0 14 10"
12996                        fill="none"
12997                        aria-hidden="true"
12998                        focusable="false"
12999                        class="icon icon-arrow"
13000                        xmlns="http://www.w3.org/2000/svg"
13001                      >
13002                        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
13003                      </svg>
13004                    </span>
13005                  {%- endif -%}
13006                  <div class="{% if class %}{{ class }}{% else %}loading__spinner hidden{% endif %}">
13007                    <svg
13008                      aria-hidden="true"
13009                      focusable="false"
13010                      class="spinner"
13011                      viewBox="0 0 66 66"
13012                      xmlns="http://www.w3.org/2000/svg"
13013                    >
13014                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
13015                    </svg>
13016                  </div>
13017                </button>
13018              </modal-opener>
13019              <quick-add-modal id="QuickAdd-{{ card_product.id }}" class="quick-add-modal">
13020                <div
13021                  role="dialog"
13022                  aria-label=" {{ card_product.title | escape }}"
13023                  aria-modal="true"
13024                  class="quick-add-modal__content global-settings-popup"
13025                  tabindex="-1"
13026                >
13027                  <button
13028                    id="ModalClose-{{ card_product.id }}"
13029                    type="button"
13030                    class="quick-add-modal__toggle"
13031                    aria-label="{{ themeTranslation.accessibility.close }}"
13032                  >
13033                    <svg
13034                      xmlns="http://www.w3.org/2000/svg"
13035                      aria-hidden="true"
13036                      focusable="false"
13037                      class="icon icon-close"
13038                      fill="none"
13039                      viewBox="0 0 18 17"
13040                    >
13041                      <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
13042                    </svg>
13043                  </button>
13044                  <div id="QuickAddInfo-{{ card_product.id }}" class="quick-add-modal__content-info"></div>
13045                </div>
13046              </quick-add-modal>
13047            {%- else -%}
13048              <product-form data-section-id="{{ section.id }}">
13049                  <form method="post" action="{{ root_url }}/cart/add" id="{{ product_form_id }}" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form">
13050                  <input type="hidden" name="form_type" value="product">
13051                  <input type="hidden" name="utf8" value="✓">
13052                  <input
13053                    type="hidden"
13054                    name="id"
13055                    value="{{ card_product.selected_or_first_available_variant.id }}"
13056                    class="product-variant-id"
13057                    {% if card_product.selected_or_first_available_variant.available == false %}
13058                      disabled
13059                    {% endif %}
13060                  >
13061                  <button
13062                    id="{{ product_form_id }}-submit"
13063                    type="submit"
13064                    name="add"
13065                    class="quick-add__submit button button--full-width button--secondary{% if horizontal_quick_add %} card--horizontal__quick-add{% endif %}"
13066                    aria-haspopup="dialog"
13067                    aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
13068                    aria-live="polite"
13069                    data-sold-out-message="true"
13070                    {% if card_product.selected_or_first_available_variant.available == false %}
13071                      disabled
13072                    {% endif %}
13073                  >
13074                    <span>
13075                      {%- if card_product.selected_or_first_available_variant.available -%}
13076                        
13077                      {%- else -%}
13078                        
13079                      {%- endif -%}
13080                    </span>
13081                    <span class="sold-out-message hidden">
13082                      
13083                    </span>
13084                    {%- if horizontal_quick_add -%}
13085                      <span class="icon-wrap">
13086                        <svg
13087                          xmlns="http://www.w3.org/2000/svg"
13088                          aria-hidden="true"
13089                          focusable="false"
13090                          class="icon icon-plus"
13091                          fill="none"
13092                          viewBox="0 0 10 10"
13093                        >
13094                          <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
13095                        </svg>
13096                      </span>
13097                    {%- endif -%}
13098                    <div class="{% if class %}{{ class }}{% else %}loading__spinner hidden{% endif %}">
13099                      <svg
13100                        aria-hidden="true"
13101                        focusable="false"
13102                        class="spinner"
13103                        viewBox="0 0 66 66"
13104                        xmlns="http://www.w3.org/2000/svg"
13105                      >
13106                        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
13107                      </svg>
13108                    </div>
13109                  </button>
13110                </form>
13111              </product-form>
13112            {%- endif -%}
13113          </div>
13114        {% elsif quick_add == 'bulk' %}
13115          {% if variants_count == 1 %}
13116            <quick-add-bulk
13117              data-min="{{ card_product.selected_or_first_available_variant.quantity_rule.min }}"
13118              id="quick-add-bulk-{{ card_product.selected_or_first_available_variant.id }}-{{ section.id }}"
13119              class="quick-add-bulk"
13120              data-index="{{ card_product.selected_or_first_available_variant.id }}"
13121            >
13122              {% if card_product.selected_or_first_available_variant.available == false %}
13123                <button
13124                  id="{{ product_form_id }}-submit"
13125                  type="submit"
13126                  name="add"
13127                  class="quick-add__submit button button--full-width button--secondary"
13128                  aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
13129                  data-sold-out-message="true"
13130                  disabled
13131                >
13132                  <span></span>
13133                  <span class="sold-out-message hidden">
13134                    
13135                  </span>
13136                </button>
13137              {% else %}
13138                {% assign variant = card_product.selected_or_first_available_variant %}
13139                {% assign min = 0 %}
13140                {% assign cartStr = "" | split: "-" %}
13141                {% assign item_quantity = 0 %}
13142                {% assign variantId = product.selected_or_first_available_variant.id %}
13143                {% for cartItem in cartStr %}
13144                {% if cartItem contains variantId %}
13145                {% assign cartQuantity = cartItem | split: ":" | last %}
13146                {% assign item_quantity = item_quantity | plus: cartQuantity %}
13147                {% endif %}
13148                {% endfor %}
13149                
13150                <quantity-input class="quantity cart-quantity">
13151                  <button class="quantity__button" name="minus" type="button">
13152                    <span class="svg-wrapper">
13153                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg>
13154                    </span>
13155                  </button>
13156                  <input
13157                    class="quantity__input"
13158                    data-quantity-variant-id="{{ variant.id }}"
13159                    type="number"
13160                    name="updates[{{ variant_id }}]"
13161                    value="{{ item_quantity }}"
13162                    data-cart-quantity="{{ item_quantity }}"
13163                    min="{{ min }}"
13164                    data-min="1"
13165                    step="1"
13166                    aria-label="{{ variant.title | escape }}"
13167                    id="Quantity-{{ variant.id }}"
13168                    data-index="{{ variant.id }}"
13169                  >
13170                  <button class="quantity__button" name="plus" type="button">
13171                    <span class="svg-wrapper">
13172                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg>
13173                    </span>
13174                  </button>
13175                  <div class="progress-bar-container hidden">
13176                    <div class="progress-bar">
13177                      <div class="progress-bar-value"></div>
13178                    </div>
13179                  </div>
13180                </quantity-input>
13181              {% endif %}
13182            </quick-add-bulk>
13183          {% else %}
13184           <div class="quick-add no-js-hidden">
13185              {%- liquid
13186                assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id
13187                assign qty_rules = false
13188                if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1
13189                  assign qty_rules = true
13190                endif
13191              -%}
13192              <modal-opener
13193                id="QuickBulk-{{ card_product.id }}-{{ section_id }}"
13194                data-modal="#QuickAddBulk-{{ card_product.id }}-{{ section.id }}"
13195              >
13196                <button
13197                  id="{{ product_form_id }}-submit"
13198                  type="submit"
13199                  name="add"
13200                  class="quick-add__submit button button--full-width button--secondary"
13201                  aria-haspopup="dialog"
13202                  aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
13203                  data-product-url="{{ card_product.url }}"
13204                >
13205                  
13206                  <div class="{% if class %}{{ class }}{% else %}loading__spinner hidden{% endif %}">
13207                    <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
13208                  </div>
13209                </button>
13210              </modal-opener>
13211              <modal-dialog
13212                id="QuickAddBulk-{{ card_product.id }}-{{ section_id }}"
13213                class="quick-add-modal color-{{ section.settings.color_scheme }}"
13214              >
13215                <div
13216                  role="dialog"
13217                  aria-label="{{ card_product.title | escape }}"
13218                  aria-modal="true"
13219                  class="quick-add-modal__content quick-add-modal__content--bulk global-settings-popup"
13220                  tabindex="-1"
13221                >
13222                  <button
13223                    id="ModalClose-{{ card_product.id }}"
13224                    type="button"
13225                    class="quick-add-modal__toggle"
13226                    aria-label=""
13227                  >
13228                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
13229                  </button>
13230                  <div
13231                    id="QuickAddInfo-{{ card_product.id }}"
13232                    class="quick-add-modal__content-info quick-add-modal__content-info--bulk"
13233                  >
13234                    <div class="quick-add__content-info__media">
13235                      <div class="quick-add__info">
13236                        {%- if card_product.featured_image -%}
13237                          <div
13238                            class="quick-add__product-media"
13239                          >
13240                            <div class="quick-add__product-container global-media-settings">
13241                              {% comment %}
13241theme-check-disable ImgLazyLoading{% endcomment %}
13242                              <img
13243                                    srcset="
13244                                      {%- if card_product.featured_image.width >= 165 -%}{{ card_product.featured_image | img_url: '165x' }} 165w,{%- endif -%}
13245                                      {%- if card_product.featured_image.width >= 360 -%}{{ card_product.featured_image | img_url: '360x' }} 360w,{%- endif -%}
13246                                      {%- if card_product.featured_image.width >= 533 -%}{{ card_product.featured_image | img_url: '533x' }} 533w,{%- endif -%}
13247                                      {%- if card_product.featured_image.width >= 720 -%}{{ card_product.featured_image | img_url: '720x' }} 720w,{%- endif -%}
13248                                      {%- if card_product.featured_image.width >= 940 -%}{{ card_product.featured_image | img_url: '940x' }} 940w,{%- endif -%}
13249                                      {%- if card_product.featured_image.width >= 1066 -%}{{ card_product.featured_image | img_url: '1066x' }} 1066w,{%- endif -%}
13250                                      {{ card_product.featured_image | img_url: '533x' }} {{ card_product.featured_image.width }}w
13251                                    "
13252                                    src="{{ card_product.featured_image | img_url: '533x' }}"
13253                                    sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 130 | divided_by: 4 }}px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
13254                                    alt="{{ card_product.featured_image.alt | escape }}"
13255                                    class="motion-reduce"
13256                                    {% unless lazy_load == false %}
13257                                      loading="lazy"
13258                                    {% endunless %}
13259                                    width="{{ card_product.featured_image.width }}"
13260                                    height="{{ card_product.featured_image.height }}"
13261                               >
13262                              {% comment %}
13262theme-check-enable ImgLazyLoading{% endcomment %}
13263                            </div>
13264                          </div>
13265                        {%- endif -%}
13266                        <a
13267                          {% if card_product == blank %}
13268                            role="link" aria-disabled="true"
13269                          {% else %}
13270                            href="{{ card_product.url }}"
13271                          {% endif %}
13272                          class="link product__view-details animate-arrow small-hide medium-hide"
13273                        >
13274                          
13275                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13276                        </a>
13277                      </div>
13278                      <div class="quick-add-modal__content-info--bulk-details large-up-hide">
13279                        <a href="{{ card_product.url }}" class="full-unstyled-link">
13280                          <h3>{{ card_product.title | escape }}</h3>
13281                        </a>
13282                        {%- assign show_compare_at_price = true -%}
13283                        {%- liquid
13284                          if use_variant
13285                            assign target = card_product.selected_or_first_available_variant
13286                          else
13287                            assign target = card_product
13288                          endif
13289                        
13290                          assign compare_at_price = target.compare_at_price
13291                          assign price = target.price | default: 1999
13292                          assign price_min = card_product.price_min
13293                          assign price_max = card_product.price_max
13294                          assign available = target.available | default: false
13295                          assign money_price = price | money
13296                          assign money_price_min = price_min | money
13297                          assign money_price_max = price_max | money
13298                          if settings.currency_code_enabled
13299                            assign money_price = price | money_with_currency
13300                            assign money_price_min = price_min | money_with_currency
13301                            assign money_price_max = price_max | money_with_currency
13302                          endif
13303                        
13304                        -%}
13305                        {%- if target == card_product and card_product.price_varies -%}
13306                        {%- assign price = money_price %} 
13307                        {%- capture money_price %}  {%- endcapture -%}
13308                        {%- endif -%}
13309                        <div
13310                          class="
13311                            price
13312                            {%- if price_class %} {{ price_class }}{% endif -%}
13313                            {%- if available == false %} price--sold-out{% endif -%}
13314                            {%- if compare_at_price > price and card_product.quantity_price_breaks_configured != true %} price--on-sale{% endif -%}
13315                            {%- if compare_at_price > price and card_product.quantity_price_breaks_configured %} volume-pricing--sale-badge{% endif -%}
13316                            {%- if card_product.price_varies == false and card_product.compare_at_price_varies %} price--no-compare{% endif -%}
13317                            {%- if show_badges %} price--show-badge{% endif -%}
13318                          "
13319                        >
13320                          <div class="price__container">
13321                            <div class="price__regular">
13322                              {%- if card_product.quantity_price_breaks_configured -%}
13323                                {%- if show_compare_at_price and compare_at_price -%}
13324                                  {%- unless card_product.price_varies == false and card_product.compare_at_price_varies %}
13325                                    <span class="visually-hidden visually-hidden--inline">
13326                                      
13327                                    </span>
13328                                    <span>
13329                                      <s class="price-item price-item--regular variant-item__old-price">
13330                                        {% if settings.currency_code_enabled %}
13331                                          {{ compare_at_price | money_with_currency }}
13332                                        {% else %}
13333                                          {{ compare_at_price | money }}
13334                                        {% endif %}
13335                                      </s>
13336                                    </span>
13337                                  {%- endunless -%}
13338                                {%- endif -%}
13339                                <span class="visually-hidden visually-hidden--inline"></span>
13340                                <span class="price-item price-item--regular">
13341                                  {{ money_price_min }} - {{ money_price_max }}
13342                                </span>
13343                              {%- else -%}
13344                                <span class="visually-hidden visually-hidden--inline"></span>
13345                                <span class="price-item price-item--regular">
13346                                  {{ money_price }}
13347                                </span>
13348                              {%- endif -%}
13349                            </div>
13350                            <div class="price__sale">
13351                              {%- unless product.price_varies == false and product.compare_at_price_varies %}
13352                                <span class="visually-hidden visually-hidden--inline"></span>
13353                                <span>
13354                                  <s class="price-item price-item--regular">
13355                                    {% if settings.currency_code_enabled %}
13356                                      {{ compare_at_price | money_with_currency }}
13357                                    {% else %}
13358                                      {{ compare_at_price | money }}
13359                                    {% endif %}
13360                                  </s>
13361                                </span>
13362                              {%- endunless -%}
13363                              <span class="visually-hidden visually-hidden--inline"></span>
13364                              <span class="price-item price-item--sale price-item--last">
13365                                {{ money_price }}
13366                              </span>
13367                            </div>
13368                          </div>
13369                          {%- if show_badges -%}
13370                            <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
13371                              
13372                            </span>
13373                        
13374                            <span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
13375                              
13376                            </span>
13377                          {%- endif -%}
13378                        </div>
13379                        {%- if card_product.quantity_price_breaks_configured -%}
13380                          <div class="card__information-volume-pricing-note">
13381                            <span class="caption"></span>
13382                          </div>
13383                        {%- endif -%}
13384                      </div>
13385                    </div>
13386                    <div>
13387                      <div class="quick-add-modal__content-info--bulk-details small-hide medium-hide">
13388                        <a href="{{ card_product.url }}" class="full-unstyled-link">
13389                          <h3 class="h2">
13390                            {{ card_product.title | escape }}
13391                          </h3>
13392                        </a>
13393                        {%- assign show_compare_at_price = true -%}
13394                        {%- liquid
13395                          if use_variant
13396                            assign target = card_product.selected_or_first_available_variant
13397                          else
13398                            assign target = card_product
13399                          endif
13400                        
13401                          assign compare_at_price = target.compare_at_price
13402                          assign price = target.price | default: 1999
13403                          assign price_min = card_product.price_min
13404                          assign price_max = card_product.price_max
13405                          assign available = target.available | default: false
13406                          assign money_price = price | money
13407                          assign money_price_min = price_min | money
13408                          assign money_price_max = price_max | money
13409                          if settings.currency_code_enabled
13410                            assign money_price = price | money_with_currency
13411                            assign money_price_min = price_min | money_with_currency
13412                            assign money_price_max = price_max | money_with_currency
13413                          endif
13414                        
13415                        -%}
13416                        {%- if target == card_product and card_product.price_varies -%}
13417                        {%- assign price = money_price %} 
13418                        {%- capture money_price %}  {%- endcapture -%}
13419                        {%- endif -%}
13420                        <div
13421                          class="
13422                            price
13423                            {%- if price_class %} {{ price_class }}{% endif -%}
13424                            {%- if available == false %} price--sold-out{% endif -%}
13425                            {%- if compare_at_price > price and card_product.quantity_price_breaks_configured != true %} price--on-sale{% endif -%}
13426                            {%- if compare_at_price > price and card_product.quantity_price_breaks_configured %} volume-pricing--sale-badge{% endif -%}
13427                            {%- if card_product.price_varies == false and card_product.compare_at_price_varies %} price--no-compare{% endif -%}
13428                            {%- if show_badges %} price--show-badge{% endif -%}
13429                          "
13430                        >
13431                          <div class="price__container">
13432                            <div class="price__regular">
13433                              {%- if card_product.quantity_price_breaks_configured -%}
13434                                {%- if show_compare_at_price and compare_at_price -%}
13435                                  {%- unless card_product.price_varies == false and card_product.compare_at_price_varies %}
13436                                    <span class="visually-hidden visually-hidden--inline">
13437                                      
13438                                    </span>
13439                                    <span>
13440                                      <s class="price-item price-item--regular variant-item__old-price">
13441                                        {% if settings.currency_code_enabled %}
13442                                          {{ compare_at_price | money_with_currency }}
13443                                        {% else %}
13444                                          {{ compare_at_price | money }}
13445                                        {% endif %}
13446                                      </s>
13447                                    </span>
13448                                  {%- endunless -%}
13449                                {%- endif -%}
13450                                <span class="visually-hidden visually-hidden--inline"></span>
13451                                <span class="price-item price-item--regular">
13452                                  {{ money_price_min }} - {{ money_price_max }}
13453                                </span>
13454                              {%- else -%}
13455                                <span class="visually-hidden visually-hidden--inline"></span>
13456                                <span class="price-item price-item--regular">
13457                                  {{ money_price }}
13458                                </span>
13459                              {%- endif -%}
13460                            </div>
13461                            <div class="price__sale">
13462                              {%- unless product.price_varies == false and product.compare_at_price_varies %}
13463                                <span class="visually-hidden visually-hidden--inline"></span>
13464                                <span>
13465                                  <s class="price-item price-item--regular">
13466                                    {% if settings.currency_code_enabled %}
13467                                      {{ compare_at_price | money_with_currency }}
13468                                    {% else %}
13469                                      {{ compare_at_price | money }}
13470                                    {% endif %}
13471                                  </s>
13472                                </span>
13473                              {%- endunless -%}
13474                              <span class="visually-hidden visually-hidden--inline"></span>
13475                              <span class="price-item price-item--sale price-item--last">
13476                                {{ money_price }}
13477                              </span>
13478                            </div>
13479                          </div>
13480                          {%- if show_badges -%}
13481                            <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
13482                              
13483                            </span>
13484                        
13485                            <span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
13486                              
13487                            </span>
13488                          {%- endif -%}
13489                        </div>
13490                        {%- if card_product.quantity_price_breaks_configured -%}
13491                          <div class="card__information-volume-pricing-note">
13492                            <span class="caption"></span>
13493                          </div>
13494                        {%- endif -%}
13495                      </div>
13496                      <bulk-modal
13497                        id="QuickBulkModal-{{ card_product.id }}-{{ section_id }}"
13498                        data-url="{{ card_product.url }}"
13499                        data-section-id="{{ section_id }}"
13500                        data-product-id="{{ card_product.id }}"
13501                      >
13502                      </bulk-modal>
13503                    </div>
13504                  </div>
13505                </div>
13506              </modal-dialog>
13507            </div>
13508          {% endif %}
13509        {% endif %}
13510       
13511        <div class="card__badge {{ settings.badge_position }}">
13512          {%- if card_product.available == false -%}
13513            <span
13514              id="Badge-{{ section_id }}-{{ card_product.id }}"
13515              class="badge badge--bottom-left color-{{ section.settingscustom.sold_out_badge_color_scheme }}"
13516            >
13517              
13518            </span>
13519          {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
13520            <span
13521              id="Badge-{{ section_id }}-{{ card_product.id }}"
13522              class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}"
13523            >
13524              
13525            </span>
13526          {%- endif -%}
13527        </div>
13528      </div>
13529    </div>
13530  </div>
13531  </li>
13532              </script>
13532<style> .atc-button--checkout {display: none;} .button-secondary {color: #000; background-color: #ff661b; border: 1px solid #dddddd;} .breadcrumbs-container-updated {top: 79px;} .site-header-sticky .site-header {position: sticky; top: -1px;} .site-header-main-content {margin-left: 0;} } /* smaller, dark, rounded square */.sp-wrapper .flickity-button {background: #000;} .sp-wrapper .flickity-button:hover {background: #ff661b;} .sp-wrapper .flickity-prev-next-button {width: 30px; height: 30px; border-radius: 5px;}  /* icon color */.sp-wrapper .flickity-button-icon {fill: black;} .essential_annoucement_bar_wrapper{margin-top: 0 !important;} .product-grid-pre-order-icon{top: 2em;} .home-module-inline-items{max-width: 1400px; display: block; margin: auto;} .site-header{top: 39.5px !important;} #site-header-nav{margin-top: 0 !important;} .product-grid-banner {margin-top:1rem;} .options-selection__option-name {display: none;} .cbb-frequently-bought-products {width: 100%; height: 220px; overflow-x: scroll; white-space: nowrap;} </style>
13533<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13533
13534</body>
13535    
13535<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/jquery-2.1.1.js?v=10474865187755489031770958727" type="text/javascript"></script>
vendor: 1 bytes, line 13535
13535
13536<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/jquery.menu-aim.js?v=22048617693237385501770958727" type="text/javascript"></script>
vendor: 1 bytes, line 13536
13536
13537<script src="//www.tmgindustrial.co.nz/cdn/shop/t/7/assets/main.js?v=16846505271165902011770958727" type="text/javascript"></script>
13537
13538</html>
13539
13540<style>
13541  
13542/* Sticky Call Button */
13543.sticky-call-btn {
13544  position: fixed;
13545  top: 257px;
13546  right: 20px;
13547  background-color: #ff671d;
13548  color: #fff;
13549  padding: 10px 18px;
13550  border-radius: 30px;
13551  font-weight: 600;
13552  font-family: Heebo, sans-serif;
13553  text-decoration: none;
13554  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
13555  transition: all 0.3s ease;
13556  z-index: 9999;
13557}
13558
13559.sticky-call-btn:hover {
13560  background-color: #e65a15;
13561  transform: translateY(-2px);
13562}
13563.callhide{
13564display: none;
13565}
13566@media screen and (max-width: 768px){
13567.sticky-call-btn {
13568  top: 184px;
13569  right: 9px;
13570  padding: 5px 8px;
13571}
13572.callphhide{
13573display: none;
13574}
13575
13576}
13577@media screen and (max-width: 750px) {
13578main#MainContent.content-for-layout.focus-none
13579{padding: 2.5rem 1.5rem!important;}
13580nav.breadcrumb{display:none!important;}
13581}
13582
13583</style>
13584
13585
13586
13587
13588<script>
13589  // Prevent browser from restoring scroll position
13590  if ('scrollRestoration' in history) {
13591    history.scrollRestoration = 'manual';
13592  }
13593
13594  // Force scroll to top on load
13595  window.addEventListener("load", function () {
13596    window.scrollTo({ top: 0, behavior: "auto" });
13597  });
13598</script>
vendor: 1 bytes, line 13598
13598

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.