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 – 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®ion_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®ion_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®ion_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,'<').replace(/>/g,'>') + '</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,'<').replace(/>/g,'>')+'</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 & 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 & 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 & 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 & 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 & 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 & 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.